h1,h2,h3,h4,img
{
	border:none;
	padding:0;
	margin:0;
	font-weight:normal;
}
body
{
	width:900px;
	margin:auto;
	text-align:center;
	font-family:"Trebuchet MS";
	background: url("./style/fond.png") repeat-y center center #EEEDED;
	position:relative;
}

div#site
{
	width:900px;
	text-align:left;
	position:relative;
	float:left;
}

/****************************************************************************/
/*           |     | |-----      /\      ---     |-----  |---         		*/
/*           |     | |          /  \    |    \   |       |    \         	*/
/*           |-----| |---      /----\   |     |  |---    |____/             */
/*           |     | |        /      \  |    /   |       |  \               */
/*           |     | |-----  /        \  ---     |-----  |   \              */
/****************************************************************************/

div#header
{
	width:900px;
	margin:auto;
	background:url("./style/header.png") repeat-x scroll 0 0 #5C5B5B;
	height:140px;
	position:relative;
}

div#header div#logo
{
	padding:6px;
}

div#header img.logo
{
	max-width:187px;
	max-height:110px;
	__height:110px;

}

div#nom_agence
{
	position:absolute;
	top:40px;
	right:0;
	text-align:center;
	width:900px;
	color:#FFFFFF;
	text-transform: uppercase;
	font-style: italic;
}

/****************************************************************************/
/*			|\	    /|   |-----	|\	  |	    |	  |							*/
/*			| \	   / |   |		| \	  |		|	  |							*/
/*			|  \  /  |   |---	|  \  |		|	  |							*/
/*			|   \/   |   |		|	\ |		|	  |							*/
/*			|		 |   |-----	|	 \|		 \___/							*/
/****************************************************************************/

div#onglet
{
	position:absolute;
	top:100px;
	right:0;
	
}

div#onglet ul
{
	text-decoration:none;
	list-style:none;
}

div#onglet ul li
{
	float:left;
	width:127px;
	text-align:center;
}

div#onglet ul li a
{
	color:#FFFFFF;
	font-weight:bold; 	
	text-decoration:none;	
	text-transform:uppercase;	
	font-size:13px;
}

div#onglet ul li a:hover
{
	color:#EFE050;
	text-decoration:underline;
}

/****************************************************************************/
/*								BANDEAU										*/
/****************************************************************************/

div#text_agence
{
	width:670px;
	height:50px;
	background:#FFFFFF;
	color:#0305EF;
	padding:10px 0 0 10px;
	border:1px solid #CCC;
	margin-top:10px;
	margin-left:8px;
	-moz-border-radius:10px;
}
div#text_agence a
{
	color:#444444;
	text-decoration:none;
}

div#text_agence a:hover
{
	text-decoration:underline;
}

/****************************************************************************/
/*								Recherche									*/
/****************************************************************************/

div#search
{
	width:170px;
	background:url("./style/droit.png") no-repeat scroll left top #e0e076;
	top:207px;
	font-size:12px;
	padding:4px;
	padding-bottom:0;
	left:0;
	-moz-border-radius:0 0 20px 0px;
}

div#search h2
{
	color:#75A0A6;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
}

div#search_bar
{
	margin:auto;
	width:170px;
	margin-bottom:20px;
	color:#666670;
}

div#searche_contact
{
	margin:auto;
	width:150px;
	padding:3px
	
}
div#bg_img
{
	background:url("./style/droit_bas.png") no-repeat right bottom;
	width:208px;
	height:1px;
	position:relative;
	z-index:0;
	margin-top:20px;
	margin-left:-4px;
	padding-top:50px;
	margin-bottom:0px;
	
}
/****************************************************************************/
/*								centre										*/
/****************************************************************************/
div#centre
{
	float:right;
	width:710px;
}

/****************************************************************************/
/*								centre:HOME									*/
/****************************************************************************/
div.vignette
{
	-moz-border-radius:10px;
	background:#E3E3E3;
	float:left;
	margin: 10px 10px 10px 10px;
	padding:10px;
	text-align:left;
	width:310px;
	position:relative;
	font-size:13px;
}
div.vignette .titre
{
	padding:12px 0 0 20px; 
	width:240px;
	height:40px;
	position:relative;
	color:#333333;
	font-style:italic;
	font-weight:bold;
	margin: -10px 0 0 -20px;
	font-size:16px;
}
div.vignette #contact_home
{
	margin-top:0px;
}
div#cdc
{
	clear:both;
	-moz-border-radius:10px 10px 10px 10px;
	background:#E3E3E3;
	width:682px;
	height:280px;
	padding-top:10px;
	margin-left:10px;
	margin-top:10px;
	position:relative;
}

