/*  EDM sommaire */


html {
	background-color: #FFFFFF;
}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
}
* {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
a {
	color: #657887;
	text-decoration: none;
}
a img, img {
	border: none;
}
a:hover { color: #96bf0d;}

p, p.spip {
	padding: 0;
}
#ARTICLE p, #ARTICLE p.spip {
	margin-top: 5px;
}



#CENTRAGE {
	width: 710px;
	margin-left: 0;
}

#ENTETE {
	background: #FFF url(../../images/entete.jpg) no-repeat left top;
	height :65px;
	padding-top: 15px;
	padding-left: 50px;
	font: 10px verdana;
	color: #666;
	float: left;
}
#ENTETE_SOMMAIRE {
	background: #FFF url(../../images/entete_sommaire.jpg) no-repeat left top;
	height :65px;
	padding-top: 15px;
	padding-left: 50px;
	font: 10px verdana;
	color: #666;
}

#ZONETITRE {
	display: none;
}
#CHEMIN {
	padding-top: 65px;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	text-transform: none;
	color: #484848;
	float: left;
}

#MENU {
	display: none !important;
}

#CONTENU {
	float: right;
	width: 680px;
	min-height:350px;
	height:auto !important;
	height:350px;
	padding-left: 30px;
	background: white ;
}
#COL_DROITE_SOMMAIRE {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0px;
	min-height:300px;
	height:auto !important;
	height:300px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #484848;
}
#COL_DROITE {
	float: right;
	width: 185px;
	margin: 20px 0;
	padding: 30px 5px 10px 20px;
	min-height:300px;
	height:auto !important;
	height:300px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #484848;
}
#LOGO_RUBRIQUE {
	width: 166px;
	background-color: #fdefd3;
	padding: 5px;
	margin: 0;
	color: #666;
	text-align: justify;
	font: italic normal 10px Arial, Verdana, Helvetica, sans-serif;
}
.spip_logos {
	padding: 0;
	margin: 0;
}


/*//////////////// SOMMAIRE /////////////////////////// */

#ED {
	margin-top: 80px;
	margin-left: 60px;
}
#ED a:hover {
}
#ACTIVITE_1 a{
	display:none;
}
#ACTIVITE_2 a {
	float: left;
	display: block;
	text-align: center;
	width: 73px;
	margin-top: 20px;
}
#ACTIVITE_2 a:hover {
	color: #819cad;
}
#ACTIVITE_3 a {
	float: left;
	text-align: center;
	display: block;
	width: 110px;
	margin-top: 20px;
}
#ACTIVITE_3 a:hover {
	color: #85774c;
}
#ACTIVITE_4 a {
	float: left;
	display: block;
	text-align: center;
	width: 110px;
	margin-top: 20px;
}
#ACTIVITE_4 a:hover {
	color: #957bb3;
}
#ACTIVITE_5 a {
	float: left;
	display: block;
	text-align: right;
	width: 80px;
	margin-top: 20px;
}
#ACTIVITE_5 a:hover {
	color: #325671;
}
#ACTIVITE_6 a {
	float: left;
	display: block;
	text-align: center;
	width: 80px;
}
#ACTIVITE_6 a:hover {
}

/*#bloc_E_D_mediterranee {
	background: #ebe7f5 url(../../images/bloc_edm.jpg) top no-repeat;
	width: 124px;
	height: 83px;
	float: left;
	margin: 0 50px 30px 60px;
}
#bloc_Formation {
	background: #ebf2d2 url(../../images/bloc_formation.jpg) top no-repeat;
	width: 124px;
	height: 83px;
	float: left;
	margin: 0 50px 30px 20px;
}
#bloc_Recrutement {
	background: #e8f0f6 url(../../images/bloc_recrutement.jpg) top no-repeat;
	width: 124px;
	height: 83px;
	float: left;
	margin: 0 50px 0 60px;
}
#bloc_Helioscopie {
	background: #f4eddb url(../../images/bloc_helioscopie.jpg) top no-repeat;
	width: 124px;
	height: 83px;
	float: left;
	margin: 0 50px 0 20px;
}

a span.titre_bloc {
	color: white;
	display: block;
	text-align: center;
	font: small-caps 13px Arial, Verdana, Helvetica, sans-serif;
	padding-top: 5px;
}
a span.texte_bloc {
	display: block;
	color: #444;
	text-align: center;
}
a:hover span.titre_bloc, a:hover span.texte_bloc {
	color: #452D79;
}
*/

#CONTENUTEXTE {
	float: left;
	width: 470px;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #484848;
}
#SOMMAIRE {
	background: url(../../images/fond_sommaire.gif) right top no-repeat;
	color: #452e7a;
	width: 360px;
	padding: 0 30px;
	height: 108px;
	margin: 0;
	font-size: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 10px;
}


