/* CSS Document */
@media screen {
	* {
			margin:0;
			padding:0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		
	body{
		background-color:#FFFFFF;
		scrollbar-face-color: #FFFFff;/*fond ascenceur ButtonText*/
		scrollbar-shadow-color: #3674AF ;
		scrollbar-highlight-color: #3674AF ;
		scrollbar-3dlight-color: #3674AF ;
		scrollbar-darkshadow-color: #3674AF ;
		scrollbar-track-color: #3674AF;/*fond scroll*/
		scrollbar-arrow-color: #3674AF ;
		scrollbar-base-color: #3674AF ;
	}
	
	#contener{
		width:800px;
		height:650px;
		margin: 10px auto 0 auto;
		background-image:url(../images/fond.jpg);
		background-position:left;
		background-repeat:no-repeat;
		border-color:#3674AF;
		border-style:solid;
		border-width:2px;
	}
		
	#menu{
		margin-top:130px;
		margin-left:0px;
		width:120px;
		float:left;
	}
	
	#menu li{
		margin-bottom:5px;
		width:120px;
		padding-left:5px;
		padding-top:0px;
		
		background-image:url(../images/bgMenu.jpg);
		background-position:top left ;
		background-repeat:no-repeat;
		
		list-style-type:none;
		line-height:18px;
			}
	
	#menu li a{
		text-decoration:none;
		color:#ffffff;
	}
		
	#menu li a:hover{
		color:#CCCCCC;
		}
		
	/*--------------------------------------CONTENU-----------------------------------------*/
	#contenu{
		margin-top:100px;
		margin-left:20px;
		width:660px;
		height:470px;
		float:left;
		padding:5px 0 5px 0px;
		overflow: auto;
	}
