/* *************** */
/* CSS DU SITE 20° */
/* *************** */

/* definition de balise / class générales */
body { margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;  outline:none; font-family:Arial, Helvetica, sans-serif;}
div { display:block; }
img { border:0; }
a:link, a:visited { text-decoration:none;}
a:hover, a:active { text-decoration:underline;}
.float { float:left; }
h1, h2, h2, h4 {margin:0;}
p {margin: 0;}
form {margin:0px;}
/* CSS generaux */
#vingtDegres { width:886px;  padding:0px 39px 0px 40px;margin-left:auto; margin-right:auto;}
#contenu { width:886px; text-align:left; display:table; clear:both; }

/* css Header  / Footer */
#header {  width:886px; height:194px; background:url(../img/back_header.jpg);  }
#header #logo a { width:317px; height:115px; display:block; position:relative; top:6px; left:12px; }
#header #menu { height:38px; margin: 41px 0px 0px 0px;}
#header #menu a { display:block; float:left; height:20px; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:18px;}
#header #menu a:hover {text-decoration:none; color:#FFaa00;}
#header #menu a#menuAccueil { background:url(../img/menu-accueil.png); width:109px; }
#header #menu a#menuProjet { background:url(../img/menu-projet.png); width:112px; }
#header #menu a#menuServices { background:url(../img/menu-services.png); width:111px; }
#header #menu a#menuCatalogue { background:url(../img/menu-catalogue.png); width:110px; }
#header #menu a#menuEnergies{ background:url(../img/menu-nrj.png); width:112px;}
#header #menu a#menuBlog{ background:url(../img/menu-blog.png); width:111px;}
#header #menu a#menuSavoir { background:url(../img/menu-20degres.png); width:111px; }
#header #menu a#menuContact{ background:url(../img/menu-contact.png); width:110px;}
#footer { background:url(../img/footer_fond.gif);  width:883px; height:21px; margin: 10px 0px 10px 0px; float:left; color:#FFFFFF; font-size:11px; padding:7px 0px 0px 0px}
#footer .left { width:600px; float:left; margin: 0px 0px 0px 0px;padding:0px 0px 0px 10px }
#footer .right { width:150px; float:right; }
#footer a { color:white;}

#footer2 {text-align:left; width:886px; font:11px Verdana, Arial, Helvetica, sans-serif; color: #5e5e5e; margin-bottom:20px;}
#footer2 a {font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #06c;}
#footer2 a:hover {text-decoration:underline; color:#ff9900;}

/* css contenu HOME PAGE // Votre projet // Bilan thermique */
#demiPage_haut { clear:right; margin: 10px 0px 0px 0px; }
#demiPage_bas {   clear:left;}
#flash { float:left; margin: 0px 0px 10px 0px; }
#blocHaut_Droite { float:right; width:573px; height:392px; background:url(../img/home_bloc_vignette.jpg); padding:10px;}
#blocHaut_Droite #vignette1 { float:left; margin: 0px 0px 6px 0px;}
#blocHaut_Droite #vignette2 { float:right; margin: 0px 0px 6px 0px;}
#blocHaut_Droite #vignette3 { float:left; margin: 0px 0px 0px 0px;}
#blocHaut_Droite #vignette4 { float:left; margin: 0px 0px 0px 6px; }
#blocHaut_Droite #vignette5 { float:right; margin: 0px 0px 0px 0px; }
#blocHaut_Droite .vignetteDecal { position:relative; top:6px; }
#bonneRaisons { background:url(../img/home_fond_raison.gif); width:209px;float:left;}
#bonneRaisons ul {margin: 10px 0px 0px 6px; padding:0px 0px 0px 0px;}
#bonneRaisons ul li {  font-size:11px; background:no-repeat url(../img/home_puce.gif) 0px 1px; height:14px; color:#5e5e5e; list-style:none; margin: 0px 0px 7px 0px;padding:0px 0px 0px 20px }
#bonneRaisons .plien {  text-align:right; color:#ffaa00;  font-weight:bold; font-size:11px; padding:0px 10px 0px 0px }
#bonneRaisons a:link,#bonneRaisons a:visited { color:#ffaa00; text-decoration:none; font-weight:bold; font-size:11px; }
#bonneRaisons a:hover,#bonneRaisons a:active { text-decoration:underline;}
#bas_milieu { float:left;  }
#bas_milieu #offreSpeciales {  width:374px; margin: 0px 0px 0px 10px;} 
#bas_milieu #offreSpeciales { width:374px; background:url(../img/home_offre_fond.gif);  }
#bas_milieu #offreSpeciales .imgOffre { margin: 0px 0px 0px 10px; float:left; }
#bas_milieu #offreSpeciales p { width:173px; float:left; color:white; font-size:11px; position:relative;  margin: 0px 0px 0px 10px; text-align:justify }
#bas_milieu #offreSpeciales p strong { font-size:12px; text-align:right; display:block; } 
#bas_milieu #offreSpeciales .OffreflecheSuivante { float:right; margin: 49px 10px 0px 0px; }
#bas_milieu .text { font-size:11px; color:#5e5e5e; text-align:justify; width:368px;  margin: 7px 0px 0px 12px;  }
#bas_droite { float:right; width:281px; background:url(../img/home_fond_inscription.gif);  font-size:11px;  }
#bas_droite .imgformulaire { margin: 0px 0px 0px 3px; }
#bas_droite  .text { color:#5e5e5e; text-align:justify;   margin: 5px 4px 0px 5px;   }
#bas_droite #precisions { width:263px; height:63px; background:url(../img/home_fond_precision.gif); margin: 0px 0px 0px 4px; color:#FFFFFF; font-size:11px; padding:8px 0px 0px 10px  }
#bas_droite #precisions a { color:#FFFFFF; font-size:11px; font-weight:bold; }

