body {
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#3f4c56;
background: white;

     text-align: center;
}       


*{
    margin: 0;
    padding: 0;
}

#conteneur{
width: auto;
border: 0;
margin: 0 5%;
padding: 0;

    
}

#bg{
        
        float: left;
        width: 1000px;
        height: auto;
}
#centre{
 
width: auto;
border: 0;
margin: 0 5%;
padding: 0;

    
}

#centre_result{
 
    width: 781px !important;
    width: 811px;
	font:Arial;
    
    padding-left: 15px;   
    padding-right: 15px;   
    float: left;
    background-image: url('/_common/images/fond_result.jpg');
    background-repeat: no-repeat;
    
}

h1{

    font-size:1.8em;

    padding: 0;
    margin: 0;
    color: #3f4c56;
    text-transform: uppercase;

    padding-bottom: 10px;;
        padding-top: 35px;;

}

h2{
    padding: 0;
    margin: 0;
    color: #3f4c56;
    
    font-size:1.2em;
    padding-bottom: 10px;;

}

form{
    padding: 0;
    margin: 0;
}

label{
    cursor: pointer;

}

a{

}

img{
    border: 0;
}

/* Présentation du formulaire de recherche */

#recherche{

    display: none;
   
}

#recherche2{

    
        display: none;
   
}



/* Présentation des résultats et de la fiche détaillé */
#hotel{
    width: 781px;
    
position: relative;
}
    
    
#hotel h1{
  
width: 403px;
text-align: right;

font-size:1.8em;
padding-top: 19px;
}

#hotel h3{
    color:#3f4c56;
    font-size:11px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid black;
    height: 20px;
    line-height: 20px;;
    width: 100%;
    position: relative;
}

#hotel img{
    border: 0;
    
    
}
#colonneGauche{
    width: 403px;
    float: left;
}

#colonneDroite{
    width: 358px;
    float: right;
}

#texte{
    width: 260px;

    overflow: hidden;
    float: right;
    text-align: justify;
    font-size:1.2em;
    font-weight: bold;
    font-style:italic;
    margin-bottom: 12px;
    

}
#agenda {
    border: 1px solid #515b64;
    clear: both;
    float: left;
    text-align: left;
    width: 318px;
    position: relative;
 
}

#hotel p{
    padding: 0;
    margin: 0;
}

#visuel{
    background-image: url('/_common/images/fond_image.jpg');
    width: 403px;
    height: 246px;
    float: left;
    overflow: hidden;    
    position: relative;
    top:0px;
    left:7px;
}

#adresse{
    
    width: 358px;

    
    float: left; 
    font-size:12px;
    position: relative;
	font:Arial;
    background-image: url('/_common/images/fond_adresse.gif');

}

#adresse_monument{
        width: 358px;
    float: left; 
    font-size:12px;
    position: relative;
        background-image: url('/_common/images/fond_adresse_rouge.gif');
}





#tarif ,  #tarif_monument{
    
    width: 328px;
    padding: 15px;
    

    float: left; 
    font-size:1.1em;
    color:#58585a;
    position: relative;
    font-weight: bold;

    background-image: url('/_common/images/fond_tarif.gif');
    
}

 #tarif_monument{
     
     background-image: url('/_common/images/fond_tarif_rouge.gif');
 }

#tarif table{
border:1px solid black;
border-collapse:collapse;
font-size:11px;
}
  
  #tarif_monument table{
border:1px solid black;
border-collapse:collapse;
font-size:11px;
}



#tarif   tr{

font-size:11px;
}
 #tarif_monument tr{

font-size:11px;
}


#tarif  td{
    border:1px solid black;
font-size:11px;
font-weight: bold; 

}
#tarif_monument td{
    border:1px solid black;
font-size:11px;
font-weight: bold; 

}

#tarif  p{
    padding: 0;
    margin: 0;
}
#tarif_monument p{
    padding: 0;
    margin: 0;
}

