/*hack des images en png*/
/*BUG: si on rajoute le selecteur "a", qqs elements retrouvent un fond gris...*/
img,a.spip_out,
#bandeau_zebre,
#langue_fr,#langue_en,#langue_de,#langue_it,
h3.spip,
#img_slider_avant,#img_slider_arriere,
.affiche_tarif,.calendrier_avant,.calendrier_arriere,
.encart_tarif,.encart_liens_tarif,.encart_tarif p.resa a,
#form #form_submit input{
behavior: url(http://www.ladijean.fr/iepngfix.htc);
}

*{
margin:0;
padding:0;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
outline:none;
}

h1,h2,h3,h4,h5,h6,p,li{
font-size:1em;
list-style-type:none;
}

p{
font-size:0.8em;
padding:5px 40px;
text-indent:20px;
text-align:justify;
}

html{
background-color:#3c2c1b;
overflow-y:scroll;
/* Image HOLO
background-image:url('images/holo_strasbourg.png');
background-repeat:no-repeat;
background-position:60px 560px;
*/
}

#bandeau_zebre{
position:fixed;
z-index:45;
height:101px;
width:100%;
background-image:url('images/entete_zebre.png');
}

#bg_wrapper{
width:864px;
margin:auto;
}

#wrapper{
width:864px;
background-image:url('images/fond_wrapper.png');
background-repeat:repeat-y;
}

#contenu{
width:800px;
margin-left:12px;
padding-left:20px;
padding-right:20px;
}

#entete{
width:864px;
height:140px;
}

#cache_entete{
position:fixed;
top:0;
height:140px;
width:828px;
margin-left:16px;
background:url('images/cache_entete.png') top left repeat;
z-index:35;
}

#logo{
width:256px;
height:140px;
float:left;
}

#menus{
width:604px;
height:140px;
margin-left:256px;
}

#entete h1{
display:none;
}

#logo_site{
position:fixed;
z-index:50;
}

/* -------------- Menu Langue ----------*/
#menu_langue{position:fixed;z-index:50;width:604px;margin-top:60px;height:20px;}
#menu_langue ul{float:right;margin-right:26px;}
#menu_langue li{float:left;}
#menu_langue .drapeau strong{display:none;}
#menu_langue li.drapeau a{display:block;margin-right:2px;width:20px;height:20px;cursor:pointer;}
#menu_langue li.drapeau a#langue_fr{background-image:url('images/france.png');}
#menu_langue li.drapeau a#langue_en{background-image:url('images/england.png');}
#menu_langue li.drapeau a#langue_de{background-image:url('images/deutchland.png');}
#menu_langue li.drapeau a#langue_it{background-image:url('images/italia.png');}
#menu_langue li.drapeau a:hover, #menu_langue li.drapeau a.on{background-position:bottom;}

/*-----------------Menu ----------------*/
#menu{position:fixed;z-index:40;height:34px;width:604px;text-align:right;margin-top:93px;}
#menu ul{float:right;margin-right:28px;}
#menu ul li{float:left;}
#menu ul li a{color:white;text-decoration:none;}
#menu ul li a span.menu_bouton_gauche{display:block;float:left;width:11px;height:34px;background-image:url('images/menu_bouton_gauche.png');background-position:top;}
#menu ul li a:hover span.menu_bouton_gauche,
#menu ul li.on a span.menu_bouton_gauche{background-position:bottom;}
#menu ul li a strong{font-weight:normal;font-size:0.7em;padding-top:5px;float:left;height:29px;background-image:url('images/menu_bouton_centre.png');background-position:top;background-repeat:repeat-x;cursor:pointer;}
#menu ul li a:hover strong,#menu ul li.on a strong{padding-top:7px;height:27px;background-position:bottom;}
#menu ul li a span.menu_bouton_droit{display:block;float:left;width:11px;height:34px;background-image:url('images/menu_bouton_droit.png');background-position:top;}
#menu ul li a:hover span.menu_bouton_droit,#menu ul li.on a span.menu_bouton_droit{background-position:bottom;}

/*-------------- Encart description Accueil--------*/
#contenu_haut{
height:240px;
width:800px;
}

