#colonne2{
	display:none;
}

#contenu {
	padding:0px;
	width: 780px;
}



/* ===================== Cat niv1 ===================== */


#supCat #menuActu{
	display: none;
}

/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* ================================================= MENU Actu CSS ================================================= */
/* ====================================================================================================================== */
/* ====================================================================================================================== */
#placementMenuActu{
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width:220px;
	background-color: #fd3400;
	

}


#menuActu {
	padding: 0px;
	margin: 0px;
	float: none; /* ---------- ne pas modifier ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
	width: 220px; /* ---------- largeur générale du menu ---------- */
}

/* ================================================= NIVA ================================================= */

#menuActu dl.nivA,
#menuActu dl.nivASelected,
#menuActu dl.nivAMulti,
#menuActu dl.nivAMultiSelected {
	border:none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 220px; /* ---------- largeur de nivA (à régler sur dl, dt, a) ---------- */
	float: left; /* ---------- ne pas modifier ---------- */
	clear: left; /* ---------- horizontal = none ; vertical = left ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
}

#menuActu dt { /* ---------- Style les dt à la fois pour nivA et nivB ---------- */
	width: 220px; /* ---------- largeur de nivA (à régler sur dl.nivA, dt.nivA, a.nivA) ---------- */
	line-height: 26px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuActu dl.nivA a,
#menuActu dl.nivASelected a,
#menuActu dl.nivAMulti a,
#menuActu dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	display: block; /* ---------- ne pas modifier ---------- */
	cursor: pointer; /* ---------- ne pas modifier ---------- */
}

#menuActu dl.nivA a,
#menuActu dl.nivASelected a,
#menuActu dl.nivAMulti a,
#menuActu dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background-position: 0px 0px;
	background-image: url(../images/menuActuNivABackground.gif);
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	width: 195px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: left; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 26px; /* ---------- règle la hauteur du bloc a (cf. line-height de dt) ---------- */
}

/* ================== nivA ================== */

#menuActu dl.nivA a:link,
#menuActu dl.nivA a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivA a:hover {
	background-position: 0px -26px;
}

#menuActu dl.nivA a:active {
	background-position: 0px -52px;
}

/* =============== nivASelected =============== */

#menuActu dl.nivASelected a:link,
#menuActu dl.nivASelected a:visited {
	background-position: 0px -78px;
}

#menuActu dl.nivASelected a:hover {
	background-position: 0px -104px;
}

#menuActu dl.nivASelected a:active {
	background-position: 0px -130px;
}

/* ================ nivAMulti ================= */

#menuActu dl.nivAMulti a:link,
#menuActu dl.nivAMulti a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivAMulti a:hover {
	background-position: 0px -26px;
}

#menuActu dl.nivAMulti a:active {
	background-position: 0px -52px;
}

/* ============== nivAMultiSelected =========== */

#menuActu dl.nivAMultiSelected a:link,
#menuActu dl.nivAMultiSelected a:visited {
	background-position: 0px -78px;
}

#menuActu dl.nivAMultiSelected a:hover {
	background-position: 0px -104px;
}

#menuActu dl.nivAMultiSelected a:active {
	background-position: 0px -130px;
}

/* =============== nivB spécifiques =============== */

/* ================================================= NIVB ================================================= */

#menuActu dd {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	visibility: visible; /* ---------- horizontal = hidden ; vertical = visible ---------- */
}

#menuActu dl.nivB,
#menuActu dl.nivBSelected {
	padding: 0px;
	margin: 0px;
	width: 220px; /* ---------- largeur de nivB (à régler sur dl, dt, a) ---------- */
}

#menuActu dl.nivB dt,
#menuActu dl.nivBSelected dt {
	width: 220px; /* ---------- largeur de nivB (à régler sur dl dt, a) ---------- */
	line-height: 26px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuActu dl.nivB a,
#menuActu dl.nivBSelected a {
	color: #3d3c3e;
	background-image: none;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-image: url(../images/menuActuNivBBackground.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	width: 185px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: left; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 16px; /* ---------- règle la hauteur du bloc a.nivA (cf. line-height de dt) ---------- */
}

/* ================== nivB ================== */

#menuActu dl.nivB a:link,
#menuActu dl.nivB a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivB a:hover {
	background-position: 0px -16px;
}

#menuActu dl.nivB a:active {
	background-position: 0px -32px;
}

/* =============== nivBSelected =============== */

#menuActu dl.nivBSelected a:link,
#menuActu dl.nivBSelected a:visited {
	color: #ed6220;
	background-position: 0px -48px;
	
}

#menuActu dl.nivBSelected a:hover {
	color: #ed6220;
	background-position: 0px -64px;
}

#menuActu dl.nivBSelected a:active {
	color: #ed6220;
	background-position: 0px -80px;
}

/* =============== nivB spécifiques =============== */

#menuActu .itemNivA4 dl.itemNivB3 a:link,
#menuActu .itemNivA4 dl.itemNivB3 a:visited,
#menuActu .itemNivA4 dl.itemNivB3 a:hover,
#menuActu .itemNivA4 dl.itemNivB3 a:active {
	
}


#colonneActu {
	margin: 0px;
	width: 560px;
	float: left;
	position: relative;
}


/* =============================== CSS des elements d'entete =============================== */

#placementEnteteActu {
	padding-bottom: 0px;
	position:relative;
	float:left;
	width: 520px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	background-color: #fff1e5;
}

#placementEnteteActu .titrePage {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	line-height: 17px;
	font-size: 18px;
	color:#fd3400;
	font-weight: bold;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	clear: left;					/* ---------- NE PAS MODIFIER ---------- */

}

.actuDate {
	color:#8aabc6;
	display: inline;
	font-size: 10px;
	font-weight: normal;
}

img.imgGauchePage {
	max-width: 200px;	
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	border-color: #3c465a;
	border-style: solid;
	border-width: 1px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}


/* NE PAS AJOUTER DE POSITIONNEMENT RELATIF, FLOAT, CLEAR (GENRERALEMENT, LAISSER TEL QUEL) */
#placementEnteteActu .textePage {
	position: relative;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	color:#5e5e5e;
	padding: 0px;
	text-align: justify;
}

.actuAuteur{
	position: relative;
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#8aabc6;
	font-weight: bold;
}



