@font-face {
    font-family: 'rosieregular';
    src: url('./polices/rosie-webfont.woff2') format('woff2'),
         url('./polices/rosie-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
margin:0px auto;
padding:0px;
font-size:12px;
/*color:#6d6d6d;*/
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background-color:#000;
height:100%;
}

h1{
font-family: 'rosieregular';
color:#EFB11D;
font-size:30px;
font-style:normal;
font-weight:normal;
display:inline-block;
line-height:normal;
width:100%;
padding:0;
margin: 0px 0px 30px 0px;
}

.jaune{
color:#c78d0b;
}

.lien_jaune:link, .lien_jaune:visited{
color:#c78d0b;
text-decoration:none;
}

.lien_jaune:hover, .lien_jaune:active{
text-decoration: underline;
}

#page{
width:970px;
background-image:url(images-location-gite-brehat/fd_page.gif);
background-repeat:no-repeat;
background-position:bottom left;
overflow:hidden;
margin:20px auto;
padding:0px;
background-color:#000;
/*border:1px solid #FFBD17;*/
border:1px solid  #EFB11D;
}

#legende{
float:left;
height:48px;
width:78px;
text-align:center;
font-size:11px;
color:#FFFFFF;
border:1px solid  #EFB11D;
margin-right:3px;
margin-bottom:3px;
padding-top:10px;
}

#legende .droite{
margin-right:0px;
}

#footer{
position:relative;
margin-top:-84px;
margin-right:700px;
float:left;
letter-spacing:0.1em;
color:#6d6d6d;
height:84px;
width:225px;
/*background-color:#ffbd17;*/
background-color:#EFB11D;
padding:10px 10px 10px 35px;
}

#footer .titre{
letter-spacing:0.15em;
font-size:14px;
font-weight:bold;
}

#footer .tel{
letter-spacing:0em;
}

#footer a{
margin-top:5px;
font-size:11px;
color:#7a5400;
text-decoration:underline;
}

#footer a:hover{
text-decoration:none;
}



#bando{
height:130px;
width:970px;
float:left;
}

#titre_site{
float:left;
}

#logo_gite{
float:left;
margin-top:80px;
margin-left:220px;
}

#flags{
margin-top:5px;
margin-right:10px;
float:right;
}

#cote_gauche{
width:270px;
float:left;
height:100%;
}

#menu{
margin:0px;
padding:0px
}

#menu li{
width:203px;
list-style-type:none;
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 67px;
}

.vert_fonce{
background-color:#003a40;
}

.vert_medium{
background-color:#005d66;
}

.vert_clair{
background-color:#00808c;
}

.turquoise{
background-color:#00bacc;
}

.bleu{
background-color:#005680;
}

#menu li a{
padding-left:10px;
display:block;
float:right;
color:#fff;
background-color:#000;
text-decoration:none;
letter-spacing:0.1em;
width:192px;
font-size:14px;
}

#titre_nuage{
margin-top:20px;
float:left;
}

#menu li a:hover{
color:#FFFFFF;
background-color:transparent;
}

.vert_fonce_current a:link,.vert_fonce_current a:visited,.vert_fonce_current a:hover, .vert_fonce_current a:active{
padding-left:10px;
display:block;
float:right;
color:#fff;
background-color:#003a40;
text-decoration:none;
letter-spacing:0.1em;
width:192px;
font-size:14px;
}



#nuage_tags{
margin-top:35px;
color:#095F86;
float:left;
padding:10px 35px 35px 25px;
width:210px;
font-size:11px;
line-height:22px;
text-align:justify;
}

.tag_14{
font-size:14px;
}

.tag_16{
font-size:16px;
}

#confort{
float:left;
padding:0px 35px 35px 35px;
width:200px;
font-size:11px;
line-height:16px;
text-align:justify;
height:170px;
color:#FFFFFF;
}

#confort2{
float:left;
padding:0px 35px 0px 78px;
width:157px;
height:162px;
font-size:16px;
letter-spacing:0.05em;
line-height:20px;
color:#0570a4;
}

#vign{
float:left;
padding:12px 10px 12px 12px;
width:248px;

}

#vign img{
float:left;
margin-right:3px;
margin-bottom:3px;
}

#vign  .droite{
margin-right:0px;
}



#cote_droit{
width:700px;
float:left;
background-image:url(images-location-gite-brehat/fd_cote_droit.gif);
background-repeat:no-repeat;
background-position:0px 345px;
}

#txt_intro{
float:right;
width:458px;
line-height:20px;
padding:20px 20px 20px 0px;
text-align:justify;
font-size:12px;
/*color:#6d6d6d;*/
color:#FFFFFF;
background-color:#000000;
}

	

#diapo{
float:left;
width:700px;
height:345px;
}

#img1{
display:block;
float:left;
}

#img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21, #img22, #img23, #img24, #img25, #img26, #img27, #img28, #img29, #img30{
position:absolute;
z-index:100;
margin-top:0px;
margin-left:0px;
display:none;
}

.boite1{
background-color:#fff;
border:1px solid  #EFB11D;
}

.td_tarifs{
	border-bottom:1px solid #fff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	padding:10px 0px 10px 5px;
	height:20px;
}

/* Placeholders */
::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } /* Chrome 56, Safari 9 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

/* Focus */
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome 56, Safari 9 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */