/* CSS du site Domaine de la Cledette */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 10px;
padding: 0;
background-color:#526344;
}

#header {
height: 80px;
background-color:#81260B;
}
#haut {
height: 28px;
background-color:#AD7A4B;
}

div#haut {
  background-image:  url(../images/dentelleOrange.gif);
 width: 100%;
  height: 20px;
  padding: 0;
  margin-top: 0px;
}
     
#conteneur {
position: absolute;
width: 98%;
background-color:#FCE77E;

}
#centre {
background-color:#738B53;
margin-left: 100px;
margin-right: 100px;
margin-top: 0px;
}

#gauche {
position: absolute;
left:0;
width:100px;
}
#droite {
position: absolute;
right:0;
width:100px;
}
#pied {
height: 30px;
background-color: #574634;
}
.drapeauD {   /* Conteneur du bloc drapeau anglais */
float: left;
margin-top: 15px;
margin-left: 5px;
border: 0;
}

.drapeauE {   /* Conteneur du bloc drapeau français */
float: left;
margin-top:10px;
margin-left:5px;
border: 0;
}

.porte {   /* Conteneur du bloc de la photo porte */
float: left;
margin-top: 40px;
margin-left: 2px;
border: 0;
}

.date {   /* Conteneur du bloc de la date */
float: left;
margin-top: 15px;
margin-left: 5px;
font-size: 9px;
font-weight: bold;
color: #81260B;
}
.gaucheLogo{/* Conteneur pour le logo soleil */
float: left;
margin-top: 250px;
margin-left: 10px;
}

.droiteLogo{/* Conteneur pour le logo gîtes de France */
float: right;
margin-top: 45px;
margin-right: 10px;
}

h1 {
font-size: 150%;
text-align: center;
color: #B43B17;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

h2	{
font-size: 120%;
text-align: center;
color: #F6960E;
font-weight: bold;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
}

h3	{
font-size: 100%;
text-align: center;
color:  #B43B17;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
}

h4	{
font-size: 100%;
text-align: center;
color:   #FCE77E;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
}

p {
margin: 3px 3px  3px 10px;
text-align: left;
font-size: 11px;
font-weight: bold;
color: #FCE77E;
}

a:link{
font-size: 10px;
font-weight: bold; 
color: #F98305;
text-decoration: underline;
}/*orange*/ 


a:hover {
font-size: 10px;
font-weight: bold; 
text-decoration: none;
color: #FCE77E;
}/*jaune*/ 

a:active {
font-size: 9px;
font-weight: bold; 
text-decoration: none;
color: #114B06;
}/*vert foncé*/ 

a:visited{
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	color: #92BBBC;
	} /*gris bleu*/ 

#gauche a:link{
font-size: 10px;
font-weight: bold; 
color: #4860AE;
text-decoration: underline;
}/*bleu*/ 

#gauche a:hover {
font-size: 10px;
font-weight: bold; 
text-decoration: none;
color: #F98305;
}/*orange*/ 

#centre a:link{
font-size: 10px;
font-weight: bold; 
text-decoration: underline;
color: #F98305;
}/*orange*/ 
 

#centre a:hover {
font-size: 10px;
font-weight: bold; 
text-decoration: none;
color: #B43B17;
}/*rouge*/ 
 

.adresse {
font-size: 11px;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
color: #B1AA7C;
}/*doré*/ 

.adresse2 {
font-size: 9px;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
color: #B1AA7C;
}/*doré*/ 

.imprim {
font-size: 10px;font-weight: bold;color: #F6960E;
text-decoration: underline; /* pour avoir le soulignement au survol */
margin-left: 400px;
margin-bottom: 5;
margin-top: 0;
}/*rouge*/ 

.cliquez{
font-size: 11px;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
color: #F6960E ;
}/*rouge*/ 


li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
list-style-type: none;
background-image:  url(images/puce_verte.gif);
background-repeat: no-repeat;
background-position:0% 65%;
padding-left: 15px;
}/*puce verte*/ 



dl, dt, dd, ul,  {
margin: 0;
padding: 0;
line-height: 15px; /* interligne */
width: 100%; /* précision pour Opera */
list-style-type: none;
}

#menuHaut {  /*Position du conteneur du menu haut*/ 
position: absolute;
top: 250px;
left: 0;
z-index:100;
width: 100%;
}
#menuHaut dl { /*Position et largeur des Blocs des principaux boutons menus du haut (jaunes)*/ 
float: left;
width:86px;

}
#menuHaut dt { /*Description couleur et hauteur blocs, taille, couleur et position du texte 
			dans les blocs des principaux boutons menus du haut (jaunes)*/
