
/* CSS Document */
* { padding:0; margin:0; outline:none }

body { background:#fff url('../images/fond.jpg') no-repeat center 0; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:justify }

a { color:#000; }

a img { border:none; }

p { margin:0 0 1em 0}

h1 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; }

h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center; background-color:#239FC5; padding:5px; clear:both; margin:0 0 1em 0 }

#page { width:1193px; margin:0 auto; background:transparent url('../images/bg-contenu.jpg') repeat-y; font:normal 12px Verdana, Arial, Helvetica, sans-serif; }

#entete { width: 1193px; height:279px; margin:0 auto; background:transparent url('../images/entete.jpg'); }

#titre { width: 1193px; height:55px; clear:both; background:transparent url('../images/titre.jpg') no-repeat; }

#contenu { width: 978px; float:left; background:transparent url('../images/fond-contenu.jpg') no-repeat; padding:0 50px 0 165px; min-height:389px; _height:389px; text-align:justify }

.neuvieme-transparent {background-color:#fff; -moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90); padding:5px 100px 1px 100px; margin:0 auto 1em auto;}

.semi-transparent {background-color:#fff; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); padding:5px 5px 1px 5px; width:820px; margin:0 auto 1em auto;}

.bull { background: transparent url('../images/bull.png') no-repeat 0 5px; text-indent:8px}

div.jMyCarousel { margin: 0 0 1em 0}

#pied { width: 1193px; height:69px; clear:both; background:transparent url('../images/adresse.jpg') no-repeat; }

#liens { text-align:center; color:#000; }

.lien { color:#000; }

.h1 { font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:justify }

.ul { padding-left : 45px; }

#menubas { text-align:center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 0; margin-left:200px; }

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

.imgaccueil { width:206px; float:left; padding:5px; text-align:center;}

.clearb { clear:both; }

.lang { width:890px; margin:0 auto; text-align:center; }

.center { text-align:center }

.fondblanc { background-color:#FFF; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#239FC5; text-align:center; padding:5px; }

.bold { font:bold 12px Verdana, Arial, Helvetica, sans-serif; }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention { text-align:center; float:left; padding-top:180px; padding-left:20px; font: normal 12px Tahoma, Helvetica, sans-serif; }

ul li { list-style: square inside} 

ol li { list-style: decimal inside} 

pre { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; clear:both; float:none; /*position:absolute; top:0; left:0; color:#fff*/}

ol.ul-erreur {  padding:5px; margin:0 auto 15px auto; float: none; clear:both; display:table; background:#FFFFEE; color:#000; border:1px solid #FF0000; width:400px}

ol.ul-erreur ol, .ul-erreur ul { padding:0  0 10px 15px}

ol.ul-erreur li { list-style: none outside}

ol.ul-erreur li { list-style: decimal inside}

ol.ul-erreur a { color:#F43F00}


ol.ul-info {  padding:5px; margin:0 auto 15px auto; float: none; clear:both; display:table; background:#EEEEFF; color:#000; border:1px solid #0000FF; width:400px}

ol.ul-info ol, .ul-info ul { padding:0  0 10px 15px}

ol.ul-info li { list-style: none outside}

ol.ul-info li { list-style: decimal inside}

ol.ul-info a { color:#000}
/****************************************************tableau spry**************************************************************************************/

.ssmenu { width:183px; height:15px; background-color:#239FC5; padding:5px; text-align:center; font:bold 12px Tahoma, Helvetica, sans-serif; color:#fff; float:left; border:1px solid #fff;}
.ssmenu a { color:#fff; text-decoration:none; text-align:center;}
.ssmenu a:hover { color:#fff; text-decoration:none; text-align:center; background-color:#239FC5;}
.ssmenu2 { width:183px; height:15px; background-color:#10709F; padding:5px; text-align:center; font:bold 12px Tahoma, Helvetica, sans-serif; color:#fff; float:left; border:1px solid #fff;}
.ssmenus { width:184px; height:15px; background-color:#239FC5; padding:5px; text-align:center; font:bold 12px Tahoma, Helvetica, sans-serif; color:#fff; float:left; border:1px solid #fff;}
.ssmenus a {color:#fff; text-decoration:none; text-align:center;}
.ssmenus a:hover { color:#fff; text-decoration:none; text-align:center; background-color:#239FC5;}
.ssmenus2 { width:184px; height:15px; background-color:#10709F; padding:5px; text-align:center; font:bold 12px Tahoma, Helvetica, sans-serif; color:#fff; float:left; border:1px solid #fff;}
.ssmenu-transparent {background-color:#EBEBEA; padding:5px 25px 1px 25px; margin:0 auto 1em auto; clear:both;}

/*****************************************************************Tarifs*************************************************************************************************/
.tarifs {background-color:#10709F; text-align:center; font:bold 12px Tahoma, Helvetica, sans-serif; color:#fff;}
.tarifs2 {background-color:#239ABF; color:#fff;}
#tarifs {border:1px solid #fff; margin:0 auto;}
#tarifs td{border:1px solid #fff; padding:2px;}
	/*/////////////////////////////////////////////// formulaire de contact //////////////////////////////////////////////////////////////////*/
	
	#formulaire{ text-align:center; width:850px; padding: 0 0 0 60px;  float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 20px 0 0  } /* carateristique du formulaire */
	
	#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
	
	#formulaire fieldset {  border:2px solid #0895C2; padding:10px;  }
	
	#formulaire legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding:2px 15px; background:#0895C2 ; color:#fff; height:20px  }
	
	.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0;} /* carateristique des label, width minimum 203px; */
	
	.pform {padding:0; text-align:left; clear:both;  } /* carateristique des p */
	
	.inputform {width:320px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
	
	.labelform2 { width: 80px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */
	
	.labelform3 { width: 48px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */
	
	.pform2 {padding:0; text-align:left; float:left; width:197px;  } /* carateristique des p */
	
	.inputform2 {width:320px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
	
	.textareaform { width:825px; height:80px; overflow: auto;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; width:320px; padding:0;} /* 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 10px Verdana, Arial, Helvetica, sans-serif;} /* carateristique de l'input "envoyer mon message" */
	
	.divtexte { margin: 5px 0 0 0;  } /* carateristique de la div contenant le texte du captchat*/
	
	#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
	
	.divimagecaptchat { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { background: #fff; border: 1px solid #0895C2; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* pour rendre les input et textarea transparent avec une bordure */
	
	#coordonnees { display:block; width:250px; background: #0895C2 ; color:#8E056D; height:14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding:2px 15px; margin:0 0 5px 0 }
	
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/	
	#mention-legale{ width:200px; margin:0 auto; text-align:center; color:#000;}

