@import url(./calendrier.css);

body {
	background:#ffffff;
	font-family:arial,"Trebuchet Ms",helvetica,"Bitstream Vera Sans",sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#404348;
	background-image: url(../img/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

img{
	border:0px;
}

a{
  cursor: pointer;
}

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

a{
  color:#1F6332;
}

fieldset{
  border:none;
  padding:0;
}

legend{
  padding:0;
}

form{
  margin:0;
}

#page table{
font-size:12px;
}
#page td{
vertical-align:top;
}

div.clear{
  clear:both;
}

div.overflowHide{
  overflow: hidden;
}

#div_bandeau_flash{
  position:absolute;
  right:0;
  top:0;
}
  #div_bandeau_flash, #div_bandeau_flash object, #div_bandeau_flash embed{
    z-index:0;
  }

#header{
  height:282px;
  position:relative;
  z-index:10;
}
  #div_bandeau_0{
    color:#ffffff;
    position:absolute;
    left:215px;
    top:0;
  }
  
  #div_bandeau_1{
    position:absolute;
    top:45px;
    width:180px;
    left:0;
    text-align: center;
  }
    #span_lien_bouton_2_1{
      font-weight:bold;
      font-size:25px;
      color:#0C4831; 
      line-height:25px;   
    }
    #span_lien_bouton_2_2{
      font-size:10px;
      color:#171C14;
    }
    
  #div_bandeau_2{
    position:absolute;
    bottom:53px;
    left:200px;
    width:411px;
    height:131px;
    z-index:100;
    background-image: url(../img/fond_actus_bandeau.png);    
  }
    #div_actusBandeau{
      position:relative;
      float:left;
      width:100%;
    }
    #bt_precActuBandeau, #bt_suivActuBandeau{
      width:35px;
      height:131px;
      display:block;
      text-decoration: none;
      float:left;
    }
    #bt_precActuBandeau span, #bt_suivActuBandeau span{
      display:none;
    }

    
    #div_visuActuBandeau{
      width:335px;
      height:131px;
      overflow:hidden;
      position:relative;
      float:left;
    }
      
    #ul_actusBandeau{
      position:absolute;
      width:3000px;
      height:110px;
      top:40px!important;
    }
      #ul_actusBandeau li{
        float:left;
        width:335px;
        height:110px;
      }
      
      div.div_imgActuBandeau{
        float:left;
        width:117px;
        height:84px;
        overflow:hidden;
        margin-right:5px;
        text-align: center;
      }
        div.div_imgActuBandeau img{
          max-height:84px;
          -height: expression(this.height > 84 ? 84: true);
        }
      span.sp_titreActuBandeau{
        color:#a15d26;
        font-weight:bold;
        font-size:13px;
      }
      p.p_descActuBandeau{
        font-size:11px;
        margin:5px 0;
      }
      a.a_actuBandeau{
        display:block;
        text-align: right;
        color:#19b24b;
        text-decoration:none;
        font-weight:bold;
      }
  
  
  /*#div_bandeau_3{
    position:absolute;
    right:-150px;
    top:0;
    z-index:0;
  }
    #div_bandeau_flash, #div_bandeau_flash object, #div_bandeau_flash embed{
      z-index:0;
    }*/
  
  #div_bandeau_3{
    position:absolute;
    bottom:5px;
    left:0;
  }
    #div_bandeau_3 li{
      float:left;
      text-transform: uppercase;
      width:105px;
      padding:0 5px;
      text-align:center;
      font-weight:bold;
      font-size:13px;
    }
    #div_bandeau_3 a.lien_bouton{
      color:#ffffff;
      text-decoration: none;
      display:block;
      vertical-align:middle;
      width:105px;
      height:40px;
      padding-top:8px;
    }
    #div_bandeau_3 a.lien_bouton:hover, #div_bandeau_3 a.lien_bouton_select{
      background-image: url(../img/menu_haut_hover.gif);
      background-repeat: no-repeat;
      background-position: center 4px;
      color:#b4822d;
    }
    #elem_lst_lien_bouton_4_0 a, #elem_lst_lien_bouton_4_3 a{
      padding-top:15px!important;
      height:33px!important;
    }
    
    #elem_lst_lien_bouton_4_7{
      width:179px!important;
      text-transform:none!important;
      padding:0!important;
      text-align:left!important;
      font-size:12px!important;
    }
    #div_cptClientBandeau a{
      color:#267D2B;
      text-decoration:none;
      display:block;
    }
    #div_cptClientBandeau a:hover{
      text-decoration:underline;
    }
    #div_maSelection{
      line-height:20px;
      display:inline;
    }
      #div_maSelection a{
        color:#404348;
        display:inline;
      }
      #div_maSelection a:hover{
        text-decoration:underline;
      }
    #div_cptClientBandeau{
      width:164px;
      padding:3px 5px 0 10px;
      height:39px;
      background-image: url(../img/fond_maSelectionBandeau.gif);
      background-repeat: no-repeat;
      
    }
    #divPanier_visuNb{
      display:inline;
      line-height:20px;
      font-weight:bold;
    }
    
  #div_bandeau_4{
    font-size:11px;
    position:absolute;
    top:277px;
    left:0;
    z-index:10;
  }
    #div_bandeau_4 li.lien_bouton{
      position:absolute;
      top:0;
      z-index:102;
      visibility:hidden;
    }
    #elem_lst_lien_bouton_5_5{left:700px;}
    #elem_lst_lien_bouton_5_4{left:580px;}
    #elem_lst_lien_bouton_5_3{left:465px;}
    #elem_lst_lien_bouton_5_2{left:350px;}
    #elem_lst_lien_bouton_5_1{left:235px;}
    #elem_lst_lien_bouton_5_0{left:120px;}
    
    
    
    div.div_sous_menu{
      width:246px;
    }
      div.sous_menu_haut{
        background-image: url(../img/sous_menu_haut.png);
        height:14px;
      }
      div.sous_menu_bas{
        background-image: url(../img/sous_menu_bas.png);
        height:17px;
      }
      div.div_sous_menu_content{
        background-image: url(../img/sous_menu_content.png);
        background-repeat: repeat-y;
      }
      
      ul.ul_sous_menu{
        padding-right:7px;
      }
           
      a.a_sous_menu, a.a_sous_menu_select{
        color:#ffffff;
        text-decoration:none;
        padding:3px 15px 3px 15px;
        display:block;
      }
        a.a_sous_menu:hover, a.a_sous_menu_select{
          color:#835C28;
          background-color: #ACD19B;
        }
        