div#cdc .titre
{
	padding:12px 0 0 20px; 
	width:240px;
	height:40px;
	position:relative;
	color:#333333;
	font-style:italic;
	font-weight:bold;
	margin: -10px 0 -10px 0px;
	font-size:16px;	
	margin-left:-10px;
}



div#cdc .titre a
{
	color:#333333;
	text-decoration:none;
}

div.caroussel
{
	-moz-border-radius:10px 10px 10px 10px;
	background:#F0F0F0;
	border:4px double #FFFFFF;
	height:197px;
	margin:0 auto 20px;
	overflow:hidden;
	padding:0;
	width:560px;
}

div.caroussel ul
{
	list-style:none;
}

div.caroussel li
{
	float:left;
	width:137px;
	border:1px solid #F0F0F0;
}
div.caroussel li a
{
	font-size:10px;
	text-decoration:none;
}

div#vedette
{
	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 #F0F0F0;
	clear:left;
	height:auto;
	margin:10px 0 0 10px ;
	padding:10px ;
	width:662px;
}

div#vedette .titre
{
	padding:12px 0 0 20px; 
	width:240px;
	height:40px;
	position:relative;
	font-style:italic;
	font-weight:bold;
	margin: -10px 0 0 0px;
	font-size:16px;	
	margin-left:-18px;
}

div#vedette .titre a
{
	color:#333333;
	text-decoration:none;

}

div#vedette table
{
	font-size:12px;
}
/****************************************************************************/
/*								centre:LIST									*/
/****************************************************************************/
div.list
{
	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 #F0F0F0;
	border:1px solid #A6A6A6;
	clear:left;
	height:auto;
	margin:10px 0 0 7px;
	padding:10px 0;
	width:682px;
	font-size:12px
}

div.list a
{
	text-decoration:none;
	color:#000;
}

div.list a.more
{
	color:#666670;
	font-size:12px;
	text-decoration:none;
}

div.list a.more:hover
{
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

div.list .image
{
	width:167px;
	padding:4px;
}

div.page
{
	width:550px;
	float:right;
	text-align:center;
}

div.page ul
{
	list-style:none;
	padding:0;
	margin:0;
}

div.page ul li
{
	float:left;
	margin:3px;
}

div.page ul li a
{
	text-decoration:none;
	color:#75A0A6;
}

div.page ul li a:hover
{
	text-decoration:underline;
	color:#AAAA00;
}

div.page ul li#select
{
	font-weight:bold;
}

/****************************************************************************/
/*								centre:BIEN									*/
/****************************************************************************/

table.table_contenu
{
	-moz-border-radius:10px 10px 10px 10px;
	background:#D9D9D9;
	text-align:justify;
	width:682px;
	margin-left:7px;
	margin-top:10px;
	font-size:14px;
}

table.table_contenu h1
{
	margin:0;
	padding:0;
	font-size:20px;
}

table.table_contenu h2
{
	margin:0;
	padding:0;
	font-size:16px;
}

table.table_contenu .detail
{
	vertical-align:top;
	width:167px
}

div#bienSuivant
{
	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 transparent;
	border:1px solid #A6A6A6;
	float:right;
	height:auto;
	margin:10px 0 0px 0;
	padding:4px;
	width:300px;
	font-size:12px;
	margin-right:23px;
}

div#bienSuivant a, div#bienPrecedant a
{
	color:#666670;
	font-size:12px;
	text-decoration:none;
}

div#bienSuivant a:hover, div#bienPrecedant a:hover
{
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

div#bienSuivant .image
{
	width:137px;
}

div#bienPrecedant
{
	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 transparent;
	border:1px solid #A6A6A6;
	float:left;
	height:auto;
	margin:10px 0 0px 0;
	padding:4px;
	width:300px;
	font-size:12px;
	margin-left:7px;
}
div#bienPrecedant .image
{
	width:137px;
}
/****************************************************************************/
/*								Footer										*/
/****************************************************************************/

div#footer
{
	float:left;
	width:900px;
	-moz-border-radius:0 0 0 0;
	background:none repeat-x scroll center top #CCCCCC;
	border:medium none;
	font-size:10px;
	margin-top:10px;
	text-align:center;
}