body {
	background: #CCFFCC;
	behavior: url(csshover.htc);
}

#page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#conteneur {
	display:block;
	float:left;
	background:#FFFFFF url(graphisme/fond_CIEJ.jpg) no-repeat left top;
	width: 900px;
	border: 1px solid #02A281;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
}

#conteneur #contenu {
	float: left;
	width: 100%;
}

#entete {
	float: left;
	display: block;
	width: 900px;
	border: none;
}

#article {
margin : 10px;
float: left;
display: block;
width: 680px;
}

#niveau {
	margin : 10px;
	float: right;
	display: block;
	width: 150px;
	border: 1px solid #02A281;
	padding: 10px;
}
#niveau p {
text-indent : 10px;
}
#niveau ul {
margin-left : -15px;
}

#intro {
display: block;
float: right;
}

#cal-intro {
display: block;
float: left;
width: 400px;
}

#actualites {
	display: block;
	float: left;
	width: 380px;
	border: 1px solid #99CC33;
	margin-top : 20px;
	padding-left:10px;
	padding-right:10px;
}

#pied {
float: left;
display: block;
width: 900px;
text-align: center;
}

#contenu {
display:block;
float:left;
width:700px;
	/* width: 500px;*/
}

table.spip {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }

/* Typo pour le contenu */
h1.montitre {
	color: #02A281;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

h3.spip {
	color: #02A281;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center; }
	
.soustitre {
	margin-bottom: 1.5em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #333333;
}

.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
}

.texte {
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}


h4.spip {
	font-size: 12px;
	color: #009933;
	text-align: left;
	font-weight: bold;

}

h5.spip {
	color: #77B800;
	text-align: left;
	font-weight: bold;
	font-size: 12px;

}

.caractencadre-spip {
	color: #FE5A00;
}

.texteencadre-spip {
	color: #FFFFFF;
	background-color: #009933;
	display: block;
	width: 100%;
	padding: 5px;
}

.titre-actu a, .titre-actu a:hover, titre-actu  {
	color: #FE5A00;
	text-align:center;
	font-size:13px;
	font-variant:small-caps;
	padding-top:5px;
}
/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart,.formulaire_spip {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }



/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif; }





/* Styles du contenu cadre orange */


#chemin {
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 20px;
}

#chemin a{
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}

#chemin a:hover{
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}


.spip_doc_titre {
font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	text-align: center;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: right; height: 25px; }
.formulaire_recherche label { display: none; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a {
	text-decoration: underline;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} /* PERSO */
a:hover {
	text-decoration: underline;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} /* PERSO - survol */
a.spip_out {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}


/* pour le formulaire recherche */
.formulaire {
	color: black;
	margin: 8px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

div#menu {
float: left;
display: block;
width: 170px;
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color:#ffffff;
border:0px;
list-style:none;
background-color:#02A281;
}

div#menu ul {
display:block;
float:left; 
padding: 0; width: 170px; margin:0px; background: #02A281;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #99CC33;}
div#menu li.sousmenu:hover {background: #99CC33;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {
float: left;
}

div#menu ul li {position:relative; list-style: none;}
div#menu ul ul {position: absolute; top: 0px; left: 168px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc rČajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; width:170px; color:#ffffff;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4,
div#menu ul.niveau4 li.sousmenu:hover ul.niveau5 {display:block;}

div#menu ul.niveau1 li.sousmenu ul.niveau2, 
div#menu ul.niveau2 li.sousmenu ul.niveau3,
div#menu ul.niveau3 li.sousmenu ul.niveau4,
div#menu ul.niveau4 li.sousmenu ul.niveau5 {display:none;}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { font-weight: normal; font-size: 0.8em; margin-left: auto; margin-right: auto; }