/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
.spacer{display:block;clear:both;height:0px;
overflow:hidden;}

.h,.spacer2,#adresse,.illusprint{display:none}

html{
	background:#FFF url(../fond/html.jpg) repeat-x top left;
	text-align:center;
}

body{
	margin:0 auto;
	background:url(../fond/body.png) no-repeat 0 41px;
	width:982px;
}


/* recherche */

#bandrecherche{
	display:block;
	text-align:right;
	padding:22px 2px 0 0;
	height:25px;
}

#bandrecherche .menulangue{
	display:block;
	float:right;
	margin-left:10px
}

#bandrecherche form{padding-top:2px}
#bandrecherche form *{vertical-align:middle;}

#bandrecherche form label{
	font-size:10px;color:#5A5A5A
}

#bandrecherche form .txt{
	width:145px;
	height:15px;
	font-size:9px;
	border:1px solid white;
	background:#B0B0B0;
}

#bandrecherche form .submit{
	
	text-indent:-5000px;
	margin-left:5px;
	background:url(../element/fleche.png);
	width:16px;
	height:16px;
}


/* menu */

#menu,#menu2{
	text-align:left;
	position:relative;
	z-index:2;
	background:url(../fond/bandeau.jpg) no-repeat right top;
	height:110px;
	width:970px;
	margin:0 0 0 6px;
}

#menu.bonus{
	background:url(../fond/bandeau3.jpg) no-repeat right top;
	}

#menu2{
	background:url(../fond/bandeau2.jpg) no-repeat right top;
}

#menu #logo{position:absolute;margin:-24px 0 0 25px}
#menu2 #logo{position:absolute;margin:-24px 0 0 50px}

#menu #logo .logo,#menu2 #logo .logo{
	margin:0;
	border:2px solid white;
	
}
#menu #logo .borderusine{
	position:absolute;
	border:2px solid white;
	left:105px;
	width:206px;
	overflow:hidden;
	height:113px;
}
#menu #logo .borderusine .listeusine{
	height:113px;
	width:1000px;
}
#menu #logo .borderusine img{
	border-right:2px solid white;
	float:left;

}

#menu .liste{
	padding:80px 0 0 370px;
	
}


#menu2 .liste{
	padding:82px 0 0 225px;
	
}

#menu .liste li,#menu2 .liste li{
	display:block;
	float:left;
	text-align:left;
	width:60px;
}

#menu2 .liste li{
	width:82px;
}



#menu .liste li a,#menu2 .liste li a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}


#menu .liste li a.sel,#menu2 .liste li a.sel{
	color:#FFD200;
}

#menu .liste li .sousmenu,#menu2 .liste li .sousmenu{
	background:url(../fond/hautmenu.png) no-repeat; display:none;
	width:148px;
	margin-top:6px;
	padding-top:10px;
	position:absolute;
}
#menu2 .liste li .sousmenu{
	margin-top:4px;
}


#menu .liste li .sousmenu ul,#menu2 .liste li .sousmenu ul{	width:143px;
	display:block;
	border:1px solid white;
	background:url(../fond/menu.jpg) top repeat-x #283F9A;
	border-top:none;	width:143px;
}
#menu .liste li .sousmenu ul li,#menu2 .liste li .sousmenu ul li{
	background:url(../fond/flecheblanche.gif) no-repeat 2px 5px;
	padding:4px 0 4px 13px;
	margin:0;
	
	float:none;
}

#menu .liste li .sousmenu ul li a,#menu2 .liste li .sousmenu ul li a{
	color:#FFF;
	white-space:nowrap;
	font-weight:normal;

}

/* gammes */

#gammes{
	background:url(../fond/encartdefaut.jpg) repeat-x top;
		height:240px;
	width:970px;
	margin:0 0 0 6px;
}

#gammes .encart{
	
	width:205px;
	height:240px;
	float:left;
}


#gammes .encart.vert{
	background:url(../fond/vert.jpg) no-repeat top left;
	
}
#gammes .encart.bleu{
	background:url(../fond/bleu.jpg) no-repeat top left;
	
}
#gammes .encart.gris{
	background:url(../fond/gris.jpg) no-repeat top left;
	
}

#gammes object{

	display:block;
	width:355px;
	height:240px;
}
 
/* fiche */
#fiche{

	position:relative;
		height:585px;
	width:970px;
	margin:0 0 0 6px;
	
	text-align:left
}

#colonnedroite{
	width:235px;
	float:left;
	margin-right:2px;
		height:585px;


}



#colonnedroite #titre{
	width:235px;
	height:284px;
	margin-bottom:2px;

}


#colonnedroite.f1 #titre,#colonnedroite.f8 #titre,#colonnedroite.f11 #titre,#colonnedroite.f12 #titre{
	background:url(../fond/bleu2.jpg) no-repeat top left;
}

#colonnedroite.f2 #titre,#colonnedroite.f7 #titre,#colonnedroite.f10 #titre,#colonnedroite.f13 #titre{
	background:url(../fond/vert2.jpg) no-repeat top left;
}


#colonnedroite.f3 #titre,#colonnedroite.f6 #titre,#colonnedroite.f9 #titre,#colonnedroite.f14 #titre{
	background:url(../fond/gris2.jpg) no-repeat top left;
}


#colonnedroite #titre a{
	display:block;
	font-size:9px;
	padding:7px 5px 5px 25px;
	background:url(../fond/flecheblanche2.gif) no-repeat 10px 8px;
	color:#FFF;
}



#colonnedroite #titre h1{
	text-align:center;
	font-size:22px;
	line-height:22px;
	margin:10px 0 5px;
	text-transform:uppercase;
}

#colonnedroite.f1 #titre h1,#colonnedroite.f8 #titre h1,#colonnedroite.f11 #titre h1,#colonnedroite.f12 #titre h1{

	color:#68A8FF;
}

#colonnedroite.f2 #titre h1,#colonnedroite.f7 #titre h1,#colonnedroite.f10 #titre h1,#colonnedroite.f13 #titre h1{

	color:#B3FF68;
	
	}
#colonnedroite.f3 #titre h1,#colonnedroite.f6 #titre h1,#colonnedroite.f9 #titre h1,#colonnedroite.f14 #titre h1{

	color:#DFDFDF;
	
	}

#colonnedroite #titre h2{
	text-align:center;
	font-size:16px;
	line-height:15px;
	margin:0 4px 10px;
	text-transform:uppercase;
	}

#colonnedroite.f1 #titre h2,#colonnedroite.f8 #titre h2,#colonnedroite.f11 #titre h2,#colonnedroite.f12 #titre h2{
	color:#FFF;
}


#colonnedroite.f2 #titre h2,#colonnedroite.f7 #titre h2,#colonnedroite.f10 #titre h2,#colonnedroite.f13 #titre h2{
	color:#FFF;
}

#colonnedroite.f3 #titre h2,#colonnedroite.f6 #titre h2,#colonnedroite.f9 #titre h2,#colonnedroite.f14 #titre h2{
	color:#FFF;
}


#colonnedroite #titre p{
	font-weight:bold;

	margin:5px 5px 5px;
	font-size:12px;
	
	line-height:14px;
	color:#FFF;
	}
	

#colonnedroite ul li{
	display:block;
	list-style:none;
	background:url(../fond/deggris.jpg) no-repeat top right;
	margin:2px 0;
	padding:4px 0;
	min-height:29px;
	text-align:center;
vertical-align:middle;
	
}
#colonnedroite ul li.sel{
	background:url(../fond/deggrissel.jpg) repeat-x top right;
}#colonnedroite ul li.sel a{
	color:#FFD200;
}

#colonnedroite.f1 ul li.oeuvre{
	background:url(../fond/degbleu.jpg) repeat-x top right;
}
#colonnedroite.f1 ul li.oeuvre.sel{
	background:url(../fond/degbleusel.jpg) repeat-x top right;
}
	

#colonnedroite.f2 ul li.oeuvre{
	background:url(../fond/degvert.jpg) repeat-x top right;
}
#colonnedroite.f2 ul li.oeuvre.sel{
	background:url(../fond/degvertsel.jpg) repeat-x top right;
	
	
}

#colonnedroite.f3 ul li.oeuvre{
	background:url(../fond/deggris.jpg) repeat-x top right;
}
#colonnedroite.f3 ul li.oeuvre.sel{
	background:url(../fond/deggrissel.jpg) repeat-x top right;
	
	
}
#colonnedroite ul li.oeuvre.sel a{
	color:#FFD200;
}


#colonnedroite ul li a{
vertical-align:middle;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
}

/* fichette */




#formlisterep{
	position:relative;
	
	width:971px;
		height:390px;
		display:block;
	
	margin-left:-1px;
	overflow:hidden;
	
}

#defilementfichette{
	
	margin-left:-1px;
	position:relative;
	width:10000px;
	height:360px;
}

#defiler{
cursor:pointer;
display:block;
clear:both;
height:60px;
width:100%;
margin:1px 1px 10px;
background:url(../fond/fonddefil.gif) repeat-x top;


}

#defiler .cursor{
	text-align:center;
	position:relative;
	margin:2px 0 0 400px;
	display:block;
	background:url(../fond/cursordefilant.png) no-repeat;
	width:162px;
	height:22px;
	padding-top:5px;
}


#defiler img{
	vertical-align:text-bottom;
}


.note.f17,.note.f18,.note.f19{
	padding:10px;
	
display:block;
clear:both;
	margin-top:10px;
	height:162px;
	
}

.note.f17 h2,.note.f18 h2,.note.f19 h2{
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:5px;
}
.note.f17 p,.note.f18 p,.note.f19 p{
	margin-bottom:3px;

}


.note.f18{
	background:#D4E2DC
}
.note.f18 h2{
	color:#018B4B;
}

.note.f18 strong{
	background:#018B4B;
	padding:0 2px;
	color:#FFF;
}



.note.f19{
	background:#CFE0EC;
}
.note.f19 h2{
	color:#0069A6;
}




.note.f17{
	background:#E2E2E2;
}
.note.f17 h2{
	color:#838383;
}

.groupe{
	display:block;
	float:left;
	height:360px;
	background:#EEEEEE;
	
	border-left:2px solid white !important;
	/*width:120px;*/
}

.groupe h2{
	height:30px;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	
	font-size:10px;
	color:#FFF;
	padding:4px 
	}

.f1 .groupe h2,.f8 .groupe h2,.f11 .groupe h2,.f12 .groupe h2{	
	background:#032F6C;
}
.f2 .groupe h2,.f7 .groupe h2,.f10 .groupe h2,.f13 .groupe h2{	
	background:#046A06;
}
.f3 .groupe h2,.f6 .groupe h2,.f9 .groupe h2,.f14 .groupe h2{	
	background:#646464;
}


.fichette{
	display:block;
	float:left;
	width:118px;
	margin:5px 1px; cursor:pointer;
}

.fichette object{
	display:block;
	cursor:pointer;
	width:118px;
	height:118px;
	 cursor:pointer;
	
}

.fichette h3{
	text-align:center;
	height:30px;
	font-size:12px;

}

.fichette h3 a{
	color:#000000;
}

/* top */

#top{
	height:181px;
	position:relative;
	z-index:1;
	width:733px;
	float:left;
	background:url(../fond/bandeaugris.jpg) no-repeat top left;
}
#top object{
	position:absolute;
	top:10px;
	left:460px;
	float:right;
	width:245px;
	height:180px;
}
#top .avantage{
	position:absolute;
	left:20px;
	top:50px;
	width:210px;

}
#top .conseil{
	position:absolute;
	left:240px;
	top:50px;
	width:210px;

}

#top h2{
	font-size:16px;
	margin:5px 11px;
	color:#0469AD;
}


#top p{
	font-size:11px;
	line-height:12px;
	margin:5px 11px;
	font-weight:bold;
}