/*/////// PIED PAGE //////// */
#PIEDDEPAGE {
	clear: both;
	width: 930px;
	background: transparent url(../../images/pieddepage.gif) left top no-repeat;
	padding:30px 0 10px 50px;
	height: 130px;
	font: 9px Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
}
#PIEDDEPAGE a {	color: #91c7e2;}
#PIEDDEPAGE a:hover {	color: #FF6600;}

#CONTACT {
	width: 150px;
	height: 17px;
	float: right;
	text-align: center;
	padding-top: 4px;
	background: transparent url(../../images/contact.gif) no-repeat;
}
#LIENS {
	margin-left: 310px;
	font: small-caps 12px Arial, Verdana, Helvetica, sans-serif;
}
#NT {
	background: transparent url(../../images/nt.gif) center no-repeat;
	width: 45px;
	height: 15px;
	float: right;
	margin-top: 0px;
}

.soustitreArticle {
	font: bold 13px Arial, Verdana, Helvetica, sans-serif;
	color : #555;
}
#ENCART {
	float: right;
	margin: 5px 0 10px 10px; ;
	text-align: left;
}
#ENCART img, #ENCART a img { 
}
#ENCART a:hover img { 
}

#OUTILS a:hover { 
	margin: 0px; 
}


#OUTILS {
	width: 45px;
	text-align: left;
	float: right;
	margin-top: 5px;
}

a:hover span.survol {
	display: block;
	position: absolute;
	top: auto;
	left: auto;
	width: 170px;
	padding: 5px;
	margin-top:20px;
	margin-left:0px;
	z-index: 100;
	text-decoration: none;
	color: #333;
	background-color: #F2F2F2;
	border: solid 1px #C0C0C0;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	cursor:pointer;
}


#CHAPEAU {
	font: bold 11px verdana;
	color: #666;
	margin: 15px 0;
}

#ARTICLETEXTE {
	color: #484848;
}

#ARTICLETEXTE ul li {
	margin-top: 1px;
	margin-left: 0px;
	list-style-image:url(../../images/textepuce.gif);
}
#ARTICLETEXTE ul li ul li {
	margin-top: 1px;
	list-style-image:url(../../images/puce.gif);
}
#ARTICLETEXTE ul li ul li ul li {
	margin-top: 1px;
	list-style-image:url(../../images/fleche.gif);
	padding-right: 10px;
	margin-right: 10px;
}



.Texte {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
}
.fonce {
	color: #222;
}
.normal {
	color: #484848;
}

.survol {
	display: none;
}




/*   ///////////// STYLES SPIP ///////////////// */

div.logo_document a {
	float: left;
	margin-right: 5px;
	border-right:1px solid #BBB;
}
div.logo_document a:hover {
	border-right:1px solid red;
	cursor: pointer;
}

/*/////// RECHERCHE //////// */
#RECHERCHE {
	color: #632c2e;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	margin-bottom: 30px;
	padding: 40px 0 0 0;
}
#RECHERCHE input.text {
	height: 13px;
	width: 135px;
	padding-left: 15px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	margin-right: 11px;
	background: #FFF url(../../images/fleche.gif) 5px center no-repeat;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#RECHERCHE input.submit {
	width: 60px;
	cursor: pointer;
	background: #FFF url(../../images/statut.jpg) bottom left no-repeat;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
}

.rechercheTitre {
	border-bottom: 1px solid orange;
	margin: 10px 0;
}
ul.liste-articles, ul.liste-rubriques {
	list-style: url(../../images/sousmenu_puce.gif) inside;
	margin: 0;
	padding: 0;
}

/*/////// PLAN menu //////// */
#PLAN {
	border-bottom: 1px solid #CCC;
	padding-left: 40px;
	background: transparent url(../../images/puceplan.gif) 35px 6px no-repeat;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	width: 80px;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 50px;
}

/* //////////// DOCUMENTS //////////////*/

.spip_documents {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	margin-bottom:15px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	width: auto;
}
.spip_documents_center {
	clear: both;
	width: 100%;
}
.spip_documents_left { 
	margin-right: 20px;
}
.spip_documents_right { 
	margin-left: 20px;
}

