/*********************************** Général *******/

body 
{	
	background-color:#f2f2f2;
	background-image:url(../images/graphisme/fd_site.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:12px;
	font-family:Arial;
	padding:0;
	margin:0;
}

h1{
font: 21px "Tahoma", sans-serif;
color:#252525;
}	

h2
{
font: 18px "Trebuchet MS", sans-serif;
color:#252525;
margin:0px;
padding:0px;
margin-top:15px;
}		

h3
{
	vertical-align:top;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#858585;

}	

a {
	color: #2C623E;
}
a:hover {
	text-decoration: none;
}

.general{
width:720px;
height:auto;}



/****************************** Menu haut **********/

.menu_haut
{
	font-family:Arial;
	color:#858585;
	font-size:10px;
	font-weight:bold;
	height:58px;
	border-bottom:1px solid #b5b5b5;
	text-align:center;
	cursor:pointer;
}
.menu_haut a
{
	font-family:Arial;
	color:#858585;
	font-size:10px;
	font-weight:bold;
	/*height:58px;
	border-bottom:1px solid #b5b5b5;*/
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.menu_haut a:hover 
{
	color:#FFFFFF;
	background-color:#2c623e;
	/*width:50px;
	height:58px;
	border-bottom:1px solid #f2f2f2;*/
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
.menu_haut:hover 
{
	color:#FFFFFF;
	background-color:#2c623e;
	width:50px;
	height:58px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
	cursor:pointer;
}
.menu_haut:hover a
{
	color:#FFFFFF;
	background-color:#2c623e;
	/*width:50px;
	height:58px;
	border-bottom:1px solid #f2f2f2;*/
	text-align:center;
	cursor:pointer;
}


.menu_haut a:link, .menu_haut a:visited 
{
	text-decoration:none;
}



.menu_haut_hover 
{
	color:#FFFFFF;
	background-color:#2c623e;
	width:50px;
	height:58px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
	cursor:pointer;
	font-size:10px;
}

.menu_haut_hover  a
{
	color:#FFFFFF;
	background-color:#2c623e;
	/*width:50px;
	height:58px;
	border-bottom:1px solid #f2f2f2;*/
	text-align:center;
	cursor:pointer;
	font-size:10px;
	text-decoration:none;
}

/******************* CONTENU ******/

.contenu
{
	background-color:#f2f2f2;
	background-image:url(../images/graphisme/fd_contenu.jpg);
	background-repeat:repeat-x;
	background-position:left top;	
	width:700px;
	padding-left:20px;
	padding-top:20px;
	font-size:12px;
	font-family:Arial;
	vertical-align:top;
}



.txt_contenu
{
	font-family:Arial;
	font-size:12px;
	color:#181818;	
}

/************************************** Bandeau ******/

.bandeau{
width:720px;
}

.nom_association
{
	font-family:Verdana;
	font-size:12px;
	color:#858585;
	text-align:center;
	vertical-align:middle;
}  

/*************************** Menu du mileu *********/

.menu_mileu
{
	width:720px;
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
}

/*connaitre*/
.menu_1
{
	width:170px;
	background-image:url(../images/graphisme/connaitre.png);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_1_over
{
	width:170px;
	background-image:url(../images/graphisme/connaitre_over.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_1_over a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}
.menu_1 a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}

.menu_1 a:hover 
{
	cursor:pointer;
}

/*rejoindre*/
.menu_2
{
	width:170px;
	background-image:url(../images/graphisme/rejoindre.png);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:55px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_2_over
{
	width:170px;
	background-image:url(../images/graphisme/rejoindre_over.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:55px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_2_over a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:55px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}
.menu_2 a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:55px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}


.menu_2 a:hover {
	cursor:pointer;
}

/*se former*/
.menu_3
{
	width:170px;
	background-image:url(../images/graphisme/former.png);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_3_over
{
	width:170px;
	background-image:url(../images/graphisme/former_over.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_3_over a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}
.menu_3 a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}


.menu_3 a:hover {
	cursor:pointer;
}

/*contacter*/
.menu_4
{
	width:170px;
	background-image:url(../images/graphisme/contacter.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_4_over
{
	width:170px;
	background-image:url(../images/graphisme/contacter_over.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	/*height:76px;*/
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	/*padding-left:50px;*/
	vertical-align:top;
	padding-top:40px;
	font-weight:bold;
	cursor:pointer;
}
.menu_4_over a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}
.menu_4 a
{
	font: 18px "Tahoma", sans-serif;
	color:#FFFFFF;
	padding-left:50px;
	vertical-align:top;
	/*padding-top:40px;*/
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:Transparent;
}


.menu_4 a:hover {
	cursor:pointer;
}

.separateur
{
	height:7px;
	background-image:url(../images/graphisme/bordure.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
}

/******************************** Présentation **********/

.tit_presentation
{
	color:#858585;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.txt_presentation
{
	font-family:Arial;
	font-size:12px;
	color:#454545;
}

.presentation li{
font-size:12px;
font-family:Arial;
color:#181818;
}

.lire_suite
{
	font-family:Arial;
	font-size:12px;
	color:#6a7817;
	text-decoration:none;
}

.lire_suite:hover
{
	font-family:Arial;
	font-size:12px;
	color:#6a7817;
	text-decoration:underline;
}


.titre
{
	font: 21px "Tahoma", sans-serif;
	color:#252525;	
}

ul
{
	padding:0px;
	margin:5px 20px 5px 70px;
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

li
{
	list-style-type:square;
	color:#2c623e;
	text-align:justify;
	font-weight:bold;
}
li span
{
	color:#181818;
	text-align:justify;
	font-weight:normal;
}
/*********************************** Edito ********/
.edito
{
	width:480px;
	text-align:justify;
	padding-right:15px;
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	vertical-align:top;
}



.signature
{
	/*float:right;*/
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	text-align:right;
	margin-top:15px;
	
}

.signature span{
font-family:Arial;
font-size:10px;
color:#2c623e;
}

/************************** Recherche ********/
.recherche
{
	width:220px;
	float:right;
	vertical-align:top;
	height:290px;
	border:0px solid red;
}

.contacter
{
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#2c623e;
	width:94px;
	height:18px;
	line-height:18px;
	text-align:center;
	cursor:pointer;
}

.inputRecherche
{
	height:20px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	/*border-right:none;*/
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	width:188px;
	vertical-align:middle;
	
}
.btnRecherche
{
	height:18px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-left:none;
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	width:25px;
	float:right;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	cursor:pointer;

}
.btnRecherche:hover
{
	height:18px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-left:none;
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	width:25px;
	float:right;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	cursor:pointer;
}


/**************************** Coordonées **********/

.coordonnees{
font-family:Arial;
font-size:10px;
font-weight:bold;
color:#6a7817;
float:left;
}

.tit_coordonnees 
{
	font-family:Arial;
	font-size:12px;
	color:#454545;
}

.coordonnees_mention
{
	font-family:Arial;
	font-size:11px;
	color:#858585;
	height:20px;
	vertical-align:top;
}
.lien_mail
{

	font-family:Arial;
	font-size:11px;
	color:#2c623e;
	vertical-align:top;
	text-decoration:none;
	
}
.lien_mail:hover
{

	font-family:Arial;
	font-size:11px;
	color:#2c623e;
	vertical-align:top;
	text-decoration:underline;
	
}
.lien_noir
{

	font-family:Arial;
	font-size:11px;
	color:#181818;
	vertical-align:top;
	text-decoration:none;
	font-weight:normal;
	
}
.lien_noir:hover
{

	font-family:Arial;
	font-size:11px;
	color:#181818;
	vertical-align:top;
	text-decoration:underline;
	font-weight:normal;
	
}
.coordonnees_renseignement
{
font-family:Arial;
font-size:11px;
color:#2c623e;
vertical-align:top;
}

.coordonnees_tel
{
font-family:Arial;
font-size:11px;
color:#2c623e;
font-weight:bold;
}

/****************************** Footer *******/

.footer
{
	width:100%;
	font-family:Arial;
	font-size:11px;
	color:#2c623e;
	text-align:center;
}
.footer td
{
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

.lien_footer
{
	font-family:Arial;
	font-size:11px;
	color:#2c623e;
	text-decoration:none;
}
.lien_footer:hover
{
	font-family:Arial;
	font-size:11px;
	color:#2c623e;
	text-decoration:underline;
}
.copyright
{
	font-family:Arial;
	font-size:11px;
	color:#555555;
	text-align:right;
	
}

/************************* image filet ***********/

.filet_accueil{
background-image:url(../images/graphisme/accueil.png);
background-repeat:no-repeat;
}

.filet_bureau{
background-image:url(../images/graphisme/bureau.png);
background-repeat:no-repeat;
}
.filet_menbres{
background-image:url(../images/graphisme/menbres.jpg);
background-repeat:no-repeat;
}

.filet_presentation{
background-image:url(../images/graphisme/barre_presentation.png);
background-repeat:no-repeat;
}

.filet_edito{
background-image:url(../images/graphisme/barre_edito.png);
background-repeat:no-repeat;
}

.filet_recherche{
background-image:url(../images/graphisme/barre_recherche.png);
background-repeat:no-repeat;
}

.filet_coordonnees{
background-image:url(../images/graphisme/barre_coordonnees.png);
background-repeat:no-repeat;
}

.filet_mention{
background-image:url(../images/graphisme/barre_mention.png);
background-repeat:no-repeat;
}

/************** FORMULAIRE ************************/

.champ_contact
{
	width:120px;
	vertical-align:top;
	font-size:12px;
	font-family:Arial;
	text-align:left;
}
.etoile
{
	color:#2c623e;
	font-size:12px;
	font-family:Arial;
	text-align:left;
}

label input
{
	border:1px solid #c5c5c5;
	background-color:#ffffff;	
	color:#000000;
	font-size:12px;
	font-family:Arial;
}
label input:focus
{
	border:1px solid #2c623e;
	background-color:#ffffff;	
	color:#000000;
	font-size:12px;
	font-family:Arial;
}

.txt_vert
{
	color:#2c623e;
	font-size:12px;
	font-family:Arial;
}

.submit
{
	background-color:#2c623e;
	font-size:12px;
	font-family:Arial;
	color:#ffffff;
	border:2px solid #ffffff;
	/*height:20px;
	line-height:20px;*/
	vertical-align:middle;
	padding:5px;
	cursor:pointer;
}