.ln{
    padding-top: 17px;
    padding-bottom: 15px;
}
#adresse #detail{
    position: relative;
    left: 15px;
    padding-bottom: 15px;;
}

#adresse_monument #detail{
    position: relative;
    left: 15px;
    padding-bottom: 15px;;
    padding-top: 15px;;
}

#adresse a{
    
    color :#3f4c56;
}
#adresse_monument a{
    
    color :#3f4c56;
}

.titreMenuDroit{
    width: 328px;
    height: 22px;
line-height: 10px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color:#3f4c56;
    font-weight: bold;
}

.titreMenuDroitPatrimoine{
    width: 328px;
    height: 22px;
line-height: 10px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color:#3f4c56;
    font-weight: bold;
}

.titreMenuDroit span{
    
    font-style:italic;
    font-weight: normal;
    font-size: 10px;
}

.day {
    float: left;
    width: 38px;
  text-align: center;
    color: #58585a;
    font-size: 11px;
    height: 20px;
    line-height: 20px;    
}

#zoneAjax{
    
    width:403px;

    float: left;
    
}
.titreMenuDroit .box{
    float: left;
    width: 10px;
    height: 10px;
    background-color: #fdd35c;;
margin-right: 5px;    
}

.titreMenuDroitPatrimoine .box{
    float: left;
    width: 10px;
    height: 10px;
    background-color: #ee847f;;
margin-right: 5px;    
}

.dispo{
      float: left;
    width: 12px;
    height: 12px;
    background-color: #b7cc1b;;
margin-right: 5px;  
 
}

.confort{
    width: 50px;
    height: 60px;
    float: left;
    text-align: center;
}

.label{

    height: 80px;
    float: left;
    text-align: center;
    padding-right: 15px;
}
.nonDispo{
       float: left;
    width: 12px;
    height: 12px;
    background-color: #cd3b3b;;
margin-right: 5px;     
}


.dday{
    
    width:38px; 
    height:21px;
    text-align:right    ;
    
    float:left;
    display: block;
    font-size:11px;
    position: relative;
}

.ddayon{
    border:1px solid black;
    width:36px !important; 
    width:38px; 
    height:19px !important;
    height:21px;
    text-align:right;
    
    float:left;
    display: block;
    font-size:11px;
    position: relative;
}

.ddayon_agenda{
  

    width:38px; 

    height:21px;
    
           
    float:left;
    display: block;
    font-size:11px;
    position: relative;
    background-color: #3f4c56;
    

}

.detailDay{
    position: absolute;
    bottom:1px;
    right:3px;
    
}.detailDayOn{
    position: absolute;
    bottom:1px;
    right:3px;
    color:white;
    font-weight: bold;
    
}

.detailDayAgenda{
    position: absolute;
    bottom:1px;
    right:13px;
    
}.detailDayOnAgenda{
    position: absolute;
    bottom:1px;
    right:13px;
    color:white;
    font-weight: bold;
    
}

#legendeDispo{
    
    color: #576168;
    font-size: 11px;
    font-style: italic;
    clear:both;
     width:240px;
     padding-top:7px; 
     padding-bottom:7px; 
     position: relative; 
     left:20px;
}
#picto{
    width: 358px;
    height: 34px;
    float: left;
    text-align: right;
    
}

table td{
    border: 1px solid black;
    padding: 2px;
}

#resultat{
width: 781px;

    padding-top: 15px;
    
}

.detResultat{
    
    width: 260px;
    height: 233px;

    float: left;
    
    cursor: pointer;
   padding-bottom: 60px;;   

    
}


.bgResultat{
    
width: 260px;
height: 233px;

background-image: url('/images/bg_resultat.gif');
float: left;    
position: relative;
 z-index: 50;
    
}

.detResultatTitre{
    
    font-weight: bold;
    font-size: 14px;
    color :#3f4c56;
    cursor: pointer;
    width: 250px;
    height: 35px;
    float: left;
    position: relative;
    left:5px;
    
}

