@charset "utf-8";

/* CSS Document de la page contact */

/*pour page accueil avec une position relative qui va fixer le filet*/
#bbook{ 
background-image:url(../images/fond_book.jpg);
background-repeat:no-repeat;
}
#pagebook{
position:relative;
width: 1200px;
height:110px;
}

/*liste des clients*/
#liste{
	padding-top: 5px;
	list-style-type:none;
	line-height: 18px;
}

/*le filet est déplacé pour chaque page en position absolue*/
#filetbook{
width: 4px;
height: 870px;
overflow:hidden;
position:absolute;
left: 505px;
top: 105px;
background-image:url(../images/filetsep.gif);
background-repeat:repeat-y;
}
/*l'emplacement est lié à la position absolue du filet ci-dessus*/
#gchbook{
width:415px; 
float:left;
margin-top: 370px;
padding-left: 76px;
padding-right: 13px;
background-image:url(../images/trait-rouge.gif);
background-position:right top;
background-repeat:repeat-y;
font-size:13px;
line-height: 16px;
text-align:right;
}
#gchbook p{
padding-top: 7px;}

#gchbook2{
width:415px; 
float:left;
margin-top: 390px;
padding-left: 76px;
padding-right: 13px;
background-image:url(../images/trait-rouge.gif);
background-position:right top;
background-repeat:repeat-y;
font-size:13px;
line-height: 16px;
text-align:right;
}
#gchbook2 p{
padding-top: 7px;}

/*sous rubrique avec 3 choix*/
#ssrubr {
padding-top: 120px;
list-style-type:none;
}
#ssrubr li.gch{
font-size:12px;
display: inline;
margin-left: 20px;
color:#d2423d;
}

#ssrubr li{
font-size:12px;
display:inline;

}
#ssrubr li a{
color:#676767;
}
#ssrubr li a:hover{
color:#d2423d;
}

#ssrubr li.mid a{
color:#d2423d;
}
#ssrubr li.right a{
color:#d2423d;
}

/* ----------------------------------------------------------------------------galerie css*/
#gallery {/* positionnement relative du contenant de la galerie*/
list-style-type:none;
border:#FDEA9D 1px solid;
background-color:#FFFFFF;
float:left;
position:relative;
margin: 20px 0px 0px 20px;
/*padding: 5px;*/
width: 302px;
height: 302px;
overflow: visible;
}

#gallery ul{ 
width: 302px;
height: 302px;
margin:9px;}
#gallery li{/*positionnement des petites vignettes*/
float:left;
display:inline;/*correction du bogue de la double marge IE6*/
margin: 10px ;
width: 75px;
height: 75px;
}
#gallery li a{/*aspect de la légende dans le bloc legend*/
text-decoration:none;
font-size:12px;
color:#333333;
}
#gallery li a:hover{
background:none;/*correction du bogue IE6*/
}

#gallery li a span{/*grande image et légende lorsqu'elles sont cachées*/
display: none;
}
				#imgvisible{/*emplacement div pour la grande image visible au début*/
				position:absolute;
				width: 297px;
				height: 302px;
				background-color:#ffffff;
				border:#FDEA9D 1px solid;
				display: block;
				left: 320px;
				top: -1px;
				}
				#legendvisibleweb{/*emplacement div pour la légende visible au début sur la page web*/
				position:absolute;
				width: 297px;
				height: 283px;
				padding: 10px;
				background-color:#FDEA9D;
				display: block;
				left: 320px;
				top: -1px;
				font-size:13px;
				text-align:center;
				}
				#legendvisible{/*emplacement div pour la légende visible au début*/
				position:absolute;
				padding: 10px;
				width: 600px;
				height: 70px;
				background-color:#FDEA9D;
				border:none;
				display: block;
				left: -1px;
				top: 320px;
				}
				#legendvisible p{
				font-size:13px;
				font-weight:bold;
				text-align:center;
				padding-top: 10px;
				}

#gallery li a:hover span.img{/*positionnement de la grande image cachée*/
position:absolute;
width: 297px;
height: 302px;
background-color:#ffffff;
border:#FDEA9D 1px solid;
display: block;
left: 320px;
top: -1px;
}
#gallery li a:hover span.legendweb{/*positionnement de la grande image cachée*/
position:absolute;
width: 297px;
height: 283px;
padding: 10px;
background-color:#FDEA9D;
display: block;
left: 320px;
top: -1px;
}
#gallery li a:hover span.legend{/*positionnement de la légende cachée*/
position:absolute;
padding: 10px;
width: 600px;
height: 70px;
background-color:#FDEA9D;
border:none;
display: block;
left: -1px;
top: 320px;
}
.titre{
color:#666633;
font-size:13px;
font-weight:bold;
font-style:normal;
padding-bottom:2px;
}