#accueil_description{
float:left;
width:270px;
height:230px;
}

#accueil_description h2{
height:49px;
width:270px;
background-image:url('images/description_accueil_chapo.png');
}

#accueil_description h2 img{
margin-top:15px;
margin-left:30px;
}

#accueil_description .encart{
position:relative;
background-color:white;
height:181px;
padding-left:5px;
}

.contenu_appart{
position:relative;
/*pour que les <a> soit en absolu*/
}

#accueil_description p{
font-size:0.7em;
padding:5px 10px;
}

#accueil_description p a,.contenu_appart p a{
position:absolute;
bottom:10px;
right:10px;
}

/* ------------Gestion des Liens PLUS */

div.encart p a,.contenu_appart p a{
font-size:1em;
height:15px;
padding-top:1px;
background-repeat:no-repeat;
color:#dc7c1d;
text-decoration:none;
text-indent:0px;
/*background-image:url('images/liens_plus_orange.png');*/
}

.contenu_appart p a{
color:white;
/*background-image:url('images/liens_plus_blanc.png'); */
}

div.encart p a:hover{
height:14px;
border-bottom:1px solid #dc7c1d;
}

.contenu_appart p a:hover{
height:14px;
}


#accueil_description p span.plus{
display:block;
width:15px;
height:16px;
}

/*----------------Encart marche de Noel-----*/


#accueil_caroussel{
float:left;
width:530px;
height:230px;
}

#accueil_caroussel li{
width:516px;
height:216px;
padding:7px;
position:relative;
background-color:white;
}

#accueil_caroussel li div.encaroussel{
width:516px;
height:216px;
}

#accueil_caroussel li img{
width:516px;
height:216px;
}


#accueil_caroussel li div.bandeau,#accueil_caroussel li div.bandeau_texte{
position:absolute;
bottom:7px;
left:7px;
padding-right:10px;
text-align:right;
width:506px;
height:40px;
}

#accueil_caroussel li div.bandeau{
background-color:#e57e1a;
opacity:0.9;
}

#accueil_caroussel h2{
color:white;
font-size:1.2em;
}

#accueil_caroussel h3{
font-size:0.7em;
color:white;
}

#accueil_caroussel li div.bandeau_liens{
position:absolute;
bottom:-8px;
float:right;
height:15px;
right:10px;
}

#accueil_caroussel li div.bandeau_liens p{
font-size:0.8em;
padding:0px 0px;
text-indent:0px;
text-align:justify;
}


#accueil_caroussel li div.bandeau_liens a{
display:block;
float:left;
height:15px;
background-image:url('images/description_accueil_info.png');
background-repeat:no-repeat;
background-color:white;
padding:0px 2px 0px 15px;
margin-right:5px;
font-size:0.8em;
text-decoration:none;
color:#786453;
}

#accueil_caroussel li div.bandeau_liens a:hover{
color:black;
border:none;
}

/*-----------------------HR-----------------*/

#hr_accueil{
clear:both;
width:800px;
height:2px;
margin-top:3px;
background-image:url('images/hr_accueil.png');
background-repeat:no-repeat;
}

/*--------------------Encart apparts -----------*/


#encart_apparts_accueil h2,
#encart_apparts h2{
font-size:1em;
font-weight:bold;
color:white;
margin-bottom:5px;
margin-left:20px;
}

#encart_apparts_accueil h2 strong,
#encart_apparts h2 strong{
display:none;
}

#encart_apparts_accueil h2 small,
#encart_apparts h2 small{
font-style:italic;
}

#encart_apparts_accueil,#encart_apparts{
width:825px;
height:194px;
margin-top:5px;
margin-left:-2px;
}

#encart_apparts{
height:350px;
}

#encart_apparts_accueil li,#encart_apparts li{
float:left;
width:257px;
margin-right:16px;
}

#encart_apparts_accueil h3,#encart_apparts h3{
width:257px;
}

#encart_apparts .contenu_appart{
font-size:0.8em;
padding:10px;
text-indent:15px;
text-align:justify;
height:130px;
border-bottom:1px dotted #8a653e;
/*background-image:url('images/fond_contenu_appart.png');*/
/*background-position:bottom;*/
}


