
/* CSS Document */

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

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

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

#intro a { color:#fff; }

#fondintro { width:1066px; height:575px; margin:0 auto; }

#fondplan { width:680px; height:580px; margin:0 auto; background:#191919 repeat; margin-top:20px;}

.fondplan { width:680px; height:550px; margin:0 auto; background:#191919 repeat; margin-top:20px;}

.planmenu { width:160px; height:60px; text-align:left; _height:210px; float:left; padding:0px 30px 0 30px; }

.plandesc { width:400px; height:60px; text-align:left; _height:210px; float:right; padding:0px 30px 0 0px; }

#page { width:1020px; margin:0 auto; }

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

#header { width:1020px; height:264px; float:left; background:transparent url('images/head.jpg') no-repeat; }

h1 { font: normal 14px Arial, Verdana, Helvetica, sans-serif; }
h2 { font: normal 12px Arial, Verdana, Helvetica, sans-serif; }

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

#contenu { width:840px; min-height:100px; _height:210px; float:left; background: url('images/bg.jpg') no-repeat top; padding:10px 90px 0px 90px; }

#contenu-home { width:840px; min-height:100px; _height:210px; float:left; background: url('images/bg-home.jpg') no-repeat top; padding:0px 0px 0px 0px; }

#contenu-home2 { width:840px; min-height:100px; _height:210px; float:left; background: url('images/bg-home2.jpg') no-repeat top; padding:0px 0px 0px 0px; }

#accueilg { width:380px; min-height:240px; _height:260px; float:left; padding:0px 5px 0 10px; }

#contactg { width:360px; min-height:100px; _height:210px; float:left; padding:0px 5px 0 10px; }

#contactd { width:340px; min-height:100px; _height:210px; float:left; padding:0px 5px 0 30px; }

#accueild { width:400px; min-height:100px; _height:210px; float:right; padding:15px 5px 0 5px; position:relative; }

.accueild2 { width:420px; float:right; padding:0px 5px 0 5px; }

.home-contact { width:220px; float: left; text-align:left; padding-top:2px;}

.descrg { width:370px; min-height:96px; float:left; padding:0px 5px 0 5px; }

.descrg2 { width:803px; min-height:96px; float:right; padding:0px 5px 0 20px; }

a { color:#fff; text-decoration:underline; }

a:hover { text-decoration:none; }

#pattern { width:100%; height:589px; background:transparent url('images/pattern.jpg ') repeat-x; position:absolute; top:0; left:0; z-index:1; }


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

#head { width:627px; height:180px; float:left; background:transparent url('images/head.jpg') no-repeat top; }

#contenugauche { width:460px; padding:0px 20px 0 0; float:left; }

#contenudroit { width:320px; padding:0px 20px 0 20px; float:right; }

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

#contenu ul { width:210px; padding:0 0 14px 180px; float:left; }

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

#map { width:400px; height:330px; padding:20px 0px 0px 0px; clear:both; }

#coord { width:356px; height:89px; background:transparent url('images/adressec.jpg') no-repeat; padding:10px 10px 10px 30px; clear:both; }

#coordg { width:150px; height:89px; float:left; line-height:16pt; padding:0px 10px 0px 0px; clear:both; }

#coordd { width:150px; height:89px; float:left; padding:0px 0px 0px 0px; clear:both; }

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

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

#coordonnees a img { border:none; }

.description { background:#479b2e; color:#fff; width:240px; height:80px; float:left; text-align:justify; padding:10px 10px 10px 10px; }

.adobe { width:300px; float:right; text-align:justify; padding:0px 10px 0 0px; }

#encart { background:#479b2e; border: double; border-color:#d8f3cf; width:600px; height:140px; padding: 10px 6px 10px 10px; text-align:center; color:#fff; font-size:10px;  margin:0 auto;  }

#menubasintro { width:300px; float:right; padding: 00px 10px 5px 0px; text-align:left; color:#fff; font-size:10px; }

#menubas { width:590px; padding: 00px 10px 5px 0px; text-align:left; color:#fff; font-size:10px; margin:0 auto; }

#menubas a { color:#fff; }

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

.floatleft { float:left; margin:0 10px 0 0px; }

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

.centerc { float:inherit; margin:0 10px 0 0px; }

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

.fdtitres { width:298px; height:40px; background:transparent url('images/fd_titres.jpg') no-repeat; float:left;  font-weight:bold; padding:17px 10px 0px 28px; clear:both; }

.hautpage { width:110px; height:21px; font-weight:200; float:right; padding:0px 0px 5px 20px; clear:both; }

.details { width:780px; background:#1a1a1a repeat; font-weight:200; padding:20px 20px 20px 40px; clear:both; }

.details a { font:normal 11px Arial, Helvetica, sans-serif; color:#fff576; font-weight:bold; text-decoration: underline; }

.details a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#fff576; font-weight:bold; text-decoration: none; }

.ssdetails { width:780px; background:#1a1a1a repeat; font-weight:200; padding:0px 0px 10px 60px; clear:both; }

.border { border:none; }

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

#googlemaps { width:400px; height:350px; border:none; font-weight:200; float:right; padding:0px 0px 5px 20px; clear:both; }

/*---------------- logo realpix ---------------------*/

#realpixConteneur { height:24px; width:160px; padding:10px 0 0 70px; }

#realpixGH { height:12px; width:107px; text-align:right; vertical-align:top; line-height:10px; }

#realpixD { height:22px; width:42px; float:right; padding: 0px 0 0 0 }

#realpixD img { border:none; }

#realpixG { height:24px; width:107px; float:left; }

.realpix div { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; }

.realpix a { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline; }

/*---------------- fin logo realpix -----------------*/ 
				
/*-------------------------formulaire------------------------*/

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

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

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

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

.ssform { padding: 3px 0px 0px 0px; text-align:left;  } /* carateristique des p */

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

.style { width:200px; float:left; margin: 5px 5px 0 2px; } /* carateristique des input */

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

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

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

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

.plan {
	width: 500px;
	height: 600px;
	border:0px #140411 solid; 
	margin: 40px 0 30px 0;
}
.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0061a1;
}

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



.highslide { cursor: url('highslide/graphics/zoomin.cur'), pointer; outline: none; }

.highslide-active-anchor img { visibility: hidden; }

.highslide img { border: 4px solid #535353; }

.highslide:hover img { border: 4px solid #222222; }

.highslide-wrapper { background: white; }

.highslide-image { border: 2px solid #daf0fe; }

.highslide-image-blur { }

.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }

.highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url('highslide/graphics/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px; }

a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }

a.highslide-credits:hover, a.highslide-credits:hover i { color: #272727; background-color: gray; }

.highslide-move { cursor: move; }

a.highslide-full-expand { background: url('highslide/graphics/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }

/* These must always be last */
.highslide-display-block { display: block; }

.highslide-display-none { display: none; }

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control { float: right; display: block; position: relative; margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 1px; margin-bottom: 1px; }

.control:hover { border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: 0; margin-bottom: 0; }

.control, .control * { color: #272727; }