/* =============================== CSS de la barre de Tri Actu =============================== */

.triActuBloc {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;
	position: relative;
	display: block;
}

div.triActuBloc {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	background-position: 0px 0px;
	background-image: url(../images/backgroundTriBlocLarge.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 520px;
	clear: left;
}

.triActuBloc label {
	text-align: center;
	width: 56px;
	line-height: 41px;
	height: 41px;
	float: left;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: #fe6d02;
}

a.triActuBloc:link,
a.triActuBloc:visited,
a.triActuBloc:hover,
a.triActuBloc:active {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	color: #96bad7;
	line-height: 30px;
	height: 30px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
}

span.triActuBloc {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	color: #fe6d02;
	line-height: 30px;
	height: 30px;
	padding: 0px;
	text-align: center;
}

a#triActuBlocRecent:link,
a#triActuBlocRecent:visited,
a#triActuBlocRecent:hover,
a#triActuBlocRecent:active {
	width: 107px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriLeft.gif);
}

a#triActuBlocRecent:hover {
	background-position: 0px -30px;
}

a#triActuBlocRecent:active {
	background-position: 0px -60px;
}

span#triActuBlocRecent {
	width: 107px;
	background-position: 0px -90px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriLeft.gif);
}

a#triActuBlocConsult:link,
a#triActuBlocConsult:visited,
a#triActuBlocConsult:hover,
a#triActuBlocConsult:active {
	width: 106px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriRight.gif);
}

a#triActuBlocConsult:hover {
	background-position: 0px -30px;
}

a#triActuBlocConsult:active {
	background-position: 0px -60px;
}

span#triActuBlocConsult {
	width: 107px;
	background-position: 0px -90px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriRight.gif);
}


/* =============================== CSS de la regle =============================== */


div.regleActuBloc {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;
	position: relative;
	display: block;
	background-position: 0px 0px;
	background-image: url(../images/backgroundRegleBlocLarge.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 540px;
}

a.regleActuBloc:link,
a.regleActuBloc:visited,
a.regleActuBloc:hover,
a.regleActuBloc:active {
	text-decoration: none;
	color: #7f7f7f;
	line-height: 19px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width:auto;
}

a.regleActuBloc:hover {
	font-style: italic;
	text-decoration: none;
}

span.regleActuBloc {
	margin: :0px;
	padding: 0px;
	clear:none;
	background-image: none;
	text-decoration: none;
	color: #7f7f7f;
	line-height: 19px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width:200px;
}

/* =============================== CSS des Items =============================== */

.items {
	float: left;
	clear: left;
	position: relative;
	padding-right:20px;
	padding-left: 20px;
	padding-top: 10px;
	width: 520px;

}

.item {
	clear: left;
	float: left;
	position: relative;
	background-color: white;
	margin:0px;
	padding-bottom: 10px;
	width: 520px;
	height:100%;
	background-image: url(../images/backgroundItem.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

.itemRelief {
	padding: 10px;
	clear: left;
	float: left;
	position: relative;
	margin: 0px;	
	width: 520px;
}

.itemTitre {
	font-family: Verdana, "Times New Roman", Times, serif;
	margin:0px;
	padding: 0px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
	width: 520px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float:left;
}

.itemTitre a:link,
.itemTitre a:visited,
.itemTitre a:active,
.itemTitre a:hover {
	font-weight: bold;
	text-decoration: none;
	color:#fd3400;
}

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

.itemLinkFiche {
}

.itemLinkFiche:hover{
	text-decoration: none;
}

.itemAuteurDate {
	color:#8aabc6;
	display: inline;
	font-size: 9px;
	font-weight: normal;
}

img.imgItemPage {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	clear: left;
	position: relative;
	float: left;
}

.itemTexte {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	color:#5e5e5e;
	position: relative;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	position: relative;
}

.plusInfo {
	position: relative;
	float: right;
}

.plusInfo .itemLinkFiche{
	color:#8aabc6;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 20px;
	height: 13px;
	line-height: 12px;
	background-image: url(../images/pictoPlus1A1.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.plusInfo .itemLinkFiche:hover {
	background-position: right -13px;
}



span .ActuDate{
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#fd3400;
}

.lnkAttachFileItem {
	position: relative;
	display: inline;
	color:#fd3400;
	margin-left: 10px;
	text-decoration: none;
	font-size: 12px;
	line-height: 10px;
}

.lnkAttachFileItem:hover{
	color:#8aabc6;
}

.auteurActu{
	position: relative;
	clear: none;
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#8aabc6;
	display: inline;
}

.itemInfo{
	position: relative;
	float: left;
	width:520px;
	padding-top: 10px;
	display:none;
	
}

.itemInfo a.itemLinkFiche:link,
.itemInfo a.itemLinkFiche:visited,
.itemInfo a.itemLinkFiche:active {
	text-decoration: none;
	color:#000;
	line-height: 10px;
	margin-left: 0px;
	
}

.itemInfo a.itemContact {
	position: relative;
	float: left;
	color:green;
	text-decoration: none;
	padding: 0px;
	margin-left: 5px;
}

.itemInfo .itemContact label {
	position: relative;
	float: left;
	padding: 0px;
	color:red;
	clear: left;
	width:80px;
}




/* ============================================================================= */
/* =============================== CSS De la Fiche actualité =================== */
/* ============================================================================= */


#supTri .filtreActuBloc {
	display: none;
}

#supCat #colonneMenuActu{
	display: none;
}

#placementFicheActu {
	float: left;
	position: relative;
	padding:10px;
	width: 520px;
	margin: 0px;
	margin:10px;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	/*
border-style: ridge;
	border-color: #96bad7;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

#ficheActuBlock{
	clear: left;
	float: left;
	position: relative;
	margin:0px;
	margin-bottom: 10px;
	width: 520px;
	
}

.ficheTexte {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	color:#5e5e5e;
	position: relative;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	position: relative;
}

.ficheTitre {
	font-family: Verdana, "Times New Roman", Times, serif;
	margin-left: 0px;
	color:#fd3400;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float:left;
}

.imgItemPage {
	max-width: 300px;	
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px;
	border-color: #3c465a;
	border-style: solid;
	border-width: 1px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}

#ficheActuBlock .ficheAuteur {
	position: relative;
	float: right;
	font-size: 10px;
	color: #8aabc6;
	margin-top: 10px;
	
}

.ficheContact{
	position: relative;
	float: left;
	clear: left;
	padding-top: 15px;
	margin-right: 0px;
}

.ficheContactTitre {
	line-height: 18px;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	position: relative;
	float: left;
	margin-right: 0px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	width:515px;
	color:#fff;
	padding-left: 5px;
}

.ficheContact .itemContact {
	position: relative;
	float: left;
	clear: left;
	margin: 0px;
	
}

p.itemContact{
	position: relative;
	float: left;
	width:520px;
}

.ficheContact .itemContact label {
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	float: left;
	position: relative;
	min-height: 14px;
	line-height: 14px;
	font-size: 10px;
	display: block;
	font-weight: bold;
	color: white;
	margin-top: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	width:40px
}

.ficheContact a.itemContact {
	position: relative;
	float: left;
	display: block;
	clear: none;
	text-decoration: none;
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
	width:380px;
	text-align:justify;
	color:#5e5e5e;
	min-height: 14px;
	font-size: 12px;
}


/* ============================================================================= */
/* =============================== CSS Du footer Fiche =================== */
/* ============================================================================= */




#footerFiche{
	position: relative;
	float: left;
	width:500px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;

}

.ficheToolbar {
	position: relative;
	float:left;
	width: 500px;
}

.ficheToolbarRetour:link,
.ficheToolbarRetour:visited,
.ficheToolbarRetour:hover,
.ficheToolbarRetour:active {
	color: #3d3c3e;
	text-decoration: none;
	padding: 0px;
	padding-left: 25px;
	background-image: url(../images/pictoArrowLeft1A1.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:50px;
	font-size: 11px;
	height: 16px;
	float:left;
}

.ficheToolbarRetour:hover {
	background-position: 0px -16px;
}


#footerFiche .ficheToolbarRetour:link,
#footerFiche .ficheToolbarRetour:visited,
#footerFiche .ficheToolbarRetour:hover,
#footerFiche .ficheToolbarRetour:active {

}

#footerFiche .ficheToolbarRetour:hover{
	
}


.commentaireToolbar .ficheToolbarRetour:link,
.commentaireToolbar .ficheToolbarRetour:visited,
.commentaireToolbar .ficheToolbarRetour:hover,
.commentaireToolbar .ficheToolbarRetour:active {
	background-image: url(../images/pictoArrowLeft1B1.gif);
}

.commentaireToolbar .ficheToolbarRetour:hover{
	background-image: url(../images/pictoArrowLeft1A1.gif);
	background-position: left -16px;	
}


.ficheToolbarRepondre:link,
.ficheToolbarRepondre:visited,
.ficheToolbarRepondre:hover,
.ficheToolbarRepondre:active {
	color: #3d3c3e;
	text-decoration: none;
	padding: 0px;
	padding-right: 25px;
	background-image: url(../images/pictoArrowRight1A1.gif);
	background-position: right top;
	background-repeat: no-repeat;
	float: right;
	text-align: right;
	font-size: 11px;
	width:120px;
}

.ficheToolbarRepondre:hover {
	background-position: right -16px;
}

#footerFiche .ficheToolbarRepondre:link,
#footerFiche .ficheToolbarRepondre:visited,
#footerFiche .ficheToolbarRepondre:hover,
#footerFiche .ficheToolbarRepondre:active {
	
}

#footerFiche .ficheToolbarRepondre:hover {
	
}



.commentaireToolbar .ficheToolbarRepondre:link,
.commentaireToolbar .ficheToolbarRepondre:visited,
.commentaireToolbar .ficheToolbarRepondre:hover,
.commentaireToolbar .ficheToolbarRepondre:active {
	background-image: url(../images/pictoArrowRight1B1.gif);
}

.commentaireToolbar .ficheToolbarRepondre:hover {
	background-image: url(../images/pictoArrowRight1A1.gif);
	background-position: right -16px;
}

.showList {
	position: relative;
	float: right;
	width: 500px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}


.showList .ficheToolbarRepondre:link,
.showList .ficheToolbarRepondre:visited,
.showList .ficheToolbarRepondre:hover,
.showList .ficheToolbarRepondre:active {
	
}

.showList .ficheToolbarRepondre:hover;{
	
}


/* ============================================================================= */
/* =============================== CSS des commentaires =================== */
/* ============================================================================= */

.ficheListComment {
	position: relative;
	float:right;
	color:red;
	width:560px;
}

.ficheCommentaire {
	background-color: #fff0e5;
	position: relative;
	float: left;
	width:520px;
	margin-left:20px;
	margin-right:20px;
	border-style: ridge;
	border-color:rgb(191, 191, 191);
	border-width: 1px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.commentaireToolbar{
	position: relative;
	float:left;
	width:500px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;

}

.commentaireToolbar:hover{
	border-top-width: 1px;
	background-color: white;
	border-top-style: dotted;
	border-color:rgb(61, 60, 63);

}

.ficheFormulaire{
	position: relative;
	float: left;
	width:520px;
	margin-top: 15px;
	clear: left;
}



.commentaireAuteur {
	position: relative;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	color:#fff;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}

.commentaireTexte {
	color:#5e5e5e;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
}

.ficheCommentaireCompact{
	position: relative;
	float: left;
	width:520px;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: ridge;
	border-color: #96bad7;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.ficheCommentaireCompact .ficheCommentaire{
	border:none;
	text-decoration: none;
	color:#5e5e5e;
	width:520px;
	padding:0px;
	margin: 0px;
	padding-bottom: 5px;
}

/* ================================================================================= */
/* ================================================================================= */
/* ========================= Formulaire de commenatire et validation =============== */
/* ================================================================================= */


#theForm {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 520px;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
}

/* NE PAS AJOUTER DE POSITIONNEMENT RELATIF, FLOAT, CLEAR (GENRERALEMENT, LAISSER TEL QUEL) */
fieldset {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #bfbfbf;
	background-color: #fff1e5;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	
}

fieldset:hover {
	border-color: #3d3c3f;
}

fieldset:hover .formSection {
	border-bottom-width: 1px;
	background-color: white;
	border-bottom-style: dotted;
}


fieldset p {
	padding: 0px;
	margin: 0px;
	color: #fc3408;
}

fieldset .formSection {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	border-top:0px;
	border-bottom: 0px;
	border-right-width: 0px;
	border-left-width: 4px;
	border-color:#3d3c3f;
	border-style: solid;
	color: #fc3408;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 22px;
	height: 22px;
}

fieldset label {
	text-align: right;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	width: 120px;
	padding: 0px;
	color:#3d3c3f;;
	font-size: 11px;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */	
}

fieldset input {
	color: #093323;
	font-size: 11px;
	width: 380px;
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
	background-color: white;
}

fieldset#autresSection,
fieldset#confirmationSection {
	font-size: 11px;
}
#chkLabel {
}

#chkInput {
	width: 100px;
}
#comInput{
	width:500px;
	height: 80px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 12px;
	font-size: 12px;
}

#confirmationSection {
	color:#3d3c3f;
}

#confirmationSection img {
	margin-top: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}

#confirmationSection .treeTextQuestion {
	float: left;
	position: relative;
	padding-left: 22px;
}

#confirmationSection .component{
	width:50px;
}

#confirmationSection .chkLabel {
	position: relative;
	float:left;
	clear: none;
}

#submitSection {
	
}


fieldset#submitSection {
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 45px;
	margin: 0px;
	width: 520px;
	float: right;
	background-color: #fff;
	border: none;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
}

#submitSection .formMandatory,
#submitSection .textMandatory {
	top: 10px;
	left: 20px;
	position: absolute;
}

#submitSection .textMandatory {
	left:30px;
}

#submitSection p {
	width:150px;
}

.textMandatory {
	font-weight: normal;
	left: 20px;
}

fieldset#submitSection label {
	display: none;
}

#submitInput {
	color: #454545;
	border-width: 0px;
	border-style: none;
	top: 10px;
	right: 10px;
	margin: 0px;
	padding: 0px;	
	font-weight: bold;
	text-align: center;
	width: 85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
	cursor: pointer;				/* ---------- SI BOUTON PERSONNALISÉ---------- */					
	position: absolute;				/* ---------- NE PAS MODIFIER ---------- */					
}

#submitInput:hover {
	background-position: 0px -20px;
}


#submitInput:active {
	background-position: 0px -40px;
}


#msgCommandSection {
	background-color:#fff1e5;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-color:#bfbfbf;
	border-style: solid;
	
}

#msgCommandTitle {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 16px;
	color:#ff7200 ;
	background-color:#fff1e5;
	height: 16px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;	
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

#msgCommandText {
	width: 420px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.loginComponent {
	color: #554125;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	right: 10px;
	float: right;
	position: relative;	
	border-width: 0px;
	border-style: none;
	padding: 0px;	
	font-weight: bold;
	text-align: center;
	background-position: right;
	width: 85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
	cursor: pointer;				/* ---------- SI BOUTON PERSONNALISÉ---------- */
}


.loginComponent:hover {
	background-position: 0px -20px;
}

.loginComponent:active {
	background-position: 0px -40px;
}

#retourFicheToolbar{
	position: relative;
	float: left;
	padding: 0px;
	margin-left: 200px;
	margin-top: 10px;
}

#retourFicheToolbar:link{
	color: #454545;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	width:85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
}

#retourFicheToolbar:hover{
	background-position: 0px -20px;
}

#retourFicheToolbar:active{
	background-position: 0px -40px;
}


/* ================================================================================= */
/* ================================================================================= */
/* ========================= texte de confirmation ================================= */
/* ================================================================================= */

#placementValidation{
	padding: 0px;
	margin: 0px;
	padding-left:20px;
	padding-top: 20px;
	width: 540px;
	background-color:#fff1e5;
}

#placementValidation .ficheTitre{
	padding: 0px;
	color:#fd3400;
	
}

#placementValidation .ficheTexte{

}

#placementValidation .ficheToolbar{

}
.hideList {
	position: relative;
	float: left;
}

.hideList .ficheToolbarRepondre:link{
	color: #454545;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	width:85px;
	padding-left: 200px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 200px 0px;
	height: 20px;
}

.hideList .ficheToolbarRepondre:hover {
	background-position: 200px -20px;
}


.hideList .ficheToolbarRepondre:active {
	background-position: 200px -40px;
}

/* ================================================================================= */
/* ================================================================================= */
/* =================================== SYSTEM BAR ========================================= */
/* ================================================================================= */
/* ================================================================================= */

#pageSystemBarPlacementTop {
	right: 0px;
	padding: 0px;
	margin: 0px;
	height: 30px;
	bottom: 0px;
	position: absolute;
}

#pageSystemBar {
	margin-top: 0px;
	margin-right: 25px;
	height: 20px;
	float: right;
	position: relative;
	margin-bottom: 10px;
}

.textPageSystemBar {
	margin-right: 10px;
	line-height: 20px;
	float: left;
	position: relative;
	display: none;
}

span.pageSystemBar {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-top: 0px;
	line-height: 20px;
	text-align: center;
	float: left;
	position: relative;
	padding: 0px;
	border-color: #ff7200;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	height: 20px;
	width: 20px;
	color:#7395b2;
}

a.pageSystemBar:link,
a.pageSystemBar:visited,
a.pageSystemBar:hover,
a.pageSystemBar:active {
	padding: 0px;
	margin-right: 2px;
	margin-left: 2px;
	color: #fd3400;
	line-height: 20px;
	text-align: center;
	float: left;
	position: relative;
	border-color: #7395b2;
	border-style: solid;
	border-width: 1px;
	height: 20px;
	width: 20px;
	background-color: #fcfcfc;
	text-decoration: none;
	
}

a.pageSystemBar:hover {
	background-color: #dddada
}
#colonne2{
	display:none;
}

#contenu {
	padding:0px;
	width: 780px;
}



/* ===================== Cat niv1 ===================== */


#supCat #menuActu{
	display: none;
}

/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* ================================================= MENU Actu CSS ================================================= */
/* ====================================================================================================================== */
/* ====================================================================================================================== */
#placementMenuActu{
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
	width:220px;
	background-color: #fd3400;
	

}


#menuActu {
	padding: 0px;
	margin: 0px;
	float: none; /* ---------- ne pas modifier ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
	width: 220px; /* ---------- largeur générale du menu ---------- */
}

/* ================================================= NIVA ================================================= */

#menuActu dl.nivA,
#menuActu dl.nivASelected,
#menuActu dl.nivAMulti,
#menuActu dl.nivAMultiSelected {
	border:none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 220px; /* ---------- largeur de nivA (à régler sur dl, dt, a) ---------- */
	float: left; /* ---------- ne pas modifier ---------- */
	clear: left; /* ---------- horizontal = none ; vertical = left ---------- */
	position: relative; /* ---------- ne pas modifier ---------- */
}

#menuActu dt { /* ---------- Style les dt à la fois pour nivA et nivB ---------- */
	width: 220px; /* ---------- largeur de nivA (à régler sur dl.nivA, dt.nivA, a.nivA) ---------- */
	line-height: 26px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuActu dl.nivA a,
#menuActu dl.nivASelected a,
#menuActu dl.nivAMulti a,
#menuActu dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	display: block; /* ---------- ne pas modifier ---------- */
	cursor: pointer; /* ---------- ne pas modifier ---------- */
}

#menuActu dl.nivA a,
#menuActu dl.nivASelected a,
#menuActu dl.nivAMulti a,
#menuActu dl.nivAMultiSelected a { /* ---------- Style les liens à la fois pour nivA et nivB ---------- */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background-position: 0px 0px;
	background-image: url(../images/menuActuNivABackground.gif);
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	width: 195px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: left; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 26px; /* ---------- règle la hauteur du bloc a (cf. line-height de dt) ---------- */
}

/* ================== nivA ================== */

#menuActu dl.nivA a:link,
#menuActu dl.nivA a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivA a:hover {
	background-position: 0px -26px;
}

#menuActu dl.nivA a:active {
	background-position: 0px -52px;
}

/* =============== nivASelected =============== */

#menuActu dl.nivASelected a:link,
#menuActu dl.nivASelected a:visited {
	background-position: 0px -78px;
}

#menuActu dl.nivASelected a:hover {
	background-position: 0px -104px;
}

#menuActu dl.nivASelected a:active {
	background-position: 0px -130px;
}

/* ================ nivAMulti ================= */

#menuActu dl.nivAMulti a:link,
#menuActu dl.nivAMulti a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivAMulti a:hover {
	background-position: 0px -26px;
}

#menuActu dl.nivAMulti a:active {
	background-position: 0px -52px;
}

/* ============== nivAMultiSelected =========== */

#menuActu dl.nivAMultiSelected a:link,
#menuActu dl.nivAMultiSelected a:visited {
	background-position: 0px -78px;
}

#menuActu dl.nivAMultiSelected a:hover {
	background-position: 0px -104px;
}

#menuActu dl.nivAMultiSelected a:active {
	background-position: 0px -130px;
}

/* =============== nivB spécifiques =============== */

/* ================================================= NIVB ================================================= */

#menuActu dd {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	visibility: visible; /* ---------- horizontal = hidden ; vertical = visible ---------- */
}

#menuActu dl.nivB,
#menuActu dl.nivBSelected {
	padding: 0px;
	margin: 0px;
	width: 220px; /* ---------- largeur de nivB (à régler sur dl, dt, a) ---------- */
}

#menuActu dl.nivB dt,
#menuActu dl.nivBSelected dt {
	width: 220px; /* ---------- largeur de nivB (à régler sur dl dt, a) ---------- */
	line-height: 26px; /* ---------- règle l'alignement vertical du texte (cf. height de a) ---------- */
}

#menuActu dl.nivB a,
#menuActu dl.nivBSelected a {
	color: #3d3c3e;
	background-image: none;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	background-image: url(../images/menuActuNivBBackground.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	width: 185px; /* ---------- largeur de nivA (à régler sur dl, dt, a) WARNING : déduire le padding left, right ---------- */
	text-align: left; /* ---------- positionne le texte dans la largeur (left, right, center) ---------- */
	height: 16px; /* ---------- règle la hauteur du bloc a.nivA (cf. line-height de dt) ---------- */
}

/* ================== nivB ================== */

#menuActu dl.nivB a:link,
#menuActu dl.nivB a:visited {
	background-position: 0px 0px;
}

#menuActu dl.nivB a:hover {
	background-position: 0px -16px;
}

#menuActu dl.nivB a:active {
	background-position: 0px -32px;
}

/* =============== nivBSelected =============== */

#menuActu dl.nivBSelected a:link,
#menuActu dl.nivBSelected a:visited {
	color: #ed6220;
	background-position: 0px -48px;
	
}

#menuActu dl.nivBSelected a:hover {
	color: #ed6220;
	background-position: 0px -64px;
}

#menuActu dl.nivBSelected a:active {
	color: #ed6220;
	background-position: 0px -80px;
}

/* =============== nivB spécifiques =============== */

#menuActu .itemNivA4 dl.itemNivB3 a:link,
#menuActu .itemNivA4 dl.itemNivB3 a:visited,
#menuActu .itemNivA4 dl.itemNivB3 a:hover,
#menuActu .itemNivA4 dl.itemNivB3 a:active {
	
}


#colonneActu {
	margin: 0px;
	width: 560px;
	float: left;
	position: relative;
}


/* =============================== CSS des elements d'entete =============================== */

#placementEnteteActu {
	padding-bottom: 0px;
	position:relative;
	float:left;
	width: 520px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	background-color: #fff1e5;
}

#placementEnteteActu .titrePage {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	line-height: 17px;
	font-size: 18px;
	color:#fd3400;
	font-weight: bold;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	clear: left;					/* ---------- NE PAS MODIFIER ---------- */

}

.actuDate {
	color:#8aabc6;
	display: inline;
	font-size: 10px;
	font-weight: normal;
}

img.imgGauchePage {
	max-width: 200px;	
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
	border-color: #3c465a;
	border-style: solid;
	border-width: 1px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}


/* NE PAS AJOUTER DE POSITIONNEMENT RELATIF, FLOAT, CLEAR (GENRERALEMENT, LAISSER TEL QUEL) */
#placementEnteteActu .textePage {
	position: relative;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	color:#5e5e5e;
	padding: 0px;
	text-align: justify;
}

.actuAuteur{
	position: relative;
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#8aabc6;
	font-weight: bold;
}



/* =============================== CSS de la barre de Tri Actu =============================== */

.triActuBloc {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;
	position: relative;
	display: block;
}

