body
{
	margin: 0;
	padding: 0;
	font: 13px/1.3 Arial, Helvetica, sans-serif;
	background: #FDC13F url(fond.gif) repeat-x;
	color: #2C2C2C;
	text-align: center;
}

#container
{
	text-align: left;
	margin: 0 auto;
	width: 920px;
}

img { border: none; }



/* --- En-tete --- */
#entete
{
	float: left;
	width: 100%;
	height: 170px;
}

#entete h1
{
	margin: 0;
	padding: 35px 0 0;
	float: left;
	width: 180px;
}

#entete h1 img { display: block; }

#entete ul {
	margin: 0px;
	padding: 50px 0px 0px;
	list-style-type: none;
}

#entete li {
	width: 77px;
	display: inline;
	float: left;
	background-image: url(globe.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 50px;
	font-size: 12px;
	margin-left: 10px;
	line-height: 14px;
}

#entete a
{
	color: #000000;
	text-decoration: none;
}
#entete a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#entete a:visited
{
}




/* --- menu-haut --- */
#menu-haut
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	clear: both;
	width: 100%;
	line-height: 25px;
}

#menu-haut li {
		float: left;

}

#menu-haut li a
{
	display: block;
	float: left;
	padding: 0em 0px 0em 10px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	line-height: 34px;
	background: #FF9900 url(menu-gauche-off.gif) no-repeat left bottom;
	margin-right: 1px;
	white-space: nowrap;
}
#menu-haut li a span
{
	background: #FF9900 url(menu-droit-off.gif) no-repeat right bottom;
	line-height: 34px;
		display:block;
		padding-right:10px;

}



#menu-haut li a:hover {
	background: #0095D4;
	color: #FFFFFF;
	background: #0095D4 url(menu-gauche-on.gif) no-repeat left bottom;

}
#menu-haut li a:hover span
{
	background: #0095D4;
	color: #FFFFFF;
	background: #0095D4 url(menu-droit-on.gif) no-repeat right bottom;
}

#menu-haut li#active a {
	background: #0095D4;
	color: #FFFFFF;
	background: #0095D4 url(menu-gauche-on.gif) no-repeat left bottom;

}
#menu-haut li#active a span
{
	background: #0095D4;
	color: #FFFFFF;
	background: #0095D4 url(menu-droit-on.gif) no-repeat right bottom;
}




/* --- sous-menu STYLES --- */
#sous-menu
{
	width: 220px;
	float: left;
	padding-top: 20px;
}

#sous-menu a
{
	color: #000000;
	text-decoration: none;
	
}
#sous-menu a:hover
{
	color: #FFFFFF;
	
}
#sous-menu li.on a
{
	color: #FFFFFF;
	
}



#sous-menu ul
{
	margin: 5px 0 0;
	padding: 0;
	list-style-type: none;
}

#sous-menu ul li
{
	margin-bottom: 1px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px 30px 10px 20px;
	margin-right: 0px;
	border-bottom: 0px solid #FDE3A4;
	background: url(punaise.gif) no-repeat left 3px;
}
#sous-menu ul li ul
{
}
#sous-menu ul li ul li
{
	border-bottom-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(puce-noir.png) no-repeat 0px 6px;
	padding-left: 13px;
}
#sous-menu ul li ul li a
{
	font-weight: normal;
	color: #000000;
}
#sous-menu ul li ul li a:hover
{
	text-decoration: underline;
}

/* --- contenu STYLES --- */

#contenucontainer
{
	clear: both;
	padding: 0em 0em 2em;
	background: #FDC13F;
	margin: 0px;
}



#chemin
{
	margin-left: 0px;
	clear: both;
	font-size: 12px;
	margin-bottom: 0em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	color: #000000;
}
#chemin a
{
	color: #FF6600;
	padding-right: 3px;
	padding-left: 3px;
}
#chemin a:hover
{
	color: #000000;
}

#contenu
{
	margin-left: 230px;
	padding: 0em 0em 2em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #FFFFFF url(fond-contenu4.jpg) repeat-y left 17px;
	
}



