fiƒ/* CSS Document */
body{background-color:#f1e7ce;}
#body-accueil{
background-color:#f1e7ce;
margin:0;
padding:1em 0 0 0;
text-align:center;
font-size:62.5%;
behavior:url(squelettes/csshover.htc);/*WinIE behavior call*/}

.fin{visibility:hidden;
clear:both;}
#footer{position:relative; height:20px;
margin-left: 25px;
top:-15px;}
#footer a{
font:1em verdana,sans serif;
padding:0em 0.5em;
text-decoration:none;}
/*________________________________________________________________________________________________________Conteneur-accueil*/
#conteneur{
margin:0 auto;
width:900px;
text-align:left;
padding:0;
position:relative;

background-color:#f1e7ce;}
#conteneur-menu{
background:url(images/accueil/menu.jpg) no-repeat;
width:863px;
margin: 0;
padding:0;
height:132px;

position:relative;
z-index:11;}
.drapeaux{position:absolute;
margin-left:-30px;
margin-top:150px;z-index:12;
}
.drapeaux a{display:block;margin-bottom:0.5em;}
#titre-ang{
font:2em verdana,sans serif;
width:100%;
text-align:center;
margin-top:250px;}

	
#conteneur h1{
background:url(images/accueil/titre.jpg) no-repeat;
width:386px;
height:37px;
margin:-90px 0 0 5px;
position:relative;
z-index:111;}



#conteneur h1 span{
display:none;
}



#contenu{
position:relative;
background:url(images/accueil/photo-fond.jpg) no-repeat;
width:885px;
height:575px;
margin:40px 0 0 0;
z-index:10;padding:1px 0 0 0;}


#contenu-anglais{
position:relative;
background:url(images/accueil/photo-fond-anglais.jpg) no-repeat;
width:885px;
height:575px;
margin:40px 0 0 0;
z-index:10;padding:1px 0 0 0;}


#conteneur h2{
background:url(images/accueil/titre2.png) no-repeat;
margin:25px 0 0 180px;
width:508px;
height:69px;
padding:0;
}
h2#titre-anglais{
background:url(images/accueil/titre2-anglais.png) no-repeat;
margin:25px 0 0 180px;
width:536px;
height:79px;
padding:0;
}


#conteneur h2 span{
display:none;
}

#conteneur p{
margin:0 0 0 120px;
width:650px;
text-align:justify;
color:black;
font:bold 1.2em verdana,sans serif;
}

#gite a{
position: absolute;
top:440px;
left:130px;
width:220px;
height:180px;
z-index:111;}

#chambre a{
position: absolute;
top:440px;
left:550px;
width:220px;
height:180px;
z-index:111;}

#logo1 a{
position: absolute;
top:140px;
left:760px;
width:48px;
height:27px;
z-index:111;}

#logo2 a{
position: absolute;
top:135px;
left:810px;
width:35px;
height:35px;
z-index:111;}
#son{position:relative;
font:1.4em "times new roman",serif;
color:#3c8334;
text-align:right;width:855px;margin-top:-10px;}

/*_____________________________________________________________________________________________________________menu-accueil*/

#menu{
	position:relative;
	margin:23px 0 0 70px;
    border:0;
    z-index:110;
    font:bold 1.4em verdana,sans serif;

    
 }
#menu ul{
margin:0;
padding:0;
border-width:0 1px;
} 

#menu li{
position:relative;
list-style-type:none;
margin:0;
padding:0 0.6em 0 0.6em;
float:left;
text-decoration:none;
height:auto;
 }
#menu li a {
display:block;
text-decoration:none;
color:white;
}
#menu li a:hover{
color:#ff9e04;
}

#menu>ul a{width:auto;}

#menu ul ul{
position:absolute;
width:11.2em;
display:none;
background: #3c8334;
padding:0;
margin:0 0 0 -0.5em;
word-spacing:1px;
border:1px solid #f1e7ce;
}
#menu ul ul li{
border-bottom:1px solid #f1e7ce;
font:0.9em verdana;
width:12em;
padding:0.2em 0.2em;
margin:0;}
#menu ul.level1 li.submenu:hover ul.level2,
#menu ul.level2 li.submenu:hover {display:block;}