.spip_doc_titre {
	font-size: 9px;
	font-weight: bold; 
	margin-left: auto;
	margin-right: auto;
}
.spip_doc_descriptif {
	font-size: 9px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
.spip_puce {
	list-style-position: inside;
}

/* ///////////////// SPIP BARRE de raccourcis TYPOgraphiques ///////////////// */

table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #c9c2c2;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; border-bottom: 1px solid gray; }

/*  ------------------------------------------
/*  Habillage des FORUMS
/*  ------------------------------------------ */

.Titre {
	color: gray;
	font: italic 14px Arial;
}
.texteForum {
	padding: 2px 2px 12px 5px;
}
.reponse {
	padding-left: 5px;
}
.texteForumReponse {
	padding: 2px 2px 4px 25px;
}
.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 1em;
	padding-top: 2px;
	border-top: 1px solid #CCC;
	font-size: 0.9em;
	font-weight: bold; 
}
.form_forum {
	width: 400px;
}
/* * Habillage des forums */
ul.forum-total {
	width:100%;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
li.forum {
	list-style-image: none;
}

.forum-fil {
	margin-top: 0em;
	border: 1px solid #CCC;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { 
	display: block;
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	font-size:11px;
	color: #bd2121; 
}
.forum-chapo a { color: #af7777;}
.forum-chapo a:hover { color: #bd2121;}

.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.9em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }
.repondre, .repondre a {
	font: italic 10px Arial, Verdana, Helvetica, sans-serif;
	color: #af7777;
	text-align: right;
	padding: 3px;
}
.repondre a:hover {
	color: #bd2121;
}

/*  B O I T E   D E  M E S S A G E  */

/* Boite de titre d'un forum : mise en couleur DE + EN + claire selon la profondeur du forum */
ul .forum-chapo { 
	font-weight:bold;
	border-top: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #DEDEDE;
	margin: 0;
	padding: 3px 6px 2px 6px;
}
ul ul .forum-chapo { font-weight:normal; }
ul ul ul .forum-chapo { font-weight:normal;  }
ul ul ul ul .forum-chapo {font-weight:normal;}
ul ul ul ul ul .forum-chapo { font-weight:normal; }


/*  ------------------------------------------
/*  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: none; 
}

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.95em;
}
.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; 
}
.formulaire_spip fieldset { /* ZONE GLOBALE DE SAISIE  dans ecriture form*/
	position : relative;
    padding-top : 1em;
    top : 0;
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px solid #CCC;
}
.formulaire_spip fieldset ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.formulaire_spip legend { /* CHAMP TITRE DES ZONES SAISE */
    position :relative;
    top :-1.5em;
	font-weight: bold;
	padding: 3px;
	color: #702929;
	border: 1px solid #999;
	background: #DCDCDC url(../../images/pieddepage.jpg) left repeat-y;
}
textarea, input, input.text {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #EEE;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 5px;
}
form.noajax fieldset textarea {
	width: 95%;
}
.formulaire_spip label {}

.formulaire_spip .forml {
	width: 60%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; 
}
.form_forum .formulaire_forum .forml {
	width: 90%;
}	
div.formulaire_ecrire_auteur .forml {
	width: 95%;
}
.formulaire_spip .formulaire_recherche input{
	border:#666666 1px solid;
	background-color:white;
}

.formulaire_oubli {
	font-size: 11px;
}

.reponse_formulaire {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	border:#CC0000 1px solid;
}
.spip_bouton {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border:#666666 1px solid;
	color:#666666;
	background-color: #CCC;
}

.lienG{
	background: transparent url(../../images/fond_bouton.gif) left no-repeat;
	border-right:1px solid #d6d7b5;
	width: 100px;
	height: 17px;
	padding-top: 4px;
	text-align: center;
	font: 10px verdana;
	cursor: pointer;
}
.lienD{
	background: transparent url(../../images/fond_bouton.gif) right no-repeat;
	border-left:1px solid #d6d7b5;
	width: 100px;
	height: 17px;
	padding-top: 4px;
	text-align: center;
	font: 10px verdana;
	cursor: pointer;
}
p.boutons {
	text-align: right;
}
.boutons input {
	background: transparent url(../../images/fond_bouton.gif) no-repeat;
	color: #ca041a;
	letter-spacing: -0.05em;
	width: 195px;
	height: 19px;
	padding-top: 2px;
	text-align: center;
	font: 10px verdana;
	cursor: pointer;
}
.boutons input:hover {
	background: transparent url(../../images/fond_bouton_roll.gif) no-repeat;
	color: #566c82;
}
.erreur_message {
	color: red;
}

/* Imprimer */
div.fermer {
	width: 130px;
	float: right;
	text-align: center;
	border: 1px solid gray;
	padding: 1px;
}

/* PLAN DU SITE */
ul.plan_ssrub {
	margin-bottom: 10px;
}
ul.plan_ssrub li a:hover {
	color: #ca041a;
}
ul.plan_ssrub li a {
	color: #702929;
	font: small-caps 13px Arial, Verdana, Helvetica, sans-serif ;
}
ul.plan_ssrub li li a {
	color: #555;
	font: 11px Arial, Verdana, Helvetica, sans-serif ;
}

ul.plan_ssrub li {
	margin-top: 1px;
	margin-left: 0px;
	list-style-image:url(../../images/sousmenu_puce.gif);
	font-weight: bold;
}
ul.plan_ssrub li ul.plan_ssrub li {
	margin-top: 1px;
	font-weight: normal;
	list-style-image:url(../../images/puce.gif);
}
ul.plan_ssrub li ul.plan_ssrub li ul.plan_ssrub li {
	margin-top: 1px;
	list-style-image:url(../../images/fleche.gif);
	padding-right: 10px;
	margin-right: 10px;
	font-weight: normal;
	font-size: 10px;
}
ul.plan_ssrub li ul.plan_ssrub li ul.plan_ssrub li ul.plan_ssrub li {
	margin-top: 1px;
	font-size: 9px;
	font-weight: normal;
	list-style-image:url(../../images/fleche.gif);
	border-top:1px solid #EEE;
	border-right:1px solid #EEE;
}


/* FIN PLAN */

div.liste-articles ul li, div.rubriques ul li {
	margin-top: 1px;
	list-style-image:url(../../images/fleche.gif);
}


ol.spip {
	margin-top: 1px;
	margin-bottom: 1px
}

hr.spip, hr {
	margin-left:5%;
	margin-right:5%;
	height: 1px;
	border-top: 1px solid #CCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

 .texteencadre-spip {
 	 clear:both;
	 background-image: url(../../images/fond_encadre.gif);
	 background-repeat:repeat-x;
	 background-position:top;
	 background-color:#f9f7f1;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:110%;
	 color:#6d695b;
	 text-align:center;
	 border-bottom: 2px solid #b33542;
	 border-left: 1px solid #b36d74;
	 border-right: 2px solid #b33542;
	 border-top: 1px solid #b36d74;
	 padding: 5px;
	 margin:15px 20%;
 }
 .caractencadre-spip, strong.caractencadre-spip {
	 color:#ffffff;
	 background-color: #ffa970;
	 font-weight:normal;
	 padding: 0px 4px 0px 4px;
 }

sc {
	font-variant:small-caps;
	font-size:115%;
}

.caractencadre2-spip {
	border: 1px dotted #eeeeee;
	color: #999999;
	background-color: inherit;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom:#cccccc 1px dotted;
}
/* Pour le mode preview dans l'admin */
#article_preview {
	overflow: auto;
	background-color: #eeeeee;
	color: inherit;
}

.spip_note {font-style:italic;color: #803636; background-color: inherit; padding-bottom:13px;border-bottom:#CCCCCC 1px dotted;}
.notes {font-size:11px; font-weight:bold;}

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #558dba; background-color: inherit;} /* liens internes */
a.spip_out { color: #558dba; background-color: inherit;} /* liens sortants */
a.spip_url { color: #558dba; background-color: inherit;} /* liens url sortants */
a.spip_glossaire { color: #558dba; background-color: inherit;} /* liens vers encyclopedie */

a.spip_note:hover {} /* liens vers notes de bas de page */
a.spip_in:hover { color: #316689; background-color: inherit;} /* liens internes */
a.spip_out:hover { color: #316689; background-color: inherit;} /* liens sortants */
a.spip_url:hover { color: #316689; background-color: inherit;} /* liens url sortants */
a.spip_glossaire:hover { color: #316689; background-color: inherit;} /* liens vers encyclopedie */

.on { font-weight: bold; } /* liens exposes */

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip { 
	margin: 1em; 
	padding : 1em;
	border: 1px dotted #888;
	color: #333;
}
.spip_poesie { 
	border-left: 1px solid #a9a8a2;
	border-right: 1px solid #a9a8a2;
	padding: 0 1em;
	margin-left:20%;
	margin-right:20%;
	margin-top: 10px;
	font-family: Helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
}
.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; color: inherit;}

/* Tableaux */
table.spip {
	width: 90%;
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #a9a286;
	border-collapse: collapse;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #444;
}
table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: left;
	color: #8471b0;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #cdc9d8;color: inherit; }
table.spip tr.row_odd { background: #f8f6fb; color: inherit;}
table.spip tr.row_even { background: #e7e2f3; color: inherit;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


/*///// MINI calendrier ////// */
#calendar { font-size:1.2em; text-align:center; margin-left: 20px;}
.fondcalendrier { background: #EEE;border: 1px solid #AAA;}

.calendcaption {padding:2px; background-color:#FFF; vertical-align:middle;border-top:5px solid #DDD; font-variant:small-caps; font-weight:bold}
td.occupe a {font-weight:bold; background: #f4802a; color: white; padding: 1px; }
td.occupe a:hover {background: #f0be28; }
td.horsperiode {color:#878787;}