body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #e6d270;
font-family : arial;
font-size : 12px;
color : #fff }

#content {
position : relative;
width : 802px;
height : 601px;
 
margin-left : auto;
margin-right : auto;
background : #000 url(images/titre.gif) no-repeat ;  }


#menu_haut {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_accueil.jpg) ;  }

#menu_haut_chambres {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_chambres.jpg) ;  }

#bloc_chambres {
float : left ;
padding-top: 100px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0px;

width :600px;
color : #000;
font-family : Times New Roman;
font-size :   14px;}


#menu_haut_tarif{
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_accueil.jpg) ;  }

#menu_haut_gite {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_gite.jpg) ;  }

#menu_haut_montgolfiere {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_montgolfiere.jpg) ;  }
#menu_haut_table {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_table.jpg) ;  }
#menu_haut_petit_dejeuner {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_petit_dejeuner.jpg) ;  }
#menu_haut_restaurant {
float : left;
width : 100%; 
height : 700px ;
background : #000 url(images/image_centrale_restaurant.jpg) ;  }

#menu_haut_acces {
float : left;
width : 100%; 
height : 601px ;
background : #000 url(images/image_centrale_acces.jpg) ;  }


#menu_haut_contact {
float : left;
width : 100%; 
height : 802px ;
background : #000 url(images/image_centrale_contact.jpg) ;  }


#menu_haut ul {
float : right; 
margin : 0; 
padding : 20px 0 0 0 ; 
list-style : none }

#menu_haut li {
float : left; 
margin : 0;  
padding : 0 10px 0 10px ; }

#menu_haut li a{
color : #8F8F8F;
text-decoration : none;  }


#menu_haut li a:hover {
text-decoration : none;
color : #ccc;
}


.sep {background : #000 url(images/sep_haut.gif) right no-repeat; }


#haut {
width : 100%; 
height : 202px ;
background : #000  }

#naviguation {
margin : 5px 0 0 0;
width : 100%; 
height : 22px ;
text-align: center;
background : #D9A63B url(images/nav.gif);   }
html>body #naviguation { height: auto;  min-height:  22px;
text-align: center;}


#naviguation ul{
margin : 0; 
padding : 0; 
list-style : none;}

#naviguation li{
 float : left;}

#naviguation li a {
display : block;
padding : 2px 20px 0 20px;
margin :  0 ;
color : #EBCD93;
text-decoration : none;
background :  url(images/sep.gif) right 4px no-repeat;}

#naviguation li a:hover {
color : #ccc;
}



#centre {
width : 100%; 
background : #FAFAFA url(images/bg.gif);
text-align : left;
height : 470px;  }
html>body #centre { height: auto; min-height:  470px;}


#bloc_texte {
float : left ;
padding-top: 100px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0px;
text-decoration: none;
width :350px;
color : #000;
font-family : Times New Roman;
font-size :   14px;}




#bloc_texte1 {
float : left ;
padding-top: 100px;
padding-left: 15px;
margin-left: 0px;
margin-top: 0px;

width :350px;
color : #000;
font-family : Times New Roman;
font-size :   14px;}


#bloc_texte2 {
float : left ;
padding-top: 100px;
padding-left: 15px;
margin-left: 0px;
margin-top: 0px;

width :350px;
color : #000;
font-family : Times New Roman;
font-size :   14px;}


#bloc_formulaire {
float : left ;
padding-top: 110px;
padding-left: 30px;
margin-left: 0px;
margin-top: 0px;

width :540px;
color : #000;
font-family : Times New Roman;
font-size :   14px;}


#bloc_texte_image {
text-decoration : none;
float : left ;
width : 252px;

margin-left: 10px;
margin-top: 80px;
background : transparent;
}

#bloc_texte_image_restau {
text-decoration : none;
float : left ;
width : 320px;

margin-left: 40px;
margin-top: 150px;
background : transparent;
}
#bloc_texte_image_acces {
text-decoration : none;
float : left ;
width : 252px;

margin-left: 10px;
margin-top: 100px;
background : transparent;
}

#bloc_texte_image ul {
margin : 5px 0 0 0;
 padding : 0; 
 list-style : none;
 font-size : 10px
}
#bloc_texte_image li {
padding : 0; 
margin : 3px 0 0 0; 
}

#bloc_texte_image li a {
height : 13px; 
display : block;
text-decoration : none;
color : #D9A63B;
background : url(images/liste.gif) left no-repAeat; 
text-indent : 10px; 
}
html>body #bloc_texte_image li a  { height: auto; min-height:  13px;}


#bloc_texte_image li a:hover {
text-decoration : none;
color : #9B856C;
}



#bloc_texte_image img {
margin : 20px 0 0 0;
padding : 0;
border : 1px solid #000;
display : block;}