/*---------------------Footer ---------*/

#footer{
width:860px;
height:50px;
background:url('images/footer.png') no-repeat;
text-align:center;
}

#footer p{
padding-top:43px;
color:#241b10;
font-size:0.7em;
text-indent:0px;
text-align:center;
background:none;
}


#footer a.spip_in,#footer a.spip_out{
color:#241b10;
border-color:#241b10;
}

/*----Mise en page : page Apparts--*/

#contenu table.spip{
width:720px;
border-collapse:separate;
margin-bottom:0;
font-size:0.9em;
}

#contenu table.spip td{
font-size:0.9em;
border-collapse:collapse;
}

#contenu table.spip tr{
background-color:#b0957e;
}

#contenu table.spip tr.row_even td,#contenu table.spip tr.row_odd td{
border:1px solid #8a653e;
}

#contenu table.spip td strong{
font-weight:bold;
}

/*elimination des styles sur les <p> crées par spip dans un tableau*/
#contenu table.spip td p{
font-size:1em;
padding:0px;
text-align:left;
text-indent:0px;
}

/*-----------------Calendrier--------*/

.calendrier{
height:170px;
width:716px;
margin-left:0px;
padding-left:12px;
}

.calendrier abbr{
border:none;
}

.calendrier caption{
font-weight:bold;
color:#3C2C1B;
}

.calendrier_avant,.calendrier_arriere{
float:left;
display:block;
width:50px;
height:50px;
margin-top:50px;
color:white;
font-weight:bold;
cursor:default;
}

.calendrier_avant{
background-image:url('images/img_slider_avant2.png');
}
.calendrier_arriere{
background-image:url('images/img_slider_arriere2.png');
}

.calendrier_avant:hover,.calendrier_arriere:hover{
background-position:bottom;
}

.lesminiagenda{
height:170px;
width:605px;
float:left;
}

.calendar{
height:170px;
float:left;
margin-left:1px;
background-color:#b0957e;
border:1px solid #8a653e;
}

.calendrier table,.legende{
font-size:0.8em;
cursor:default;
border-spacing:1px;
}

.calendrier td,.legende td{
width:18px;
text-align:center;
}

.calendrier td,.legende td.libre{
border:1px solid #3C2C1B;
background-color:#8a653e;
}

.calendrier td:hover{
border:1px solid white;
background-color:#3C2C1B;
}

.calendrier td.occupe,.legende td.occupe{
border:1px solid #A05904;
background-color:#E57E1A;
}


.calendrier td.horsperiode{
visibility:hidden;
border:1px solid #888;
background-color:#ddd;
}

.legende{
margin-left:80px;
font-size:0.7em;
border-spacing:5px;
color:#3c2c1b;
}

.legende td{
width:14px;
}

/*-------------slider image-----*/

#slider_photos{
position:relative;
margin-left:40px;
width:720px;
height:260px;
}

#img_slider{
position:relative;
float:left;
width:620px;
height:260px;
overflow:hidden;
}

#img_slider ul{
width:3500px;
height:255px;
padding-top:5px;
left:0px;
}

#img_slider ul li{
float:left;
}

#img_slider_avant,#img_slider_arriere{
float:left;
display:block;
width:50px;
height:50px;
margin-top:100px;
color:white;
font-weight:bold;
cursor:default;
}

#img_slider_avant{
background-image:url('images/img_slider_avant.png');
}
#img_slider_arriere{
background-image:url('images/img_slider_arriere.png');
}

#img_slider_avant:hover,#img_slider_arriere:hover{
background-position:bottom;
}

#fondu_droit{
position:absolute;
width:20px;
height:260px;
z-index:5;
right:50px;
background-image:url('images/fondu_droit.png');
}

#fondu_gauche{
position:absolute;
width:20px;
height:260px;
z-index:5;
left:50px;
background-image:url('images/fondu_gauche.png');
}

a.img_slider{
display:block;
width:174px;
height:249px;
}

/*-------- Encart TARIF ----------------*/


.encart_tarif{
width:728px;
height:331px;
margin:0px 0px 0px 36px;
padding-bottom:30px;
background-image:url('images/tarif_bas.png');
background-repeat:no-repeat;
}

