html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	background:url(images/tr-fond.jpg) repeat-x #f5f6f6;
}

body {
}
p{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
ul{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.texte{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}
a {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
a.lienmail{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
h1{
	text-align:center;
 	margin:0;
    padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	font-weight:400;
}
	
	
.yzeo {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	color:#999999;
	font-weight: normal;	
	}
a.lienyzeo {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
a.lienyzeo:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
a.lienyzeo:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #E0DDD5;
	font-size: 10px;
}
a.lienyzeo:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #5F0666;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #990099;
}
.plan {
	border:solid #66CCFF 1px;
	width: 450px;
	height: 450px;
}
p.texte-center {
	text-align:center;
	}
p.texte-center1 {
color:#666666;
padding-top:20px;
margin-top:0px;
	text-align:center;
	}
p.texte-center2{
	text-align:center;
	}
	


.texte-cont {
text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003300;
	width: auto;
	margin: auto;
	vertical-align: top;
}
.texte-cont2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}

.texte-cont3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: auto;
	margin: auto;
	vertical-align: top;
	margin-left:-35px;
}

.granddiv1 {
	margin:0;
	padding:0;
	width:950px;
}

.menudiv {
	float:left;
	text-align:left;
	width:207px;
}
div.textdiv {
	margin-left:0;
	vertical-align:text-top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	color:#666666;
}
.textdiv p {
margin:0;
}

.contenudiv {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}

p.padleft2 {
padding-top:60px;
margin:0;
padding-left:14px;
display:block;
width:600px;
}
span.padleft{
padding-left:145px;
}	
.padleft {
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-left:35px;
padding-right:230px;
}
.contenudiv2 {
padding-top:20px;
padding-left:25px;
padding-right:30px;
padding-bottom:50px;
vertical-align:bottom;
text-align:center;
width:950px;


}
.clearer {
	width:0;
	height:0;
	line-height:0;
	padding:0;
	margin:0;
	clear: both;
	font-size:0;
}
#total {
	background: url(images/tr-txt.jpg) repeat-y;
	width:950px;
	margin: 0 auto;
	text-align: left;
}


/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire{ background: transparent; text-align:center; width:450px; padding:0; margin:0 0 0 100px; float:left;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* carateristique du 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:350px; height:100px; 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;} /* 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 */
	#formulaire div a{ color:#000; font-size:11px;} /* couleur du lien dans capchat */
	.divimagecaptchat { display:none } /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { background: white; border: 1px solid #000;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* pour rendre les input et textarea transparent avec une bordure */
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention { text-align:center; padding: 50px 40px 0 40px; float:left;  }

div.alcenter {
text-align:center;
}

div.image, div.alcenter img#imgcaptcha {
	text-align:center;
	display: block;
	margin: 0 auto;
}
#titre {
	margin:0;
	padding:0;
}

p.justify{
text-align:justify;
}

.0margin {
padding-left:14px;
}
.imgyzeo {
vertical-align:middle;
}
.hrcolor {
margin:0 inherit;
color:#663300;
background-color:#663300;
}
#diapo3{
color:#666666;
text-align:center;
margin-top:50px;
}
#diapo{
float:right;
margin:0;
}
#diapo2{
width:255px;
text-align:center;
color:#666666;
padding-top:10px;
}

#contact{
margin-left:150px;
text-align:center;
width:630px;
}
#contact p{
margin:auto;
}
#menu{
float:right;
margin:0;
}
#img{
float:right;
margin-right:0px;
text-align:center;
}
#imagep{
margin:0;
text-align:center;
}
#tr-haut p {
margin:0;
text-align:center;
}
#tr-haut{
padding-left:200px;
padding-top:25px;
background:url(images/tr-h-txt.jpg) no-repeat top left;
height:60px;
}
/*pour la collone "Expositions"*/
#expo {
float:right;
}
#expo-txt {
float:right;
width:488px;
background:url(images/tr-ex-txt.jpg) repeat-y;
}
#text-expo {
background:url(images/tr-fond-haut.jpg) top no-repeat; 
}
#col-right {
padding-left:35px;
padding-right:10px;
padding-bottom:15px;
background:url(images/tr-ex-bas.jpg) no-repeat bottom;
}
/*special por la collone de gauche*/
.col-left {

width:400px;
}

#liens_bas {
	width:951px;
	height:20px;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#liens_bas a {
	font-size:9px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clearvalidator{ clear:both; height:3px;}