@charset "UTF-8";
/* CSS Document VAUGEOIS*/

/* BALISES
--------------------------------------------- */
img{ border:none;}
body{ 
font-family:verdana, arial, Helvetica, sans-serif, Tahoma;
background-color:#FFFFFF;
color:#686868;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12px;
margin:0;
padding:0;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}

a{
text-decoration:none;
}

h1{
text-transform:uppercase;
margin:0 0 10px 0;
font-weight:normal;
color:#4369b7;
font-size:24px;
width:626px;
height:28px;
float:right;
text-align:left;
background:transparent url(../image/h1.png) no-repeat top left;
}

h2{
margin:0;
font-size:16px;
color:#FFFFFF;
width:250px;
height:26px;
padding:8px 0 0 10px; 
background:transparent url(../image/titre_widget.jpg) no-repeat bottom left;
}

p{
padding:0px;
margin:0px;
text-align:justify;
}

input{
background:none;
}

fieldset, input, textarea, hr{
border:none;
padding:0;
}

fieldset{
float:left;
}

form{
margin:0;
padding:0;
}

.clear{
clear:both;
}

.fl{
float:left;
}

.fr{
float:right;
}

.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}

.ml30{
margin-left:30px;
}


.mt15{
margin-top:15px;
}

.mb10{
margin-bottom:10px;
}

.mr10{
margin-right:10px;
}

.mr15{
margin-right:15px;
}

.mr100{
margin-right:100px;
}

.mr30{
margin-right:30px;
}

.ml20{
margin-left:20px;
_margin-left:10px;
}

.ml80{
margin-left:80px;
_margin-left:40px;
}

.ml100{
margin-left:100px;
}

.width400{
width:400px;
}

.width630{
width:630px;
}

.txt_18orange, .news_liste span, .txt_16orange, .txt_14orange{
color:#ff9201;
margin-top:10px;
margin-bottom:10px;
width:100%;
}

.txt_14orange{
font-size:14px;
display:block;
margin-bottom:5px;
}

.txt_18orange{
font-size:18px;
float:left;
_width:90%;
}

.txt16bleu, .txt14bleu, .txt18bleu{
color:#4369b7;
float:left;
font-weight:bold;
}

.txt14bleu{
font-size:14px;
}

.txt16bleu{
font-size:16px;
}

.txt18bleu{
font-size:18px;
}

.txt_header{
width:570px;
position:relative;
top:40px;
_top:10px;
left:80px;
float:left;
}

.photo_photovoltaique{
margin:10px 0 0 100px;
float:left;
}

#header{
background:transparent url(../image/fond_header.png) no-repeat top left;
float:left;
width:902px;
height:188px;
position:relative;
margin:0 0 20px 0;
}

#logo{
float:left;
margin-top:40px;
width:255px;
height:70px;
}

#eolienne{
position:absolute;
_top:0px;
_left:0px;
top:0;
z-index:20px;
left:200px;
width:177px;
height:148px;
}

#mp3{
position:absolute;
_top:0px;
_left:0px;
top:10px;
left:820px;
width:60px;
height:20px;
z-index:20px;
}

#conteneur{
background-color:#FFFFFF;
margin:0 auto 10px auto;
width:903px;
height:auto;
padding:5px 0 0 0;
position:relative;
}

#phrase_commercial{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:348px;
height:26px;
position:absolute;
_position:relative;
top:114px;
right:1px;
_left:270px;
padding:8px 10px 0 15px;
background:transparent url(../image/fond_phrasecom.png) no-repeat top left;
}


/* MENU
--------------------------------------------- */
#menu{
font-size:12px;
font-weight:bold;
margin:38px 0 0 10px;
_margin:36px 0 0 5px;
float:left;
width:750px;
height:33px;
}

#menu ul {
margin:0 40px 0 10px;
}

#menu ul li{
color:#413527;
margin-left:5px;
float:left;
text-align:center;
}

#menu ul li a{
color:#FFFFFF;
font-weight:bold;
}

#menu ul li a:hover{
color:#ff9201;
}

#menu ul li a.actif{
color:#ff9201;
}

#menu ul li span.start{
width:12px;
height:33px;
display:block;
float:left;
background:transparent url(../image/gauchemenu.png) no-repeat top left;
}

#menu ul li span.middle{
width:auto;
height:23px;
display:block;
float:left;
padding:10px 10px 0 0;
background:transparent url(../image/droitemenu.png) no-repeat top right;
}


/* DIV DROITE
--------------------------------------------- */

#droite{
width:632px;
margin:0;
float:right;
margin-left:10px;
_margin-left:0;
}

.lettre_icone{
background:transparent url(../image/lettre.png) no-repeat center right;
padding:10px 40px 0 5px;
width:150px;
height:24px;
display:block;
}

.camion{
margin:5px 0 5px 80px;
float:left;
}

.b_acces{
margin-left:70px;
float:left;
}

.liste_accueil{
float:left;
width:370px;
height:150px;
}

.liste_accueil li{
float:left;
width:170px;
color:#4369b7;
margin:0 15px 5px 0;
}

.liste_accueil li span{
color:#686868;
font-weight:bold;
}

.border_bottom{
float:left;
width:632px;
padding-bottom:20px;
background:transparent url(../image/border.gif) no-repeat bottom left;
}

.bleuclaire{
background-color:#bde1f9;
padding:10px;
float:left;
}

.news_liste{
float:left;
width:100%;
margin-top:10px;
position:relative;
}

.news_liste p{
width:100%;
}