#id_cheminNav{
  padding:5px 0 5px 25px;
  font-size:11px;
}  
  #id_cheminNav p, #id_cheminNav h1{
    margin:0;
    display:inline;
    font-size:11px;
  }
  #id_cheminNav a{
    color:#000000;
  }
  #id_cheminNav h1{
  font-weight:bold;
  }
  span.cheminNav{
    padding-right:3px;
  }
  
  
#general{
  width:985px;
  position:relative;
  margin:0 auto;
}

#menu{
  float:right;
  width:200px;
  padding-top:20px;
  position:relative;
}
  
  #menu_general_1{
    display:none;
  }
  
  #div_menu_outils{
    position:absolute;
    right:0;
    top:0;
    text-align:right;
  }
  #div_newsletter{

  }
    #elemInfoNewsletter{
      position:relative;
      width:180px;
    }
    #div_newsletter span{
      display:block;
      padding:10px 0 5px 0;
    }
    #impt_mail_menu{
      border:0;
      background-image: url(../img/fond_champNewsletter.gif);
      background-repeat: no-repeat;
      width:146px;
      height:21px;
      background-color: none;
      padding:2px;
    }
    #a_email_menu{
      background-image: url(../img/fond_validNewsletter.gif);
      background-repeat: no-repeat;
      display: block;
      width:23px;
      height:21px;
      line-height:21px;
      color:#404348;
      text-align: center;
      text-decoration:none;
      position:absolute;
      right:0;
      bottom:0;
    }
    
  #div_ecoute{
    width:183px;
    padding-top:15px;
  }
    #div_ecoute_haut{
      background-image: url(../img/fond_hautVotreEcoute.gif);
      height:7px;
      background-repeat: no-repeat;
    }
    #div_ecoute_bas{
      background-image: url(../img/fond_basVotreEcoute.gif);
      height:7px;
      background-repeat: no-repeat;
    }
    #div_ecoute_contenu{
      background-image: url(../img/fond_milieuVotreEcoute.gif);
      background-repeat: repeat-y;
      text-align:center;
      font-weight:bold;
      color:#ffffff;
      font-size:13px;
    }
    
    #div_ecoute span{
      display:block;
      padding:3px;
    }
    #sp_numTel{
      font-size:20px;
    }
    
  #div_thematiques{
    width:183px;
    margin-top:15px;
  }
    #div_thematiques_haut{
      background-image: url(../img/fond_hautThematiques.gif);
      height:7px;
      background-repeat: no-repeat;
    }
    #div_thematiques_bas{
      background-image: url(../img/fond_basThematiques.gif);
      height:7px;
      background-repeat: no-repeat;
    }
    #div_thematiques_contenu{
      background-image: url(../img/fond_milieuThematiques.gif);
      background-repeat: repeat-y;
      text-align:center;
      color:#ffffff;
      font-size:13px;
    }
    
    #div_thematiques img{
      display:block;
      margin:auto;
    }
    #div_thematiques a{
      text-decoration:none;
      color:#194621;
      display:block;
    }
      #div_thematiques a:hover{
        text-decoration:underline;
      }
      a.a_theGras{
        font-weight:bold;
        font-size:14px;
      }
      a.a_enLigne{
        display:inline!important;
      }
      a.a_theBig{
        font-size:18px;
        font-weight:bold;
      }
  
  
  #menu_general_3{
    background-image: url(../img/fond_services.gif);
    background-repeat: no-repeat;
    height:108px;
    padding-left:35px;
    padding-top:90px;
    margin-top:15px;
  }
    #menu_general_3 a{
      color:#1e4061;
      text-decoration:none;
      font-weight:bold;
    }
    #menu_general_3 a:hover{
      text-decoration:underline;
    }