div.triActuBloc {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	background-position: 0px 0px;
	background-image: url(../images/backgroundTriBlocLarge.gif);
	background-repeat: no-repeat;
	height: 41px;
	width: 520px;
	clear: left;
}

.triActuBloc label {
	text-align: center;
	width: 56px;
	line-height: 41px;
	height: 41px;
	float: left;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: #fe6d02;
}

a.triActuBloc:link,
a.triActuBloc:visited,
a.triActuBloc:hover,
a.triActuBloc:active {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	color: #96bad7;
	line-height: 30px;
	height: 30px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
}

span.triActuBloc {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	color: #fe6d02;
	line-height: 30px;
	height: 30px;
	padding: 0px;
	text-align: center;
}

a#triActuBlocRecent:link,
a#triActuBlocRecent:visited,
a#triActuBlocRecent:hover,
a#triActuBlocRecent:active {
	width: 107px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriLeft.gif);
}

a#triActuBlocRecent:hover {
	background-position: 0px -30px;
}

a#triActuBlocRecent:active {
	background-position: 0px -60px;
}

span#triActuBlocRecent {
	width: 107px;
	background-position: 0px -90px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriLeft.gif);
}

a#triActuBlocConsult:link,
a#triActuBlocConsult:visited,
a#triActuBlocConsult:hover,
a#triActuBlocConsult:active {
	width: 106px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriRight.gif);
}

a#triActuBlocConsult:hover {
	background-position: 0px -30px;
}

a#triActuBlocConsult:active {
	background-position: 0px -60px;
}

span#triActuBlocConsult {
	width: 107px;
	background-position: 0px -90px;
	background-repeat: no-repeat;
	background-image: url(../images/backgroundTriRight.gif);
}


/* =============================== CSS de la regle =============================== */


div.regleActuBloc {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;
	position: relative;
	display: block;
	background-position: 0px 0px;
	background-image: url(../images/backgroundRegleBlocLarge.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 540px;
}

a.regleActuBloc:link,
a.regleActuBloc:visited,
a.regleActuBloc:hover,
a.regleActuBloc:active {
	text-decoration: none;
	color: #7f7f7f;
	line-height: 19px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width:auto;
}

a.regleActuBloc:hover {
	font-style: italic;
	text-decoration: none;
}

span.regleActuBloc {
	margin: :0px;
	padding: 0px;
	clear:none;
	background-image: none;
	text-decoration: none;
	color: #7f7f7f;
	line-height: 19px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width:200px;
}

/* =============================== CSS des Items =============================== */

.items {
	float: left;
	clear: left;
	position: relative;
	padding-right:20px;
	padding-left: 20px;
	padding-top: 10px;
	width: 520px;

}

.item {
	clear: left;
	float: left;
	position: relative;
	background-color: white;
	margin:0px;
	padding-bottom: 10px;
	width: 520px;
	height:100%;
	background-image: url(../images/backgroundItem.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

.itemRelief {
	padding: 10px;
	clear: left;
	float: left;
	position: relative;
	margin: 0px;	
	width: 520px;
}

.itemTitre {
	font-family: Verdana, "Times New Roman", Times, serif;
	margin:0px;
	padding: 0px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 10px;
	width: 520px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float:left;
}

.itemTitre a:link,
.itemTitre a:visited,
.itemTitre a:active,
.itemTitre a:hover {
	font-weight: bold;
	text-decoration: none;
	color:#fd3400;
}

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

.itemLinkFiche {
}

.itemLinkFiche:hover{
	text-decoration: none;
}

.itemAuteurDate {
	color:#8aabc6;
	display: inline;
	font-size: 9px;
	font-weight: normal;
}

img.imgItemPage {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	clear: left;
	position: relative;
	float: left;
}

.itemTexte {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	color:#5e5e5e;
	position: relative;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	position: relative;
}

.plusInfo {
	position: relative;
	float: right;
}

.plusInfo .itemLinkFiche{
	color:#8aabc6;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-right: 20px;
	height: 13px;
	line-height: 12px;
	background-image: url(../images/pictoPlus1A1.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.plusInfo .itemLinkFiche:hover {
	background-position: right -13px;
}



span .ActuDate{
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#fd3400;
}

.lnkAttachFileItem {
	position: relative;
	display: inline;
	color:#fd3400;
	margin-left: 10px;
	text-decoration: none;
	font-size: 12px;
	line-height: 10px;
}

.lnkAttachFileItem:hover{
	color:#8aabc6;
}

.auteurActu{
	position: relative;
	clear: none;
	font-family: Trebuchet MS, "Times New Roman", Times, sans-serif;
	font-size: 10px;
	color:#8aabc6;
	display: inline;
}

.itemInfo{
	position: relative;
	float: left;
	width:520px;
	padding-top: 10px;
	display:none;
	
}

.itemInfo a.itemLinkFiche:link,
.itemInfo a.itemLinkFiche:visited,
.itemInfo a.itemLinkFiche:active {
	text-decoration: none;
	color:#000;
	line-height: 10px;
	margin-left: 0px;
	
}

.itemInfo a.itemContact {
	position: relative;
	float: left;
	color:green;
	text-decoration: none;
	padding: 0px;
	margin-left: 5px;
}

.itemInfo .itemContact label {
	position: relative;
	float: left;
	padding: 0px;
	color:red;
	clear: left;
	width:80px;
}




/* ============================================================================= */
/* =============================== CSS De la Fiche actualité =================== */
/* ============================================================================= */


#supTri .filtreActuBloc {
	display: none;
}

#supCat #colonneMenuActu{
	display: none;
}

#placementFicheActu {
	float: left;
	position: relative;
	padding:10px;
	width: 520px;
	margin: 0px;
	margin:10px;
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	/*
border-style: ridge;
	border-color: #96bad7;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

#ficheActuBlock{
	clear: left;
	float: left;
	position: relative;
	margin:0px;
	margin-bottom: 10px;
	width: 520px;
	
}

.ficheTexte {
	font-family: Verdana, "Times New Roman", Times, sans-serif;
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	color:#5e5e5e;
	position: relative;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 0px;
	position: relative;
}

.ficheTitre {
	font-family: Verdana, "Times New Roman", Times, serif;
	margin-left: 0px;
	color:#fd3400;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float:left;
}

.imgItemPage {
	max-width: 300px;	
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px;
	border-color: #3c465a;
	border-style: solid;
	border-width: 1px;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}

#ficheActuBlock .ficheAuteur {
	position: relative;
	float: right;
	font-size: 10px;
	color: #8aabc6;
	margin-top: 10px;
	
}

.ficheContact{
	position: relative;
	float: left;
	clear: left;
	padding-top: 15px;
	margin-right: 0px;
}

.ficheContactTitre {
	line-height: 18px;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	position: relative;
	float: left;
	margin-right: 0px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	width:515px;
	color:#fff;
	padding-left: 5px;
}

.ficheContact .itemContact {
	position: relative;
	float: left;
	clear: left;
	margin: 0px;
	
}

p.itemContact{
	position: relative;
	float: left;
	width:520px;
}

.ficheContact .itemContact label {
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	float: left;
	position: relative;
	min-height: 14px;
	line-height: 14px;
	font-size: 10px;
	display: block;
	font-weight: bold;
	color: white;
	margin-top: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	width:40px
}

.ficheContact a.itemContact {
	position: relative;
	float: left;
	display: block;
	clear: none;
	text-decoration: none;
	padding: 0px;
	margin-left: 20px;
	margin-top: 5px;
	width:380px;
	text-align:justify;
	color:#5e5e5e;
	min-height: 14px;
	font-size: 12px;
}


/* ============================================================================= */
/* =============================== CSS Du footer Fiche =================== */
/* ============================================================================= */




#footerFiche{
	position: relative;
	float: left;
	width:500px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;

}

.ficheToolbar {
	position: relative;
	float:left;
	width: 500px;
}

.ficheToolbarRetour:link,
.ficheToolbarRetour:visited,
.ficheToolbarRetour:hover,
.ficheToolbarRetour:active {
	color: #3d3c3e;
	text-decoration: none;
	padding: 0px;
	padding-left: 25px;
	background-image: url(../images/pictoArrowLeft1A1.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:50px;
	font-size: 11px;
	height: 16px;
	float:left;
}

.ficheToolbarRetour:hover {
	background-position: 0px -16px;
}


#footerFiche .ficheToolbarRetour:link,
#footerFiche .ficheToolbarRetour:visited,
#footerFiche .ficheToolbarRetour:hover,
#footerFiche .ficheToolbarRetour:active {

}

#footerFiche .ficheToolbarRetour:hover{
	
}


.commentaireToolbar .ficheToolbarRetour:link,
.commentaireToolbar .ficheToolbarRetour:visited,
.commentaireToolbar .ficheToolbarRetour:hover,
.commentaireToolbar .ficheToolbarRetour:active {
	background-image: url(../images/pictoArrowLeft1B1.gif);
}

.commentaireToolbar .ficheToolbarRetour:hover{
	background-image: url(../images/pictoArrowLeft1A1.gif);
	background-position: left -16px;	
}


.ficheToolbarRepondre:link,
.ficheToolbarRepondre:visited,
.ficheToolbarRepondre:hover,
.ficheToolbarRepondre:active {
	color: #3d3c3e;
	text-decoration: none;
	padding: 0px;
	padding-right: 25px;
	background-image: url(../images/pictoArrowRight1A1.gif);
	background-position: right top;
	background-repeat: no-repeat;
	float: right;
	text-align: right;
	font-size: 11px;
	width:120px;
}

.ficheToolbarRepondre:hover {
	background-position: right -16px;
}

#footerFiche .ficheToolbarRepondre:link,
#footerFiche .ficheToolbarRepondre:visited,
#footerFiche .ficheToolbarRepondre:hover,
#footerFiche .ficheToolbarRepondre:active {
	
}

#footerFiche .ficheToolbarRepondre:hover {
	
}



.commentaireToolbar .ficheToolbarRepondre:link,
.commentaireToolbar .ficheToolbarRepondre:visited,
.commentaireToolbar .ficheToolbarRepondre:hover,
.commentaireToolbar .ficheToolbarRepondre:active {
	background-image: url(../images/pictoArrowRight1B1.gif);
}

.commentaireToolbar .ficheToolbarRepondre:hover {
	background-image: url(../images/pictoArrowRight1A1.gif);
	background-position: right -16px;
}

.showList {
	position: relative;
	float: right;
	width: 500px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
}


.showList .ficheToolbarRepondre:link,
.showList .ficheToolbarRepondre:visited,
.showList .ficheToolbarRepondre:hover,
.showList .ficheToolbarRepondre:active {
	
}

.showList .ficheToolbarRepondre:hover;{
	
}


/* ============================================================================= */
/* =============================== CSS des commentaires =================== */
/* ============================================================================= */

.ficheListComment {
	position: relative;
	float:right;
	color:red;
	width:560px;
}

.ficheCommentaire {
	background-color: #fff0e5;
	position: relative;
	float: left;
	width:520px;
	margin-left:20px;
	margin-right:20px;
	border-style: ridge;
	border-color:rgb(191, 191, 191);
	border-width: 1px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.commentaireToolbar{
	position: relative;
	float:left;
	width:500px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;

}

.commentaireToolbar:hover{
	border-top-width: 1px;
	background-color: white;
	border-top-style: dotted;
	border-color:rgb(61, 60, 63);

}

.ficheFormulaire{
	position: relative;
	float: left;
	width:520px;
	margin-top: 15px;
	clear: left;
}



.commentaireAuteur {
	position: relative;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background-color: #96bad7;
	color:#fff;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}

.commentaireTexte {
	color:#5e5e5e;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
}

.ficheCommentaireCompact{
	position: relative;
	float: left;
	width:520px;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	margin-left: 10px;
	margin-right: 10px;
	border-style: ridge;
	border-color: #96bad7;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.ficheCommentaireCompact .ficheCommentaire{
	border:none;
	text-decoration: none;
	color:#5e5e5e;
	width:520px;
	padding:0px;
	margin: 0px;
	padding-bottom: 5px;
}

/* ================================================================================= */
/* ================================================================================= */
/* ========================= Formulaire de commenatire et validation =============== */
/* ================================================================================= */


#theForm {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width: 520px;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
}

/* NE PAS AJOUTER DE POSITIONNEMENT RELATIF, FLOAT, CLEAR (GENRERALEMENT, LAISSER TEL QUEL) */
fieldset {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #bfbfbf;
	background-color: #fff1e5;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	
}

fieldset:hover {
	border-color: #3d3c3f;
}

fieldset:hover .formSection {
	border-bottom-width: 1px;
	background-color: white;
	border-bottom-style: dotted;
}


fieldset p {
	padding: 0px;
	margin: 0px;
	color: #fc3408;
}

fieldset .formSection {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	border-top:0px;
	border-bottom: 0px;
	border-right-width: 0px;
	border-left-width: 4px;
	border-color:#3d3c3f;
	border-style: solid;
	color: #fc3408;
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 22px;
	height: 22px;
}

fieldset label {
	text-align: right;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: 0px;
	width: 120px;
	padding: 0px;
	color:#3d3c3f;;
	font-size: 11px;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */	
}

fieldset input {
	color: #093323;
	font-size: 11px;
	width: 380px;
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
	background-color: white;
}

fieldset#autresSection,
fieldset#confirmationSection {
	font-size: 11px;
}
#chkLabel {
}

#chkInput {
	width: 100px;
}
#comInput{
	width:500px;
	height: 80px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 12px;
	font-size: 12px;
}

#confirmationSection {
	color:#3d3c3f;
}

#confirmationSection img {
	margin-top: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	float: left;					/* ---------- NE PAS MODIFIER ---------- */
}

#confirmationSection .treeTextQuestion {
	float: left;
	position: relative;
	padding-left: 22px;
}

#confirmationSection .component{
	width:50px;
}

#confirmationSection .chkLabel {
	position: relative;
	float:left;
	clear: none;
}

#submitSection {
	
}


fieldset#submitSection {
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	height: 45px;
	margin: 0px;
	width: 520px;
	float: right;
	background-color: #fff;
	border: none;
	position: relative;				/* ---------- NE PAS MODIFIER ---------- */
}

#submitSection .formMandatory,
#submitSection .textMandatory {
	top: 10px;
	left: 20px;
	position: absolute;
}

#submitSection .textMandatory {
	left:30px;
}

#submitSection p {
	width:150px;
}

.textMandatory {
	font-weight: normal;
	left: 20px;
}

fieldset#submitSection label {
	display: none;
}

#submitInput {
	color: #454545;
	border-width: 0px;
	border-style: none;
	top: 10px;
	right: 10px;
	margin: 0px;
	padding: 0px;	
	font-weight: bold;
	text-align: center;
	width: 85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
	cursor: pointer;				/* ---------- SI BOUTON PERSONNALISÉ---------- */					
	position: absolute;				/* ---------- NE PAS MODIFIER ---------- */					
}

#submitInput:hover {
	background-position: 0px -20px;
}


#submitInput:active {
	background-position: 0px -40px;
}


#msgCommandSection {
	background-color:#fff1e5;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-color:#bfbfbf;
	border-style: solid;
	
}

#msgCommandTitle {
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 16px;
	color:#ff7200 ;
	background-color:#fff1e5;
	height: 16px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;	
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

#msgCommandText {
	width: 420px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.loginComponent {
	color: #554125;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	right: 10px;
	float: right;
	position: relative;	
	border-width: 0px;
	border-style: none;
	padding: 0px;	
	font-weight: bold;
	text-align: center;
	background-position: right;
	width: 85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
	cursor: pointer;				/* ---------- SI BOUTON PERSONNALISÉ---------- */
}


.loginComponent:hover {
	background-position: 0px -20px;
}

.loginComponent:active {
	background-position: 0px -40px;
}

#retourFicheToolbar{
	position: relative;
	float: left;
	padding: 0px;
	margin-left: 200px;
	margin-top: 10px;
}

#retourFicheToolbar:link{
	color: #454545;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	width:85px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 0px;
	height: 20px;
}

#retourFicheToolbar:hover{
	background-position: 0px -20px;
}

#retourFicheToolbar:active{
	background-position: 0px -40px;
}


/* ================================================================================= */
/* ================================================================================= */
/* ========================= texte de confirmation ================================= */
/* ================================================================================= */

#placementValidation{
	padding: 0px;
	margin: 0px;
	padding-left:20px;
	padding-top: 20px;
	width: 540px;
	background-color:#fff1e5;
}

#placementValidation .ficheTitre{
	padding: 0px;
	color:#fd3400;
	
}

#placementValidation .ficheTexte{

}

#placementValidation .ficheToolbar{

}
.hideList {
	position: relative;
	float: left;
}

.hideList .ficheToolbarRepondre:link{
	color: #454545;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	width:85px;
	padding-left: 200px;
	background-image: url(../images/buttonLogin.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 200px 0px;
	height: 20px;
}

.hideList .ficheToolbarRepondre:hover {
	background-position: 200px -20px;
}


.hideList .ficheToolbarRepondre:active {
	background-position: 200px -40px;
}

/* ================================================================================= */
/* ================================================================================= */
/* =================================== SYSTEM BAR ========================================= */
/* ================================================================================= */
/* ================================================================================= */

#pageSystemBarPlacementTop {
	right: 0px;
	padding: 0px;
	margin: 0px;
	height: 30px;
	bottom: 0px;
	position: absolute;
}

#pageSystemBar {
	margin-top: 0px;
	margin-right: 25px;
	height: 20px;
	float: right;
	position: relative;
	margin-bottom: 10px;
}

.textPageSystemBar {
	margin-right: 10px;
	line-height: 20px;
	float: left;
	position: relative;
	display: none;
}

span.pageSystemBar {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-top: 0px;
	line-height: 20px;
	text-align: center;
	float: left;
	position: relative;
	padding: 0px;
	border-color: #ff7200;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	height: 20px;
	width: 20px;
	color:#7395b2;
}

a.pageSystemBar:link,
a.pageSystemBar:visited,
a.pageSystemBar:hover,
a.pageSystemBar:active {
	padding: 0px;
	margin-right: 2px;
	margin-left: 2px;
	color: #fd3400;
	line-height: 20px;
	text-align: center;
	float: left;
	position: relative;
	border-color: #7395b2;
	border-style: solid;
	border-width: 1px;
	height: 20px;
	width: 20px;
	background-color: #fcfcfc;
	text-decoration: none;
	
}

a.pageSystemBar:hover {
	background-color: #dddada
}