#bilanBlocForm  { float:right; width:573px; height:392px; background:url(../img/home_bloc_vignette.jpg); padding:10px; margin: 0px 0px 0px px;}
#bilanBlocForm #formulaire { width:350px; height:352px; background:url(../img/bilan_fond_form.jpg); padding:40px 14px 0px 16px; float:left; }
#bilanBlocForm #formulaire .titre { display:block; width:344px; height:18px; background-color:#FFFFFF; color:#007eb3; font-size:12px; padding:2px 0px 0px 6px;margin: 1px 0px 2px 0px;}
#bilanBlocForm #formulaire .ligne { height:23px; }
#bilanBlocForm #formulaire div div { background:no-repeat url(../img/bilan_puce.gif) 0px 4px; float:left; color:#FFFFFF;margin: 0px 0px 0px 5px; font-size:11px; padding:0px 0px 0px 15px;}
#bilanBlocForm #formulaire div p { margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px; float:right; }
#bilanBlocForm #formulaire div p select {  width:159px; height:20px; }
#bilanBlocForm #formulaire .selectCourt  {  width:130px; height:20px; }
#bilanBlocForm #vignettes { float:left;margin: 0px 0px 0px 5px;}
#bilanBlocForm #vignettes .decal10 { margin: 5px 0px 0px 0px; } 

/* CSS LES OFFRES */
#demiPage_Gauche {  width:281px;  float:left; margin: 10px 10px 0px 0px; }
#demiPage_Droite { float:right; margin: 10px 0px 0px 0px; }
#demiPage_Droite #bloc_droit { background:url(../img/offre_fond_bloc_droit.jpg); width:583px; height:601px; padding:10px 0px 0px 10px }
#demiPage_Droite #bloc_droit .prix { width:170px;	height:41px;color:white; font-size:9px; padding:1px 0px 0px 5px }
#demiPage_Droite #bloc_droit .vignette2 .cliquez_ici a { display:block; width:50px; height:20px;  margin:0px 0px 0px 133px; position:relative; top:8px; text-decoration:none; }
#demiPage_Droite #bloc_droit .vignette3 { float:left; margin: 0px 0px 0px 6px; }
#demiPage_Droite #bloc_droit  .vignette1 { margin: 0px 0px 0px 6px;  width:175px; float:left;}
#demiPage_Droite #bloc_droit  .vignette2 { margin: 0px 0px 0px 6px;  width:187px;  float:left;}

#demiPage_Droite #bloc_droit #solution1,#demiPage_Droite #bloc_droit #solution2,#demiPage_Droite #bloc_droit #solution3 { background:repeat-y url(../img/offre_back_solution.jpg);float:left;margin: 0px 0px 5px 0px; }

