/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-1A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Construction (Montage)
----------------------------------------------------------*/
/*
- la largeur par défaut d'un élément est indiquée sous la forme  largeur='valeur'
- les largeurs peuvent êtrent relatives à l'élément qui les contient dans ce cas la largeur est notée : largeur='largeur de X'
- lorsqu'on définie une taille à un élément, il s'aligne automatiquement au centre
*/

body { background-color: #ffffff; }

#page { background: url(../images/fond.jpg) repeat-x top #64c3ff; width:100%; }  /* largeur=largeur de #body=100% */ 

#wrapper { width: 947px; padding:0; background: url(../images/bg.jpg) repeat-y center; margin-left:auto; margin-right:auto; } /* largeur=largeur de #page */

#header { background:url(../images/head.jpg) no-repeat top; height:21px; width:480px; color: #014068; padding:230px 0px 0px 467px; }  /* largeur=largeur de #wrapper */
#header a:link, a:visited, a:active { color:#014068;}
#header a:hover { color:#014068; text-decoration:none; }

#content { padding:10px 60px 10px 60px;  background:url(../images/bgcontenu.jpg) no-repeat top; } /* largeur=largeur de #wrapper */
#content * { color: #014068; } /* couleurs de tous les éléments (textes et bordures) de la zone de contenu */
#content h1 { color: #014068; font-size:1.1em; }
#content h2 { color: #014068; font-size:1.3em; } 
#content h3 { color: #014068; font-size:1.2em; }
#content a:link, a:visited, a:active { color:#014068;}
#content a:hover { color:#014068; text-decoration:none; }

#main { } /* largeur=largeur de #wrapper */

#menu { display:none; } /* largeur=0 */

#nav { } /* largeur=0*/

#extra { } /* largeur=0 */

#footer { font-size: 0.8em; background:url(../images/fond-adresse.jpg) repeat-x top #ffffff; width:100%; }  /* largeur=largeur de #body */
#footer p, a:link, a:visited, ul, li { color: #014068; }
#footer a:hover { color: #014068; text-decoration:none; }

#content a img { border:solid 2px #014068; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#content a:hover img {border:solid 2px #014068; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Lien W3C */
.validator{ clear:both; float:right; }

/* Formulaire de contact */
#frmEnvoi{ width:790px; }
.divformulaire{ width:480px; float:left; padding-right:10px;}
#frmEnvoi textarea{ background-color:#292929;  border-width:thin; }
input .bouton{ background-color:#000000;  border-width:thin; }
.champ{ background-color:#292929;  border-width:thin; }
#code { background-color:#292929;  border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

ol li{
	margin-left:20px;}

/*************************** Classes Element *********************************/

.habill{ text-align:justify; }

/*************************** Fin des classes Element *************************/

/*///////////////////////////// plan ////////////////////////////*/

#loupe {text-align: center; background: transparent url('images/loupe.gif') no-repeat bottom; line-height: 20px; width:220px }

#contenu .b {	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#333}

#contenu .span {color: #9a379b;}

#map { height:95%; border:2px solid #014068; color:#000 }

#map * {  color:#000}

#map a { color:#000}

#content .plan { width:520px; height:480px;  clear:both; margin: 0 auto; padding: 0 0 30px 0;}

#content .plan2 { position:absolute; width:800px; height:600px; top:15px; left:50%; z-index:99999; margin: 0 0 0 -400px}

#content .img { border:none; }

#content .print { float:right; margin:-40px -10px 0 0; position:relative; z-index:10;}

/*///////////////////////////// fait par gregoooo ////////////////////////////*/
/*///////////////////////////// fin plan ////////////////////////////*/

/*	Formulaire de contact
----------------------------------------------------------*/
#formulaire { clear:both; margin:0 auto; padding:0 0 10px; text-align:center; width:450px; }
fieldset { padding:0 10px;border:1px solid #093A5C; /* couleur du fieldset */ }
legend { padding:2px 15px 2px 10px; font: 700 1em Georgia, "Times New Roman", Times, serif; color:#5A442C; /* couleur de la légende */ /*border-left:3px solid #5A442C; barre verticale */}
.margform { margin-bottom:30px; }
.padding_top_20 { padding-top:20px; }

#civilite { text-align:left; margin:7px 0 10px 0; }

.label1, .label2, .label3 { float:left; text-align:right; margin-bottom:5px; }
.label1 { width:74px; }
.label2 { width:90px; }
.label3 { padding-left:24px; width:207px; }
.label_message { width:100%; text-align:center; }

.input1, .input2, .input3 { float:left; }
.input1 { width:141px; }
.input2 { width:106px; }
.input3 { width:182px; }

.textarea { width:394px; height:60px; overflow:auto; clear:both; }

.image_antispam { display:none; }
#question { font-weight:700; text-align:center; width:100%; }
#code { width:150px; }
.divimagecaptchat { margin:0 auto; }

.border, #code, #civilite select, #imgcaptcha { color:#000; border:1px solid #5A442C; background-color:#FFFFFF; /* couleur des champs */ }
/* Effet de pointiers lors de la selection d'un champ input ou textarea */
.border_hover, #code.border_hover { color:#000; border:1px dashed #5A442C; /* couleur des champs selectionnées */ }

.envoyer { width:150px; height:auto; margin-bottom:20px; }

#coordonnees { text-align:center;  /* ajustez le padding right pour centrer les coordonnées par rapport au formulaire */ }
#coordonnees ul { padding-left:0; list-style-type:none; }
#coordonnees h3 { text-align:center; }

/*	Fin du formulaire de contact
----------------------------------------------------------*/

/* Diapo */

.diapo-galerie { float:left; margin:0 2.2em 1em 1em; }
.diapo-galerie img { border:3px solid #005DAA; width:230px; height:173px; }
.galerie-texte { float:left; width:230px; margin:0 2.2em 1em 1em; text-align:center;}

.diapo-galerie1 { float:left; margin:0 2.2em 1em 1em; }
.diapo-galerie1 img { border:3px solid #005DAA; width:230px; height:173px; }
.galerie-texte1 { float:left; width:230px; margin:0 2.2em 1em 1em; text-align:center;}