.detResultatTirePos{
    position: absolute;
    bottom: 0px;
	font-family:Arial;
	

}


.detResultatContenu{

    
    height: 90px;
    padding-left: 10px;;
    margin: 0px;
    font-size: 12px;
    color: #3f4c56;
}

.texteAdresse{

    width: 230px;
	font-family:Arial;
	margin:0px;
	padding:0px;

     height: 75px;
    overflow: hidden;
    position: absolute;
    top: 146px;
    font-size: 1.1em;

    left: 10px;
    z-index: 8000;

}

.texteAdresseSansImage{

    width: 230px;
	font-family:Arial;
		margin:0px;
	padding:0px;

     height: 75px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    font-size: 1.2em;

    left: 10px;
}

#resultat a{
    
    color: #378fad;
    font-size: 12px;
    font-weight: bold;
}

.detailLien{
    position: absolute;
    font-size: 1em;;
    left:199px; 
    top:233px;
    font-weight: bold;
	color :#3f4c56;
	font-family:Arial;
}









#entete{
    width: 1000px;
    height: 266px;

    position: relative;
    display:none;
}

#nav_entete {
    padding: 0;
    margin: 0;
    position: absolute;
    left:920px;
    top:50px;
    width: 60px;
    text-align: right;
    color: white;
}

#entete a{
    color:white;
    text-decoration: none;
    font-size: 1.1em;
}

#entete a:hover{
    text-decoration: underline;
}

#nav_entete{
    
    list-style-type: none;
    
    
}



#nav_entete li{
    padding-bottom: 8px;;
    line-height: 11px;;
    
}

#lienMeteo{
      position:absolute; 
      left:710px; 
      float:left 
}

#lienVenir{
      position:absolute; 
      left:780px; 
      float:left 
}

#lienWebcam{
      position:absolute;
      left:830px;
      float:left; 
    
}

#nav_haut ul{
        list-style-type: none;
}
#nav_haut li{
        float:left;
        border-right: 2px solid white;;
        height: 13px;
        line-height: 13px;
        padding-left: 10px;
        padding-right: 11px;
}

#nav_haut a{
    font-size:1.3em;
}
#nav_haut{
    list-style-type: none;
    position: absolute;
    left: 183px;;
    top:220px;
    margin: 0;
    padding: 0;
}

#form_recherche {
    position: absolute;
    left: 770px;
    top: 218px;
    
}

#form_recherche #keyword{
    height: 14px;
    width: 91px;
    float: left;
    font-size:0.9em;
    color :#3f4c56;
    padding-left: 3px;
}

#form_recherche #submit_b{
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    top:1px;
    left: 1px;
}

#menu_gauche{

    display:none;
}

#coquille_menu{
    
    position: absolute;
    top:0;
    left: 12px;
    z-index: 1;
}

#detail_menu_gauche{
    position: relative;
    top:0;
    left: 12px;
    z-index: 20; 
    list-style-type: none;   
}

#detail_menu_gauche a{ 
    color:white;
    text-decoration: none;
}

a.lien_menu_gauche{
    color: white;
    font-size:1.1em;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 10px;;
    font-weight:bold;
}

#detail_menu_gauche li{

    
    border-bottom: 1px solid white;
    
    width: 168px;
    float: left;
    position: relative;   
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

#detail_menu_gauche li:hover{
    
background-image: url('/images/bg_orange.gif');
background-repeat: repeat-y;
}

.li_gauche_hov{
    
background-image: url('/images/bg_orange.gif');
background-repeat: repeat-y;
}

.li_gauche_normal{

}



.titreColonne{
    position: absolute;
    top: 8px;
    left:0px;
    color: white;
    z-index: 5000;
    padding-left: 10px;
    font-size:1.2em;

    font-weight: bold;
    
    
}
.titreColonneOn{
    position: absolute;
    top: 8px;
    left:0px;
    color: #fbba00;
    font-weight: bold;
    z-index: 5000;
    padding-left: 10px;
    font-size:1.2em;
    
}