#contenu h1
{
	margin: 0 0em 1em 0;
	font-weight: normal;
	font-size: 22px;
	color: #FF6600;
	background: url(fond-h1-5.jpg) no-repeat left top;
	padding: 60px 75px 7px 70px;
	line-height: 27px;
}

#texte{
	padding-right: 30px;
	padding-left: 70px;
}

#contenu h2
{
	margin: 0 0px 1em 0px;
	font-weight: normal;
	font-size: 15px;
	color: #666666;
	padding-bottom: 5px;
	border-bottom: 1px solid #e9e9e9;
}

#contenu h3
{
	margin: 1em 0 0.8em;
	font-size: 15px;
	font-weight: normal;
	color: #FF6600;
	line-height: 18px;
}

#contenu p
{
	line-height: 140%;
	margin-top: 0;
}
#contenu li
{
		margin-bottom: .5em;
}
#contenu a
{
	color: #0860A8;
}
#contenu a:hover
{
	color: #FF6600;
}

blockquote {
	background-image: url(quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 50px;
	margin-left: 20px;
	padding-left: 30px;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 20px;
	text-indent: 0px;
	padding-top: 0px;
}

/* --- Liste des articles --- */
#articles
{
	
}

#articles h2
{
	font-weight: normal;
	font-size: 120%;
	margin: 0;
	color: #95A8AD;
}

#articles ul
{
	margin: .5em 0 0;
	padding: 0;
	list-style-type: none;
}

#articles ul li
{
	background: url(carre3.png) no-repeat 0 4px;
	padding-left: 18px;
	margin-bottom: 0.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.7em;
	font-size: 14px;
}
#documents li {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
#documents ul {
	margin-left: 0px;
	padding-left: 10px;
	border-left: 5px solid #CCCCCC;
}

/* Pour page d'accueil --- */

#contenucontainer-accueil
{
	clear: both;
	padding: 0em;
	margin: 0px;
	background: left 0px;
	border-top: 20px solid #FDC140;
}

#contenu-accueil
{
	margin-left: 220px;
	padding: 0em 0em 0.5em 0px;
	
}
#bloc{
	height: 215px;
	background: url(ombre-accueil2.jpg) no-repeat right bottom;
	padding-left: 15px;
	margin-bottom: 10px;
}
#contenu-accueil a
{
	color: #0860A8;
	display: block;
	padding: 2px;
	text-decoration: none;
	line-height: 15px;
	
}
#contenu-accueil .accueil img {
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
	margin-bottom: 2px;
}
#contenu-accueil a:hover
{
	text-decoration: none;
	background: #FFFFFF;  
	color: #000000;
	
}

.accueil {
	float: left;
	width: 120px;
	text-align: center;
	margin-right: 10px;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	exheight: 130px;
}
#contenu-accueil  h4
{
	margin: 0px 0px 15px;
	padding: 15px 0px 0px 7px;
	font-size: 20px;
	line-height: 17px;
	font-weight: normal;
}
.formation{
	color: #FF6600;

}
.ressources{
	color: #993300;
}
.projets{
	color: #CC0000;
}

/* --- sous-menu STYLES --- */
#sous-menu-accueil
{
	width: 200px;
	float: left;
}



#une{
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	text-align: center;
	background: #FFFFFF;
	line-height: 15px;
	border: 1px solid #FF6600;
}
#une p{
	margin:0;
	padding: 0px 10px;
}
#une h1 {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: normal;
	margin: 0px 0px 10px;
	padding: 3px;
	background: #FF6600;
}

#une img{
	border: 1px solid #D45603;
	margin-bottom: 5px;
}
#une a{
	color: #D45603;
	text-decoration: none;
}
#une a:hover{
	color: #000000;
	text-decoration:none;
}

#actu{
	margin-right: 0px;
	border: 1px solid #FFFFFF;
	padding: 10px;
	margin-bottom: 15px;
}
#actu h1{
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#actu ul{
	list-style: square;
	margin: 10px 0px 0px 15px;
	padding: 0px;
	line-height: 17px;
	color: #CC3300;
}
#actu li{
	background: url(none);
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}
#actu a{
	color: #CC3300;
	text-decoration:none;
}
#actu a:hover{
	color: #000000;
}

