@charset "UTF-8";

body {
	text-align:		center;
	margin:			0;
	padding:		0;
	color:			#57595b;
	font-family:	Arial, Helvetica, sans-serif;
	background: 	#a3af22 url(../icono/bkg.jpg) repeat-x; }

form {
	margin:			0;
	padding:		0; }

#page {
	width:			980px;
	margin:			0 auto 0 auto;
	text-align:		left;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

a {
	color:		#57595b;
	text-decoration:none; }

a:hover {
	text-decoration: underline; }

a img {
	border:			0; }

#fil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#57595b; }

#fil a {
	color:#57595b; }

/*
 * Top One
 ************************************/
#topOne {
	overflow:		hidden;
	zoom:			1;
	height:			72px; }

/* Top One Col1 */
#topOne .col1 {
	float:			left;
	width:			615px; }

#topOne .col1 .logoFO {
	float:			left;
	width:			80px;
	margin:			10px 0 0 20px; }

#topOne .col1 .desc {
	margin:			20px 0 0 100px;}

#topOne .col1 .desc b {
	text-transform:	uppercase;
	font-size:		14px;
	color:			#57595b;}

#topOne .col1 .desc span {
	font-size:		11px;
	color:			#000000;}

/* Top One Col2 */
#topOne .col2 {
	float:			left;
	width:			365px; }

/* Top One Col2 Rechercher*/
#topOne .col2 .rechercher {
	overflow:		hidden;
	zoom:			1;
	margin:			10px 0 0 65px;
	background:		#f1f4eb; }

#topOne .col2 .forml {
	background:		#ffffff url(../icono/rechercherLoup.jpg) no-repeat top left;
	padding:		2px 0 0 23px;
	margin:			15px 0 15px 15px;
	height:			16px;
	width:			199px;
	float:			left;
	display:		block;
	border-bottom:	1px solid #d4d0c8;
	border-right:	1px solid #d4d0c8;}

#topOne .col2 .fomrOk {
	float:			left;
	margin:			10px 15px 0 5px;
	display:		block; }

/*
 * Top Two
 ************************************/
#topTwo {
	overflow:		hidden;
	zoom:			1;
	color:			#ffffff;
	margin:			20px 0 20px 38px; }

#topTwo .col1 {
	float:			left;
	width:			577px;
	overflow:		hidden;
	margin:			10px 0 0 0;
	zoom:			1; }

#topTwo .col1 .desc b {
	text-transform:uppercase;
	font-weight:	bolder;
	font-size:		14px;}

#topTwo .col2 {
	float:			left;
	width:			365px; }

#topTwo .colPtt {
	float:			left;
	width:			210px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	border-left:	2px solid #ffffff;
	margin:			13px 0 0 0;
	padding:		0 0 0 10px; }

#topTwo .telexBtn {
	margin:			10px 0 0 0;
	width:			63px;
	float:			left; }

#topTwo .telexDesc {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	margin:				0 0 0 63px;}

#topTwo .telexDesc  ul {
	margin:				0 0 0 10px;
	padding:		    0; }

#topTwo .telexDesc  li {
	list-style:			none;
	margin:				0 0 10px 0;
	padding:			0; }


/*
 * Top Two - News
 ************************************/
#news {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10px;
	height:				68px;
	overflow:			hidden;}

#news div {
	margin:				-1px 0 15px 0; }


#news div.first{
	margin-top:			0;}
	
#news p {
	font-size:			11px;
	margin-left: 		0 !important;
	margin-left: 		5px;
	display:			inline;}

#news a {
	color:				#fff; }

/*
 * Menu
 ************************************/
#menu {
	margin:			0 0 0 20px;
	width:			215px;
	background:		#fff url(../icono/menuTop.jpg) no-repeat top left;
	padding:		20px 0 0 0; }

#menu .bottom {
	margin:			5px 0 0 0;
	background:		#fff url(../icono/menuBottom.jpg) no-repeat bottom left;
	height:18px; }



/*
 * Contexte
 ************************************/
.fVerte {
	background: url(../icono/suiteVerte.jpg) no-repeat top left; }

.fRouge {
	background: url(../icono/suiteRouge.jpg) no-repeat top left; }

.fGrise {
	background: url(../icono/suiteGrise.jpg) no-repeat top left; }

.fMauve {
	background: url(../icono/suiteMauve.jpg) no-repeat top left; }



/*
 * Container
 ************************************/
#container {
	overflow:		hidden;
	zoom:			1;
	padding:		10px;
	background:		#fff url(../icono/containerTop.jpg) no-repeat top left;}

/* Col1 */
#col1 {
	margin:			18px 0 0 0;
	float:			left;
	width:			240px; }

/* Bouton  */
#col1 ul.boutons  {
	margin:			5px 0 0 17px;
	padding:		0; }


