/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background:url(img/fond-gris-body.jpg) repeat-y center top;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}

#globale{
position:absolute;
background:url(img/fond-banniere.jpg) top center no-repeat;
width:100%;
height:100%;
}

h1{
font-size:1.3em;
color:#5d2263;
padding:0 0 15px 0;
}

h2{
font-size:1.1em;
color:#69aa20;
padding:4px 0 5px 0;
}

.vert{
color:#69aa20;
}

.mauve{
color:#5d235a;
}

a{
text-decoration:none;
color:#1a569e;/*bleu*/
}

#conteneur{
width:980px;
margin:0 auto;
}

#header{
float:left;
width:980px;
height:252px;
background:url(img/fond-header2.jpg) top center no-repeat;
}

#logo{
float:left;
width:183px;
height:110px;
margin:10px 0 0 60px;
}

#slideshow {
position:relative;
width:327px;
height:218px;
margin:16px 0 0 355px;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}


#content{
float:left;
width:960px;
margin:0 10px;
}

/*----------MENU--------*/

#menu-principal{
float:left;
width:960px;
height:84px;
background:url(img/fond-menu.jpg) top no-repeat;
}

#menu-principal ul{
float:right;
margin:0;
padding:0;
}

#menu-principal ul li{
float:left;
list-style-type: none;
margin: 0;
height:84px;
text-align:center;
}

#menu-principal ul li.men1{
width:125px;}

#menu-principal ul li.men2{
width:147px;}

#menu-principal ul li.men2 a{
padding:18px 0 0 0;
height:42px;
}


#menu-principal ul li.men3{
width:149px;}

#menu-principal ul li.men4{
width:160px;}

#menu-principal ul li.men5{
width:164px;}

#menu-principal ul li.men6{
width:92px;}

#menu-principal ul li a{
display: block;
padding:18px 0;
height:48px;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
}
#menu-principal ul li a:hover{
 text-decoration:none;
}

#menu-principal ul li.men1 a:hover{
background:url(img/menu/hover1.jpg) no-repeat;}

#menu-principal ul li.men2 a:hover{
background:url(img/menu/hover2.jpg) no-repeat;}

#menu-principal ul li.men3 a:hover{
background:url(img/menu/hover3.jpg) no-repeat;}

#menu-principal ul li.men4 a:hover{
background:url(img/menu/hover4.jpg) no-repeat;}

#menu-principal ul li.men5 a:hover{
background:url(img/menu/hover5.jpg) no-repeat;}

#menu-principal ul li.men6 a:hover{
background:url(img/menu/hover6.jpg) no-repeat;}


#menu-principal ul li.active1{
background:url(img/menu/hover1.jpg) no-repeat;}

#menu-principal ul li.active2{
background:url(img/menu/hover2.jpg) no-repeat;}

#menu-principal ul li.active3{
background:url(img/menu/hover3.jpg) no-repeat;}

#menu-principal ul li.active4{
background:url(img/menu/hover4.jpg) no-repeat;}

#menu-principal ul li.active5{
background:url(img/menu/hover5.jpg) no-repeat;}

#menu-principal ul li.active6{
background:url(img/menu/hover6.jpg) no-repeat;}



#menu-principal li ul.ss-menu /* Sous-listes */{
position: absolute;
width: 147px;
left: -999em;
z-index:10;
}

#menu-principal li ul.ss-menu li{
width: 147px;
height:30px;
margin:0;
padding:0;
list-style:none;
border-bottom:#68aa20 1px solid;
font-size:0.9em;
}

#menu-principal li ul.ss-menu li a{
width: 147px;
height:30px;
margin:0;
padding:0;
background-color:#8dbc41;
color:#000;
line-height:30px;
font-weight:normal;
}

#menu-principal li ul.ss-menu li.deux{
display:block;
width: 147px;
height:45px;
margin:0;
padding:0;
list-style:none;
background-color:#8dbc41;
border-bottom:#68aa20 1px solid;
}

#menu-principal li ul.ss-menu li.deux a{
width: 128px;
height:45px;
margin:0;
padding-top:5px;
color:#3c7b03;
line-height:18px;
}

#menu-principal li ul.ss-menu li a:hover{
background:none #8dbc41;
color:#fff;
text-decoration: none;
}

/*important ne pas toucher*/

#menu-principal li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
}


/*----------------fin menu------------------*/

#contenu{
float:left;
width:960px;
margin:12px 0 0 0;
padding-bottom:60px;
}

#contenu-img{
float:left;
width:844px;
margin:12px 0 0 0;
padding:0 58px 200px 58px;
}

#contenu-m{
float:left;
width:844px;
margin:12px 0 0 0;
font-size:0.9em;
padding:0 58px 200px 58px;
}

#contenu-img p{
 font-size:0.9em;
 color: #5D2263;
 margin:20px 0 0 0;
}

#left{
float:left;
width:489px;
margin:25px 58px;
font-size:0.9em;
line-height:1.4em;
text-align:justify;
}

#left p{
margin:0 0 15px 0;
}

#left p.ptespace{
margin:0 0 7px 0;
}

#left ul{
margin:5px 0;
}

#left ul li{
margin-left:15px;
padding:0 0 8px 0;
line-height:1.3em;
}

#left ul.fin li{
margin-left:15px;
padding:0 0 4px 0;
line-height:1.3em;
}

#right{
float:right;
width:335px;
height:250px;
margin-right:20px;
}

#ousommesnous{
float:left;
width:335px;
height:265px;
background:url(img/fond-situation.png) top no-repeat;
}

p#situation{
float:left;
width:315px;
padding:10px 10px 9px 10px;
margin-top:28px;
line-height:1.3em;
text-align:right;
color:#FFFFFF;
font-size:0.8em;
}

p#adresse{
float:left;
width:315px;
padding:0 10px;
line-height:1.3em;
text-align:right;
color:#FFFFFF;
font-size:0.8em;
}

p#adresse a{
color:#FFFFFF;
}

.titre-sit{
display:block;
color:#90bd45;
padding-top:2px;
font-weight:bold;
font-size:1.2em;
}

#devis{
float:left;
width:335px;
height:228px;
background:url(img/fond-devis.png) no-repeat;
margin:25px 0 0 0;
}

.btn-rea{
 display:block;
 text-align:center;
  margin:40px 0;
}

.btn-rea a{
 text-align:center;
 border-radius:5px;
 background: #793580;
 color:#fff;
 padding:10px;
}

.btn-rea a:hover{
 opacity:0.7;
}

.btn-devis{
 display:block;
 text-align:center;
  margin:50px 0;

}

.btn-devis a{
 display:inline-block;
 text-align:center;
 border-radius:5px;
 height:34px;
 background:url(img/fd-btn-devis.gif) repeat-x;
 color:#fff;
 padding:0 15px;
 line-height:34px;
}

.btn-devis a:hover{
 opacity:0.7;
}

#txt-devis{
float:right;
margin:45px 30px 0 0;
width:170px;
font-size:1.6em;
font-weight:bold;
color:#640077;
text-align:center;
}

#txt-devis span{
display:block;
margin:10px 0 0 0;
}

#txt-devis span.clic{
display:block;
font-size:0.5em;
text-align:right;
margin:20px 0 0 0;
}

#txt-devis span.clic a{
color:#640077;
}

#txt-devis span.clic a:hover{
color:#fff;
}

a{
}

/*---------pied de page----------*/

#footer{
float:left;
width:960px;
height:65px;
background:url(img/fond-footer.gif) repeat-x;
}

#footer ul{
float:left;
border-right: 1px dotted #fff;
margin:12px 0 0 45px;
padding:0 45px 0 0;
}

#footer ul.ssborder{
border-right:0 none;;
}

#footer ul li{
list-style:none;
font-size:0.7em;
color:#fff;
}

#footer ul li a{
color:#fff;
}

#footer ul.vrclair li{
color:#d3eba7;
}


/*
-------formulaire----------------
*/

.alerte{
color:#753c80;
font-style:italic;
}

#formulaire{
float:left;
display:inline;
width:459px;
border:1px #753c80 solid;
padding:15px;
background:#FFFFFF;
opacity:0.8;
}

#formulaire form{
float:left;
width:459px;
}

.fond-form{
/* Changes on the form */
background:#FFFFFF;
border:thin solid #8dbc41;
margin-left:3px;
}
.left{
/* Changes on the form */
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000 !important;
font-size: 13px !important;
font-weight:normal;
vertical-align:middle;
padding-right:15px;
}

td.left {
height:25px;
vertical-align: top;
}
.pagebreak{
font-family: "Trebuchet MS";
font-size: 11px;
font-weight:bold;
color:black;
}
td.right {
height:25px;
font-size: 13px;
font-weight:normal;
color:#333333;
vertical-align: top;
text-align: left;
}

.head{
font-family: "Trebuchet MS";
font-size: large;
font-weight: bold;
color:#ff5200;
vertical-align: top;
text-align: left;
}
.notvalid{
border:2px red solid;
font-family:"Trebuchet MS";
}
.text{
font-family: "Trebuchet MS";
font-size: 13px;
font-weight:normal;
color:#000;
border:1px #753c80 solid;
background:#e1e1e1;
}

input{
border:1px #753c80 solid;
}

select.other{
font-family: "Trebuchet MS";
font-size: 13px;
font-weight:normal;
color:#000;
border:1px #753c80 solid;
}
.btn{
font-family: "Trebuchet MS";
font-size: 13px;
font-weight:normal;
margin-top:20px;
color:#fff;
cursor:pointer;
background:#5d2364;
}
span.required{
font-size: 13px !important;
color: red !important;
}

.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}