@import url('./calendrier.css');

a{
  cursor:pointer;
}

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

img{
  border:none;
}

form{
  margin:0;
  padding:0;
}

fieldset{
  margin:0;
  padding:0;
}

legend{
  margin:0;
  padding:0;
}

body{
  background-image:url(../img/fondclair.gif); /*background-image: url(../img/fond_page.gif); -- background defini dans general.style */
  ; /* margin:0; general.style   padding:0; general.style*/
  font-family:arial;
  font-size:12px;
  color:#666666;
}

#general{
  margin:auto; /*margin:auto; general.style */
  width:890px;/*largeur du bandeau*/
  background-color: #FFFFFF;
  background-image: url(../img/fond_menu_articleResa.jpg);
  background-repeat: no-repeat;
  background-position: left 199px;
}

#header{
  background-image:url();
  background-repeat: no-repeat;
  width:890px; /*878px;  bandeau.style */
  height:199px; /* bandeau.style */
  position:relative;
  color:#74ad3a;
}
  ul.lien_bouton{
    list-style-type:none;
  }
  li.lien_bouton{
    float:left;
  }
  span.lien_bouton{
    padding-right:5px;
  }
  a.lien_bouton{
    color:#74ad3a!important;
    text-decoration:none;
  }
  
  #div_bandeau_0{
    position:absolute;
    bottom:0px;right:9px;
    width:100%;
    background-image: url(../img/fond_bordRondBandeau.gif);
    background-repeat: no-repeat;
    width:676px;
    height:25px;
    line-height:25px;
    padding-left:10px;
    font-size:11px;
  }
    #div_bandeau_0 li.lien_bouton{
      float:right;
    }
    #div_bandeau_0 #elem_lst_lien_bouton_1_0, #div_bandeau_0 #elem_lst_lien_bouton_1_1{
      padding:5px 5px 0 5px;
    }
    #div_bandeau_0 #elem_lst_lien_bouton_1_15{
      padding-left:20px;
      background-image: url(../img/panier.gif);
      background-repeat: no-repeat;
      background-position: left center;
      height:20px;
    }
  
    
  
  #div_bandeau_1{
    position:absolute;
    left:7px;bottom:0px;
    width:78px;
    height:20px;
    padding-top:5px;
    padding-left:10px;
  }
    #div_bandeau_1 li.lien_bouton{
      padding:0 5px;
    }
  
  #div_bandeau_2{
    position:absolute;
    bottom:0px;left:0px;
    width:100%;
  }
  
  #div_bandeau_3{
    position:absolute;
    bottom:0px;left:0px;
    width:100%;
  }
  
  #div_bandeau_4{
    position:absolute;
    bottom:0px;left:0px;
    width:100%;
  }

#menu{
  float:left;
  width:186px; /* menu.style */
  padding-left:9px;
  padding-top:10px;
  
}
  #menu ul, #menu li{
    margin:0;
    padding:0;
    list-style-type: none;
    display:block;
  }
  #menu img, #menu span{
    border:none;
    margin:0;
    padding:0;
    display:block;
  }
  
  li.menu_1{    
    font-weight: bold;
    font-size:13px;
    border-bottom:2px #ffffff solid;
  }
  
   span.menu_1{
      display:block;      
      color:#ffffff;
    }
      #menu_general_3 #span_mnu_1_2, #menu_general_3 #span_mnu_1_3{
        padding:5px 0 5px 20px!important;
      }
      #menu_general_2 #span_mnu_1_8{
        padding:10px!important;
        font-weight:normal!important;
        color:#555555!important;
        text-align:center;
        font-size:11px;
      }
      a.menu_1, a.menu_1_ouvert, a.menu_1_select{
        color:#ffffff;
        text-decoration:none;
        display:block;
        padding:5px 0 5px 20px!important;
      }
  
      a.menu_1:hover, a.menu_1_ouvert:hover, a.menu_1_select:hover{
        background-color: #efefef;
        color:#DBA37A;
      }

      
      /*bt carte */
      #menu_general_3 #span_mnu_1_4 a{
        padding-right:60px!important;
        font-size:11px;
        font-weight:normal;
        background-image: url(../img/fond_btCarte.gif);
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #ffffff;
        color:#DBA37A;
      }
      
      #menu_general_1 span.menu_1, #menu_general_2 span.menu_1{ /* titre menu quand type defini (thematiques)*/
        background-color: #efefef;
        color:#DBA37A;
        display:block;
        padding:5px 0 5px 20px!important;
      }
  
  
  div.menu_2{
    padding-bottom:10px;
  }
  
  a.menu_2, a.menu_2_ouvert, a.menu_2_select{
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:3px 0 3px 30px;
  }

    a.menu_2:hover, a.menu_2_ouvert:hover, a.menu_2_select:hover{
      background-color: #efefef;
      color:#DBA37A;
    }
    a.menu_2_select_ouvert, a.menu_2_select{

    }
    
   a.menu_3, a.menu_3_ouvert{
    color:#000000;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    font-style: normal;
    text-decoration:normal;
  }

    a.menu_3:hover, a.menu_3_ouvert:hover{
      color:#000000;
      font-family:Arial;
      font-size:11px;
      font-weight:normal;
      font-style: normal;
      text-decoration:normal;
    }
    a.menu_3_select_ouvert, a.menu_3_select{
      color:#000000      ;
      font-family:Verdana;
      font-size:11px;
      font-weight:bold;
      font-style: italic;
      text-decoration:none;
    }
  
#page{
  float:left;
  width:664px; /* bandeau - menu */
  padding:10px;
  background-color:#FFFFFF;
  background-image: url();
}

#article{
  display:none;
  float:left;
  width:146px;
  padding-right:10px;
  padding-top:10px;
}
  #lstArticle{
    padding:0;
  }
  
  #div_zoneArticle{
    text-align: center;
  }
  div.div_art{
    padding:5px 0;
  }
  a.a_art{
    display: block;
    font-weight: bold;
    font-size:13px;
    color:#ffffff;
    line-height:20px;
  }
    a.a_art:hover{
      text-decoration:none;
    }
  

#piedpage{
  clear:left; 
  position:relative;
}
  div.piedpage{
   
  }

  #div_piedpage_0{
    text-align:center;
    color:#4486B6;
    font-size:10px;
    font-weight:normal;
    font-style:normal;    
  }
    #div_piedpage_0 a{
      color:#4486B6;
      text-decoration:none;
    }
  
  #piedpage ul{
    margin:0;
    padding:0;
    list-style-type: none;
  }
  #piedpage li{
    display:inline;
  }



 /* code css pour définir la pop up */


  
   h1 {
      font-family:arial, verdana, sans-serif; 
      font-size:16px;
      font-weight:bold;  
      color:#62c0f4;  
   }
   
   a.bulle {
     position:relative;
     color:#396a86; 
     text-decoration:none; 
     font-family:arial, verdana, sans-serif; 
     text-align:center; 
     font-size:11px;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50; 
   }
   
   a.bulle span { 
     display: none!important;
   }

   a.bulle:hover span {
      display: block!important; 
      position: absolute;
      top: -10px; 
      left: 40px;
      font-family:arial, verdana, sans-serif; 
      text-align:justify; 
      font-size:12px;
      font-weight:normal;
      width:400px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;
   }
   
-->