.fondTitreColonne{


    
    background-color: white;

      
    opacity: 0.3;
    filter : alpha(opacity=30);

    display: none;
    position: relative;
    top: 0px;
    left: 6px;
    
}



.content_sm{
    
    position: absolute;
    left: 0px;
    top: 25px;
    display: none;
       
     text-transform: none;
}

a.lienmg{
    color:white;
    font-size:1.1em;
    text-decoration: none;
    font-weight: bold;
    line-height: 12px;
width: 135px;
}

.detLienMG{
    float:left;
    height: 15px;
    margin-right: 3px;;

    
    
}
a.lienmg:hover {
    color:#fbba00;
    font-size:11px;
    text-decoration: underline;

    font-weight: bold;    
    line-height: 12px;
}


.alinea_lien_gauche{


width: 155px !important;;
width: 175px;;

    padding-left: 10px;
    padding-right: 3px;
    letter-spacing: 1px;
    line-height: 10px;
    padding-bottom: 3px !important;
    padding-bottom: 2px;
    font-weight: bold;
    clear: both;

}


#abo_lettre_info{
   background-color:#3b6e82;
   float:right;

   height:50px; 

   padding-left: 10px;;
   padding-right: 5px;;
   padding-top: 5px;;
   padding-bottom: 5px;;
   width: 153px !important;
   width: 153px;
      

   position: relative; 



   border-bottom:1px solid white;
   text-transform: uppercase;
   color: white;
   font-size:1.2em;
   font-weight: bold;
}


#lettre_info #email{
    width: 120px;
    height: 16px;
    border: 0;
    font-size:1.1em;
    background-color:#c5c9d6;
    
}

#ariane{
       display: none; 

    
    
    
}

#posAriane{
    position: absolute;
    bottom: 0px;
    
}

#ariane_level1{
    text-transform: uppercase;
    float: left;
    
    
    
}
#ariane_level2{
   float: left; 
    
}
#ariane_level3{
    
    float: left;
}

#retour{
    text-align:center;
    padding-top: 35px;
    width: 750px;
    float: left;
    clear: both;
    z-index:6000;
    position: relative;
    display:none;
}


#actuHome{
    width: 526px;
    height: 300px;
    background-image: url('/images/fond_actu_home.gif');
    position: relative;

}

#fond_image_article{
      background-image: url('/images/fond_actu_home.gif');
    position: relative;  
        width: 526px;
    height: 300px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    
}

.noprint{
    display: none;  
}
#bandeau_actu{
       position: absolute;
    top:212px;
    left:6px; 
    width: 511px;
    height: 80px;
    background-color: black;
    z-index: 5000;

    opacity: 0.5;
    filter : alpha(opacity=50);
}

#contenuHome{
    
    color:white;
    position: absolute;
    top: 215px;
    left: 25px;
    width: 475px;
    height: 58px;
    z-index: 5000;
    overflow: hidden;
    font-size:11px;
          
    text-align: justify;

    
}

#actu_principal{
    float: left;
    
padding-bottom: 15px;    
}

#actu_principal h1{

    font-size:17px;
        padding: 0;
    margin: 0;
    padding-left: 5px;;
    padding-top: 8px;;
    text-transform: none;
}

#actu_principal h2{
    font-size:14px;
    color:#378fad;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    padding-left: 5px;;
}

.actuLst{
    height: 300px;
    width: 786px;;
    float: left;
    position: relative;
    clear: both;
    
}
.actuLst h1{

    
    padding: 0;
        margin: 0;
    padding-left: 5px;;
    text-transform: none; 
    color: #3f4c56;
    font-size:13px;
    font-weight: bold;
    
}
.actuLst h2{
    font-size:12px;
    font-weight: bold;
    color:#378fad;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    padding-left: 5px;;
}

