﻿/*****   FEUILLE DE STYLE  *****/
/*****    © VEHEM - 2006   *****/

/*  SI ON VEUT SPECIFIER DES STYLES SPECIFIQUES POUR L'IMPRESSION :
@import url('/styles/ecran.css') screen;   
@import url('/styles/impression.css') print;   
*/

body { margin: 0px 0px 20px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background-color: #858585; color: #164A62; background-image: url('/media/background01.gif');}
td { font-size: 10px; color: #164A62;}
p {	margin: 0px;}
blockquote { margin: 0px 5px 3px 15px;}
h1 { margin: 0px; font-size: 16px; font-weight: bold; }
h2 { margin: 0px; font-size: 12px; font-weight: bold; color: #CC0000;}
h3 { margin: 0px; font-size: 12px;}
h4 { margin: 0px;}
h5 { margin: 0px;}
h6 { margin: 0px;}
pre {}
img {margin: 0px; border: 0px ;}
hr {height: 1px; border: none; border-top: 1px solid #164A62; }
form { margin: 0px;}
input { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background-color: #EFEFEF;}
input.bouton { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background-color: #CE0F0F; color: #FFFFFF;}
input.boutonimage { background-color: transparent;	margin:0px;	border: 0px;}
input.case { background-color: transparent;	margin:0px;	border: 0px ;}
textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background-color: #EFEFEF;}
select {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; background-color: #EFEFEF;}
ul	{padding: 0px; margin:0px 0px 0px 10px;}
li { }

a:link, a:active, a:visited { color: #707070; text-decoration: none;}
a:hover { color: #3e8be2; text-decoration: none;} /* 2006 : bleu */

/******* tableau de bord administration *******/

.erreur {font-size: 11px; font-weight: bold; color: #CE0F0F;}
.confirmation{}

/******** mise en forme du texte *******/

.corps09 { font-size: 9px;}
.corps10 { font-size: 10px;}
.corps11 { font-size: 11px;}
.corps12 { font-size: 12px;}
.corps14 { font-size: 14px;}
.corps17 { font-size: 17px;}
.margintop4px { margin-top: 4px;}
.margintop10px { margin-top: 10px;}
.cap { text-transform: uppercase;}

.couleurgris01 { color: #808080;}
.couleurblc { color: #FFFFFF;}
.couleurcharte01 { color: #164A62; }  /* 2006 : bleu1 */
.couleurcharte02 { color: #D0DBE0; }  /* 2006 : bleu2 */
.couleurcharte03 { color: #CE0F0F; }  /* 2006 : rouge */

.float_left { margin-right: 8px; margin-bottom: 3px; float: left; }
.float_right { margin-left: 10px; margin-bottom: 3px; float: right;}
.clear {clear: both;}

.barre {text-align: center; padding: 10px 0px; clear: both;}

.fondblc { background-color: #FFFFFF;}
.fondgris01 { background-color: #F5F5F5;}
.fondgris02 { background-color: #bbbbbb; color: #FFFFFF;}
.fondcharte01 { background-color: #164A62; color: #FFFFFF;}  /* 2006 : bleu1 */
.fondcharte02 {	background-color: #CE0F0F; color: #FFFFFF;}  /* 2006 : rouge */
.fondcharte03 { background-color: #D0DBE0; }  /* 2006 : bleu2 */

/*******  Paramètres spécifiques  *******/

#chambresdhotes { width: 760px;	margin: auto; background-color: #FFFFFF; }
	#general {width:100%; background-image:url(/media/background_brainsurvilaine.gif); background-position:bottom;}
		#grandmaisonhome {width: 560px; vertical-align: top; background: url(/media/home_grandmaison.jpg) top no-repeat; padding-bottom: 20px;}
			#home_entete {text-align: right; padding-right: 200px; padding-top: 10px; }
			#home_entete h1 {font-size: 20px;}
			#home_entete h2 {font-size: 20px; color: #164A62; padding-right: 40px; background:url(/media/carre32_rouge.gif) right no-repeat;}
			#home_intro {margin-top: 280px; float: left; width: 270px; margin-left: 15px; padding-left: 30px; background: url(/media/carre17_rouge.gif) top left no-repeat; }
			#home_intro p {margin-bottom: 4px; }
			#home_info01 {margin-top: 280px; float: right; margin-right: 20px; width: 173px; background: url(/media/module01_bas.gif) bottom no-repeat; background-color: #EDF1F2; }
			#home_info02 {width: 173px; background: url(/media/module01_haut.gif) top no-repeat; padding: 10px 0px 7px 0px;}
			#home_info02 p {padding-left: 15px; margin: 0px 10px; margin-bottom: 5px; background: url(/media/carre10_rouge.gif) 0px 2px no-repeat;}
		#grandmaison {width: 560px; vertical-align: top; }
		#grandmaison h1 {background: url(/media/carre15_rouge.gif) top left no-repeat; padding-left: 20px;}
			#acces {padding: 15px 20px; }
				#detail-acces {clear: both; font-size: 11px; padding-left: 83px; margin-top: 12px; margin-bottom: 20px; background: url(/media/carre17_rouge.gif) 55px 0px no-repeat; }
			#region {padding: 15px 20px; }
				#region li {margin-top: 5px; list-style-type:square; margin-left: 8px;}
			#sejour {padding: 15px 20px; }
			#chambres {padding: 15px 20px; }
				#chambres .float_left { margin-right: 15px; }
				#chambres .float_right { margin-left: 15px; }
				#chambres .barre { padding: 15px 0px; }
			#tarifs {padding: 15px 20px; }
				#tarifs table {border-bottom: 1px solid #164A62; border-right: 1px solid #164A62;}
				#tarifs table td {padding: 4px; font-size: 11px;}
				#tarifs table td.tdcoul00 {border-top: 1px solid #164A62; border-left: 1px solid #164A62; background-color: #CE0F0F; color: #FFFFFF; font-weight: bold;}
				#tarifs table td.tdcoul01 {border-top: 1px solid #164A62; border-left: 1px solid #164A62;}
				#tarifs table td.tdcoul02 {border-top: 1px solid #164A62; border-left: 1px solid #164A62; background-color: #D0DBE0;}
			#contacts {padding: 15px 20px; }
		#menugauche {width: 200px; /*background-color: #164A62;*/ vertical-align: top; padding-bottom: 100px;}
			#menugauche img {margin: 15px 0px 35px 45px; }
/*			#menugauche ul {margin: 15px 0px; }
			#menugauche li {background-color: #A2B7C0; margin-top: 1px; padding: 5px 10px 5px 28px; background-image:url(/media/puce_rouge01.gif); background-repeat:no-repeat; background-position: 40px 8px; list-style-type:none;}
			#menugauche li a {font-weight: bold; text-decoration: none; color: #164A62; }
			#menugauche li:hover, #menugauche li a:hover {font-weight: bold; text-decoration: none; background-color: #D0DBE0; color: #164A62;}
*/			#menugauche a.navigation {font-weight: bold; text-decoration: none; color: #164A62; background-color: #A2B7C0; margin-top: 1px; padding: 5px 10px 5px 52px; background-image:url(/media/puce_rouge01.gif); background-repeat:no-repeat; background-position: 40px 8px; display: block;}
			#menugauche a.navigation:hover {font-weight: bold; text-decoration: none; background-color: #D0DBE0; color: #164A62;}
			#menugauche a.navigation_on {font-weight: bold; text-decoration: none; color: #164A62; background-color: #D0DBE0; margin-top: 1px; padding: 5px 10px 5px 52px; background-image:url(/media/puce_rouge01.gif); background-repeat:no-repeat; background-position: 40px 8px; display: block;}
	#menubas {clear:both; background-color: #D0DBE0; padding: 12px 20px 15px 32px; }
		#menubas a {color: #164A62;}
		#menubas img {float: right; margin-left: 10px;}


#version {margin-left: 40px; margin-top: 80px; margin-bottom: -180px; width: 140px; position: relative; z-index: 6;} 
/*#version { width: 140px; margin-left: 40px; position: absolute; z-index: 6; bottom: 80px}*/
#version img {margin: 0px; vertical-align: middle; margin-right: 5px; border: 1px solid #FFF;}
#version a {color: #CCCCCC}