/*________________________________________________________________________________________________________Body*/
#site, #site-chb {/*gîte et chambre*/
z-index:5;
margin:0;
padding:1em 0 2em 0;
font-size:62.5%;
behavior:url(squelettes/csshover.htc);
background-color:#f1e7ce;/*WinIE behavior call*/}

#site{background:url(images/gite/fond.png) right no-repeat fixed;background-color:#f1e7ce;}

#site-chb{background:url(images/chambres/fond.png) right no-repeat fixed;background-color:#f1e7ce;}
/*________________________________________________________________________________________________________Bannière logo-gite*/

#banniere,#banniere-ang{
width:97%;
margin:0;
padding:0;
float:right;
background:url(images/menu/barre-verte.jpg) 100% 100% repeat-x;
height:133px;
position:relative;
z-index:111;
max-width: 1280px;
min-width: 900px;
}
#banniere h1{
float:left;
background:url(images/menu/titre.png) no-repeat;
width:917px;
height:148px;
margin:0 0 0 -30px;
padding:0;
z-index:10;}

#banniere-ang h1{
float:left;
background:url(images/menu/titre-ang.png) no-repeat;
width:917px;
height:148px;
margin:0 0 0 -30px;
padding:0;
z-index:10;}


#banniere h1 span, #banniere-ang h1 span{
display:none;
}

#logo-gite{
margin:20px 0 0 0;
padding:0;
height:134px;
float:right;
padding:0;
}

#soucis{
background:url(images/menu/soucis.png) no-repeat;
position:absolute;
top:93px;
left:-20px;
z-index:113;
width:61px;
height:57px;
}

/*________________________________________________________________________________________________________Menu2*/

#menu2{width:58em;
	position:relative;
	top:-36px;
	left:80px;
    font:bold 1.4em verdana,sans serif;
z-index:112;
 }
#menu2 ul{
margin:0;
padding:0;
border-width:0 1px;
width:850px;/*taille minimum du cadre menu*/} 

#menu2 li{
position:relative;
list-style-type:none;
margin:0;
padding:0 0.6em 0 0.6em;
float:left;
text-decoration:none;
height:auto;
 }
#menu2 li a {
display:block;
text-decoration:none;
color:white;
}
#menu2 li a:hover{
color:#ff9e04;
}

#menu2>ul a{width:auto;}

#menu2 ul ul{
position:absolute;
width:11.2em;
display:none;
background: #3c8334;
padding:0;
margin:0 0 0 -0.5em;
word-spacing:1px;
border:1px solid #f1e7ce;
}
#menu2 ul ul li{
border-bottom:1px solid #f1e7ce;
font:0.9em verdana;
width:12em;
padding:0.2em 0.2em;
margin:0;}
#menu2 ul.niveau1 li.sousmenu:hover ul.niveau2,
#menu2 ul.niveau2 li.sousmenu:hover {display:block;}


/*________________________________________________________________________________________________________gite*/

#contenu-gite, #contenu-gite-ang{
float:left;
width:60%;
margin:0.5em 0 50px 6%;
}

#contenu-gite h1{
background:url(images/gite/titre1.jpg) no-repeat;
height:53px;
width:136px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-gite-ang h1{
background:url(images/gite/titre1-ang.jpg) no-repeat;
height:53px;
width:136px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-gite h1 span, #contenu-gite-ang h1 span{
display:none;
}
/*________________________________________________________________________________________________________typographie des contenus*/
#contenu-gite p,#contenu-gite-ang p,#contenu-chb p,#contenu-chb-ang p, #contenu-chb1 p,#contenu-chb1-ang p,#contenu-chb2 p,#contenu-chb2-ang p,#contenu-chb3 p,#contenu-chb3-ang p,#contenu-chb4 p, #contenu-chb4-ang p,#conteneur2 p, #conteneur3 p {
font:1.4em verdana,sans serif;
text-align:justify;
}

#lien a{/*liens bas  de toutes les pages*/
text-decoration:none;
font:bold 1.4em verdana,sans serif;
float:right;
color:#cc7212;
margin:0;
padding:0;}

#photo-encart{/*boîte de photos gîte*/
clear:right;
height:335px;
width:700px;
padding:0 0 15px 0;
margin:0;
}
#photos-encarts2{
width:760px;
padding:0;
margin:0 0 -15px 0;}

#photos-encarts3{float:left;
width:720px;
padding:0 0 0 0;
margin:0 0 -15px 0;
}

