/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/pix_body.jpg) repeat-x #E8F5FB;
}


h2, h3 , h4 , h5, p {
	
	display:block;
	margin:0;
	padding:0;
}


ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	
}


a:hover {
	text-decoration:none;

}

.align_gauche {
	float:left;
}
/*---------------------------CSS accueil---------------------------------*/
#gabari {
	margin:0 auto;
	width:955px;	
}

#header_acc {
	width:955px;
	height:365px;
	float:left;
	background:url(images/arr_header_acc.jpg) no-repeat;
	
}

#content_logo {
	width:955px;
	float:left;
}

#content_menu{
	width:580px;
	height:21px;
	float:right;
	font-weight:bold;
	font-size:15px;
	padding:38px 0 0 0;
}

#content_menu li{
	display:inline;
}
#content_menu li a{
	background:url(images/care_off.gif) left no-repeat;
	padding:2px 10px 0 20px;
	color:#646A87;
}

#content_menu li a:hover{
	background:url(images/care_on.gif) left no-repeat;
	padding:2px 10px 0 20px;
	color:#E10000;
}

#content_menu li a.actif{
	background:url(images/care_on.gif) left no-repeat;
	padding:2px 10px 0 20px;
	color:#E10000;
}

.bout_devi {
	float:left;
	margin:101px 0 0 21px;
}

.logo {
	float:left;
	margin:18px 0 0 38px;
}

#content_body {
	width:885px;
	float:left;
	padding:15px 35px 0 35px;
	background:url(images/arr_corp.jpg) no-repeat;
}

#bloc_gauche {
	width:270px;
	float:left;
}

.align_foto {
	float:left;
	margin-right:10px;
}

#bloc_milieu {
	width:350px;
	float:left;
	padding:0 0 0 12px;
}

#bloc_milieu h3{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin-bottom:5px;
}

#bloc_milieu p{
	text-align:justify;
	padding:5px 0 5px 0;
}

#bloc_droite {
	float:left;
	width:230px;
	padding:0 0 0 15px;
}
/*------------------------------------CSS Decoration interieure-----------------------------------*/

#header_intern {
	width:955px;
	height:305px;
	float:left;
	background:url(images/arr_header_interne2.jpg) no-repeat;
}

#header_intern2 {
	width:955px;
	height:305px;
	float:left;
	background:url(images/arr_header_interne3.jpg) no-repeat;
}

.img_peint {
	position:absolute;
	top:-41px;
	right:44px;
}

#content_body_chambre{
	width:800px;
	padding:15px 35px 0 35px;
}

#content_body_chambre h3{
	font-size:15px;
	color:#000;
	margin:5px 0 5px 0;
}


#content_body_interne {
	width:859px;
	float:left;
	padding:15px 48px 0 48px;
	background:url(images/arr_corp_interne.jpg) no-repeat;
	position:relative;
}

#content_body_interne h2{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin:0 250px 17px 0;
}

#content_body_interne h3{
	font-size:15px;
	color:#000;
	margin-bottom:5px;
}

#content_body_interne p{
	text-align:justify;
}
.parag {
	width:640px;
}

.espace {
	padding-top:10px;
}
.diapo {
	width:400px;
	float:left;
}


.img_diapo {
	float:left;
	width:500px;
	border-bottom:8px solid #767D98;
	border-top:8px solid #767D98;
	padding:3px 0 3px 0;
	height: 190px;
		
}

.img_diapo p{
	width:400px;
}

.img_diapo img {
	margin:10px 30px 20px 2px;
	border:1px solid #000;
	cursor:pointer;
	float:left;
	}
.img_diapo img.deco {
	margin:10px 0px 10px 0;
	border:1px solid #000;
	cursor:pointer;
	float:left;
	}

.gabari_diapo {
	width:860px;
	float:left;
	padding:15px 0 10px 0;
}

.fixe {
	float:left;
	height:70px;
}
.diapo_gro {
	float: left;
	width:206px;
	/*height: 221px;*/
	text-align:center;
	margin:0 0 0 25px;
}

.diapo_gro img{
	border-top:8px solid #5B6080;
}

.img_diapo .espac_foto {
	margin:0;
	border:1px solid #000;
	cursor:pointer;
	float:left;

}

