/* ----------------- */
/* --- CONTAINER --- */
/* ----------------- */

@import url("content.css");
body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #FFF;
    /*overflow-y          : scroll;/* Prevents scrollbar jump bug in FF */
}
.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#container {
    width              : 944px;
    margin             : 0 auto;
    background         : #FFF;
    padding            : 0 5px 5px 5px;
}
/* --------------- */
/* --- Z-INDEX --- */
/* --------------- */
#header {
    position : relative;
    z-index  : 5;
}
#main {
    z-index  : 2;
}
/* -------------- */
/* --- HEADER --- */
/* -------------- */
#header {
}
div#header_background {
    position: relative;
}

/* ----------------------- */
/* --- HOME CODE PROMO --- */
/* ----------------------- */
div#promo_code {
    position: absolute;
    top: 0px;
    left: 675px;
    width:143px;
    height: 29px;
    background: transparent url(../images/domeo/fond_code_promo.png) top left no-repeat;
}
div#promo_code input.champ {
    border: none;
    background: transparent;
    font-size: 9px;
    padding: 8px 0 0 15px;
    /* -- HACK IE6, IE7, IE8 -- */
    padding: 7px 0 0 16px\9;
    /padding: 5px 0 0 15px;
    width:89px;
}
div#promo_code input.bt {
    position: absolute;
    left: 103px;
    top: 6px;
}

/* ---------------------- */
/* --- HOME RECHERCHE --- */
/* ---------------------- */
div#recherche {
    position: absolute;
    top: 3px;
    left: 486px;
    width:180px;
    height: 22px;
    background: transparent url(../images/domeo/fond_recherche.png) top left no-repeat;
}
div#recherche input.champ {
    border: none;
    background: transparent;
    font-size: 9px;
    padding: 6px 0 0 5px;
    /* -- HACK IE6, IE7 -- */
    padding: 5px 0 0 9px\9;     /* IE8 */
    /padding: 3px 0 0 9px;      /* IE6, IE7 */
    width:89px;
}
div#recherche input.bt {
    position: absolute;
    left: 157px;
    top: 1px;
}
/* ---------------------- */
/* --- HOME RECHERCHE --- */
/* ---------------------- */
div#mon_compte {
    position: absolute;
    top: 0px;
    left: 822px;
    width:180px;
    height: 22px;
}

/* ------------ */
/* --- MENU --- */
/* ------------ */
#header_menu {
    position           : absolute;
    top                : 60px;
    right              : 0px;
}
ul#menu_page {
    margin             : 0;
    padding            : 0;
}
ul#menu_page li {
    position           : relative;
    float              : left;
    list-style         : none;
    margin-left        : 5px;
    background         : #FFF;
}
ul#menu_page li:hover {
    background         : #dadada url(../images/menu_page/bord_gauche.gif) top left no-repeat;
}
ul#menu_page li a, #header ul#menu_page li a:link, #header ul#menu_page li a:visited {
    text-decoration    : none;
    color              : #757575;
    font-size          : 12px;
    text-transform     : uppercase;
    font-weight        : bold;
    display            : block;
    padding            : 9px 5px 8px 5px;
}
ul#menu_page li a.on, #header ul#menu_page li a.on:link, #header ul#menu_page li a.on:visited {
    background         : transparent url(../images/menu_page/bord_droit.gif) top right no-repeat;
}
ul#menu_page li a:hover {
    background         : transparent url(../images/menu_page/bord_droit.gif) top right no-repeat;
}
ul#menu_page li.on {
    background         : #dadada url(../images/menu_page/bord_gauche.gif) top left no-repeat;
}
ul#ssmenu_content {
    margin             : 21px 0 0 0;
    padding            : 0;
}
ul#ssmenu_content li {
    list-style: none;
    padding: 9px 0 9px 14px;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 12px;
}
ul#ssmenu_content li a, ul#ssmenu_content li a:link, ul#ssmenu_content li a:visited, ul#ssmenu_content li a:hover {
    text-decoration: none;
}
ul#ssmenu_content li.on {
    background: transparent url(../images/content/ssmenu_puce_on.gif) top left no-repeat;
}
#ssmenu_back {
    position: absolute;
    visibility: hidden;
}

/* -------------------- */
/* --- CATALOG MENU --- */
/* -------------------- */
#catalog_menu {
    height             : 249px;
    width              : 944px;
}
#catalog_menu_content {
    height             : 47px;
    margin-bottom      : 20px;
}

ul#menu_catalogue, ul#menu_catalogue_content {
    position           : relative;
    margin             : 0;
    padding            : 0;
    height             : 47px;
    list-style         : none;
    z-index            : 100;
}
ul#menu_catalogue li, ul#menu_catalogue_content li {
    float              : left;
    list-style         : none;
    position           : relative;
}
div.ssmenu {
    position           : absolute;
    top                : 47px;
    right              : 0;
    display            : none;
    width              : 100%;
    padding-bottom     : 10px;
}
ul.ssmenu_cata {
    margin             : 10px 0;
    padding            : 0;
}
ul.ssmenu_cata li {
    margin-top         : 3px;
    width              : 100%;
}
ul.ssmenu_cata li a, ul.ssmenu_cata li a:link, ul.ssmenu_cata li a:visited, ul.ssmenu_cata li a:hover {
    color              : #FFF;
    text-decoration    : none;
    font-weight        : bold;
    display            : block;
    padding            : 0 10px;
}
ul.ssmenu_cata li a:hover {
}
#div_bandeau {
    clear              : both;
    position           : absolute;
    width              : 944px;
    height             : 202px;
    overflow           : hidden;
}
ul#cat_bandeau {
    list-style         : none;
    position           : absolute;
    left               : 0;
    padding            : 0;
    margin             : 0;
}
ul#cat_bandeau li {
    position           : absolute;
    float              : left;
    top                : 0;
    left               : 0;
    width              : 944px;
    height             : 202px;
}
#cat_ombrage {
    position           : absolute;
    top                : 0;
    left               : 0;
    z-index            : 3;
}

/* --------------- */
/* --- CONTENT --- */
/* --------------- */
#menu_content {
    float: left;
    width: 242px;
}
#content {
    float: left;
    width: 702px;
    background : transparent url(../images/content/fond_content.gif) repeat-y;
}
#content_large {
    width: 944px;
    background : transparent url(../images/content/fond_content_large.gif) repeat-y;
}
#content h1 {
    text-decoration: none;
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 24px;
    color: #757575;
    margin: 0;
    padding: 0;
}
#content h2 {
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #000;
    margin: 24px 0;
    padding: 0;
}
#content p {
    color: #000;
    font-size: 11px;
    line-height: 17px;
    text-align: justify;
    margin: 0;
    padding: 0;
}
#content_wysig {
    width: 632px;
    margin-left: 35px;
}
#content_wysig_large h1 {
    margin-top: 0.1em;
}
#content_wysig_large {
    width: 874px;
    margin-left: 35px;
}
div#menu_home {
    margin-top         : 19px;
    height             : 143px;
}
div.menu_home_element {
    float              : left;
    margin-left        : 5px;
}
img.ombr_vign_home {
    visibility         : hidden;
}
div.first {
    margin             : 0px;
}
div#send_friend {
    width              : 100%;
    text-align         : right;
    margin-top         : 30px;
}
div#bottom_links {
    margin-top: 20px;
}
div#bottom_links img {
    vertical-align: middle;
}
div#bottom_links a, div#bottom_links a:link, div#bottom_links a:visited, div#bottom_links a:hover {
    text-decoration: none;
    margin: 0 3px;
}