#bloc_texte_image p{
margin : 0;
padding : 0;
color : #fff;
background : #000;
text-indent : 10px;
}




#bloc_texte p{
margin : 0px 0 0 15px;
padding : 0; 
}

#bloc_texte h1{
padding : 10px 0 10px 15px;
margin : 0;
font-family : georgia, arial }




#articles {
width : 100% ; 
background : #000;
font-size : 10px;}

#articles p {margin : 0; }

#articles img{
float : left ; display : block }

.img_conf {border : 2px solid #694F1F ; margin : 10px 10px 0 30px ; display : block}




#bloc_articles {
width : 260px;
margin : 10px 0 0 0; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#878787}

#bloc_articles_002 {
width : 250px; 
margin : 10px 0 0 15px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#878787 }





.titre_articles {  
background : #000 ; 
float : left;  
background : #000 ; 
width : 400px; 
height : 45px ; }
html>body .titre_articles { height: auto; min-height:  45px;}

.titre_articles img {float : left}
.titre_articles h3 { margin : 0 ; padding : 0 0 0 0px;  color : #D9A63B; }
.titre_articles p { margin : 0 ; padding : 0 0 0 0px; }









.spacer {clear : both ; height : 13px; }

.footer {
background : url(images/footer.gif) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0 20px 0;
 color : #878787;
 text-align : left;
 font-size : 10px; }
 
 .footer p{
padding : 2px 0 0 15px }

 .footer a{
color : #878787}

 .footer a:hover{
color : #ccc}






.boot {margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #000 ; 
padding : 4px; 
color : #D9A63B;
font-weight : bold; 
font-family : times;
font-size :A 14px;
height : 23px; }

.boot_002 {

display : block;
position : absolute;
border : 4px solid #333; 
background : #333333 ; 
padding : 0 0 0 0; 
margin : -10px 0 0 73px; 
color : #0D294E; 
height : 13px;
font-size : 10px}

.boot_002 a {text-decoration : underline; color : #D9A63B 
 }

a {text-decoration : none; color  : #000}
a:hover {text-decoration : none; color : #CCC;}

.link a{
float : right ; 
padding : 0 ; 
margin : 0 ; 
color : #886C4E ; 
text-decoration : underline; }


#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #000;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #000;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #e6d270;
color: #000;
}



/*****************************************************************************/ 
/* Textes popups */ 
/*****************************************************************************/ 
.infos_texte0
	{
	font-family:"verdana", "new times roman", "arial", "helvetica";
	font-style:normal;
	font-weight:normal;
	font-size:13px;
	color:white; /*#EBE7E7*/
	margin-left:2px;
	}

.infos_texte1
	{
	font-family:"tahoma", "new times roman", "arial", "helvetica";
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	color:#FDBC11;
	margin-left:2px;
	}
/*****************************************************************************/ 
/*  Fin Textes popups */ 
/*****************************************************************************/ 
/*****************************************************************************/ 
/* Diaporamas lightbox */ 
/*****************************************************************************/ 
#splash_screen {
    width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	position: absolute;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1;
	cursor: pointer;
}

#splash_screen.bg {
    background: url(bg.gif);
}

#image_content {
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 0;
	position: absolute;
	z-index: 2;
}

#image_content img {
	margin: 0;
	padding: 0;
	display: none;
	z-index: 3;
	cursor: pointer;
}

#title_content {
    width: 100%;
	font-size: 11px;
	color: #333;
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 10px 0 0 -10px;
	padding: 0;
	left: 0;
	z-index: 3;
	position: absolute;
}

#splash_previous, #splash_next {
	margin: 0;
	padding: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
#splash_previous { right: 40px; background: url(control_rewind.png) no-repeat center; }
#splash_next { right: 0; background: url(control_forward.png) no-repeat center; }
#splash_pause { top: 0; right: 20px; background: url(control_stop.png) no-repeat center; }
#splash_play { top: 0; right: 20px; background: url(control_play.png) no-repeat center; }
#splash_notification.playing { background: url(control_play.png) no-repeat center; }
#splash_notification.paused { background: url(control_stop.png) no-repeat center; }
#splash_pause, #splash_play, #splash_notification {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

#splash_close {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(cross.png) no-repeat center #FFF;
}

#splash_description {
	margin-top: 4px;
	font-weight: bold;
}

div.ajax-loading { background: url(ajax-loader-thickbox.gif) no-repeat center; }


/*****************************************************************************/ 
/*  Fin Diaporamas lightbox*/ 
/*****************************************************************************/ 



<!--video--> 

body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(video/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(video/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(video/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(video/closelabel.gif) no-repeat right;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
<!--fin video-->