@media screen { 

/* styles pour le manoir de Gatines */
#adress{
	position: absolute;
	top:5px;
	left: 5px;
	z-index:50000;
	width:580px;
	font: italic normal 9pt Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin:0; padding: 0;
	font: italic bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	background-color:#bbcccc;
}

img {border: none;}

a {
	text-decoration: none;
	color: #003366;
}
a:hover {color:#F9F5EC;}

h1, h2 {
	font: italic normal 26pt Georgia, Times New Roman, Times, serif;
	margin: 0;
	color:#FFFFFF;
}
#blocAvantH2 {
	float: left;
	width: 370px;
	height: 30px;
}
h2 {
	font-weight: bold;
	font-size: 18pt;
	color: #003366;
	font: bold 18pt times;
	font-variant: small-caps;
	text-align:center;
}

h3 {
	margin: 0;
	font-size:13pt;
	color:#39a7a5;
	font-style: italic;
	font-weight: bold;
}

#site {
	width:874px;
	height: 300px;
	position:absolute;
	top:2%;left:50%;
	margin-left:-437px;
	background-color:#F9F5EC;
	height: auto !important;
	min-height: 300px;
}

.home_fr { /* style pour ajouter une image de fond */
	background-image: url(../_images/jpg/fond_home2_fr.jpg); 
	background-repeat: no-repeat;
	
}
.home_de { /* style pour ajouter une image de fond */
	background-image: url(../_images/jpg/fond_home2_de.jpg); 
	background-repeat: no-repeat;
}
.home_en { /* style pour ajouter une image de fond */
	background-image: url(../_images/jpg/fond_home2_en.jpg); 
	background-repeat: no-repeat;
}

#bandeauHaut { /* celui qui contient les 2 lignes et le menu */
	width:874px;
	height: 88px;
	background: url(../_images/jpg/fondHaut.jpg) repeat-x;
/**/	
}

#menu{ /* la div qui continent tous les éléments */
	position: absolute;
	width: 580px;
	z-index:20;
	right: 5px;
	top: 35px;
	/*
	border: 1px solid red;
	*/
}
.menuItem { /* les éléments du menu */
	float: left;
	margin: 58px 20px 6px 25px;
	font-size: 12pt;
	font-weight: bolder;
	color:#003366; 
	font-style: normal;
	font-variant: small-caps;
	font-family:  Times new roman, Times, sherif;
	/*
	*/
}

.menuItemRubrique { /* les éléments du menu spécial pour la rubrique */
	float: left;
	font-size: 08pt;
	font-weight: bold;
	color:#003366; 
	font-style: normal;
	font-variant: small-caps;
	font-family: Times new roman, Times, sherif;
	margin-left:10px;
}

#menuLang { /* pour le choix de la langue */
	position: relative;
	right: 12px;
	top: 56px;
	float: right;
	/*
	width: 120px; height: 20px;
	*/
}

	
#warning { /* provisoire ! Affichage seulement pendant les travaux */
	width: 200px;
	margin-left: 300px;
	margin-top: 50px;
	background-color: yellow;
	color: red;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*
	border: 2px dashed red;
	*/
}
#contenu { /* le bloc principal de la home page, situé juste sous le bandeau bleu de menu */
	height: auto !important; 
	min-height: 330px;
	width: 874px;
	height: 330px;
	background: #f9f5ec url(../_images/jpg/homepageFond.jpg) no-repeat;
	border-top: 1px solid #F9F5EC;
	border-bottom: 1px solid #F9F5EC;
	/*
	border: 1px solid red;
	margin-top:-38px;
	*/
}

#contenuBas { /* le bloc du bas ecru qui s'etend (l'ambiance) */
	font-size: 15px;
	background-color:#F9F5EC;
	border-bottom: 1px solid #F9F5EC;
	color:#0094DE;
	font-style: normal;
	/*
	border: 2px dashed red;
	*/
}
#presentationBas { /* */
	margin-left: 180px;
	/*
	border: 2px dashed red;
	*/
}
.olive {
	height: 260px;
	background: url(../_images/jpg/fondOlive.jpg) no-repeat;
	width: 874px;

}

#bandeauPhotos { /* le bandeau bleu clair avec les photos */
	width: 874px;
	background-color: #0094DE;
	margin-top: 315px;
	height: 120px;
	display: block;
	/*
	border: 1px solid red;
	border-bottom: #006B95 solid 10px;
	*/
}
#bandeauPhotosRubrique { /* le bandeau bleu clair avec les photos */
	width: 874px;
	background-color: #0094DE;
	height: 120px;
	overflow: hidden;
	/*
	margin-top: -455px;
	*/
}

#filetBleu {
	padding: 0;
	width:874px;
	height: 10px;
	font-size:0;
	font-size: 1pt;
	background-color: #006B95;
}
	/*
	border: 1px solid yellow;
	*/
#bandeauBas { /* le bandeau gris clair*/
	position:relative;
	width: 874px;
	height: 40px;
	background: url(../_images/jpg/bandeauBas.jpg) repeat-x;
	/*
	*/
}

#contenantDrap {
	float: right;
	width: 230px;
	height: 30px;
	margin: 10px 15px 0 0;
	/*
	margin:0;
	*/
}

.drap{
	float: right;
	height: 17px;
	margin-right: 5px;
}
.photosItem2, photosItem4 {
background-color:#333;
}
.photosItem1,
.photosItem2,
.photosItem3,
.photosItem4,
.photosItem5,
.photosItem6 { /* les photos elles-mêmes */
	float: left;
	height: 120px;
	overflow: hidden;
	/*
	width: 27px;
	border: 2px dashed green;
	*/
}
.photosItem1 {width: 90px}
.photosItem2 {width: 159px}
.photosItem3 {width: 90px}
.photosItem4 {width: 160px}

.photosItem5, .photosItem6 {width: 160px}

.photosItem1 img {width: 90px; height:120px}
.photosItem2 img {width: 160px; height:120px}
.photosItem3 img {width: 90px; height:120px}
.photosItem4 img {width: 160px; height:120px}

.photosItem5 img, .photosItem6 img {
	width: 160px; height:120px;
}

.lateral1 {
	width: 180px;
	float: left;
}
.lateral2 {
	width: 230px;
	overflow:hidden;	
	float: right;
}

.lateral1, .lateral2 { /* les photos elles-mêmes */
	height: 120px;
	overflow: hidden;
	/*
	border: 2px dashed brown;
	border: 2px dashed brown;
	*/
}

.photoFloat{ /* les photos elles-mêmes */
	float: left;
	height: 120px;
	overflow: hidden;
	/*
	border: 2px dashed brown;
	*/
}


#fondTexte {
	height: 120px;
	margin-left: 180px;
}

#descriptif {
	text-align: center;
	font: bold small-caps 17pt "Times New Roman", Times, serif;
	color: #003366;
	background: url(../_images/jpg/fondFleur.jpg) no-repeat;
}

#adresse { /* l'adresse du site */
	right: 12px; 
	top: 12px;
	font:10pt times new roman, sherif;
	float: right;
	text-align: right;
	color: white;
	/*
	*/
}
.bord {	border: 1px dashed #ffffff}


.logo {
	width: 101px;
	border: 1px dashed #ffffff;
	height: 88px;
}

#logoManoir_fr {
	width: 360px;
	height: 88px;
	background: url(../_images/jpg/logoManoir_fr.jpg) no-repeat;
	cursor: pointer;
}

#logoManoir_en {
	width: 360px;
	height: 88px;
	background: url(../_images/jpg/logoManoir_en.jpg) no-repeat;
	cursor: pointer;
}
#logoManoir_de {
	width: 360px;
	height: 88px;
	background: url(../_images/jpg/logoManoir_de.jpg) no-repeat;
	cursor: pointer;
}

.chambreHote {
	margin: 48px 0 0 180px;
	font: italic bold 9pt "Times New Roman", Times, serif;
	color:#AEE3F4;
}

.titreRub{
	width: 775px;
	height: 85px;
	margin-top: 38px;
	text-align: center;
	font: italic bold 26pt times new roman, times, sherif;
	color: #BBBABA;
}
.italic{
	font: italic bold 10pt Verdana,arial,sans-sherif;
}

.petit{
	font: italic normal 7pt Verdana,arial,sans-sherif;
}


/*
	border: dashed blue 2px;
*/

#texteRub{
	width: 650px;
	height: 135px;
	height: auto !important; 
	min-height: 135px;
	margin-top: 05px;
	margin-left: 160px;
	font: italic normal 11pt Verdana,arial,sans-sherif;

}
/*
	border: dashed black 2px;
*/


#fondEcritTitre{
	width: 450px;
	height: 88px;
	margin-top: -47px;
	margin-left: 345px;
}
#texteSurBandeauPhoto{
	width: 874px;
	font: italic bold 13pt Times new roman,times,sherif;
	text-align: right;
	color: #BBBABA ;
	background-color:#f9f5ec;
}
.titre_chambre{
	color: #003366;
	font: bold 11pt Verdana,arial,sans-sherif;
}
/*
* tablo pour les reservations
*/
.petit {
	font: italic normal 09pt Verdana,arial,sans-sherif;

}

.tarif {
	font: italic normal 11pt Verdana,arial,sans-sherif;

}

.popup {
	margin: 0;
	border: 0;
	font-family: Arial, helvetica, "sans serif";
	font-size: 9pt;
	font-style: italic;
	/*
	overflow: hidden;
	*/
}

.popup img {
	border: 0;
}

#bouton {
	position: absolute;
	left: 2px; 
	top: 2px;
	z-index:1;
	background-color: #ebebeb; 
}

#les_chambres {
	margin-top: 12px;
	height:25px;
	width: 450px;
	float: right;
	font: italic bold 14pt Times, Garamond, serif;
	text-align: right;
	margin-right:15px;
	color:#529786;
}

#photoChambre {
	margin-top: 0px;
	height:90px;
	text-align: center;
	width: 870px;
}


.les_photos {
	margin-right: 12px;
	float: left;
	margin-left: 20px;
}


#suivant{
	text-align: center;
	width: 760px;
	float: left;

}

#film {
	margin-top: 15px; padding: 0;
	width:874px;
	height: 210px;
	background-color: #e3ded8;
	
}

.riquiqui {
	height: 1px; 
	font-size: 1pt;
}
#les_liens {
	height: auto !important; 
	min-height: 330px;
	height: 330px;
	font: italic bold 13pt "arial",sans-sherif;
	/*	background: #f9f5ec url(../_images/jpg/homepageFond.jpg) no-repeat;
*/
}
#les_liens a:hover {color: #529786}
#les_liens table {
	width: 580px;
	margin: 0 0 0 160px;
	font-weight: bold;
}
#les_liens td {
	text-align: center;
	font: italic bold 13pt "arial",sans-sherif;

}
#les_liens td.image {
	height: 50px;
	width: 110px;
}
table{border-collapse: collapse}
.tableauLiens td {border: 1px solid #E9E5DC; }
.small {
	font-size: x-small;
	font-style: italic;
}

#menuChambres {
height:70px;
}

}