/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/



body { color:#251E62; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



h1 { color:#fff; font-size: 12px; font-weight:bold;}



.h1 { color:#251E62; font-size: 1em; font-weight:normal; }



h2 { color:#251E62; font-size: 1.3em; }



h3 { color:#251E62 font-size: 1.17em; }



h4 { color:#251E62; font-size: 1em; }



h5 { color:#251E62; font-size: 0.83em; }{ color:#251E62; font-size: 0.67em; }



p { color:#251E62; font-size: 1em; }



ul, ol { color:#251E62; font-size: 1em; }



li { color:#251E62; font-size: 1em; }



a { color:#251E62; text-decoration:underline; }



a:hover { text-decoration:none; } /* si changement de couleur au survol */



a:visited { } /* si changement de couleur après le clic */



input { }



textarea { }



em { }



strong { }



#mention { text-align:center; color:#fff; margin-left:35px}



#mention p {color:#fff;}



/* Éléments Particuliers

----------------------------------------------------------*/



/* Placement d'images */

.imgLeft { float:left; margin-right:1em; }



.imgRight { float:right; margin-left:1em; }



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }



.alignbottom { vertical-align:bottom; }



.aligncenter { margin-left:auto; margin-right:auto; }



/* Des classes d'alignement du texte */

.left { text-align: left; }



.right { text-align: right; }



.center { text-align: center; }



.justify { text-align: justify; }



/* Des classes de formatage du texte en ligne */

.bold { font-weight: bold; }



.italic { font-style: italic; }



.strike { text-decoration: line-through; }



/* Des classes flotante */

.floatleft { float: left; }



.floatright { float: right; }



/* Les "nettoyeurs" */

.clearb { clear: both; }



.clearer { clear: both; width: 0; height: 0; line-height: 0; }



#coordonnees { padding:80px 0 0 0; text-align:center; }



#coordonnees a img { border:none; }



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

	

	#formulaire { background: transparent; text-align:center; width:500px; padding:0 0 0 50px; _padding:15px 0 0 25px;  float:left; font: normal 11px Tahoma, Helvetica, sans-serif; color:#251E62; } /* 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:150px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */



.textareaform { width:496px; height:100px; overflow:auto; } /* carateristique du textarea */



.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Tahoma, Helvetica, sans-serif; color:#251E62; background:#B4D1DF; border:1px solid #251E62; } /* 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 Tahoma, 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:#251E62; } /* couleur du lien dans capchat */



.divimagecaptchat { border:none; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */



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



fieldset { border-top:1px solid #251E62; border-bottom:1px solid #251E62; border-left:1px solid #251E62; border-right:1px solid #251E62; padding:5px; }



legend { color:#251E62; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 5px; }



/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/

	

	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

.fix-intro-out

{

width:630px;

margin:0 auto;

}

.fix-intro-in

{

width:630px;

}



/*----------------------gooogle map-------------------------*/

.plan {

	width: 640px;

	height: 480px;

}

#map .infosbulle {

	width: 210px;

	border: none;

	margin: 0;

	padding: 0;

}

#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: #5F0666;

	font-weight: bold;

	margin-bottom: 1em;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

}

.plan-printer {

	display:block;

	text-align: right;

}

.plan-printer img, 

.plan-printer a {

	border: none;

}

.class-plan-googlemap

{

width:260px;

}

.class-size-googlemap

{

height:80px;

width:180px;

}

/*---------------------end good map-------------------------*/

table#color-1

{

width:100%;

border: 1px dotted #006633;

background-color:#CCCCCC;

}

.color-1

{

width:100%;

border: 1px dotted #006633;

background-color:#CCCCCC;

}

table#color-1 th

{

text-align:center;

vertical-align:middle;

padding:3px;

border: 1px dotted #006633;

color:#FFFF00;

font-size:18px;

font-weight:bold;

background-color:#50834a;

}

table#color-1 td

{

text-align: left;

vertical-align:middle;

padding:4px;

border: 1px dotted #006633;

}

table#color-2

{

width:100%;

border: 1px dotted #006633;

background-color:#CCCCCC;

}

table#color-2 th

{

text-align:center;

vertical-align:middle;

padding:3px;

border: 1px dotted #006633;

color:#FFFF00;

font-size:18px;

font-weight:bold;

background-color:#50834a;

}

table#color-2 td

{

text-align: left;

vertical-align:middle;

padding:4px;

border: 1px dotted #006633;

}

table#color-3

{

width:100%;

border: 1px dotted #006633;

background-color:#CCCCCC;

}

table#color-3 th

{

text-align:center;

vertical-align:middle;

padding:3px;

border: 1px dotted #006633;

color:#FFFF00;

font-size:18px;

font-weight:bold;

background-color:#50834a;

}

table#color-3 td

{

text-align: left;

vertical-align:middle;

padding:4px;

border: 1px dotted #006633;

}

table#color-4

{

width:100%;

border: 1px dotted #006633;

background-color:#CCCCCC;

}

table#color-4 th

{

text-align:center;

vertical-align:middle;

padding:3px;

border: 1px dotted #006633;

color:#FFFF00;

font-size:18px;

font-weight:bold;

background-color:#336699;

}

table#color-4 td

{

text-align: left;

vertical-align:middle;

padding:4px;

border: 1px dotted #006633;

}

.class-table-left1

{

width:630px;

float:left;

text-align:center;

}



.class-table-left2

{

width:200px;

height:150px;

float:left;

text-align:center;

padding-right:16px;

}

.class-table-right2

{

width:200px;

height:150px;

float:right;

}

.class-table-center

{

width:200px;

height:150px;

margin:0 auto;

}

.gallery

{

}

.class-iamge-left-terrasses

{

width:200px;

height:150px;

float:left;

padding-right:0px;

}

.class-iamge-right-terrasses

{

width:200px;

height:150px;

float:right;

}

#class-padding-table

{

padding:3px;

}

.margin-center0

{

/*margin-left:150px;*/

font-size:12px;

font-weight:bold;

color: #000033;

text-align:center;

padding-left:180px;

}

.margin-center

{

/*margin-left:150px;*/

font-size:12px;

font-weight:bold;

color: #000033;

text-align:center;

padding-left:160px;

}

/*plan du site*/

#page-plan-du-site{

margin:0 auto; width:929px; 

}

#head-plan-du-site{

background:url(../images/photos/plan-du-site/head-plan-du-site.jpg) no-repeat;

width:929px;

height:291px;

}

#body-plan-du-site{

	background: url(../images/photos/plan-du-site/body-plan-du-site.jpg) no-repeat;

}

#content-plan-du-site{

	padding:5px 329px 0px 60px;

	text-align:justify;
	
	

}

#foot-plan-du-site{

}

/*#plan du site*/

.class-margin-top-h1-intro

{

margin-top:6px;

margin-bottom:5px;

}

.class-margin-text-terrasses

{

margin-left:50px;

}

sup

{

vertical-align:super;

font-size:9px;

}

.color-admin

{

color:#FFCC66;

}

.img-equatoriale{
	margin-left: 70px;
}
.img-boreale{
	margin-left: 30px;
}
.txt-auvant{

text-align:left;

}

/* Validator */
.clearvalidator{ clear:both; height:3px;}
#validator a img { background-color:#7BBCFF; }
#validator a img { filter:alpha(opacity=50); opacity:.5; margin:10px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }