body{
	background-color: #CCCC00;
	margin: 0; 						/* pour éviter les marges */
    text-align: center; 			/* pour corriger le bug de centrage IE */
	margin-top : 0px;
	font : normal normal normal 12px Arial, sans-serif;
}

#bloc_1000{
	width: 1000px;	
	background-color: #FFFFFF;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	background: url(../images_css/fond_bloc_1000.gif) repeat-y top left;
}

#bloc_986{
	width : 986px;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}

#header{
	padding : 0 8px;
	padding-top : 8px;
	/*background-color: #E4E4E4;*/
	height: 120px;
	width: 970px;
}

/***********************************
		 ESPACE SALARIES
***********************************/
#espace_salarie{
	float: left;
	width: 250px;
	/*background-color: #D7E9FF;*/
	font : normal normal bold 10px Verdana, Arial, sans-serif;
}

#espace_salarie p{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
	background: url(../images_css/fond_strilles.gif) repeat-x bottom left;
	margin : 0;
}

#espace_salarie p img{
	margin-right: 6px;
	padding-bottom: 2px;
}

#espace_salarie label{
	width: 80px;
	height: 24px;
	display: block;
	float: left;
	text-align: left;
	background: url(../images_css/fond_label_salarie.gif) no-repeat top left;
	color : #666666;
	line-height: 24px;
}


/***********************************
		 NOUVEL ADHERANT
***********************************/
#nouvel_adherant{
	margin-left: 5px;
	padding-left: 10px;
	float: left;
	width: 210px !important;
	width: 205px;
	background: url(../images_css/fond_pointilles.gif) repeat-y top left #FFFFFF;
}

#nouvel_adherant p{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	padding-bottom: 10px;
	background: url(../images_css/fond_strilles.gif) repeat-x bottom left;
	margin : 0;
}

#nouvel_adherant p img{
	margin-right: 6px;
	padding-bottom: 2px;
}

#nouvel_adherant div{
	margin-top: 6px;
	font: normal normal bold 13px Arial, sans-serif;
	padding-bottom: 10px;
	background: url(../images_css/ombre.jpg) no-repeat bottom left;
}


/***********************************
		ACCES RAPIDE
***********************************/
#acces_rapide {
	margin-left: 5px;
	padding-left: 10px;
	float: left;
	/*width: 224px;*/
	background: url(../images_css/fond_pointilles.gif) repeat-y top left #FFFFFF;
}

#acces_rapide p {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66CC00;
	padding-bottom: 10px;
	background: url(../images_css/fond_strilles.gif) repeat-x bottom left;
	margin : 0;
}

#acces_rapide p img {
	margin-right: 6px;
	padding-bottom: 2px;
}


#documents_inactif {
	display: block;
	float: left;
	height: 13px;
	color: #CCCCCC;
	font: normal normal bold 10px Arial, sans-serif;
	text-align: center;
	padding-top: 28px;
	text-decoration: none;
	width: 73px;
	background: url(../images_css/fond_acces_rapide.jpg) no-repeat -77px -82px;
}


#ombre{
	margin-top: 6px;
	font: normal normal bold 13px Arial, sans-serif;
	color: #666666;
	padding-bottom: 10px !important;
	padding-bottom: 4px;
	background: url(../images_css/ombre.jpg) no-repeat bottom left;
}


/***********************************
		RECHERCHER DANS LE SITE 
***********************************/
#rechercher {
	margin-left: 6px;
	padding-left: 10px;
	float: left;
	width: 240px;
	background: url(../images_css/fond_pointilles.gif) repeat-y top left #FFFFFF;
}

#rechercher p {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366CC;
	padding-bottom: 10px;
	background: url(../images_css/fond_strilles.gif) repeat-x bottom left;
	margin : 0;
}

#rechercher p img {
	margin-right: 6px;
	padding-bottom: 2px;
}


#rechercher #ombre_rech{
	font: normal normal bold 13px Arial, sans-serif;
	color: #666666;
	padding-bottom: 20px;
	background: url(../images_css/ombre.jpg) no-repeat center bottom;
}


/***********************************
		FETE DU JOUR
***********************************/
#fete_jour{
	font : normal normal bold 12px Arial, sans-serif;
	color: #333333;
	margin-top: 6px;
	margin-left: 15px;
	text-align: right;
}


#jour{
	float: left;
	width: 22px;
	height: 24px;
	background: url(../images_css/fond_calendrier.jpg) no-repeat left bottom;
	font : normal normal bold 12px Arial, sans-serif;
	margin-right: 6px;
	text-align: left;
}


/***********************************
		   MENU
***********************************/
#logo{
	float: left;
	width: 260px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 4px solid #82BAE5;
	border-bottom: 2px solid #82BAE5;
}

.menu{
	float:left;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 1px;
}

#col_gauche{
	float: left;
	width: 260px;
	/*height: 300px;
	background-color:blue;*/
}

/***********************************
		  INFOS C.E
***********************************/
#menu_ce{
	width: 260px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	z-index: 25;
}

#menu_ce li{
	display: block;
	float: left;
	position: relative;
	width: 220px; 
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	line-height: 30px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #ACACAC solid;
	background: url(../images_css/fond_menu_ce.jpg) no-repeat left top;
	padding-left: 40px;
	font: normal normal bold 14px Arial, sans-serif;
}				

#menu_ce li.cadenas{
	background: url(../images_css/fond_menu_ce_cadenas.jpg) no-repeat left top;
	line-height: 30px;
	color: #666666
}

#menu_ce li.smenu{
	background: url(../images_css/fond_menu_ce_fleche.jpg) no-repeat left top;
}
				
#menu_ce a{
	display: block;
	width: 220px;
	line-height: 30px;
	text-decoration: none;
	color: #666666;
}

#menu_ce a:hover{
	text-decoration: none;
	color: #336699;
}

#menu_ce ul {
	display: none;
	width: 260px;
	left: 261px;
	position: absolute;
	margin: 0;
	padding: 0; 
	top:-1px;
}

/** Rajout **/
* html #menu_ce ul { 
	line-height: 0;			/* IE6 "fix" */
}	

#menu_ce ul a { 
	/*zoom: 1;	*/			/* IE6/7 fix */
	color: #FFFFFF;
} 

#menu_ce ul li { 
	float: none;
	background: url(../images_css/fond_smenu_ce.jpg) no-repeat left top;
	color: #FFFFFF;
	padding-left: 20px;
	width: 240px;
}


/***********************************
		 ESPACE SYNDICATS
***********************************/
#menu_syndicats{
	width: 260px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	z-index: 25;
}

#menu_syndicats li{
	display: block;
	float: left;
	position: relative;
	width: 260px; 
	margin: 0;
	padding: 0;
	list-style: none;
}				

/*#menu_ce li.cadenas{
	background: url(../images_css/fond_menu_ce_cadenas.jpg) no-repeat left top;
	line-height: 30px;
	color: #666666
}*/

				
#menu_syndicats a{
	display: block;
	width: 260px;
	line-height: 30px;
	text-decoration: none;
	color: #666666;
}

#menu_syndicats a:hover{
	text-decoration: none;
	color: #676767;
}

#menu_syndicats ul {
	display: none;
	width: 260px;
	left: 261px;
	position: absolute;
	margin: 0;
	padding: 0; 
	top:0;
}

/** Rajout **/
* html #menu_syndicats ul { 
	line-height: 0;			/* IE6 "fix" */
}	

#menu_syndicats ul a { 
	/*zoom: 1;	*/			/* IE6/7 fix */
	color: #FFFFFF;
} 

#menu_syndicats ul li { 
	float: none;
	background: url(../images_css/fond_smenu_es.jpg) no-repeat left top;
	color: #FFFFFF;
	padding-left: 20px;
	width: 240px;
	height: 30px;
	line-height: 30px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #ACACAC solid;
	font: normal normal bold 14px Arial, sans-serif;
}

/***********************************
		   EVENEMENTS
***********************************/
#bloc_evenements{
	margin-top: 6px;
	padding-bottom: 12px;
	background: url(../images_css/fond_pointilles_hor.gif) repeat-x left bottom;
}

/***********************************
		   FLASH INFOS
***********************************/
#flash_infos p{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #3366CC solid;
	color: #3366CC;
	font-size: 14px;
	font-weight: bold;

}

#flash_infos ul{
	margin: 0;
	padding: 0;
}

#flash_infos li{
	list-style: none;
	margin : 0;
	padding: 2px 4px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px #FFFFFF solid;
}

/***********************************
		   ACTUALITES
***********************************/
#actualites p.gros_titre{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #999900 solid;
	color: #999900;
	font-size: 14px;
	font-weight: bold;
}

#conteneur{
	position:relative;
	width: 470px;
	height: 255px;
	z-index: 5;
}

/*#conteneur #alpha{
	position: absolute;
	left: 0;
	top: 0;
	width : 470px;
	height : 255px;
	background: url(../images_css/fond_actualites.jpg) no-repeat top left;
	-moz-opacity: 0.45; 
	opacity: 0.45;
	filter:alpha(opacity=45); 
}*/

#conteneur #article{
	position: relative;
}

#txt_article{
	position: relative;
	width : 458px;
	color: #000000;
	/*background: #D3E0F6;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;*/
	padding: 4px 6px;
	text-align: justify;
	margin-top: 4px;
}

#article p.titre_actu{
	margin: 0;
	padding: 2px 2px;
	color: #CCCC33;
	font-weight: bold;
	background-color: #666666;
	font-size: 12px;
	border: none;
}

.img_actu{
	padding: 2px;
	border: 1px #999999 solid;
	background-color: #FFFFFF;
}

/***********************************
	  BLOC CATEGORIES DROITE
***********************************/
.bloc_categorie{
	width: 240px;
}

.bloc_categorie p{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	background: url(../images_css/fond_strilles.gif) repeat-x bottom left;
	margin : 0;
}

.bloc_categorie h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 4px 0px;
	text-align: center;
	margin: 0px 6px;
	margin-bottom: 4px;
}

.infos_categorie{
	color: #333333;
	font-size: 12px;
	text-align: justify;
	width: 236px;
}

.infos_categorie img{
	padding: 2px;
	border: 1px #999999 solid;
}

.un{
	margin-top:3px;
	margin-bottom: 6px;
	padding-bottom: 12px;
}

.deux{
	margin-top: 8px;
	padding-top: 16px;
	background: url(../images_css/fond_pointilles_hor.gif) repeat-x left top;
}

.p_gris{
	color: #999999;
}

.p_vert{
	color: #66CC00;
}

.p_orange{
	color: #FF6600;
}

.p_bleu{
	color: #0066CC;
}

.p_violet{
	color: #990099;
}



.bordure_gris{
	border-left: 4px #999999 solid;
}

.bordure_vert{
	border-left: 4px #66CC00 solid;
}

.bordure_orange{
	border-left: 4px #FF6600 solid;
}

.bordure_bleu{
	border-left: 4px #0066CC solid;
}

.bordure_violet{
	border-left: 4px #990099 solid;
}


/***********************************
	  PIECES JOINTES
***********************************/

.titre_pj{
	font-weight : bold;
	color : #666666;
	border-bottom : 1px dashed #999999;
	line-height : 24px;
	margin-top: 10px;
}


/***********************************
		   PARTENARIAT
***********************************/
#partenariat p.gros_titre{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #666666 solid;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

#article p.titre_partenariat{
	margin: 0;
	padding: 2px 2px;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px dashed #CCCCCC;
}


/***********************************
		   MARCHE A SUIVRE
***********************************/
#marche p.gros_titre{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #FF6600 solid;
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
}


/***********************************
		   DOCUMENTS + CONTACT
***********************************/
#doc_cont p.gros_titre{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #66CC00 solid;
	color: #66CC00;
	font-size: 14px;
	font-weight: bold;

}

#doc_cont ul{
	margin: 0;
	padding: 0;
}

#doc_cont li{
	list-style: none;
	margin : 0;
	padding: 4px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px #CCCCCC solid;
}

/***********************************
		   MOT DE PASSE OUBLIE
***********************************/
#password p.gros_titre{
	margin: 0;
	padding: 4px 0;
	border-bottom: 2px #CC0000 solid;
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}

/***********************************
		  CATEGORIES
***********************************/
#categorie span.gros_titre{
	margin: 0;
	padding: 2px 0;
	font-size: 14px;
	font-weight: bold;
}

.bloc_titre_gris{
	padding:2px 0;
	border-bottom: 2px #666666 solid;
	color: #666666;
}

.bloc_titre_vert{
	padding:2px 0;
	border-bottom: 2px #49AF00 solid;
	color: #49AF00;
}

.bloc_titre_orange{
	padding:2px 0;
	border-bottom: 2px #FF6600 solid;
	color: #FF6600;
}

.bloc_titre_bleu{
	padding:2px 0;
	border-bottom: 2px #0066CC solid;
	color: #0066CC;
}

.bloc_titre_violet{
	padding:2px 0;
	border-bottom: 2px #990099 solid;
	color: #990099;
}

.bloc_titre_jaune{
	padding:2px 0;
	border-bottom: 2px #DBA800 solid;
	color: #DBA800;
}

.bloc_titre_bleu_ce{
	padding:2px 0;
	border-bottom: 2px #4172B9 solid;
	color: #4172B9;
}

.bloc_titre_gris_es{
	padding:2px 0;
	border-bottom: 2px #848484 solid;
	color: #848484;
}


/***********************************
		 LISTE DES ARTICLES
***********************************/
#liste_articles .titre{
	margin: 0;
	padding: 2px 2px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	border-bottom: dashed #CCCCCC 1px;
	margin-bottom: 4px;
}

#contenu_article{
	text-align: justify;
	margin-top: 4px;
	padding-bottom: 4px;
}

#article .titre_article{
	margin-top: 5px;
	padding: 2px 2px;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	border-bottom: dashed #CCCCCC 1px;
}

#scat li {
	display:block;
	float: left;
	width: 154px;
	list-style: none;
	margin: 0;
	padding: 4px 0px;
}

#liste_regions li {
	display:block;
	float: left;
	width: 96px;
	list-style: none;
	margin: 0;
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
}