cursor: pointer;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #81260B ;
background: #FCE77E;
border: 1px  #81260B;
margin: 1px;
height: 18px;
margin-top: 0px;
}/*Blocs jaunes*/ 

#menuHaut dd { /*Description: espace entre les blocs du haut (jaunes) */
border: 1px  #FCE77E;
margin: 2px;
margin-left: 0px;
} /*espace entre les blocs jaunes du haut: 2px*/ 

#menuHaut li {/*Description: couleur, largeur, hauteur et espace entre lignes, alignement texte 
			des sous-blocs du haut (oranges)*/
text-align: left;
background: #E6992C;
margin: 2px;
height: 23px;
width:67px;
}/*Couleur sous-blocs: orange, espaces de séparation entre les lignes dans ces blocs: 2px */ 

#menuHaut li a, #menuHaut dt a {/*Description couleur du texte dans les sous-blocs sous-menus du haut (blocs oranges) 
								et dans les blocs des principaux boutons (blocs jaunes)*/
color: #81260B;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
} /*Couleur du texte: rouge*/ 

#menuHaut li a:hover, #menuHaut dt a:hover {/*Description couleur du texte survolé et couleur de fond du bloc survolé 
											dans les sous-blocs sous-menus du haut (blocs oranges)
											et dans les blocs des principaux boutons (blocs jaunes)*/
color: #114B06;
background: #E0BF8C;
margin-right: 3px;
margin-left: 3px;
} /*Couleur du texte survolé  vert foncé et couleur de fond du bloc survolé: beige*/ 

#menuHaut li a:visited, #menuHaut dt a:visited {/*Description couleur du texte visité dans les blocs sous-menus du haut 
												(blocs oranges)et dans les blocs des principaux boutons (blocs jaunes)*/
color: #4860AE;
margin-right: 3px;
margin-left: 3px;
} /*Couleur du texte visité: bleu*/ 



#menuGauche {/* Conteneur pour le menu gauche */
position: absolute;
list-style-type: none;
margin-top: 90px;
left:0;
width: 100px;
padding:0;
}

#menuGauche dt { /*Position et largeur des Blocs des principaux boutons menus gauche, couleur du texte, taille... (rouges)*/ 
cursor: pointer;
background: #81260B;
height: 25px;
line-height: 20px;
margin: 1px 0;
text-align: center;
font-weight: bold;
font-size: 11px;
color: #FCE77E;
}

#menuGauche dd {/*Description: couleur, position des sous-blocs du menu gauche (bleus)*/
position: absolute;
z-index: 100;
margin-top: -2.5em;
margin-left: -1em;
left: 110px;
width: 11em;
background: #AB7D60;
border: 1px solid gray;
}
/*Couleur du fond du bloc sous-menu du menu gauche: bleu*/ 

#menuGauche ul {
padding: 1px;
}
#menuGauche li { /*Description de taille et positionnement du texte dans sous-menu gauche*/
text-align: left;
font-size: 85%;
height:20px;
line-height: 20px;
}
#menuGauche li a, #menuGauche dt a { /*Description couleur du texte dans les blocs sous-menus du menu gauche (blocs bleus)
									et dans les blocs des principaux boutons (blocs rouges)*/
color: #FCE77E;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
display: block;
}
/*couleur du texte 1er passage: jaune et souligné*/

#menuGauche li a:hover, #menuGauche dt a:hover {/*Description couleur du texte survolé et couleur de fond du bloc survolé 
											dans les sous-blocs du menu gauche (blocs bleus)
											et dans les blocs des principaux boutons (blocs rouges)*/
text-decoration: none;
color: #0C173A;
font-size:10px;
font-weight: bold;
margin-right: 3px;
margin-left: 3px;
background: #6B7699;
}
/*couleur du texte survolé: bleu foncé et couleur de fond du bloc survolé: gris*/

#menuGauche li a:visited, #menuGauche dt a:visited {/*Description couleur du texte visité dans les blocs sous-menus gauche (blocs bleus)
													et dans les blocs des principaux boutons (blocs rouges)*/
text-decoration: underline;
color: #E6992C;
font-size: 10px;
font-weight: bold;
}
/*couleur du texte visité: orange et souligné*/
  
  
  
  /*CSS pour le Zoom avec les cartes accès: */
   
.zoom1 {
 width: 300px;
 height: 240px;
 background:   url(images/carte_generale.jpg);
 background-repeat:no-repeat;
 margin: 0 auto; 
}
.zoom1 p, .zoom1 a {
height: 240px;
display: block;
margin:0 auto;
}
.zoom1 a:hover {
background-image: url(images/carte_detail.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
cursor:help;
}
 /*Fin du CSS pour le Zoom avec les cartes accès*/