/* CSS Document */
body{
background-image:url(images/bgbody.jpg);
background-repeat:repeat;
margin-top:0px;
margin-left:0px;
		}
		
.menu{
width:901px;
height:23px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
vertical-align:middle;
border: 0px solid #000000;
position:relative;
background-image:url(images/menu_fond.jpg);

}

.petit_text{
font-size:11px;
color:#000000;
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
text-align:center;
height:8%;
}

.banniere{
width:901px;
height:144px;
margin-left:auto;
margin-right:auto;
background-image:url(images/banniere.jpg);
position:relative;

}

h1{
font-size:12px;
display:inline;
font-weight:100;
}

h2{
font-size:12px;
display:inline;
font-weight:100;
}

img{
border:0px;
}

.adsense{
width:468px;
height:60px;
margin-left:40px;
margin-top:10px;
}

.adsense_photo{
width:728px;
height:90px;
margin-left:80px;
}

.adsense_produits{
width:738px;
height:110px;
margin-left:auto;
margin-right:auto;
margin-top:7px;
border: 0px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

html { 
border:0; 
} 

.conteneur{
margin-left:auto;
margin-right:auto;
width:900px;
height:500px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-top:0px;
}

.conteneur_bas{
width:900px;
height:25px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
background-color:#D0D3D8;
text-align:center;
vertical-align:baseline;
position:relative;
border: 0px solid #000000;
}

.bas_bas{
border: 0px solid #000000;
position:relative;
margin-left: auto;
margin-right:auto;

padding:6px;
width: 560px;
height: 10px;
}

.conteneur_grand_tarifs{
margin-left:auto;
margin-right:auto;
width:900px;
height:1420px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-top:3px;
border-bottom:1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

table{
border:1px solid #dcdcdc;
border-collapse:collapse;
width:90%;
margin:auto;
}

thead{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#ffea88;

}



.conteneur_contact{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:auto;
margin-right:auto;
width:850px;
height:480px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-top:3px;

}

.conteneur_couleurs{
position:relative;
float:left;
width:98%;
height:95%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;

}

.conteneur_mode{
position:relative;
float:left;
width:98%;
height:100%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;

}

.conteneur_produits{
position:relative;
float:left;
width:98%;
height:100%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
background-image:url(images/fond_produits.jpg);
}


.conteneur_pigments{
position:relative;
float:left;
width:98%;
height:100%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
background-image:url(images/fond_pigments.jpg);

}

.fond_index{
margin-left:auto;
margin-right:auto;
width:900px;
height:300px;
background-color:#FFFFFF;
position:relative;

}



.banniere2{
width:901px;
height:135px;
margin-left:auto;
margin-right:auto;
background-image:url(images/banniere2.jpg);
margin-top:0px;
}

.banniere_boutique{
width:896px;
height:254px;
margin-left:auto;
margin-right:auto;
background-image:url(images/banniere_boutique.jpg);
margin-top:0px;

}


.banniere2{
width:900px;
height:140px;
margin-left:auto;
margin-right:auto;
background-image:url(images/banniere2.jpg);
}

.fond_couleurs{
background-image:url(images/fond_couleurs.jpg);
width:909px;
height:611px;
}

.webmaster{
		color:#830511;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		}
		
.adresse{
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}


a{
text-decoration:none;
color:#000000;
}

.lien1{
color:#840512;
}

.lien2{
color:#495606;
}

a:hover{
color:#bd3a10;
}
		


.conteneur_accueil{
width:98%;
height:100%;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left; 
margin-left:auto;
margin-right:auto;
background-image:url(images/fond_index.jpg);

}

.conteneur_produit{
width:98%;
height:100%;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left; 
margin-left:auto;
margin-right:auto;
}

.conteneur_tarifs{
width:94%;
height:98%;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left; 
margin-left:auto;
margin-right:auto;
}



.conteneur_photos{
position:relative;
float:left;
width:96%;
height:79%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}

.conteneur_produits{
position:relative;
float:left;
width:885px;
height:100%;
padding-left:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
background-image:url(images/fond_produits.jpg);
}

.attention{
		color:#830511;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		}

.vert{
color:#495606;
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

.marron{
color:#8e2426;
font-weight:bold;
font-size:13px:
font-family:Arial, Helvetica, sans-serif;
}

th{
text-align:left;

}

.noir{
color:#000000;
font-weight:bold;
font-size:13px:
}

.noir2{
color:#000000;
font-weight:bold;
font-size:15px:
}


.marron2{
color:#8e2426;
font-weight:bold;
font-size:14px:
}

.image_accueil{
position:relative;
float:right;
text-align:left;
margin-right:15px;
border:0px solid #000000;
}

.video_accueil{
position:relative;
float:right;
text-align:left;
margin-right:10px;
width:350px;
height:240px;

}


.image_tarifs{
position:relative;
float:right;
text-align:left;
margin-right:20px;
width:209px;
height:150px;

}

.image_tarifs2{
position:relative;
float:right;
text-align:left;

width:211px;
height:120px;

}


.image_mode{
position:relative;
float:right;
text-align:left;
margin-right:15px;
width:210px;
}

.image_mode2{
position:relative;
float:right;
text-align:left;
margin-right:15px;
width:310px;
}

.image_mode3{
position:relative;
float:right;
text-align:left;
margin-right:15px;
width:140px;
}

.iframe{
height:53%;
position:relative;
float:left;
margin-top:10px;
border: 0px solid #000000;

margin-left:28px;
}

.couleurs{
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-left:80px;
text-align:left;

height:105px;;
width:85%;
}

.nom_couleurs{
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;

text-align:center;
height:15px;;
width:93%;
}

.iframe_finition{
height:60%;
position:relative;
float:left;

margin-left:45px;
}




.petit_text_couleur{
font-size:11px;
color:#000000;
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px;
text-align:center;
margin-top:12px;
height:8%;
}

		
.petit_text2{
font-size:11px;
color:#000000;
position:relative;

text-align:left;
font-family:Arial, Helvetica, sans-serif;
width:95%;
}

.menu2{
width:901px;
height:20px;
border:1px solid #000000;
}



a{
text-decoration:none;
color:#000000;
}

.lien1{
color:#8d2524;
}

a:hover{
color:#8d2524;
}		

.pousse{
width:1%;
height:5%;
position:relative;
float:left;
margin-top:155px;

}

a.rollover1 {
     width: 102px;
     height: 28px;
     background: url(images/proprietes.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover1:hover {
     background: url(images/proprietes2.jpg);
	 background-repeat:no-repeat;
	 }


a.rollover2 {
     width: 209px;
     height: 28px;
     background: url(images/couleurs.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover2:hover {
     background: url(images/couleurs2.jpg);
	 background-repeat:no-repeat;
	 }

a.rollover3 {
     width: 89px;
     height: 28px;
     background: url(images/photos.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover3:hover {
     background: url(images/photos2.jpg);
	 background-repeat:no-repeat;
	 }
	 
a.rollover4 {
     width: 139px;
     height: 28px;
     background: url(images/mode.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover4:hover {
     background: url(images/mode2.jpg);
	 background-repeat:no-repeat;
	 }

a.rollover5 {
     width: 78px;
     height: 28px;
     background: url(images/tarifs.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover5:hover {
     background: url(images/tarifs2.jpg);
	 background-repeat:no-repeat;
	 }


a.rollover6 {
     width: 98px;
     height: 28px;
     background: url(images/contact.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover6:hover {
     background: url(images/contact2.jpg);
	 background-repeat:no-repeat;
	 }

a.rollover7 {
     width: 105px;
     height: 28px;
     background: url(images/commande.jpg);
	 background-repeat:no-repeat;
     border: 0;
}
a.rollover7:hover {
     background: url(images/commande2.jpg);
	 background-repeat:no-repeat;
	 }






#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-top:0%;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }