@charset "UTF-8";
/* CSS Document */
/* CSS ADSE-DINARD */

/* Normalise les margin et padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
	margin : 0; 
	padding : 0; 
	}

/* Normalise la taille de police des headers */
h1,h2,h3,h4,h5,h6 { 
	font-size : 100%; 
	font-weight : normal; 
	}

/* Supprime le list-style des listes */
ol,ul { 
	list-style : none; 
	}

/* Normalise les font-style et font-weight */
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style : normal; 
	font-weight : normal; 
	}

/* Supprime les bordures des tableaux */
table { 
	border-collapse : collapse; 
	border-spacing : 0; 
	}

/* Supprime les bordures des fieldset et img */
fieldset,img { 
	border : 0; 
	}

/* Aligne le texte a gauche dans les caption et th */
caption,th { 
	text-align : left; 
	}
	
/*

COULEURS

beige clair : #efecd2
beige moyen : #e6daa2
gris moyen : #a29b82

brun : #80694d
noir : #1d2a2b

*/

body {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #1d2a2b;
	text-align: center;
	background-color:#efecd2;
	background-image: url(/images/fond-0.gif);
	background-position: right top;
	background-repeat: repeat-y;
	}
	
/****************************************/
/* TYPO */
/****************************************/

h1 {    
	text-align: center;
	font-family: Georgia,Times,serif;
	font-size: 40px;
	font-weight: normal;
	color: #015ec9;
	padding-bottom: 0.5em;
	line-height: 1em;
	}
h2 {
	font-family: Georgia,Times,serif;
	font-size: 24px;
	font-weight: normal;
	color: #80694d;
	padding-top: 1em;
	line-height: 1.3em;
	}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #80694d;
	padding-top: 1em;
	line-height: 1.3em;
	}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #80694d;
	padding-top: 1em;
	line-height: 1.3em;
	}
p {
	padding-top: 1em;
	line-height: 1.3em;
	}
a {
	color: #80694d;
	}
a:hover {
	background-color: #a29b82;
	color: #fff;
	text-decoration: none;
	}
strong {
	font-weight: bold;
	}
blockquote {
	margin-left: 30px;
	}
hr { 
	/* annulation des float */
	display: block; 
	clear: both; 
	margin: -0.66em 0;
  	visibility: hidden;
	}
.remarque {
	font-style: oblique;
	font-size: 10px;
	}
EM {
	font-style: italic;
	}
	
/****************************************/
/* CONTAINER */
/****************************************/

html, body { /* POUR REGLER LE BUG DU 100% en hauteur */
	margin: 0;
	padding: 0;
	height: 100%;
	}
div#container {
	text-align: left;
	width: 1000px; 
	position: relative; /* POUR REGLER LE BUG DU 100% en hauteur */
	min-height: 100%; /* POUR REGLER LE BUG DU 100% en hauteur */
	margin: 0 auto; 
	background-image: url(/images/fond-1.gif);
	background-position: right top;
	background-repeat: repeat-y;
	}

/****************************************/	
/* HEADER */
/****************************************/

div#header {
	width: 644px; 
	height: 130px; 
	margin-left: 142px; 
	background-image: url(/images/logo-comfort-hotel-dinard-balmoral.gif);
	background-position: 24px 10px;
	background-repeat: no-repeat;
  	}
#header h1 {
	position: absolute;
	top: -9999px;
	}
#header p {
	color: #80694d;
	font-size: 12px;
	text-align: center;
	line-height: 1.2em;
	margin: 0;
	padding-top: 70px;
	}
#etoile {
	position: absolute;
	top: 40px;
	left: -24px;
	}
p#logoComfort {
	width: 160px; 
	height: 120px; 
	background: url(/images/logo-hotel-comfort.gif) 0 0 no-repeat;
	position: absolute;
	top: 5px;
	left: 0;
	}
p#logoComfort span {
	position: absolute;
	top: -9999px;
	}
  
/****************************************/
/* WRAPPER */
/****************************************/

div#wrapper {
	margin: 0;
	padding: 0; 
	float: left;
	width: 100%;
	}

div#content {
	margin: 0 238px 20px 166px; 
	padding: 0;
	}
div#content ul {
	padding: 1em 0 0 2em;
	list-style: disc;
	}

/****************************************/
/* NAVIGATION */
/****************************************/

div#navigation {
	float: left; 
	width: 214px;  
	margin-left: -214px;  
	padding-left: 10px; padding: 0;
	
/* Menu */
	}
ul.menu {
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	list-style: none;
	width: 100%;
	}
ul.menu li {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #a29b82; /* POUR REGLER BUG AFFICHAGE IE6 */
	}
ul.menu li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 3px 10px;
	} 
ul.menu li.important a {
	color: #CF0000;
	background-color: #efecd2;
	}
ul.menu li a:hover {
	color: #80694d;
	background-color: #e6daa2;
	}
ul.menu li a.selected,
ul.menu li a.selected:hover {
	color: #e6daa2;
	background-color: #80694d;
	} 
	
/* Langues */

ul.langues {
	position: absolute;
	top: 10px;
	left: 786px;
	width: 100px;
	}  
ul.langues li {
	border-bottom: 1px solid #a29b82; /* POUR REGLER BUG AFFICHAGE IE6 */
	}
ul.langues a {
	display: block;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 2px 10px;
	}
ul.langues li a:hover {
	color: #80694d;
	background-color: #e6daa2;
	}
ul.langues li.actif a,
ul.langues li.actif a:hover {
	color: #e6daa2;
	background-color: #80694d;
	} 

/****************************************/
/* EXTRA */
/****************************************/