#demiPage_Droite #bloc_droit #solution1 .vignette1 .prix { background:url(../img/offre_prix_clim.jpg);  }
#demiPage_Droite #bloc_droit #solution1 .vignette2 .cliquez_ici { background:url(../img/offres_savoirplus1.gif); width:187px; height:30px; }
#demiPage_Droite #bloc_droit #solution2 .vignette1 .prix { background:url(../img/offre_prix_clim2.jpg);  }
#demiPage_Droite #bloc_droit #solution2 .vignette2 .cliquez_ici { background:url(../img/offres_savoirplus2.gif); width:187px; height:30px; }
#demiPage_Droite #bloc_droit #solution3 .vignette1 .prix { background:url(../img/offre_prix_module.jpg);  }
#demiPage_Droite #bloc_droit #solution3 .vignette2 .cliquez_ici { background:url(../img/offres_savoirplus3.gif); width:187px; height:30px; }

#demiPage_Droite .text { width:370px; height:100px; font-size:11px; color:#5e5e5e; float:left; margin: 10px 0px 0px 0px;text-align:justify;}
.raison { float:left; margin: 10px 0px 0px 14px; }

/* css contenu Style e-commerce */
#colonne_gauche { width:159px; float:left; margin: 10px 0px 0px 0px; }
#colonne_droite { width:159px; float:right; margin: 10px 0px 0px 0px; }
#colonne_gauche .menu_gauche,#colonne_droite .menu_droit  { width:159px; background:url(../img/fiche_produit_fondMenus.jpg);margin: 0px 0px 6px 0px; }
#colonne_gauche .saisi { width:139px; height:18px; background:url(../img/fiche_produitBacksaisi.gif); border:0; margin: 4px 0px 5px 7px; font-size:11px; color:#d3d3d3; padding:5px 0px 0px 6px }
.orange {  font-size:11px; color:#ffaa00; margin: 0px 15px 0px 15px;position:relative; top:-9px;  }
.menu_gauche select { width:145px;  height:23px; margin: 4px 0px 5px 7px;}
.menu_gauche li,.menu_droit li {  background:no-repeat url(../img/fiche_produit_ligneMenu.gif) 0px 16px; list-style:none;margin: 0px 0px 0px 0px;padding:0px 0px 0px 15px; height:18px; }
.menu_gauche li a,.menu_droit li a {  font-size:10px; color:#009ee0; margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px; position:relative; top:-4px;}
.menu_gauche ul,.menu_droit ul { margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px}
.menu_gauche .finenergie { background:no-repeat url(../img/fiche_produit_fin_menuEnergie.jpg) 0px 1px; }
.menu_gauche .fincatalogue {  background:no-repeat url(../img/fiche_produit_fin_menucatalogue.jpg) 0px 1px;  }
.menu_gauche .finchauffer {  background:no-repeat url(../img/fiche_produit_fin_menuchauffer.jpg) 0px 1px;  }
.menu_gauche .finraffraichir {  background:no-repeat url(../img/fiche_produit_fin_menurafraichir.jpg) 0px 10px;   }
.menu_gauche .depApropos {  background:no-repeat url(../img/fiche_produit_lidepart_menuapropos.jpg) 0px 0px;padding:3px 0px 0px 15px; }
.menu_gauche .finmenu,.menu_droit .finmenu  {  background:none; }
#centre { width:526px;  float:left; margin: 10px 0px 0px 20px;  }
#filDarianne { padding:10px 0px 0px 10px;font-size:11px; color:#ffaa00; }
#filDarianne a {  font-size:11px; color:#ffaa00; margin: 0px 5px 0px 5px; font-weight:bold }
#description { background:#c4d107; margin: 5px 0px 0px 0px; display:table-cell; }
#description .photo_descr { margin: 1px 0px 0px 6px; float:left; }
#description #text { width:367px; padding:5px 0px 0px 20px; float:left; }
#description #text #titre { color:#009ee0; text-decoration:underline; font-weight:bold; float:left;}
#description #text #prix { float:right; width:93px; height:27px; background:url(../img/fiche_produit_fond_prix.jpg);margin: 0px 0px 0px 0px; text-align:center;padding:2px 0px 0px 0px; color:#f6a90f; font-size:11px;}
#description #text #prix .prix { font-size:24px;}
#description #text .description_text { clear:right; font-size:10px; color:white;}
#description #text .ajout_panier { float:right; }
#description #text .expedition { float:left; color:#f6a800; text-transform:uppercase; font-size:12px; font-weight:bold; margin: 3px 0px 0px 0px; }
#tableau_detailles { margin: 30px 0px 0px 0px; background:url(../img/fiche_produit_fond_details.gif);width: 529px; }
#onglets { width: 530px; }
#textDetails { color:#009ee0; font-size:10px; padding:0px 13px 0px 13px; margin: 30px 0px 0px 0px; }
#textDetails table { width:503px; }
#textDetails table .gris { width:494px; background:#efefef; color:#aeaeae; height:20px; padding-left:10px; }
#textDetails table td { font-size:12px; border-bottom:1px solid #aeaeae; }
#textDetails  #donnees { float:left; margin: 7px 0px 0px 0px; color:#c4d107;}
#textDetails  #boutons { float:right;margin: 5px 0px 0px 0px;}
#textDetails  #boutons img { margin: 0px 0px 0px 10px; }
#colonne_droite .menu_droit .text_compte { height:34px; width:109px; background-image:url(../img/fiche_produit_logo20Votre_compte.jpg); font-size:9px; color:#ffaa00; padding:3px 0px 5px 50px; margin: 0px 0px 3px 0px;}
#colonne_droite .saisi { width:139px; height:18px; background:url(../img/fiche_produitBacksaisi.gif); border:0; margin: 0px 0px 2px 7px; font-size:11px; color:#d3d3d3; padding:5px 0px 0px 6px }
#colonne_droite .menu_panier  { width:159px; background:url(../img/fiche_produit_fond_panier.gif);margin: 0px 0px 6px 0px; text-align:center; font-size:12px; color:#FFF; }
#colonne_droite .text_newsletter { text-align:center; color:#c4cd00; font-size:10px; }
#colonne_droite .text_newsletter a { color:#ffaa00; font-size:12px;  }


#centre_b { width:699px;  float:right; margin: 10px 0px 0px 0px;  }
#centre_b #description { background:#c4d107; margin: 5px 0px 0px 0px; display:table-cell; }
#centre_b #description .photo_descr { margin: 1px 0px 0px 6px; float:left; }
#centre_b #description #text { width:540px; padding:5px 0px 0px 20px; float:left; }
#centre_b #description #text #titre { color:#009ee0; text-decoration:underline; font-weight:bold; float:left;}
#centre_b #description #text #prix { float:right; width:93px; height:27px; background:url(../img/fiche_produit_fond_prix.jpg);margin: 0px 0px 0px 0px; text-align:center;padding:2px 0px 0px 0px; color:#f6a90f; font-size:11px;}
#centre_b #description #text #prix .prix { font-size:24px;}
#centre_b #description #text .description_text { clear:right; font-size:10px; color:white;}
#centre_b #description #text .ajout_panier { float:right; }
#centre_b #description #text .expedition { float:left; color:#f6a800; text-transform:uppercase; font-size:12px; font-weight:bold; margin: 3px 0px 0px 0px; }
#centre_b #tableau_detailles { margin: 30px 0px 0px 0px; background:url(../img/fiche_produit_B_fond_details.gif);width: 699px; }
#centre_b #onglets { width: 699px; }
#centre_b #textDetails { color:#009ee0; font-size:10px; padding:0px 13px 0px 13px; margin: 30px 0px 0px 0px; }
#centre_b #textDetails table { width:100%; }
#centre_b #textDetails table .gris { width:578px; background:#efefef; color:#aeaeae; height:20px; padding-left:10px; }
#centre_b #textDetails table td { font-size:12px; border-bottom:1px solid #aeaeae; }
#centre_b #textDetails  #donnees { float:left; margin: 7px 0px 0px 0px; color:#c4d107;}
#centre_b #textDetails  #boutons { float:right;margin: 5px 0px 0px 0px;}
#centre_b #textDetails  #boutons img { margin: 0px 0px 0px 10px; }