@charset "utf-8";
/* CSS Document */

/* LIENS */

.liens_accueil { float: left; width: 245px; height: 384px; background-image:url(images/accueilcommercial_65.jpg); }
.liens_accueil:hover { float: left; width: 245px; height: 384px; background-image:url(images/accueilcommercial_100.jpg); }

.liens_conseil { float: left; width: 245px; height: 384px; background-image:url(images/conseil_65.jpg); }
.liens_conseil:hover { float: left; width: 245px; height: 384px; background-image:url(images/conseil_100.jpg); }

.liens_travaux { float: left; width: 245px; height: 384px; background-image:url(images/travaux_65.jpg); }
.liens_travaux:hover { float: left; width: 245px; height: 384px; background-image:url(images/travaux_100.jpg); }

.liens_depannage { float: left; width: 245px; height: 384px; background-image:url(images/depannage_65.jpg); }
.liens_depannage:hover { float: left; width: 245px; height: 384px; background-image:url(images/depannage_100.jpg); }


/* STRUCTURE */
body {
margin: 0px;
background-color : #FFFFFF;
background-image: url(images/background-degrade.jpg);
background-repeat: repeat-x;
background-position: top left;
}

h1 {
font: normal 20px Verdana;
margin-top: 22px;
padding-left: 30px;
color: #940018;
background-image: url(images/climmediteranee.gif);
background-repeat: no-repeat;
background-position: left;
}

#soleil {
width: 100%;
margin:0;
padding: 25px 0px 0px 0px;
height: 875px;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#bodyheader {
background-image: url(images/bandeau-motif.gif);
background-position: center;
background-repeat: repeat-x;
margin:0;
padding:0;
width:100%;
height: 158px;
}

#wrapper {
margin: auto;
overflow: hidden;
padding: 0;
width: 1005px;
}

#content-header {
height: 198px;
margin: 0;
padding: 0;
width: 100%;
}

#logo {
float:left;
margin: 0px 0 0 34px;
padding:0;
width:235px;
}

#meteo {
float:right;
padding:0;
width:auto;
position: absolute;
top: 0px;
left: 950px;
}

#environnement {
float:right;
padding:0;
width:auto;
position: absolute;
top: 20px;
left: 700px;
}

/* Naviguation */

#nav {
height:43px;
margin:0;
padding:0;
width:100%;
background-image: url(images/nav-bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}

.dropmenudiv {
font:bold 10px/20px Verdana;
margin-left:29px;
margin-top:-11px;
position:absolute;
visibility:hidden;
width:135px;
z-index:1000;
}

.dropmenudiv a, .dropmenudiv a:visited {
background:url("images/ss-bg.gif") no-repeat scroll left top transparent;
color: white;
display: block;
text-align: center;
font-family:Verdana,"League Gothic","Arial Narrow",sans-serif;
font-size:10px;
font-weight: bold;
height:23px;
margin:0 auto;
text-decoration:none;
padding: 1px 0 0 0;
width:158px;
}

.dropmenudiv a.none {
border-bottom:medium none;
}

* html .dropmenudiv a {
width:100%;
}

.dropmenudiv a:hover {
background:url("images/ss-bg-on.gif") no-repeat scroll left top transparent;
}

#nav-left {
float:left;
height:43px;
margin:0;
padding:0;
width:14px;
background-image: url(images/nav-left.gif);
}

#nav-right {
float:left;
height:43px;
margin:0;
padding:0;
width:14px;
background-image: url(images/nav-right.gif);
}

#nav1 {
float:left;
height:43px;
margin:0px 5px 0px 5px;
padding:0;
width: 175px;
background-image: url(images/nav1.gif);
}

#nav2 {
float:left;
height:43px;
margin:0px 5px 0px 5px;
padding:0;
width: 252px;
background-image: url(images/nav2.gif);
}

#nav3 {
float:left;
height:43px;
margin:0px 10px 0px 6px;
padding:0;
width: 230px;
background-image: url(images/nav3.gif);
}

#nav4 {
float:left;
height:43px;
margin:0px 5px 0px 15px;
padding:0;
width: 111px;
background-image: url(images/nav4.gif);
}

#nav5 {
float:left;
height:43px;
margin:0px 15px 0px 15px;
padding:0;
width: 98px;
background-image: url(images/nav5.gif);
}


/* Bandeau rubrique */

#rub-head {
width: 100%;
height: 89px;
background-image: url(images/background-rub-head.gif);
}

#rub-head-left {
width: 94px;
height: 79px;
float: left;
background-image: url(images/background-rub-left.gif);
}

#rub-head-right {
width: 83px;
height: 79px;
float: left;
background-image: url(images/background-rub-right.gif);
}

#rub-head-quisommesnous {
width: 268px;
height: 79px;
float: left;
background-image: url(images/rub-head-quisommesnous.gif);
}

#rub-head-environnement {
width: 250px;
height: 79px;
float: left;
background-image: url(images/rub-head-environnement.gif);
}

#rub-head-prestationpro {
width: 408px;
height: 79px;
float: left;
background-image: url(images/rub-head-prestationpro.gif);
}

#rub-head-prestationpar {
width: 408px;
height: 79px;
float: left;
background-image: url(images/rub-head-prestationpar.gif);
}

#rub-head-references {
width: 209px;
height: 79px;
float: left;
background-image: url(images/rub-head-references.gif);
}

#rub-head-contact {
width: 216px;
height: 79px;
float: left;
background-image: url(images/rub-head-contact.gif);
}


/* Sous menu */

#ss-menu {
width: 189px;
float: left;
}

#ss-menu-top-qui {
width: 189px;
height: 43px;
background-image: url(images/ss-menu-top-qui.gif);
}

#ss-menu-bottom-qui {
width: 189px;
height: 32px;
background-image: url(images/ss-menu-bottom-qui.gif);
}

#ss-menu-presentation {
width: 189px;
height: 32px;
background-image: url(images/ss-menu-presentation.gif);
}

#ss-menu-presentation-on {
width: 189px;
height: 32px;
background-image: url(images/ss-menu-presentation-on.gif);
}

#ss-menu-engagements {
width: 189px;
height: 33px;
background-image: url(images/ss-menu-engagements.gif);
}

#ss-menu-engagements-on {
width: 189px;
height: 33px;
background-image: url(images/ss-menu-engagements-on.gif);
}

#ss-menu-liens {
width: 189px;
height: 33px;
background-image: url(images/ss-menu-liens.gif);
}

#ss-menu-liens-on {
width: 189px;
height: 33px;
background-image: url(images/ss-menu-liens-on.gif);
}

#ss-menu-top-prest {
width: 210px;
height: 43px;
background-image: url(images/ss-menu-top-prest.gif);
}

#ss-menu-bottom-prest {
width: 210px;
height: 30px;
background-image: url(images/ss-menu-bottom-prest.gif);
}

#ss-menu-accueilcommercial {
width: 210px;
height: 25px;
background-image: url(images/ss-menu-accueilcommercial.gif);
}

#ss-menu-accueilcommercial-on {
width: 210px;
height: 25px;
background-image: url(images/ss-menu-accueilcommercial-on.gif);
}

#ss-menu-conseil {
width: 210px;
height: 48px;
background-image: url(images/ss-menu-conseil.gif);
}

#ss-menu-conseil-on {
width: 210px;
height: 48px;
background-image: url(images/ss-menu-conseil-on.gif);
}

#ss-menu-travaux {
width: 210px;
height: 44px;
background-image: url(images/ss-menu-travaux.gif);
}

#ss-menu-travaux-on {
width: 210px;
height: 44px;
background-image: url(images/ss-menu-travaux-on.gif);
}

#ss-menu-sav {
width: 210px;
height: 49px;
background-image: url(images/ss-menu-sav.gif);
}

#ss-menu-sav-on {
width: 210px;
height: 49px;
background-image: url(images/ss-menu-sav-on.gif);
}


#col-left {
width: 236px;
float: left;
margin: 10px;
}


/* Cadre */

#cadre-contact {
width: 220px;
height: 161px;
float: left;
padding: 80px 20px 0px 20px;
background-image:url(images/contact.gif);
font: bold 10px Verdana;
color: #FFFFFF;
}

#cadre-showroom {
width: 208px;
height: 161px;
float: left;
padding-top: 80px;
background-image:url(images/cadre-showroom.gif);
font: bold 10px Verdana;
color: #FFFFFF;
text-align: center
}

#cadre-accueil {
width:410px;
margin: 0 auto;
}

#cadre-accueil-left {
width: 30px;
height: 130px;
float: left;
background-image:url(images/cadre-accueil-left.gif);
}

#cadre-accueil-bg {
width: 315px;
height: 105px;
padding-top: 15px;
float: left;
font: bold 12px Verdana;
color: #FFFFFF;
text-align:center;
background-image:url(images/cadre-accueil-bg.gif);
}

#cadre-accueil-right {
width: 30px;
height: 130px;
float: left;
background-image:url(images/cadre-accueil-right.gif);
}

#cadre-groupe {
width: 234px;
float: left;
margin: 67px 30px 0px 23px;
}


/* Texte */

.texte-accueil {
font: normal 13px Verdana;
text-indent: 30px;
text-align: justify;
float: left;
width: 570px;
margin: 20px;
}

.texte-accueil li {
	list-style-type: none;
	background-image: url(images/puce_sticker.jpg);
	background-repeat: no-repeat;
	padding: 12px 10px 15px 45px;
	margin: 10px 0px 10px 15px;
	text-indent: 0px;
	font: normal 13px Arial;
}

.texte-prestation {
font: bold 13px Verdana;
width: 500px;
float: left;
margin: 70px 0px 0px 100px;
}

.texte-presentation {
font: normal 11px Verdana;
text-align: justify;
width: 505px;
margin: 24px;
float: left;
}

.texte-accueilcommercial {
font: normal 12px Verdana;
text-align: justify;
width: 505px;
float: left;
margin-top: 65px;
}

.texte-conseil {
font: normal 12px Verdana;
text-align: justify;
width: 700px;
margin: 20px 0px 0px 40px;
float: left;
}


#acces-accueil {
width: 370px;
text-align:center;
float:left;
}

#prestationpro-top {
width: 980px;
height: 220px;
background-image:url(images/prestationpro-top.gif);
}


#prestations {
width: 980px;
height: 407px;
background-image: url(images/prestationpro-bottom.gif);
background-repeat:no-repeat;
background-position: bottom;
}


/* FOOTER */

#foot {
width: 100%;
height: 34px;
margin-bottom: 15px;
}

#footer-left {
width: 15px;
height: 34px;
float: left;
background-image: url(images/footer-left.gif);
}

#footer-right {
width: 15px;
height: 34px;
float: left;
background-image: url(images/footer-right.gif);
}

#footer {
width: 950px;
height: 19px;
padding-top: 15px;
background-image: url(images/footer.gif);
float: left;
font: bold 10px Verdana;
}



.pic {
margin: 0px 10px 0px 10px;
}



#contenu-groupe {
width: 234px;
height: 45px;
font: bold 12px Verdana;
text-align: center;
color: #FFFFFF;
padding: 15px 0px 15px 0px;
background-image: url(images/cadre-groupe-bg.gif);
margin-top: 1px;
}

#bottom-groupe {
width: 234px;
height: 10px;
background-image:url(images/cadre-groupe-bottom.gif);
}

#googlemap {
width: 486px;
float: left;
margin-top: 16px;
font: normal 11px Verdana;
}