/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// - Images de fond
// - Menu haut
// - Menu gauche accueil
// - Menu gauche interieur
// - Menu gauche réalisations
// - Bandeau bas
// - Menu bas
// Signature
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	height:100%;
	line-height:20px;
}
img{
	border:0;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
ul, li{
	list-style:none;
}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divExtMoitieG{
	position:absolute; top:0; left:0;
	width:50%; height:587px;
}
div#divExtMoitieD{
	position:absolute; top:0; right:0;
	width:50%; height:326px;
}
div#divImgH{
	position:relative;
	width:100%; height:100px;
}
div#divSite{
	position:absolute; top:0; left:50%;
	margin-left:-500px;
	width:1000px; min-height:645px;
}
div#divMenuHautAccueil{
	width:1000px; height:92px;
	margin-top:100px;
}
div#divMenuHautInterieur{
	width:1000px; height:101px;
	margin-top:100px;
}
div#divGriffe{
	position:absolute; top:288px; left:83px;
	width:90px; height:90px;
}
div#divContenuAccueil{
	width:1000px;
	background:#96856d;
	margin-bottom:12px;
}
div#divContenuInterieur{
	width:1000px;
	background:#b5a58d;
	margin-top:40px;
}
div#divContenuRealisations{
	width:1000px;
	margin-top:40px;
}
/* Images de fond */
/* Gérées dans le fichier "style/style-images-fond.php" */
/* Menu haut */
/* ATTENTION, tous ces ID sont dans : divSite/divMenuHautAccueil ET divSite/divMenuHautInterieur */
div#divSite div#logo{
	float:left;
}
div#divSite div#menu{
	float:right;
	margin-top:35px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#bdbb00;
}
div#divSite div#menu a:link, div#divSite div#menu a:visited{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;
}
div#divSite div#menu a:hover, div#divSite div#menu a:active, div#divSite div#menu a.lienEnCours{
	color:#bdbb00;
}
/* Menu gauche accueil */
div#divContenuAccueil div#divMenuGauche{
	float:left;
	width:279px; height:254px;
	background:url(../images/background/back-menu-gauche-accueil.gif) no-repeat 0 0;
}
div#divContenuAccueil div#divMenuGauche ul{
	padding:0 0 0 40px;
	margin-top:75px;
}
div#divContenuAccueil div#divMenuGauche li{
	width:180px;
	padding:18px 0 18px 0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;
}
div#divContenuAccueil div#divMenuGauche li.barre{
	border-bottom:1px solid #c0bb00;
}
/* Menu gauche interieur */
div#divContenuInterieur div#divMenuGauche{
	position:relative;
	float:left;
	width:279px; height:358px;
	background:url(../images/background/back-menu-gauche-interieur.gif) no-repeat 0 0;
}
div#divContenuInterieur h1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#51460d; text-transform:uppercase;
	padding:0 0 0 40px;
}
div#divContenuInterieur div#divMenuGauche p#pCoord{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#51460d; line-height:20px;
	padding:60px 0 0 40px;
}
div#divContenuInterieur div#divMenuGauche p#pCoord strong{
	text-transform:uppercase;
}
div#divContenuInterieur div#divMenuGauche ul#primaire{
	position:absolute; bottom:15px;
	padding:0 0 0 40px;
}
div#divContenuInterieur div#divMenuGauche ul#primaire li{
	width:180px;
	padding:5px 0 5px 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:15px;
}
div#divContenuInterieur div#divMenuGauche ul#primaire li.barre{
	border-bottom:1px solid #c0bb00;
}
div#divContenuInterieur div#divMenuGauche ul#secondaire{
	padding:10px 0 0 40px;
}
div#divContenuInterieur div#divMenuGauche ul#secondaire li{
	width:220px;
}
div#divContenuInterieur div#divMenuGauche ul#secondaire li a:link, div#divContenuInterieur div#divMenuGauche ul#secondaire li a:visited{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#51460d; text-decoration:none; line-height:15px;
	padding:2px 0 2px 0;
}
div#divContenuInterieur div#divMenuGauche ul#secondaire li a:hover, div#divContenuInterieur div#divMenuGauche ul#secondaire li a:active, div#divContenuInterieur div#divMenuGauche ul#secondaire li a.lienEnCours{
	color:#f4fda6;
}
/* Menu gauche réalisations */
div#divContenuRealisations div#divMenuGauche{
	float:left;
	width:279px; height:358px;
}
div#divContenuRealisations div#divMenuGauche h1{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#bdbb00; text-transform:uppercase;
	padding:0 0 0 40px;
}
div#divContenuRealisations div#divMenuGauche ul{
	width:200px;
	margin:0 0 0 40px;
}
div#divContenuRealisations div#divMenuGauche ul li, div#divContenuRealisations div#divMenuGauche ul li a{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#6e5f4d;
	margin:15px 0 15px 0;
	cursor:pointer;
}
div#divContenuRealisations div#divMenuGauche ul li.vide{
	margin:0 0 25px 0;
}
div#divContenuRealisations div#divMenuGauche ul li a{
	text-decoration:none;
}
div#divContenuRealisations div#divMenuGauche ul li:hover, div#divContenuRealisations div#divMenuGauche ul li.open, div#divContenuRealisations div#divMenuGauche ul li a:hover , div#divContenuRealisations div#divMenuGauche ul li a#selected {
	color:#fff;
}
div#divContenuRealisations div#divMenuGauche ul li ul{
	padding:0 0 0 40px;
	margin:10px 0 10px -25px;
}
div#divContenuRealisations div#divMenuGauche ul li ul li{
	margin:0; line-height:15px;
}
div#divContenuRealisations div#divMenuGauche ul li ul li a:link, div#divContenuRealisations div#divMenuGauche ul li ul li a:visited{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6e5f4d; text-decoration:none; line-height:15px;
}
div#divContenuRealisations div#divMenuGauche ul li ul li a:hover, div#divContenuRealisations div#divMenuGauche ul li ul li a:active, div#divContenuRealisations div#divMenuGauche ul li ul li a#selected{
	color:#fff;
}
/* Bandeau bas */
div#divBandeauBas{
	width:1000px; height:22px;
	margin:0 0 10px 0;
	background:#ada52c;
}
div#divBandeauBas p{
	padding-top:2px;
	font:normal 14px "Times New Roman", Times, serif; color:#51460d; text-align:center;
}
div#divBandeauBas p span{
	padding:0 15px 0 15px;
}
/* Menu bas */
div#divMenuBas ul{
	text-align:center;
}
div#divMenuBas ul li{
	display:inline;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#766448;
	margin:0 2px 0 2px;
}
div#divMenuBas ul li a:link, div#divMenuBas ul li a:visited{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#766448; text-transform:uppercase; text-decoration:none;
}
div#divMenuBas ul li a:hover, div#divMenuBas ul li a:active{
	text-decoration:underline;
}