/* CSS Document */

/*-----------------------------------------------------------------------------------------------------------------
Représente le background.
-----------------------------------------------------------------------------------------------------------------*/
body{
	background-image:url(../images/site/bg_ima.jpg);
	background-repeat:repeat-x;
	background-color: #ecf6ff;
	background-attachment:fixed;
	background-position:center 0;
	padding:0px;
	margin:0px;
}




#idpub{
	float:right; 
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	text-align:left;
}


/*-----------------------------------------------------------------------------------------------------------------
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:956px;
	border-style:solid;
	border-width:1px;
	border-color:#bcd4eb;
	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;
}

#idconnect{
	float:right;
}

#idmenu_accueil, #idfrm_recherche{
	float:left;
	margin-top:3px;
}

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

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


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

#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;
	
}


#idfooter ul ul, #idfooter li ul{
	margin-top:0px;
}

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

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

.second, label{
	color:#5d6d96;
	line-height:16px;
	text-indent:0;
	list-style-position:inside;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	text-decoration:none;
	cursor:pointer;
}

.second{
	font-size:13px;
}

.lien{
	color:#5d6d96;
	line-height:16px;
	text-indent:0;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	text-decoration:none;
	cursor:pointer;
}

#idtexte a{
	color:#5d6d96;
	line-height:16px;
	text-indent:0;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	text-decoration:none;
	cursor:pointer;
	line-height:normal;
}

.texte, .texte2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:left;
	color:#242424;
	line-height:1.5em;
}

#idtexte{
	line-height:normal;
}

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


label{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.9em !important;
}


.requis{
	font-family:Arial, Helvetica, sans-serif !important;
	font-weight:bold;
	color:#1a306a !important;
}






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

.liencopy{
	color:#1a306a;
	text-decoration:underline
}


.btn_connect{
	margin:0px;
	padding:0px;
	margin-right:1px;
	cursor:pointer;
}

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

/*-----------------------------------------------------------------------------------------------------------------
Contient le corps de la page web excluant en-tête et pied de page
-----------------------------------------------------------------------------------------------------------------*/
#idcontenu{
	font-size:100%;
	line-height:normal;
	padding:0px;
	padding-top:0px;

}

/*-----------------------------------------------------------------------------------------------------------------
Option d'impression et de grosseur d'écriture
-----------------------------------------------------------------------------------------------------------------*/
#idoption{
	float:right;
	text-align:right;
	margin-right:11px;
}

#idoption a{
	color:#0e2391;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}



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

#idoption .gros{
	font-size:24px;
}

#idoption .petit{
	font-size:18px;
}

#idoption .normal{
	font-size:12px;
	line-height:16px;
	text-indent:0;
	list-style-position:inside;
	padding:0px;
	margin:0px;
	margin-bottom:2px;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------------------------
Lister arborescence
-----------------------------------------------------------------------------------------------------------------*/
#idhisto{
	color:#696969;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	padding:14px;
	width:auto;
}

#idhisto a, .filet{
	color:#696969;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

#idhisto a:hover, a.filet:hover{
	text-decoration:underline;
}

.actuel{
	font-weight:bold;
}

/*-----------------------------------------------------------------------------------------------------------------
Représente les différents niveaux de titres
-----------------------------------------------------------------------------------------------------------------*/
h1, .titre{
	position:relative;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#0e2391;
	font-weight:bold;
	text-align:left;
	font-size:18px;
	color:#0e2391;
	line-height:normal;
}

h2, .soustitre{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#29358a;
	text-align:left;
}

h3, .soussoustitre{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#29358a;
}

h4, .soussoussoustitre{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#29358a;
}

h5, .soussoussoussoustitre{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#29358a;
}

.titre_form{
	font-size:1.0em;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
}

/*-----------------------------------------------------------------------------------------------------------------
Colonne de gauche pour la template représentant les nouvelles
-----------------------------------------------------------------------------------------------------------------*/
#idcol_gauche1{
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	margin:0px;
	margin-left:12px;
}

#idcol_contenu{
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	width:750px;
	margin:0px;
	margin-left:10px;
	
}

/*-----------------------------------------------------------------------------------------------------------------
Colonne de gauche pour les menus.
-----------------------------------------------------------------------------------------------------------------*/
#idcol_gauche_menu{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:13px;
	margin-left:10px;
}

#idmenu_gauche{
	font-family:Arial, Helvetica, sans-serif;
	width:154px;
	height:auto;
	border-color:#bfc2c6;
	border-width:2px;
	border-style:solid;
	border-bottom-color:#071f75;
	border-bottom-width:4px;
	border-bottom-style:solid;
	background:#ffffff;
	background-position:bottom;
	background-image:url(../images/site/bg_menugauche.jpg);
	background-repeat:repeat-x;
}


#idelement_menu, #idelement_menu2{
	font-family:Arial, Helvetica, sans-serif;
	color:#1a3478;
	cursor:pointer;
	text-decoration:none;
	font-size:14px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom-color:#bfc2c6;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	width:auto;
	height:auto;
	
	background:none;
}

#idelement_menu2{
	border-bottom:none;
}

#idelement_menu:hover, #idelement_menu2:hover{
	text-decoration:none;
	background-color:#e2e4e7;
	cursor:pointer;
}



/*-----------------------------------------------------------------------------------------------------------------
Colonne de droite(archive, soumission, pub) pour la template représentant les nouvelles
-----------------------------------------------------------------------------------------------------------------*/


#idcol_droite1{

	float:right;
	vertical-align:top;
	padding:0px;
	margin:0px;
	margin-right:10px;
	width:300px;
	height:auto;
	
}

#idsoumettre, #idsoumettre2, #idsoumettre4{
	text-decoration:none;
	clear:left;
	background-image:url(../images/site/bg_publier.jpg);
	background-repeat:no-repeat;
	background-color:#fbe884;
	width:279px;
	height:auto;
	color:#162b52;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#idsoumettre2{
	text-decoration:none;
	width:162px;
	background-position:right;
	border:#fbe884 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

#idsoumettre4{
	background-image:url(../images/site/bg_publier2.jpg);
	background-position:right top;
	border-top:#fbe884 solid 1px;
}

#idsoumettre_espace{
	text-decoration:none;
	width:279px;
	height:auto;
	background-color:#fbe884;
	padding:0px;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:5px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#idsoumettre_espace2{
	text-decoration:none;
	width:auto;
	height:auto;
	background-color:#fbe884;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	border-top:#ffffff solid 1px;
}

#idsoumettre h3, #idzonesearch h3, #idsoumettre4 h3{
	text-decoration:none;
	margin:0px;
	padding:0px;
	font-size: 0.9em;
}

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

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

#idbtnhaut{
	margin:20px;
	text-align:right;
	text-decoration:none;
}

#idbtn, #idbtng{
	text-decoration:none;
	font-size: 0.8em;	
	color:#162b52;
	
	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;
	
}
#idbtng{
	padding:0px;
	text-decoration:none;
}

#idbtn:hover, #idbtng: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;
}




/*-----------------------------------------------------------------------------------------------------------------
Listing
-----------------------------------------------------------------------------------------------------------------*/
.bande_titre{
	
	
	background-image:url(../images/site/bande-bleu-titre1.jpg);	
	background-repeat:no-repeat;
	width:622px;
	height:32px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:18px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	text-indent:10px;
	text-align:left;
	font-weight:bold;
}
.bande_titre-long{
	background-image:url(../images/site/bande-titre-long.jpg);	
	background-repeat:no-repeat;
	background-position:right;
	width:100%;
	height:32px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:18px;
	padding:5px;
	padding-right:0px;
	padding-left:0px;
	text-align:left;
	font-weight:bold;
	text-indent:10px;
}

.bande_titre_archive{
	background-image:url(../images/site/bande-bleu-titre2.jpg);	
	background-repeat:no-repeat;
	width:299px;
	height:32px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:18px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	text-indent:10px;
	text-align:left;
	font-weight:bold;
}

.bande_titre3{
	background-image:url(../images/site/bande-bleu-titre3.jpg);	
	background-repeat:no-repeat;
	width:440px;
	height:32px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	height:18px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	text-indent:10px;
	text-align:left;
	font-weight:bold;
	margin-bottom:15px;
}

