body { font-family: Verdana,arial,helvetica,sans-serif; color: #CCCCCC; text-align: center; background-color: black; margin: 0px; padding: 0px; }
a:link { color:#383AC7; }
a:visited { color:#631C64; }
a:hover { color: #CC6600; }
h1, h2, h3, h4, h5, h6 { margin:0; }
p, td, th, ul, li, ol { font-size: 10px; }
p { margin-bottom: 0.8em; }
/*Cadre de la page */
#blocPage { color: #000000; margin-left: auto; margin-right: auto; text-align: left; border: 5px solid #999999; border-top: 10px solid #999999; border-bottom: 10px solid #999999; background-image: url(../images/bgcourbes.gif); background-position: right bottom; background-repeat: no-repeat; position: relative; background-color: white;
/*Taille pour IE + ajustement de la largeur pour les autres + aujustement pour Opera -- http://tantek.com/CSS/Examples/boxmodelhack.html */
width:780px; voice-family: "\"}\""; voice-family:inherit; width:760px; } html>body #blocPage { width:780px; }
/* définition de la largeur des éléments principaux */
#blocContenu, #footer { margin-left: 80px; margin-right: 25px; }
/*Entête*/
div#blocHeader { width: 760px; height: 140px; }
#choixLang { float: right; margin-right: 10px; margin-top: 10px; font-size: 12px; }
#choixLang a { color: #999999; }
/*Zone du logo de l'entête*/
#topLogoLink a { display: block; width: 175px; height: 110px; }
/*Navigation principale*/
#topNavBar { position: absolute; top: 112px; padding-left: 40px; width: 700px; z-index: 99; }
#nav a { font-weight: bold; font-size: 11px; color: black; text-decoration: none; padding-top: 5px; padding-bottom: 3px; }
a#navbarLink1 { color: #666666; }
a#navbarLink4 { padding-left: 3px; }
/*Suckerfish Drop-Downs: http://www.htmldog.com/articles/suckerfish/dropdowns/*/
/*requires menu.js for IE compability */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav a { display: block; }
#nav a:hover { color: #660000; }
#nav li { float: left; width: 115px; margin-bottom: 0px; }
#nav li a { text-align: center; }
/* Effet de roll-over: menus à visibility: hidden; par défaut et à visibility: visible; en a:hover. */
#nav li ul { width: 160px; position: absolute; visibility: hidden; /*left: -999em; (bug Opera)*/ }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { visibility: visible; /*left: auto; (bug Opera)*/ }
#nav li ul li { width: 150px; margin: 0px; }
#nav li ul li a { color: #666666; background-color: #FDE277; text-align: left; border: 1px solid #999999; border-collapse: collapse; padding: 3px;
/*Taille pour IE + ajustement de la largeur pour les autres + aujustement pour Opera -- http://tantek.com/CSS/Examples/boxmodelhack.html */
width: 156px; voice-family: "\"}\""; voice-family:inherit; width: 150px; } html>body #nav li ul li a { width: 150px; }
#nav li ul a:hover { color: #000000; }
/* 2e et 3e niveu de menu */
#nav li ul ul { margin: -1.5em 0 0 12em;}
#nav li ul ul img { margin: -2em 0 0 0px; filter: alpha(opacity=75); -moz-opacity:0.75;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#traduction { position: absolute; padding: 5px; text-align: right; z-index: 1; height: 25px; text-align: right; width:750px; */
/*Taille pour IE + ajustement de la largeur pour les autres + aujustement pour Opera -- http://tantek.com/CSS/Examples/boxmodelhack.html */
top: 8px; voice-family: "\"}\""; voice-family:inherit; top: 15px; } html>body #traduction { top: 8px; }
#traduction p { display: inline; font-size: 10px; padding: 4px; font-weight: bold; }
/*Fin navigation principale */
/*Chemin (breadcrumb) et sous-navigation*/
#blocChemin { position: relative; margin-top: -30px; margin-bottom: 10px; font-size: 11px; padding-top: 5px; padding-left: 84px; padding-left: 84px; }
#blocChemin a { font-weight: bold; color: #999999; text-decoration: none; }
#blocChemin a:hover { text-decoration: underline; }
/* Contenu principal */
div#blocContenu { clear: left; text-align: left; padding-bottom: 10px; }
#logoSecteur { float: left; padding-left: 20px; padding-right: 10px; }
#blocContenu, #blocIntroArticle { clear: both; }
#blocEntete { /* inclue espace pour le chemin */
/*Taille pour IE + ajustement de la largeur pour les autres + aujustement pour Opera -- http://tantek.com/CSS/Examples/boxmodelhack.html */
height: 85px; voice-family: "\"}\""; voice-family:inherit; height: 75px; } html>body #blocEntete { height: 75px; }
#blocEntete h1 { color: #666666; background-image: url(../images/bgGris.gif); background-repeat: repeat-x; font-weight: bold; font-size: 20px; margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-bottom: 4px; padding-left: 80px; }
#blocEntete h1 a { color: #666666; text-decoration: none; }
#blocEntete h1 a:hover { text-decoration: underline; }
#blocIntroArticle { margin-bottom: 10px; }
#blocContenu h2 { color: #000000; border-top: solid 1px #666666; font-size: 17px; font-weight: bold; margin-bottom: 10px; padding-top: 8px; padding-bottom: 7px; padding-left: 5px; }
#blocContenu h2 a { color: #000000; text-decoration: none; }
#blocContenu h2 a:hover { text-decoration: underline; }
#blocContenu h3, h4, h5, h6 { font-weight: bold; padding-bottom: 3px; margin-bottom: 10px; margin-top: 20px; }
#blocContenu h3 { font-size: 15px; border-bottom: #cccccc 1px dotted; }
#blocContenu h4 { font-size: 14px; }
#blocContenu h5 { font-size: 13px; color: #999999; }
#blocContenu h6 { font-size: 12px; }
#blocContenu .surtitre { font-weight: bold; font-size: 11px; font-style: italic; text-transform: uppercase; margin-left: 15px; margin-right: 25px; padding-top: 0px; padding-bottom: 0px; }
#blocContenu .soustitre { font-weight: bold; font-size: 11px; text-transform: uppercase; margin-left: 10px; margin-right: 25px; padding-top: 0px; padding-bottom: 0px; }
#blocContenu .texte { margin-bottom: 5px; }
#blocContenu .chapo, #blocContenu p { margin-right: 30px; }
#blocContenu .chapo { font-weight: bold; margin-bottom: 10px; }
#blocContenu p, #blocContenu .texte, #blocContenu .chapo, #blocContenu li, #blocContenu td, #blocContenu th, #blocContenu dl, #blocContenu ul, #blocContenu ol { font-size: 12px; }
#blocContenu p { margin-top: 2px; margin-bottom: 10px; }
#blocContenu ul { list-style-image: url(../images/puce1.gif); list-style-type: none; }
#blocContenu ul, ol { margin-left: 4px; margin-right: 25px; padding-left: 10px; }
#blocContenu li { margin-left: 15px; margin-bottom: 5px; }
#blocContenu .texte img { margin: 5px; }
#blocContenu .date { color: #aaaaaa; font-size: 10px; }
#blocDate { margin-top: 20px; }
/* Documents et images */
#documentsJoints { font-size: 10px; margin-bottom: 20px; }
.documents { margin: 5px; padding: 5px; text-align: center; display: block; float: left }
.spip_documents, { margin-bottom: 10px; text-align: center; }
.spip_documents img { margin: 5px; }
.spip_documents_left, .spip_documents_gauche { margin-right: 25px; }
.spip_documents_right, .spip_documents_droite { margin-left: 15px; }
.spip_documents_center, .spip_document_centre { width: 100%; display: block; }
/*Styles supplémentaires*/
/*Raccourcis dans Spip */
div.important { border: 1px solid #999999; color: #999999; font-size: 12px; font-weight: bold; clear: both; text-align: center; padding: 5px; margin-top: 10px; margin-bottom:10px; }
/*Raccourcis dans Spip */
div.encart { color: #CC6600; background-color: #FFFFFF; border-left: 1px dotted #999999; font-size: 12px; float: right; margin-top: 5px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 0px;
/*Taille pour IE + ajustement de la largeur pour les autres + aujustement pour Opera -- http://tantek.com/CSS/Examples/boxmodelhack.html */
width: 230px; voice-family: "\"}\""; voice-family:inherit; width: 200px; } html>body div.encart { width: 200px; }
/* Menus des rubriques */
#menu { clear: both; margin-right: 25px; padding-bottom: 10px; padding-top: 0px; width: 100%; margin-right: 25px; }
#menu a { font-weight: bold; }
#menu .chemin, #menu .newsDate { font-size: 9px; display: block; color: #999999; }
#menu .chemin a, #menu .newsDate a { font-weight: bold; color: #999999; text-decoration: none; }
#menu .chemin a:hover, #menu .newsDate a:hover { text-decoration: underline; }
#menu h2 { padding: 4px; margin: 0px; padding-left: 10px; background-color: #999999; border: none; border-bottom: 1px solid #999999; font-size: 12px; }
#menu h2 a { text-decoration: none; }
#menu h2 a:hover { text-decoration: underline; }
#menu h3 { font-size: 12px; }
#menu ul { list-style-type: none; }
#menu dl { margin: 0px; padding: 0px; }
#menu dt, #menu dd, #menu ul { margin-left: 5px; margin-right: 25px; padding-left: 15px; margin-top: 0px; margin-bottom: 0px; }
#menu dt { margin-top: 20px; }
#menu dd { padding-top: 5px; }
#menu dd a { font-weight: normal; color: #000000; text-decoration: none; }
#menu dd a:hover { text-decoration: none; color: #666; }
.menuRubriques { border: 1px solid #999999; background-color: #dddddd; padding-bottom: 5px; }
.menuRubriques dt { background-image: url(../images/menu-puce.gif); background-repeat: no-repeat; }
.menuArticles { margin-bottom: 10px; }
.menuArticles h3 { padding-left: 5px; }
.menuArticles p { margin-left: 10px; margin-top: 10px; }
.menuArticles dt { background-image: url(../images/menu-puceb.gif); background-repeat: no-repeat; }
.menuArticles dl, .menuRubriques dl { list-style-image: none; list-style-type: none; background-image: none; padding-left: 0px; margin-left: 0px; margin-right: 25px; }
.menu .date { margin: 0px; }
dt, ul, li { background-repeat: no-repeat; }
.nouveau { font-size: 8px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding: 1px; margin-left: 3px; text-transform: uppercase; }
.commentaires { font-size: 9px; color: #666666; }
.commentaires a { font-weight: normal;}
.auteur { display: block; font-size: 10px; }
/* Bas de page */
#footer { clear: both; text-align: center; border-top: solid 2px #666666; margin-top: 10px; margin-right: 25px; margin-top: 0px; padding-bottom: 10px; }
#footer p { font-size: 9px; margin-top: 4px; margin-bottom: 5px; }
#footer a { font-weight: bold; color: #999999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .discret { color: #bbbbbb; }
#footer .discret a { font-weight: normal; color: #bbbbbb; }
/* Forums */
#forum { clear: both; font-size: 12px; background-color: #999999; border: 1px solid #444444; margin-bottom: 10px; margin-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; clear: both; }
#forum h2 { color: #000000; font-size: 13px; font-weight: bold; margin-top: 5px; padding-bottom: 5px; padding-top:1px; border: none; background-color: transparent; }
#forum h2 a { color: #000000; text-decoration: none; }
#forum h2 a:hover { text-decoration: underline; }
.forum-repondre { background-image: url(../images/forum-0.gif); background-repeat: no-repeat; padding-left: 18px; }
#forum .spip_encadrer { margin: 0px; }
#forum ul, #forum li { list-style-image: none; margin: 0px; padding: 0px; margin-left: 10px; background-image: none; }
#forumHeader p { margin-left: 16px; }
#forum fieldset { background-color: #ffffff; }
.forum { border: 1px solid #909090; padding: 0px; padding-bottom: 0px; margin: 0px; margin-bottom: 1em; }
ul.forum-total { display: block; padding: 0px; margin: 0px; list-style: none; }
.forum-fil { margin-top: 10px; }
.forum-fil ul { display: block; margin: 0px; padding: 0px; margin-left: 2em; padding: 0px; }
.forum-titre { font-weight: bold; font-size: 110%; }
.forum-item { margin: 0px; padding: 10px; text-align: justify; background-color: #ffffff; font-size: 10px; }
.forum-repondre-message { text-align: right; }
.forum-retirer-message { text-align: right; font-weight: bold; padding-right: 10px; margin-top: 10px; background-image: url(ecrire/img_pack/croix-rouge.gif); background-repeat: no-repeat; background-position: right 4px; }
.forum-chapo { border: 0px; border-bottom: 1px dashed #b8b8b8; margin: 0px; padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 2px; font-size: 90%; background: #E4ECFC; }
/* Formulaire */
.spip_encadrer { clear: both; border: 1px solid #999999; font-size: 12px; margin-bottom: 10px; padding: 10px; }
#formContact { width: 600px; }
.formConfirmation { font-weight: bold; margin-top: 15px; margin-bottom: 15px; }
.formInstructions { float: right; width: 200px; padding: 5px; }
.formInstructions h3 { margin-top: 10px; }
.formInstructions p { margin-right: 0px; }
.message { color: red; font-size: 14px; background-color: transparent; border: 0px none white; margin-bottom: 10px; }
.formrecherche { text-align: center; margin-bottom: 10px; }
.formrecherche input { padding-left: 2px; padding-right: 2px; }
#blocContenu .formulaire_ecrire_auteur ul { list-style-image: none; padding-left: 0px; }
.pagination { padding: 10 15px; }