/* ----------------- */
/* --- CATALOGUE --- */
/* ----------------- */
div#entete_produit {
    position: relative;
    left: -35px;
}
div#entete_produit h1.produit{
    width: 622px;
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    padding: 10px 0 10px 15px;
}
div#entete_produit img {
    position: absolute;
    top: 0;
    right: -60px;
}
div#entete_produit h1.plomberie {
    background: transparent url(../images/catalogue/h1_back_plomberie.gif) repeat-x;
}
div#entete_produit h1.electricite {
    background: transparent url(../images/catalogue/h1_back_electricite.gif) repeat-x;
}
div#entete_produit h1.gaz {
    background: transparent url(../images/catalogue/h1_back_gaz.gif) repeat-x;
}
div#entete_produit h1.multiple {
    background: transparent url(../images/catalogue/h1_back_multiple.gif) repeat-x;
}
div#catalogue_produit {
    position: relative;
    padding: 24px 0 0 0;
}
div#produit_col_droite {
    position: absolute;
    top: 24px;
    right: -25px;
}
div#produit_ajout {
    width: 208px;
    height: 123px;
    position: relative;
}
div#produit_ajout.plomberie {
  background: transparent url(../images/catalogue/cadre_souscrire_plomberie.gif) no-repeat;
}
div#produit_ajout.gaz {
  background: transparent url(../images/catalogue/cadre_souscrire_gaz.gif) no-repeat;
}
div#produit_ajout.electricite {
  background: transparent url(../images/catalogue/cadre_souscrire_electricite.gif) no-repeat;
}
div#produit_ajout.multiple {
  background: transparent url(../images/catalogue/cadre_souscrire_multiple.gif) no-repeat;
}
div#produit_wysig {
    width: 414px;
    padding: 0 24px 0 0;
}
div#produit_wysig.plomberie li {
    padding: 2px 0;
}
div#produit_wysig.plomberie li {
    list-style-image: url(../images/catalogue/wysig_puce_plomberie.gif);
}
div#produit_wysig.electricite li {
    padding: 2px 0;
}
div#produit_wysig.electricite li {
    list-style-image: url(../images/catalogue/wysig_puce_electricite.gif);
}
div#produit_wysig.gaz li {
    padding: 2px 0;
}
div#produit_wysig.gaz li {
    list-style-image: url(../images/catalogue/wysig_puce_gaz.gif);
}
div#produit_wysig.multiple li {
    padding: 2px 0;
}
div#produit_wysig.multiple li {
    list-style-image: url(../images/catalogue/wysig_puce_multiple.gif);
}
div#produit_ajout img.souscrire {
    position: absolute;
    top: 80px;
    left: 35px;
}
div#produit_ajout div#prix_promo {
    position: absolute;
    top: 25px;
    left: 60px;
    font-family: Arial;
    font-size: 16px;
    color: #3c3c3c;
}
div#produit_ajout div#prix_promo sup {
    font-size: 11px;
}
div#produit_ajout div#prix {
    position: absolute;
    top: 45px;
    left: 40px;
    font-family: Arial;
    font-size: 25px;
    color: #3c3c3c;
}
div#produit_ajout div#prix sup {
    font-size: 11px;
}
div#produit_wysig h2 {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #959595;
  padding: 0;
  margin: 0;
}
div#produit_wysig h3 {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #515151;
  padding: 0;
  margin: 0;
}
div#produit_wysig h4 {
  font-family: Georgia, Times;
  font-size: 15px;
  font-weight: normal;
  margin: 0;
}
div#produit_wysig p {
  padding: 20px 0;
}
div#produit_temoignage {
    width: 615px;
    height: 73px;
    background: transparent url(../images/catalogue/fond_temoignage.gif) no-repeat;
    padding: 24px 15px;
    position: relative;
}
p#titre_temoignage {
  display: inline;
    font-family: Georgia, Times;
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid;
}
p#content_temoignage {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    padding: 10px 31px 0 31px;
}
p#ref_temoignage {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    color: #797979;
    position: absolute;
    bottom: 6px;
    right: 65px;
}
div.produit_titre_faq {
    color: #FFF;
    font-weight: bold;
    /*width: 405px;      /* IE6, IE7 */
    zoom:1;
}
div#produit_bloc_bas {
    margin-top: 10px;
    background: #e7e7e7 url(../images/catalogue/faq_cadre_fond.gif) top left repeat-y;
    width: 429px;
    float: left;
}
div#produit_bloc_bas_left {
    width: 405px;
    padding: 0 11px;
    background: #e7e7e7 url(../images/catalogue/faq_fond_gene.gif) top left repeat-x;
    margin-left: 1px;
}
div#produit_bloc_bas_droite{
    float:right;
    margin-top: 10px;
    width: 210px;
    position: absolute;
    right: -20px;
}

/* ----------------------- */
/* --- HOME NEWSLETTER --- */
/* ----------------------- */
div#newsletter {
    position: absolute;
    top: 85px;
    left: 10px;
    width:190px;
    height: 30px;
    background: transparent url(../images/home/fond_newsletter.gif) top left no-repeat;
}
div#newsletter input.champ {
    border: none;
    background: transparent;
    font-size: 10px;
    padding: 8px 0 0 5px;
    /* -- HACK IE6, IE7 -- */
    padding: 7px 0 0 9px\9;     /* IE8 */
    /padding: 5px 0 0 9px;      /* IE6, IE7 */
    width:190px;
}
div#newsletter input.bt {
    position: absolute;
    left: 185px;
    top: 0;
}

/* -------------- */
/* --- FOOTER --- */
/* -------------- */
#footer {
    width              : 944px;
    margin             : 0 auto;
}
#footer_menu_cata ul {
    position: relative;
    z-index: 1;
}
#footer_menu_cata ul li.categorie {
    display            : inline;
    width              : 230px;
    padding            : 0 0 0 0;
    margin             : 0 0 0 5px;
    font-weight        : bold;
    font-size          : 11px;
}
#footer_menu_cata ul li.categorie, #footer_menu_cata ul li.categorie a, #footer_menu_cata ul li.categorie a:link, #footer_menu_cata ul li.categorie a:visited {
    text-decoration    : none;
    color              : #797979;
}
#footer_menu_cata ul li.produit, #footer_menu_cata ul li.produit a, #footer_menu_cata ul li.produit a:link, #footer_menu_cata ul li.produit a:visited {
    font-size          : 10px;
    font-weight        : normal;
    color              : #797979;
}
#footer_menu_cata ul li.produit a.bleu:hover {
    color              : #037ade;
}
#footer_menu_cata ul li.produit a.orange:hover {
    color              : #df8804;
}
#footer_menu_cata ul li.produit a.gris:hover {
    color              : #595959;
}
#footer_menu_cata ul li.produit a.violet:hover {
    color              : #613d5a;
}
#footer_menu, #footer_menu_bis, #footer_copyright {
    text-align         : center;
}
#footer_menu {
    margin-top         : 30px;
}
#footer_menu_bis, #footer_copyright {
    margin-top         : 10px;
}
div#footer_menu ul li a, div#footer_menu ul li a:link, div#footer_menu ul li a:visited, div#footer_menu ul li a:hover,
div#footer_menu_bis ul li a, div#footer_menu_bis ul li a:link, div#footer_menu_bis ul li a:visited, div#footer_menu_bis ul li a:hover {
    text-decoration    : none;
}
div#footer_menu ul li.footer_cata a, div#footer_menu ul li.footer_cata a:link, div#footer_menu ul li.footer_cata a:visited, div#footer_menu ul li.footer_cata a:hover {
    font-size          : 12px;
}
div#footer_menu_bis ul li a, div#footer_menu_bis ul li a:link, div#footer_menu_bis ul li a:visited, div#footer_menu_bis ul li a:hover {
    font-size          : 11px;
}
div#footer_copyright ul li a, div#footer_copyright ul li a:link, div#footer_copyright ul li a:visited, div#footer_copyright ul li a:hover {
    font-size          : 11px;
}
#footer ul {
    margin             : 0 auto;
}
#footer ul li {
    display            : inline;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration    : none;
    color              : #000;
}
#footer ul li a:hover {
    text-decoration    : underline;
}

/* ----------------- */
/* --- COPYRIGHT --- */
/* ----------------- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

/* ----------------- */
/* ------ FAQ ------ */
/* ----------------- */
div#faq_contenu {
    padding-bottom      : 330px;
}
div.faq_contenu hr {
    background-color    : #000000;
    color               : #000000;
    height              : 1px;
    border              : 0;
    margin              : 0px 0px 5px 0px;
}
div.faq_contenu p {
    margin              : 0px;
    padding             : 0px;
    font-weight         : normal;
}
div.faq_contenu h2 {
    padding             : 5px 0px 0px 0px;
    color               : #0079A5;
}
div.faq_numero {
    clear               : both;
    float               : left;
    width               : 15px;
    height              : 15px;
    text-align          : center;
    border-right        : 1px solid #000000;
    border-bottom       : 1px solid #000000;
    cursor              : pointer;
    color               : #000000;
}
div.faq_nom, div.faq_nom_js {
    float               : left;
    padding-left        : 0px;
    font-weight         : bold;
    font-size           : 11px;
    color               : #000000;
    text-align          : left;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
}
div.faq_nom_js {
    cursor              : pointer;
}
div.faq_reponse_conteneur {
    clear               : both;
    padding-left        : 20px;
    padding-bottom      : 2px;
}
div.faq_reponse {
    font-size           : 11px;
    text-align          : left;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
    color               : #333333;
}
div.faq_reponse_js {
    display             : none;
    font-size           : 11px;
    text-align          : left;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
    color               : #808080;
}
div.faq_contenu a, div.faq_contenu a:link, div.faq_contenu a:visited {
    color               : #000000;
    text-decoration     : none;
}
div.faq_contenu a:hover, div.faq_contenu a:active {
    text-decoration     : underline;
}
div.hidden_img {
    display             : none;
}


/* ----------------------- */
/* --- CADDIE / PANIER --- */
/* ----------------------- */
#ssmenu_caddy {
    position        : absolute;
    visibility      : hidden;
    z-index         : 40;
}
table#liste_caddy {
    width           : 100%;
    font-weight     : bold;
    margin          : 0 0 2em;
}
table#liste_caddy th {
    color           : #4272a3;
    padding         : 8px 4px;
}
table#liste_caddy th.first {
    text-align      : left;
}
table#liste_caddy tbody tr {
    border-style    : dotted;
    border-width    : 1px 0;
}
table#liste_caddy tbody tr.impair {
    background-color: #eeeeee;
}
table#liste_caddy tbody td {
    padding         : 4px 4px;
}
table#liste_caddy td.first {
    color           : #7b7b7b;
    width           : 400px;
}
table#liste_caddy td.second {
    color           : #022f56;
    text-align      : center;
    width           : 100px;
}
table#liste_caddy td.third {
    text-align      : center;
    width           : 100px;
}
table#liste_caddy td.fourth {
    width           : 400px;
}
table#liste_caddy td.fifth {
    color           : #022f56;
    text-align      : center;
    width           : 100px;
}
table#liste_caddy td.sixth {
    text-align      : center;
    width           : 400px;
}
table#liste_caddy td.sixth input {
    padding          : 0;
}
table#liste_caddy tr.last td.second {
    color           : #5f5f5f;
}

