/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		text-decoration:none;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		color:#666;
		padding:0 0 10px 0
	}
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	u {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Récurrents */
	ul.boutons {text-align:center}
	ul.boutons li {margin:6px 0}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		width:999px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Top */
	#top {
		width:994px;
		height:14px;
		background:#8cc919 url(../../img/structure/background/top.gif) no-repeat;
		text-align:right;
		color:#fff;
		font-weight:bold;
		padding:1px 5px 0 0;
		margin:0 0 20px 0
	}
/* --------------------------------------------------------------------------------------------- Défilant horizontal */
	#dhtmlgoodies_marquee{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.9em;
		color:#000;
		/* general marquee layout*/
		height:25px;
		/* End general marquee layout */
		position:absolute;
		left:0px;
		top:20px;		
		display:none;		
		width:100%;
		overflow:hidden
	}
	#dhtmlgoodies_marquee .textObj {	/* Layout for the marquee text */
		position:absolute;	
		white-space:nowrap
	}
/* --------------------------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:0 19px 0 15px
	}
/* --------------------------------------------------------------------------------------------- Ville Internet */
	#ville_internet {
		position:relative;
		top:200px;
		left:-135px;
		color:#218c32;
		font-weight:bold;
		font-size:1.5em
	}
/* --------------------------------------------------------------------------------------------- Bandeaux */
	#bandeau {
		float:left;
		width:855px;
		height:207px;
		margin:0 0 6px 0
	}
	.visu01 {background:url(../../img/structure/bandeaux/01.jpg)}
	.visu02 {background:url(../../img/structure/bandeaux/02.jpg)}
	.visu03 {background:url(../../img/structure/bandeaux/03.jpg)}
	.visu04 {background:url(../../img/structure/bandeaux/04.jpg)}
	.visu05 {background:url(../../img/structure/bandeaux/05.jpg)}
	.visu06 {background:url(../../img/structure/bandeaux/06.jpg)}
	.visu07 {background:url(../../img/structure/bandeaux/07.jpg)}
	.visu08 {background:url(../../img/structure/bandeaux/08.jpg)}
	.visu09 {background:url(../../img/structure/bandeaux/09.jpg)}
	.visu10 {background:url(../../img/structure/bandeaux/10.jpg)}
/* --------------------------------------------------------------------------------------------- Left */
	#left {
		float:left;
		width:214px;
		padding:5px 0 0 0;
		border-top:6px solid #005221
	}
/* -------------------------------------------------------------------------- Récurrents */
	#left .bloc_vert {
		float:left;
		background-color:#f0f9e0;
		margin-top:6px;
		width:100%;
		padding:5px 0
	}
	#left img.titre {
		float:right;
		vertical-align:middle;
		margin:15px 0 12px 0
	}
	#left input.champ {
		float:left;
		width:100px;
		height:14px;
		border:2px solid #787d70;
		font-size:1em;
		color:#000;
		padding:2px 0 0 4px;
		margin:0 7px 0 30px;
	}
	#left input.bt {float:left}
/* --------------------------------------------------------------------------  */
	#left #gif_anime {margin:0 0 8px 12px}
	#left #villes_jumelees {
		float:left;
		font-size:.8em;
		font-family:verdana, arial, helvetica, sans-serif
	}
	#left #drapeaux {padding:2px 0 0 0}
	#left #drapeaux li {
		display:inline;
		margin:0 0 0 3px
	}
/* -------------------------------------------------------------------------- Outils */
	#left #outils {
		float:left;
		width:202px;
		padding:2px 0 4px 12px;
		color:#000;
		font-weight:bold
	}
	#left #outils span {margin:0 0 0 6px}
	#left #outils a {
		color:#005221;
		font-weight:normal
	}
	#left #outils a:hover {text-decoration:underline}
	#left #outils a.police {
		margin:0 0 0 5px;
		font-weight:bold
	}
	#left #outils a.police.gd {font-size:1.7em}
	#left #outils a.police:hover {text-decoration:overline}
	#left #outils #contacter_webmaster {
		display:block;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:.9em;
		background:url(../../img/elements/fleche_vert.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		margin:0 0 8px 6px
	}
	#left #outils #imprimer {
		display:block;
		float:left;
		height:17px;
		background:url(../../img/boutons/imprimer.gif) no-repeat;
		padding:3px 0 0 25px;
		margin:0 10px 0 0
	}
	#left #outils #envoyer_page {
		display:block;
		float:left;
		height:16px;
		background:url(../../img/boutons/enveloppe.gif) no-repeat 0 3px;
		padding:3px 0 0 27px
	}
/* -------------------------------------------------------------------------- Accès rapide */
	#left #acces_rapide {padding:10px 0 5px 0}
/* ------------------------------------------------------ Menu */
/* ------------------------------- Premier niveau */
	#left #acces_rapide ul.menu_deroulant {
		float:left;
		font-family:verdana, arial, helvetica, sans-serif;
		border-top:1px solid #fbfdf7
	}
	#left #acces_rapide ul.menu_deroulant li {
		position:relative;
		clear:both;
		padding:2px 0;
		border-bottom:1px solid #fbfdf7
	}
	#left #acces_rapide ul.menu_deroulant li a {
		display:block;
		width:170px;
		color:#2e933b;
		background:url(../../img/elements/carre_gris.gif) no-repeat 35px 4px;
		padding:0 0 0 44px
	}
	#left #acces_rapide ul.menu_deroulant li a:hover {background:#def2b2 url(../../img/elements/carre_gris.gif) no-repeat 35px 4px}
/* ------------------------------- Second niveau */
	#left #acces_rapide ul.menu_deroulant li ul {
		position:absolute; /* important */
		visibility:hidden;
		float:none;
		left:100%; /* be careful */
    	top:0;
		background:#f0f9e0;
		width:200px;
		padding:5px;
		border:1px solid #218c32
	}
	#left #acces_rapide ul.menu_deroulant li ul li {clear:none}
	#left #acces_rapide ul.menu_deroulant li ul li a {
		display:inline;
		color:#2e933b;
		background:none;
		padding:0
	}
	#left #acces_rapide ul.menu_deroulant li ul li a:hover {
		text-decoration:underline;
		background:none
	}
/* -------------------------------------------------------------------------- Infos pratiques */
	#left ul.liens {
		float:left;
		font-family:verdana, arial, helvetica, sans-serif;
		padding:0 5px 0 36px
	}
	#left ul.liens li {
		background:url(../../img/elements/carre_gris.gif) no-repeat 0 4px;
		padding:0 0 0 8px;
		margin:0 0 6px 0
	}
	#left ul.liens li a {color:#2e933b}
	#left ul.liens li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Inscription Newsletter */
	#left #inscription_newsletter {padding:0 0 10px 0}
/* -------------------------------------------------------------------------- Documents téléchargeables */
	#left #documents span.titre {
		display:block;
		text-transform:uppercase;
		color:#218c32;
		font-family:verdana, arial, helvetica, sans-serif;
		font-weight:bold;
		margin:0 0 5px 40px
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:770px;
		border-top:6px solid #005221;
		padding:3px 0 0 15px
	}
/* -------------------------------------------------------------------------- Compass */
	#main #compass {
		font-family:verdana, arial, helvetica, sans-serif;
		color:#000;
		font-size:.9em;
		margin:0 0 2px 0
	}
	#main #compass ul {display:inline} 
	#main #compass ul li {
  		padding-left:2px;
  		display:inline
 	}
	#main #compass ul li a {color:#000}
	#main #compass ul li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Menu */
/* ---------------------------------------------- Premier niveau */
	#main ul.menu {
		float:left;
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:bold;
		text-align:right;
		margin:0 0 20px 0
	}
	#main ul.menu li {
		position:relative;
		float:left
	}
	#main ul.menu li a {
		float:left;
		display:block;
		width:124px;
		height:31px;
		color:#fff;
		background:#8cc919;
		border-left:2px solid #fff;
		padding:1px 2px 0 0
	}
	#main ul.menu li a.first {background:#8cc919 url(../../img/structure/background/menu.gif) no-repeat bottom left}
	#main ul.menu li a:hover {background:#218c32}
	#main ul.menu li a.first:hover {background:#218c32 url(../../img/structure/background/menu.gif) no-repeat bottom left}
/* ---------------------------------------------- Second niveau */
	#main ul.menu li ul {
		display:none;
		position:absolute;
		top:31px;
		left:0;
		width:200px;
		text-transform:none;
		font-size:.9em;
		font-weight:normal;
		text-align:left;
		border-bottom:1px solid #218c32;
		background:url(../../img/structure/background/ss_menu.gif) repeat-x left 4px;
		margin:0;
		padding:5px 0 0 0
	}
	#main ul.menu li ul li {
		position:static;
		float:none;
		border-left:1px solid #218c32;
		border-right:1px solid #218c32;
		background:#f0f9e0 url(../../img/structure/menu.gif) no-repeat bottom center;
		padding:2px 4px
	}
	* html #main ul.menu li ul li {
		float:left;
		width:192px
	}
	#main ul.menu li ul li.first {border-top:1px solid #218c32}
	#main ul.menu li ul li.last {border-bottom:1px solid #218c32}
	#main ul.menu li ul li a {
		float:none;
		display:inline;
		height:5px;
		color:#3d9b49;
		background:none;
		border:none;
		padding:0
	}
	* html #main ul.menu li ul li a {
		float:left;
		width:192px
	}
	#main ul.menu li ul li a:hover {
		background:none;
		text-decoration:underline
	}
/* -------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		background:url(../../img/structure/background/contenu.gif) no-repeat center bottom
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:98%;
		background:#8cc919 url(../../img/structure/background/bottom.gif) no-repeat bottom right;
		color:#fff;
		font-size:.9em;
		padding:1px 0 1px 2%;
		margin:0 0 10px 0
	}
	#footer li {display:inline}
	#footer li a {color:#fff}
	#footer li a:hover {text-decoration:underline}
	
	
/* --------------------------------------------------------------------------------------------- Récupérés */
	.general-title {
		color:#228229;
		font-size:1.4em;
		font-weight:bold;
		background-image:url(/img/environment/cl_dotted.gif);
		background-repeat:repeat-x;
		background-position:0 bottom;
		padding:0 0 4px 5px;
		margin:0 0 15px 0;
	}