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

/* Hacks ----

!important;			Ignorer par IE6 et moins, si une autre declaration apres
!important!;		Ignorer par IE7 et moins, si une autre declaration apres
_					IE6 et moins
-					IE6 et moins
*					IE7 et moins
>					IE7 seulement

----fin hacks */


/*****************/
/* Index */
/*****************/

body{ font-family:Arial, Helvetica, sans-serif; margin: 0px; background-image: url(../img/top-head-blue.jpg); background-repeat: repeat-x; background-color:#FFFFFF; }
 
#wrap{ text-align: left; margin: 0px auto; padding: 0px; border:0; width: 961px;}

#entete{ margin: 0 0 0 0;}

#container{ clear:both; background-image:url(../img/back-cont.jpg); background-repeat:repeat-y; height:auto; }

#menu-g { float: left; width: 319px; height:auto;}

#contenu { background-color:#FFFFFF; float: left; width: 600px; padding:4px; height:auto;}

.clear2 { clear: both; }

/*****************/
/* Entete */
/*****************/

#entete-g{ float:left; width:319px; height: 326px;}

#entete-d{ float:right; position:relative; width:642px; height:326px; background-image:url(../img/back-head-blue.jpg); background-repeat:no-repeat; }

#logo {}

/* Menu en haut a gauche */
#accu { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_accueil.jpg) no-repeat 0 0; }
#accu:hover { background-position: 0 -31px; _background-position: 0 -30px; >background-position: 0 -30px;}
#accu span { display: none; }

#accu_on { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_accueil.jpg) no-repeat 0 -31px;}
#accu_on span { display: none; }

#serv { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_services.jpg) no-repeat 0 0; }
#serv:hover { background-position: 0 -31px;}
#serv span { display: none; }

#serv_on { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_services.jpg) no-repeat 0 -31px;}
#serv_on span { display: none; }

#chau { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_chauffe.jpg) no-repeat 0 0; }
#chau:hover { background-position: 0 -31px; }
#chau span { display: none; }

#chau_on { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_chauffe.jpg) no-repeat 0 -31px;}
#chau_on span { display: none; }

#entr { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_entreprise.jpg) no-repeat 0 0; }
#entr:hover { background-position: 0 -31px; }
#entr span { display: none; }

#entr_on { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_entreprise.jpg) no-repeat 0 -31px;}
#entr_on span { display: none; }

#cont { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_contact.jpg) no-repeat 0 0; }
#cont:hover { background-position: 0 -31px; }
#cont span { display: none; }

#cont_on { display: block; width: 291px; height: 31px; _height: 30px; >height: 30px; margin-left:27px; background: url(../img/menu_contact.jpg) no-repeat 0 -31px;}
#cont_on span { display: none; }

#bot_menu {display:block; background:url(../img/bottom_menu-blue.jpg); background-position: 0 -6px; _background-position: 0 -4px; >background-position: 0 -4px; margin-left:27px; width:291px; height:84px; _height:85px;}
#bot_menu span{display:none;}
/*fin menu en haut a gauche */


/* Menu en haut a droite */
#plan { position:relative; top:5px; left:385px; font-size:12px; width: 350px;  }

#accueil { color:#8a8c8e; text-decoration:none;}
#accueil:hover { text-decoration:underline; }

#plan_site { color:#8a8c8e; text-decoration:none;}
#plan_site:hover { text-decoration:underline; }

#english { color:#8a8c8e; text-decoration:none;}
#english:hover { text-decoration:underline; }

#tel { position:absolute; bottom:5px; left:15px; }

#tel a { display:block; width:275px; height:23px; text-decoration:none; color:#e9e9e9; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#tel a:hover { text-decoration:underline; }
/* Fin menu en haut a droite */

/*****************/
/* Cote gauche */
/*****************/

.item { margin-left:37px; width: 250px;}
.itemimg { float:left; margin-right:10px; padding-bottom:10px;}
.itemtitle { padding:5px; font-size:15px; line-height: 15px; color:#808285; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.itemtitle2 { padding:10px; font-size:18px; color:#808285; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.itemtitle3 { padding:25px 10px 0 0; font-size:24px; color:#808285; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 40px;}
.itemtexte { clear:both; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.itemtexte2 { clear:both; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-right: 5px;}
.itemtexte3 { clear:both; font-size:16px; _font-size:17px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

.itemlink { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#808285; text-decoration:none;}
.itemlink:hover { text-decoration:underline;}

.hori_bar {background-image:url(../img/hori_bar.jpg); background-repeat:repeat-x; width: 290px; margin-bottom:5px; margin-top:15px;}

/*****************/
/* Contenu */
/*****************/

#col { float: right; padding:40px; padding-bottom: 20px; font-size: 14px;}

#colg { float: left; padding:40px; padding-bottom: 20px; font-size: 14px;}
#cold { float: left; padding:40px 15px 20px; font-size: 14px;}

.plan_lien { color:#000000; text-decoration:underline;}
.plan_lien:hover { text-decoration:none;}

#col_g { float: left; padding-left: 40px; width:225px; padding-bottom: 20px; padding-top: 20px; }
#col_d { float: right; padding-right: 40px; width:225px; padding-bottom: 20px; padding-top: 20px; }

.main_text { color:#000000; font-size:14px; line-height:15px; text-align:justify; }

.soustitre { color:#808285; font-size:18px; line-height:20px; text-decoration:none;}
.soustitre:hover {text-decoration:underline;}

.soustitre2 { color:#000000; font-size:14px; font-weight:bold; }

.soustitre3 { color:#ed1d24; font-size: 18px;}

.soustitre4 { color:#034c8b; font-size: 18px;}

#gaz_box1 { font-size:13px; background:url(../img/gaz-back1.jpg); background-repeat:repeat-y; padding-left:20px; padding-top: 10px;}

#gaz_box2 { font-size:13px; background:url(../img/gaz-back2.jpg); background-repeat:repeat-y; padding-left:20px; padding-top: 10px;}

li {margin-left: 15px; _margin-left: 0px; >margin-left: 0px;}
/*****************/
/* Foot */
/*****************/

#footmenu { background-color:#c7bfbb; font-size:11px; padding:15px; text-align:center; margin-bottom: 10px; }

#footmenu a{ color:#000000; text-decoration:none; }
#footmenu a:hover{ text-decoration:underline; }

#foot1 { float: left; padding-left:30px; font-size:11px;}
#foot2 { float: right; padding-right:30px; font-size:11px; _line-height:20px; >line-height:20px;}
#foot3 { float: right; padding-right:30px; font-size:11px;}

#foot2 a{ color:#000000; text-decoration:none;}
#foot2 a:hover{ color:#000000; text-decoration:underline;}

/*****************/
/* General */
/*****************/

img { border: 0;} 
h1, h2, h3 { font-size:14px; font-weight:bold; }