/*encart vert*/
div.encart{
padding-top:30px;
background:url(images/vignette-haut.jpg) no-repeat;
width:208px;}

div.blocencart{
margin:0;padding:0 0 5px 0;
background:url(images/vignette-bas.jpg) -2px 100% no-repeat;
}

/*typographie des encarts verts*/
#encart1 p, #encart2 p, #encart3 p,#encartint1 p,#encartint2 p,#encartint3 p, #encartint4 p, #encart-tarif p   {
padding:0.5em 1.5em 1em 1.5em;
background:url(images/vignette-milieu.jpg) repeat-y;
font:1.3em/1.4em verdana,sans serif;
color:white;
margin:0 0 0 -4px;
text-align:left;}



/*differentes position des encart vert*/
#encart1{
float:left;
margin-top:30px;}

#encart2{
float:left;
margin:20px 0 50px 50px;
}
#encart3{
float:left;
margin:20px 0 50px 100px;
}

#encartint1{
float:left;
margin:3.5em 0 50px 100px;
}

#encartint2{
float:left;
margin:35px 0 30px 70px;/*petit bug avec I.E ne null>70px*/
}

#encartint3{
float:left;
margin:0 0 0 80px;
}

#encartint4{
float:left;
margin:35px 0 30px 40px;
}
#encart-tarif{
margin:-3em 0 0 40%;
clear:both;}
/*________________________________________________________________________________________________________marge*/
.para1 {margin-top:3em;}

.marge{position:relative;left:50px;}

.marge2{position:relative;top:2em;}

.marge3{position:relative;left:50px;top:2em;}

.marge4{position:relative;left:8em;top:10px;}

.marge5{position:relative;top:5em;}

.marge6{position:relative;top:2em;right:2.5em;}

.marge7{position:relative;left:6em;top:1em;}

.marge8{position:relative;top:2em;left:-400px;}
.marge9{position:relative;left:6em;top:1em;}

/*________________________________________________________________________________________________________Chambres d'hôtes*/
#contenu-chb, #contenu-chb-ang, #contenu-chb1, #contenu-chb1-ang, #contenu-chb2,
 #contenu-chb2-ang, #contenu-chb3, #contenu-chb3-ang, #contenu-chb4, #contenu-chb4-ang{
float:left;
width:64%;
margin:0.5em 0 50px 6%;
}
/*titres des differentes pages*/
#contenu-chb h1{
background:url(images/chambres/presentation/titre.jpg) no-repeat;
height:42px;
width:342px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb-ang h1{
background:url(images/chambres/presentation/titre-ang.jpg) no-repeat;
height:51px;
width:324px;
margin:0.5em 0 0 0;
padding:0;
border:1ps solid black;}

#contenu-chb1 h1{
background:url(images/chambres/artagnan/titre.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb1-ang h1{
background:url(images/chambres/artagnan/titre-ang.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb2 h1{
background:url(images/chambres/aramis/titre.png) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb2-ang h1{
background:url(images/chambres/aramis/titre-ang.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb3 h1{
background:url(images/chambres/porthos/titre.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb3-ang h1{
background:url(images/chambres/porthos/titre-ang.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb4 h1{
background:url(images/chambres/athos/titre.jpg) no-repeat;
height:58px;
width:358px;
margin:0.5em 0 0 0;
padding:0;}

#contenu-chb4-ang h1{
background:url(images/chambres/athos/titre-ang.jpg) no-repeat;
height:40px;
width:258px;
margin:0.5em 0 0 0;
padding:0;}

/*l'ensemble des titres cachés*/
#contenu-chb h1 span, #contenu-chb1 h1 span,
#contenu-chb2 h1 span, #contenu-chb3 h1 span,
#contenu-chb4 h1 span, 
#contenu-centre h1 span,#contenu-centre-ang h1 span,
#contenu-centre2 h1 span,#contenu-centre2-ang h1 span,
#contenu-centre3 h1 span,#contenu-centre3-h1-ang span,

#contenu-centre4 h1 span,#contenu-centre4-ang h1 span,
#contenu-centre5 h1 span,#contenu-centre5-ang h1 span,
#contenu-centre6 h1 span,#contenu-centre6-ang h1 span,
 #contenu-centre7 h1 span, #contenu-centre9 h1 span,#contenu-centre7-ang h1 span,
#contenu-centre8 h1 span,#contenu-centre8-ang h1 span,
#contenu-chb-ang h1 span,
#contenu-chb1-ang h1 span,#contenu-chb2-ang h1 span,
#contenu-chb3-ang h1 span,
#contenu-chb4-ang h1 span{
display:none;
}

#menu-chb{margin:2em 0 0 0;width:820px;}/*vignette*/

.note-chb{margin-top:-10px;margin-bottom:40px;padding:0;}
#contenu-chb ul, #contenu-chb-ang ul{
text-align:center;}
#contenu-chb li, #contenu-chb-ang li{
display:inline;
padding-right:1.5em;
margin-left:0.3em;

font:bold 1.6em "times new roman",serif;
color:#e2794a;}
.pet{margin-right:0.5em;}

#boite1-chb{/*boîte photos + encarts*/
clear:both;
width:700px;
padding:0 0 0 0;
margin:50px 0 2em 50px;
}
#boite2-chb{
clear:both;
width:750px;
padding:0 0 0 0;
margin:0 0 20px 20px;}


#table{/*cadre tble d'hôtes*/
clear:both;
border:2px solid black;
padding:0 1em 0.5em 1em;
}

/*________________________________________________________________________________________________________pages sans fond*/
/*a voir a faire,liens ,tarifs , contact, situations*/
#site2 {margin:0;
background-color:#f1e7ce;
padding:1em 0 0 0;
font-size:62.5%;
behavior:url(squelettes/csshover.htc);/*WinIE behavior call*/}


#conteneur2{
top:150px;
margin:0 auto;
width:700px;
padding:0;text-align:left;
position:relative;
}
#conteneur3{
top:150px;
margin:0 auto;
width:900px;
padding:0;
text-align:left;
position:relative;
}
#contenu-centre, #contenu-centre2,/*bug titre mozilla*/
#contenu-centre3,#contenu-centre4,
#contenu-centre5 , #contenu-centre6,
#contenu-centre7, #contenu-centre8,
#contenu-centre9,
#contenu-centre-ang,#contenu-centre2-ang,
#contenu-centre3-ang,#contenu-centre4-ang,
#contenu-centre5-ang , #contenu-centre6-ang,
#contenu-centre7-ang, #contenu-centre8-ang, {
margin-top:-150px;
float:left;}

#contenu-centre h1{
background:url(images/chambres/titre-tarifs.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre-ang h1{
background:url(images/chambres/titre-tarifs-ang.jpg) no-repeat;height:47px;width:550px;}

#contenu-centre2 h1{
background:url(images/gite/titre-tarif.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre2-ang h1{
background:url(images/gite/titre-tarif-ang.jpg) no-repeat;height:47px;width:550px;}

#contenu-centre3 h1{background:url(images/patrimoine/titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre3-ang h1{background:url(images/patrimoine/titre-ang.jpg) no-repeat;height:47px;width:503px;}

#contenu-centre4 h1{background:url(images/patrimoine/activites-titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre4-ang h1{background:url(images/patrimoine/activites-titre-anglais.jpg) no-repeat;height:47px;width:503px;}

#contenu-centre5 h1{background:url(images/patrimoine/week-titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre5-ang h1{background:url(images/patrimoine/week-titre.jpg) no-repeat;height:47px;width:503px;}

#contenu-centre6 h1{background:url(images/patrimoine/lien-titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre6-ang h1{background:url(images/patrimoine/lien-titre.jpg) no-repeat;height:47px;width:503px;}

#contenu-centre7 h1{background:url(images/patrimoine/lienpres-titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre9 h1{background:url(images/patrimoine/lienpart-titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre7-ang h1{background:url(images/patrimoine/lienpres-titre.jpg) no-repeat;height:47px;width:503px;}

#contenu-centre8 h1{background:url(images/carte/titre.jpg) no-repeat;height:47px;width:503px;}
#contenu-centre8-ang h1{background:url(images/carte/titre-ang.jpg) no-repeat;height:47px;width:503px;}


#contenu-centre h2, #contenu-centre-ang h2, #contenu-centre2 h2,#contenu-centre2-ang h2 {
top:0; position:relative;
color:#498235;
font:1.8em verdana, sans serif;
margin:2em 0 0.5em 0;
}

.bordure{
border:1px solid #498235;
width:460px;
margin:auto;
margin-top:0;
padding:0.5em;
font:1.4em verdana, sans serif;}


.formulaire{
margin:0 auto;
width:400px;
margin-top:-30px;
padding:0.5em;
font:1.2em verdana, sans serif;}

.ps{
position:relative;
font:italic 1.1em verdana, sans serif;
color:#e2794a;
padding:0.5em 0 0 0;}

.bordtexte{
width:485px;
margin:0 auto;}

div.encart-2{
padding-top:30px;
background:url(images/vignette-haut-2.jpg) no-repeat;
width:281px;}

div.blocencart-2{
margin:0;padding:0 0 5px 0;
background:url(images/vignette-bas-2.jpg) 1px 100% no-repeat;
}

#contact{ margin:0 auto;width:400px;}
#contact2{ float: right;margin-top:-250px;width:400px;}/*prix chambres*/
#contact3{ float: right;margin-top:-230px;width:400px;}/*prix chambres athos bug?*/
#contact p, #contact2 p,#contact3 p{
padding:0.5em 0.5em 1em 0.5em;
background:url(images/vignette-milieu-2.jpg) repeat-y;
font:1.4em/1.2em verdana,sans serif;
color:white;
margin:0 0 0 2px;
}

