/*///////////////////////////////////////////////////////////////////////////////////
// STRUCTURE - style/structure.css */

/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// 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;}
a{font:inherit; color:inherit;}
a:hover{text-decoration:none;}
.dspNne{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:#fff;
	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 div#actuAccueil{
	padding:0 0 0 15px;
	margin-top:75px;
}
div#actuAccueil div.titre{ width:248px;border-bottom:1px solid #bdbb00;}
div#actuAccueil div.titre p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:15px;}
div#actuAccueil div.titre p a{ float:right; padding:3px 0 0 0; font:normal 9px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
div#actuAccueil>p{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:justify;
	padding:5px 15px 0 0;	
}
div#actuAccueil p img.imgP{ margin:0 0 0 30px;}
div#actuAccueil p strong{
	color:#bdbb00; font-weight:normal;
}
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;}
div#divContenuAccueil div#divMenuGauche li.barre a{text-decoration:none;}

/* 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#primaire li.barre a{text-decoration:none;}
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;}
div#divMenuBasActus ul{
	padding:0 0 0 40px;
	text-align:center;
}
div#divMenuBasActus ul li{
	display:inline;
	padding:0 10px 0 10px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;
}
div#divMenuBasActus ul li.barre{ border-right:1px solid #c0bb00;}


/*///////////////////////////////////////////////////////////////////////////////////
// IMAGES DE FOND - style/images-fond.php */

div.divImgFondGStyle1{background:url(../images/background/back-ext-G-style1.gif) repeat-x 0 0;}
div.divImgFondDStyle1{background:url(../images/background/back-ext-D-style1.gif) repeat-x 0 0;}
div.divImgFondCStyle1{background:url(../images/background/back-cont-site-style1.jpg) no-repeat top center;}
div.divImgFondGStyle2{background:url(../images/background/back-ext-G-style2.gif) repeat-x 0 0;}
div.divImgFondDStyle2{background:url(../images/background/back-ext-D-style2.gif) repeat-x 0 0;}
div.divImgFondCStyle2{background:url(../images/background/back-cont-site-style2.jpg) no-repeat top center;}
div.divImgFondGStyle3{background:url(../images/background/back-ext-G-style3.gif) repeat-x 0 0;}
div.divImgFondDStyle3{background:url(../images/background/back-ext-D-style3.gif) repeat-x 0 0;}
div.divImgFondCStyle3{background:url(../images/background/back-cont-site-style3.jpg) no-repeat top center;}
div.divImgFondGStyle4{background:url(../images/background/back-ext-G-style4.gif) repeat-x 0 0;}
div.divImgFondDStyle4{background:url(../images/background/back-ext-D-style4.gif) repeat-x 0 0;}
div.divImgFondCStyle4{background:url(../images/background/back-cont-site-style4.jpg) no-repeat top center;}
div.divImgFondGStyle5{background:url(../images/background/back-ext-G-style5.gif) repeat-x 0 0;}
div.divImgFondDStyle5{background:url(../images/background/back-ext-D-style5.gif) repeat-x 0 0;}
div.divImgFondCStyle5{background:url(../images/background/back-cont-site-style5.jpg) no-repeat top center;}
div.divImgFondGStyle6{background:url(../images/background/back-ext-G-style6.gif) repeat-x 0 0;}
div.divImgFondDStyle6{background:url(../images/background/back-ext-D-style6.gif) repeat-x 0 0;}
div.divImgFondCStyle6{background:url(../images/background/back-cont-site-style6.jpg) no-repeat top center;}


/*///////////////////////////////////////////////////////////////////////////////////
// QSN - style/qui-sommes-nous.css */

/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : pages qui sommes nous
// Page 1
// Page 2
// Page 3
// Page 4
// Commun a toutes les pages
///////////////////////////////////////////////////////////////////////////////////*/
html, body{background:#b5a58d;}
/* Page 1 */
div#divContenuPage1 p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; text-align:justify;
	padding:0 0 0 30px;
	width:490px;
}
div#divContenuPage1 em{font:normal 13px "Times New Roman", Times, serif;}
/* Page 2 */
div#divContenuPage2 h3{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#838217; text-transform:uppercase;
	padding:0 30px 7px 30px;
}
div#divContenuPage2 div#colG{
	float:left;
	width:360px;
}
div#divContenuPage2 div#colD{
	float:left;
	width:361px;
}
div#divContenuPage2 h4{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#010100;
	padding:0 30px 5px 42px;
}
div#divContenuPage2 ul{margin:0 30px 15px 30px;}
div#divContenuPage2 ul li{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; line-height:13px;
	background:url(../images/picto/li-style2.gif) no-repeat 0 4px;
	padding-left:12px;
}
div#divContenuPage2 p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; text-align:justify;
	padding:0 30px 0 30px;
}
/* Page 3 */
div#divContenuPage3 div#divColMots{
	float:left;
	width:123px;
	background:#e0d9cf;
	margin-left:10px;
}
div#divColMots ul{padding:10px 0 10px 0;}
div#divColMots ul li{
	font:normal 13px "Times New Roman", Times, serif; color:#000000; text-transform:uppercase; line-height:22px;
	padding:5px 20px 5px 20px;
}
div#divContenuPage3 div#divContenu{
	float:left;
	width:418px;
}
div#divContenu p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; text-align:justify;
	padding:0 10px 0 10px;
}
div#divContenu p.pSpe{
	clear:both; width:560px;
	font-weight:bold;
	padding:10px;
}
div#divContenu ul{
	float:left;
	margin:15px 30px 15px 10px;
}
div#divContenu ul li{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; line-height:16px;
	background:url(../images/picto/li-style2.gif) no-repeat 0 5px;
	padding-left:12px;
}
/* Page 4 */
div#divContenuPage4{
	position:relative;
	float:left;
	width:721px; height:358px;
	background:#fff url(../images/background/back-carte.jpg) no-repeat bottom right;
}
div#divContenuPage4 p{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#010100; text-align:justify;
	padding:0 30px 0 30px;
}
div#divContenuPage4 p#pCoord{
	position:absolute; top:247px; left:510px;
	width:190px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#010100; text-align:center; line-height:20px;
	padding:0;
}
/* Commun a toutes les pages */
div#divContenuPage1, div#divContenuPage2, div#divContenuPage3{
	float:left;
	width:721px; height:358px;
	background:#fff;
}
div#divContenuPage1 h2, div#divContenuPage2 h2, div#divContenuPage3 h2, div#divContenuPage4 h2{
	font:bold 14px "Times New Roman", Times, serif; color:#51460d; text-transform:uppercase;
	padding:30px 30px 15px 30px;
}
img.imgStyle1{
	float:right;
	padding:0 0 0 5px;
	background:#B5A58D;
}
img.imgStyle2{
	clear:both;
	float:right;
	padding:5px 0 0 5px;
	background:#B5A58D;
}
img.imgStyle3{
	float:right;
	margin:5px 30px 0 0;
}