.contenu_det_actu{
    
    position: relative;
    top: 180px;
    height: 130px;;
        overflow: hidden; 
}

.c_txt{
    
   
    overflow: hidden; 
    padding-left: 5px;
    padding-right: 5px;
    text-align: justify;
    font-size:11px;
}

.lien_actu{
      color:#378fad;
      font-size:11px; 
      padding-left: 5px;
      font-weight: bold;
      text-decoration: none;
      
      font-style: italic;


}

.actuLst  td {
    
    border:0;
}

#centre a{
    
    color:#378fad;
    text-decoration: none;
}

#bas_nav{
    display: none;
}

#fermeture{
    display: none;
}


#bas_nav a{
    color:#3f4c56;  
    text-decoration: none;
    
}

#agenda_home {
    position: relative;
    width: 258px;
    height: 343px;
    float:right;
    /*background-image: url("/images/fond_agenda.jpg");*/
	background-image: url("/images/fond_agenda_temp.jpg");
    overflow: hidden;
       
       z-index: 99000;
}

#bg_form_agenda{
       width: 254px;
       left:4px;   
       top:50px;
       
       position: absolute; 
    background-color: #3f4c56;
    height: 80px;
    opacity: 0.1;
    filter : alpha(opacity=10);

          
}

#select_theme{
    
    width:240px;    
    position: absolute;
    top:65px;
    left:10px;
}


#lst_commune{
    
    width:240px;    
    position: absolute;
    top:95px;
    left:10px;
}


#contenuAgendaHome{
    position: absolute;
    left: 20px; 
    top:60px;
    width:222px;
    height: 280px;
    overflow: auto;
    text-align: justify;
    padding-right: 10px;
}

#centre_prepage{
    
    width: 1018px;
    height: 590px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-image: url("/images/prepage.jpg");
    position: relative;
            
}

.act{
color:#fabb00;    
font-size:16px;
font-weight: bold;
width: 257px;
}

.act a{
  color:#fabb00;  
  text-decoration: none;    
}

.act a:hover{
  color:#fabb00; 
  text-decoration: none;   
}
#act1{
    position: absolute;
    top: 410px;
    left:100px;
    
}

#act2{
        position: absolute;
    top: 410px;
    left:418px;
}

#act3{
        position: absolute;
    top: 411px;
    left:723px;
}

#formAvance{
   width:760px; 
   position:relative;


   padding: 10px;
    
}

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

#formAvance li{
    width: 200px;
    
    
}
#pos_calendrier{
     width:270px; 
     position: absolute; 
     left:240px; 
     top:10px;
       z-index:80; 
}
#pos_commune{
     width:240px; 
     height: 350px;
     overflow: auto;
     
     position: absolute; 
     left:530px; 
     top:10px;     position: absolute;
     z-index:80; 

}     
#pos_cat{
     width:240px; 
     height: 350px;
     overflow: none;
     
     position: absolute;
     z-index:80; 
     left:20px; 
     top:10px;
}

#formAvance h3{
    
    font-size:11px;
}
#formAvanceVertical{
   float: left;
   position:relative;
   padding-left: 20px;;
    
}

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

#formAvanceVertical li{
    width: 200px;
    
    
}
#pos_calendrierVertical{

position: relative;   
     left:0px; 
     top:20px; 
}
#pos_communeVertical{

clear: both;
       
     position: relative; 
     left:0px; 
     
     padding-top: 20px;;
}

#formAvanceVertical h3{
    
    font-size:11px;
}

#resultatAgenda{
    
    position: relative;
    top:60px;
    
    float:left;
    width: 350px;
    width: 770px;
    padding-bottom:40px;
   
}

#fond_agenda{
      position: absolute;
      top: 0px;
      left:0px;
       background-color: #3f4c56;
       opacity: 0.1;
    filter : alpha(opacity=10);
    width: 780px;
    height: 420px;
}

