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

#page{
  width:auto!important;
  padding-left:0!important;
}

*{margin:0;padding:0;}
body{background-color:#F1F1F1;font-family: Arial, sans-serif;font-size:11px;color:#313131;}

/* ================================== */ 
/* ===== GENERAL ======= */
/* ================================== */ 


.clear{clear:both;}
.clearf{clear:left;}
.fleft{float:left;}
.fright{float:right;}
.relative{position:relative;}
.nobr {white-space: nowrap;}
.hidden {display: none;}
a{color: #313131;text-decoration: none;font-weight: normal;cursor:pointer;}
a:hover{text-decoration: underline;}
a.none:hover{text-decoration:none;}
dl, dt, dd, ul, li {list-style-type: none;list-style: none;}
img, img a{border:none;}
input{font-size:11px;}
fieldset{padding:0;margin:0;border:none;}
ul{margin:0;}

h2{font-family: Georgia;font-size:22px;font-weight: normal;line-height:25px;}
h3{font-size: 14px;font-weight:normal;}
h4{font-size: 12px;font-weight:normal;line-height:14px;}
.title16{font-size:16px;line-height:16px;}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}

.absmiddle {vertical-align: middle;margin-bottom: .25em;}
.flag{margin-right:4px;}
.centered {margin: 0 auto;}


.geo{font-family: georgia;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}
.t22{font-size:22px;}
.t30{font-size:30px;}

.h16{line-height:16px;}
.h17{line-height:17px;}
.h18{line-height:18px;}
.h20{line-height:20px;}
.h22{line-height:22px;}
.h24{line-height:24px;}
.h29{line-height:29px;}

.uppercase{text-transform: uppercase;}

.blanc{color:#ffffff}
.c3c{color:#3c3c3c;}
.c31{color:#313131;}
.rouge, a.hoverRouge:hover{color:#df2438;}
.violet{color:#8376b0;}

.bgRouge{background-color: #df2438;padding:0 2px;}
.bgJaune{background-color: #fabd15;padding:0 2px;}
.bgViolet{background-color: #4a4f99;padding:0 2px;}
.bgBlanc{background-color: #ffffff;padding:0 2px;}
.bgNoir{background-color: #313131;padding:0 2px;}

.bulle{background: url(../img/home/fond_bulle.gif) no-repeat right bottom;padding-bottom:5px;}

.padding5{padding:5px;}
.padding10{padding:10px;}
.marginB1{margin-bottom:1px;}
.marginR9{margin-right:9px;}
.marginB10{margin-bottom:10px;}
.marginB5{margin-bottom:5px;}
.marginR10{margin-right:10px;}
.marginAuto{margin:auto;}
.marginB20{margin-bottom:20px;}

.block{display:block;}
.inline{display:inline;}

.bold{font-weight:bold;}

.fondOpacity{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:0;
  filter:alpha(opacity=50); /*pour ie*/
	opacity: 0.5; /*pour firefox */
	-khtml-opacity: 0.5;/* pour safari et konkeror*/
  background-color: #000000; 
}
.zindex10{z-index:10;position:relative;}
zindex0{z-index:10;position:relative;}


/* ================================== */ 
/* ===== COMMUN ======= */
/* ================================== */ 
.bt{float:left;height:19px;padding:4px 0px 0 0;background:url(../img/bt_center.png) 0 0 repeat-x;display:block;text-align:left;}
.bt a{background:url(../img/fleche_noire.gif) 4px 4px no-repeat;padding-left:11px;padding-right:4px;}
.bt a:hover{background:url(../img/fleche_rouge.gif) 4px 4px no-repeat;color:#e22232;text-decoration:none;}


h1.h1_titreAccueil{
  font-weight:normal;
  padding:5px 5px 3px 5px;
}
#p_introAccueil{
  font-size:10px;
  line-height:12px;
  text-align: justify;
  padding:0 5px 3px 5px;
}

#general{
  width:810px;
  padding:0 15px 5px 16px;
  margin-left:65px;
  background-image: url(../img/fond_general.png);
  background-repeat: repeat-y;
  position:relative;
}

#div_headerGeneral{
  padding:0 7px 5px 10px;
  height:195px;
}

  #div_bandeau_0{
    float:right;
    width:400px;
  }
    #ul_headerLiensDroite p{
      float:right;
      padding-left:5px;      
    }
    a.a_btYellow{
      background-color:#ffcc00;
      color:#FFFFFF;
      display:block;
      height:18px;
      padding:4px 7px 0;
      text-align:center;
    }
    
    #li_mediatheque{
      width:80px;
    }
    #li_myProvence{
      width:78px;  
    }
    #li_presseEtPro{
      width:104px;
    }

    
  #div_bandeau_1{
    float:left;
    padding-top:5px;
    font-size:10px;
  }
    #div_bandeau_1 div{
      display:inline;
      margin-right:10px;
    }
    #div_Lienslangues{
      line-height:18px;
      border-left:1px #313131 dotted;
    }
    #div_Lienslangues span, #div_Lienslangues a{
      padding:0 4px;
      border-right:1px #313131 dotted;
    }
    #div_dateHaure{
      color:#6b6b6b;
    }
    
  #div_bandeau_2{
    clear:right;
    float:right;
    text-align:right;
    padding-top:62px;
    height:81px;
    width:334px;
  }
    #div_HeaderRecherche{
      
    }
      #inpt_headerLanceRecherche{
        float:right;
        margin-left:3px;
      }
      #inpt_headerRecherche{
        /*border:none;
        background-image: url(../img/header/fond_inputRecherche.gif);
        width:150px;
        height:18px;
        color:#3c3c3c;
        padding:5px 5px 0; 
        font-weight:bold;     */
        background:#F2F2F2 none repeat scroll 0 0;
        border:1px solid #BCBCBC;
        color:#3C3C3C;
        float:right;
        font-size:10px;
        font-weight:normal;
        height:17px;
        padding:5px 0 0 10px;
        width:206px;   
      }
    
  #div_bandeau_3{
    padding-top:20px;
    clear:left;
    float:left;
  }
  
  #div_bandeau_4{
    clear:both;
    padding-top:10px;
    margin-bottom:5px;
  }
    #div_bandeau_4 li{
      display:block;
      padding:0 7px;
      float:right;
    }
    #div_bandeau_4 a{
      display:block;
    }
    #div_bandeau_4 img{
      display:block;      
    }
    
    
#menu{
  width:230px;
  float:right;
  padding-right:11px;
}
  div.menu_general{
    margin-bottom:10px;
  }
  
  #div_menuInfoContactContent{
    background-color: #f1f1f1;
    padding:5px 10px;
  }
    #inpt_numRappel{
      float:left;
      border:none;
      width:140px;
      height:14px;
      display:block;
      padding:2px;
      margin-right:10px;
      margin-top:2px;
    }
    #a_validRappel{
      float:left;
      width:20px;
      height:20px;
      display:block;
      text-align:center;
      color:#ffffff;
      background-color: #2b2b2b;
      line-height:20px;
    }
    
  #div_menuCptCli{
    background-image: url(../img/menu/menu_fondAccesCptCli.jpg);
    height:155px;
    padding:10px;
  }
    #inpt_login_client, #inpt_password_client{
      border:1px #afafaf solid;
      margin:2px 0;
      width:200px;
      padding:4px;
    }
    #div_passwd_oublie{
      text-align:right;
      margin-top:5px;
      margin-bottom:10px;
    }
    #bt_okCptCli{
      display:block;
      width:20px;
      height:20px;
      float:right;
      background-color: #313131;
      color:#ffffff;
      line-height:20px;
      text-align: center;
    }
    #a_passwd_oublie:hover{
      color:#e22232;
    }
  
  #div_menuLocVoiture{
    padding:30px 0;
  }
  
  #div_menuNewsletter{
    background-image: url(../img/menu/fond_newsletter.jpg);
    height:24px;
    padding:22px 10px 0 10px;
  }
    #inpt_mailNews{
      float:left;
      border:none;
      width:140px;
      height:14px;
      display:block;
      padding:2px;
      margin-right:5px;
      color:#222222;
    }
    #a_validNews{
      float:left;
      width:18px;
      height:18px;
      display:block;
      text-align:center;
      color:#282828;
      background-color: #ffffff;
      line-height:18px;
    }
    
  #div_menuMyProvence{
    background: url(../img/menu/myprovence.jpg) no-repeat;
    width:210px;
    height:213px;
    padding:10px;
    position:relative;
  }
    #a_myprovence{
      position:absolute;
      bottom:5px;
      right:10px;
      background: url(../img/menu/bt_voirMyProvence.gif) no-repeat;
      display:block;
      width:24px;
      height:24px;
    }
      #a_myprovence:hover{
        background: url(../img/menu/bt_voirMyProvenceHover.gif) no-repeat;
      }
    #div_txtMyProvence{
      border-top:1px #313131 dotted;
      padding-top:10px;
    }
    #a_myprovenceHaut{
      height:110px;
    }
    #div_menuMyProvence a:hover{
      text-decoration:none;
    }
    


/*#div_labels{display:none;}
/***** Pied de page *****/
li.li_partenaires{
  float:left;
}

#piedpage{
  padding:0 10px;
}
  #div_pourquoiReserver{
    width:550px;
  }
    #div_contentPourquoiReserver{
      background-image: url(../img/footer/content_pourquoiReserver.gif);
      background-repeat: repeat-y;
      padding:10px;
    } 
    
    ul.ulFleche{  
      padding-left:15px;
    }
      ul.ulFleche li{
        list-style-image: url(../img/fleche_noire.gif)!important;
      } 
      
  #div_piedpage_2{
    padding-top:30px;
    clear:both;
  }

  #div_footerLiens{
    border-top:1px #e9e9e9 solid;
    padding-top:20px;
    background: url(../img/footer/logo_cdt.gif) no-repeat right 10px;
    color:#B4B4B4;
    font-size:10px;
    padding-right:320px;
  }
    #div_footerLiens a{
      color:#B4B4B4;
    }
    #div_footerLiens li{
      display:inline;
      padding:0 5px;
      line-height:14px;
    }
    #div_footerLiens ul{
      margin-bottom:3px;
    }
    li.li_footerLienBordure{
      border-left:1px #b4b4b4 solid;
    }
    
/* moteur specif accueil */
#div_moteurRecherche .online_resa#moteurHebergement{background:url(../img/moteur/hebergement_home.gif);}
#div_moteurRecherche .online_resa#moteurSejours{background:url(../img/moteur/sejour_home.gif);}
#div_moteurRecherche .online_resa#moteurActivites{background:url(../img/moteur/activites_home.gif);}