html, body {width: 100%; margin: 0; padding: 0;	/*background: #ffffff url(images/bg_arbre.jpg) no-repeat 50% 0;*/ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px; color: #ffffff;background:#000}
body, div, input, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #fff; text-align: justify;}


#global {text-align: left; width: 950px; margin: 0px auto; padding: 0px; border: 1px solid #cccccc; overflow: hidden}
	#colGauche{float: left; width: 300px; background: #000000 url(images/bg_colGauche_defaut.jpg) repeat-y;}
		#bgColGauche{float: left; width: 300px; background: url(images/bg_colGauche.jpg) no-repeat;}
			#contenuColGauche{float: left; width: 245px; padding: 120px 0px 0px 37px; }
				.list-tri{float: left; list-style: none; width: 100%; margin: 0px; padding: 10px 0px; font-size: 14px; text-transform: uppercase}
					.list-tri li {float: left; width: 100%; padding: 3px 0px}
					.list-tri li a.menu {display:block; width: 100%; color:#ffffff; font-size:14px; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight: bold; padding:0px; cursor:pointer}
					.list-tri li a.menu:hover {width: 100%; background: #f1f1f1; color: #8cb401; font-weight: bold}
					.list-tri li a.tri1Choisi {color: #e43589; /*border: 1px solid #e43589; */font-size: 14px; font-weight: bold; text-decoration: underline}
				
				.list-tri2{float: left; list-style: none; width: 170px; margin: 0px; padding: 5px 0px 10px 2px; font-size: 10px; text-transform: uppercase}
					.list-tri2 li {float: left; width: 170px; padding: 3px 0px}
					.list-tri2 li  a.menu {display:block; width:170px; color:#ffffff; font-size:10px; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight: bold; padding:0px; cursor:pointer}
					.list-tri2 li  a.menu:hover {width: 170px; background: #f1f1f1; color: #8cb401; font-weight: bold}
					.list-tri2 li  a.tri1Choisi {color: #e43589; /*border: 1px solid #e43589; */font-size: 10px; font-weight: bold; text-decoration: underline}
	
	#container{float: left; width: 630px; margin: 0px; padding: 0px ;}
		#contenu{float: left; width: 630px; padding: 5px 0px}
			.titre{float: left; width: 630px; padding: 5px 0px 20px 0px; color: #d3aa26; text-align: left; font-size: 18px; font-weight: bold}
			.titre2{float: left; width: 100%; padding: 5px 0px 20px 0px; color: #d3aa26; text-align: center; font-size: 18px; font-weight: bold}
			.soustitre{float: left; width: 620px; height: 15px; padding-left: 10px; color: #000000; background: #a6d200; font-size: 12px; font-weight: bold}
			.soustitre2{float: left; width: 600px; height: 15px; padding-left: 10px; color: #000000; background: #a6d200; font-size: 12px; font-weight: bold}
			
			.entetetable{  padding-left: 10px; color: #000000; background: #a6d200; font-size: 12px; font-weight: bold}
			
			.soustitreAccueil{float: left; width: 85%;text-align:center;margin-left:10px;margin-bottom:5px;height: 15px; padding-left: 10px; color: #000000; background: #a6d200; font-size: 12px; font-weight: bold}
			.resumePage{float: left; width: 630px; padding: 10px 0px}
			/* Page d'accueil */
			.encartAccueil{float: left; width: 630px; margin-top: 20px}
			#encartAccueil1{float: left; width: 300px; height: 300px; margin-top: 20px}
			#encartAccueil2{float: left; width: 300px; height: 300px; margin: 20px 0px 0px 25px;}
			
			/* Page partenaires */
			.LigneClair {
					font-size: 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					background-color:#2d2c2c;
					text-align:center;
					height: 12px
			}
			.LigneFonce{
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: #1f1f1f;
				text-align:center;
				height: 12px
			}
			.Style1 {font-size: 10px}
			#listeAffiche{width:630px; float: left; margin-top: 20px}
				.produit{float:left;font-size: 10px; width:180px; height:195px; text-align:center; padding:5px; margin-bottom: 15px; background:#474747; border: 1px solid #cccccc}
	#footer{float: right; width: 630px;}
		#copyright{float: left;}
		#infoplus{float: right; padding-right: 5px}
	
	
/* Lien sur la listeAffiche */
#listeAffiche a:hover{text-decoration: none; color: #0000ff}
	
/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}

#imgEvenement{float: left;	width: 300px;}

/********** Styles sur les liens **********/
/* Défaut */
a:link {	font-size: 12px;	color: #ffffff;	text-decoration: underline; }
a:visited {	font-size: 12px;	color: #ffffff;	text-decoration: underline;}
a:hover {	font-size: 12px;	color: #ffffff;	text-decoration: underline;}
/* liens menu du bas */
a.menubas:link {	font-size: 10px;	color: #000000;	text-decoration: none;}
a.menubas:visited {	font-size: 10px;	color: #000000;	text-decoration: none;}
a.menubas:hover {	font-size: 10px;	color: #000000;	text-decoration: underline;}

/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}



/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: Green;}

hr{float: left; color: #666666; border-color: #666666; background-color: #666666;height: 1px; border: 0;}

/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}