/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px 0 0 0;
	height: 100%;
	background: #5E9578 url(images/bg-body.jpg) repeat-x center 0;
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	letter-spacing:-1px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	/*font: 11px Helvetica, Arial, Verdana, Geneva, sans-serif;*/
	color: #333;
	font: 12px;
}
a,a:link,a:active,a:visited,a:hover {
	color: #407ED5;
}
H1 {
	font-family: Verdana,Sans-Serif;
	letter-spacing: -1px;
	text-align: left;
	color: #1E485D;
	font-size: 20px;
	letter-spacing: 0px;
	padding: 0 0 0 0px;
	text-transform: uppercase;
}
H2 {
	text-align: left;
	color: Black;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 0 0 0 25px;
}	
H3 {
	text-align: left;
	color: #2E597F;
	font-size: 13px;
	padding: 0 0 0 35px;
}	

ul, li {
	list-style: none;
	margin:0;
	padding:0;
}

#general, #general-acc {
	width: 780px;
	position: relative;
	margin: 0 auto 0 auto;
	background: url(images/bg-general.png) repeat-y 6px 0;
}
#general2 {
width: 780px;
   position: relative;
	margin: 0px 0 0 0;
	background: url(images/bg-general2.jpg) no-repeat 0px 0px;
}
#contenu-acc, #contenu {
	display: block;
	position: relative;
	min-height: 320px;
	_height: 320px;
	margin: 0px 0px 0 180px;
	padding: 0px 0px 0px 0px;
}
#contenu {
	background: white;
	margin: 0px 6px 0 180px;
}
#general-acc #menu, #menu {
	display: block;
	position: absolute;
	left: 0px;
	width: 172px;
	margin-top: 19px;
	padding-top: 0px;
	background: url(images/bg-menu-acc.jpg) repeat-x 0 235px;
}
#menu {
margin-top: 0px;
	background: url(images/bg-menu.jpg) repeat-x 0 0px;
}
/* POUR BANNIERE */
#general-acc #banniere {
	width: 608px;
	height: 182px;
	margin: 0 0 0px 172px;
	background: url(images/bg-banniere-acc.jpg) no-repeat;
}
#banniere {
	width: 780px;
	height: 182px;
	margin: 0 0 0px 0px;
	background: url(images/bg-banniere.jpg) no-repeat;
}
/* IMAGES */
img.left, img.right, img.left-ss, img.right-ss {
	padding:4px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
}
img.right, img.right-ss {
	float: right;
	margin: 0 0px 2px 10px;
}
img.centre, img.centre-ss {
	padding: 4px;
	margin: 0 0px 10px 0;
	border: 1px solid silver;
}
img.left-ss, img.right-ss, img.centre-ss {
	border: none;
	margin: 0px;
}
/* MENU HORIZONTAL */
#menu-top {
	position: absolute;
	left: 0px;
	width: 780px;
	height: 23px;
	background: url(images/bg-menu-top.png) no-repeat;
}
#menu-top ul  {
   padding: 0px 0 0 0px;
	margin: 0;
	height: 23px;
	list-style: none;
}
#menu-top ul  {
	height: 23px;
}
#menu-top li   	{
font-size: 11px;
	position: relative;
	background: none;
	float: left;
	display: block;
	width: 105px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#menu-top li 	{
	width: auto;
}
#menu-top a, #menu-top a:link, #menu-top a:visited, #menu-top a:hover, #menu-top a:active {
	color: #506271;
	text-decoration: none;
	padding: 7px 0px 0px 0px;
	margin: 0 5px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 0px solid Gray;
	border-right: 0px solid Gray;
	width: 105px;
}
#menu-top a.last, #menu-top a.last:link, #menu-top a.last:visited, #menu-top a.last:hover, #menu-top a.last:active {
	color: #506271;
	text-decoration: none;
	padding: 7px 0px 0px 0px;
	margin: 0 0px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 0px solid Gray;
	border-right: 0px solid Gray;
	width: 100px;
}
#menu-top a:hover, #menu-top a.last:hover {
	color: Gray;
	background: none;
}	
/* Fin PARTIE pour le menu en haut acc*/


/* MENU VERTICAL */
#general-acc #menu-vertical, #menu-vertical {
position: relative;
	padding: 216px 0px 0px 6px;
	font-size: 11px;
	color: white;
}
#menu-vertical {
	position: relative;
	padding: 0px 0px 0px 6px;
	font-size: 11px;
	color: white;
}
#menu-vertical a {
	color: #6E692B;
	text-align: right;
	padding: 8px 28px 8px 6px;
	margin:0px 0px 0px 0px;
}
#menu-vertical ul {
	background: none;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	_margin: 0px 0px 0px 0px;
}
#menu-vertical ul li{
	width: 166px;
	margin: 0 0 0px 0;
	_margin: 0 0 0px 0;
	padding: 0px 0px 0px 0px;
}
#menu-vertical ul li a, #menu-vertical ul li a:hover, #menu-vertical ul li a, #menu-vertical ul li a:hover, #menu-vertical ul li a.active {
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: url(images/bg-menus.jpg) no-repeat 0 -60px;
}
#menu-vertical ul li a:hover, #menu-vertical ul li a.active {
	color: black;
	background: url(images/bg-menus.jpg) no-repeat 0 0;
}
#menu-vertical ul li ul {
	background: white;
	border: 0px solid white;
	margin: 0 0 3px 0;
	padding: 2px 0 3px 0;
}
#menu-vertical ul li ul li {
	font-weight: normal;
	margin: 0 0 0 0;
	_margin: 0 0 0px 0;
	padding: 0 0 0 0;
	width: 160px;
}
#menu-vertical ul li ul li.sep {
	color: Black;
	font-size: 11px;
	font-weight: bold;
	margin: 2px 14px 0 10px;
	border-bottom: 1px dotted silver;
	text-align: right;
	width: 140px;
}
#menu-vertical ul li ul li a, #menu-vertical ul li ul li a:hover, #menu-vertical ul li ul li a.active, #menu-vertical ul li ul li a.active:hover  {
	color: Gray;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	background: url(images/puce003.png) no-repeat 150px -20px;
	border: none;
	padding: 2px 18px 1px 0px;
}
#menu-vertical ul li ul li a:hover {
	color: Black;
		background: url(images/puce003.png) no-repeat 150px 5px;
}
#menu-vertical ul li ul li a.active:hover {
	color: Black;font-weight: bold;background: url(images/puce003.png) no-repeat 150px 5px;
}
#menu-vertical ul li ul li a.active {
	color: Black;
	font-weight: bold;background: url(images/puce003.png) no-repeat 150px 5px;
}
/* FIN MENU VERTICAL */
#navig {
	background: url(images/bg-navig.jpg) no-repeat 3px 3px;
	padding: 8px 0 8px 20px;
	border: 0px solid White;
	border-bottom: 3px solid #90B194;
}
#navig span {
padding: 8px 4px 2px 16px;
font-size: 0px;
color: white;
	background: url(images/puce001.jpg) no-repeat 6px 9px;
	*background: url(images/puce001.jpg) no-repeat 6px 1px;
}
#navig a {
	color: #778899;
	text-decoration: none;
}
#navig a:hover {
	color: black;
}

/* PAGES GENERALES */
#accueil, #page {
	margin: 0;
	padding: 0px 0px 0 0px;
	border: 0px solid #1F613B;
}
#accueil {
	padding: 0px 0 0 0;
	border: none;
}
#accueil p, #page p {
	font-size: 11px;
}

/* PAGE ACCUEIL */
#accueil #bloc-haut{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 191px;
	background: url(images/bg-bloc-haut.png) no-repeat;
}
#accueil #bloc-droite {
	display: block;
	margin: 0px 0 0 256px;
	padding: 0px 0 0px 0px;
	width: 300px;
	color: #696969;
}
#accueil #bloc-droite H1 {
	display: block;
	font-size: 0px;
	margin: 0;
	padding: 0;
	color: white;
	height: 56px;
	background: none;
}
#accueil #bloc-droite p {
	font-size: 11px;
	color: #413001;
	text-align: justify;
	overflow: auto;
	height: 120px;
	margin: 12px 0 0 0;
	padding: 0px 22px 0 0px;
}
#accueil #bloc-droite img {
	border: none;
	padding: 0 10px 0 0;
	float: left;
}
#accueil #bloc-gauche {
	display: block;
	float: left;
	color: #696969;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 255px;
}
#accueil #bloc-gauche p {
display:block;
	font-size: 11px;
	color: #5B737B;
	text-align: left;
	padding: 0px 0px 0 0px;
}
#accueil #bloc-gauche img {
	border: none;
	padding: 0px 0px 0 0px;
}
/*POUR LES 3 BLOCS EN BAS */
#accueil #bloc-bas {
	display: block;
	font-size: 0;
	margin: 8px 0 0 0px;
	padding: 0px 0 0 0px;
	height: 300px;
}
#accueil #bloc-bas ul.plus a {
	display: block;
	color: Black;
	text-align: right;
	margin: 12px 10px 0 0;
	padding: 0px 10px 0 0;
	background: url(images/puce002.png) no-repeat right 2px;
}
#accueil .bloc, #accueil .bloc-last, #accueil .bloc2, #accueil .bloc2-last {
	display: block;
	float: left;
	border: 0px solid silver;
	width: 193px;
	height: 170px;
	padding: 0px;
	margin: 0 8px 8px 0;
	background: white url(images/bg-bloc-bas.jpg) no-repeat 0px 80px;
}
#accueil .bloc2, #accueil .bloc2-last {
	height: 120px;
	background-image: none;
}
#accueil .bloc-last {
	margin: 0 0px 8px 0;
}
#accueil .bloc2-last {
	margin: 0 0px 0px 0;width: 192px;
}
#accueil .bloc2 {
	margin: 0 8px 0px 0;
}
#accueil .bloc p, #accueil .bloc-last p, #accueil .bloc2 p, #accueil .bloc2-last p {
	display: block;
	font-size: 11px;
	color: #5B737B;
	text-align: center;
	padding: 3px 0 0px 0;
}
#accueil .bloc img, #accueil .bloc-last img, #accueil .bloc2 img, #accueil .bloc2-last img {
display: block;
	background: white;
	border: 1px solid #B0D0DC;
	padding: 2px;
	margin: 0 auto 0 auto;
}
#accueil .bloc ul, #accueil .bloc li, #accueil .bloc-last ul, #accueil .bloc-last li, #accueil .bloc2 ul, #accueil .bloc2 li, #accueil .bloc2-last ul, #accueil .bloc2-last li {
	display: block;
	margin: 0 3px 0px 3px;
}
#accueil .bloc li, #accueil .bloc li.titre, #accueil .bloc-last li, #accueil .bloc-last li.titre, #accueil .bloc2 li, #accueil .bloc2 li.titre, #accueil .bloc2-last li, #accueil .bloc2-last li.titre  {
	text-align: left;
	margin: 0px;
	line-height: 10px;
	padding: 0px;
}
#accueil .bloc li.titre, #accueil .bloc-last li.titre, #accueil .bloc2 li.titre, #accueil .bloc2-last li.titre  {
	display: block;
	font-size: 12px;
	text-align: left;
	line-height: normal;
	margin: 4px 0px 0px 0px;
	padding: 3px 0 8px 20px;
	background: url(images/bg-bloc-bas-titre.jpg) no-repeat right 0px;
	font-weight: Bold;
	color: #A52A2A;
}
#accueil .bloc li a, #accueil .bloc-last li a, #accueil .bloc2 li a, #accueil .bloc2-last li a  {
	text-decoration: none;
	text-align: left;
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
	_line-height: 12px;
	font-weight: normal;
	font-size: 10px;
	color: #5E9578;
}
#accueil .bloc li a:hover, #accueil .bloc-last li a:hover, #accueil .bloc2 li a:hover, #accueil .bloc2-last li a:hover {
	text-decoration: underline;
	color: Black;
}

/* BLOC CENTRE */
#page #bloc-centre {
	display: block;
	color: #1E1E1E;
	min-height: 300px;
	_height: 300px;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	letter-spacing: 0px;
	padding: 0px 0px 20px 0px;
	border: 3px solid White;
	background: url(images/bg-bloc-centre.jpg) no-repeat 0 0;
}
#page #bloc-centre p, #page #bloc-centre ul {
	display: block;
	font-size: 12px;
	color: #323232;
	text-align: justify;
	padding: 10px 80px 0 40px;
}
#page #bloc-centre p.right {
	text-align: right;
}
#page #bloc-centre p b, #page #bloc-centre ul b{
	color: Black;
}
#page #bloc-centre ul {padding: 0px 90px 0px 60px;margin:0 0 16px 0;list-style: none;}
#page #bloc-centre li {padding: 0px 0px 0 16px;margin:0;list-style: none;}
#page #bloc-centre li.titre {
	color: #004BAC;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0 5px;
}
#page #bloc-centre p.two {
	display:block;
	font-size: 11px;
	color: #696969;
	text-align: justify;
	padding: 0px 80px 0 60px;
	margin: 4px 0 6px 0;
}
#page #bloc-centre p.centre {
text-align: center;
}
#page #bloc-centre p.photo-centre {
text-align: center;
	padding: 0px 0px 0 0px;
}
#page #bloc-centre p.photo-droite {
text-align: right;
	padding: 0px 0px 0 0px;
}
#page #bloc-centre p.date {
	display: block;
	font-size: 11px;
	color: #0D1C28;
	padding: 0px 0px 0 60px;
	margin: 0px 0 6px 0;
}
#page #bloc-centre h1, #page #bloc-centre h2, #page #bloc-centre h3, #page #bloc-centre h1.detail {
	display: block;
	padding: 24px 0 3px 20px;
	margin: 0px 250px 20px 0px;
}
#page #bloc-centre h1.detail {
	font-size: 17px;
	font-weight: bold;
	padding: 14px 0 3px 0px;
	margin: 0px 20px 0px 20px;
	border-bottom: 1px solid silver;
}
#page #bloc-centre h2, #page #bloc-centre h3 {background:none; border:none;margin: 0 80px 4px 40px;padding: 4px 0 3px 0px;}
/* Modules de droite */
#page #bloc-centre h2 {border-bottom: 1px solid #E0E0E0;padding: 4px 0 1px 0px;}
#page #bloc-centre h2.ss-detail {
	border: none;
}
#page #bloc-centre h4 {
	padding: 0 0 0 35px;
}
#page #module-droite {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 232px;
	margin: 0px 0 10px 14px;
	padding: 0px;
	background: url(images/bg-module-droite.jpg) repeat-y 0 0;
	border-left: 0px solid #E8E8E8;
	border-bottom: 0px solid #E8E8E8; /* background: #FFFFF7; */
}
#page #bloc-centre #module-droite p.haut {
	font-size: 0px;
	display: block;
	height: 49px;
	color: white;
	background: url(images/bg-module-droite-haut.jpg) no-repeat 0 0;
	padding: 0px;
}
#page #bloc-centre #module-droite p.bas {
	font-size: 0px;
	display: block;
	height: 30px;
	color: white;
	background: url(images/bg-module-droite-bas.jpg) no-repeat bottom;
	padding: 0px;
}
#page #bloc-centre #module-droite p {
	font-size: 11px;
	color: #8F7F6C;
	text-align: justify;
	padding: 6px 35px 5px 35px;
	font-family: arial;
}
#page #bloc-centre #module-droite p.liste {
	text-align: left;
}
#page #bloc-centre #module-droite span.retrait1, #page #bloc-centre #module-droite span.retrait2, #page #bloc-centre #module-droite span.retrait3 {
	display: block;
	padding: 0 0 0 10px;
	margin: 0 0 6px 0;
}
#page #bloc-centre #module-droite span.retrait2 {padding: 0 0 0 20px;}
#page #bloc-centre #module-droite span.retrait3 {
	padding: 0 0 0 0px;
	margin: 0 0 4px 0;
	border-bottom: 1px dotted black;
	font-weight: bold;
	color: black;
}
#page #bloc-centre #module-droite p.x2 {
	font-size: 11px;
	text-align: center;
	display: block;
	padding: 0px 0 5px 2px;
}
#page #bloc-centre #module-droite p.x2 img{
	width: 86px;
}
#page #bloc-centre #module-droite a {
	color: #329766;
	display: block;
	text-align:left;
	font-weight: bold;
	padding: 0 0 0 14px;
	margin: 0 0 2px 6px;
	background: url(images/puce004.png) no-repeat 0 1px;
}
#page #bloc-centre #module-droite a:hover {
	color: Black;
	font-weight: bold;
	background: url(images/puce004.png) no-repeat 0 -37px;
	}
#page #bloc-centre #module-droite a.mail, #page #bloc-centre #module-droite a.mail:hover {
	color: #329766;
	background: none;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 0px;
	margin: 0 0 2px 0px;
}
#page #module-droite .docs {
	display: block;
        float: left;
        padding: 2px;
        text-align: left;
}
#page #bloc-centre #module-droite H1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #16472F;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: left; /*background: #EEF9F4;*/
	margin: 12px 18px 10px 20px;
	padding: 4px 4px 5px 4px;
	border-bottom: 1px solid #E6E6E6;
}

#page #bloc-centre #module-droite p.sommaire {
	text-align: left;
	padding: 6px 25px 5px 30px;
	
}
#page #bloc-centre #module-droite p.sommaire span {
	color: black;
	font-weight: bold;
}
#page #bloc-centre #module-droite p.sommaire a {
	font-weight: normal;
	margin: 0 0 2px 0px;
	padding: 0 0 0 12px;
	text-decoration: underline;
}
/* pour galerie */
span.publi {
	display: block;
	text-align: right;
}
#page #galerie {
	padding: 0 0 0 0px;
}
#page #galerie p {
	padding: 10px 0px 0 70px;
	background: none;
}
#page #module-droite img, #page #galerie img {
	display: block;
   float: left;
   margin: 2px;
   border: 1px solid silver;
}
a img.thumb {
	border: 1px solid white;
	padding: 2px;
	color: Black;
	background: white;
}

a:hover img.thumb {
	border: 1px solid white;
	padding: 2px;
	background: #F5EE45;
}
/* Page d'accès */
#page #bloc-centre #acces {
	border: 1px solid silver;
	width: 532px;
	padding: 5px;
	margin: 0 auto 20px 26px;
}
/* MODULE ACTUALITES */
#actus {
	display: block;
	position: absolute;
	top: 4px;
	left: 2px;
	_left: -4px;
	width: 176px;
	height: 212px;
	background: url(images/bg-actus.jpg) no-repeat;
	z-index:5;
}
#actus p.flash {
	display: block;
	padding: 43px 0px 0 10px;
}

/* FORMULAIRE DE CONTACTS */

#bloc-centre form {
display: block;
margin: 0 240px 0 0;
	padding: 0px 0px 5px 40px;
}	
#bloc-centre input, #bloc-centre textarea, select {
	text-align: left;
	padding: 0px 0px 0px 0px;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	width: 298px;
}
#bloc-centre span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: #696969;
}
#bloc-centre input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 20px 0 0 0px;
	border: 1px outset #9BA9B9;
	background: #4884B3;
	color: #FFFFFF;
	width: 70px;
	cursor: pointer;
}
.note {
	display: block;
	font-size: 9px;
	text-align: justify;
	padding: 5px 0px 5px 0px;
	color: #ABABAB;
}
.note2 {
	display: block;
	font-size: 10px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: #737373;
}

/*DIVERS*/
.clear {
	clear: both;
	font-size:0px;
}
/* PIED DE PAGE */
#pied {
	width: 780px;
	clear: both;
	margin: 0;
	padding: 16px 0 9px 0;
	background: White url(images/bg-pied.jpg) no-repeat right;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	/*	color: #C3D4D5; */
	color: #296D2C;
}
#pied p {
	font-size: 9px;
	display: block;
	text-align: center;
	padding: 0 0 5px 180px;
/*	color: #C3D4D5; */
	color: #296D2C;
}

/*PLAN DU SITE*/
#bloc-centre #plan {
	margin: 20px 20px 0 20px;
	padding: 0px 25px 10px 80px;
        /* border: 1px solid Grey; */
}
#bloc-centre #plan ul {margin: 0;padding:0}
#bloc-centre #plan ul li {
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 1.1em;
		  list-style: none;
}

#bloc-centre #plan ul li ul li {
	padding-left: 20px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 1.0em;
	list-style: none;
}

#bloc-centre #plan ul li ul li ul li {
        padding-left: 20px;
        margin-bottom: 0px;
        font-weight: normal;
        font-size: 0.9em;
		  list-style: none;
		  
}

#bloc-centre #plan a {
	color: #407ED5;
        text-decoration: none;
}

#bloc-centre #plan a:hover {
	color: Black;
	text-decoration: underline;
}

#bloc-centre #plan ul li ul li ul li a {
        color: #999;
}
#page #bloc-centre P.nav {
	margin: 20px 20px 0 20px;
	border-top: 1px solid #DDDDDD;
	padding: 8px 0 0 0;
	text-align: center;
	display: block;
	font-size: 11px;
}
#page #bloc-centre P.nav a {
	color: #8FBC8F;
	font-size: 11px;
	text-decoration: none;
}
#page #bloc-centre P.nav a:hover {
	color: Black;
	text-decoration: underline;
}
#page #bloc-centre #commissions, #page #bloc-centre #commissions2 {
	padding: 20px 0 0 130px;
}