/* CSS Document */

/*couleurs*/
/*fond jaune:#f8e28c*/
/*blanc :#fffed8*/
/*rouge : #9c2100*/

/*********************** BODY ************************/
html,body {background:#f8e28c url(../images/bg.jpg);font-size:1em;font-family:Arial, Helvetica, Verdana;}

*{margin:0;padding:0;}

/* Liens */
a, a:link, a:hover, a:focus, a:active, a img {text-decoration:none;border:none;}

/*drapeau choix langues*/
#contenu #drapeau{position:absolute;z-index:500;top:4px;}
#contenu #drapeau img{float:left;margin:0 8px;}

/**/

#content{margin:0 auto;width:710px;}

#contenu{float:left;margin:10px 0 0 0;padding-bottom:15px;background:#fffed8;width:550px;text-align:center;}

#contenu h1{margin:10px;color:#9c2100;font-size:1em;}
#contenu h2{margin:10px;color:black;font-size:.9em;}

#contenu h3{margin:10px;color:#9c2100;font-size:.8em;}
#contenu h4{margin:10px;color:black;font-size:.8em;}

#contenu p{margin:5px 10px;clear:left;text-align:justify;font-size:1em;}
#contenu p a, #contenu h1 a, #contenu h2 a, #contenu h3 a, #contenu h4 a{color:#9c2100;border-bottom:1px dashed #9c2100;}
#contenu p a:hover, #contenu h1 a:hover, #contenu h2 a:hover, #contenu h3 a:hover, #contenu h4 a:hover{color:#cc3300;text-decoration:underline;}
#contenu p.center{text-align:center;}
#contenu p span{margin:0;padding:0;color:#9c2100;font-weight:bold;font-size:1.2em;}
#contenu img {margin:7px 0;}
#contenu img.center {margin:40px 0;}
#contenu img.right {margin:10px 0;float:right;}
#contenu img.left{margin:10px;float:left;}
#contenu .contact p{margin:0 10px 10px 10px;}
#flashcontent{float:left;width:550px;height:450px;background:transparent;}
/*contact*/
#contenu p.contact{padding:15px 0 0 10px;}
#contenu .contact img{margin-bottom:20px;}

#contenu h3.contact{text-align:left;margin:0 0 28px 0;padding:15px 0 0 0;}

/*tarifs*/
#contenu table{margin:5px auto;}
#contenu table tr{margin:15px 0;}
#contenu table td{width:300px;text-align:left;}
#contenu table td.chambre{padding:0 0 0 30px;font-size:.9em;}
#contenu table td.chambre a{color:#9c2100;border-bottom:1px dashed #9c2100;}
#contenu table td.chambre a:hover{color:#cc3300;text-decoration:underline;}

#contenu table td.tarif{padding:0 0 0 30px;font-size:.9em;color:black;}

/*services*/
#content p.services{margin:0;padding:0;font-size:.9em;font-weight:bold;}

/*chambres*/

#contenu a.vanille, #contenu a.myosotis, #contenu a.mandarine, #contenu a.jonquille, #contenu a.florentine{margin:7px;display:block;width:165px;height:145px;float:left;font-size:1px;color:#9c2100;word-spacing:-.20em;}

#contenu .vanille:hover, #contenu .myosotis:hover, #contenu .mandarine:hover, #contenu .jonquille:hover, #contenu .florentine:hover{display:block;width:165px;height:145px;float:left;}


#contenu a.vanille {background: url(../images/chambres/vanille.jpg) no-repeat 0 0;}
#contenu .vanille:hover {background: url(../images/chambres/vanille.jpg) no-repeat 0 100%;}

#contenu a.myosotis {background: url(../images/chambres/myosotis.jpg) no-repeat 0 0;}
#contenu .myosotis:hover {background: url(../images/chambres/myosotis.jpg) no-repeat 0 100%;}

#contenu a.jonquille {background: url(../images/chambres/jonquille.jpg) no-repeat 0 0;}
#contenu .jonquille:hover {background: url(../images/chambres/jonquille.jpg) no-repeat 0 100%;}

#contenu a.mandarine {background: url(../images/chambres/mandarine.jpg) no-repeat 0 0;}
#contenu .mandarine:hover {background: url(../images/chambres/mandarine.jpg) no-repeat 0 100%;}

#contenu a.florentine {background: url(../images/chambres/florentine.jpg) no-repeat 0 0;}
#contenu .florentine:hover {background: url(../images/chambres/florentine.jpg) no-repeat 0 100%;}

#contenu h2.chambre{float:left;margin-left:15px;font-size:.8em;color:#9c2100;}


/*btn retour aux chambres*/

#contenu a.retour{margin:7px 15px 7px 35px;display:block;width:94px;height:48px;float:left;font-size:1px;color:#9c2100;word-spacing:-.20em;}

#contenu .retour:hover{display:block;width:94px;height:48px;float:left;}

#contenu a.retour {background: url(../images/chambres/retour-aux-chambres.jpg) no-repeat 0 0;}
#contenu .retour:hover {background: url(../images/chambres/retour-aux-chambres.jpg) no-repeat 0 100%;}

/*btn réserver la chambre*/

#contenu a.reserver{margin:7px;display:block;width:207px;height:48px;float:left;font-size:1px;color:#9c2100;word-spacing:-.20em;}

#contenu .reserver:hover{display:block;width:207px;height:48px;float:left;}

#contenu a.reserver {background: url(../images/chambres/reserver-la-chambre.jpg) no-repeat 0 0;}
#contenu .reserver:hover {background: url(../images/chambres/reserver-la-chambre.jpg) no-repeat 0 100%;}