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

@import url(default.css);


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

@import url(layout/layout-2A.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);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background:url(../images/fond.jpg) repeat-x top; background-color:#000000; }

#page { width: 950px; }

#header { height:204px;}

#wrapper { background-image: url(../images/bg.jpg); }

#top{ }

#content { padding:30px 60px 0px 60px; width:572px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left; text-align:justify; }
#content * { color: #e36c0a; font-weight:bold; font-size:11px; }
#content h2 { font-size:1.4em; }
#content h1 { font-size:12px; line-height:20px;color: #5a8403; }
#content h3 { font-size:1.1em; color:#5a8403; line-height:20px;}
#content h4 { font-size:12px; color:#990000; line-height:20px;}
#content a { color:#5a8403; }
#content a:hover { color:#5a8403; text-decoration:none; }


#contentPlan { padding:30px 60px 0px 60px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top; text-align:justify; }
#contentPlan * { color: #e36c0a; }
#contentPlan h2 { font-size:1.4em; }
#contentPlan h1 { font-size:12px; line-height:20px;color: #5a8403; }
#contentPlan h3 { font-size:1.1em; color:#5a8403; line-height:20px;}
#contentPlan h4 { font-size:12px; color:#990000; line-height:20px;}
#contentPlan a { color:#5a8403; }
#contentPlan a:hover { color:#5a8403; text-decoration:none; }

#main { width:692px; }
#mainPlan { width:950px; }
#menu { }
#nav { }
#extra { }

#footer { font-size: 0.8em;}
#footer * { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration:none; }

.validator{ clear:both; float:center; }

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

/* Page d'intro */
.bodyIntro {color:#FFFFFF;}
.bodyIntro p, a:link{ color: #FFFFFF; }
.bodyIntro a:visited{color:#FFFFFF;}
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.h1intro {font-size:12px; height:15px; margin-bottom:-30px; top:420px; width:100%; position:relative;}

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }


.fix{
width:700px;
margin:0 auto;
}

.diapoacc{
margin-left:20px;
}

.list{
vertical-align:middle;
padding-right:7px;
padding-left:20px;
float:left;}

.list1{
vertical-align:middle;
float:left;
padding-right:7px;
padding-left:20px;
padding-bottom:20px;
}
.list2{
vertical-align:middle;
float:left;
padding-right:7px;
padding-left:20px;
padding-bottom:30px;
}

.list3{
vertical-align:middle;
padding-right:7px;
float:left;}
.list4{
vertical-align:middle;
padding-right:7px;
padding-bottom:20px;
float:left;}

/*======================================================================================> Mentions lgales*/
#infoclient {  margin-bottom:1.7em; }
#hebergeur { margin-bottom:1.5em; float:right;}

/************ Tableau permanence téléphonique **********************/
.tab { width:600px; padding:5px; margin:0px auto; border:1px solid #000 }
.tab td {  padding:5px; }
#content .secret { color:#5a8403; text-align:center }