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

body {
	padding: 0px 0 20px;
	background: #033D15 url(images/bg-body.jpg) repeat-x center 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	font: 12px;
}
a,a:link,a:active,a:visited,a:hover {
	color: #D2691E;
}
H1, H2, H3 {
	text-align: left;
	font-size: 19px;
	color: Gray;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0;
	margin: 0;
}
H2 {
	font-size: 15px;
}	
H3 {
	font-size: 14px;
}
u {
	text-decoration: none;
	color: black;
}
ul, li {
	list-style: none;
}
ul {
		margin: 10px 0px 0 40px;
		padding: 0 30px 0 20px;
		font-size: 11px;
		line-height: 16px;
}
#general-acc, #general, #general-page {
	position: relative;
	width: 780px;
	margin: 0 auto 0 auto;
	background: #184C25 url(images/bg-general-acc.jpg) repeat-y top right;
}
#general-page {
	background: #184C25 url(images/bg-general-page.jpg) repeat-y top right;
}
#general {
	background: #184C25 url(images/bg-general-page.jpg) repeat-y top right;
}
#general2-acc, #general2 {
width: 780px;
   position: relative;
	margin: 0;
	background: url(images/bg-general2-acc.jpg) no-repeat 0px 147px;
}
#general2 {
	background: url(images/bg-general2.jpg) no-repeat 0px 147px;
}
#contenu {
	display: block;
	width: 593px;
	margin: 0 0 0 187px;
	padding: 0;
}
#col-ga {
	display: block;
	position: absolute;
	left: 0px;
	top: 153px;
	width: 180px;
	margin: 0;
}

/* POUR BANNIERE */
#banniere {
	width: 100%;
	height: 147px;
	margin: 0 0 0px 0;
	background: url(images/bg-banniere.jpg) no-repeat;
}
#banniere #diapo {
position: absolute;
width: 736px;
height: 120px;
	top:20px;
	left:22px;
}
#banniere #logo {
	height: 97px;
	width: 97px;
	background: url(images/bg-logo.jpg) no-repeat;
	position: absolute;
	top: 30px;
	left: 48px;
}
/* IMAGES */
img.left, img.right, img.center, img.left-acc {
	padding:10px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
}
img.right {
	float: right;
	margin: 0 0px 2px 10px;
}
img.center {
	margin: 0 auto 6px auto;
	float: none;
}
img.left-acc {
		padding:3px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
	background: white;
}
/* SWF s */

span.diap {
display: block;
	margin: 0 auto 6px auto;
	padding: 6px;
	border: 1px solid silver;
}

/* MENU HORIZONTAL HAUT DEROULANT*/
#menu {
	display: block;
	margin: 6px 22px 0 0px;
	padding: 0px 0 0 2px;
	*padding: 0px 0 0 5px;
}
#menu-top, #menu-top ul {
   padding: 0px 0 0 0px;
	margin: 0;
	list-style: none;
}

#menu-top {
	font-weight: bold; 
        height: 22px;
}

#menu-top li 	{
	position: relative;
	background: none;
	float: left;
	display: block;
	width: 110px;
	margin: 0;
	padding: 0;
}

#menu-top a, #menu-top a:link, #menu-top a:visited, #menu-top a:hover, #menu-top a:active {
	color: #DFF6C6;
	text-decoration: none;
	padding: 4px 0px 2px 0px;
	margin: 0 5px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	width: 106px;
	border-left: 1px solid #9BE748;
	border-right: 1px solid #9BE748;
}
#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: #DFF6C6;
	text-decoration: none;
	padding: 4px 5px 2px 5px;
	margin: 0 0px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 1px solid #9BE748;
	border-right: 1px solid #9BE748;
}

/* PARTIE MENU DEROULANT */
 #menu-top ul li a, #menu-top ul li a:link, #menu-top ul li a:visited, #menu-top ul li a:hover, #menu-top ul li a:active { 
 margin: 0;
 }
#menu-top a:hover, #menu-top a:active, #menu-top a.last:hover, #menu-top a.last:active {
	color: #1A360A;
	background: #63E70E;
}	

#menu-top li ul {
	width: 106px;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	position: absolute;
	font-weight: normal;
	left: -999em;
	border: 1px solid #2A6205;
}
#menu-top li:hover ul, #menu-top li.sfhover ul {
	left:0px;
	z-index:99999;
}
	
#menu-top li li {
	background: none;
	float: right;
	padding-left: 0px;
	display: block;
	width: 106px;
	text-align: center
}

#menu-top li li.first {
	border:0px;
	border-left:0px solid white
}

#menu-top li li.last {
	border:none;
	border-right:0px solid white
}

