@charset "UTF-8";
/* CSS Document */
html {
background:url(../images/bg_body_haut.jpg) repeat-x;
background-color:#9E9E9E;
}
body {
background: url(../images/bg_body_bas.jpg) repeat-x 0 bottom;
}
a:active, a:focus {
outline:none
}
a:hover {
color:#666;
}
a.spip_out {
background:none;
padding-right:0;
}
div#container {
margin: 0 auto;
background-color:#9E9E9E;
}
div#content p {
line-height: 1.2em;
}
/* ---------------------------------------------
|
BANDEAU |
|
------------------------------------------------*/
#header {
background-color:#FFD401;
padding:0;
}
.bandeau_haut {
width: 1030px;
margin: 0 auto;
}
#menu_rubriques * ul, #menu_rubriques * li {
z-index:9999;
}
#menu_rubriques li, #menu_rubriques ul li ul li ul li {
width:146px;
font-size:1.13em;
line-height:49px; /* line-height égal au height du en vue de centrer verticalement la balise */
text-align:center;
}
#menu_rubriques li a {
vertical-align:middle;
display:inline-block;
line-height:1.2; /* on rétablit le line-height à une valeur plus conforme à la norme */
border:none;
}
#menu_rubriques li:first-child {
border-left: medium none;
}
.menu_horiz li:hover,.menu_horiz li.sfhover {
background: url("../images/bg_menu_horiz.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
/* ---------------------------------------------
|
SOUS-MENUS |
|
------------------------------------------------*/
.menu_horiz li ul ul {
margin: -49px 0 0 146px;
}
div#menu_rubriques li ul > li {
border:none;
}
#menu_rubriques li, #menu_rubriques ul li ul li ul li, div#menu_rubriques ul li ul li ul li, div#menu_rubriques ul li ul li ul li:first-child {
border-left: 1px solid #666;
}
div#menu_rubriques li ul > li, div #menu_rubriques ul li ul li ul li {
font-size:1em;
}
/* ---------------------------------------------
|
LAYOUT |
|
------------------------------------------------*/
div#wrapper {
margin-top:25px;
}
div#content {
margin: 0 190px;
}
div#rubrique {
background-color:#FFF;
padding-bottom:26px;
}
div#rubrique .titre {
padding:15px 0 0 15px;
}
div#rubrique .titre h1 {
color:#BF080C;
margin:0;
padding:0 39px 13px 0;
border:0;
background:url(../images/fleche_bas.jpg) no-repeat right bottom;
background-size:33px 22px;
display:inline-block;
}
div#rubrique div.description {
display:none;
}
div#colonne_gauche, div#colonne_droite {
width:312px;
float:left;
}
div#colonne_gauche {
margin:30px 13px 0 0;
}
div#colonne_droite {
margin:30px 0 0 13px;
}
div#colonne_gauche ul li, div#colonne_droite ul li {
margin: 0 0 25px 0;
padding:10px 10px 50px 10px;
background-color:#fff;
text-align:center;
}
div#colonne_gauche h1, div#colonne_droite h1 {
margin:10px 0 6px 0;
text-align:left;
}
div#colonne_gauche h1 a, div#colonne_droite h1 a {
color:#BF080C;
font-weight:bold;
}
ul li p {
text-align:left;
}
p.hierarchie a {
font-size:1.3em;
font-weight:bold;
font-style:italic;
display:inline-block;
margin-bottom:9px;
}
div#colonne_gauche p.introduction, div#colonne_droite p.introduction, p.introduction + p {
font-size:1.4em;
text-align:justify;
word-wrap:break-word;
}
p.lire_suite {
font-size:1.4em;
text-decoration:underline;
}
p.date {
margin-top:20px;
font-size:1.2em;
color:#5A5A5A;
font-style:italic;
}
/*-------------- RUBRIQUES ---------------*/
.extrait {
padding:0 0 4em 0;
border:none;
position:relative;
}
.extrait .gauche {
float: none;
margin:0;
}
.extrait .cartouche {
position:absolute;
bottom:0;
right:10px;
float:none;
margin:0;
font-style:italic;
color:#5A5A5A;
}
.extrait h3 {
margin:10px 0;
text-align:left;
}
.complements {
display:none;
}
.extrait .introduction {
text-align:justify;
font-size: 1.4em;
line-height:1.2em;
overflow:hidden;
}
.extrait .lire_suite {
margin-top:15px;
}
.extrait .lire_suite a {
background:none;
padding:0;
text-decoration:underline;
font-size:1.3em;
}
.extrait .introduction object {
width:287px;
max-width:287px;
}
/*-------------- ARTICLES ---------------*/
#article {
background-color:#fff;
padding:20px 20px 3px 20px;
}
#article .description {
position:relative; /* poisitionner ce contenant en relative permet de positionner ensuite ses enfants en absolute, afin de pouvoir placer la cartouche (date) tout en bas de ce contenant */
padding-bottom:30px; /* pour éviter que le cartouche tout en bas chevauche ou soit trop proche de la fin du texte du bloc le précédant */
}
.article .cartouche {
color:#5A5A5A;
position:absolute;
bottom:0;
right:0;
margin:0;
}
#article .titre h1 {
color:#BF080C;
}
#article .description .texte p {
text-align:justify;
font-size:1.2em;
line-height:1.3em;
}
#article .description object:before {
content:" ";
clear:both;
display:block;
margin-bottom:10px;
}
#voir_commentaires {
display:none;
}
.description .soustitre {
color:#000;
}
#commentaires_article {
background-color:#fff;
padding:0 20px 50px 20px;
}
#commentaires_article h2 {
background:none;
padding:0 0 5px 0;
}
.texte .spip_documents {
text-align:left;
}
dl.spip_documents img {
margin-bottom: 8px;
max-width:600px;
}
.texte .spip_documents img {
float:left;
margin-right: 10px;
}
/* ---------------------------------------------
|
COLONNE GAUCHE - NAVIGATION |
|
------------------------------------------------*/
div#navigation, div#extra {
width:170px;
margin-top:25px;
}
div#navigation ul.annonces li, div#extra ul.annonces li {
background-color:#FFF;
padding:5px 5px 40px 5px;
width:160px;
margin:0 auto 20px auto;
}
ul.annonces li h1, div#navigation .noisette h1.intitule, div#extra .noisette h1 a.intitule, div#extra #nav_visiteur li.raccourci_nav1 a {
text-align:left;
font-size:1.75em;
margin:14px 0;
}
ul.annonces li h1 a, ul.annonces li h1 {
color:#BF080C;
font-weight:bold;
}
div#navigation li p, div#extra li p {
font-size:1.3em;
text-align:justify;
line-height:1.2em;
}
div.logo {
text-align:center;
}
.noisette .contenu h2.titre_bloc {
text-align:left;
}
#nav_contacts p {
margin:15px 0 10px 0;
}
#nav_contacts p a {
font-size:1.5em;
}
div#navigation img.reseaux {
width:auto;
}
.formulaire_recherche {
margin:10px 0 0 0;
}
.formulaire_recherche input.text {
height:26px;
-moz-box-shadow: inset -2px 2px 4px 0px #656565;
-webkit-box-shadow: inset -2px 2px 4px 0px #656565;
-o-box-shadow: inset -2px 2px 4px 0px #656565;
box-shadow: inset -2px 2px 4px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=224, Strength=4);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color:#9E9E9E;
float:none;
width:99%;
}
.formulaire_recherche input.submit {
padding: 2px 0;
}
/* ---------------------------------------------
|
COLONNE DROITE - EXTRA |
|
------------------------------------------------*/
div#extra {
margin-left:-170px;
}
div#extra ul.annonces ol {
margin:0;
padding:0;
}
div#extra ul.annonces ol li {
list-style:none;
margin:0;
padding:0;
font-size:1.3em;
line-height:1.5em;
}
div#extra ul.annonces ol li a {
text-decoration:underline;
}
div#extra #nav_visiteur {
background:#FFF;
width:170px;
border:none;
}
div#extra #nav_visiteur ul {
padding:0;
}
div#extra #nav_visiteur ul li.raccourci_nav1 {
padding:5px 5px 5px 5px;
margin:0;
font-size:1em;
}
div#extra #nav_visiteur ul li {
font-size:1.1em;
}
div#extra #nav_visiteur li.raccourci_nav1 a {
border: none;
color: #BF080C;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;
}
.nav2 li {
border: none;
color: #000;
}
.noisette h1 a.intitule:hover {
background:none;
}
/* ---------------------------------------------
|
PIED DE PAGE |
|
------------------------------------------------*/
div#footer {
background: none;
background-color:#FFD401;
padding:0;
text-align:center;
}
.pied_bas {
background: url("../images/bg_pied_bas.png") no-repeat scroll center center #FFD401;
color: #000;
font-size: 1.2em;
height: 90px;
padding: 0;
text-align: center;
width:1030px;
margin:0 auto;
}
.pied_bas .credits {
display:inline-block;
text-align:center;
margin-top:120px;
}
#signature {
height:50px;
line-height:50px; /* pour le centrage vertical — doit être égal à height */
text-align:center;
color:#FFD401;
background-color:#000;
font-size:1.7em;
font-style:italic;
}
#signature a {
color:#FFD401;
text-decoration:underline;
}
/*__________________________________________________________AJOUTS 2016
*/
body {
font: 0.625em/1em Helvetica,Arial,sans-serif !important;
background: none;
background-color: #FCEA1A;
}
/*___________________HEADER
*/
#header {
background-color: #FCEA1A !important;
}
div#header h1 {
font-size: 1.8rem;
text-transform: uppercase;
font-family: Helvetica, Arial;
}
.menu_horiz ul {
width: auto;
float: none;
display: inline-block;
}
#container[class^="rubrique"] .menu_horiz ul {
width: 100%;
display: block;
}
.menu_horiz li {
background-color: #004080;
}
.menu_horiz li:hover, .menu_horiz li.sfhover {
background-color: #001858 !important;
background-image: none !important;
}
.bandeau_bas {
min-height: 62px !important;
border-radius: 0 !important;
}
/*____________________________________MENU
*/
#container #menu_rubriques {
position: relative !important;
left: 0 !important;
text-align: center;
}
#container[class^="rubrique"] #menu_rubriques {
position: relative !important;
left: -14px !important;
}
#menu_rubriques li, #menu_rubriques ul li ul li ul li {
width: 134px !important;
font-size: 1.13em;
line-height: 62px !important;
text-align: center;
}
/*____________________________________SIDEBAR GAUCHE
*/
div#navigation ul.annonces li, div#extra ul.annonces li {
background-color: transparent !important;
padding: 0 !important;
margin: 0 auto 0.5rem !important;
}
.nav_recherche.contenu {
background-color: #fff !important;
}
.contenu .formulaire_recherche {
padding: 0 0 26px 0 !important;
}
#extra {
}
/*____________________________________SIDEBAR droitE
*/
.annonces li {
margin-top: 0.7rem !important;
}
div#extra #nav_visiteur li.raccourci_nav1 a {
text-align: center !important;
}
div#navigation ul.annonces li, div#extra ul.annonces li {
background-color: transparent !important;
padding: 0 !important;
margin: 0 auto 0.5rem !important;
}
#nav_visiteur a:hover {
text-decoration: none;
background: transparent;
color: #001858 !important;
}