body  {
	font-family:Arial, Helvetica, sans-serif;
    	background: #C0CABB;
    	margin: 0; 
    	padding: 0;
    	text-align: left; 
    	color: #000000;
		font-size:12px;
		margin-top:10px;
    }
	p{margin:8px 0;}
	h1{
	font-size:18px;
	text-align: left;
	padding:5px 0 10px 5px;
	margin:0;
	color:#065E38
	}
	h2{
	font-size:14px;
	text-align: left;
	padding:8px 0 0 10px;
	margin:0;
	color: #000000;
	}
	h3{
	font-size:18px;
	text-align: left;
	padding:8px 0 0 14px;
	margin:0;
	color:#700418
	}
	h4{
	font-size:18px;
	text-align: left;
	padding:8px 0 0 14px;
	color:#00000;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	}
	a:link,
	a:visited ,
	a:active{
		color : #575655;
		text-decoration: none;
	}
	a:hover {
		color : #91403F;
		text-decoration: none;
	}
    .twoColFixLtHdr #container {
	width: 938px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background-image:url(images/fond_droit.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    } 
    .twoColFixLtHdr #header {
	padding:0;
	margin:0;
	background-image:url(images/fond_haut.jpg);
	background-repeat:no-repeat;
	background-color:#ECECE8;
    } 
    .twoColFixLtHdr #header h1 {
	margin: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 2px;
    }
    .twoColFixLtHdr #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 226px;
	background-color:#ECECE8;
	padding-left: 2px;
	}
    .twoColFixLtHdr #sidebar0 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	}
	
	.bouton_off{
		color:#FFFFFF;
		font-weight:bold;
		font-size: 16px;
		text-decoration:none;	
		margin : 2px 0 0 0;	

	}
	.bouton_off a{
		display:block;
		background-image:url(images/bouton.jpg);
		color:#FFFFFF;
		text-decoration:none;
		width:210px;
		height:26px;
		padding: 5px 0 0 14px;

	}
	.bouton_on a{
		display:block;  
 		background: url(images/bouton.jpg) no-repeat left bottom;
		font-weight:bold;
		font-size: 16px;
		color:#EDD505;
		text-decoration:none;
		width:210px;
		height:26px;
		padding: 5px 0 0 14px;
		margin : 2px 0 0 0;	

	}
	.bouton_off a:visited
	{      
		color:#FFFFFF;
	}
	.bouton_off a:hover {      
 		background: url(images/bouton.jpg) no-repeat left bottom;
		text-decoration:none;
		display:block;  
		color:#EDD505;
	}
	.bouton_on a:visited
	{      
		color:#EDD505;
	}
	.moyen{
		color: #D6D2D1;
		font-size: 12px;
	}
    .twoColFixLtHdr #mainContent {
	margin : 0;
	padding: 0 0 0 15px;
	background-color:#ECECE8;
	height:462px;
	width:688px;
	
    } 
    #footer {
	color: #5F5F5F;
	font-weight: bold;
	margin: 0 auto;
	width: 938px;
	text-align:center;
    } 
#footer a:link,
#footer a:visited ,
#footer a:active{
	color:#5F5F5F;
	text-decoration:none;
}
#footer a:hover{
	color:#C83504;
	text-decoration:none;
}
.vignette{
	width:113px;
	height:113px;
	background-position:50% 50%;
	margin: 8px;
} 
.vignette_inside{
	width:100px;
	height:100px;
	background-position:50% 50%;
} 
.rose{
	background:url(images/pave_rose.jpg); 
	background-repeat:no-repeat; 
	width:364px; 
	height:65px; 
	margin: 0 0 0 13px
}
#autre{
	font-size:14px;
	text-align:center;
	margin: 20px 20px 0px 90px;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.mail, .mail a {
	color: #155087;
	font-weight:bold;
}
.tel  {
	color: #A72806;
	font-weight:bold;
}
.menu{
	background-image:url(images/ombre_menu.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	padding:0 0 8px 0px;
}
.decouvrez{
	background-image:url(images/pave_gauche_haut.jpg) ; 
	height:190px; 
	background-repeat:no-repeat;
}
.decouvrez_inside{
	height:128px; 
	margin:19px 0 0 0;
}
.titre{
	background-image:url(images/pave_milieu_haut.jpg); 
	background-repeat:no-repeat; 
	height:48px;
}
.actu{
	padding: 15px 0 5px 15px;
	position: relative;
}
#formresa{
	color: #6A6B68;
	font-size:11px;
	margin:0px;
	border:0px;
	padding:0px;
}
.autre, .autre a{
	font-size:14px; 
	font-weight:bold;  
	color:#FFFFFF; 
}
.autre a:visited{
	color:#FFFFFF; 
}
.autre a:hover{
	color:#EDD505; 
}
.drapeau{
	margin:2px 0 0 0;
}

.input_box1{
	height:14px;
	font-size:11px;
	color:#000000;
	border: solid 1px #333333;
}
.textarea1{
	height:84px;
	font-size:11px;
	color:#000000;
	border: solid 1px #333333;
}
.select1{
	height:18px;
	width:50px;
	font-size:11px;
	color:#000000;
	border: solid 1px #333333;
}
.select2{
	height:18px;
	width:130px;
	font-size:11px;
	color:#000000;
	border: solid 1px #333333;
}
.div_input{
	background-color:#FFFFFF;
	border: solid 1px #333333;
	width:70px;
	height:14px;
	font-size:11px;
	color:#000000;
	padding-left:1px
}
img{
	border:0;
}	
.autrechambre,
.autrechambre a {
	font-weight: bold;
	color: #017743;
}
.autrechambre a:hover{
	font-weight: bold;
	color: #333333;
}
.disney,
.disney a  {
	color: #E60002;
	font-weight:bold;
	font-size:13px;
	margin:5px 0 0 0;
	float:left;
}
.petit{
	font-size:10px;
}