#technique{
	background:#FFF;
display:block;
	position:absolute;	
	left:237px;
	top:183px;
	padding:4px 15px;
	
	height:392px;
	overflow:hidden;
	width:703px;
}
#oeuvre{
	background:#0449A8;
	visibility:hidden;
	
	position:absolute;	
	left:237px;
	top:183px;
	padding:4px 15px;
	overflow:hidden;
	
	height:392px;
	width:703px;

}

#oeuvre.f1{	
	background:#0449A8;
}
#oeuvre.f2{	
	background:#046A06;
}
#oeuvre.f3{	
	background:#646464;
}

.p,.p p{
	position:relative;
	
	font-size:11px;
	line-height:14px;
}

.p.note{
	font-size:10px;
	text-transform:uppercase;
	
}

h3{
	position:relative;
	text-transform:uppercase;
	
	
}
#technique.f1 h3{	
	color:#02306C;
	
	}
	
#technique.f2 h3{	
	color:#046A06;
	
	}
#technique.f3 h3{	
	color:#646464;
	
	}
	
	
#oeuvre h3{
	color:#FFD402;
}

#oeuvre .p,#oeuvre .p p{
	color:#FFF;
}


div.p{
	margin-bottom:10px;}

ul{
	position:relative;
}
ul li{
	margin:0px 20px;
	font-size:11px;
	line-height:13px;
	list-style:square;
	
}
.c{
	position:relative;
	width:210px;
	float:left;
	padding:0px 5px;
}
.c2{
	position:relative;
	width:210px;
	float:left;
	padding:0px 5px;
}




/* questionreponse */

#questionreponse,#questionreponse2{
	margin:3px 6px 2px 0;
	width:353px;
	height:339px;
	clear:both;
	position:relative;
	float:right;
	background:url(../fond/recherche.jpg) #D3D3D3 repeat-x;
	text-align:left;
}





#questionreponse h2,#questionreponse2 h2{
	background:url(../fond/loupe.png) no-repeat;
	height:40px;
	padding:8px 0 0 40px;
	font-size:15px;
	margin:5px 0 5px 15px;
	
	font-weight:700;
	text-transform:uppercase;
	
}


#questionreponse2 h2{
	background:url(../fond/bleu.png);
	height:24px;
	padding:8px 0 0 20px;
	position:relative;
	font-size:15px;
	margin:97px 0 5px 0px;
	
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
	
}
#questionreponse2 h2 img{
	position:absolute;
	margin:-10px 0 0 30px
	
}

#questionreponse p,#questionreponse2 p{
	
	font-size:11px;
	margin:0px 15px 5px 15px;

}



#questionreponse2 .borderusine{
	position:absolute;
	border-bottom:2px solid white;
	left:0px;
	width:353px;
	overflow:hidden;
	height:129px;
}
#questionreponse2 .borderusine .listeusine{
	height:129px;
	width:1200px;
}
#questionreponse2 .borderusine img{
	border-right:2px solid white;
	float:left;

}


#questionreponse label,#questionreponse2 label{
	display:block;

	padding:5px 0px 0 18px;
	font-weight:bold;

}
#questionreponse .fauxselect .val,#questionreponse2 .fauxselect .val{
	display:block;
	width:292px;
	margin:2px 0 5px 15px;
	height:20px;
	background:url(../fond/defilant.gif) no-repeat
	
}
#questionreponse2 .fauxselect .val{

	margin:2px 0 0px 15px;

}
#questionreponse .fauxselect .defil,#questionreponse2 .fauxselect .defil{
	display:block;
	display:none;
	margin:-11px 0 5px 15px;
	position:absolute;
	width:269px;
	padding-bottom:5px;
	background:url(../fond/basdefil.png) no-repeat bottom left;
}


#questionreponse .fauxselect .defil ul{
	width:267px;
	padding-top:10px;
	background:#D3D3D3;
	border-right:1px solid #7D7D7D;
	border-left:1px solid #7D7D7D;
	max-height:200px;
	
	}
	

#questionreponse .fauxselect .defil ul li{
	display:block;
	
	padding:2px 5px;
}
#questionreponse .fauxselect .defil ul li input{display:none;}

#questionreponse .fauxselect.disable .val{
	background:url(../fond/defilant-disabled.gif) no-repeat
}


#questionreponse .bouton,#questionreponse2 .bouton{display:block;
background:url(../fond/bouton.png) no-repeat;
width:300px;
margin:25px 10px 0;
padding-top:5px;
height:61px;
}


#questionreponse .bouton.desel{
background:url(../fond/boutond.png) no-repeat;
}

#questionreponse2 .bouton{
margin:15px 10px 0;
background:url(../fond/bouton2.png) no-repeat;

}


#questionreponse2 .bouton.desel{
background:url(../fond/bouton2d.png) no-repeat;

}




#questionreponse .bouton object,#questionreponse2 .bouton object{
	float:left;
	width:65px;
	height:65px;
	margin:-20px 5px 0;
	
}

#questionreponse2 .bouton object{
	margin:-10px 5px 0;
	

}

#questionreponse .bouton span,#questionreponse2 .bouton span{
	display:block;
	color:#000;

}

#questionreponse .bouton strong,#questionreponse2 .bouton strong{
	color:#FFF;
	font-size:14px;
}

#questionreponse .bouton.desel strong,#questionreponse2 .bouton.desel strong{
	color:#000;
	font-size:13px;
	display:block;
	padding:0 10px 0 15px;
}


#questionreponse .bouton span.lien,#questionreponse2 .bouton span.lien{
	color:#FFF;
	text-align:right;
	
	padding-right:15px;

}


/* actu */

#actu{

	background:url(../fond/actu.jpg) #E8E9EA repeat-x;
	width:615px;
	height:186px;
	margin:3px 0 2px 6px;
	overflow:hidden;
}

#actu.b{

	background:none;
	width:auto;
	height:auto;
	margin:3px 0 2px 6px;
	overflow:visible;
}

#actu h2{
	text-transform:uppercase;
	text-align:right;
	height:30px;
	padding:13px 15px 0 40px;
	font-size:15px;
	
	font-weight:700;
	text-transform:uppercase;
}
#actu .listeactu{
	display:block;
	height:120px;
	width:2000px;

}
#actu.b .listeactu{
	display:block;
	height:auto;
	width:auto;

}


#actu .actufichette{
	text-align:left;
	display:block;
	float:left;
	width:280px;
	margin-left:20px;
	height:120px;
	
}
#actu.b .actufichette{
	margin-bottom:20px;

}

#actu .actufichette .vignette{
	float:left;
	width:118px;
	text-align:center;
	height:118px;
	border:none !important;
}

#actu .actufichette .vignette object{
	width:118px;
	height:118px;
	border:none !important;

}


#actu .actufichette span{
	font-size:12px;
	color:#FF5400;
	margin:5px 0;
	text-transform:uppercase;
	font-weight:bold;
}
#actu .actufichette p{
	font-size:11px;
}

#actu .actufichette p.plus{
	margin:5px 10px 0 0;
	background:url(../fond/flechenoir.gif) no-repeat right 2px;
	display:block;
	text-align:right;
	padding-right:12px;
}
#actu .actufichette p.plus a{
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#actu .pagination{
	width:615px;
	position:absolute;
	z-index:10;
}
#actu .pagination span{cursor:pointer;}
.dirActuMoins, .dirActuPlus{cursor:pointer;}



/* calendrier */

#calendrier{


	background:url(../fond/calendrier.jpg) no-repeat;
	width:306px;
	height:186px;
	margin:0px 0 2px 6px;
	float:left;
	text-align:right;
	
}


#calendrier h2{
	text-transform:uppercase;
	text-align:right;
	padding:8px 10px 0 0px;
	font-size:13px;
	
	font-weight:700;
	

}


#calendrier p{
	display:block;
	clear:both;
	text-align:right;
	padding:4px 10px 0 140px;
	font-size:11px;
}



