body, html {
    font-family:arial;
    margin:auto;
    text-align:center;
    margin:0;
    padding:0;
    font-size:.9em;
/*    background-color: black; /*test*/
    background-color: #C7D216;
}

a:link { color:#0066FF }
a:hover, a:visited:hover { color:#660066 }
a:visited { color:#0033CC }

table img{display:block;}

#main{
	background-color:white;
}

h3{
    margin-bottom:0;
    text-align: left;
    font-size: medium;
    width: 100%;
}

img{
	border: 0;
	padding:0;
	margin:0;
}

.bordure {
	border:3px solid gray;
}

p{
	padding:5px;
}


li{
	text-align:justify;
	margin-bottom:15px;
}

#container{
	margin:auto;
	text-align:center;
	width:1024px;
	background-color: white;
}
	
#header{
	background-image:url('IMG/header.jpg');
	width:1024px;
	height:150px;
}

#menus {
	height:43px;
	width:100%;
	background-color:#FED402;
}


#menus a{
	float:left;
	margin-right:5px;
}

#content_accueil p{
    text-align: justify;
}

#content_accueil li{
    margin-top:-3px;
}

#accueil_right{
/*    background-image:url('IMG/image_accueil.jpg'); */
    background-position: top left;
    background-repeat: no-repeat;
    width :390px;
    float:right;
    height:320px;
    margin-top: 55px;
}

#accueil_left{
    width:540px;
    float:left;
   	padding-left:39px;
}

#content a{
    color:#551A8B;
}

#content_accueil{
    padding:15px;
	/*background-image:url('IMG/acceuil_big.jpg'); 
	background-position: top center;
	background-repeat: no-repeat;*/
	
	width:1004px;
}

#lien_accueil{
	width:600px;
	height:300px;
	margin: 100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


#lien1{
	position:absolute;
	width:118px;
	height:56px;
	top:125px;
	left:202px;
	overflow:hidden;
}

#lien2{
	position:absolute;
	width:58px;
	height:185px;
	top:-60px;
	left:320px;
	overflow:hidden;
}

#lien3{
	position:absolute;
	width:58px;
	height:129px;
	top:-4px;
	left:260px;
	overflow:hidden;
}

#slogan_accueil{
    font-weight: bold;
    position:absolute;
    bottom:40px;
    right: 300px;
    color:#BF8D1E;
}

#content{
	float:left;
	margin-top:0px;
	width:1024px;
	overflow:visible;
	background: url('IMG/ombre.jpg') top left;
	background-repeat: no-repeat;
	background-color:white;
	z-index: 1;
	height:600px;

}

#sitemap{
    position:absolute;
    height:20px;
    width:90px;
    right:130px;
    bottom:0;
    overflow: hidden;
}

#menudroite{
	float:right;
	margin-top:190px

}

/* CLASSES */

.left{
 float:left;
 text-align:left;
}


/*.puce{padding-top: 5px; border: 1px solid blue;}

.left h2{padding-bottom:5px;}*/

.ombre{width:823px; height:36px; background-image:url('IMG/ombre.jpg'); background-repeat: no-repeat;}

.h2_second_line{
	font-family:"Asphyxiate", "Margarosa", "Mistral", "Lucida Calligraphy", "Brush Script MT", "Brush Script", "Bradley Hand ITC", "Abadi MT Condensed Extra Bold", "Arial Rounded MT Bold","sans-serif";
/*	font-family:"Arial Rounded MT Bold","sans-serif"; */
	font-size:1.2em;
	color:#996600;
	text-align:left;
	float:left;
	padding-left:39px;
	margin-top:-5px;
	font-size:1.3em;
	font-weight:bold;
}

.right {float:right;}

.orange{list-style-image:url('IMG/puce_orange.jpg')}

.vert{list-style-image:url('IMG/puce_vert.jpg')}

.rouge{list-style-image:url('IMG/puce_rouge.jpg')}

.violet{list-style-image:url('IMG/puce_violet.jpg');}

.gris{margin-bottom:3px;}

.cercle { list-style-type:circle; }

#main_gauche{
	width:700px;
	float:left;
}

#main_droite{
	background-image:url('IMG/actualite.jpg');
	width:291px;
	min-height:433px;
	float:right;
}


h2
	{margin-top:6.0pt;
	font-family:"Arial Rounded MT Bold","sans-serif";
	color:#996600;
	}

.thick{
	font-weight:bold;
	color:#996600;
}

.no_padding{padding :0px ; margin:0px;}

.clear {clear:both; line-height:0px;}

.underline { text-decoration:underline; color:purple; float : left; }

.center {margin:auto; text-align:left; font-weight:bold; color:purple;}

.short_h2{}

#tarif-right{float:right; padding-top: 60px; width: 400px;}
#tarif-left{float: left; width: 575px;}
#tarif_top_right{float:right; padding-left:30px; padding-right: 10px;}
#tarif_top_left{float:left; padding-left:30px; padding-right: 10px;}

#tarif_top_left td{border:1px solid gray; padding:2px;}
#tarif_top_right td{border:1px solid gray; padding:2px;}
#tarif_bottom tr{border:1px solid gray; padding:2px;}
#tarif-bottom a {color:black;text-decoration: none;}
#tarif-bottom a:hover {text-decoration:underline;}