/* ----------------------------------- */
/* --- CADDIE / PANIER --- ONGLETS --- */
/* ----------------------------------- */

div.contenu_onglet {
    position        : relative;
    top             : -1px;
    left            : 0;
    border          : 1px solid #7b7b7b;
    clear           : left;
    color           : #797979;
}
div.contenu_onglet input, div.contenu_onglet select {
    color           : #4c4c4c;
}

div.contenu_onglet td.label {
    font-weight     : bold;
    text-align      : right;
    color           : #4d4d4d;
    padding         : 0 10px 0;
    height          : 25px;
}

div#onglet_logement {
    padding         : 1em 2em;
}
div#onglet_logement_confirmation {
    padding         : 1em 5em;
}
div#onglet_souscripteur {
    padding         : 1em 5em;
}
div#onglet_paiement {
    padding         : 1em 5em;
}
div#onglet_paiement div#paiement_espace_securise {
    float           : right;
}
div#onglet_confirmation div.bloc_texte.first {
    border-top      : none;
}
div#onglet_confirmation div.bloc_texte {
    border-top      : 1px dotted #7b7b7b;
    border-bottom   : 1px dotted #7b7b7b;
    color           : #7b7b7b;
    padding         : 0 5em;
}
div#onglet_confirmation div.bloc_texte.last {
    border-bottom   : none;
}

ul#caddy_onglets {
  list-style: none;
  margin: 0;
}

ul#caddy_onglets li {
  float: left;
  width: 102px;
  height: 18px;
  padding: 11px 0 0 0;
  background: transparent url(../images/caddy/onglet_off.gif) no-repeat;
  margin-right: 1px;
  text-align: center;
  z-index: 10;
}

ul#caddy_onglets li.on {
  background: transparent url(../images/caddy/onglet_on.gif) no-repeat;
}

#demande_souscription a {
    text-decoration : none;
}

#upsell .produit_upsell a {
    background      : #eee;
    color           : black;
    display         : block;
    font-weight     : bold;
    padding         : 3px 10px;
    text-decoration : none;
}

#upsell .produit_upsell_desc {
    background      : #eee;
    color           : black;
    display         : none;
    padding         : 3px 10px;
}

#conditions {
    border          : 1px solid #444;
    padding         : 0px 20px 10px;
}
#conditions label {
    cursor          : pointer;
    font-weight     : bold;
}

p#date_validite {
    clear: both;
    color: #6b6b6b;
}

div.contenu_onglet #conditions a {
    text-decoration : underline;
}

/* ------------------------ */
/* ----- Form Ajax -------- */
/* ------------------------ */
select#type_chauffage, select#type_logement, select#marque_chaudiere {
    width: 200px;
}



/* ------------------------ */
/* ----- Form Ajax -------- */
/* ------------------------ */
div.actu_produit_temoignage {
    width: 857px;
    height: 73px;
    background: transparent url(../images/catalogue/fond_temoignage_large.gif) no-repeat;
    padding: 24px 15px 24px;
    margin: 0 0 12px;
    position: relative;
}
p.actu_titre_temoignage {
    font-family: Georgia, Times;
    font-size: 20px;
    font-style: italic;
    border-bottom: 1px solid;
}
p.actu_content_temoignage, div.actu_content_temoignage {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    padding: 0px 35px 0 31px;
}
p.actu_ref_temoignage {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    color: #797979;
    text-align: right;
    position: absolute;
    bottom: 32px;
    right: 65px;
}
p.actu_ref_temoignage_simple {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    color: #797979;
    margin-right: 65px;
}
p.actu_lire_suite_temoignage {
    text-align: right;
    position: absolute;
    bottom: 6px;
    right: 65px;
}
p.actu_lire_suite_temoignage a  {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    color: #739501;

}
p.actu_lire_suite_temoignage_simple a {
    font-family: Georgia, Times;
    font-size: 12px;
    font-style: italic;
    color: #739501;
}