.block_news, .block_news3{
position:relative;
	background-color:#FFFFFF;
	background-image:url(../images/site/bg_block_new.jpg);
	background-repeat:repeat-x;	
	width:612px;
	
	padding:10px;
	padding-right:0px;
	
	max-height:none;
	height:auto;
}


.block_news2{
	background-color:#FFFFFF;
	background-image:url(../images/site/bg_block_new.jpg);
	background-repeat:repeat-x;	
	height:auto;
}
.block_news3{
	background-image:url(../images/site/bg_block_new2.jpg);
}

.block_news4{
	background-color:#FFFFFF;
	background-image:url(../images/site/bg_block_new2.jpg);
	background-repeat:repeat-x;	
	height:auto;
}



.block_archives{
	background-color:#FFFFFF;
	background-image:url(../images/site/bg_block_archive.jpg);
	background-repeat:repeat-x;
	padding:10px;
	float:left;
	width:77px;
	text-align:center;
	border:none;
	border-right:dotted;
	border-right-width:2px;
	border-right-color:#bfc2c6;
	border-bottom-color:#bfc2c6;
	border-bottom-width:5px;
	border-bottom-style:solid;
	margin-top:1px;
	font-size:0.9em;
	color:#29358a;
	margin-bottom:20px;
	
}






p.soumettre{
	 color:#162b52;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:0.8em;
	 line-height:normal;
}

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

p.listing{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:left;
	color:#696969;
}

/*-----------------------------------------------------------------------------------------------------------------
Contient tous les éléments de formulaire
-----------------------------------------------------------------------------------------------------------------*/


form{
	display:inline;
	padding:0px;
	margin:0px;
	width:auto;
}

#idretour{
	text-align:right;
}


*{
	font-family:Arial, Helvetica, sans-serif;
}

.block_degrade, .block_degrade2{
	width:auto;
	background-image:url(../images/site/bg_block_new.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
	padding-left:10px;
	border:none;
}

.block_degrade2{
	background-image:url(../images/site/bg_block_new2.jpg);
}

.source{
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a.titre{
font-size:1.0em;
font-family:Arial, Helvetica, sans-serif;
}





a.souslien{
text-decoration:none;
}

a.souslien:hover{
text-decoration:underline;
}

#idtexte{
	padding-left:12px;
}

.titre_annee{
font-size:1.1em;
color:#696969;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}

#idtblbulletin td{
vertical-align:top;
}

.entoure_login{
	background-color:#fdf9e3;
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
}

/*------------------------------------Formulaire CSS ------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
table.formulaire{
	width:100%;
	height:auto;
	border:none;
	padding:0px;
	margin:0px;
	margin-top:20px;
	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 label{
	color:#1a3478;
}



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

.td1{
	width:170px;
}

.td2{
	width:120px;
}

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

#idzonesearch{
	border:1px solid #d1d7e2;
	background-color:#e7eaf0;
	width:280px;
	padding:10px;
	margin-bottom:20px;
}

.button, .btnconnection{
	color:#11256d;
	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:#929cbc;
	cursor:pointer;
	background-image:url(../images/site/bg_btn.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
}

.button:hover{
	color:#f8f9fa;
	background-image:url(../images/site/bg_btn1.jpg);
	background-repeat:repeat-x;
	border-color:#929cbc;
	border-width:1px;
	border-style:solid;
}


/*---------------------------------------------LISTING DES MOIS----------------------------------------------------*/
#idzonemois{
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
margin-top:20px;
width:620px;
}

#idzonemois a{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	color:#242424;
	margin-right:2px;
	margin-left:2px;
}

#idzonemois .prev, .next{
	color:#162b52;
	font-size:12px;
	text-decoration:none;
	
}

#idzonemois a:hover{
	color:#29358a;
}

#idzonemois a.actuel{
	color:#29358a;
	text-decoration:none
}


.lienref{
	color:#0e2391;
	font-size:14px;
	line-height:18px;
}

li{
font-family:Arial, Helvetica, sans-serif;
}