*html 	#contenu{
		width:655px;
		padding:5px 0 5px 0px;
	}
	
	h1{
		width:640px;
		height:40px;
	
		margin-bottom:10px;
		margin-top: 15px;
		padding-bottom: 5px;	
		
		font-style: normal;
		font-weight: bolder;
		color:#3674AF;
		font-size: 16px;
		text-align:center;
		
		border-bottom-width: thick;
		border-bottom-style: solid;
		border-bottom-color: #632963;
	}
	
	h2{
		width:570px;
		margin-top:10px;
	
		font-size: 14px;
		font-weight: bold;
		color: #3674AF;
	}
	
	h3{
		width:570px;
		margin-top: 10px;
		padding-bottom: 5px;	
	
		color:#3674AF;
		font-size: 14px;
		text-align:center;
		font-style: normal;
		font-weight: bold;
	}
	
	h4{
		font-weight: bold;
		width:640px;
		color: #3674AF;
		margin-top: 10px;
	}
	
	h5{
		font-weight: bold;
	}
	
	h6{
		color: #3674AF;
		text-align: justify;
		width:640px;
		float:right;
		margin-top:5px;
		margin-left:5px;
		font-style: italic;
		padding:5px;
		font-weight: 100;
		background-color: #CC99FF;
	}
	
	p{
		color: #3674AF;
		width:630px;
		float: left;
	}
	
	#contenu ul{
		color: #3674AF;
		width:630px;
	}
	
	#contenu li{
		margin-bottom:5px;
		width:640px;
		text-align:justify;
		list-style-type:none;
		float:left;
	}
	
	#contenu li a{
		color: #632963;
	}
	
	#contenu li img.centre{
	 margin:0 0 0 60px;
	 float:none;
	}
	
	#contenu ul.vignette{
		width:600px;
		clear:right;
		text-decoration:none;
		float:left;
	}
	
	#contenu ul.vignette li{
		width:290px;
		height:140px;
		text-align:center;
		float:left;
		list-style-type:none;
	}
	#contenu ul.vignette a{
	margin-right:3px;
	color:#FFFFFF;
	border-width:0px;
	}
	
	#contenu ul.description{
		width:600px;
		clear:right;
		/*float:left;*/
	}
	
	#contenu ul.description li{
		width:290px;
		height:30px;
		text-align:center;
		float:left;
	}
	
	.left{
		margin-right:15px;
	}
	
	.nouveau {
		color:#C33;
	}
	/*--------------------------------------ALBUM-------------------------------------------*/
	#album {
		height:420px;
		margin:0px 0px 0px 0px;
	}
		
	*html #contenu #album h3{
		float:none	;
	}
	#contenu #album h3{
		width:630px;
		margin:5px 0px 0px 5px;
		font-size: 17px;
		clear:right;
	}
	#album p{
		margin:0px 0px 0px 0px;
		width:630px;
		float:left;
	
		padding-left:5px;
		text-align:justify;
		font-weight:100;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#album p.lesSaisies{
		margin:0px 0px 20px 0px;
		width:360px;
		float:left;
	
		padding-left:5px;
		text-align:justify;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	.lesSaisies{
		margin:0px 0px 0px 50px;
		width:200px;
	
		text-align:justify;
		font-weight:100;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
	}
	#album p.center{
		margin:20px 0px 0px 0px;
		width:200px;
	
		padding-left:5px;
		text-align:center;
		font-weight:100;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
	}
	
	#album ul#listePhotos{
		margin-top:10px;
		margin-left:0px;
		padding:0;
		width:600px;
		/*height: 250px;*/
		list-style-type:none;
		background-color:#00FF00;
	}
	#album ul#listePhotos li {
		margin:0px;
		padding:0px;
		width:550px;
	
		float:left;
	}
	
	#album ul#listePhotos li p.designation {
		margin:5px 0 5px 0;
		color:#3674AF;
	
		width:345px;
	
		font-size:16px;
		font-weight:bold;
		float:left;
	}
	
	#album ul#listePhotos li p.description {
		width:345px;
		font-size:14px;
		font-weight:normal;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		text-align:justify;
	}
	
	#album ul#listePhotos li .vignette {
		margin-top:10px;
		margin-left:0;
		width:200px;
		float:left;
	}
	#album  .panorama {
		margin-top:10px;
		margin-left:150px;
		width:200px;
	}
	/*--------------------------------------reservation-----------------------------------------*/
	.libre{
		background-color:#66CC66;
		text-align:center;
		padding:5px;}
	.occupe{
		background-color:#FF6600;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		padding:5px;}
	.option{
		background-color:#3674AF;
			color:#FFFFFF;
	
		text-align:center;
		padding:5px;}
	/*--------------------------------------CONTACT-----------------------------------------*/
	span{
		margin-left:20px;}
	
	form {
		width:650px;
		float:left;
		clear:right;
		
		margin-top:0px;
		margin-right:0;
		margin-left:0px;
		
		padding: 0px;
		}
		
	form label{
		width:300px;
		margin-top:5px;
		margin-right:30px;
		color:#ff;
		font-weight:bold;
	}
	/*input{
		float:right;}*/
	
	form #envoyer{
		color:#990000;
		font-weight:bold;
		width:650px;
	}
	#contenu p.conseil{
		color: #666666;
		width:600px;
		font-size:9px;
	}
	
	/*--------------------------------------COPYRIGHT-----------------------------------------*/
	#copyright {
		height: 25px;
		width:800px;
	
		margin-top:20px;
		margin-right:auto;
		margin-bottom:10px;
		margin-left:auto;
		
		padding-top:0;
		padding-right:0;
		padding-bottom:0;
		padding-left:5px;
			
		font-size: 9px;
		color:#000000;
		text-align:center;
		text-decoration: none;
	}
	#copyright a{
		color:#3674AF;
		font-size: 9px;
	}
	div#adresse, div#adresse ul, div#adresse ul li {
		display:none;
	}
	span.etat {
		display:none;
	}
}
@media print{
	.libre{
		background-color:#66CC66;
		text-align:center;
		padding:5px;}
	.occupe{
		background-color:#FF6600;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		padding:5px;}
	.option{
		background-color:#3674AF;
		color:#FFFFFF;
		text-align:center;
		padding:5px;}
	#menu {
		display:none;
	}
	#copyright {
		display:none;
	}
	div#adresse {
		display:list-item;
	}
	div#adresse ul {
		list-style-type:none;
	}
}