#col1 li.agenda {
	
	color:#000;
	font-size:11px;
	padding:5px 15px 5px 15px;

}

#col1 li.suite {
	display:block;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#525745;
	margin:			15px 0 0 0 !important;
	height:			16px;
	padding:	    0 0 0 20px;
	text-transform:	uppercase;
}

#col1 ul.boutons li {
	margin:			0 0 0px 0;
	list-style:		none;}

/* Col2 */
#col2 {
	margin:			30px 0 0 0;
	float:			left;
	width:			470px; }

#col2 .alaune {
	margin:			0 16px 0 11px;
	padding:		53px 0 0 13px;
	background:		#fff url(../icono/accueilAlaune.jpg) no-repeat top left; }

#col2 .alaune .content {
	background:		#e2e8d5;
	padding:		0 0 5px 0;  }

#col2 .alaune .content .cnt {
	background:		#f1f4eb;
	border:			1px solid #fff;
	padding:		18px;
	margin:			0 10px 10px 10px; }


/* Contenu Col2 */
#col2 .date {
	font-size:		12px;	
	color:			#57595b; }

#col2 .tit {
	margin:			14px 0 0 0;
	font-size:		23px;	
	color:			#d70000; }

#col2 .tit a {
	color:			#d70000; }

#col2 .intro {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		13px;	
	color:			#57595b;
	margin:			20px 0 0 0; }

#col2 .suite {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#525745;
	margin:			20px 0 0 0;
	text-transform:	uppercase; }

#col2 .suite a:hover,
#col3 .suite a:hover {
	color:			#000000; }

#col2 	.suite {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#525745;
	padding:		0 0 0 20px;
	height:			15px;
	text-transform:uppercase; }

#col2 .block {
	margin:			30px 26px 0px 30px;
	padding:		0 0 35px 0;}

#col2 .ligne {
	border-bottom:	1px solid #b1b6a4;}


/* Col2Bis */
#col2Bis {
	overflow:		hidden;
	zoom:			1;
	background-color:#fffff;
	margin: 		25px 40px 0 270px;}

#col2Bis .suite {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	padding:		0 0 0 20px;
	text-transform:	uppercase;
	height:			16px;	
	margin:			20px 0 0 0; }

#col2Bis .alaune  {
	margin: 0 0 40px 0;}

#col2Bis .alaune  img {
	margin:			0 0 20px 15px;}

#col2Bis .alaune  .tit {
	font-family:	Arial, Helvetica, sans-serif;
	margin:			30px 0 30px 20px;
	font-size:		27px;
	color:			#127376; }

#col2Bis .alaune .content {
	background:		#e2e8d5;
	padding:		10px;}

#col2Bis  .alaune .cnt {
	color:			#000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-weight:	bold;
	font-size:		13px;
	background:		#f1f4eb;
	padding:		20px;}

#col2Bis  .alaune .cnt ul {
	font-size:		11px;
	margin:			20px 0 20px 5px;
	padding:		0 0 0 20px;}

#col2Bis  .alaune .cnt ul a {
	color:			#000000; }

#col2Bis  .alaune .cnt ul li {
	list-style-image:url(../icono/puceGrise.jpg);
	margin: 		0 0 2px 0; }

#col2Bis  .block{
		
	float:			left;
	width:			295px;
	margin:			0px 15px 30px 15px; }

#col2Bis  .block .tit {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		15px;
	padding:		10px;
	color:			#127376;
	margin:			0 0 10px 0;
	background:		#eaefe1; }

#col2Bis  .block .cnt {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	padding:		15px; }

#col2Bis .pagination {
	overflow:		hidden;
	zoom:			1;
	text-align:		center;

}

#col2Bis .pagination {
	overflow:		hidden;
	zoom:			1;
	margin:			0 0 0 200px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-align:		center;}


#col2Bis .lien_pagination {
	display:		block;
	width: 			17px;
	float:			left;
	height :		18px;
	color:			#989d90;
	margin-left:	2px;
	background:		url(../icono/paginationOff.jpg);}

#col2Bis  .on {
	display:		block;
	width: 			17px;
	float:			left;
	height :		18px;
	margin-left:	2px;
	color:			#fff;
	background:		url(../icono/paginationOn.jpg);}


/*
 * Article
 ************************************/
#art {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	color:			#127376;}

#art .surArt {
	margin:			22px 0 0 0;
	border-top:		1px solid #b1b6a4;
	border-bottom:	1px solid #b1b6a4;
	background:		#ffffff;}

#art .surArt .cnt {
	font-size:		11px;
	margin:			5px 0 5px 0;
	padding:		10px 15px 10px 15px;
	background: 	#eaefe1;}

#art .container {
	text-align:		justify;
	margin:			0 20px 0 20px;}