#page{
  width:780px;
  float:left;
  padding-top:10px;
  position:relative;
  background-image: url(../img/fond_page_long.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position:relative;
  z-index:9;
}
  #page_content{
    padding:25px 32px 20px 32px;
    min-height:700px;
    z-index:7;
  }
  #page_footer{
    background-image: url(../img/fond_page_bas.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    clear:left;
    width:780px;
    height:14px;
    position:relative;
    top:5px;
  }
  
/* a la une et promotions */
#div_miseAvantBas{
  clear:left;
  width:780px;
  padding:15px 0;
  padding-left:10px;
}

#div_a_la_une{
  float:left;
  width:360px;
  margin-right:20px;
}
#div_nos_promos{
  float:left;
  width:380px;
}
  div.div_defilBas{
    position:relative;
    padding-top:10px;
  }

  #div_miseAvantBas ul.ulScrollPage{
    width:215px;
    float:left;
    position:absolute;
    right:0;
    top:10px;
    z-index:10;
  }
  #div_nosPromotions ul.ulScrollPage{
    width:205px;
  }
  
  ul.ulScrollPage li{
    float:left;
    margin-right:3px;
    line-height:18px;
    font-weight:bold;
    padding:0 3px;
    border:1px #7A7A7c solid;
    cursor:pointer;
  }
  ul.ulScrollPage li.liScrollPage_select{
    background-color:#B8DBA1;
  }
  
  div.div_contentDefilBas{
    position:relative;
    height:150px;
    width:100%;
    overflow:hidden;
  }
    
    ul.ul_defilBas{
      position:absolute;
      width:10000px;
      height:135px;
    }
    ul.ul_defilBas li{
      float:left;
      height:135px;
    }
    
      #div_aLaUne div.div_imgDefilBas{
        float:left;
        background-image: url(../img/fond_imgUne.gif);
        background-repeat: no-repeat;
        background-position: left;
        width:115px;
        height:84px;
        padding-top:13px;
        padding-bottom:12px;
        padding-left:10px;
        padding-right:8px;
        text-align:center;
        overflow:hidden;
        margin-right:10px;
      }
        #div_aLaUne div.div_imgDefilBas div.overflowHide{
          height:115px;
        }
        #div_aLaUne div.div_imgDefilBas img{
          width:115px;
        }
        
      #div_nosPromotions div.div_imgDefilBas{
        float:left;
        background-image: url(../img/fond_imgPromo.gif);
        background-repeat: no-repeat;
        width:138px;
        height:91px;
        padding:15px 13px 27px;
        overflow:hidden;
        margin-right:10px;
      }
        #div_nosPromotions div.div_imgDefilBas div.overflowHide{
          height:91px;
        }
        #div_nosPromotions div.div_imgDefilBas img{
          width:138px;
        }
      
      #div_aLaUne div.div_descDefilBas{
        float:left;
        width:217px;
        padding-top:25px;
      }
      #div_nosPromotions div.div_descDefilBas{
        float:left;
        width:205px;
        padding-top:25px;
      }
        span.sp_titreDefilBas{
          font-weight:bold;
        }
        p.p_descDefilBas{
          font-size:11px;
          margin:5px 0 0 0;
        }
        
      a.a_plusDefilBas, a.a_toutDefilBas{
        clear:left;
        display:block;
        text-align: right;
        color:#000000;
        font-weight:bold;
        text-decoration:none;
      }

#piedpage{
  clear:both;
  background-color:#B6DA9C;
  background-image: url(../img/fond_piedPage);
  background-repeat: repeat-x;
  background-position: top;
  padding-top:20px;
  float:left;
  width:100%;
}
  #footer{
    width:985px;
    position:relative;
    margin:0 auto;
    font-weight:bold;
  }
  
  #div_piedpage_0{
    float:right;
    width:255px;
  }
    #div_piedpage_0 li.piedpage{
      float:left;
      padding-left:15px;
    }
  
  #div_piedpage_1, #div_piedpage_2, #div_piedpage_3{
    float:left;
    clear:left;
    width:730px;
    padding:5px 0;
  }
    #div_piedpage_1, #div_piedpage_3{
      color:#1b2a18;
    }
    #div_piedpage_1 a, #div_piedpage_3 a{
      color:#1b2a18;
    }
    
    #div_piedpage_2{
      color:#245f27;
    }
    
    #div_piedpage_3 li.piedpage{
      float:left;
      padding-right:20px;
    }