/*  Typographie generale (style transversaux) */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: Helvetica; color: #000; background-color: white;}

/* Titraille / Intertitres */
h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; font-size: 1em;}
h1 { border-style:none; border-width:medium; font-size: 1em; font-weight: bold; padding: 0 2em 0 1em; }
h2 { font-size: 1em; font-weight: normal; color: #000; }
h3.spip {font-size: 1.15em; font-weight: bold; line-height: 1.3em; text-align: center; margin-top: 2em; display: block; clear:both;}
.spip_doc_descriptif {margin-right: 0; margin-left: 0; text-align:left;} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted;}
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }
.centre {text-align:center}
.position-centrale {position: relative; margin-right:auto; margin-left:auto;}
.pos-gauche {float: left; overflow: hidden;}
.pos-droite {float: right; overflow:hidden;}
.pos-defaut {float: none;}
.pos-bas-float {clear:both;}
.txt-centre {text-align: center;}
.marge-verticale {margin-top: 1.1em; margin-bottom: 1.1em;}
.masque {display: none;}
.marge-gauche {margin-left :0.5em;}
.marge-droite {margin-right: 0.5em;}
.couleur-formulaire {background-color:#D6E8FC;}

/* Citations, code et poesie */
blockquote, blockquote.spip { clear : both; float: none; background-color: #DDF0FD; width: 80%; margin-top: 1em; margin-bottom	: 1em; border-radius : 11px; -moz-border-radius: 11px; 
	margin-right : auto; margin-left: auto; border : 0; padding	: 1em; color: #666666; font-size: 1em; text-align: justify;}

/* Tableaux */
table.spip {margin-top: 0;} /* Cf.: spip_style.css */

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

/*-LIENS-*/
a {color : #13408B; text-decoration: underline;}
a:focus,a:active {text-decoration	: none;}
a.on {color : #D7B504 !important;}

/*Disposition des blocs*/
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 100%; margin: 0 auto; text-align: left; }
#page .site-descript {line-height: 1.2em; color: black; text-align:justify; margin-bottom:0.5em; font-style:italic}

#entete { background: white; width: 100%; margin-top: 0.5em; margin-bottom: 0; }
#entete .langue {width:100%; text-align:center;}

#conteneur { clear: both; float: left; width: 100%; overflow: hidden; }
#contenu { background-color: white; color: #666666; margin-right:1.5em; margin-left: 1.5em; margin-bottom: 1em;}
#footer {clear: both; border-top: 0.2em solid #DEDEDE; margin-top: 1em; font-size:1.1em; text-align:center;}
#footer a:focus, #footer a:active {font-weight: bold;}

/*  Bouton navigation vers les modules  et rubriques + bouton formulaire*/
.modules, .bouton-form {padding-top: 0.5em; background-color: #8296AF;font-size: 1.1em; height: 2.1em; line-height: 2.1em; text-align: center;margin-top:0.5em; margin-bottom: 0.5em; clear: both;}	
.modules a, .modules a:visited {
	border-top: 0.2em solid #52719D; border-left: 0.2em solid #8CA8C8;border-right: 0.2em solid #8CA8C8;border-bottom: 0.2em solid #B2C6DC;
	background-color: #D6E8FC;
	color:#13408B;
	text-align: center;
	padding-top: 0.2em; padding-right: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em;
	text-decoration: none;
}
.modules a[selected], .modules a:active, .modules a:focus  {color:#FFFFFF; text-decoration: none;	background: #13408B;}

.bouton-form {background-color: #FFFFFF; text-transform:uppercase; clear: both;}
.bouton-form a, .bouton-form a:visited { 
	border-top: 0.2em solid #585858; border-left: 0.2em solid #797979;border-right: 0.2em solid #797979;border-bottom: 0.2em solid #888888;
	border-radius : 1.1em; -moz-border-radius: 1.1em; 
	background: #CECECE;
	color:#000000;
	text-decoration: none;
}
.bouton-form a[selected], .bouton-form a:active, .bouton-form a:focus {color:#FFFFFF;	text-decoration: none; background: #353535;}

/* Habillage listes & pagination */
.group, .grouplist, .pagin {
	line-height: 1.5em;
	background: #8296AF;
	border: 0.1em solid #B9B9B9 0.1em solid #B9B9B9;
	font-size: 1.3em;
	padding: 0.1em 0.1em; 
	text-align:	center;
	font-weight: bold;
	color: #FFF;
	clear: both;
}
.grouplist {background: #A0AEC0;}
.pagin { background: #AEBACA; border-bottom: 0.1em solid #7d7d7d; margin-bottom: 0.5em;}
.pagin a {font-size:bold;}
.list-group li { font-size: 1em; text-align: center; font-weight: none; }

/*       Habillage des articles et breves     */
.cartouche {margin:0; padding:0; clear:both; overflow:hidden;}
.cartouche .spip_logos { float: right; margin-left: 0px; margin-bottom: 0.5em;}
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; color: #666666; text-transform:lowercase;}

/*-CARTOUCHE DE (PRE)VISUALISATION DE BUSINESS CARD ENTREPRISE-*/
.bcartouche-article {color: #666666; background-color: #DDF0FD;}
.bcartouche-article .spip_logos {border:	1px #DEDEDE solid; margin-left: auto; margin-right	: auto; margin-bottom: 10px; padding: 0;  float: none; clear: both;}
.bcartouche-article p {clear	:both;}
.bcartouche-article p {font-size: 10px;}

.groupe {color : #BE2A04; font-size	: 0.9em;	font-weight		: bold;}
.titre, .titre a {color	: #13408B; font-size : 1.1em;	line-height: 1.2em; font-weight	: bold;}
.enum-titre {text-align:center; margin-top: 0.2em; margin-bottom: 0.5em;}
.theme-annonce, .theme-annonce a {text-align: left; text-transform: uppercase; color: #666666 ;font-size	: 1em;font-weight	: bold;}

.descriptif, .descriptif a {padding-left: 1em; padding-right: 1em; color	: #666666; font-size: 1.1em; line-height: 1.2em;}
.descriptif-breve, .descriptif-breve a {color	: #666666; font-size: 1.1em; line-height: 1.1em; font-weight:normal; padding: 0 2em 0 1em;}
.descriptif-rubrique {color	: #666666; font-size: 1.1em; line-height: 1.1em; padding: 10px 10px; border-top:	2px #DEDEDE solid; border-bottom:	2px #DEDEDE solid; margin-bottom: 20px;}
.date {color	: #9E8504; font-size	: 0.9em; line-height: 0.9em;}
.chapo { margin-bottom: 0; line-height: 1.2em; font-size: 1.1em; font-weight: normal; color: #2E3034; }

.auteur, .auteur a, auteur-citation {color: #BE2A04; font-weight: bold; font-size: 1em;}
.auteur-citation {color	: #13408B; text-align:center}

.chapo-formation {font-size	: 1.1em; padding-top		: 0.5em; padding-bottom: 1em; margin-bottom	: 1em;}
.texte {color	: #666666; font-size: 1.1em; line-height	: 1.2em; text-align	:	justify; clear				: both;}
.texte embed { width: 323px; height: 220px;}
.texte object { width: 323px; height: 220px;}
.texte emb { width: 300px;}
.emploi-societe {padding-left: 1em; color : #BE2A04; font-size	: 1em;	font-weight		: bold;}
.emploi-annonce {padding-left: 1em;}
.emploi-annonce, .emploi-annonce a {text-align: left; text-transform: uppercase; color: #13408B ;font-size	: 1em;font-weight	: bold;}
.theme-annonce, .theme-annonce a {text-align: left; text-transform: uppercase; color: #666666;font-size	: 1em;font-weight	: bold;}


.encart {float: right; overflow: hidden; width: 45%; color: #666; padding: 5px; margin-left: 5px; margin-bottom: 10px; font-size: 0.4em; background-color	: #DDF0FD;
				border:	2px #DEDEDE dotted; border-radius : 15px 15px;	-moz-border-radius: 15px 15px; -webkit-border-radius: 15px 15px;
}

.hyperlien {text-align:center;font-weight:bold;font-size: 1.2em; background-color:#D6E8FC; color: #666; margin-top: 0.5em; margin-bottom: 1em; border: 0.5em solid #475a85;	-webkit-border-radius: 1.5em 1.5em; border-radius : 1.5em 1.5em;	-moz-border-radius: 1.5em 1.5em;}

.hyperlien a, .notes a, .evenement a, .ps a  {color: #13419B; text-decoration: underline;}
.ps, .notes {margin-top:1.5em; margin-bottom:1.5em; line-height: 1.40em; text-align: justify; border-top : 0.2em solid #A3A3A3; border-bottom : 0.2em solid #A3A3A3;}
.notes { clear: both; font-size: 0.90em; }


/*-GESTION DES BLOCS-*/
.art-bloc {clear: both; text-transform 	: uppercase; color: #666666; font-size: 1.2em; font-weight	: bold; background-color: #FFFFFF; height	: 1.2em; margin-bottom		: 2em;}
.art-bloc .puce {height	: 1.3em; font-weight	: bold; color	: #55AFE1; background-color: #55AFE1;}
.art-bloc-soustitre {margin-top	: 1em; font-weight	: bold; color	: #BE2A04;}
.art-bloc-illustration {color	: #55AFE1;}
.formulaire-bloc {margin-top: 2em; margin-bottom	: 1em; text-transform : uppercase; color: #666666; font-size: 1.1em; font-weight: bold;background-color: #D6E8FC;height	: 1.1em;}
.formulaire-bloc .puce {height: 1.1em; font-weight: bold; color	: #55AFE1; background-color: #55AFE1;}

.article-card {font-size: 0.5em; overflow: hidden; background-color	: #DDF0FD; width: 45%; color: #666; padding: 0.5em; margin-bottom: 1em; border:	0.2em #DEDEDE solid; border-radius : 1.5em 1.5em;	-moz-border-radius: 1.5em 1.5em; -webkit-border-radius: 1.5em 1.5em; }
.article-card .logo {clear:both; margin-left: auto; margin-right	: auto;}
.article-card .haut {overflow: hidden; margin-top: 10px;}
.article-card .milieu {overflow: hidden;}

/*-GESTION DES LIVRES-*/
#livres {clear: both; margin-bottom	: 2em; margin-top	: 2em; color : #666666;}
#livres .nom {color: #13419B; text-align : center; font-weight : bold; margin-bottom	: 0.1em; background-color:#A9C7E5;}
#livres table {margin: 0; padding : 0; width:100%; text-align:center;}
#livres tr {margin-bottom	: 0.1em; background-color: #DDF0FD;}
#livres td {margin:0; width:31%}
#livres .entete {color: #FFFFFF; text-align : center; font-weight : bold; background-color:#A9C7E5;}
#livres .details {color: #666666; text-align : center; height : 4em;}
#livres a {color: #13419B; text-decoration: underline;}
#livres a:hover {text-decoration: none;}

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; text-decoration: underline; }
.rep-mess { clear: both; margin-top: -0.2em; margin-bottom: -1.2em; margin-left: 1.5em; text-align: left; font-weight: normal; text-decoration: underline; font-size: 1.3em; }

#lignforum { width: auto; background: #fff; border: 0.1em solid #B9B9B9; margin: 0.5em; padding: 0.52em; }
a #lignforum, a:visited #lignforum { display: block; color: #000; text-decoration: none; text-align:center;}
a:focus #lignforum, a[selected] #lignforum, a:active #lignforum{ 
	display: block;
  background-color: #8296AF;
  color: #FFFFFF;
	text-decoration:none;
	text-align:center;
}

#incforum { clear: both; width: auto; text-align: left;  margin-left: 0.5em; margin-right: 0.5em;}
#total { block:display; clear: both; float:left; width:50%; overflow: hidden; height: 4.6em; text-align: left; color: #000; }
#total #afficher { block:display; clear: both; float:right; width:50%; overflow: hidden; background: ; text-align: right; color: #000; margin-top: -2.5em; }
.note { margin:0.5em; }

/* Habillage des forums */
.newUL .forum { display: block; clear: both; margin: 0.5em; padding: 0; }
.newUL .forum, .newUL .forum .newUL { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil .newUL { 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; color: #13419B; }
.forum-texte { margin: 0; padding: 0.50em 1em; color : #666666; }
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Bords */
.forum-message { border: 1px solid #A4A4A4; margin: 0; padding: 0; margin-bottom: 1em; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
.newLI {overflow:hidden;};
.newUL .forum-chapo {border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:1px dotted #B8B8B8; margin:0; background: #A9C7E5; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:2px; font-size: 1em; }
.newUL .newUL .forum-chapo { background: #D4E8E8; font-size: 1em;}
.newUL .newUL .newUL .forum-chapo { background: #E4F0F0; font-size: 1em;}
.newUL .newUL .newUL .newUL .forum-chapo { background: #F4F8F8; font-size: 1em;}
.newUL .newUL .newUL .newUL .newUL .forum-chapo { background: #FFF; font-size: 1em;}

/* Habillage general des menus de navigation */
.menu {clear: both; margin-bottom: 0; text-align: left; padding: 0;}
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu .newUL { margin: 0; padding: 0; list-style: none; border-bottom: 0.2em solid #DDD; background: #FFF; }
.menu a { }

.menu .newUL .newLI { margin: 0.20em 0; padding: 0.20em; border-top: 0.2em solid #DDD; }
.menu .newUL .newLI .newLI { padding: 0; border: 0;}
.menu .newUL .newLI .newUL { margin-left: 0; border: 0;}

/* Menu */
.entete-nav {text-align		: center; color					: white; font-weight		: bold;}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0px none; }
.rubriques ul li { background: #EEE; border: 0px none; }

.ispip_formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles .spip_logos { float: right; clear: right;}
.articles .newUL a, .articles .newUL a:visited { color: #000; text-decoration: none;}
.articles .newUL a:focus, .articles .newUL a:hover, .articles .newUL a[selected], .articles .newUL a:active{display: block; background-color: #8296AF;color: #9E8504; }
.articles .newUL .newLI { clear: both; padding: 0; background: #fff; }
.articles .newUL .newLI h1 { margin: 0.30em 0 0 0;}
.articles .newUL .newLI .spip_logos {margin-top: 0.5em; margin-right: 1.5em; }
.articles .newUL .newLI .enclosures { float: right; text-align: right; margin: 0; }
.articles .newUL .newLI .introduction { margin-top: 0; line-height: 1.2em; font-size: 1.1em; font-weight: bold; padding: 0 20px 0 10px; }
.articles .newUL .newLI a, .articles .newUL .newLI a:visited { color: #13419B; text-decoration: none;}
.articles .newUL .newLI a.on {color	: #9E8504;}

.articles .newUL .newLI a:focus, .articles .newUL .newLI a:hover, .articles .newUL .newLI a[selected], .articles .newUL .newLI a:active{display: block; background-color: #8296AF;color:#FFFFFF; }

/* HABILLAGE DE L'ANNUAIRE ALPHABETIQUE */
.index-alphabetique-gauche a, .index-alphabetique-droite a { font-size: 1.1em; font-weight	: bold; padding-left: 6%; padding-right: 6%;}
.index-alphabetique-gauche .deb, { padding-left: 6%; padding-right: 6%;}
.index-alphabetique-droite .deb { padding-left: 0%; padding-right: 6%;}
.index-alphabetique-gauche .fin, .index-alphabetique-droite .fin { padding-left: 6%; padding-right: 0;}