#calendrier p a{
	color:#000;
	font-weight:bold;
	font-size:11px;
	margin:4px 5px 0 0;
	padding:1px 10px 4px;
	display:block;
	background:url(../fond/flechenoir.gif) right 3px no-repeat;
}

/* calendrier */

#contact{
	background:url(../fond/contact.jpg) no-repeat;
	width:307px;
	float:left;
	height:186px;
	margin:0px 0 2px 2px;
	
}

#contact h2{
	text-transform:uppercase;
	text-align:right;
	padding:8px 10px 0 0px;
	font-size:13px;
	color:#FFFFFF;
	
	font-weight:700;
	

}
#contact p{
	display:block;
	clear:both;
	text-align:right;
	padding:8px 10px 0 140px;
	font-size:11px;
	color:#FFFFFF;

}
#contact p a{
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;

}

#contact h3{
	text-align:right;
	padding:4px 10px 0 100px;
	font-weight:normal;
	font-size:18px;
	color:#FFFFFF;
}
/* ariane */

#contenu .arianes,#fiche .arianes{
	display:block;
	clear:both;
	text-align:left;
	padding:5px 25px 10px;
}

#contenu .arianes img,#fiche .arianes img{
	vertical-align:middle;

}

#contenu .arianes a,#fiche .arianes a{
	font-size:11px;
	color:#000;
	padding-right:5px;
}
/* flash content */
#contenu .vignette{
	display:block;
	float:left;
	overflow:hidden;
	border:2px solid black !important;
	margin:0 2px 2px 0 !important;
	height:168px;
	width:188px;
}
#contenu .vignette img{

	width:188px;
}


#gallery{
	
	display:block;
	clear:both;
	position:relative;
	padding:0px;
	background:#3D3D3D;
	height:347px;
	margin-bottom:2px;
	z-index:1;
}
#gallery #autoviewer{
	margin:10px 10px !important;
	width:950px;
	height:327px;
	z-index:1;
	
}

#gallery2{
	
	display:block;
	clear:both;
	position:relative;
	padding:0px;
	background:#FFF;
	height:553px;
	margin-bottom:2px;
	z-index:1;
}
#gallery2 #autoviewer{
	margin:0px 0px !important;
	width:970px;
	height:553px;
	z-index:1;
	
}

/* formulaire */

#contenu #formulairepage,#fiche #formulairepage{
	display:block;
	clear:both;
	float:none;
	padding:10px;
	position:relative;
	border-top:2px solid #FFF;
}


#contenu #formulairepage label,#fiche #formulairepage label{
	width:460px;
	display:block;
	text-align:right;
	padding:0 10px 10px 0;
	
	float:left;
}

#contenu #formulairepage label span,#fiche #formulairepage label span{
	
	width:100px;
	float:left;
	display:block;
}

#contenu #formulairepage label small,#fiche #formulairepage label small{
	font-size:9px;
	
	
	width:70px;
	float:right;
	text-align:left;
	display:block;
}



#contenu #formulairepage label .ctext,#contenu #formulairepage label .email,#fiche #formulairepage label .ctext,#fiche #formulairepage label .email{
	float:left;
	height:18px;
	width:250px;
	margin-left:5px;
	background:#EEE;
	border:1px solid #CCC
}


#contenu #formulairepage label textarea,#fiche #formulairepage label textarea{
	float:left;
	height:40px;
	width:250px;
	margin-left:5px;
	background:#EEE;
	border:1px solid #CCC

}

#contenu #formulairepage .submit,#fiche #formulairepage  .submit{

	float:left;
	background:#054BB0;
	color:#FFF;
	font-weight:bold;
	border:1px solid #CCC;
	
	margin-left:105px;
	height:22px;
	width:250px;

}


/* carte */ 

#googlemap{
display:block;
	clear:both;

}
address.loca{
	display:block;
	font-style:normal;
	width:180px;
	height:80px;
}

/* pied */


#pied{clear:both;}
#pied,#pied *{font-size:10px;color:#989898;}