#art .surtit {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		15px;
	margin:			0 0 10px 0;}

#art .tit {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		27px;
	margin:			10px 0 40px 0;}

#art .intro {
	font-size:		13px;
	color:			#000000;
	margin:			0 0 40px 0;}

#art .txt {
	line-height:	18px;
	font-size:		12px;}

#art .logo {
	padding:		0 0 25px 25px; }

#art .date {
	font-size:		12px;	
	color:			#57595b; }

#art .outils {
	overflow:		hidden;
	zoom:			1;
	margin:			10px 0 0 0; }

#art .outils img {
	float:			right;
	margin:			0 0 0 4px;}

/* Col3 */
#col3 {
	margin:			30px 0 0 0;
	float:			left;
	width:			250px; }

#col3 .edito {
	margin:			0 16px 0 11px;
	padding:		91px 0 0 14px;
	background:		#fff url(../icono/accueilEdito.jpg) no-repeat top left; }

#col3 .edito .content {
	background:		#e2e8d5;
	padding:		0 0 5px 0;  }

#col3 .edito .content .cnt {
	background:		#f1f4eb;
	border:			1px solid #fff;
	margin:			0 10px 10px 10px;
	padding:		10px 15px 10px 15px; }

/* Col3 */

#col3 .block {
	margin:			30px 16px 0 24px; }

#col3 .block .cnt {
	padding:		15px; }

#col3 .block .titTop {
	background:#000 url(../icono/dossierActu.jpg) no-repeat top left;
	
	padding:		29px 0 0 0;}

#col3 .block .titBottom {
	background:		#eaefe1 url(../icono/dossierActuBottom.jpg) no-repeat bottom left;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color:			#008180;
	text-transform:	uppercase;
	padding: 		2px 10px 10px 16px; }

#col3 .tit {
	font-size:		16px;
	font-weight:	bold;
	color:			#000000; }

#col3 .tit a {
	color:			#000000; }

#col3 .intro {
	margin:			16px 0 0 0;}

#col3 .cnt {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		11px;
	color:			#57595b; }

#col3 .cnt  ul {
	margin:			20px 0 0 5px;
	padding:		0 0 0 10px; }

#col3 .cnt  ul a:hover {
	color:			#000000; }

#col3 .suite {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight: 	bold;
	color:			#525745;
	padding:		0 0 0 20px;
	height:			15px;
	margin:			20px 0 0 0px;
	
	text-transform:uppercase; }

#col3 .date {
	font-size:		12px;
	font-weight:	bold;
	margin:			0 0 10px 0;}

/*
 * Footer
 ************************************/
#footer {
	padding:		27px 0 35px 19px;
	overflow:		hidden;
	zoom:			1;
	margin:			5px 0 5px 0;
	background:		#ffd200; }


#footer .boutons  {
	width:232px;
	float:left; }

#footer .boutons  ul {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:	bold;
	color:			#57595b;
	margin:			15px 0 0 20px;
	padding:		0 15px 0 12px ; }

#footer .boutons  ul a {
	color:			#57595b;}

#footer .boutons  ul li {
	list-style-image:url(../icono/puceBlanche.jpg); }


#footer .suite {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight: 	bold;
	color:			#525745;
	padding:		0 0 0 20px;
	height:			15px;
	margin:			20px 0 0 14px;
	background: #ffd200 url(../icono/suiteFootRouge.jpg) no-repeat top left;
	text-transform:uppercase; }


#footerBottom {
	background:		#ffffff; }

#footerBottom .container {
	width:			980px;
	margin:			0 auto 0 auto;
	text-align:		left;}

#footerBottom .container .cnt {
	overflow:		hidden;
	zoom:			1;
	padding:		20px 70px 35px 70px; }

#footerBottom .container .cnt .col {
	float:			left;
	width:			420px; }

#footerBottom .container .cnt .col b {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		11px;
	display:		block;
	text-align:		right;}

#footerBottom .tit {
	font-size:		14px;
	font-weight:	bold;}

#footerBottom .intro {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;

}


/*
 * Login 
 *******/
#dialog {
	display: none;}

.formulaire_login {
	text-align: left;

}
.formulaire_login fieldset {
	border: 0;
}

.formulaire_login legend {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		23px;	
	color:			#d70000; 
}

.formulaire_login ul {
	margin: 0 0 0 25px;
	padding: 0;
}

.formulaire_login li {
	list-style: none;
}

.formulaire_login label {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		16px;	
	color:			#57595b;
}

#spip_pass {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		14px;	
	color:			#d70000 !important;
}

.formulaire_login .submit {
	display: none;
}

.formulaire_login input {
	width: 80%;
	border: 1px solid #57595b;
	margin: 0 0 10px 0;
}