html
{
	background-image:url("img/fond.jpg");
	background-repeat: repeat-x;
	margin-top: -15px;
	margin-left:-10px;
	height: 100%;
	width:100%;
}

#container
{
	background-image:url('img/timbre.png');
	background-repeat:no-repeat;
	width:100%;
	height:1000px;
	margin:0;
}

#underContainer
{
	width:875px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}

#banniere
{
	background-image:url("img/banniere.png");
	width:850px;
	height:136px;
	margin-left:auto;
	margin-right:auto;

}

#pMenu
{
	width:875px;
	height:34px;
	display:block;
	

}

#ssMenu
{
	height:47px;
	/*width:518px;*/
	/*width: 710px;*/
	width: 720px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px
}


#menu1
{
	background-image:url("img/accueil.png");
	width:119px;
	height:34px;
}

#menu2
{
	background-image:url("img/chambres.png");
	width:138px;
	height:34px;
}

#menu3
{
	background-image:url("img/loupian.png");
	width:343px;
	height:34px;
}

#menu4
{
	background-image:url("img/domaine.png");
	width:189px;
	height:34px;
}

#ssMenu1
{
	background-image:url("img/tournesol.png");
	width:136px;
	height:36px;
}

#ssMenu2
{
	background-image:url("img/chataigne.png");
	width:130px;
	height:36px;
}

#ssMenu3
{
	background-image:url("img/safran.png");
	width:111px;
	height:47px;
}

#ssMenu4
{
	background-image:url("img/lavande.png");
	width:114px;
	height:47px;
}

#ssMenu5
{
	background-image:url("img/handi.png");
	width:146px;
	height:37px;
}


#v_menu
{
width: 134px;
height: 161px;
background-image: url("./img/vmenu.png");
background-repeat:no-repeat;
float: right;
padding-top:30px;
}

#vMenu1{
background-image: url("img/loupian2.png");
width:67px;
height:25px;
margin-left:34px;
margin-right:33px;
}

#vMenu2{
background-image: url("img/sete.png");
width:41px;
height:25px;
margin-left:47px;
}

#vMenu3{
background-image: url("img/etang.png");
width:123px;
height:25px;
margin-left:7px;
}

.menu
{
	float:left;
	margin-left:13px;
	position:relative;
}

.menu2
{
	float:left;
	position:relative;
	background:no-repeat;
}

.menu img {display:none;}
.menu2 img {display:none;}

#menu1:hover{
	background-image:url("img/accueilH.png");
}

#menu2:hover{
	background-image:url("img/chambresH.png");
}

#menu3:hover{
	background-image:url("img/loupianH.png");
}

#menu4:hover{
	background-image:url("img/domaineH.png");
}

#ssMenu1:hover{
	background-image:url("img/tournesolH.png");
}

#ssMenu2:hover{
	background-image:url("img/chataigneH.png");
}

#ssMenu3:hover{
	background-image:url("img/safranH.png");
}

#ssMenu4:hover{
	background-image:url("img/lavandeH.png");
}

#ssMenu5:hover{
	background-image:url("img/handiH.png");
}

#vMenu1:hover{
	background-image:url("img/loupian2H.png");
}

#vMenu2:hover{
	background-image:url("img/seteH.png");
}

#vMenu3:hover{
	background-image:url("img/etangH.png");
}




#content
{

	background-image:url("img/content.png");
	width:616px;
	height:716px;
	top:200px;
	/*margin-left:auto;*/
	/*margin-right:auto;*/
	margin-left: 125px;
	text-align: center;
	font-size: 15px;
	font-family: Arial;
}


/* ==============  Mise en forme du contenu de la div "content" ============== */

span.block_title{

	font-size: 25px;
	color: red;
	text-decoration: underline;
	font-style: italic;

}


img.miniature{

border: none;

}


span.infos{

text-decoration: underline;
color: red;


}


span.titre_vert{


color: green;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}


span.titre_bleu{

color: blue;
font-size: 18px;
font-weight: bold;
margin-left: 50px;
text-decoration: underline;
}

span.liste{

margin-left: 100px;

}

span.centre{

margin-left: 208px;

}

span.txt{

margin-left: 40px;

}

#tarifs_content{


text-align: left;
margin-left: 25px;
}

span.label{

width: 15px;
margin-right: 20px;

}

span.souligne{

text-decoration: underline;

}

input.txtbox{
width: 130px;
height: 15px;

}


/*Sous Div du content */
#credits{


width: 220px;
height: 200px;
text-align: left;
margin-left: auto;
margin-right: auto;

}

ul{

list-style-type: none;

}

span.credits{


text-decoration: underline;


}


/* ============== Fin de la  Mise en forme du contenu de la div "content" ============== */


#bText
{
	height:90%;
	margin-top:0px;
	padding:12px;
}

#footer
{
	height:25px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
}

#footer ul
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
	width:335px;
	height:20px;
}

#footer li
{
    margin:0;
    list-style-type:none;
    font-size: 12px;
    display: inline;
}

#footer li a
{
    text-decoration: none;
    color: #57106E;
}

#footer li a:hover{border-bottom:1px #57106E dashed ; color:#57106E;}

#valid
{
	margin-left:auto;
	margin-right:auto;
	width:180px;
}