/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
* { margin:0; padding:0; }
body {
	
	background: #FFF;
	padding:5px;
	font-size: 1em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;	
}

a { text-decoration:none; color:#000; outline:0; }
a:hover {  }
#page a {  color:#000; }
#page a:hover { background:#BFFFFF; }
#page a.pre, #page a.pro { background:none; }

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

ul { position:relative; }

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

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#tout {
	position:relative;
	width:990px;
	margin:0 auto;
}
*html #tout {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.rubriques, .rubriques_lang {
	float:left;
	margin-right:5px;
	background-color:#000;
	border-top:5px solid #000;
	font-size:.8em;
	width:204px;
}
#page {
	float:left;
	width:560px;
	margin-right:5px;
	margin-bottom:50px;
	padding-bottom:10px;
	font-size:.86em;
	background:#D1E7EF /*E0EBEF /*B5D4DF /*66CCCC*/;
}


/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu {
	padding:.5em;
	text-align:justify;
}
#contenu .contre-encart {
	float: left;
	
}

#contenu .encart {
	float: right;
	margin: 0;
	margin-bottom: 1em;
}

/* Entete */
#entete {
	position:relative;
	width: 100%;
	height:93px;
	border-bottom: 5px solid #000;
	border-top: 5px solid #000;
	background:#0099CC url('images/entete_csi.jpg') top center no-repeat;
}
#entete #nom_site_spip {
	display: block;
	float: left;
	margin-left:100px;
	font-size:3.8em;
	line-height:1em;
	font-family:arial black, sans-serif;
}
*html #entete #nom_site_spip {
	display: block;
	float: left;
	margin-left:50px;
	font-size:3.8em;
	line-height:1em;
	font-family:arial black, sans-serif;
}


#entete a { text-decoration: none; }
span.csi {
	color:white;
}
span#ssite {
	float:right;
	margin-top:-5px;
	margin-right:204px;
	font-size:.77em;
	font-weight:bold;
	font-family:trebuchet MS, sans-serif;
}
span#mel {
	position:absolute;
	top:2px;
	right:76px;
	font-size:.9em;
	font-weight:bold;
	font-family:trebuchet MS, sans-serif;
}
#groupe_drap {
	margin-left:75px;
}
#drapeaux {
	position:absolute;
	width:100%;
	height:20px;
	bottom:0;
	left:0;
	text-align:center;
	margin-top:50px;
	border-top: 5px solid #000;
	background:#0099CC;
}
#drapeau_pt, #drapeau_jp, #drapeau_it, #drapeau_fr, 
#drapeau_en, #drapeau_de, #drapeau_es, #drapeau_pl {
	width:51px;
	height:20px;
	float:left;
}
#drapeau_pt { background:url('images/07-portugal.gif'); }
#drapeau_jp { background:url('images/06-japon.gif'); }
#drapeau_it { background:url('images/05-italie.gif'); }
#drapeau_fr { background:url('images/04-france.gif'); }
#drapeau_en { background:url('images/03-angleterre.gif'); }
#drapeau_de { background:url('images/02-allemagne.gif'); }
#drapeau_es { background:url('images/01-espagne.gif'); }
#drapeau_pl { background:url('images/00-pologne.gif'); }




/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em; }


/* Pied de page */
#pied {
	width:204px;
	padding-top: 2px;
	font-size:.8em;
	text-align: right;
	background:#fff;
}
#pied a {
	display:inline;
}

#connexion {
	background:#fff;
}
#connexion p {
	font-size:.8em;
}
input#var_login {
	width:197px;
	border:1px solid gray;
}
#connexion input:focus {
	background:#D1D7DF;
}
#connexion a {
	display:inline;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */
ul.smenu,
.menu_archives { position:absolute; top:-3000px; }
ul.smenuon/*, .menu_archives.on (car ouvert meme quand pas archives sur on )*/ { display:block; opacity:1; }
.rubriques a.racineon { background:#000; color:#fff; }

.rubriques a, .rubriques_lang a {
	display:block;
	height:16px;
	padding:0 .15em ;
	padding-top:3px;
}

/*  menu langues
/*  ------------------------------------------ */
.rubriques_lang li {
	list-style-type:none;
	border-bottom:5px solid #000;
}
.rubriques_lang {
	margin-bottom:20px;
}
.rubriques_lang a:hover {
	text-align:right;
}
*html .rubriques_lang a:hover {
	text-align:left;
}
.articles_lang { text-transform:uppercase; font-weight:bold; }

li.lilang4, .article_lang4 #page { background-color:#EEEF59; }
li.lilang4 a:hover { background-color:#FFF8AF /*FFF47F*/; }
li.lilang5, .article_lang5 #page { background-color:#B88ECF; }
li.lilang5 a:hover { background-color:#F4DFFF; }
li.lilang6, .article_lang6 #page { background-color:#CAA7DF /*B88ECF*/; }
li.lilang6 a:hover { background-color:#E1AFFF /*F4DFFF*/; }
li.lilang7, .article_lang7 #page { background-color:#AFDF61; }
li.lilang7 a:hover { background-color:#CEFF7F; }
/*li.lilang7, .article_lang7 #page { background-color:#DFB161; }
li.lilang7 a:hover { background-color:#EFCE95; }*/
li.lilang8, .article_lang8 #page { background-color:#EF8059; }
li.lilang8 a:hover { background-color:#FFB87F /*FF6C4F /*FFB89F*/; }

.rubriques_lang ul { clear:both; }
#menu_lang {
	width:204px;
	font-size:.85em;
}
#menu_lang a {
	display:block;
	padding:.15em 0;
	color:#000;
	font-weight:bold;
	text-align:center;
}
#menu_lang a:first-letter {
	text-transform:uppercase;
}
#menu_lang a.on, .es .es a, .de .de a, .en .en a,
.fr .fr a, .it .it a, .ja .ja a, .pl .pl a, .pt .pt a,
.ar .ar a, .zh .zh a { color:#fff; }
#menu_lang a:hover {
	color:#fff;
	text-align:center;
	background:none;
}
#menu_lang .es a:hover { color:#016F00; }
#menu_lang .de a:hover { color:#FFDFF2; }
#menu_lang .en a:hover { color:#8E8F00; }
#menu_lang .fr a:hover { color:#7F7F7F; }
#menu_lang .it a:hover { color:#FFCFFF; }
#menu_lang .ja a:hover { color:#FFE2CF; }
#menu_lang .pl a:hover { color:#DFEFFF; }
#menu_lang .pt a:hover { color:#FFDFDF; }


li.lang {
	width:68px;
	float:right;
	list-style:none;
	text-align:center;
	line-height:1.6em;
}
.es { background-color:#00cc00; }
.de { background-color:#ff0099; }
.en { background-color:#ffff00; }
.fr { background-color:#cccccc; }
.it { background-color:#cc33cc; }
.ja { background-color:#ff6600; }
.pl { background-color:#3399ff; }
.pt { background-color:#ff0000; }
.ar { background-color:#40CFB1; }
.zh { background-color:#B3CF40; }


/*  menu sans langue
/*  ------------------------------------------ */
.rubriques { border:none; font-size:.7em; font-weight:bold; }
.rubriques li {
	position:relative;
	width:100%;
	border-top:5px solid #000;
	background:#0099CC;
	list-style-type:none;
	text-transform:uppercase;
}

a.moins, .rubriques ul li ul li a.moins { background:#000; color:#fff; }

.smenu li, .smenuon li {
	border:none;
	background-color:#B5D4DF /*66cccc*/;
	font-size:.9em;
}
ul.menuarticle a {
	padding-left:1em;
	height:auto;
}
.rubriquemoins {
}

.rubriques li a { color:#fff; }
.rubriques ul li ul li a { color:#000; }
.rubriques li a:hover { color:#000; background-color:#BFFFFF; }

.rubriques ul li ul li.rubriquemoins a, .agenda_eve a.agenda_eve  {
	font-size:1.1em;
	background:#000;
	color:#fff;
}
.rubriques .smenu a.on, .rubriques .smenuon a.on {
	cursor:text;
	font-weight:bold;
	background:#BFFFFF;
}
.rubriques .smenu li.rubriquemoins a.on {
	background:#000;
}

.carre {
	height:205px;
	background:#0099CC;
	border-bottom:5px solid #000;
	padding:.3em;
	font-size:85%;
}
.rubriques_lang .carre a, .rubriques_lang .carre a:visited, .rubriques_lang .carre a.spip_out {
	color:#000;
	padding:0;
	margin:0;
	font-weight:normal;
}
.rubriques_lang .carre a:hover {
	text-align:left;
}

/*  archives
/*  ------------------------------------------ */
li.archivesplus {
	border:none;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	font-size:.72em;
}
.archive a {
	font-size:130%;
}
.archivesplus a, .archivesmoins a { padding-left:1em; }

li.archivesmoins {
	border-top:1px dotted #000;
	position:absolute;
	top:-18px;
	left:0;
	font-size:105%;
}

ul.menuarticle .archivesplus a { font-size:115%; }
ul.menuarticle .archivesplus li.archivesmoins { top:-1.9em; }


#diaporama_innerfade, #diaporama_innerfade02 { height:204px; border-bottom:5px solid #000; }
#diaporama_innerfade02 { border:none; border-top:5px solid #000; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */

#contenu .rubriques, #contenu .rubriques_lang { background:none; }

.cartouche { margin-bottom: 1em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
#contenu h2 { font-weight:bold; margin-bottom:1em; }
#calendrier h2 { text-align:center; }

.chapo {
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

#page li {
	list-style-position:inside;
	padding-left:;
}
#page ul.spip {
	margin-left:1.3em;
}
p.spip {
	font-size:.93em;
}

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
}
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

.spip_logos {
	margin-top:.8em; }
	
/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
}
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}


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

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

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

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

/* 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 */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
p.rechercher { margin:0; padding:0; background:#0099cc; border-top:5px solid #000; font-size:1.2em; }
#formulaire_recherche { text-align: left; }
#formulaire_recherche label { display: none; }
input#recherche, input.submit, #formulaire_recherche label { background:#fff; border:none; border-top:5px solid #000; }
input#recherche {
	width: 166px;
	margin-bottom:5px;
	 margin-left:5px;
}
input.submit { float:right; font-size:1.4em; margin-right:5px; cursor:pointer; background:#ddd; }
/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }
	
	

/********************************AGENDA*/

.page_actueve a.agenda_eve { background:#000; color:#fff; }

#calendrier table {
	border-collapse: collapse;
	font-size:.9em;
	font-weight:bold;
}
#calendrier table, #calendrier caption {
	margin:0 auto;
	width:330px;
}
#calendrier caption {
	font-size:1.5em;
	text-transform:uppercase;
}
a.pre, a.pro { position:relative; font-size:1.8em; margin-top:98px; margin-bottom:-98px; background:none;}
a.pre { float:left; width:30px; margin-left:-70px; text-align:right; }
a.pro { float:right; width:30px; margin-right:-70px; text-align:left; }

*+html a.pro {  float:right; width:30px; margin-right:-70px; text-align:left; margin-left:50px; }
*html a.pro { float:right; width:30px; margin-right:-70px; text-align:left; margin-left:50px; }



#calendrier table td {
	width: 14%;
	text-align:center;
	line-height:20px;
	border-top:5px solid #B5D4DF;
}
abbr { border:none; font-size:90%; }

.libre, .occupe {
	background:#FFFEEF;
	color:#000;
}
.horsperiode {
	background:#FFFEEF;
	color:#A8C5CF;
}
td.today {
	color:#0099CC;
	font-weight:bold;
	font-size:140%;
}
td.today.occupe a {
	color:#A8C5CF;
	font-weight:bold;
	text-decoration:underline;
}
td.occupe a {
	display:block;
	/*width:2em;
	margin:0 auto;*/
	height:100%;
	background:red;
	font-weight:bold;
}
td.occupe a:hover {
	color:#fff;
}

/***************************les rendez-vous sous l'agenda */
.article_evenement { margin:3em 0; clear:both; }
.article_evenement li {
	clear:both;
	margin-bottom:1em;
	list-style-type:none;
}
.article_evenement li h3 {
	float:left;
	text-transform:uppercase;
}
.article_evenement .agendavisuel {
	width:160px;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.article_evenement table {
	width:160px;
	
	font-size:.8em;
	margin:0;
}
.article_evenement caption {
	width:160px;
}
.article_evenement table td {
	width: 14%;
	text-align:center;
	line-height:1.3em;
	border-top:2px solid #B5D4DF;
}
.article_evenement .libre {
	background:#8EA6AF;
	color:#A8C5CF;
}
.article_evenement abbr { color:#7D8B8F; }
.article_evenement td.occupe a {
	display:block;
	/*width:2em;
	margin:0 auto;*/
	color:#fff;
	cursor:text;
	height:105%;
	background:#CF9B9B;
	font-weight:bold;
}

.article_evenement .horsperiode {
	background:#8EA6AF;
	color:#8EA6AF;
}
.article_evenement .cartouche { margin-bottom:0; }
.article_evenement h1.titre {
	font-size:95%;
	text-transform:uppercase;
	font-weight:bold;
}
.article_evenement small {
	background:#CF4D4D;
	color:#fff;
	padding:0 .2em;
	font-weight:bold;
}
.article small {
	font-size:105%;
	font-weight:bold;
	background:red;
	color:#fff;
	padding:0 .2em;
}

h1.titre {
	font-size:110%;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
}

/* larticle sous les rdv sous l'agenda */
.article_lang10 .article { width:547px; margin-left:-.5em; padding:.5em; border-top:5px solid #fff; }