@font-face {
font-family:'Work Sans';
src:url('lib/Work_Sans/WorkSans-Regular.ttf');
}

@font-face {
font-family:'Work Sans';
font-weight:bold;
src:url('lib/Work_Sans/WorkSans-Bold.ttf');
}

@font-face {
font-family:'Work Sans';
font-weight:900;
src:url('lib/Work_Sans/WorkSans-ExtraBold.ttf');
}

body {
color:black;
background:white;
font-family:'Work Sans', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family:'Work Sans', Helvetica, Arial, sans-serif;
font-weight:bold;
color:black;
text-align:left;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
color:black;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6:hover a,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
.h1 a:focus, .h2 a:focus, .h3 a:focus, .h4 a:focus, .h5 a:focus, .h6:focus a,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
.h1 a:active, .h2 a:active, .h3 a:active, .h4 a:active, .h5 a:active, .h6:active a {
color:black;
text-decoration:none;
border-bottom:1px solid black;
}

h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter,
h5:first-letter, h6:first-letter, .h1:first-letter, .h2:first-letter, 
.h3:first-letter, .h4:first-letter, .h5:first-letter, .h6:first-letter {
text-transform:uppercase;
}

h1, .h1 {
font-weight:900;
}

h2, .h2 {
font-size:1.75em;
}

h3, .h3 {
font-size:1.4em;
margin-top:2em;
}

a, a:focus, a:hover, a:active, a.spip_out, a.spip_glossaire {
color:#94300E;
}

a.spip_out, a.spip_glossaire {
background:transparent;
padding-right:0
}

a.spip_in {
color:#3d3d4d;
}

.contenu-droite {
width:100%;
text-align:right;
}

.droite {
float:right;
}

.info-publi abbr {
border-bottom:none;
}

.minuscules {
text-transform: lowercase;
}

.texte {
line-height:inherit;
}

#page {
width:auto;
margin:0;
padding:0;
background:inherit;
border:none;
}


#entete {
background-repeat:repeat-x;
background-image:url(img/banniere.jpg);
height:200px;
margin:0;
padding:0;
border:0;
}

#entete>div.accueil {
margin-left:220px;
font-family:'Work Sans', Helvetica, Arial, sans-serif;
}

@media(max-width:600px){
 #entete>div.accueil {
 margin-left:1em;
 }
}

#entete .accueil #nom_site_spip,
#entete .accueil #nom_site_spip a {
font-size:1.8em;
color:black;
font-family:'Work Sans', Helvetica, Arial, sans-serif;
font-weight:bold;
}

#entete #slogan_site_spip {
font-size:1.46em;
font-family:'Work Sans', Helvetica, Arial, sans-serif;
color:black;
}

.nav .formulaire_recherche label {
display:none;
}

.nav .formulaire_spip input.text,
.nav .formulaire_spip select {
background:#253240;
border:1px solid #65738c;
padding-left:0.2em;
vertical-align:5%;
color:white;
}

.nav .formulaire_spip select {
height:1.4em;
}

.nav .formulaire_spip input.text {
width:9em;
height:1.2em;
}

.formulaire_recherche .boutons,
.formulaire_recherche input.submit {
background:transparent url(img/rechercher.gif) no-repeat scroll left center;
margin-left:0.2em;
margin-top:-0.4em;
border:0pt none;
color:transparent;
}

.formulaire_menu_lang label {
display:inline;
}

.formulaire_menu_lang input,
.formulaire_menu_lang select,
.formulaire_menu_lang textarea {
background:#F8F6D2 none repeat scroll 0% 0%;
border:1px solid black;
color:black;
width:10em;
}

.nav {
background:#21222f;
padding:0.2em;
}

#bloc-central {
padding:1em 1.5em 100px;
background:url(img/pieddepage.png) no-repeat right bottom;
}

#conteneur {
overflow:visible;
}

#contenu {
padding-top:0;    
padding-right:1%;
border-right:1px solid #ddd;
text-align:justify;
overflow:hidden;
width:67%
}

#descriptif_site_spip>h2{
margin-top:0;
border-top:none;
}

#contenu h1,
#contenu .h1 {
font-size:3.25em;
margin-top:0.5em;
}

#contenu h2,
#contenu .h2 {
font-weight:900;
}

.liste-items .item .h3 {
border:none;
}

.liste-items .item .info-publi {
background:none;
display:inline;
float:none;
margin:0;
padding:0;
}

#contenu .liste-items .item {
margin-bottom:1em;
}

#hierarchie {
margin-bottom:0;
margin-top:0;
}

#contenu div.une,
#contenu div.secteur {
border-top:1px solid #ddd;
padding-top:1em;
}

.sommaire .h2 {
margin-bottom:0.5em;
text-transform:uppercase;
}

.sommaire .liste-items .item .h3 {
display:inline;
}
.sommaire .liste-items .item .info-publi {
display:inline-block;
}

.sommaire .secteur {
margin-bottom:2em;
}

.sommaire ul.liste-items {
padding:0;
margin:0;
list-style:none;
}

.sommaire ul .img-article {
overflow:hidden;
float:left;
margin-right:1em;
}

.sommaire .img-article {
text-align:center;
}

.sommaire .img-article img.spip_logo {
object-fit:contain;
max-width:100%;
height:auto;
margin:0;
float:none;
}

.sommaire .premier-item .img-article {
display:inline-block;
width:25%;
}

ul.deux-colonnes { 
text-align-last:justify;
-moz-text-align-last:justify;
}

ul.deux-colonnes>li {
display:inline-block;
width:48%;
vertical-align:top;
text-align-last:initial;
-moz-text-align-last:initial;
}

ul.deux-colonnes>li:nth-child(odd){
padding-right:1%;
}

ul.deux-colonnes>li:nth-child(even){
padding-left:1%;
}

@media(max-width:600px){
 ul.deux-colonnes>li{
 width:100%;
 padding:0;
 }
}


#navigation {
margin-top:0;
width:31%;
}

#navigation>div#formulaire_menu_lang
{
background-color:white;
margin:0;
text-align:right;
}

#navigation>div {
margin-top:1em;
border-top:1px solid #ddd;
padding-top:1em;
}

#navigation>div:first-child {
border-top:none;
margin-top:0;
padding-top:0;
}

#navigation>div>.h2,
#navigation .menu-titre {
color:black;
margin:0 0 0.5em;
}

#navigation>div>.h2,
#navigation>div>.h2 a,
#navigation>div>.h2 #navigation>div>a:focus,
#navigation>div>.h2 #navigation>div>a:hover,
#navigation>div>.h2 a:active,
#navigation .menu-titre a {
color:black;
}

#navigation p {
margin:0;
}

#navigation .inline {
display:inline;
font-size:1em;
}

#navigation .lien a {
font-weight:normal;
font-size:initial;
float:right;
display:inline-block;
}

#navigation .flash-infos .entete-article {
padding:0.5em;
margin-bottom:0.5em;
background-color:rgb(78, 146, 58);
border:none;
color:white;
}

#navigation .flash-infos .entete-article h2 {
display:inline;
}

#navigation .flash-infos .entete-article h2 a {
color:white;
border-color:white;
}

#navigation .flash-infos .titre .date {
display:inline-block;
font-weight:normal;
}

#navigation .klaxon .h2 {
padding: 0.2em 0.3em 0.2em 1.5em;
margin-bottom: 0.2em;
background: black url(img/klaxon-mini.png) no-repeat left;
border: none;
color: white;
}

#navigation .klaxon .h2 a {
color: white;
}

#navigation .klaxon .h2 a:hover {
border-bottom: 1px solid white;
}

#navigation .klaxon .bouton {
background-color: #777;
}

#navigation .klaxon .bouton:hover {
background-color: #999;
}

#navigation .klaxon .bouton span{
color:white;
}

.chapo>p {
font-style:italic;
text-align:justify;
}

#pied {
background:#21222f;
border:none;
margin:0;
}

.menu-liste {
border-bottom:0;
}

.nav .menu-liste .menu-entree {
line-height:1.6em;
padding:0;
margin:0 0 0 10px;
}

#nav>.menu-liste>.menu-entree,
#nav-haut>.menu-liste>.menu-entree {
display:inline-block;
}

.nav .menu-liste a,
.nav .menu-liste a:focus,
.nav .menu-liste a:hover,
.nav .menu-liste a:active,
.nav .menu-liste a.spip_out,
.nav .menu-liste a.spip_glossaire,
#pied  a,
#pied a:focus,
#pied a:hover,
#pied a:active,
#pied a.spip_out,
#pied a.spip_glossaire {
color:#F8F6D2;
}

.nav .menu-liste .surligner a {
color:#F6A01F;
}

#nav .menu-liste li.menu-entree ul.menu-liste,
#nav-haut .menu-liste li.menu-entree ul.menu-liste {
display:none;
position:absolute;
background:#21222F;
opacity:0.90;
margin:0;
padding:0.5em;
}

#nav .menu-liste li.menu-entree:hover ul.menu-liste,
#nav-haut .menu-liste li.menu-entree:hover ul.menu-liste {
display:block;
}

#nav .menu-liste li.menu-entree:hover ul.menu-liste li.menu-entree,
#nav-haut .menu-liste li.menu-entree:hover ul.menu-liste li.menu-entree {
display:block;
margin:0;
padding:0;
}

.nav .menu-liste li.menu-entree .formulaire_spip {
margin:0;
}

.nav .menu-liste li.menu-entree .formulaire_spip label {
color:white;
font-weight:normal
}

.ligne {
height:100%;
margin-bottom:1em;
margin-top:0.5em;
}

.cacher-fin {
height:8em;
text-overflow:ellipsis;
overflow:hidden;
-webkit-transition:width 2s;
transition:width 2s;
}

/* Boutons */
.bouton {
background-color:#ddd;
color:black !important;
padding:0.3em;
-webkit-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
font-size: 10pt !important;
width: 5em;
display: inline-block;
text-align: center;
}

.bouton i {
padding-right:0.4em;
}

.bouton:hover {
background-color:#bbb;
color:black;
text-decoration:none;
cursor:default;
}

.bouton:focus {
color:black;
}

/* Agenda */
.date-agenda {
position:relative;
float:left;
height:52px;
width:52px;
margin-right:10px;
padding-top:0px;
line-height:normal;
background-color:#94300E;
margin-bottom:5px;
}

.date-agenda .nom_jour {
display:block;
text-align:center;
color:#fff;
font-size:9px;
padding-top:0;
text-transform:uppercase;
}

.date-agenda .jour {
display:block;
text-align:center;
padding-top:1px;
padding-bottom:1px;
color:#fff;
font-size:22px;
font-weight:bold;
}

.date-agenda .mois {
display:block;
text-align:center;
padding-bottom:4px;
color:#fff;
font-size:9px;
text-transform:uppercase;
}

.details-agenda {
margin-left:62px;
}

@media (max-width:600px) {
 .details-agenda {
 margin-left:0;
 }
}

.icon-calendar {
width:15px;
}

.agenda-heure-lieu {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}