@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul, li 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #504d4d url(/img/fond.jpg) no-repeat top center; 
	margin: 0; font-size: 90%; height: 100%; color: #575757; }

/* éléments */
img { border: 0; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }
.clear { clear: both; visibility: hidden; }
.centre { text-align: center; }

a { text-decoration: underline; color: #0e72b5; }
a:hover { text-decoration: underline; color: #7e4024; }

/* paragraphes */
h1 { font-size: 150%; font-weight: bold; color: #0e72b5; margin-bottom: 5px; background: url(/img/puce.png) no-repeat 0 50%; padding-left: 30px; }
h2 { font-size: 130%; margin-bottom: 5px; margin-top: 5px; font-weight: bold; color: #a40b16; }

/* photos */
.photo-gauche { float: left; }
.photo-droite { float: right; }

/* contour central */
#conteneur { width: 950px; margin: auto; background: #FFF; }

/* breacrumb */ 
#breadcrumb { width: 100%; height: 40px; background: #FFF; }
#navigation { float: right; padding: 5px 20px; color: #0e72b5; font-style: italic; font-size: 80%; border-bottom: 1px solid #0e72b5; }
#navigation a { color: #0e72b5; }

/* zone entete */
#logo { width: 236px; height: 256px; background: #FFF url(/img/hotel_01.png) no-repeat; float: left; text-align: center}
#logo #charmes { color: #0e72b5; font-style: italic; }
#logo #charmes span { color: #a40b16; font-weight: bold; font-style: normal; display: block; margin-top: 5px; }
#logo #charmes span span { color: #a40b16; font-size: 80%; }
#diapo { width: 700px; height: 242px; background: #FFF url(/img/hotel_02.png) no-repeat; float: left; padding: 14px 0 0 14px}

/* contenus */
#contenu { padding-left: 17px; padding-right: 16px; overflow: hidden; min-height: 400px; text-align: justify; background: url(/img/fond-contenu.png) repeat-y top center; height: 1% /*bug hasLayout IE */; }

.liste { margin: 10px 30px; }
.sanspuce { list-style: none; }
b.bleu   { color: #0e72b5; }
b.marron { color: #7e4024; }

.complet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CC0000; letter-spacing: 1px; font-weight: bold; }
#panneau { position: absolute; margin-left: 250px; text-align: center; border: 1px solid #FF0000; background-color: #EEEEEE; padding: 5px; }

#dispo { display: block; background: url(/img/fond-dispo.png); width: 142px; height: 70px; padding-top: 5px; padding-left: 40px; color: #FFF; font-weight: bold; font-size: 120%; float: right; cursor: pointer; text-decoration: none; }

/* liste avec puce barre à roue */
.accueil { margin-left: 70px; list-style-type: none; }
.accueil li { background: url(/img/puce.png) no-repeat 0 80%; padding-left: 30px; padding-top: 5px}

/* prix des chambres */
.liste_prix li { border-left: 1px #7e4024 solid; margin-left: 15px; padding-left: 5px; float: left; width: 220px; height: 70px; margin-top: 20px; list-style: none;}
.prix { color: #7e4024; }
.fleche { vertical-align: middle; }
.warning {font-size: 80%; color: #a40b16; }
.preavis {font-size: 70%; font-weight: bold; color: #a40b16; text-align: center}
.majo_festival { font-size: 80%; font-weight: bold; color: #a40b16; text-align: center; clear: left; padding-top: 20px}

/* albums */
.albums { margin-top: 10px; }
.albums li { float: left; width: 165px; margin-left: 75px; margin-right: 60px; margin-top: 15px; text-align: center; list-style: none; }
.albums li a { text-decoration: none; color: #0e72b5; font-size: 140%; font-weight: bold; }
.albums li a:hover { color: #7e4024 }

.photos { margin-top: 20px; }
.photos li { float: left; width: 150px; height: 100px; margin-right: 28px; margin-bottom: 45px; text-align: center; font-size: 70%; list-style: none; }

/* cadre base page */
#footer { clear: both; background: #504d4d url(/img/fond-bas.png) no-repeat top center; width: 100%; height: 87px; text-align: center; margin: auto; }

/* mentions légales */
ul#mentions { width: 950px; overflow: hidden; margin: auto; padding: 0; list-style: none; height: 50px; }
ul#mentions li { float: right; margin: 0; padding-right: 20px; padding-top: 5px; text-decoration: none; font-size: 70%; }
ul#mentions li a { text-decoration: none; color: #0e72b5; font-weight: bold; }
ul#mentions li a:hover { text-decoration: none; color: #a40b16; }

/* boutons et forms */
input, button, select { vertical-align: middle; }
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.radio { background: 0; border: 0; }
select.form { font-size: 90% }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #0e72b5; }
#admin a { color: #a40b16; text-decoration: underline } /* liens admin */
#admin a:hover { color: #7e4024; text-decoration: underline }
span.disabled { color: #CCC; }
#admin .colonneadmin, #admin .colonneadmin a { background-color: #0e72b5; color: #fff; height: 25px; } /* couleurs colonnes */
#admin td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { color: #ff0214; padding: 5px; }
.fondvert  { color: #7EC65F; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }