/* Affichage des codes couleurs utilisés */
/*
noir : #000
blanc : #FFF
gris clair : #dddddd (couleur utilisé pour les textes sur fond foncé)
gris foncé : #333(couleur utilisé pour les textes sur fond claire)
Violet foncé : #5C3566
Violet clair : #B4A0B7
Couleur lien hypertexte : #423858
Couleur lien hypertexte au survol : #CCC
Couleur des titres : #3465A4

*/
/* 
Balise HTML général
Nous configurons ici toutes les balises standards utilisés pour le html
*/



body {background:#fff;  margin:0;  color: #333;}
ul, li , ol {list-style: none; }
hr{ border-color: #B4A0B7; border-left:1px dashed;}

/*  Typographie et taille de police generale du site */
body {font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-size: 0.95em;}
#subheader {font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 0.6em;}
#contenu {font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-size: 0.85em;}
#encartcentrale {font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-size: 0.95em;}
#navigation {font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-size: 0.85em;}
.infobulle {font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-size: 0.71em;}
#pied {font-size: 0.72em;}
h1 {font-size:1.4em; }
h2, h3 {font-size:1.1em; }
h4, h5, h6 {font-size:1em; }


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

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

/* GESTION DE L'HABILLAGE DU SITE */

/* Haut de page  - configuration de l'entete et du sous-entête des pages du squelette */
/* entete de page */
#mainsup{width:100%; height: 100px; background:#FFF url(../images/panorama.jpg) repeat-x;}

/* sous-entête */
#subheader{background: #FFF url(../images/panorama2.jpg) repeat-x; margin:0; padding-left:5px;color:#a020f0; height:18px; border-bottom: #fff 1px solid; border-top: #fff 1px solid; vertical-align:middle;}
#subheader a {color:#FFF; text-decoration: none; font-weight: bold;}
#subheader a :hover{color:#FFF; text-decoration: none; font-weight: bold;}
#subheader .noircir {color:#000;}
#subheader a.noircir {color:#000; text-decoration: none;}
#subheader a:hover .noircir {color:#000; text-decoration: none;}
/*configuration du menu langue*/
#subheader .menu_lang {background: #FFF;padding:0; margin-bottom:0; height: 60px; margin:0; padding:0;}
#subheader .menu_lang fieldset {border:#FFF; }
#subheader .menu_lang legend {padding:5px 0 10px 0; color:#B4A0B7; }
#subheader .menu_lang label {display:block; }

/* corps de page */
#main{ width:100%; background:#FFF; }
#maincontent{ width:95%; background:#FFF; margin:0 auto; }

/* Colonne de gauche : contenu */
#contenu{float: left; width: 55%; padding-right: 6px; background:#FFF;}

/* Disposition du contenant de la colonne principale */
#navigation{ float: right; padding-left:4px; width: 42%; background:#FFF;}

/*  Dispostion du contenu de la colonne centrale */
#encartcentrale{ float: right; width: 100%; background:#FFF;}

/*Règlage des colonnes Droite et Gauche de la colonne de navigation */
#col_droite {background-color: #fff; float: right; width:48%;}
#col_gauche {background-color: #fff; float: left; margin-left: 5px; width:48%;}

/* GESTION DES LIENS HYPERTEXTES */

/* liens hypertexte par défaut */
a {color:#5C3566; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
.plus { float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; text-decoration:none;}
a.enligne {color:#5C3566; text-decoration:none; font-weight:bold;}
a:hover.enligne {color:#5C3566; text-decoration:none; font-weight:bold;}
.on { font-weight: bold; color: #000;} /* liens exposes */

/* gestion des infos bulles */
a.infobulle em {display:none;}
a.infobulle:hover {border: 0;position: relative;z-index: 500; text-decoration:none;}
a.infobulle:hover em {font-style: normal; display: block; position: absolute; top: 26px; left: -10px; padding: 5px;    color: #fff;border: 1px solid #9880cc;background: #9880cc;width:350px;}
a.infobulle:hover em span {position: absolute;top: -15px; left: 5px;height: 14px;width: 29px;background: transparent url("../images/infobulle.png"); margin:0;    padding: 0;border: 0;}

/* GESTION DU NUAGES DE MOTS CLES  -  REPORT ICI CAR C'EST LE FICHIER CSS DU PLUGINS QUI DOIT ETRE PERSONNALISE */
/* Nuages */
#tagcloud { color: #B4A0B7; }
#tagcloud * { color: #888; }
#tagcloud * { color: #5C3566; }
#tagcloud * { display: inline; line-height: normal; }
#tagcloud .on { color: #333; }
#tagcloud h2 {display: block; font-style: italic; font-size: 1.4em;  font-family: Georgia, "Times New Roman", Times, serif; color:#B4A0B7; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url(../../squelettes/images/gifs/pointbleu.gif) repeat-x bottom left; }
/* le nuage */
#tagcloud ul.nuage {margin:0;	padding: 0;	list-style: none;}
#tagcloud ul.nuage li {	display: inline;line-height:2em;}
#tagcloud ul.nuage li a {white-space: nowrap;color: #5C3566;}
#tagcloud ul.nuage li a:hover {	white-space: nowrap;color: #5C3566;text-decoration: underline;}
#tagcloud ul.nuage span.frequence {display: block; float: left; height: 0; overflow: auto; width: 0; }

/* les mots */
/* defaut */
#tagcloud ul.nuage a.nuage   { font-size: 1.0em; }
/* variantes */
#tagcloud ul.nuage a.nuage0  { color: #5C3566; font-size: 0.9em; }
#tagcloud ul.nuage a.nuage1  { color: #423858; font-size: 1.1em; }
#tagcloud ul.nuage a.nuage2  { color: #B4A0B7; font-size: 1.3em; }
#tagcloud ul.nuage a.nuage3  { color: #423858; font-size: 1.5em; }
#tagcloud ul.nuage a.nuage4  { color: #CCC; font-size: 1.7em; }
#tagcloud ul.nuage a.nuage5  { color: #B4A0B7; font-size: 1.9em; }
#tagcloud ul.nuage a.nuage7  { color: #CCC; font-size:1.0em; }
#tagcloud ul.nuage a.nuage8  { color: #B4A0B7; font-size: 1.4em; }
#tagcloud ul.nuage a.nuage9  { color: #5C3566; font-size: 1.6em; }
#tagcloud ul.nuage a.nuage10 { color: #CCC; font-size: 1.8em; }


/* GESTION DES MENUS */

/* règlage du menu Horizontal */
/*#cadrmenu{width:100%; height: 25px; background: #FFF url(../images/panorama2.jpg) repeat-x; }*/
.menu {float: left;font-family: Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif; width: 100%; background-color: #5C3566; color: inherit; background-image: url(82a1cd.png); font-size: 65%; padding: 0; margin: 0;}
.menu ul li a, .menu ul li a:visited {display: block;clear: none; text-decoration: none ;padding-left: 1em; padding-right: 1em; padding-top: 0.1em; padding-bottom: 0.1em; margin-bottom:1px; color: white; background-color: transparent; width: auto; border-right: #fff 1px solid;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute; z-index:80; left:-1px; top:1.55em;}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}
.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#B4A0B7;}/*Onglets au survole */
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:26px; left:-3px;}/* Onglets sous-menus */
.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}
.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:150px; clear:both;left:2px;}/* Onglets de sous-menus */
.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#B4A0B7; color:#000;}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; top:0px; }/* Onglets de sous-sous-menus */
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; background:#5C3566; color:#fff; width:100%; padding-left:10px;}/* Onglets de sous-menus*/
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#B4A0B7; color:#000;}/* Onglets sous-menu au survole */
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:171px; bottom:0;}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#5C3566; color:#fff;} /*Onglets de sous-sous-menu */
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#B4A0B7; color:#fff;}
.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

/* menu navigation horizontale (hiérarchie) */
#hierarchie {font-size : 0.85em; color: #BABDB6; margin:5px 0 10px 0; padding:5px 10px;}

/*menu navigation verticale - colonne droite */
/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */

.rubriques {border:1px solid #B4A0B7; padding:5px; margin-bottom:2px; margin-top:3px; font-size: 0.95sem; }
.borderline_rubrique {margin-bottom:0; padding-bottom:0; border-bottom:1px solid #B4A0B7;}
.rubriques  ul {padding:0; margin:6px; }
.rubriques ul li {padding-left: 5px;}
.rubriques { background: #FFF;}
.rubriques .menu-titre {font-style: italic; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:2px; padding-bottom:1px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; padding-left: 5px;}

/* GESTION DES TEXTES */

/* Pour mettre un article à la une */
#premier {background-color: #FFF; padding:10px;}
#premier h1 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:5px; }
#premier p {margin-bottom:30px; text-align:justify;}
#premier a {font-size:0.95em; color:#5C3566; text-decoration:none;}
#premier a:hover {font-size:0.95em; color:#3465A4; text-decoration:none;}

/* Pour mettre une rubrique à la une */
#rubalaune {background-color:#FFF; padding:2px; margin-bottom:2px; border: 1px solid #5C3566;}
#rubalaune h1{font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 5px; background:#5C3566; }
#rubalaune h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#rubalaune p {text-align:justify; }


/* Pour mettre une brève à la une */
#brealaune {background-color:#FFF; padding:2px; margin-bottom:2px; border: 2px solid #be0d67;}
#brealaune h1{font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 5px; background:#5C3566; }
#brealaune h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#brealaune p {text-align:justify; }

.plus #brealaune #rubalaune{ float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; }


#docjoint {background-color:#FFF; padding:2px; margin-bottom:2px; border: 1px solid #5C3566;}
#docjoint h1{font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 5px; background:#5C3566; }
#docjoint h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#docjoint p {text-align:justify; }
.plus #docjoint{ float: right; clear: right; width: 210px; margin-bottom: 27px; text-align: left; }

/* Pour mettre une brève à la une */
#brevealaune {background-color:#FFF; padding:5px; margin-bottom:2px; }
#brevealaune h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#brevealaune p {text-align:justify; }
#brevealaune a {font-size:0.95em; color:#5C3566; text-decoration:none;}
#brevealaune a:hover {font-size:0.95em; color:#3465A4; text-decoration:none;}

/* gestion des contenus de page */

.contautre h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautre {background-color: #FFF; padding:5px; margin-bottom:2px; }
.contautre h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.contautre ul {padding:0; margin:10px; }
.contautre ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.contautre ul li a {font-size:0.95em; color:#5C3566; text-decoration:none;}
.contautre ul li a:hover {font-size:0.95em; color:#3465A4; text-decoration:none;}
.contautre p images.spip_logos {float:left; padding:2px; border:1px solid #DDDDDD; margin-right:10px; }
.contautre p {font-size:0.95em; text-align:justify; }
.contautre strong i {color:#3465A4; }
.contautre fieldset {border: #FFF; }
.contautre legend {padding:5px 0 10px 0; color:#B4A0B7; }
.contautre label {display:block; }

.contautresansli h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautresansli {background-color: #FFF; padding:5px; margin-bottom:2px; }
.contautresansli h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.contautresansli ul {padding:0; margin:10px; }
.contautresansli ul li {list-style: none; padding-bottom:20px;}
.contautresansli ul li a {font-size:0.95em; color:#5C3566; text-decoration:none; }
.contautresansli ul li a:hover {font-size:0.95em; color:#3465A4; text-decoration:none;}
.contautresansli p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.contautresansli p {text-align:justify; }
.contautresansli strong i {color:#3465A4; }
.contautresansli fieldset {border:#FFF; }
.contautresansli legend {padding:5px 0 10px 0; color:#B4A0B7; }
.contautresansli label {display:block; }
.contautrepublication  h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.contautrepublication h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }

.identification h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.identification {background: #FFF url(../images/identification.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.identification h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.identification ul {padding:0; margin:10px; }
.identification ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.identification ul li a {text-decoration:none;}
.identification ul li a:hover {text-decoration:none;}
.identification p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.identification p {text-align:justify; }
.identification strong i {color:#B4A0B7; }
.identification fieldset {border: #FFF; }
.identification legend {padding:5px 0 10px 0; color:#B4A0B7; }
.identification label {display:block; }

.members h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.members {background: #FFF url(../images/members.png) no-repeat right; padding:5px; margin-bottom:2px; }
.members h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.members ul {padding:0; margin:10px; }
.members ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.members ul li a {text-decoration:none;}
.members ul li a:hover {text-decoration:none;}
.members p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.members p {text-align:justify; }
.members strong i {color:#B4A0B7; }
.members fieldset {border: #FFF; }
.members legend {padding:5px 0 10px 0; color:#B4A0B7; }
.members label {display:block; }

.syndic h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.syndic {background: #FFF url(../images/syndic.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.syndic h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.syndic ul {padding:0; margin:10px; }
.syndic ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.syndic ul li a {text-decoration:none;}
.syndic ul li a:hover {text-decoration:none;}
.syndic p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.syndic p {text-align:justify; }
.syndic strong i {color:#B4A0B7; }
.syndic fieldset {border: #FFF; }
.syndic legend {padding:5px 0 10px 0; color:#B4A0B7; }
.syndic label {display:block; }

.stats h1 {font-style: italic; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
.stats {background: #FFF url(../images/stats.jpg) no-repeat right; padding:5px; margin-bottom:2px; }
.stats h2 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
.stats ul {padding:0; margin:10px; }
.stats ul li {background:url(../images/gifs/puce_bleu.gif) no-repeat 0% 6px; padding-left:10px;}
.stats ul li a {text-decoration:none;}
.stats ul li a:hover {text-decoration:none;}
.stats p images.spip_logos {float:left; padding:2px; border:1px solid #CCC; margin-right:10px; }
.stats p {text-align:justify; }
.stats strong i {color:#B4A0B7; }
.stats fieldset {border: #FFF; }
.stats legend {padding:5px 0 10px 0; color:#B4A0B7; }
.stats label {display:block; }

/* GESTION DU MODULE RECHERCHE */
.recherche {background: #FFF;padding:0; margin-bottom:0; height: 60px; margin:0; padding:0;}
.recherche fieldset {border:#FFF; }
.recherche legend {padding:5px 0 10px 0; color:#B4A0B7; }
.recherche label {display:block; }

/* mise en page article */

h3.spip {color:#3465A4; font-weight:bold; margin-bottom:10px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#cadrarticle{border: 1px solid #f1f1f1;}
.surtitrearticle{color:#333; font-size: 1.3em; font-weight:bold; }
.titrearticle{color:#3465A4; font-size:1.4em; font-weight:bold; }
.soustitrearticle{color:#BABDB6; font-size: 1em; font-weight:bold; }
.datearticle{ color:#666666; margin:5px; padding:5px; }
.detail { color: #909090; font-size: 0.90em; font-weight: bold; text-align: center; margin-bottom:10px; padding: 1px 5px 1px 5px;	border-left: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; width: 200px;float: right;}
.descriptifarticle{	font-size:0.90em; font-style:italic; color: #B4A0B7;  margin:5px; padding:10px; }
.chapoarticle{font-size:0.90em; font-weight:bold; color: #333; }
.textearticle{	font-size:1em;	color: #333;	margin:5px;	padding:15px;}
.voirenligne {font-size:0.95em; color:#333; margin:5px; padding:15px;}
.psarticle{	font-size:0.95em;	color: #333;	margin:5px;	padding:15px;}
.notesarticle{font-size:0.95em;color: #000;	margin:5px;	padding:15px;}

#documents_portfolio {margin-bottom:15px; }
#documents_portfolio images {padding:2px; border:1px solid #CCC; margin-right:10px; }
#document_actif {width:400px; margin:15px auto; text-align:center; padding:20px 0; border:1px solid #A8A790; background:#FFF; }

/* GESTION DES LOGOS, DOCUMENTS ET IMAGES */

/* 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_logos { background: #fff; margin: 0.5em 0.5em 0em 0.5em; padding: 0; border: 2px solid #ccc; }

/* liens hypertexte pour images et logos spip */
a:hover .spip_logos {  border-color: #B4A0B7;}

/* mise en page breve */

.titrebreve{color:#3465A4;font-size:1.4em; font-weight:bold;}
.datebreve{color:#666666;	margin:5px;	padding:5px;}
.descriptifbreve{	font-size:0.90em;	font-style: italic;	color: #333;	margin:5px;	padding:10px;}
.textebreve{font-size:0.97em;	color: #333;	margin:5px;	padding:10px;}

/* Mise en page des commentaires */
ul li.bloccomment{background-color:#f1f1f1;}

/* Gestion du portfolio */

#portfolio { clear: both; }
#portfolio h1 {font-style: italic; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; color:#B4A0B7; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#portfolio .spip_logos.modulo1 { margin-left: 0; }
#portfolio .gentil_message { font-size: 0.97em; font-family: Georgia, "Times New Roman", Times, serif; color:#B4A0B7; margin: 0; font-weight:bold; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; margin-bottom:10px; }
#portfolio .spip_logos { margin: 1em 2em 1em 0; }

/* GESTION DES TABLEAUX GERES PAR SPIP */

table.spip { margin: auto; margin-bottom: 1em; border: 1px solid #c4aec4; border-collapse: collapse; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 5px; 	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #6a6969;}

/* GESTION DES FORMULAIRES */

.formulaire_notation {display:block; width:auto; margin:2px; padding:10px; }
.formulaire_site {margin:0 10px 10px 10px; }
.formulaire_inscription b {color:#B4A0B7; cursor:pointer; }
.formulaire_forum fieldset {border: #FFF; padding-bottom:5px; border-bottom:1px solid #D5D6BB; margin-bottom:10px }
.formulaire_forum label {display:block; text-align:left; }
.formulaire_inscription {background-color:#FFF; padding:10px; margin-bottom:10px; }
.formulaire_inscription legend {color:#B4A0B7; padding:5px 0; }
.formulaire_inscription fieldset {border:#FFF; }
p.spip_bouton input {border:1px solid #A8A790; background-color:#EFECCA; color:#B4A0B7; margin:3px 0; }
p.spip_bouton input:hover {border:1px solid #A8A790; background-color:#D5D6BB; color:#B4A0B7; margin:3px 0; cursor:pointer; }
p.spip_bouton input.highlightinput {border:1px solid #B4A0B7; background-color:#6699CC; color:#B4A0B7; margin:3px 0; }
p.spip_bouton input:hover.highlightinput {border:1px solid #B4A0B7; background-color:#FFF; color:#B4A0B7; margin:3px 0; cursor:pointer; }

/*  GESTION DES FORUMS */

.forum-repondre, .forum-decompte { clear: both; margin-top: 2.5em; padding-top: 2px; font-size: 1em; font-weight: bold; }
ul.forum { list-style: none; 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 { list-style: none; 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: #fff; }
.forum-chapo small {color:#fff;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size:0.95em; }
.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 {list-style: none; border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message {list-style: none; border: 1px solid #A4A4A4; }
ul ul ul .forum-message {list-style: none; border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message {list-style: none; border: 1px solid #faf9f1; }
ul ul ul ul ul .forum-message {list-style: none; border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message {list-style: none; border: 1px dotted #E0E0E0; }

/* boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {list-style: none; border: #FFF; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.95em; background: #9a819f; }
ul ul .forum-chapo {list-style: none; background: #cfc4d2; }
ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; }
ul ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo {list-style: none; background:#cfc4d2; }

/*****************************************/
/*********** NDW *************************/
/*****************************************/

/* mise en page du pied de page */
#pied {float: left; width: 100%; border-top: 1px dotted #CCC; background-color:#fff; text-align:center; color:#000; font-size:85%;}
#pied img { vertical-align: bottom; }
#pied ul {padding:0 }
#pied ul li {display:inline; padding:10px;}
#pied ul li a {color:#000; text-decoration:none; font-weight: normal; }
#pied ul li a:hover {color:#ff830a; text-decoration:none; font-weight: normal; }


/* Pour mettre une brève à la une */
#vulnerabilite {background-color:#FFF; padding:5px; margin-bottom:2px; }
#vulnerabilite h3 {font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#3465A4; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#vulnerabilite p {text-align:justify; }
#vulnerabilite a {font-size:0.95em; color:#5C3566; text-decoration:none;}
#vulnerabilite a:hover {font-size:0.95em; color:#3465A4; text-decoration:none;}
.cadrvulnerabilite{padding: 5px; -moz-border-radius: 10px; border: 1px solid #000;  background: #f4f2e5 url(../images/breves_.jpg) no-repeat center right;}
.bloctitrvulnerabilite{display:block; position:relative; width:50%;}