.lib_categorie{
    color:#378fad;
    font-size:12px;
    text-transform: uppercase;
    font-weight:bold;
    position: relative;
    margin-top: 270px;
    left: 10px;

    
}


.billet_categorie{
      color:#378fad;
    font-size:12px;
    text-transform: uppercase;
    font-weight:bold;
    position: relative;
       position: relative; 
        top: 5px;
        left: 10px;

}

.sejour_categorie{
      color:#378fad;
    font-size:12px;
    text-transform: uppercase;
    font-weight:bold;
    position: relative;
       position: relative; 
        top: 200px;
        left: 15px;
        

}

.lib_titre{
       position: relative;
         left: 10px;  
         width: 165px;
         font-weight: bold;
         font-size:12px;
         margin-bottom: 5px;;

}
.sejour_titre{
       position: absolute;
         left: 15px;  
         top:215px;
         font-weight: bold;
         font-size:12px;
         margin-bottom: 5px;;

}

.billet_titre{


       position: relative; 
        left: 10px;
         font-weight: bold;
         font-size:12px;
         margin-bottom: 5px;;
        top: 5px;
}

.lib_contenu{
       position: relative; 
        left: 10px;
        width: 165px;    

}

.sejour_contenu{
       position: absolute; 
                top:230px;
        left: 15px;
width: 245px;
  

}

.sejour_prix{
    position: absolute;
    top:170px;
    left:280px;

    width:75px;
    height: 32px;
    z-index:400;
    text-align: right;
font-size:12px;
font-weight:bold;
margin-top: 10px;;
}

.billet_contenu{
       position: relative; 
        left: 10px;
 
        top: 5px;
}

.lib_bas{
    display: block;
    width: 165px;
    height: 20px;;
    position: absolute;
    top:360px;

    left:0px;
    z-index: 5000;
    background-color: #fddc7f;
    color:#378fad;
    font-weight: bold;
    margin-left: 10px;
    line-height: 30px;
}

.lib_bloc{
    
     width: 185px; 
     height:394px; 
     margin-bottom: 70px;
     background-repeat: no-repeat;
     cursor:pointer; 
     position:relative; 
     
     float:left; 
     background-image:url(/images/fond_lib.gif)
}

.lib_prix{
    
    position: absolute;
    top:372px;
    
    left:100px;
    width: 70px;
    height: 35px;
    z-index:55000;
}

.surtitre_produit{
    color:#378fad;
    font-size:12px;
    text-transform: uppercase;
    font-weight:bold;
}
.titre_produit{
    
    font-size:14px;
        
    font-weight:bold;
    margin-bottom: 15px;
}

#panier_mini{
    float: right;
    width: 420px;;
    position: relative;
    

}

#loader{
    width: 230px;
    background-color: white;
    height: 120px;
    position: absolute;
    top: 20px;
    left: 100px;
    display: none;
    text-align: center;
    border: 1px solid black;
    padding-top: 30px;
    font-weight:bold;
    font-size:14px;
}

#suivi_commande {
    width: 154px;

    height: 242px;
    padding-right: 10px;;
    position: absolute;
    right: 15px;
    top: 25px;
   
}

#top_suivi_commande{
    background-image: url('/images/entete_etape_boutique.gif');
    float: left;
    height: 26px;
    width: 134px;
    padding: 8px;
    font-weight:bold;
    font-size:12px;
    padding-left: 15px;
        
}

#bas_suivi_commande{
    
   
    
        background-image: url('/images/bas_etape.gif');
    float: left;
    height: 149px;
    width: 134px;
    padding: 8px;
    font-weight:bold;
    font-size:12px;
    padding-left: 15px;
}

#coordonnees  table{
    border-collapse: collapse;
    font-size:12px;
}


#coordonnees  td{
    border: 0px;
    padding: 0;
    margin: 0;
    height: 25px;
}
#coordonnees  input{
    border: 1px solid;
    
}