@font-face {
    font-family: 'nymphetteregular';
    src: url('../polices/nymphette-webfont.woff2') format('woff2'),
         url('../polices/nymphette-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Victorian LET';
    src: url('../polices/VictorianLetPlain.woff2') format('woff2'),
        url('../polices/VictorianLetPlain.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
body {font-family: 'Bodoni Moda', serif;}
body.page_sommaire {color: #fff;}
.header .spip_logo_site {font-size: 3em; display: inline-block}

/* Lettrines pas encore au point
---------------------------------------------- 

.texte p:first-child:first-letter {
  font-size:4em;
  padding-right:0.2em;
  float:left;
}
*/
h1.titraille {font-family: 'Victorian LET';text-transform: uppercase;font-size: 2.5em;color: #f7dd00;}
.spip_logo_site {font-family: 'Victorian LET';text-transform: uppercase;font-size: 2em;}
#descri {text-align: left;}
#login {margin-top: 22%;}
p#slogan {margin: 2em 0 1em 0;
font-family: 'Bodoni Moda', serif;
font-size: 2.5em;
text-align: center;}
.page_sommaire {background: #000;font-weight: normal;font-color: #FFF;}

.page_sommaire .chapo {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
margin-top: 80px;
padding: 16px 40px;
text-align: left;
font-weight: normal;
}

.page_sommaire a, .page_sommaire a:visited, .page_sommaire a:focus, .page_sommaire a:hover, .page_sommaire a:active {color:#FFF; text-decoration:none; }

.page_sommaire #col1, .page_sommaire #col3 {min-height: 100vh; width: 25%;float: left;position: relative;}
.page_sommaire #col2 {width: 48%;float: left;}
#col1 .gidouillehaut {position: absolute;display: block;top: 50px;left: 50px;}
#col1 .gidouillebas {position: absolute;display: block;bottom: 50px;left: 50px;}
#col3 .gidouillehaut {position: absolute;display: block;top: 50px;right: 50px;}
#col3 .gidouillebas {position: absolute;display: block;bottom: 50px;right: 50px;}
.gidouilletop {display: none;}

@media screen and (max-width: 800px) {
  .gidouillehaut, .gidouillebas, img.spip_logo {display: none !important;}
  .gidouilletop {display: block;}
}

@media screen and (max-height: 600px) {
  .gidouillebas {display: none !important;}
}



/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #009900; }
a:focus, 
a:hover, 
a:active { background-color:#009900; color:#fff; text-decoration:none; }
.header .spip_logo_site a:hover  {color: #009900;}

.page_sommaire a:focus, .page_sommaire a:hover, .page_sommaire a:active { background-color:#f7dd00; color:#000; text-decoration:none; }


.style1

/* Menu et fil d'ariane
---------------------------------------------- */

#nav {margin-top: 2em;}
#cartouche {
border-top: solid 1px;
padding: 5px;
}
.menu_articles ul li {border: solid 1px #ccc;padding: 1em;}
1
.nav li a { background: #009900;color: #fff; border-radius: 1em;}
.nav li.on a { background:#009900; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:active { background: #009900; color:#fff; }
.nav li a:hover { background: #00BB00; color:#003300; }

/* pagination 
---------------------------------------------- */
.pagination .on, .pagination a:hover, .pagination a:focus, .pagination a:active {
    font-weight: bold;
    background: #009900;
    color: #fff; }

/* fil d'ariane */
.arbo { clear: both; font-size: .9em;}
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #009900; }
.arbo a:hover,
.arbo a:focus { background: #009900; color: white; text-decoration:none; }

/* Collapsible
---------------------------------------------- */

 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #fbecb2;
  color: #000;
  cursor: pointer;
  padding: .5em;
  border-radius: 1em;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.3s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  color: #fbecb2;
  background-color: transparent;
}

.active {background-image:;}

/* Style the collapsible content. Note: hidden by default */
.hiddencontent {
  display: none;
  overflow: hidden;
} 

.event h3 {font-size: 2.5em;margin: .4em 0;}

/* Formulaire de recherche
---------------------------------------------- */

#formulaire_recherche {
  background-image: url('../img/chandelle_noire.png');
background-position: top left;
background-repeat: no-repeat;
padding-left: 72px;
min-height: 120px;
padding-top: 62px;
}

/* Piqué à bootstrap pour les vidéos responsive
---------------------------------------------- */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 0px;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

div.prochains_evenements {margin-bottom: 2.2em; border-bottom: solid 1px;}

div.agendate {
font-size: .8em;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1em;
}


/* Culs de lampe
------------------------------------------------ */
.cul {font-family: 'nymphetteregular';text-align: center;width: 100%;margin: 0;font-size: 90px;}


table.spip tbody tr.odd th, table.spip tr.odd td {background: transparent;}

#datePata, #menu_lang {margin: 0 0 1em 0;display: inline;}
#datePata {float:right;}

.footer {border-top:1px solid #000;}

.formulaire_login label {display: inline-block;margin-right: 1em;}
.formulaire_login input {max-width: 350px;}

.aside h2 { border-bottom: 1px solid #fff;}
.aside ul li p {font-size:.9em;}

.arrowright {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-right:10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

}

input#fichiers_1_0 {
    display: none;
}
.editer_fichiers_1 label.label {cursor: pointer;color:#009900;margin-bottom:1em;}
.editer_fichiers_1 label.label:hover {background-color: #009900;color: #fff;text-decoration: none;}
.editer {margin: 1.5em 0;}