/* CSS Document */

.contenu_haut {

	background:url(images/contenu_haut.jpg);

	background-repeat:no-repeat;

	height:24px;

}

.contenu_centre {

	background:url(images/contenu_centre.jpg);

	background-repeat:repeat-y;

}

.contenu_bas {

	background:url(images/contenu_bas.jpg);

	background-repeat:no-repeat;

	height:24px;

}

* { margin:0; padding:0; outline:none; }



body { background:#0E8EB5 url('images/fond.jpg') repeat-x; text-align:justify; color:#114e5f; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



#intro { text-align:center; color:#fff; }



#intro a { color:#fff; }



.texte { 

	color:#fff;

	font-size:14px; 

}

.texte2 { 

	color:#fff;

	font-size:12px; 

}

.texte3

{

	color:#093840;

	font-size:12px;



}



.texte4

{

	color:#171E45;

	font-size:12px;



}



.titre { padding-top:16px; }

.titre, .intro { color:#114e5f; height:20px; }

.intro { margin-top:-16px; margin-bottom:8px; }


h1 { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#114e5f; }



a { color:#114e5f; text-decoration:underline; }



a:hover { text-decoration:none; }



#margehaute { width:951px; height:50px; margin:0 auto; background-color:#99cfde; }



#page { width:951px; margin:0 auto; background:transparent url('images/bg.jpg') repeat-y; }



#header { width:951px; height:243px; background:transparent url('images/head.jpg') no-repeat; }



#titre { width:679px; height:59px;  float:left; }



#contenu { width:620px; min-height:200px; _height:200px; float:right; background:transparent url('images/bg-contenu.jpg') no-repeat top;  padding:20px 30px 0 0; }



#contenu p, h1 { padding:0 0 14px 0; }



#contenu ul { padding:0 0 14px 50px; }



#adresse { width:951px; height:52px; float:right; background:transparent url('images/adresse.jpg') no-repeat; }



#coordonnees { padding:80px -20 0 20px; text-align:center; float:left; }



#coordonnees p { padding:0 0 14px 0; }



#coordonnees a img { border:none; }



#menubas { padding: 10px 20px 10px 150px; text-align:center; color:#fff; font: normal 9px Verdana, Arial, Helvetica, sans-serif; }



#menubas a { color:#fff; }



#menubas img { border:none; padding-top:5px; }



.photo { float:right; margin:0px 0 0 10px; }



.encadre { border:  2px solid #222; }



/*-----------------catalogue---------------------*/





#catalogue { width:192px; float:left; background:transparent url('images/catalogue.jpg') no-repeat; padding:20px 20px 0 60px; }



.titrecatalogue { padding:0 0 14px 0; font-weight:bold; font-size:12px; clear:both; }



.inputrecherche { width:165px; height:20px; float:left; margin: 0 5px 0 2px; }



.checkbox { float:left; }



.type { font-size:12px; font-weight:bold; color:#35465f; float:left; padding:0px 0 0 10px; }



.champrecherche { width:170px; float:left; margin: 0 5px 0 0; }



.ok { clear:both; border:none; padding-top:20px; margin-left:5px; }



.selectcatalogue { width:160px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#114e5f; background-color:#fff; }



/*---------------- logo Yzeo ---------------------*/



#yzeo { text-align:center; color:#fff; font-size:10px; padding: 0px 0px 0px 150px; clear:both; }



#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }



#yzeo a { color:#fff; font-size:10px; }



/*---------------- fin logo Yzeo -----------------*/ 

				

/*-------------------------formulaire------------------------*/



	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 0px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#114e5f; float:left; margin-top:10px; margin-left:5px; } /* carateristique du formulaire */

	

#formcontact { background: transparent; text-align:center; width:400px; padding:0px 0 0 0px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#114e5f; float:left; margin-top:10px; margin-left:5px; } /* carateristique du formulaire */



#formcontact * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */



#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */



.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */



.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */



.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */



.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */



.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#114e5f; background-color:#fff; } /* carateristique des select */



.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */



#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */



.inputenvoyer { width:150px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#4B3426; } /* carateristique de l'input "envoyer mon 			message" */



.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/



#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */



#formulaire div a { color:#114e5f; } /* couleur du lien dans capchat */



.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



.transp { background: transparent; border: 1px solid #FFFFFF; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* pour rendre les input et textarea transparent avec une bordure */



.inputtexte { background: transparent; border: 1px solid #FFFFFF; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height:16px; } /* pour rendre les input et textarea transparent avec une bordure */



/*-------------------------fin formulaire------------------------*/



.plan {

	margin-left:10px;

	margin-top:10px;

	float:left;

	border: 1px solid #515151;

	width: 600px;

	height: 400px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#map .infosbulle p {

	display: block;

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

.plan-titre {

	font-size: 14px;

	color: #5F0666;

	font-weight: bold;

	margin-bottom: 1em;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

}

.plan-printer {

	display:block;

	text-align: right;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}



.bordure {

	border: 1px solid #515151;

}

.bordure3 {

	border: 1px solid #FFFFFF;

}

.bordure2 {

	border: 1px solid #093840;

	color:#093840;

}

#PS_page

{

	width:100%;

	text-align:center;

	

}

#PS_text

{

	margin:auto;

	text-align:left;

	width:700px;

	padding-left:40px;	

	padding-right:40px;	

	background-color:#FFFFFF;

}

#PS_lienbas

{

	margin:auto;

	text-align:left;

	width:700px;

}

/*---------------------------------DEVELOPPEMENT DAVID------------------------------*/

span#titre_champ_recherche{

color:#114e5f;

font-weight:600;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

}



span#info_mode{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#114e5f;

}



.menu_recherche{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#114e5f;

}



div#no_produit{

color:#114e5f;

margin-top:100px;



}



/*-----------fiche produit---------------*/

img#img_vignette{

border:#FFFFFF solid 2px;

}

img#img_vignette2{

border:#FFFFFF solid 2px;

}



a#lien_retour{

color:#114e5f;

font-size:14px;

font-weight:600;

}



div#lien_retour{



}



.info_produit_data{

color:#ffffff;

font-size:12px;

margin-left:10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



.info_produit {

margin-left:10px;

margin-right:10px;

color:#ffffff;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-weight:bold;

}



.info_produit p {

margin-left:10px;

margin-right:10px;

color:#ffffff;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



/*p.info_produit p {

margin-left:10px;

margin-right:10px;

color:#ffffff;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



.info_produit p {

margin-left:10px;

margin-right:10px;

color:#ffffff;

font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}*/



a#plus_infos{

	color:#114e5f;

	text-decoration:none;

}





/*--------pagination-------------------------------------*/

.liencpt{

color:#423506;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

}



.selpage{

color:#900808;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:600;

}







/*----------CONTACT ---------------------------*/

label{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: normal;

	font-weight: normal;

	text-transform: none;

	color:#FFFFFF;

}



/*----------div google map -------------------*/

div#google_map{

	width:300px;

	border-color:#214670;

	border-width:1px;

	border-style:solid;

	background-color:#EAF3FA;

}



a#plan_lien{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:600;

	font-size:11px;

}



/* -------- menu html horizontal --------------*/



a#lien_menu_H{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: normal;

	font-weight: normal;

	text-transform: none;

	color:#FFFFFF;

	letter-spacing: normal;

	word-spacing: normal;

	white-space: normal;



}



span#separateur{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: normal;

	font-weight: normal;

	text-transform: none;

	color:#FFFFFF;

	letter-spacing: normal;

	word-spacing: normal;

	white-space: normal;



}



/*--------page plan site ------------*/



td#fond_repeat {

background-image:url(../images/plan_fond_repeat.jpg);

background-repeat:repeat-y;

}



td#fond_no_repeat{

background-image:url(images/plan_fond.jpg);

background-repeat:no-repeat;

}



td#td_plan{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color: #415B78;}



a#lien_plan{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color: #415B78;

}



span#signature{

color:#F8F8F8;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

}



a#signature{

color:#F8F8F8;

font-size:11px;

font-family:Arial, Helvetica, sans-serif;

}



/*-----page contact------------*/

div#mention_legale{

	border-width:1px;

	border-style:solid;

	width:300px;

	margin-left:50px;

	text-align:center;

	color:#003E89;

}



div#bt_valide{

	width:300px;

}



#colonneGauche ul li a {

color:#33FF00;



}