/* CSS Document */

body{
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color: #ebf2ef;
	background-attachment:fixed;
	background-position:left 0;
	padding:0px;
	margin:0px;
	font-size:100%;
}

.right{
	text-align:right; 
	margin:10px;
	margin-right:30px;
}

a{
	cursor:pointer;
	text-decoration:none;
}
/*-----------------------------------------------------------------------------------------------------------------
Contient le corps de la page web excluant en-tête et pied de page
-----------------------------------------------------------------------------------------------------------------*/
#idcontenu{
	font-size:100%;
	line-height:normal;
	padding:10px;
}

/*-----------------------------------------------------------------------------------------------------------------
ID représentant la totalité du site web (header, menu général, etc...) sans le pied de page.
-----------------------------------------------------------------------------------------------------------------*/
#idbody, .classbody{
	position:relative;
	background-color:#FFFFFF;
	text-align:left;
	width:955px;
	border-style:solid;
	border-width:1px;
	border-color:#c2dfb9;
	padding:0px;
	height:100%;
}


/*-----------------------------------------------------------------------------------------------------------------
Représente l'en-tête du site web (en-tête, menu général, etc...) sans le pied de page.
-----------------------------------------------------------------------------------------------------------------*/
#idheader{
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;

}

#idmenu_accueil{
	float:left;
}

#idfrm_recherche{
	float:right;
}

#idfrm_recherche, #idmenu_accueil{
	margin-bottom:5px;
}

#idmenu_accueil, #idmenu_accueil a{
	font-family:Arial, "times New Roman", Helvetica;
	font-size:13px;
	font-weight:bolder;
	color:#0f9648;	
	text-align:left;
	text-decoration:none;
}

#idmenu_accueil a:hover{
	text-decoration:underline;
}


.separation{
	margin-left:8px;
	margin-right:8px;
	font-weight:lighter;
	font-size:12px;
	color:#0f9648;
}


/*-----------------------------------------------------------------------------------------------------------------
Représente la bande de gauche.
-----------------------------------------------------------------------------------------------------------------*/
#idcol_gauche{
	float:left;
	margin-right:10px;
	width:300px;
}

/*-----------------------------------------------------------------------------------------------------------------
Représente la section soumettre / envoyer à un ami.
-----------------------------------------------------------------------------------------------------------------*/
#idsoumettre{
	clear:left;
	background-image:url(images/bg_soumettre.jpg);
	background-repeat:no-repeat;
	background-color:#fbe884;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	
	color:#162b52;
	

	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#idsoumettre_espace{
	
	height:auto;
	background-color:#fbe884;
	padding:0px;
	
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

#idsoumettre h3{
	margin:0px;
	padding:0px;
	font-size: 0.8em;
	padding:10px;
}

#idsoumettre p{
	font-size: 0.8em;
}

#idsoumettre a, #idbtnhaut a, #idsoumettre_espace a{
	text-decoration:none;
}


#idbtn{
	font-size: 0.8em;	
	color:#162b52;
	text-decoration:none;
	background-color:#ffffff;
	border:solid;
	border-color:#162b52;
	border-width:1px;
	border-bottom-width:2px;
	
	width:auto;
	height:20px;
	cursor:pointer;
	
	padding-right:10px;
	padding-left:20px;
	
}

#idbtn:hover{
	text-decoration:none;
	background-color:#162b52;
	color:#ffffff;
}

#idbtn2{
	text-decoration:none;
	font-size: 0.8em;	
	font-weight:bold;
	color:#FFFFFF;
	
	border:solid;
	border-color:#162b52;
	border-width:1px;
	border-bottom-width:2px;
	
	background-color:#162b52;
	
	width:25px;
	height:20px;
	cursor:pointer;
	
	padding-right:3px;
	padding-left:3px;
}


#idtitre_gauche{

	position:relative;
	background-color:#FFFFFF;
	background-image:url(images/bg_liste.jpg);
	background-repeat:repeat-x;	
	width:300px;
	height:auto;
	padding:0px;
	padding-top:20px;
	text-indent:25px;
	margin-top:10px;
	
	color:#0f9648;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	height:auto;
}

/*-----------------------------------------------------------------------------------------------------------------
Contient la section du texte
-----------------------------------------------------------------------------------------------------------------*/
#idtexte{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#696969;
	width:575px;
	float:left;
	margin-left:10px;
}

#idpage p, .texte{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:none;
	color:#696969;
}
.texte{
	font-size:12px;
	line-height:1.2em;
}


/*-----------------------------------------------------------------------------------------------------------------
Contient la section des nouvelles
-----------------------------------------------------------------------------------------------------------------*/

#idnew{
	float:right;
	width:100%;
}

#idnew table{
	background:none;
}

#idnew_espace{
	width:617px;
	height:auto;
	background-color:#ecf3df;
}

#idnew_plus{
	width:617px;
	height:auto;
	background-color:#dae8c3;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#idnew #idtitre_new, .bande_titre{
	background-color:#0c7c3c;
	color:#ffffff;
	padding:0px;
	padding-bottom:4px;
	padding-top:4px;
	margin:0px;
	
	
	text-align:left;
	text-indent:15px;
	text-transform: uppercase;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	background-image:url(images/bande_titre_new.jpg);
	
	
	width:617px;
}

#idnew h2{
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#12974a;
}

.sous-titre:hover{
	text-decoration:underline
}

.date{
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#242424;
}

#idnew p{
	color:#696969;
	font-weight:normal;
	line-height:1.2em;
	font-size:0.9em;
}

#idbtn_plus{
	font-size: 0.8em;	
	color:#119749;
	text-decoration:none;
	background-color:#ffffff;
	border:solid;
	border-color:#119749;
	border-width:1px;
	border-bottom-width:2px;
	
	width:auto;
	height:20px;
	cursor:pointer;
	
	padding-right:10px;
	padding-left:20px;
	
}

#idbtn_plus:hover{
	text-decoration:none;
	background-color:#119749;
	color:#ffffff;
}

#idbtn2_plus{
	text-decoration:none;
	font-size: 0.8em;	
	font-weight:bold;
	color:#FFFFFF;
	
	border:solid;
	border-color:#119749;
	border-width:1px;
	border-bottom-width:2px;
	
	background-color:#119749;
	
	width:25px;
	height:20px;
	cursor:pointer;
	
	padding-right:3px;
	padding-left:3px;
}





/*-----------------------------------------------------------------------------------------------------------------
Contient le pied de page, ainsi que le copyright
-----------------------------------------------------------------------------------------------------------------*/
#idfooter{
	background-color:#e3e5e9;
	width:956px;
	height:auto;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	clear:both;
	font-size:100%;
}

#idfooter td{
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	padding-top:20px;
	text-align:left;
	text-indent:0px;

}

#idfooter ul, #idfooter li{
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	text-indent:0px;
	width:auto;
}

#idfooter ul{
 	margin-left:15px;
  	padding:0px;
	margin-right:5px;
	margin-top:5px;
}

#idfooter p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#0f9648;
}

.main, .transportail{
	font-size:14px;
	font-weight:bold;
	color:#0f9648;
	line-height:20px;
	list-style-position:inside;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

.transportail{
	color:#1a306a;
}
.second , label{
	font-size:13px;
	color:#828483;
	line-height:16px;
	text-indent:0;
	list-style-position:inside;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	text-decoration:none;
}

#idfooter a:hover{
	text-decoration:underline;
}

.liencopy{
	color:#0f9648;
	text-decoration:underline;
	font-weight:normal;
}

.liencopy:hover{
	font-weight:bold;
}





#idretour{
	float:right;
}

.block_news, .block_news2, .block_news3{
	width:607px;
	background-image:url(../images/bg_liste.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-left:10px;
	border:none;
}

.block_news2{
	background-image:url(../images/bg_liste.jpg);
}

.block_news3{
width:auto;

}




/*------------------------------------Formulaire CSS ------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
table.formulaire{
	width:100%;
	height:auto;
	border:none;
	padding:0px;
	margin:0px;
	margin-top:0px;
	text-align:left;
	font-size:95%;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}

.bande{
	background:#abb5c8;
	height:30px;
	color:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:2px solid #ffffff;
	text-align:left;
	margin:0px;
	padding:0px;
	text-indent:10px;
	vertical-align:middle;
	font-weight:bold;
}

.obligatoire{
	font-size:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:right;
	color:#ffffff;
	padding-right:10px;
	vertical-align:middle;
}

td.ligne1, td.ligne2{
	background:#f1f3f6;
	border-bottom:2px solid #ffffff;
	text-align:left;
	margin:0px;
	padding:0px;
	height:30px;
	vertical-align:middle;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

td.ligne2{
	background:#e8ebf0;
}

.formulaire input, .formulaire textarea{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #e1e1e1;
	border-top:2px solid #858585;
	border-right:1px solid #c1c1c1;
	width:auto;
}

.formulaire .requis{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.td1{
	width:170px;
}

.td2{
	width:120px;
}

.espace{
	font:Arial, Helvetica, sans-serif;
	color:#fe3d01;
	padding-right:5px;
}


.formulaire label{
	color:#828483;
}


h1{
	color:#0f9648;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:18px;
}


h2, .sous-titre{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:16px;
	padding:0px;
	margin:0px;
}


h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:14px;
}


h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:12px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:10px;
}

h6{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:8px;
}

h7{
	font-family:Arial, Helvetica, sans-serif;
	color:#0f9648;
	font-size:8px;
}

table{
	border-color:#0f9648;
}

th{
text-align:left;
}


#idpage a, .lien{
	text-indent:0;
	list-style-position:inside;
	padding:0px;
	margin:0px;
	text-decoration:none;
	color:#0f9648;
}

#idpage a:hover, .lien:hover{
	text-decoration:underline;	
}


/*-----------------------------------------------------------------------------------------------------------------
Contient tous les éléments de formulaire
-----------------------------------------------------------------------------------------------------------------*/
.button{
	color:#045024;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
	word-spacing:0;
	
	margin-left:8px;
	
	width:auto;
	height:19px;
	
	border:solid;
	border-width:1px;
	border-color:#558c6c;
	
	background-image:url(images/bg_btn.jpg);
	background-repeat:repeat-x;
}

.button:hover{
	color:#ffffff;
	background-image:url(images/bg_btn1.jpg);
	background-repeat:repeat-x;
	background-color:#166735;
	border-color:#558c6c;
	border-width:1px;
	border-style:solid;
}