.red{color:red; text-align: center;margin: auto;}


#tarif{
	width:985px;
	padding: 15px;
	font-size: 1.1em;
}

#tarifs{
	width:985px;
	background-color: white;

	padding: 15px;
	text-align:left;
	overflow:visible;
	z-index:3;
}

#tarifs-top , #tarifs-bottom{
	width:950px;
	margin: auto;
}

#tarifs-top {}

#tarifs-top td, #tarifs-bottom td{
	border:1px solid gray; padding:2px;
}

#tarif .red_bg{
	background-position: center;
	background-repeat: no-repeat;
	color: black;
	height:34px;
	text-align: left;
}

#residence_hoteliere{
	text-align: left;
	margin: 15px;
	height:450px;
	margin-bottom: 0px;
	font-size:1.1em;
}

#residence_left{
	margin-left: 25px;
	padding-top: 30px;
	padding-left:9px;
	width: 520px;
	float:left;
}

#residence_left strong{
	font-weight:bold ;
	font-size:1.1em;
}

#residence_left li{
	font-size: 0.9em;
}

#residence_right{
	float:right;
	width:400px;
	padding-top:-20px;
}

#footer{
    float:left;
/*    background-image:url('IMG/footer3.jpg'); */
    background-image:url('IMG/sol.jpg');
    background-repeat:  no-repeat;
    background-color: white;
    background-position: bottom;
    overflow: visible;
    width:1024px;
    height:80px;
    position:relative;
}

.footer_contact{
	float:right;
	margin-right: 15px;
	margin-top: 30px;
}

.footer_contact img{
   margin-top: -20px;
   margin-right:-10px;
}

#footer_left{
	float:left;
	width:460px;
	height:20px;
	margin-top: -30px;
	margin-left: 50px;
}

#footer_left a {
	color:#996600;
	font-weight:bold;
}

#locaux{
    padding:15px;
    padding-bottom: 0px;
    height: 503px;
    font-size: 1.1em;
}

#locaux_left{
	float:left;
	width: 480px;
	padding-left:20px;

}

#locaux_right{
	float:right;
	width: 480px;
}

#locaux_bottom{
		padding-left:20px;
}

#valeurs{
	padding:15px;
	height:488px;
	font-size:1.1em;
}

#valeurs li{
	width:400px;
}

#valeurs_left{
	float:left;
	width:380px;
	margin-top: 5px;
	padding: 30px;
}

#valeurs_right{
	float:right;
	width:530px;
	margin-right:10px;
	padding-top:10px;
}

#travail{
	padding:15px;
	height:503px;
	padding-bottom: 0px;
	font-size:1.1em;
}

#travail_left{
	width: 560px;
	float: left;
	padding-left:20px;

}

#travail_right{
	float:right;
	width:400px;
	height: 390px;
	margin-left:0px;
	padding-top: -40px;
}

#service{
	padding: 15px;
	padding-bottom: 0px;
	padding-right: 0px;
}

#service_left strong{
	font-size: 1.2em;
}

#service_left{
	width: 680px;
	float: left;
	text-align:left;
	margin-top:20px;
	padding-left:39px;
}

#service_right{
	width:290px;
	min-height:280px;
	margin-top:60px;
	float:right;
}

#appartements{
	padding: 15px;
	padding-right: 0px;
	padding-bottom:0px;
}

#appartements_top{
	padding:5px;
	padding-left:35px;
	margin-top:10px;
}

#appartements_bottom{
	height:230px;
}

#appartements_text{
	width:315px;
	text-align:left;
	padding: -5px;
}

#appartemens_text li{
	text-align: justify;
}

.appart_left{
	margin-top: 0px;
	margin-left: 14px;
}

#holder {
	width:200px; 
	line-height:18px;
	height:38px;
	overflow:hidden;
	text-align:center; 
	background-image:url('IMG/menu-bg.jpg');
	position:absolute;
	right:0;
	font-weight:bold;
}

#holder:hover {
	height:117px; 
	cursor:pointer; 
	background-image:url('IMG/menu-bg.jpg');
}
#holder a:visited, #holder a {
	display:block;
	width:100%;
	font-size: 1em;
	line-height:25px; 
	color:#000; 
	text-decoration:none;
	color:#996600;
	background-image: url('IMG/menu-bg.jpg');
}
#holder a:hover {
	color:#c00;
	background:#C8D516;
}

.mini {font-size:0.8em;}

#gMaps{
    -moz-box-shadow:0 0 15px black;
    -webkit-box-shadow:0 0 15px black;
}

#plan{
    padding:15px;
}

#plan .premierniveau{
    padding-left: 15px;
    float:left;
    text-align: left;
    font-size: 1.5em;
}

#plan .secondniveau{
    padding:30px;
}

#plan .secondniveau .br{
    margin-top: 15px;
}

#plan .troisiemeniveau{
    padding-left:45px;
}

.police_titre {
	font-family:"Mistral", "Lucida Calligraphy", "Brush Script MT", "Brush Script", "Bradley Hand ITC", "Abadi MT Condensed Extra Bold", "Arial Rounded MT Bold","sans-serif";
	color:#996600;
/*	font-style:italic;*/
}