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

@import url(default.css);


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


/* 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: url(../images/fond.jpg) repeat-x top; background-color: #8D95A2; }

a:hover { text-decoration:none}

hr { clear:both}

#page { width: 968px;background: transparent  url('../images/fond-contenu.jpg') repeat-y; margin: 0 auto }  /* largeur=largeur de #body=100% */

#wrapper { padding:0; background: url(../images/bg.jpg) repeat-y center; } /* largeur=largeur de #page */

#wrapperplan { padding-top:10px; background: url(../images/bg.jpg) repeat-y center; } /* largeur=largeur de #page */

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

#content { padding:0px 80px 10px 80px; } /* largeur=largeur de #wrapper */

#contentplan { padding:0px 80px 0px 80px; } /* largeur=largeur de #wrapper */

#content h2 { color: #FFFFFF; text-align:center; font-size:1.5em; }

#content h3 {  padding-left:15px; background:url(../images/fleche.jpg) no-repeat left; color: #26235A; font-size:1.3em; margin:0 0 15px 0 }

#content a:hover { color:#FFFFFF; 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-color: none; clear:both; float:none; }  /* largeur=largeur de #body */

#footer p, a:link, a:visited, ul, li { color: #FFFFFF; }

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

/* Menu CSS*/	
#menuTop { width:953px; padding-top:7px; padding-left:15px; height:23px; z-index:10; color:#FFFFFF; background-image:url(../images/fond-menu.jpg); font-family:Arial, Helvetica, sans-serif; }

#menuTop a { text-decoration:none; padding:0px; margin:0 5px 0 5px; color:#FFFFFF; font-size:14px; font-weight:bold; letter-spacing:2px; }

#menuTop a.hover { color:#FFFFFF; font-size:14px; letter-spacing:2px; }

#menuTop span { display:none; }

#menubas { text-align:center; color:#fff; font: normal 9px Verdana, Arial, Helvetica, sans-serif; width:660px; margin: 0 auto}

#yzeo { text-align:center;  color:#fff; font: normal 9px Verdana, Arial, Helvetica, sans-serif}

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

/* Intégration */

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

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

.pleineLargeur { width:100%; }

.centerImage { text-align: center; }

.broderTable { border-width:1px; border-style:solid; border-color:#ffffff; }

.colone { width:240px; margin:10px; float:left; }

.colone p { line-height:normal; }

.colone h3 { margin-top:10px; }

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

/* Page d'intro */
.bodyIntro * { color: #FBF9EC; } /* couleurs de tous les éléments (textes et bordures) de la page index.html */

.bodyIntro a:link, a:visited { color: #FBF9EC; }

.bodyIntro a:hover { color: #FBF9EC; text-decoration:none; }

.h1intro { padding-top:5px; font-size:12px; height:15px; }

/* Formulaire de contact */
#frmEnvoi { width:470px; }

#frmEnvoi input, textarea { background-color:transparent; border-width:thin; }

#frmEnvoi .field { text-align:right; margin-top:10px; }

/* Menu déroulant */

#menuderoulant ul.sf-menu li ul { padding:0.3em 0 0 0; background:#EB4014}

#menuderoulant ul.sf-menu li { border-left: 1px solid #fff; white-space:normal;  padding:0; margin:0}

#menuderoulant ul.sf-menu a { white-space:nowrap;   padding:0 10px; margin:0}

#menuderoulant ul.sf-menu a:hover { color:#EB4014; background:#fff}

#menuderoulant ul.sf-menu li li { border: none; padding:0 0 3px 0px; text-indent:1em}

#menuderoulant ul.sf-menu li li a { font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; }


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

form { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

form * { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif }

form a, form label { color: #fff; }

form option { background:none; border:none }

form .fieldset { padding:10px; border:1px solid #fff; border-bottom:3px solid #fff; margin: 0 0 1em 0 }

form .legend { padding:2px 10px 2px 10px; text-transform:uppercase; color: #fff; font: italic bold 11px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #fff }

form .label { width: 98px; float: left; text-align: right; margin:0 0 2px 0; padding: 0 2px 0 0 }

form .label2 { width: 203px; float: left; text-align: right; }

form .input { width:96px; height:13px; float:left;  }

form .input2 { width:191px; height:13px; float:left; }

form .textarea { width:394px; height:60px; overflow: auto; clear:both; background: #fff; border: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: #fff; border: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .select { width:98px; height:18px; float:left; color:#000; background:#fff; border: 1px solid #000; }

form .select_hover { width:98px; height:18px; float:left; background:#fff; border: 1px solid #000; }

form .captchat { text-align:center; color:#000 }

form .captchat div { padding: 0 0 5px 0; }

form .texte_antispam { }

form .image_antispam { display:none }

form #code { width:150px; }

form .divimagecaptchat { margin: 0 auto }

form .border, #code, #imgcaptcha { background: #fff; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .border_hover { background: #fff; border:none; border-bottom: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000 }

form .separation { padding:0 0 6px 0; clear:both }

form .separation div { border-bottom: 1px dashed #fff; padding:5px 0 0 0; }

form .div_form { clear:both; padding: 0 0 5px 0; min-height:20px; _height:20px; color:#fff }

form .divtexte { clear:both; padding:5px 0 0 0; min-height:20px; _height:20px;color: #fff; }

form .moitite { float:left; width:50% }

form #question { font-weight:bold }

#formContact input , #formContact textarea , #formContact select, #formContact option { color:#000}

/*/////////////////////////// fin general //////////////////////////////////*/

/*/////////////////////////////////////////////// formulaire de contact //////////////////////////////////////////////////////////////////*/

#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }

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


/*///////////////////////////////////////////////  galerie photo //////////////////////////////////////////////////////////////////*/	

#galerie { width:100%; clear:both; float:none; }

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

#galerie a:hover img { border:1px solid #CC3300; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.autourgalerie { width:404px; float:left }

.imggalerie { float:left; width:160px; padding:10px 20px 10px 0; }

.imggalerie img { float:right;  }

.textegalerie { float:left; padding:10px 0; width:202px }

.imggalerie2 { width:33%; padding:10px 0; text-align:center; float:left; }

#desc_gal { clear:both; float:none; color:#fff; text-align:justify}

/*/////////////////////////////////////////////// fin galerie photo //////////////////////////////////////////////////////////////////*/

.borderRight { border-right:1px solid #fff}