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

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// - Skins
// Structure
// Menu haut
// - Sous menu
// Colonne Gauche
// Menu bas
// Intérieur
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// 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;
}
:focus{
	outline:0;
}
.dpNn{
	display:none;
}
/* Skins */
body.fleurs{
	background:#a41229 url(../images/background/back-skin-fleurs.jpg) no-repeat top center;
}
body.hiver{
	background:#fff url(../images/background/back-skin-hiver.jpg) no-repeat top center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divSite{
	position:absolute; top:0; left:50%;
	margin-left:-440px;
	width:880px;
}
div#divBandeauHaut{
	position:relative;
	width:880px; height:106px;
	margin-top:10px;
	background:url(../images/background/back-bandeau-haut.png) no-repeat 0 0;
}
div#divBandeauHaut div#retourAccueil{
	position:absolute; top:0; left:0;
	width:334px; height:106px;
	cursor:pointer;
}
div#divBandeauHaut div#photosFlash{
	position:absolute; top:12px; left:361px;
	width:427px; height:82px;
}
div#divMenuHaut{
	width:880px; height:29px;
	background:url(../images/background/back-menu-haut.png) no-repeat 0 0;
}
div#divCorpsSite{
	width:880px; min-height:550px;
	background:#fff url(../images/background/back-corps.gif) repeat-y 0 0;
}
div#divColGauche{
	float:left;
	width:138px;
	background:url(../images/background/back-col-gauche.png) no-repeat 0 0;
}
div#divContenu{
	float:left;
	width:696px;
	margin-left:22px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu haut
///////////////////////////////////////////////////////////////////////////////////*/
div#lienMairie a{
	display:block; float:left;
	width:115px; height:29px;
	margin-left:160px;
	background:url(../images/menu/mairie.png) no-repeat 0 0;
}
div#lienMairie a:hover{
	background-position: -115px 0;
}
div#lienVie a, div#lienSocial a{
	display:block; float:left;
	width:114px; height:29px;
	margin-left:2px;
}
div#lienVie a:hover, div#lienSocial a:hover{
	background-position: -114px 0;
}
div#lienVie a{
	background:url(../images/menu/vie-quotidienne.png) no-repeat 0 0;
}
div#lienSocial a{
	background:url(../images/menu/social-et-sante.png) no-repeat 0 0;
}
div#lienDecouvrir a{
	display:block; float:left;
	width:86px; height:29px;
	margin-left:2px;
	background:url(../images/menu/decouvrir.png) no-repeat 0 0;
}
div#lienDecouvrir a:hover{
	background-position: -86px 0;
}
div#lienDivertir a, div#lienLoger a, div#lienRegaler a{
	display:block; float:left;
	width:85px; height:29px;
	margin-left:2px;
}
div#lienDivertir a:hover, div#lienLoger a:hover, div#lienRegaler a:hover{
	background-position: -85px 0;
}
div#lienDivertir a{
	background:url(../images/menu/se-divertir.png) no-repeat 0 0;
}
div#lienLoger a{
	background:url(../images/menu/se-loger.png) no-repeat 0 0;
}
div#lienRegaler a{
	background:url(../images/menu/se-regaler.png) no-repeat 0 0;
}
/* Sous menu */
div.divSousMenuStyle1, div.divSousMenuStyle2{
	position:absolute; top:145px; white-space:nowrap; display:none; z-index:1;
}
div.divSousMenuStyle1{background:#e0a12e;}
div.divSousMenuStyle2{background:#a92644;}
div#sousMenu1{left:160px;}
div#sousMenu2{left:277px;}
div#sousMenu3{left:392px;}
div#sousMenu4{left:509px;}
div#sousMenu5{left:597px;}
div#sousMenu6{right:111px;}
div#sousMenu7{right:24px;}
div.divSousMenuStyle1 ul, div.divSousMenuStyle2 ul{
	padding:5px 10px 5px 10px;
}
div.divSousMenuStyle1 ul li a:link, div.divSousMenuStyle1 ul li a:visited, div.divSousMenuStyle2 ul li a:link, div.divSousMenuStyle2 ul li a:visited{
	line-height:20px;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;
}
div.divSousMenuStyle1 ul li.niv1, div.divSousMenuStyle2 ul li.niv1{
	cursor:pointer;
}
div.divSousMenuStyle1 ul li.niv1 a, div.divSousMenuStyle2 ul li.niv1 a{
	background:url(../images/picto/plus.gif) no-repeat 0 5px;
	padding:0 0 0 13px;
}
div.divSousMenuStyle1 ul li ul.niv2 a, div.divSousMenuStyle2 ul li ul.niv2 a{
	background:none;
	padding:0;
}
div.divSousMenuStyle1 ul li a:hover, div.divSousMenuStyle1 ul li a:active, div.divSousMenuStyle1 ul li.niv1 a:hover, div.divSousMenuStyle1 ul li.niv1 a:active{
	color:#cc3e60;
}
div.divSousMenuStyle2 ul li a:hover, div.divSousMenuStyle2 ul li a:active, div.divSousMenuStyle2 ul li.niv1 a:hover, div.divSousMenuStyle2 ul li.niv1 a:active{
	color:#e8b95a;
}
div.divSousMenuStyle1 ul li ul, div.divSousMenuStyle2 ul li ul{
	padding:0 0 0 18px;
}
div.divSousMenuStyle1 ul li ul li, div.divSousMenuStyle2 ul li ul li{
	list-style:disc; color:#FFF;
	line-height:16px;
}
div.divSousMenuStyle1 ul li ul li a:link, div.divSousMenuStyle1 ul li ul li a:visited, div.divSousMenuStyle2 ul li ul li a:link, div.divSousMenuStyle2 ul li ul li a:visited{
	font-size:11px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Colonne Gauche
///////////////////////////////////////////////////////////////////////////////////*/
div#divBlocRechercher, div#divBlocNewsletter{
	position:relative;
	width:138px; height:52px;
}
div#divBlocRechercher{
	margin-top:32px;
	background:url(../images/background/back-rechercher.png) no-repeat 0 0;
}
div#divBlocNewsletter{
	background:url(../images/background/back-newsletter.png) no-repeat 0 0;
}
div#divBlocRechercher input, div#divBlocNewsletter input{
	position:absolute; top:27px; left:6px;
	width:103px;
	background:none; border:0;
	font:normal 11px Arial, Helvetica, sans-serif; color:#575757;
}
div#divBlocRechercher div.lienOk a, div#divBlocNewsletter div.lienOk a{
	display:block;
	position:absolute; top:27px; left:115px;
	width:19px; height:15px;
	background:url(../images/interface/ok.png) no-repeat 0 0;
}
div#divBlocRechercher div.lienOk a:hover, div#divBlocNewsletter div.lienOk a:hover{
	background-position: -19px 0;	
}
div#divLienArchives{
	margin:8px 0 8px 0;
	text-align:center;
}
div#divLienArchives a:link, div#divLienArchives a:visited{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#A1001B;
}
div#divLienArchives a:hover, div#divLienArchives a:active{
	text-decoration:none;
}
div#lienVillage a, div#lienVillageOver a, div#lienOffice a, div#lienOfficeOver a, div#lienRecevoir a, div#lienRecevoirOver a, div#lienPhotos a, div#lienPhotosOver a, div#lienContact a, div#lienContactOver a{
	display:block;
	width:138px; height:59px;
}
div#lienVillage a:hover, div#lienVillageOver a, div#lienOffice a:hover, div#lienOfficeOver a, div#lienRecevoir a:hover, div#lienRecevoirOver a, div#lienPhotos a:hover, div#lienPhotosOver a, div#lienContact a:hover, div#lienContactOver a{
	background-position: -138px 0;
}
div#lienVillage a{
	background:url(../images/menu/village-vacances.png) no-repeat 0 0;
}
div#lienOffice a{
	background:url(../images/menu/office-de-tourisme.png) no-repeat 0 0;
}
div#lienRecevoir a{
	background:url(../images/menu/recevoir-documentation.png) no-repeat 0 0;
}
div#lienPhotos a{
	background:url(../images/menu/photos.png) no-repeat 0 0;
}
div#lienContact a{
	background:url(../images/menu/contact.png) no-repeat 0 0;
}
div#divStationVerte{
	width:138px;
	padding:10px 0 10px 0;
	text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Site bas
///////////////////////////////////////////////////////////////////////////////////*/
div#divMenuBas{
	clear:both;
	text-align:center;
}
div#divMenuBas ul{
	padding:10px;
}
div#divMenuBas ul li{
	display:inline;
}
div#divMenuBas ul li a:link, div#divMenuBas ul li a:visited{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#939393; text-decoration:none;
	padding:0 10px 0 10px;
	border-right:1px solid #939393;
}
div#divMenuBas ul li a:hover, div#divMenuBas ul li a:active{
	text-decoration:underline;
}
div#divMenuBas ul li a.signature{
	border-right:0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Intérieur
///////////////////////////////////////////////////////////////////////////////////*/
div#divLienHautPage{
	padding-top:30px;
	text-align:center;
}
a:link.aHautDePage, a:hover.aHautDePage, a:active.aHautDePage, a:visited.aHautDePage{
	font:normal 12px Arial, Helvetica, sans-serif;color:#525252; text-decoration:none;
}
a:hover.aHautDePage{
	text-decoration:underline;
}

div#divBoulogneSurGesse{
	width:696px; height:67px;
}
div#divEnteteContenuRouge, div#divEnteteContenuJaune, div#divEnteteContenuOrange{
	width:696px; height:36px;
}
div#divEnteteContenuRouge{
	background:#aa134d url(../images/background/back-entete-contenu-rose.jpg) no-repeat 0 0;
}
div#divEnteteContenuJaune{
	background:#e7a308 url(../images/background/back-entete-contenu-jaune.jpg) no-repeat 0 0;
}
div#divEnteteContenuOrange{
	background:#e15908 url(../images/background/back-entete-contenu-orange.jpg) no-repeat 0 0;
}
div#divEnteteContenuRouge h1, div#divEnteteContenuJaune h1, div#divEnteteContenuOrange h1{
	font:normal 16px Verdana, Arial, Helvetica, sans-serif; color:#fff;
	padding:5px 0 0 30px;
}
div#divCorpsContenu{
	background:#f4e9ca;
}
div#divPiedContenu{
	width:696px; height:20px;
	background:url(../images/background/back-pied-contenu.jpg) no-repeat 0 0;
}