.encart_liens_tarif{
width:728px;
height:50px;
margin:30px 0px 0px 36px;
background-image:url('images/tarif_haut.png');
background-repeat:no-repeat;
background-position:bottom;
}

.encart_liens_tarif a.affiche_tarif{
font-size:1em;
color:#604934;
font-weight:bold;
text-decoration:none;
display:block;
float:left;
width:191px;
height:42px;
padding-top:8px;
margin-right:53px;
background-image:url('images/lien_tarif_inact.png');
text-align:center;
}

.encart_liens_tarif a.affiche_tarif.affiche_tarif_3{
margin-right:0px;
}

.encart_liens_tarif a.affiche_tarif.on{
color:white;
background-image:url('images/lien_tarif_on.png');
}

.encart_liens_tarif a.inactif{display:none;}

.encart_liens_tarif a.affiche_tarif:hover{
background-position:bottom;
}

.encart_tarif ul.spip{
width:618px;
height:20px;
margin:0;
padding:0;
border:none;
background:none;
margin-bottom:40px;
padding-top:10px;
padding-left:110px;
}

.tarif ul.spip li{
float:left;
margin-left:40px;
}


/*-bouton reservation--*/
.encart_tarif p.resa{
text-indent:0px;
}
.encart_tarif p.resa a{
background-image:url('images/lien_tarif_resa.png');
background-position:top;
display:block;
width:250px;
height:40px;
margin-left:200px;
color:white;
text-decoration:none;
padding-top:10px;
font-weight:bold;
text-align:center;
}

.encart_tarif p.resa a:hover{
background-position:bottom;
}

/* MAP --------------------- */

#encart_map{
width:800px;
padding-top:30px;
padding-bottom:30px;
}


#map_directions{
}

#map_directions h3.spip{
clear:none;
}

#map_directions p strong{
font-weight:bold;
}



/*---------FORMULAIRE RESA-------------------*/

/* la div formulaire*/
#contenu #form_mail{width:430px;float:left;margin-left:20px;min-height:250px;}

/*message form*/
#form p.message{padding-left:0;padding-right:0;padding-top:10px;font-size:0.9em;}

/*le formulaire*/
#contenu #form{padding:0px 40px;font-size:0.9em;background-color:#b0957e;border:1px solid #8a653e;min-height:250px;}

/* les h3*/
#contenu #form h3{color:#3c2c1b;font-weight:bold;padding-top:15px;margin-bottom:10px;}
#contenu #form h3.erreur{margin-bottom:0px;}

/*les inputs, le select*/
#contenu #form input,#contenu #form select{width:140px;margin-top:5px;}
#contenu #form input#input_date_arrivee{width:100px;}
#contenu #form input#input_nb_nuit{width:80px;}
#contenu #form input#input_nb_pers{width:80px;}

/*les inputs:focus*/
#contenu #form input:focus{background-color:#967253;color:white;border:2px solid #967253;}

/*les labels*/
#contenu #form label{display:block;float:left;width:100px;margin-top:5px;padding-left:20px;}
#contenu #form label#form_appart,
#contenu #form label#form_date_arrivee,
#contenu #form label#form_nb_nuit,
#contenu #form label#form_nb_pers{width:160px;}

/*textarea*/
#contenu #form textarea{margin-left:20px;width:300px;}

/*submit*/
#contenu #form #form_submit{padding-left:75px;height:60px;padding-top:10px;}
#contenu #form #form_submit input{margin:0px;display:block;width:191px;height:50px;background:none;border:none;background-image:url('images/lien_form_submit.png');background-position:bottom;color:white;font-weight:bold;}
#contenu #form #form_submit input:hover{background-position:top;}

/*erreur*/
span.erreur,#contenu #form h3.erreur{color:#990000;font-weight:bold;}
span.erreur span{display:none;}
span.erreur:hover span{display:inline;position:absolute;background-color:#3c2c1b;padding:2px 5px;color:white;font-size:0.7em;}

/*contact*/
#contenu #form_contact{width:350px;margin-left:450px;}
#contenu #form_contact p{padding:5px 20px;}

.liens_abritel,.inactif{
display:none;
}