
/* CSS Document */

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

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

.index { text-align:center; color:#FFFFFF; }

.index a:link { color:#FFFFFF; }

.index a:visited { color:#FFFFFF; }

.index a:hover { color:#FFFFFF; text-decoration:none;}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color:#000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.ref { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-transform: none; color:#000000; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; margin-left: 30px; margin-right: 0px; }

a:link { color:#000000; text-decoration: underline; }

a:visited { color:#000000; text-decoration: underline; }

a:hover { text-decoration: none; color:#000000; }

a img { border:solid 1px #94107E; }

/*
a.lien:link {
color: #FFFFFF; text-decoration: underline;
} */
	
	
	
/*div id*/

#page { width:935px; margin:0 auto; background: transparent url('images/fond_tableau.gif') repeat-y; }

#page2 { width:716px; margin:0 auto; background: transparent url('images/fond2-plan-site.jpg') repeat-y; }

#barre { width:935px; height:238px; clear:both; background:transparent url('images/logo.jpg') no-repeat }

#barre2 { width:716px; height:95px; clear:both; }

#contenu { width:935px; min-height:200px; _height:262px; clear:both; background: transparent url('images/fond_tableau.gif') repeat-y; }

#contenu2 { width:656px; clear:both; background: transparent url('images/fond-plan-site.jpg') no-repeat; padding:0 30px; text-align:justify; color:#000000 }

#contenu a { color:#000000 }

#menu { width:220px; height:220px; float:left; background: transparent url('images/menu.jpg') no-repeat; }

#titre { width:715px; height:39px; float:left; }

#phototexte { width:645px; float:left; background:url('images/fondtexte.jpg') top no-repeat; min-height:200px; _height:200px; padding:0 40px 0 30px; }

#phototexte p { color: #000000; }

#phototexte p.soustitre { color: #b966a1; }

#adresse { width:935px; height:60px; background:url(images/adresse.gif) no-repeat; clear: both; }

#adresse2 { width:716px; height:60px; clear: both; }

div#yzeo { text-align:center; color:#FFFFFF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; width:935px; margin:0 auto; }

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

div#yzeo a { color:#FFFFFF; }

div#yzeo2 { text-align:center; color:#FFFFFF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; width:200px; margin:0 auto; }

div#yzeo2 img { padding: 0 20px 2px 5px; border:none; vertical-align:middle; float:right }

div#yzeo2 a { color:#FFFFFF; }

div.droite { float:right; text-align:right }

div.image { float:left; border:solid 2px #b966a1; margin-top:15px; margin-right:8px }

/*formulaire*/
		
		#formulaire { background: transparent; text-align:center; width:550px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0 auto } /* 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:520px; height:100px; overflow: auto; background-color: #FFFFFF; } /* carateristique du textarea */

.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#666666; } /* 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:#000000; } /* couleur du lien dans capchat */

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

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

/* ************************* Class Plan API GOOGLE ************************* */
.plan {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	border: thin solid #ccc;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#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: #FF974A;
	font-weight: bold;
	text-align: center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align: center;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.titretxt {
	font-size: 14px;
	color: #7a6e6e;
	font-weight: bold;
	text-align: center;
}

/* ************************* Fin Class Plan API GOOGLE ************************* */