#liens a
{
	color: #000000;
	text-decoration: none;
	
}
#liens a:hover
{
	color: #FFFFFF;
	
}
#liens li.on a
{
	color: #FFFFFF;
	
}



#liens ul
{
	margin: 5px 0 0;
	padding: 0;
	list-style-type: none;
}

#liens ul li
{
	margin-bottom: 1px;
	line-height: 14px;
	font-weight: bold;
	padding: 7px 30px 7px 20px;
	margin-right: 0px;
	border-bottom: 0px solid #FDE3A4;
	background: url(punaise.gif) no-repeat left 3px;
}

/* --- PIED --- */
#piedcontainer
{
	clear: both;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}

#pied
{
	width: 920px;
	font-size: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#pied p
{
	padding-top: 15px;
		text-align: right;

	margin:0;
	
}
#pied a {
	color: #FF3300;
}
#pied a:hover {
	color: #000000;
}

.logos {
	float: left;
	width: 200px;
}

.logos img{
	margin-right: 10px;
}


/* --- CLASSES --- */

.descriptif {
	display:block;
	color: #777777;
	font-size: 13px;
}


.actus
{
	padding-left: 14px;
	background-image: url(puce-article.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}



.plus
{
	padding-left: 14px;
	margin: 0;
	background-image: url(plus.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

.suite
{
	padding-left: 14px;
	margin: 0;
	background-image: url(puce.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}
.date
{
	padding-left: 14px;
	margin: 0;
	color: #999999;
	text-align: right;
}


/* Images */

.spip_documents_right {
	margin-left:10px;
	margin-bottom:5px;
}

.spip_documents_left {
	margin-right:10px;
	margin-bottom:5px;
}
.spip_documents_center img{
	display:block;
	margin:0px auto 10px;
}


dt  {

}
dt img:hover{
}
dt strong{
	font-weight: normal;
	color: #FF6600;
}
dl.spip_documents img {
	border:0;
}




/* Tableau */



#texte  table{
	border-collapse:collapse;
	margin: 1em 0px;
}

#texte td {
	vertical-align:top;
	padding:3px 5px;
	border:1px solid #FFFFCC;
	font-weight:normal;
}

#texte th {
	vertical-align:top;
	padding:3px 5px;
	border:1px solid #FFFFCC;
	background: #FFCC00;
	color: #990000;
	margin: 0px;
}

.row_even {
	background-color:#FFDF89;
}
.row_odd {
	background: #FFEEB4;
}


/* Recherche Spinoo*/

#recherche input{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #E18700;
		margin-top: 11px;
}

.recherche{
	width: 165px;
	padding: 5px 3px 5px 30px;
	background: #FFFFFF url(spinoo.png) no-repeat 5px center;
}

form {
padding:0;
margin:0;
}


/* Recherche Spip*/

#formulaire_recherche input{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #E18700;
		margin-top: 11px;
			width: 165px;
	padding: 5px 3px 5px 30px;
	background: #FFFFFF url(search.png) no-repeat 5px center;

}
#formulaire_recherche label{
	display:none;
}
#formulaire_recherche .submit{
	display:none;
}
#formulaire_recherche input.texte{
}

/*
- - - 
*/






/* Recherche Spip*/

#formulaire_login ul{
}
#formulaire_login li{
list-style:none;
}

#formulaire_login input#var_login{
display:block;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #E18700;
	width: 200px;
	padding: 5px 3px 5px 3px;
}
#formulaire_login input#password{
display:block;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #E18700;
	width: 200px;
	padding: 5px 3px 5px 3px;
}
#formulaire_login .details{
display:none;
}
#formulaire_login #pass_securise{
display:none;
}
.bugajaxie{
display:none;
}
.imprime {
float: right;
padding-top: 30px;
padding-right:10px;
	
}