#menu-top li li a, #menu-top li li a:link, #menu-top li li a:visited, #menu-top li li a:hover {
	display: block;
	color: White;
	font-weight: bold;
	text-align: center;
	padding: 2px 0px 2px 0px;
	width: 106px;
	border-bottom: 1px solid silver;
	background: #2A6205;
}

#menu-top li li.first a {
	display: block;
	color:White;
	padding: 2px 0px 2px 0px;
	width: 106px;
	border-bottom:1px solid White;
}
	
#menu-top li.active a:link, #menu-top li.active a:visited, #menu-top li.active a:active {
	color: white;
	text-align: center;
	font-weight: bold;
	background: none;
	border:none;
}
#menu-top li.active li a:link, #menu-top li.active li a:visited, #menu-top li.active li a:active {
	background: none;
	font-weight: normal;
	color: White;
	border-right: 1px solid white;
}
#menu-top li li a:hover, #menu-top li.active li a:hover {
	color: White;
	background: #B1BDCB;
}
/* FIN PARTIE MENU DEROULANT */

	/* hide from IE mac \*/
	#menu-top li {width:auto}
	/* end hiding from IE5 mac */

/*fin menu deroulant*/
/*FIN MENU HORIZONTAL*/


/* MENU VERTICAL */
#left {
	padding: 0px 0px 0px 23px;	
}

#menu-vertical p, #menu-vertical p.cat, #menu-vertical p.foyer, #menu-vertical p.afaedam {
	display: block;
	width: 156px;
	/*height: 118px;*/
	border: 1px solid #A4CFDB;
	margin: 6px auto 6px 23px;
	background: #499EB7 url(images/bg-left-p.jpg) no-repeat 3px 3px;
	padding: 0px 0 10px 0;
}
#menu-vertical p.cat {
	background: #499EB7 url(images/bg-left-p-cat.jpg) no-repeat 3px 3px;
}
#menu-vertical p.foyer {
	background: #499EB7 url(images/bg-left-p-foyer.jpg) no-repeat 3px 3px;
}
#menu-vertical p.afaedam {
	background: #499EB7 url(images/bg-left-p-afaedam.jpg) no-repeat 3px 3px;
}
#menu-vertical a, #menu-vertical a.acc {
	display: block;
	margin: 0;
	padding: 8px 0 8px 10px;
	background: url(images/puce-verte.png) no-repeat 1px -40px;
	color: White;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration: none;
	border-top: 0px solid #184D26;
}
#menu-vertical a.acc {
		padding: 8px 0 8px 36px;color: white;
		font-size: 12px;
		letter-spacing: 0px;
		
}
#menu-vertical a.acc, #menu-vertical  a.acc:hover {
padding: 8px 0 8px 36px;
	}

#menu-vertical a:hover {
	text-decoration: none;
	padding: 8px 0 8px 10px;
	
}
#menu-vertical  a.acc#menu_actif-acc {
	background: none;
	padding: 4px 0 4px 36px;
	color: white;
	border-top: none; /*border-bottom: 6px solid #184D26;*/
	margin: 0px;
	text-decoration: none;
}
#menu-vertical  a#menu_actif {
	background: none;
	color: Black;
	margin: 0px;
	text-decoration: none;
}
#menu-vertical a.ssmenu {
	display: block;
	padding: 1px 0px 1px 24px;
	font-weight: Bold;
	font-size: 11px;
	letter-spacing: 0px;
	border-top: none;
	background: transparent url(images/puce-silver-black.png) no-repeat 10px 4px;
	color: White;
	text-decoration: none;
}
#menu-vertical  a:hover.ssmenu {
	color: #B4D378;
	padding: 1px 0px 1px 20px;
	background: transparent url(images/puce-silver-black.png) no-repeat 10px -48px;
}
#menu-vertical a.smenu_actif {
   font-weight: bold;
   text-decoration: underline;
   background: url(image/smenu.png) no-repeat 0 0;
}
#menu-vertical span.espace-menu, #menu-vertical span.espace-menu2 {
	display: block;
	height: 30px;
}
#menu-vertical span.espace-menu2 {
	height: 46px;
}
/* FIN MENU VERTICAL */


#centre {
	margin: 0;
	padding: 6px 0 0 0;
	_padding: 6px 0 0 0;
}
#centre p {
	font-size: 11px;
}
/* PAGE ACCUEIL */
#centre #diapo-acc{
	margin: 0 0 0 1px;
	padding: 0;
	border-bottom: 6px solid White;
}
#centre #accueil {
	display: block;
	width: 339px;
	margin: 5px 0px 0 5px;
	padding: 0px 0 0px 0px;
	color: #696969;
}
#centre #accueil p {
	font-size: 11px;
	color: #202020;
	padding: 8px 20px 22px 20px;
	margin: 0 1px 0 1px;
	border-bottom: 5px solid White;
	text-align: justify;
	background: #EDEDED;
}
#centre #accueil H1 {
	display: block;
	font-size: 18px;
	text-align: center;padding: 20px 0;
	letter-spacing: -1px;
	background: #EDEDED;
	color: #314217;
}

/* PAGES NORMALES */
#centre #page, #centre #page-femme {
	margin: 0px 0;
	padding: 20px 150px 20px 30px;
	background: url(images/bg-page-homme.jpg) no-repeat right top;
	min-height: 317px;
	_height: 317px;
	color: #696969;
}
#centre #page-femme {
	background: url(images/bg-page-femme.jpg) no-repeat right top;
}
#centre #page h1, #centre #page-femme h1 {
	color: #184B25;
	margin: 10px 0 20px 0px;
	padding: 0 0 0 20px;
	background: url(images/bg-h1.png) no-repeat 0px 3px;
	
}
#centre #page h2, #centre #page-femme h2 {
	color: #253538;
	background: url(images/bg-h2.png) no-repeat 0px 3px;
	margin: 10px 0px 10px 30px;
	letter-spacing: -1px;
	padding: 0 0 0 16px;
}
#centre #page p, #centre #page-femme p  {
		text-align: justify;
		padding: 0px;
		margin: 10px 0px 0 40px;
		padding: 0 50px 0 10px;
		font-size: 12px;
		line-height: 16px;
}

#centre #page p.adresse {
	display: block;
	padding: 0 0 0 30px;
	font-size: 12px;
	color: black;
}
#centre #page p.plan {
	display: block;
	width: 249px;
	height: 192px;
	float: right;
	margin: 0;
	padding: 0;
}

/* MODULE ACTUALITES */
#centre #actus {
	display: block;
	float: right;
	width: 236px;
	padding: 0 0 172px 0;
	background: url(images/bg-actus.jpg) no-repeat 0px bottom;
}
#centre #actus span.entete {
	display: block;
	font-size: 12px;
	margin: 0 21px 0 0;
	padding: 0px;
	height: 19px;
	border-bottom: 5px solid white;
	background: url(images/bg-entete-news.jpg) no-repeat right;
}
#centre #actus p.texte-actus {
	display: block;
	margin: 5px 21px 0 0;
	height: 140px;
	padding: 0px 16px 0 16px;
	font-style: normal;
	text-align: justify;
	color: #B1F58A;
	overflow: auto;
}
#centre #actus span.titre {
	display: block;
	width: 156px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: White;
	font-size: 14px;
}
#centre #actus span.sstitre {
	display: block;
	font-weight: bold;
}
#page-femme p span.ss-titre {
	display: block;
	color: Black;
	font-weight: bold;
	padding: 0;
	margin:0;
}
#page-femme p.act {
	padding-top: 0;
	margin-top:0;
}
#centre #page h3, #centre #page-femme h3 {
	color: #253538;
	background: url(images/bg-h2.png) no-repeat 0px 3px;
	margin: 10px 0px 0px 30px;
	letter-spacing: -1px;
	font-size: 15px;
	padding: 0 0 0 16px;
}
#page-femme p span.date {
	display: block;
	padding: 0;
	text-align: right;
	font-size:10px;
	margin:0;
}
#centre #actus span.plus {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 21px 5px 0;
	padding: 4px 0 4px 10px;
	background: #B4D378;
}
#centre #actus span.plus a {
	color: black;
	text-decoration: none;
}
#centre #actus a.suite {
	display: block;
	margin-top: 4px;
	color: White;
	text-align: right;
	text-decoration: none;
}

/* FORMULAIRE DE CONTACTS */
#centre form {
	padding: 20px 0px 5px 40px;			
}	
#centre input, #centre textarea, select {
	text-align: left;
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	width: 200px;
}
#centre span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: #696969;
}
#centre input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 250px;
	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;
}

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


#exemple H1 { 
	background: #006699;
	color: White;
	padding: 5px;
}

#exemple H2 { 
	background: #006699;
	color: White;
	padding: 5px;
	margin: 5px;
}

#exemple {
	position: relative;
	width: 736px;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
        background: white;
}

#exemple .date {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #97A6B5;
}
#exemple .ss-titre {
display: block;
font-weight: bold;
	margin: 8px 0 4px 0;
	font-size: 14px;
	color: #3A4A56;
}
#exemple .titre {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	display: block;
	color: #D96413;
}

#exemple .texte {
	display: block;
	margin: 0px 0 0px 5px;
	font-size: 12px;
	color: #3A4A56;
}
.titre-acc {
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: left;padding: 10px 0;
	letter-spacing: -1px;
	background: #EDEDED;
	color: #314217;
}


.compte-rendu img {
	margin: 2px;
        padding: 2px;
        color:#FFFFFF;
        border: 1px solid black;
}