/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; background:#f0f0f0; word-wrap:break-word; margin:0; padding:0;}

#header {background:#5b8135; color:#455c5a;}

#leftcol {float:left; width:180px; padding:10px; background:#c9b472; color:#455c5a;}

.tabs {list-style:none; padding:0 0 0 0; margin:10px 0 30px 0; width:190px; background:url(tabs/vback.gif) repeat-y right bottom;}

*html .tabs {list-style:none; padding:0 0 0 0; margin:20px -10px 30px 0; width:180px; background:url(tabs/vback.gif) repeat-y right bottom;}

.tabs li {display:block; margin:0 0 4px -1px; text-align:center;}

.tabs li a {display:block; width:190px; height:26px; text-decoration:none; background:url(tabs/vtab2.gif) left top; font-size:12px; text-decoration:none; color:#fff; font-family:verdana; line-height:24px; text-indent:2px; border-right:1px solid #000;}

.tabs li a:hover {background:url(tabs/vtab2.gif) left center; color:#050; border-color:#888;}
.tabs li a.selected, .tabs li a.selected:hover {background:url(tabs/vtab2.gif) left bottom; color:#000; border-color:#ccc;cursor:default;}



#rightcol {float:right; width:180px; padding:10px; background:#c9b472; color:#455c5a;}

.spacer {
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
margin-top:0px;
clear:both;
height:5px;
width:100%;
display:block;
}


.spacerie {
padding-bottom:0px;
padding-top:0px;
margin-bottom:0px;
margin-top:0px;
clear:both;
height:25px;
width:100%;
display:block;
}

* html .spacerie {
margin-top:-5px;
margin-bottom:-5px;
height:5px;
padding-top:-5px;
}
.module {
position:relative;
margin-right:auto;
margin-left:auto;
width:175px;
height:170px;
margin-top:10px;
margin-bottom:auto;
}

*html .module {
margin-top:20px;
}

.entetemodule {
vertical-align:middle;
float:left;
margin-right:auto;
margin-left:auto;
width:175px;
height:26px;
margin-top:0;
margin-bottom:auto;
background-image:url(images/entetemodule.gif)
}

.entetemodule h1 {
vertical-align:middle;
margin-top:0;
line-height:26px;
height:26px;
padding:0;
color:#efefef;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

*html .entetemodule h1 {
margin-bottom:0px;
}


.contentmodule {
vertical-align:middle;
float:left;
margin-right:auto;
margin-left:auto;
width:175px;
height:auto;
margin-top:0;
margin-bottom:auto;
background-color:#ffffff;
text-align:center;
line-height:normal;
}

.contentmodule td {
text-align:center;
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:normal;

}
.contentmodule p {
margin-top:5px;
margin-bottom:5px;
font-size:12px;
padding:0;
}

.contentmodule a {
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.contentmodule a:hover {
color:#000000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.piedmodule {
float:left;
margin-right:auto;
margin-left:auto;
width:175px;
height:26px;
margin-top:0;
margin-bottom:auto;
background-image:url(images/piedmodule.gif)
}

#ZONE { color:#ffffff;font-size:13px;font-family:Verdana;}
#AFF  { color:#c0c0c0;font-size:13px;font-family:Verdana;}
/*<!-- Le Style pour le bandeau du Message -->*/
.MSG  { color:#000000;font-size:13px;font-family:Verdana;text-align:center;}


#midcol {background:#ffffff; margin:10px 210px; color:#000000;}

#midcol td { color:#000000; font-size:12px;}

#midcol td a{ text-decoration:none; color:#000000; font-weight: bold; }

#midcol td h4{line-height:16px; padding:0; margin-top:0; height:12px; text-align:left; margin-bottom:10px;}

.textcontent {
margin-top:10px;
margin-right:auto;
margin-left:auto;
width:100%;
height:auto;
text-align:justify;
padding-top:0;
padding-bottom:20px;
margin-bottom:20px;
}


.textcontent ul{
margin-top:2px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

.textcontent a{
color:#000000;
}

.mapcontact {
margin-top:20px;
float:left;
width:50%;
height:auto;

}

.textcontact {
margin-top:20px;
margin-right:0;
padding-right:0px;
float:right;
width:50%;
height:auto;
font-size:18px;
font-style:italic;
font-weight:500;
text-align:justify;
padding-top:0;
padding-bottom:0;
}

*html .textcontact {
w\idth:50%;
width:45%;
}

.textcontact p{
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
width:100%; 
}

.textcontact ul{
list-style-type:none;
list-style-position:inside;
margin-left:0;
padding-left:0;
margin-top:0;
padding-top:0;
}

.textcontact ul li h4{
margin:0;
padding:0;
}


.textcontact ul h2{
font-size:30px;
line-height:32px;
padding-bottom:0px;
margin-bottom:5px;}

.formulaire {
width:70%;
text-align:right;
}

.textmentions {
margin-top:0px;
margin-right:0;
padding-right:0px;
float:right;
width:90%;
height:auto;
font-size:12px;
font-style:italic;
font-weight:500;
text-align:justify;
padding-top:0;
padding-bottom:0;
}

.textmentions p{
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
width:100%; 
}

.textmentions ul{
list-style-type:none;
list-style-position:inside;
margin-left:0;
padding-left:0;
}

.textmentions ul li{
padding-bottom:0;
padding-bottom:0;
margin:0;
}

.textmentions ul li a{
color:#000000;
}

.textmentions ul h4{
font-size:16px;
line-height:18px;
padding-bottom:0px;
margin-bottom:2px;
margin-top:8px;}.photos {
float:left;
width:100%;
height:auto;
margin-top:10px;
margin-bottom:10px;
}


#leftcol, #midcol, #rightcol {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden; background:#ffffff;}


#footer {clear:both; background:#5b8135; color:#455c5a; text-align:center; height:auto;}

.content {padding:10px;}
h1 {font-size:60px; margin:0; padding:10px 0; color:#fff; text-align:center; text-transform:uppercase; font-weight:bold;}
h2 {font-size:30px; line-height:1.5em; margin:0; padding:5px 0; text-align:center; color:#fff; }
h3 {font-size:20px; margin:20px 20px; padding:8px 0; text-align:center;}
h4 {font-size:16px; }

#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

.backmenubas {
float:left;
background-color:0;
height:15px;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}


.menub {
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
height:15px;
background:none;
font-family:Arial, Helvetica, sans-serif;
}

.menub ul{
list-style-type:none;
padding:0;
margin:0 0 0 0px;
width:100%;
height:100%;
background:0;
margin:0 0 0 20px;
}

.menub li{
float:left;
background:0;
}

.menub a {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.titremenub {
border-right: solid 1px #02391c;
}

.finmenub{
border:0;
}

.menub a:hover {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.menub a:active {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.menub a:visited {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

#footer .content .webdesigner {
margin-top:20px;
margin-bottom:2px;
float:right;
margin-right:0;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
background:inherit;
}

#footer .content .webdesigner a {
color:#ffffff;
}

#footer .content .visits {
float:right;
margin-left:auto;
margin-right:auto;
width:auto;
height:auto;
}

