/*---------------------------#general----------------------------*
----------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {
     background: #e5e5e5 url(../images/bg.png) center center no-repeat;
}

a	{text-decoration: none; color: #e83ce6;}

a:link {color:#e83ce6; text-decoration:none;}
a:hover {color:#a400a2; text-decoration:underline;}
a img {border:none;}

textarea:focus, input:focus, select:focus	{
	background-color: #e4c7e7;
	border-color: #ceb1ff;
	color: #4d5c64;
}

td.tarifs	{
	width: 25%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #ba50c6;
	border-right-color: #ba50c6;
	border-bottom-color: #ba50c6;
	border-left-color: #ba50c6;
	vertical-align:bottom;
	text-align: center;
}

td.plus	{
	width: 33%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #b80000;
	border-right-color: #b80000;
	border-bottom-color: #b80000;
	border-left-color: #b80000;
	vertical-align:bottom;
	text-align: center;
}

td.forfait      {font-family: 'Century Gothic'; font-size: 1.1em; padding-top: 10px;}

.form	{
	position: absolute;
	color: red;
	font-style: italic;
	font-size: 1.2em;
	text-align: center;
	margin-top: 450px;
	margin-left: 20%;
}

.ans	{
	text-align: center;
	font-size: 1.5em;
	font-family: Verdana;
	margin-top: 150px;
}

.topresa {text-align: center; font-weight: bold; width: 450px; padding: 4% 0 0 5%;}

.tabletop { padding-top: 50px; }

img.desb	{
	border: #ff6e00 2px ridge;  
	display: block;
	
}

img.desp	{
	border: #ef0000 2px ridge;  
	display: block;
	
}

img.desmr	{
	border: #ed8bec 2px ridge;  
	display: block;
	
}

img.desmx	{
	border: #320536 2px ridge;  
	display: block;
	
}

img.desa	{
	border: #890000 2px ridge;  
	display: block;
	
}

img.desms	{
	border: #ffffff 2px ridge;  
	display: block;
	
}

img.desbt	{
	border: #ffccff 2px ridge;  
	display: block;
	
}

.orgpart01	{
	margin-left: 120px;
	text-align: left;
	list-style-image: url(../images/puce01.png);
}

.orgpart02	{
	margin-left: 120px;
	text-align: left;
	list-style-image: url(../images/puce02.png);
}

/*----------------------------#global----------------------------*
----------------------------------------------------------------*/
#global	{
	margin: 0 auto 0 auto;
	width: 1024px;
	height: 768px;
	z-index: 1;
}

#cache01	{
	position: absolute;
	background: url(../images/deco05.png) no-repeat;
	top: 0;
	width: 1024px;
	height: 220px;
	z-index: 90;
}

#cache02	{
	position: absolute;
	background: url(../images/deco06.png) no-repeat;
	top: 0;
	width: 220px;
	height: 768px;
	z-index: 100;
}

/*----------------------------#menu------------------------------*
-----------------------------------------------------------------*/

#navigation {
	position: absolute;
	list-style: none;
	border: ridge 4px #8f8f8f;
	width:200px;
	height:400px;
	margin:105px 0 0 45px;
	text-align: center ;
	background: url(../images/bgmenu.png) no-repeat;
	z-index: 200;
}

#navigation li {
       color: black;
       margin: 0;
}

#navigation li a {
	display: block ;
	background: url(../images/liencoulissant03.png) left top no-repeat;
	color: #455a65 ;
	font: 1.4em 'Century Gothic',Verdana,Arial;
	line-height: 0.5em ;
	text-align: left ;
	text-indent: 60px;
	text-decoration: none ;
	padding: 25px 0 ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: url(../images/liencoulissant03.png) right top no-repeat ;
	font-style: italic;
	font-weight: bold;
	color: #455a65;
}

/*-----------------------------#cadres-------------------------------*
--------------------------------------------------------------------*/

#cadre01 {
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/02.jpg) no-repeat;
	border: inset #dcdcdc 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre02	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/01.jpg) no-repeat;
	border: inset #ffff80 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre03	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/03.jpg) no-repeat;
	border: inset #d9ecf3 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre04	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/04.jpg) no-repeat;
	border: inset #ffd080 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre05	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/05.jpg) no-repeat;
	border: inset #c4e7c7 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre06	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/06.jpg) no-repeat;
	border: ridge #ffffff 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre07	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/07.jpg) no-repeat;
	border: ridge #ef0000 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre08	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/08.jpg) no-repeat;
	border: ridge #890000 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre09	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/09.jpg) no-repeat;
	border: ridge #ed8bec 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre10	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/10.jpg) no-repeat;
	border: ridge #ff6e00 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre11	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/11.jpg) no-repeat;
	border: ridge #320536 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre12	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/12.jpg) no-repeat;
	border: ridge #af0b0b 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre13	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/13.jpg) no-repeat;
	border: ridge #0000ff 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}

#cadre14	{
	position: relative;
	width: 800px;
	height: 600px;
	background: url(../images/14.jpg) no-repeat;
	border: ridge #ffccff 4px;
	margin: 100px auto 0 auto;
	z-index: 2;
}


/*-----------------------------#pied de page-------------------------------*
--------------------------------------------------------------------------*/

#pied	{
	width: 810px;
	height: 50px;
	background-color: #e7dde8;
	margin: 0 auto 0 auto;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	color: #455a65;
	text-align: center;
	z-index: 3;
}

#pied2	{
	width: 810px;
	height: 50px;
	background-color: #e7dde8;
	margin: 0 auto 0 auto;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	color: #455a65;
	text-align: center;
	z-index: 3;
}

#submenu	{
	margin: 10px auto 0 auto;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	color: #455a65;
	text-align: center;
	z-index: 4; 
}

#submenu2	{
	margin: 10px auto 0 auto;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	color: #455a65;
	text-align: center;
	z-index: 4; 
}


/*-----------------------------#main----------------------------------*
-----------------------------------------------------------------------*/

#centre	{
	position: absolute;
	width: 500px;
	height: 500px;
	margin: 80px 0 0 280px; 
	border: outset 2px #dcdcdc;
	font-size: 1em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#form	{
	position: absolute;
	width: 500px;
	height: 500px;
	margin: 80px 0 0 280px; 
	border: outset #c4e7c7 2px;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: left;
}

#map	{
	position: absolute;
	width: 500px;
	height: 500px;
	margin: 80px 0 0 280px; 
	border: outset 2px #ffd080;
	text-align: center;
	font-size: 1em;
	font-family: 'Century Gothic',Verdana,Arial;
}

#tar	{
	position: absolute;
	width: 500px;
	height: 500px;
	margin: 80px 0 0 280px; 
	border: outset 2px #d9ecf3;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
}

#cha	{
	position: absolute;
	width: 500px;
	height: 485px;
	margin: 80px 0 0 280px;
	border: outset 2px #ffff80;
}

#part	{
	position: absolute;
	width: 500px;
	height: 488px;
	margin: 80px 0 0 280px;
	border: outset 2px #0000ff;
	font-size: 1em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
	overflow : auto;
}

#web	{
	position: absolute;
	width: 200px;
	height: 70px;
	margin: 520px 0 0 50px;
}

#web2	{
	position: absolute;
	width: 200px;
	height: 70px;
	margin: 520px 0 0 90px;
}

#web3	{
	position: absolute;
	width: 200px;
	height: 70px;
	margin: 520px 0 0 290px;
	z-index: 100;
}

#estampe	{
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 50px 0 0 660px;
	z-index: 100;
}

#tabtete	{
	position: absolute;
	padding-left: 15%;
	z-index: 99;
}

.description	{
	position: absolute;
	width: 750px;
	height: 450px;
	margin-top: 130px;
	margin-left: 50px;
}

/*----------------------------------------chambres design------------------------------*
--------------------------------------------------------------------------------------*/

#tete	{
	position: absolute;
	width: 520px;
	height: 145px;
	margin-top: 25px;
	margin-left: 290px;
	z-index: 4000;
}

#corps	{
	position : absolute;
	width : 800px;
	height : 290px;
	margin-top : 190px;
	background : url(../images/corpsphotosmaison.png) no-repeat;
}

#pauline	{
	position: absolute;
	width: 800px;
	height: 290px;
	margin-top: 200px;
	background: url(../images/corpsphotospauline.png) no-repeat;
}
	

#anna	{
	position: absolute;
	width: 800px;
	height: 290px;
	margin-top: 150px;
	background: url(../images/corpsphotosanna.png) no-repeat;
}

#marine {
	position: absolute;
	width: 800px;
	height: 290px;
	margin-top: 180px;
	background: url(../images/corpsphotosmarine.png) no-repeat;
}

#bertille {
	position: absolute;
	width: 800px;
	height: 290px;
	margin-top: 170px;
	background: url(../images/corpsphotosbertille.png) no-repeat;
}

#maxime	{
	position: absolute;
	width: 800px;
	height: 290px;
	margin-top: 160px;
	background: url(../images/corpsphotosmaxime.png) no-repeat;
}

.table01	{
	margin: 0 0 0 370px;
}

.pauline	{
	margin: 140px 0 0 70px;
}

.anna	{
	margin: 190px 0 0 70px;
}

.marine	{
	margin: 150px 0 0 70px;
}

.bertille	{
	margin: 160px 0 0 70px;
}

.maxime	{
	margin: 185px 0 0 360px;
}

.mention	{
	margin-left: 150px;
	font-style: italic;
	font-family: Arial;
	font-size: 0.7em;
}

.const	{
	font-family: Arial;
	font-size: 0.8em;
	text-decoration: underline;
	font-style: italic;
}

#retour	{
	position: absolute;
	width: 250px;
	height: 120px;
	margin-top: 90px;
	margin-left:100px;
	z-index: 1000;
}

/*-------------------------Recommandation--------------------
-----------------------------------------------------------*/

#com	{
	position: absolute;
	width: 200px;
	height: 250px;
	font-style: italic;
	padding-top: 70px;
	top: 50px;
	left: 0;
	text-align: center;
	font-size: 0.7em;
	background: url(../images/recom.png) no-repeat;
	z-index: 2000;
}

.fav	{
	border: outset white 1px;
	padding: 5px 5px 5px 5px;
	font-size: 1.2em;
}

#post	{
	position: absolute;
	margin: 100px auto 0 auto;
	width: 800px;
	height: 600px;
	font-family: 'Century Gothic',Verdana,Arial;
	font-size: 2em;
	border: double 2px #5e8f07;
	background: url(../images/recommandation.png) no-repeat;
	text-align: center;
}

#stage	{
	position: absolute;
	width: 200px;
	height: 320px;
	margin-top: 350px;
	top: 0;
	left: 0;
	background: url(../images/stagecuisine.png) no-repeat;
	z-index: 2001;
}

#parchemin	{
	position: absolute;
	margin-top: -7%;
	margin-left: 60%;
	z-index: 1000;
}

#parchemin2	{
	position: absolute;
	margin-left: 60%;
	margin-top: -7%;
	z-index: 1000;
}

#noteie	{
	position: absolute;
	margin-top: 290px;
	margin-left: 65%;
	z-index: 1001;
}
 
/*-------------------------Commentaires--------------------
-----------------------------------------------------------*/

#commaison	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/textemaison.png) no-repeat;
	margin-top: 20px;
	margin-left: 50px;
	font-size: 0.8em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#compauline	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/textepauline.png) no-repeat;
	margin-top: 250px;
	margin-left: 450px;
	font-size: 1.5em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#comanna	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/texteanna.png) no-repeat;
	margin-top: 250px;
	margin-left: 450px;
	font-size: 1.5em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#commarine	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/textemarine.png) no-repeat;
	margin-top: 250px;
	margin-left: 450px;
	font-size: 1.5em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#combertille	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/textebertille.png) no-repeat;
	margin-top: 250px;
	margin-left: 450px;
	font-size: 1.5em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#commaxime	{
	position: absolute;
	width: 300px;
	height: 300px;
	background: url(../images/textemaxime.png) no-repeat;
	margin-top: 220px;
	margin-left: 40px;
	font-size: 1.5em;
	font-family: 'Century Gothic',Verdana,Arial;
	text-align: center;
}

#comcuisine	{
	position: absolute;
	width:700px;
	height:400px;
	background: url(../images/cadrecuisine.png) no-repeat;
	font-family: 'Century Gothic',Verdana,Arial;
	margin-left: 50px;
}

#cuimage01	{
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 80px 0 0 590px;
	z-index: 2002;
}

#cuimage02	{
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 190px 0 0 550px;
	z-index: 2003;
}

#cuimage03	{
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 60px 0 0 20px;
	z-index: 2004;
}

#cuimage04	{
	position: absolute;
	width: 150px;
	height: 150px;
	margin: 160px 0 0 80px;
	z-index: 2005;
}

/*-------------------------Bien-Etre--------------------
-----------------------------------------------------------*/

#bienetre01	{
	position: absolute;
	width: 300px;
	height: 500px;
	margin-top: 100px;
	margin-left: 40px;
	padding-top: 57px;
	padding-left: 5px;
	background: url(../images/cadre_bienetre02.png) no-repeat;
	font-size: 1.1em; 
	font-family: 'Century Gothic',Verdana,Arial;
	color: #965097;
	text-align: center;
}

#bienetre02	{
	float: left;
	width: 400px;
	height: 400px;
	margin-top: 50px;
	margin-left: 340px;
	background: url(../images/bien-etre_logo.png) no-repeat;
}

#bienetre03	{
	position: absolute;
	width: 400px;
	height: 210px;
	margin-top: 350px;
	margin-left: 360px;
}

#reviens	{
	position: absolute;
	width: 250px;
	height: 120px;
	margin-top: 30px;
	margin-left: 340px;
	z-index: 1000;
}