.tof1 {
	color:#FFF;
	font-weight:bold;
	background-color:#5B6080;
	width:330px;
	clear:both;
	
}
	
.none {
	display:none;
	
}

.foto {
	float:left;
	margin-bottom:3px;
	padding-top:2px;
}
/*------------------------------------CSS Decoration colles-----------------------------------*/


#content_body_colle {
	width:887px;
	float:left;
	padding:15px 20px 0 48px;
	background:url(images/arr_corp_interne.jpg) no-repeat;
	position:relative;
}

#content_body_colle h3{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin:8px 270px 5px 0;
}
#bloc_revetement p{
	text-align:justify;
	padding:0 0 2px 0;
}

/*---------------- CSS menu bas------------------*/

#content_menu_bas {
	width:935px;
	clear:both;
	padding-left:21px;
	margin-bottom:5px;
}

#menu_bas {
	width:912px;
	height:35px;
	float:left;
	text-align:center;
	background:url(images/arr_menu_bas.jpg) no-repeat;
	padding-top:4px;
}

#menu_bas ul {
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
	color:#AECBD8;
	
}
 
#menu_bas li {
	display:inline;
}
 
 
#menu_bas li a{
	color:#AECBD8;
	
}
 
#menu_bas li a:hover{
	color:#E10000;
}

#menu_bas p{
	font-size:11px;
	color:#FFFFFF;
	}

#menu_bas span{
	position:relative;
	top:6px;
}
/*-----------------------CSS footer------------------------*/

#logo_top {
	text-align:center;
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#919292; 
	padding-bottom:4px;

}

#logo_top a:hover{
	color:#E10000;
}



/*------------------------------------CSS contact-----------------------------------*/



#header_ctc {
	width:955px;
	height:336px;
	float:left;
	background:url(images/arr_header_ctc.jpg) no-repeat;
	
} 

#content_body_ctc {
	width:875px;
	float:left;
	padding:0 35px 0 45px;
	background:url(images/arr_corp_ctc.jpg) no-repeat;
}




#coordonnes {
	width:290px;
	float:right;
	font-weight:bold;
	font-size:13px;
	color:#5B607F;
	
}

#coordonnes h3{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin-bottom:15px;
	
}

#coordonnes span.espac{
	display:block;
	
	
}
/*------------------------------------CSS Mention legales----------------------------------*/

#conteneur_mention {

	width:872px;
	float:left;
	padding:15px 35px 0 47px;
	background:url(images/arr_corp_interne.jpg) no-repeat;
	padding-bottom:10px;
	position:relative;
	
}

#conteneur_mention p{
	text-align:justify;
	padding:0 20px 0 0;
}


#conteneur_mention h3{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin:10px 400px 10px 0;
	
}


.nom_soc{
	font-weight:bold;
	color:#003366;
}


/*------------------------------------CSS formulaire-----------------------------------*/





#content_plan {
	float:left;
	border-bottom:8px solid #5B607F;
	width:538px;
	
	}

#content_plan h3{
	color:#E3F3FA;
	font-size:15px;
	background:url(images/puce_ctc.jpg) 1% no-repeat #5B607F;
	padding:0 0 0 15px;
	}

#content_formulaire {
	width:290px;
	float:right;
	padding-right:10px;
}

.formulaire {
	width:290px;
	float:right;
}

.formulaire h3{
	font-size:15px;
	color:#F40000;
	border-bottom:1px solid #F40000;
	margin-bottom:20px;
	}

.formulaire p{
	margin:0 0 2px 0; 
	width:290px;
	float:left;
	display:block;
	
}
 
.formulaire span{
	float:left;
	font-size:11px;
	font-weight:bold;
	
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	border:1px solid  #000;
	width:190px;
	height:15px;
	
}
 
.formulaire textarea{
	float: right;
	border:1px solid  #000;
	width:190px;
	height:70px;

}

.formulaire .bout{
	width:41px;
	height:16px;
	border:none;
	padding-top:5px;
}
.formulaire em{
	color:#FF0000;
}
.info{
	text-align: right;
	font-size:10px;
	}
.info2{
	text-align: right;
	color:#F40000;
	font-size:10px;
	
	}