div#extra {
	float: left;
	width: 142px; 
	margin-left: -1000px; 
	background-color: #80694d; /* BRUN */
	/* background-color: #CF0000; */ /* ROUGE */
	}
.extraPadding {
	padding: 10px;
	}
.extraPadding p {
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: right;
	}

/****************************************/
/* FOOTER */
/****************************************/

div#footer {
	clear: both; 
	width: 644px;
	padding: 0 214px 20px 142px; 
	font-size: 10px;
	text-align: center;
	}
#footer .signature {
	color: #1d2a2b;
	}
#footer a {
	color: #1d2a2b;
	text-decoration: none;
	}
#footer a:hover {
	color: #fff;
	}
#footer p {
	padding-top: 0.5em;
	line-height: 1em;
	}

/****************************************/
/* IMAGES */
/****************************************/

img.imgEntete {
	border: 8px solid #fff;
	}

/****************************************/
/* TABLEAU TARIF */
/****************************************/

table.tarif {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	}
table.tarif td {
	padding: 3px 10px;
	}
table.tarif td.centre {
	text-align: center;
	}
table.tarif tr.ligne0 {
	background-color: #80694d;
	color: #fff;
	font-weight: bold;
	}
table.tarif tr.ligne1 {
	background-color: #efecd2;
	}
table.tarif tr.ligne2 {
	background-color: #FFFCDF;
	}
	
table.tarif td.avantage {
	text-align: center;
	background-color: #FFD71F;
	}
table.tarif td.reference {
	text-align: center;
	background-color: #1F70FF;
	color: #fff;
	}
table.tarif td.estivale {
	text-align: center;
	background-color: #FF1F28;
	color: #fff;
	}

/****************************************/
/* FORMULAIRE */
/****************************************/

p.message-contact {
	background-color: #CF0000;
	margin-top: 10px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	color: #FFF;
	}
form#contact fieldset {
	background-color: #FFFCDF;
	margin-top: 10px;
	padding: 0 0 10px 0;
	}
form#contact legend {
	display: none;
	}
form#contact div.legend {
	background-color: #80694d;
	color: #fff;
	font-weight: bold;
	padding: 3px 20px;
	margin-bottom: 10px;
	}
form#contact p {
	padding: 3px 20px;
	}
form#contact label {
	float: left;
	width: 30%;
	text-align: right;
	}
form#contact input {
	margin-left: 10px;
	width: 50%;
	}

fieldset#blocReservation p.titre {
	text-align: right;
	width: 250px;
	}
fieldset#blocReservation input {
	width: 30%;
	}
fieldset#blocReservation label {
	width: 250px;
	}
	
fieldset#blocMessage p {
	text-align: center;
	}
textarea#message {
	width: 80%;
	}
div#piedForm {
	text-align: center;
	}
div#piedForm input {
	width: auto;
	padding: 0 20px;
	margin-top: 10px;
	}
	
/****************************************/
/* GOOGLE MAP */
/****************************************/

div#mapgoogle {
	border: 8px solid #fff;
	width: 580px;
	height: 580px;
	margin-top: 10px;
	}
table.legendeMarker {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 185px;
	}
table.legendeMarker td.image {
	width: 26px;
	padding-top: 4px;
	}
div#mapgoogle span {
	visibility: hidden;
	}

/****************************************/
/* DIAPORAMA */
/****************************************/

div.diaporama {
	text-align: right;
	margin-top: 2px;
	margin-right: 3px;
	}
div.diaporama a {
	font-weight: bold; 
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 4px 8px;
	background-color: #a29b82;
	}
div.diaporama a:hover {
	background-color: #80694d;
	}
div.diaporama a.actif,
div.diaporama a.actif:hover {
	color: #e6daa2;
	background-color: #80694d;
	} 
	
/****************************************/
/* PANORAMIQUE */
/****************************************/

div.panoramique {
	border: 8px solid #fff;
	}
div.flashcontent {
	padding: 20px 10px;
	text-align: center;
	height: 250px;
	background-color: #a29b82;
	font-weight: bold;
	color: #fff;
	}
p.alerteFlash a {
	color: #fff;
	}
table.legende td {
	padding: 10px 10px 0 0;
	}

/****************************************/
/* CALENDRIER */
/****************************************/

table.calendar1,
table.calendar2,
table.calendar3 {
	width: 190px;
	empty-cells: show;
	border-collapse: collapse;
	}
table.calendar1 {
	clear: none;
	float: left;
	}
table.calendar2 {
	float: left;
	margin-left: 14px;
	}
table.calendar3 {
	float: right;
	}
table caption {
	font-size: 12px;
	font-weight: bold;
	color: #80694d;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 2px;
	}
table.calendar1 td,
table.calendar2 td,
table.calendar3 td {
	height: 19px;
	text-align: center;
	border: 1px solid #E6DAA2;
	vertical-align: baseline;
	}
div.calendar {
	clear: left;
	height: 154px;
	}
table.calendar1 tr.ligne0 td,
table.calendar2 tr.ligne0 td,
table.calendar3 tr.ligne0 td {
	background-color: #80694d;
	color: #fff;
	font-weight: bold;
	}
td.avantage {
	background-color: #FFD71F;
	}
td.reference {
	background-color: #1F70FF;
	color: #fff;
	}
td.estivale {
	background-color: #FF1F28;
	color: #fff;
	}
td.null {
	background-color: #E6DAA2;
	}

/* AVAILPRO */

#availpro {
	text-align: center;
	margin-bottom: 10px;
	padding: 9px 0;
	border: 1px solid #CF0000;
	color: #CF0000;
	font-weight : bold; 
	font-size : 11px; 
	}