/*--------couleurs---------
orange : #EA8415
vert : #99CC33
vert bas gauche (de la page d'accueil) : #9DC931
vert clair droite (de la page d'accueil) : #CCE599
*/


* {margin:0; padding:0;color:#464646;text-decoration: none;}

 a:hover{text-decoration: underline;}

body {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#e4e4e4;
	color:#333;
	text-align:center;


}
a img {
	border: 0px none;
	}
ul, li {list-style:none;}

p {text-align:justify;
	line-height: 1.6em;
	margin:0 0 1.5em 1em;
 }
.clear {clear:both; height:1px;font-size:1px;visibility:hidden}

/* structure g�n�rale du site */
#conteneur, #header, #main, #pied {width:950px;}

#conteneur {
	margin: 0 auto;
	background-color: #fff;
	border:3px solid #ccc;
	text-align:left;
}
#header {
	height: 204px;
	background:url('../img/bg_header_interieur.jpg') no-repeat top center;
	position:relative;
}
#header .retouraccueil a {
	display:block;
	width:200px;
	height:100px;
}
#header .retouraccueil a span {
	display:none;
	}
#centre {width:920px;}


/* nouvelle barre d'outils contient la recherche, les langues, le izytools commun � tous les gabarits y compris en page d'accueil*/

#outils {position:relative;width:749px;height:38px;float:left;}

#main {
	clear:left;
}
#conteneur>#main {
	height: auto;
}



#search fieldset {
	border:none;
	margin:0;
	padding:0;
	}
#search label {
	color:#fff;
	display:block;
	font-weight: bold;
	margin-left:5px;
	}
#search input {
	background:#fff;
	border:1px solid #EA8415;
	margin-left:5px;
	}
#search input#fieldSearch {
	width:130px;
	color:#EA8415;
	font-size:.9em;
	}
#search input.submit, input.submit {
	color:#fff;
	background-color: #EA8415;
	border:1px solid #EA8415;
	font-weight:bold;
	padding:0;
	}

/* le fil d'ariane est le seul � rester dans le header avec le retour accueil - ne concerne que les pages int�rieures */
#ariane {
	font-size:.8em;
	line-height: 18px;
	height:25px;
	width:500px;
	padding-left:1em;
	margin-top:60px;
	margin-left:210px;
	position:absolute;
	bottom:0;

	}

#ariane li a {
	color:#333;
	}
#ariane li {
	list-style: none;
	display:inline;
	font-size:.9em;
	}


#centre {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	background-color:transparent ;
	margin-left:10px;
	color:#000;
	font-size:.85em;


}

#centre h1 {
	font-size:1.5em;
	color:#99CC33;
	line-height: 1em;
	margin-bottom:1em;
	padding-left:11px;
	background:url('../img/bg_h1.gif') repeat-y top left;
	width:600px;
	}
#centre h1 span {
	font-size:.8em;
	display:block;
	}
#centre h2 {
	font-size:1.05em;
	background:url('../img/bg_h2.gif') no-repeat top left;
	overflow:auto;
	line-height:20px;
	margin:0 0 .5em;
	padding-left:15px;
	padding-bottom:.3em;
	color:#333;
	}
#centre h3 {
	font-size:1.05em;
	color:#93B003;
	font-weight:bold;
	}
#centre h3 {
	margin-left:1em;
	}
#centre h3 a {
	color:#99cc33;
	text-decoration: none;
	}
#centre h3 a:hover {
	text-decoration: underline;
	}
#centre .content {
	padding-bottom:1em;
	}


#centre ul, #centre ol {margin:0 0 1.2em 2em; overflow:auto}
#centre ul li, #centre ol li{
	text-align: justify;
	}
#centre ul li {
	/*list-style: url('../img/bg_puce.gif');*/
	background:url('../img/bg_puce.gif') no-repeat left 5px;
	padding-left:15px;
	}
#centre ol, #centre ol li {
	list-style: outside;
	list-style-type: decimal;
	}
#centre p {
	padding-right: .5em;
	}
#centre a, .infosplus a, a.backToTop {
	color:#EA8415;
	}
#centre a:hover, .infosplus a:hover, a.backToTop:hover {
	text-decoration: underline;
	color:#555;
	}
/** Image du contenu **/
#centre .csc-textpic-intext-right dl, #centre .csc-textpic-intext-left dl {
		}
#centre .csc-textpic-intext-right .csc-textpic-imagewrap {
	border-left:5px solid #EA8415;
	padding-left:5px;
}
#centre .csc-textpic-intext-left .csc-textpic-imagewrap {
	border-right:5px solid #EA8415;
	padding-right:5px;
}
#centre ul.onglet {
	clear:both;margin-left:5px;
	margin-top:10px;
	text-align:center;
	}
#centre ul.onglet li {background:none;display:inline; padding:0;line-height:20px;border-right:1px solid #99CC33}
#centre ul.onglet li a { font-weight:bold; text-decoration:none;padding:0 15px;}
#centre ul.onglet li a.active {color:#EA8415}
.csc-textpic-imagewrap img {padding-bottom:2px;}

#pied {
	text-align: center;
	margin-top:0;
	padding-top:0;
	padding-bottom:.5em;
	background:#e4a70e url('../img/bg_pied.gif') no-repeat top left;
	color:#fff;
	clear:both;
	font-size:.85em;
}
#pied a {
	color:#fff;
	}
