/* Styles par defaut */
body,html { height:100%;}
body, div, p, form, fieldset, label, input, select, textarea, ol, ul, li, a, h1, h2, h3, h4, span, hr, table, tr, th, td {
	margin:0; padding:0; font-family: 'Times New Roman',Times,serif;
}
a img {border:0;}
acronym {border:0;}

body { position:relative; background: #d4d2ba; }

/* Formulaires */
checkbox, input, radio, select, textarea { font-size:11px; }

/* Styles generaux */

hr.nof { visibility: hidden; clear: both; }
span.lettrine { float: left; display: inline; font-size: 60px; font-weight: bold; padding-left: 1px; line-height: 36px; }
.aereTop { padding-top:20px; }

/* Mise en page des erreurs */
.error_text { font-size:15px; margin: 15px; }
.fieldWithErrors input, .fieldWithErrors select {  border: 2px solid #c00; }
.fieldWithErrors { display: inline; clear: none; }
#errorExplanation { width: 400px; border: 2px solid #c00; padding: 0px 7px 7px 7px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 0px 5px 5px 15px; font-size: 13px; margin: 0px -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; margin-left: 40px; }

/* Mise en page generale */

#conteneur { position:relative;  width :930px; padding:10px 0 0 0; margin:0 auto; text-align: center; border-top:1px solid #D4D2BA;  }
#header { text-align: left; position: relative; width: 926px; height: 100px; background: url(/images/header.png) bottom center no-repeat; }
#menu { position: relative; width: 926px; height: 36px; background: url(/images/menu.png) top center no-repeat; }
#contenu { text-align: left; position: relative; width:926px; background:#ffffff url(/images/bgcontenu.png) bottom center no-repeat;  }
#footer { text-align: center; position: relative; margin-bottom: 5px; }

/* Header et menu */
#titre_header a { text-indent: -5000px; color: white; background: url(/images/logo.gif) top left no-repeat; width:300px; height:90px; position: absolute; top:10px; left:320px; }

#menu_langues { position: absolute; top: 0px; right:25px; color: white; display:block; }
#menu_langues a { font-weight: bold; font-size: 14px; color: white; text-decoration: none; }
#menu_langues a:hover { text-decoration: underline; }

#lien_plan { text-align: left; position: absolute; top:75px; left:15px; }
#lien_plan a { color: white; text-decoration: none; font-weight: bold; font-size: 14px; }

#menu ul { position: absolute; list-style: none; margin: 0px; height: 20px; top: 5px; text-align: center; width: 100%; }
#menu ul li { position: relative; display: inline; height: 100%; }
#menu ul li a { padding: 0 10px; color: #46453c; text-decoration: none; font-weight: bold; font-size: 17px; }
#menu ul li	a:hover { color: white; }
#menu ul li a.actif { color: #8f8d71; }

/* Colonnes */
#diaporama { position: relative; float: left; display: inline; width: 396px; height: 470px; margin:5px 0 10px 10px; background: url(/images/mask_photo.gif) 50% no-repeat; }
#diaporama img { width: 396px; height: 470px; }

/* Corps de page */
#corps { float: left; display: inline; position: relative; width: 460px; font-size: 13px; margin: 20px; }
#corps ul { list-style-type: disc; }
#corps a { color: #46453c; text-decoration:none; }
#corps a:hover { color: #8f8d71; }

/* Accueil */
#corps_accueil { position: relative; margin:0 10px 10px 10px; background:#fff url(/images/accueil.jpg) center no-repeat; width:900px; height:475px; color: white; }
#txt_accueil { font-size: 15px; position: absolute; top: 210px; left:50px; width:350px;  }
#logos_accueil { position: absolute; top:320px; left:60px; width:350px; height:45px; background-color:#fff; }
#logos_accueil img { float:left; display:inline; }
#recommandations { font-weight:bold;font-size: 13px; color: white; text-align: center; position: absolute; top: 370px; left: 60px; width:350px; }

/* Chambres */
.chambres #petit_dejeuner { margin-top: 20px; }
.chambres ul { padding-left: 20px; }
.chambres h2 { margin:5px 0; text-indent: -5000px; font-style:italic; height:70px; }
.fr .chambres #chambres h2 { background: url(/images/titres/chambres_fr.png) top left no-repeat; }
.en .chambres #chambres h2 { background: url(/images/titres/chambres_en.png) top left no-repeat; }
.fr .chambres #petit_dejeuner h2 { background: url(/images/titres/petit_dejeuner_fr.png) top left no-repeat; }
.en .chambres #petit_dejeuner h2 { background: url(/images/titres/petit_dejeuner_en.png) top left no-repeat; }

/* Pros */
.professionnels h2 { margin: 5px 0; text-indent: -5000px; font-weight: bolder; font-style:italic; height:70px; }
.professionnels #accueilpro p { margin-bottom: 25px; }
.professionnels #seminaires p a { color: black; }
.professionnels #seminaires p a:hover { text-decoration: none; }
.fr .professionnels #accueilpro h2 { background: url(/images/titres/accueilpro_fr.png) top left no-repeat; }
.en .professionnels #accueilpro h2 { background: url(/images/titres/accueilpro_en.png) top left no-repeat; }
.fr .professionnels #seminaires h2 { background: url(/images/titres/seminaires_fr.png) top left no-repeat; }
.en .professionnels #seminaires h2 { background: url(/images/titres/seminaires_en.png) top left no-repeat; }

/* Tarifs */
.tarifs h2 { margin: 5px 0; text-indent: -5000px; font-weight: bolder; font-style:italic; height: 60px; margin-bottom: 5px; }
.fr .tarifs h2 { background: url(/images/titres/tarifs_fr.png) top left no-repeat; }
.en .tarifs h2 { background: url(/images/titres/tarifs_en.png) top left no-repeat; }
.tarifs h3 { margin-top: 15px; }
.tarifs ul { padding-left: 20px; }

/* Activites */
#activites { position:relative; margin:0 0 20px 10px; padding-top:15px; width:900px; background: url(/images/bgActivites.png) top left repeat-y; }
#activites #corps { margin: 5px 8px;  }

.activites #corps h2 { color: #46453C; margin-bottom:20px; }
.activites ul { list-style-type: none; }
.activites ul li { display: inline; }
.activites p { padding:1em 0 0 0; }

#liste_activites { position: relative; float: left; display: inline; width: 400px; margin-right: 5px; }
#liste_activites ul { position: relative;  margin-left: 20px; width: 370px;    }
#liste_activites ul li { background-color: #f1f0e8; display: block; padding:10px; margin: 10px 0;  }
#liste_activites ul li.first { margin-top: 2px; }
#liste_activites ul li.main { background-color: #d4d2ba; }
#liste_activites ul li h2 { width:100%; color: #46453c; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
#liste_activites ul p.lien_suite { margin-top: 10px; font-size: 11px; }
#liste_activites ul p.lien_suite a { color: #46453c; font-weight: bold; }
#liste_activites ul p.lien_suite a:hover { text-decoration: none; }
#liste_activites ul .activite_image { float: left; display: inline; width: 110px; margin-right: 15px; }
#liste_activites ul .activite_texte { float: left; display: inline; width: 220px; font-size: 12px; }

#activite_medias_list { width: 100%; margin: 20px 0; }
#activite_medias_list li { display:block; width:85px; height:85px; float:left; display:inline; margin:5px; }
#activite_medias_list li img { width:80px; height:80px; margin:2px; }
#activite_medias_list li a { display:block; width:100%; border:1px solid #d4d2ba; }
#activite_medias_list li a:hover { border:1px solid #46453c; }

/* Services */

.services #corps { width: 900px; margin: 20px 10px; background: white; }
#services { width: 900px; position: relative; }

.services h2 { margin: 5px 0 5px 3%; text-indent: -5000px; font-weight: bolder; font-style:italic; height: 60px; width: 30%; margin-bottom: 5px; background: url(/images/titres/services.png) top left no-repeat; }

.services div.col { float: left; display: inline; }
#services_left { width: 48%; margin-left: 5%; margin-right: 4%; padding-top: 0; }
#services_right { width: 38%; margin-right: 5%; padding-top: 15px; }

.services div h3 { margin-top: 15px; margin-bottom: 15px; font-size: 16px; }
.services div.col ul { padding-left: 20px; margin-bottom: 28px; }
.services #services_plus { font-weight: bold; }

#pictogrammes_services { height: 45px; position: absolute; top: 10px; right: 40px; }
#illustrations_services { text-align: center; }

/* Reservations */
.reservation h2.resa { text-indent: -5000px; font-weight: bolder; font-style:italic; height:70px; }
.fr .reservation h2.resa { background: url(/images/titres/reservation_fr.png) top left no-repeat; }
.en .reservation h2.resa { background: url(/images/titres/reservation_en.png) top left no-repeat; }

.reservation form div label { display: block; float:left; display: inline; width: 200px; }
.reservation form div input, .reservation form div textarea { width: 220px; }
.reservation form div { clear: both; padding:3px 0 0 0; }
.reservation form div input, .reservation form div div.selectbox, .reservation form div textarea 
  { display:inline; margin-right:20px; }
.reservation form div.cgv input { display:inline; float:none; margin-right:0; width: auto; padding-right:8px; }
.reservation form div.cgv .fieldWithErrors input { border: 0; }
.reservation form div div.selectbox { display: inline; clear: none; margin: 0 20px 0 0; }

.reservation form div.fieldWithErrors { clear: none; }
.reservation form textarea { height:40px; }

.cgv a { color:black; }
#corps .cgv a:hover { text-decoration: none; }
#corps .cgv a.invalid { color: red; }

.submit { float: right; display: inline; margin-right: 20px; }

.form_legend_asterisque { padding-top:5px; font-style:italic; font-size:10px; }

#lienReservation { margin-top:10px; width: 260px; }
#lienReservation a { text-decoration:none; background:url(/images/citotel.png) 0 0 no-repeat; display:block; line-height:50px; padding-left:120px; color:black; }
#lienReservation a:hover { color:#8f8d71; }


/* Conditions Générales de vente */
#cgvs { position:relative; margin:0 20px 35px 80px; width:700px; height:475px; }
#cgvs h2 { text-indent: -5000px; font-weight: bolder; font-style:italic; height:70px; position:relative; }
.fr #cgvs h2 { background: url(/images/titres/cgv_fr.png) top left no-repeat; }
.en #cgvs h2 { background: url(/images/titres/cgv_en.png) top left no-repeat; }

#cgvs h3 { background: none; text-indent: 0; font-weight: bolder; font-style:italic; height: auto; margin:20px 5px 0 5px; }
#cgvs p { margin: 5px; }
/* Page contact */
.contact h2 { text-indent: -5000px; font-weight: bolder; font-style:italic; height:70px; }
.fr .contact h2 { background: url(/images/titres/contact_fr.png) top left no-repeat; }
.en .contact h2 { background: url(/images/titres/contact_en.png) top left no-repeat; }
#coordonnees p { position:relative; margin-left:20px;  }
#situation { position:relative; margin-top:60px;}


/* Footer */
#fincontenu { clear: both; width: 926px; height: 17px; background: url(/images/footer.png) top center no-repeat; }
#fincontenu hr { visibility: hidden; border: 0; }

#footer_rea, #footer_rea a { font-size: 12px; color: black; }
#footer_rea a:hover { text-decoration: none; }