#para-pat{width:900px;}
#para-pat h2{color:#4a8336;font:bold 1.4em verdana, sans serif;}
#left{width:250px;}
#left h2{text-align:right;}
#right{width:650px;float:right;margin-top:-43px;}

#right p{margin-left:20px;text-align:left;}
#lien2,#lien3{clear:both;width:900px;margin:1em;text-align:center;}

#lien2 a{
text-decoration:none;
font:bold 1.2em verdana,sans serif;
color:#cc7212;
margin:0.5em 0 0.5em 0 ;
padding:0 0 2em 0;}
#lien3 a{
text-decoration:none;
font:bold 1.8em verdana,sans serif;
color:#cc7212;
margin:0.5em 0 2em 0 ;
padding:0 0 2em 0;}
#titre h2{color:#cc7212;font:bold 2em verdana, sans serif;width:850px;text-align:left;text-decoration:underline;}
.surtitre{font:bold  italic 1.3em verdana, sans serif;color:#4a8336;margin-left:10px;margin-bottom:1em;}

/*________________________________________________________________________________________________________idées week-end*/

.cadre-week{margin:0 auto;padding:1em;width:650px;border:2px solid #cc7212;}
.cadre-week h3{font:bold 1.8em verdana, sans serif;color:#4a8336;margin-bottom:1em;text-align:center;}
.cadre-week h2{font:bold 2.5em verdana, sans serif;color:#cc7212;margin-bottom:1em;text-align:center;}
/*________________________________________________________________________________________________________liens*/

.encart-lien{margin:0 auto; border-bottom:1px solid #4a8336; padding:0 1em; margin:0.5em; width:650px;height:180px;}
.encart-lien h2{font:bold 1.5em verdana, sans serif;color:#cc7212;margin-bottom:1em;text-align:left;}
#contenu-centre7 h2,#contenu-centre9 h2{font:bold 1.5em verdana, sans serif;color:#cc7212;margin-top:30px;margin-bottom:0;text-align:left;}






/*________________________________________________________________________________________________________situation*/

#titre h4{color:#4a8336;font:bold 1.8em verdana, sans serif;width:850px;text-align:left;text-decoration:underline;}


div#galerie
{
	width: 760px ;
	padding:5px;
	margin:0;
}

ul#galerie_mini
{  
float : left;
margin: 5em 0 0 0 ;
padding: 0 ;
list-style-type: none ;
}

ul#galerie_mini li
{
display:block;
text-align:right;
 margin:1em 10px 0 0;
font:1.2em verdana,sans serif;

}

ul#galerie_mini li a 
{background:url(images/puce-orange.jpg) right  no-repeat;
color:#cc7212 ;
text-decoration:none;
margin: 2px 3px;	
padding:0 15px;
width:400px;}
ul#galerie_mini li a:hover{
color:black ;
}

dl#photo
{
	margin: 0;
}

dl#photo dt
{
text-decoration:underline;
font:italic 1.6em verdana,sans serif ;
color: #75805d ;
text-align:left;
margin:0 0 0 300px;
padding:0 0 0 0 ;
}

dl#photo dd
{
text-align:right;
margin: -2em 0 0 0;
}

dl#photo img
{

}



