/* ====  GENERAL ASSET  ==============================*/
* {margin:0;padding:0;}

body
{
	background: #736357 url(../index.html) repeat-y 50% 0;
	text-align: center;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif, serif;
	color: #000;
	margin: 0;
	margin-top: 28px;
	padding-top: 1px;
}
/*div { border: 1px solid;}*/
img
{
	border: 0;
}

p
{
	margin: 0px;
}

/* ====  CONTAINER  ===================================*/
#container
{
	background: #FFF url(../images/vertcorps.jpg) repeat-y 50% 0;
	margin: 110px auto 0px;
	padding-top: 25px;
	width: 924px;
	position: relative;
}

/* ====  CONTENT  =====================================*/
#poucet
{
	padding-left: 172px;
	padding-bottom: 30px;
}

#poucet a
{
	color: blue;
	text-decoration: underline;
}

#content
{
	padding-top:	10px;
	position:relative;
	font-size:115%;
	text-align:justify;
}

/* ====  HEADER  ======================================*/
#header
{
	background: #C8C8C8 url(../images/vertentete.jpg);
	width:924px;
	height:131px;
	margin:0 auto;
	position: absolute;
	top: -131px;
	left: 0px;
	text-decoration: none;
}

#header div.titre
{
	position: absolute;
	top: 0px;
	left: 180px;
	width: 680px;
	height: 131px;
	display: block;
	text-align: justify;
	/* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	margin-left: 40px;
	color: rgb(191,0,0);
	font-size: 10px;
	font-weight: bolder;
}

#header H1
{
	font-family: "Bradley Hand ITC", serif;
	margin-top: 40px;
	margin-bottom: 0px;
	font-size: 30px;
	font-style: italic;
	font-weight: bolder;
}

#header H2
{
	font-family: "Bradley Hand ITC", serif;
	font-size: 16px;
	margin-top:0px;
	font-size: 26px;
	font-style: italic;
	font-weight: bolder;
}

a.logo
{
	position: absolute;
	top: 0px;
	left: 60px;
	width: 151px;
	height: 131px;
	background: url(../images/logo.gif) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

a.logo:hover
{
	background: url(../images/logo.gif)  no-repeat 0 -151px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

a.acces
{
	position: absolute;
	top: 0px;
	left: 720px;
	margin-top: 25px;
	margin-left: 48px;
	width: 35px;
	height: 32px;
	background: url(../images/logoplanacce.gif) no-repeat 0 0;
}

a.acces:hover
{
	background: url(../images/logoplanacce.gif)  no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

a.mail
{
	position: absolute;
	top:0px;
	left:800px;
	margin-top:25px;
	margin-left:10px;
	width: 46px ;
	height: 32px ;
	background: url(../images/logomail.gif) no-repeat 0 0 ;
}
a.mail:hover
{
		background: url(../images/logomail.gif)  no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
a.plan
{
	position: absolute;
	top:0px;
	left:855px;
	margin-top:25px;
	margin-left:10px;
	width: 35px ;
	height: 32px ;
	background: url(../images/logoplansite.gif) no-repeat 0 0 ;
}
a.plan:hover
{
		background: url(../images/logoplansite.gif)  no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}




/* ====  Left - MENU  ======================================*/
#left_menu
{
	position: absolute;
	top: 30px;
	left: 28px;
	width: 141px;
	text-align: left;
	font-size: 0.9em;
}
#left_menu h3
{
	font-weight: bold;
	color:black;
	font-size:12px;
}
#left_menu h3.telephone
{
	font-weight: bold;
	color:black;
	font-size:14px;
}
#left_menu ul
{
	list-style: none;
	padding:0px;
	margin:0px;
	line-height: 1.6em;
}
#left_menu li
{
	left:-28px;
	list-style: none;
}
#left_menu a
{
	color:blue;
	text-decoration:underline;
}
/*#left_menu a:hover
{
	color:#C1C1C1;
	text-decoration:underline;
}*/



/* ====  Top - MENU  ======================================*/
#menu
{
	background-color:rgb(191,0,0);
	height:20px;
	text-align:left;
	width:872px;
	margin:0 auto;
	position: absolute;
	top:0px;
	left:25px;
	z-index : 25;
}
#nav, #nav ul
{ /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.9em;
}
#nav a
{
	display: block;
	text-decoration:none;
	/*padding-left:5px;*/
	text-align:center;
	color:#FFF;
	font-size:13px;
	height:20px;
}
#nav a:hover
{
	background: rgb(231,0,0);
}
#nav li
{ /* tous les items de liste */
	float: left;
}
#nav li.sel{background:#FFE3B8;}
#nav1{width:100px}
#nav2{width:100px;}
#nav3{width:120px}
#nav4{width:130px}
#nav5{width:80px}
#nav6{width:100px}
#nav7{width:80px}
#nav8{width:80Px}
#nav9{width:80px}
#nav10{width:75px}
#nav11{width:83px}
#nav li ul
{ /* listes de deuxième niveau */
	line-height: 21px;
	position: absolute;
	background: #E8E8E8;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul li
{
	clear:left;
}
#nav li ul li a
{
	color:#000;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	width:190px;
}
#nav li ul li a.conseil
{
	color:rgb(191,0,0);
	font-weight : bold;
	width:190px;
}
#nav li ul li a.sel,#nav li ul li a:hover
{
	background:#C8C8C8;
}
#nav li ul ul
{ /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul
{
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}


/* ====  Right-MENU  =====================================*/
#right_menu
{
	position: absolute;
	width:320px;
	top:74px;
	right:10px;
}
#right_menu a
{
	color: blue;
	text-decoration: underline;
	display: block;
	width: 192px;
	height: 36px;
	padding: 0 13px 0 7px;
	background: url(../index.html) 100% no-repeat;
	border-bottom: 1px dashed #919191;
	line-height: 36px;
}
#right_menu a.double_lines
{
	line-height: 13px;
	padding-top: 5px;
	height: 31px;
}
#right_menu a.image
{
	height: 46px;
	width: 212px;
}

#right_menu a:hover
{
	background:#C8C8C8 url(../index.html) 100% no-repeat;
	text-decoration:none;
	color:#fff;
}

#right_menu p
{
	font-size:0.8em;
	margin: 10px 0 0 0px;
}

#right_menu table
{
	margin-top:5px;
	width : 300px ;
	border: solid #BBC042 1px;
	text-align: justify;
}

/* ====  FOOTER  =======================================*/
#footer
{
	background:#C8C8C8 url(../images/vertbas.jpg) 100% no-repeat;
	height : 88px;
	text-align:center;
	color:#000;
	font-size:100%;
	padding-left : 0px;
	padding-right : 0px;
	color:rgb(191,0,0);
}
#footer a
{
	color:rgb(191,0,0);
	text-decoration:underline;
}
#footer a:hover
{
	text-decoration:underline;
}

div.phpmyvisites
{
	visibility:hidden;
}

.silencieux
{
	font-size: 0.90em;
}