@charset "iso-8859-1";

html {
    margin:         0;
    padding:        0;
    height:         100%;
}
body {
	/*margin:			0;*/
	padding:		0;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		70%;
	/*background-color: 	#5A8E39;*/
	margin:			auto;
	/*border:			solid 1px blue;*/
	background:     #FFFFFF url(site/images/fond.png) left bottom repeat-x fixed;
	height:         100%;
}

h2 {
	
	color:			#B54A3A;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing:	1px;*/
	font-weight:	bold;
	font-size:		150%;
}

h3 {
	
	color:			#5AA56D;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing:	1px;*/
	font-weight:	bold;
	font-size:		110%;
}

h4 {
	
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing:	1px;*/
	font-size:		100%;
	font-weight:	normal;
}


#navigation ul {
    margin:             0;
    padding:            0;
    list-style:         none;
    z-index:            15;
    float:              left;
}

#navigation ul li {
    position:           relative;
    z-index:            10;
    margin:             0px;
    padding:            0px 20px;
    border:             none;
    border-top:         solid 2px #FFFFFF;
    border-bottom:      solid #FFFFFF;
    float:              left;
}


#navigation ul li.selected, #navigation ul li:hover,  #navigation ul li.hover
{
    border-top:         solid 2px #FFFFFF;
    border-bottom:      solid #FFFFFF;
	background-color:	#87AD34;
}

#navigation ul li.accueil.selected, #navigation ul li.accueil:hover,  #navigation ul li.accueil.hover
{
    border-top:         solid 2px #FFFFFF;
    border-bottom:      solid #FFFFFF;
	background-color:	#87AD34;
}



#navigation ul li a {
    display:            block;
    margin:             0;
    padding:            4px 10px;
    color:              #FFFFFF;
    font-weight:        bold;
    text-decoration:    none;
}

#navigation ul li.selected a
{
    padding:            4px 10px;
    display:            block;
    font-weight:        bold;
    text-decoration:    none;
	background-color:	#87AD34;
}

#navigation ul li ul {
    display:                    none;
    position:                   absolute;
    left:               0;
    padding:            0;
    list-style:         none;
    z-index:            50;
}



#navigation ul li.hover ul, #navigation ul li:hover ul {
    display:                    block;
    position:                   absolute;
    padding:                    0;
    margin:                     2px 0px 0px 0px;
    list-style:                 none;
    z-index:                    50;
    clear:                      both;
    /*width:                      230px;*/
    width:             		200px;
	background-color:			#9DC34A;
}


#navigation ul li.hover ul li, #navigation ul li:hover ul li {

    margin:             0;
    padding:            1px;
    width:              99%;
    z-index:            50;
    border:             none;
    border-top:         solid 1px #fff;
}

#navigation ul li.hover ul li a, #navigation ul li:hover ul li a {
    font-weight:        normal;
}

#navigation ul li.hover ul li a:hover, #navigation ul li:hover ul li a:hover {
    /*color:              #CC0000;*/
}


#navigation {
    margin:    	    127px auto auto auto;
	padding:		0px 0px 0px 0px;
	width:			758px;
	background:     transparent url(site/images/fond_menu.png) left top repeat-x;
	float:         	center;
	/*border:			solid 1px red;*/
	height:			25px;
	border-right:	solid 1px #CCCECB;
	border-left:	solid 1px #CCCECB;
}

#content {
	
	border-right:	solid 1px #CCCECB;
	border-left:	solid 1px #CCCECB;
	border-bottom:	solid 1px #CCCECB;
	/*position:		absolute;*/
	margin:			auto;
	/*background:		#FFFFFF url(site/images/contenu_background.png) left top repeat-y;*/
	min-height:		700px;
	width:			758px;
	/*border:	solid 1px blue;*/
	background-color:  #FFFFFF;
}


#page
{
	/*border:				solid 1px blue;*/
	/*position:		   relative;*/
	width:             990px;
	margin:	           0px auto 0px auto;
	padding:           0;
}


#header {
	position:		   relative;
	width:             990px;
	margin:	           0px auto 0px auto;
	padding:           0;
	height:			   160px;
	/*border:			   solid 1px blue;*/
}
#img
{
    margin:            0;
    padding:           0;
    border-bottom:     solid 1px #9DC34C;
	position:			absolute;
}

#barre
{
	width:			990px;
	margin:			auto;
	/*padding:		3px 0px 0px 0px;*/
	height:			3px;
}

#barre_rouge {
	margin:			0;
	padding:		2px 0px 0px 0px;
	background-color: #DA1800;
}

#copy {
	position:			absolute;
	font-weight:		bold;
	right:				20px;
	bottom:				20px;
	float:				left;
}

#plan {
	/*border:				1px solid;*/
	position:			absolute;
	font-weight:		bold;
	/*right:				160px;*/
	bottom:				20px;
	left:				220px;

}

#barre_grise {
	position:			absolute;
	border-bottom:		1px solid;
	font-weight:		bold;
	right:				20px;
	bottom:				40px;
	width:				520px;
	height:				1px;
}

#contenu_accueil {
	/*border:			solid 1px red;*/
	margin:			20px 0px;
	padding:		0px 20px 0px 0px;
	float:			left;
	width:			490px;
	min-height:		550px;
	text-align:		justify;
}

#contenu {
	/*border:			solid 1px red;*/
	margin:			20px 0px 0px;
	padding:		0px 10px 0px 0px;
	float:			right;
	width:			530px;
	min-height:		500px;
	text-align:		justify;
}

#contenu_bis {
	/*border:			solid 1px red;*/
	margin:			20px 0px;
	padding:		0px 20px 0px 0px;
	float:			right;
	width:			510px;
}

#colonne_droite {
	/*border:			solid 1px blue;*/
	margin:			20px 0px;
	padding:		0px 20px 0px 0px;
	width:			155px;
	text-align:		justify;
	list-style:		none;
	float:			right;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

#colonne_droite li a {
    color:              #D8BD24;
	list-style:			none;
	text-decoration:    underline;
	font-weight:		bold;
	float:				left;
}

#colonne_droite li a:hover {
    color:              #D8BD24;
	list-style:			none;
	font-weight:		bold;
    text-decoration:    none;
	float:				left;
}

#contenu p {
	margin:			0px 0px 5px 0px;
}

#content ul.pages {
	color:			#000000;
	margin:			20px 0px 0px 0px;
	padding:		0;
	list-style:		none;
	width:			100%;
}

#content ul.pages li.precedent a{
	color:			#000000;
	margin:			0;
	padding:		0;
	text-decoration:none;
	list-style:		none;
	float:			left;
	width:			45%;
	text-align:		left;
	padding-left:	11px;
	background:		transparent url(site/images/page_precedente.png) left center no-repeat;
}

#content ul.pages li.precedent a:hover{
	color:			#9DC34A;
	margin:			0;
	padding:		0;
	text-decoration:underline;
	list-style:		none;
	float:			left;
	width:			45%;
	text-align:		left;
	padding-left:	11px;
	background:		transparent url(site/images/page_precedente.png) left center no-repeat;
}

#content ul.pages li.suivant a:hover{
	color:			#9DC34A;
	margin:			0;
	padding:		0;
	text-decoration:underline;
	list-style:		none;
	float:			right;
	width:			45%;
	text-align:		right;
	padding-right:	11px;
	background:		transparent url(site/images/page_suivante.png) right center no-repeat;
}

#content ul.pages li.suivant a{
	color:			#000000;
	margin:			0;
	padding:		0;
	text-decoration:none;
	list-style:		none;
	float:			right;
	width:			45%;
	text-align:		right;
	padding-right:	11px;
	background:		transparent url(site/images/page_suivante.png) right center no-repeat;
}

#content a {
	color:			#5A8E39;
}

#content a:hover {
	color:			#DA1800;

}

hr.separator {
    display:            block;
    margin:             0;
    padding:            0;
    _margin:            -7px;
    clear:              both;
    visibility:         hidden;
    border:             none;
}

#separator2 {
    display:            block;
    margin:             50px 0px 50px 0 px;
	border:             15px solid;
	visibility:         hidden;
}

#footer {
	position:			absolute;
	/*border:				1px solid;*/
	/*font-weight:		bold;*/
	left:				15px;
	bottom:				5px;
	width:				180px;
	height:				130px;
	text-align:			left;
}

#sousnavi {
	/*border:				1px solid;*/
	position:			absolute;
	top:				20px;
	font-weight:		bold;
	left:				5px;
	width:				150px;
	list-style:			none;
	height:				350px;
}

#sousnavi a
{
	color:			#5A8E39;
}

#sousnavi a:hover
{
	color:			#DA1800;
}

/************************** sous rubriques **********************************/

#sousrubrique {
	/*border:			1px solid red;*/
	float:			left;
	width:			150px;
	height:			600px;
	text-decoration:	none;
	list-style:		none;
}

.sr1 {
	background-color:	#FFFFFF;
	margin:			0px 0px 0px 10px;
	padding:		10px 0px 0px 0px;
	float:			left;
	font-weight:	bold;
	list-style:		none;
	width:			200px;
}

.ssr1 {
	margin:			0px 0px 0px 10px;
	/*padding:		15px 0px 0px 0px;*/
	border-bottom:		solid 2px #C4C4C4;
	border-left:	solid 1px #C4C4C4;
	border-right:	solid 2px #C4C4C4;
	float:			left;
	height:			10px;
	width:			170px;
	/*border:			solid 1px blue;*/
}

#sousrubrique ul.sr {
	color:				#000000;
	background-color:	#9DC34A;
	margin:			0px 0px 0px 10px;
	padding:		2px 0px 0px 0px;
	border-left:	solid 1px #C4C4C4;
	border-right:	solid 2px #C4C4C4;
	border-top:		solid 1px #C4C4C4;
	clear:			both;
	font-weight:	bold;
	list-style:		none;
	width:			170px;
	min-height:		15px;
	font-size:		100%;
	/*border:			1px solid ;*/
}

#sousrubrique ul.ssr {
	border-left:	solid 1px #C4C4C4;
	border-right:	solid 2px #C4C4C4;
	color:			#000000;
	margin:			0px 0px 0px 10px;
	padding:		5px 0px 0px 0px;
	clear:			both;
	/*font-weight:	bold;*/
	list-style:		none;
	width:			170px;
	/*background-color:	#EDEDEB;*/
	/*border:			1px solid;*/
}

#resultat {
	float: 			center;
	padding-left:	10px;
	min-height:		550px;
	width:			720px;
	/*border:	solid 1px blue;*/
	background-color:  #FFFFFF;
	margin:         0px auto 10px auto;
	list-style:		none;
	text-align:		justify;
}

#resultat ul.res {
	color:			#000000;
	margin:			0px 0px 0px 10px;
	padding:		5px 0px 0px 0px;
	clear:			both;
	list-style:		none;
	width:			710px;
	
}

#resultat ul.res a
{
	color:				#000000;
	text-decoration:	none;
	list-style:			none;
}

#resultat ul.res li a {
    color:              #D8BD24;
	list-style:			none;
	text-decoration:    underline;
	font-weight:		bold;
	float:				left;
}

#resultat ul.res li a:hover {
   	color:              #D8BD24;
	list-style:			none;
	font-weight:		bold;
    text-decoration:    none;
	float:				left;
}

#sousrubrique ul.sr a
{
	color:				#FFFFFF;
	text-decoration:	none;
	list-style:			none;
}

#sousrubrique ul.ssr a
{
	color:				#000000;
	text-decoration:	none;
	list-style:			none;
}

#sousrubrique ul.sr a:hover
{
	color:				#000000;
	text-decoration:	none;
	list-style:			none;
}

#sousrubrique ul.ssr a:hover
{
	color:				#9DC34A;
	text-decoration:	underline;
	list-style:			none;
}

#sousrubrique .selected
{
	color:				#9DC34A;
	text-decoration:	underline;
	list-style:			none;
}

#recherche
{
	width:			160px;
	height:			60px;
	/*border:			solid 1px red;*/
	right:			120px;
	top:  			70px;
	position:		absolute;
}

#recherche input
{
	border:			solid 2px #C4C4C4;
	margin-top:		4px;
}

#recherche img
{
	margin-top:		4px;
	border:		0px;
}

#recherche a
{
	color:				#000000;
	text-decoration:	none;
	list-style:			none;
}

#recherche a:hover
{
	color:				#000000;
	text-decoration:	underline;
	list-style:			none;
}

#contact
{
	/*border:		solid 1px red;*/
	width:		500px;
	height:		500px;
}

#contact
{
 /*border:  solid 1px red;*/
 width:  480px;
 height:  500px;
 margin-left:10px;
 margin-right:10px;
}

#contact input
{
	border:			solid 1px #C4C4C4;
	width:			260px;
}

#contact textarea
{
	border:			solid 1px #C4C4C4;
}

#contact a
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	list-style:			none;
	text-decoration:	none;
	font-weight:		bold;
	color:				#000000;
}

#contact a:hover
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	list-style:			none;
	text-decoration:	underline;
	font-weight:		bold;
	color:				#000000;
}

.libelle
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	margin-left:	30px;
	font-weight:	normal;
	width:			150px;
	height:			15px;
	/*border:			solid 1px blue;*/
	float:			left;
}

#bas
{
	margin:	auto;
	float : center;
	width:			758px;
	/*border:	solid 1px blue;*/
	/*background-color:  #FFFFFF;*/
	/*margin:         auto 10px 10px auto;*/
}

#bas a
{
	color:	#000000;
	text-decoration:    none;
}

#bas a:hover
{
	color:	#000000;
	text-decoration:    underline;
}

.manif
{
 font-weight:  bolder;
}

.horaire
{
 float:    right;
}

.info
{
 font-style:   italic;
}

.pop
{
 padding-left:  10px;
 padding-right:  10px;
}

hr.sep
{
 height:    1px;
}