/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}
body {
background: #fbf3ef url(design/background.jpg) top center no-repeat;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
/*font-size: 100%;*/
color: black;
height: 100%;
/*Le position relation a été enlevé pour ke le diaporama de la page studio puisse passer sous ie6 :s*/
/*position: relative;*/
}
#conteneur {
position: relative;
width:780px;
margin: 0 auto;
text-align:left;
background: transparent url(design/conteneur_background.gif) 0 250px repeat-y;
}
#conteneur_2 {
background: transparent url(design/background.jpg) top center no-repeat;
}
#conteneur_3 {
	height: 25px;
clear: both;
background: transparent url(design/conteneur_bas.gif) bottom left no-repeat;
}


/*---- bandeau -------*/
#bandeau {
height: 220px;
background: transparent;
}
#diapo {
position: absolute;
top: 17px;
right: 17px;
}

#diapo_flash {
	position: absolute;
	width: 425px;
	height: 206px;
	top: 10px;
	left: 330px;
	background-color: #FFF;
	border: 2px #FFF solid;
}

#logo {
position: absolute;
top: 140px;
left: 70px;
}
h1 { font-size:18px;
}

#villa_titre {
	clear: both;
	padding: 11px 10px 5px 0;
}
	#villa_titre img {
		vertical-align: middle;
	}
	
	#villa_titre a {
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		color: #ef6904;
	}

/*---- menu -------*/
#menu {
float: left;
width: 270px;
margin-top: 70px;
margin-left: 30px;
background: transparent url(design/menu_sepa.gif) top right no-repeat;
}

#menu ul {
list-style-type: none;
font-size: .95em;
margin-left: 60px;
}
#menu li {
padding-left: 45px;
padding-top: 3px;
margin-bottom: 3px;
font-size: 1.2em;
background: transparent url(design/menu_puce.gif) 0 0 no-repeat;
}
#menu li:hover {
background: transparent url(design/menu_puce_actif.gif) 0 0 no-repeat;
}
#menu p {
padding-bottom: 12px;
}
#menu .nom {
color: #22468B;
font-weight: bold;
padding-top: 1em;
}
#menu a {
color: black;
}
#menu a:hover {
text-decoration: none;
}


/*---- Texte -------*/
#texte {
position: relative;
float: left;
width: 480px;
background: transparent url(design/texte_background.gif) 0 0 repeat-y;
margin: 10px 0px 0 0px;
color: black;
}
#texte_bas {
background: transparent url(design/texte_bas.gif) 0 0 no-repeat;
height: 76px;
}
#texte h2 {
color: #1E290B;
font-size: 1em;
margin-top: 15px;
background: transparent url(design/h1_background.gif) 0 0 no-repeat;
padding-top: 10px;
padding-left: 30px;
margin-bottom: 1em;
margin-right: 25px;
margin-left: 25px;
}

#texte h3 {
margin-right: 25px;
margin-left: 25px;
margin-bottom: .5em;
font-size: .9em;
color: #86390D;
}
#texte p {
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
}
#texte a, #texte strong, #texte b {
color: #d48c00;
}
#texte a:visited {
text-decoration: underline;
color: #ffb219;
}
#texte a:hover {
text-decoration: none;
color: #c35200;
}
#texte ul {
margin: 5px 15px 15px 50px;
font-size: .8em;
list-style-type:  square;
}
.center {
text-align: center;
}

#texte img.bordure {
border: 2px solid #d48c00;
}
.floatleft{
float: left;
margin: 5px 10px 3px 25px;
}
.floatright{
float: right;
margin: 5px 20px 3px 10px;
}
.clear {
clear: both;
}


/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
margin-top: 15px;
color: #BAB3E3;
text-align: center;
}

#pied_page a{
color: #BAB3E3;
text-decoration: none;
}
#pied_page a:hover{
text-decoration: underline;
}