#pied a:hover {
	color:#394b14;
	}
#pied p {
	text-align:center;
	margin-bottom:.2em;
	float:left;
	margin-top:.3em;
	margin-left:140px;
	}
#pied div.novaldi {
	float:left;
	margin-left:.5em;
	margin-top:.3em;
	}
#pied ul.footer {
	text-align: right;
	padding-top:5px;
	margin-right: .2em;
}
#pied ul li {
display:inline;
}
#pied ul.footer li a {
	text-decoration:none;
	}

/*----------- les classes g�n�rales ----------------*/
.illustration, .news-single-img {
	float:left;
	margin:0.5em 1em 0.5em 1em;
	border-right:5px solid #fc9b00;
	padding-right:5px;
}
p.plus, p.suite {
	text-align: right;
	}
p.plus a, p.suite a {
	color:#fb38a1;
	background:url('../img/bg_more.gif') no-repeat left;
	padding-left:20px;
	}
#main p.suite a {
	padding-left:20px;
}
p.plus a:hover, p.suite a:hover {
	text-decoration: none;
	}
p.suite a {
	background-image: url('../img/bg_suite.gif');
	}

.illustr-dossier {
	text-align: center;
	}
.illustr-dossier img {
	border:1px solid #a1c2d1;
	}

/*--------- que vient faire le menudroit ici ??? -------------*/
.menudroit {
	list-style-type: none;
	margin: 0;
	margin-top:5px;
	padding:0;
}
.menudroit li {
margin-bottom: 5px;
padding-top:3px;
padding-bottom:3px;
}
.menudroit a {
	margin: 0 2px;
	display:block;
	color: #000000;
	text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}


a.linkout, a.linkout_new {
	background:url('../img/external.gif') no-repeat right;
	padding-right: 1em;
}
a.linkout:hover, a.linkout_new:hover {
	background-image:url('../img/external_h.gif');
	}
a.mail {
	background:url('../img/email.gif') no-repeat right;
	padding-right: 20px;
	}


#main p.backToTop {
	padding-bottom:1em;
	padding:0;
	padding-top:0;
	margin-top:1em;
	position:absolute;
	bottom:30px;
	z-index: 1000000;
}
#main p.backToTop a{
	background:#fff url('../img/bg_backtotop.gif') no-repeat 0px 5px;
	padding-left:10px;
	color:#fb38a1;
}
.encart, .infosup {
	background:#edf1f9;
	border:1px solid #ccc;
	padding:.5em;
	margin-left:1em;
}
.infosup dl {
	padding-top:0;
	margin-top:0;
	}
ul.encart {
	padding-left:2em;
	}
.accroche {
	padding:.5em 0;
	font-weight:bold;
	color:#555;
	}
ul li, ol li {
	margin-top:.5em;
}


.fileinfo {
	font-size:.9em;
	color:#333;
}
.telecharger {
	background:#eee url('../img/bg_download.gif') no-repeat 5px;
	border:1px solid #9bcc35;
	padding:.5em;
	padding-left:2em;
}
.telecharger-liste {
	border:1px solid #9bcc35;
	padding:.5em;
	padding-left:2em;
}
.telecharger-liste a{
	background:#eee url('../img/bg_download.gif') no-repeat 5px;

}
/*----------------- le contenu de outils : langues, search, izytools ------------------------*/
#outils #langues {
	position:absolute;
	top:4px;
	left:500px;
}
#outils #langues li {
	display:inline;
	margin:0 .2em;
	}
#outils #search {
	text-align:left;
	position:absolute;
	top:0;
	left:556px;
	background-color:#EA8415;
	width:193px;
	}

/*** IZYTOOLBAR **/
#izytoolbar {
	position:absolute;
	bottom:-35px;
	right: 40px;
	margin:0;
	padding:0;
	list-style: none;
	z-index:500000;
}
 #izytoolbar li {
	float:left;
	margin:0 0.1em;
	list-style: none;
	width:25px;
}
#izytoolbar li a {
	cursor: pointer;
	float:left;
	width:25px;
	height: 25px;
	background: url('../img/bg_toolbar_item.gif') no-repeat;
	text-align: center;
}
#izytoolbar li a:hover {
	background-image: url('../img/bg_toolbar_item_h.gif');
	}
#izytoolbar img {
	padding-top:5px;
}
/*** ACTUALITE ***/
.actualites {
	}
.actualites h2 {
	font-size:1.4em;
	}
#centre .actualites h3, #centre .actualite h3 {
	margin:0;
	display:inline;
	font-size:1em;
	padding-left:0;
	color:#9acd34;
	clear:left;
}
.actualites span.date, .actualite span.date {
	color:#666;
	font-weight: normal;
	padding-left:8px;
	font-size: .9em;
	}
.actualite {
	border-bottom:1px dotted #999;
	margin-bottom:1em;
	}
.news-single-img a, .news-single-img img{
	margin:0;
	padding:0;
	}
.backLink a{
	background:url('../img/bg_backlink.gif') no-repeat left;
	padding-left:18px;
}
.backLink a:hover {
	background-image: url('../img/bg_backlink-h.gif');
}
.retour a{
	background:url('../img/bg_backlink.gif') no-repeat left;
	padding-left:18px;
}
.retour a:hover {
	background-image: url('../img/bg_backlink-h.gif');
}