.news_liste span{
font-size:12px;
font-weight:bold;
float:left;
width:100%;
padding-bottom:5px;
border-bottom:1px solid #E8E8E8;
}

/* DIV GAUCHE
--------------------------------------------- */
#gauche{
height:100%;
width:260px;
float:left;
}

#actu_mdm{
width:260px;
height:211px;
margin:10px 0 10px 0;
float:left;
overflow:hidden;
}

.txt_imgactu{
background-color:#4369b7;
color:#FFFFFF;
height:180px;
}

.txt_imgactu, .fond_map{
float:left;
width:259px;
padding-bottom:5px;
}

.fond_map{
background:#4369b7 url(../image/fond_map.gif) no-repeat bottom left;
}

#actu_mdm p{
margin-top:5px;
color:#FFFFFF;
float:left;
width:250px;
margin-right:10px;
}

#actu_mdm p img{
float:left;
margin:0 5px;
border:2px solid #254d9d;
}

#actu_mdm span{
float:right;
padding-left:20px;
background:transparent url(../image/fleche.jpg) no-repeat top left;
}

#coordonnees{
margin:10px 0 0 0;
width:260px;
float:left;
}

#coordonnees p{
text-align:justify;
color:#FFFFFF;
float:left;
width:230px;
padding:10px 0 0 5px;
}

#coordonnees a{
font-size:14px;
color:#FFFFFF;
}

#coordonnees a:hover{
text-decoration:underline;
}

.logo_partenaire{
margin-top:10px;
float:left;
}

.logo_partenaire li{
float:left;
margin-bottom:10px;
}

/* BASE DE DONNEE
--------------------------------------------- */



/* PAGE CONTACT
--------------------------------------------- */
#formulaire{
width:310px;
height:auto;
margin:20px 0 0 0;
float:left;
}

.inputtext, #textarea{
overflow:hidden;
margin-bottom:10px;
}

.inputtext{
height:25px;
width:306px;
border:1px solid #FFFFFF;
background-color:#4369B7;
}

.inputtext label{
}

.inputtext label, .textarea label{
padding:5px 0 0 10px;
width:90px;
display:block;
float:left;
color:#FFFFFF;
overflow:hidden;
border-right:1px solid #FFFFFF;
}

.inputtext input{
width:195px;
height:20px;
padding:4px 0 0 5px;
font-family: Arial, verdana, Helvetica, sans-serif;
float:left;
color:#FFFFFF;
}

.textarea{
border:1px solid #E8E8E8;
background-color:#4369B7;
margin-top:10px;
width:307px;
height:177px;
}

.textarea textarea{
width:300px;
background:none;
height:116px;
padding:10px 3px 0 3px;
color:#FFFFFF;
}

.textarea label{
height:17px;
margin:0;
}

.inputfile{
width:229px;
float:left;
height:22px;
margin:10px 0 0 84px;
}

.btenvoie{
clear:both;
display:block;
float:left;
width:156px;
height:17px;
}



/* FOOTER
--------------------------------------------- */
#footer{
background:#486ebc url(../image/fond_footer.gif) no-repeat bottom left;
margin:10px auto;
width:892px;
height:auto;
padding:5px;
position:relative;
clear:both;
border-top:5px solid #ff9201;
}

#footer p{
color:#FFFFFF;
margin-bottom:5px;
font-size:11px;
}

#footer p a{
color:#FFFFFF;
}

#footer p a:hover{
color:#ff9201;
}


/* DIAPORAMA JQUERY
--------------------------------------------- */
#diapo {
    position:relative;
    height:265px;
}

#diapo DIV {
    position:absolute;
	float:left;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:265px;
    height:265px;
}

#diapo DIV.active {
    z-index:10;
    opacity:1.0;
}

#diapo DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 186px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/* AJAX TABS VAUGEOIS
--------------------------------------------- */
.tabs_vaugeois{
width:631px;
float:left;
background-color:#fb9001;
}

.tabs_vaugeois li{
float:left;
width:auto;
height:30px;
line-height:30px;
display:block;
border-left:1px solid #fb9a18;
border-right:1px solid #e78501;
}

.tabs_vaugeois li a{
color:#FFFFFF;
height:30px;
display:block;
float:left;
padding:0 5px;
}

.tabs_vaugeois li a:hover{
background-color:#4369B7;
display:block;
height:100%;
width:auto;
}

.tabs_vaugeois li a.selected{
color:#FFFFFF;
display:block;
background-color:#4369B7;
}

#electricite_general{
padding-right:10px;
padding-bottom:10px;
}

.Photovoltaiquep400{
float:left;
margin-bottom:5px;
width:400px;
}

#Photovoltaique, #kits_solaires, #engagements, #partenaires, #chauffage_plomberie, #contrats_entretien, #partenaires_plomberie_chauffage, #electricite_general{
margin-top:10px;
float:left;
}



#partenaires, #contrats_entretien, #partenaires_plomberie_chauffage, #kits_solaires {
width:620px;
padding-right:10px;
}

#contrats_entretien a{
color:#4369B7;
}

#contrats_entretien a:hover{
color:#FF9201;
}

.partenaires_gauche{
float:left;
margin:10px 0 0 60px;
_margin:10px 0 0 30px;

}

.partenaires li, .partenaires_gauche li{
float:left;
}

.partenaires li{
margin:0 5px 5px 0;
}

.partenaires li a, .partenaires_gauche li a{
display:block;
padding:5px;
border:1px solid #E8E8E8;
}

.partenaires li a:hover, .partenaires_gauche li a:hover{
border:1px solid #004890;
}

.hab_ter_com{
margin:0 0 10px 100px;
}