@font-face {
    font-family: 'myriad_webregular';
    src: url('myriad/myriadweb-webfont.woff2') format('woff2'),
         url('myriad/myriadweb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'myriad_webbold';
    src: url('myriad/myriadwebbold-webfont.woff2') format('woff2'),
         url('myriad/myriadwebbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'myriad_webitalic';
    src: url('myriad/myriadwebitalic-webfont.woff2') format('woff2'),
         url('myriad/myriadwebitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'the_pyte_foundry_-kink_b';
    src: url('font/kink/thepytefoundry--kinkb-webfont.woff2') format('woff2'),
         url('font/kink/thepytefoundry--kinkb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'basic';
    src: url('font/basic/BasicCommercial_LT_Roman.woff2') format('woff2'),
         url('font/basic/BasicCommercial_LT_Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'basicBold';
    src: url('font/basic/BasicCommercialLT-Bold.woff2') format('woff2'),
         url('font/basic/BasicCommercialLT-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'basicBold';
    src: url('font/basic/IstokWeb-Bold.woff2') format('woff2'),
         url('font/basic/IstokWeb-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/


/*body{overflow-x: hidden; font-family: 'basic';font-size: 1.1em;}*/
body{overflow-x: hidden;font-size: 1.1em;font-family: 'myriad_webregular'; color: white}
h1, .h1, .h1-like, h2, .h2, .h2-like, input{font-family: 'myriad_webbold'}
 h3, .h3, .h3-like, h4, .h4, .h4-like, h5, .h5, .h5-like, h6, .h6, .h6-like, .secondary h1, .secondary .h1, .secondary .h1-like, .secondary h2, .secondary .h2, .secondary .h2-like, .secondary h3, .secondary .h3, .secondary .h3-like, .secondary h4, .secondary .h4, .secondary .h4-like, .secondary h5, .secondary .h5, .secondary .h5-like, legend
{  font-family: 'myriad_webbold';}
*, ::after, ::before {

    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

}
.menuder, .menuder ul {
  list-style: none;
  text-align: left;
  font-weight: normal;
}

.menuder li ul, .menuder .menu-items__item .menu-items {min-width: auto; max-width: auto; border:none}
.navbar > .nav {position: relative !important;}
.navbar .nav > li {position: initial;}
strong, b {
  font-weight: normal;
  font-family: 'myriad_webbold';
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 100vw; max-width: 1920px}

.breadcrumb {
    padding: 0px;
    margin: 0px;}

a {color: inherit;}
a:focus, a:hover, a:active {background-color: transparent;color:#ccc}


header.span12, .classsommaire  {width: 100vw;max-width: 1920px}

#content  {margin-bottom:5rem}

header.accueil {display: flex; flex-wrap: wrap;padding-top: 1.5rem}
header.clearfix:before, header.clearfix:after {content:none !important}
.spanlangues {width:5% }
#lienhomeheader {width: 28%; }
.menuunconteneur {width: 32%; padding-left: 2rem}
.menudeuxconteneur{width:32% }

#logo_site_spip #slogansite {float:none;}
#slogan_site_spip {
letter-spacing: 1px;  font-family: 'myriad_webbold';}

/*.backstretch {top:180px !important; }*/
#menu_lang {line-height: 1.4}
#menu_lang a {display: block;  font-family: 'myriad_webbold'; color: white}
.header {background-color: transparent}
.header .spip_logo {float: none;  margin-bottom: 6px}

#navflex {display: flex; flex-wrap: wrap;}

.navbar-inverse .navbar-inner {background-image: none !important; background-color: transparent; border: none; box-shadow: none; width: 100%}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {color:white;}

.menuder {background-color: transparent}
.menuder, .menuder ul {border:none;}
.menuder li:hover, .menuder li.hover {background-color: transparent; color: red}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {background-color: transparent; color: #ccc; box-shadow: none;}
.navbar .nav > li > a {text-shadow: none; padding: 1px;text-transform: uppercase;;font-family: 'myriad_webbold'; display: inline-block;width: 100%}
.navbar {font-size: calc(9px + 0.8vw); line-height: 1.50}

.menuder li ul, .menuder .menu-items__item .menu-items {background-color: transparent}
.menuder a.daddy::before, .menuder .menu-items__lien:not(:last-child)::before {content: none}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    background-color:transparent;
color:#ccc;
}
.nav > li > a {display: inline; font-weight: normal;}

.menuder li {float: none !important; width: 100%}


.menuder li ul {

    position: absolute !important;
    right: 0px;
    left: initial !important;
    display: none !important;
    top:0px;
    height: 100%;
    width: 52% !important

}
.menuder li li {
    width: 100%;
    padding-right: 0;
    text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}


.menuder li:hover ul {display: block !important;}

li.on.active ul {display: block !important;}

.menuder:hover li.on.active ul {display: none !important;}

.menuder li.on.active:hover ul {display: block !important;}

.page {height: 100%;background: linear-gradient(90deg, rgba(102,102,154,1) 0%, rgba(204,204,153,1) 100%);; background-size:cover; background-position: center; min-height: 100vh; position: relative;}
.page_sommaire .page .container > .row {min-height:56vh}

.blochome {  display: flex;
  align-items: center;
  justify-content: center;
height: 100%;
text-align: center;}
.blochome > div {border: solid 10px white;
color: white;
font-size: calc(29px + 1.7vw);
padding: 0.3rem 2rem;
font-family: 'Arial';
line-height: 1;
text-transform: uppercase;
font-weight: bolder;}

.chapo {font-weight:initial}

#footer {position: absolute;bottom: 0; width: 100%}
#footerlien {background-color: rgba(255,255,255,0.7); padding: 0.1rem 2rem; position: relative;bottom: 3rem;display: inline-block;  font-family: 'myriad_webbold';}
#footerlien span { margin-right: 2rem}
#footerlien a {color: black; display: inline-block;}

@media screen and (max-width: 500px) {
  #footer .h2  {font-size: 1.2rem !important}
}


.form-search label {display: none;}
#formulaire_recherche {display: inline-block;margin: 0;
padding-right: 0;}
input#recherche {border: none;
box-shadow: none;
border-bottom: dotted;
border-radius: 0;
padding: 0px}
#formulaire_recherche .btn {background-color:transparent;
background-image: none;
border-radius: 50%;
font-size: 1.5rem;
padding: 0rem 0.3rem;
border: solid 1px black;margin-left: 0.1rem}



.slickin {position:relative}
.slickin a{display: inline-block;
border: solid 20px rgb(231, 233, 206);width: 100%}
.slickin h3 {position:absolute; top:2rem; left:2rem;color:white; font-size:3rem;overflow-wrap: break-word;
max-width: 89%;font-family: 'Farao'; z-index: 99 }
.slickin:hover img{filter: brightness(50%);
-webkit-filter: brightness(50%);}
.slick-slide {margin-right:2rem}
.slick-slide img {width: 100%; margin:0px !important}

.slick-next{position: absolute;
right: 0px;
top: 0px;
width: 300px !important;
height: 322px;
background-color:transparent;
    border: none;
       opacity: 0
}

.slick-prev{position: absolute;
left: 0px;
top: 0px;
width: 300px !important;
height: 322px;
background-color:transparent;
    border: none;
    z-index: 99;
    opacity: 0
}


.portofolioold {display:flex; flex-wrap:wrap;justify-content: center;}
.portofolioold a {width:calc(33% - 1rem); margin-right:0.5rem; margin-bottom:0.5rem}
.portofolioold img  {margin:0 !important}

#formulairearticle {display:none}




.container > .row {display: flex;
    justify-content: center;
}

#articlecolones {/*column-count: 2; column-gap: 2rem;*/}
#articlecolones header {background-color: transparent; padding: 1rem;margin-top: 1rem;}
header h1  {font-size: 2rem;
text-transform: uppercase; line-height: 1.1; margin: 1rem 0 0 0;}
#aside {}
#aside .asideinside{background-color: rgba(255,255,255,0.7); padding: 1rem; margin-top:1rem}
#aside h2 {margin-bottom:0.5rem}
.colonnebonus {padding:0.5rem 0}

#motscles {margin-top:1rem }
#motscles ul {padding:0px;padding: 0;
margin: 0;
margin-bottom: 0.5rem;}
#motscles ul li {display:inline list-item}

#lienformulaire {margin-bottom:1rem}

.cycle-slideshow {

    width: 100%;
    margin: 10px auto;
    padding: 0;
    position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

}
.cycle-prev {
    left: 0;
    background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}
.cycle-next {

    right: 0;
    background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;

}
.cycle-prev:hover, .cycle-next:hover {opacity:1}

.cycle-prev, .cycle-next {

    position: absolute;
    top: 0;
    width: 30%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 800;
    height: 100%;
    cursor: pointer;
    background-size:30%

}


.breadcrumb {background-color: transparent;border-radius: 0}

.contenumain > div {background-color: transparent; padding: 1rem}
.twocolumns {display: flex}
 .twocolumns > div {width: calc(50% - 1rem); margin-right:1rem}

#headerrubrique {background-color: rgba(255,255,255,0.7); padding: 1rem; margin: 0; margin-bottom: 2rem; float: none;
width: auto; margin-top:1rem; color: black; display: inline-block;}

.breadcrumb > .active {
  color: black;
}

.liste-items .item:last-child {border-bottom:none}
.liste.documents.documents_portfolio img {margin-bottom:5px}


#logo_site_spip {  display: inline-table;vertical-align: top; width: 100%;font-size: calc(7px + 1vw); padding-bottom: 1rem; margin-top: 0.5rem}
/*.navbar { display: inline-table;}
.navbar .nav > li {
    float: left;
    display: block;
    clear: left;
}*/
.spanlangues {
    text-transform: uppercase;
    margin-left:0px;
    text-align: center;font-size: calc(11px + 0.7vw);
line-height: 1.7 ;
margin-top: 0.6rem
}
.spanlangues #menu_lang strong {color:red;}


/*.fullmiddle {width: 1170px; margin: 0 auto}*/

.categories.photos {display: flex; flex-wrap:wrap; width: 100%}
.categories.photos .categorie {width:calc(33% - 1rem); margin-right: 1rem; background-color: rgba(255,255,255,0.7); padding: 1rem; margin-bottom: 1rem}
.categories.photos .categorie h2 {color: black}

.contacts {display: flex; flex-wrap:wrap;}
.contacts .carnets  {width:calc(33% - 1rem); margin-right: 1rem; background-color: rgba(255,255,255,0.7); padding: 1rem; margin-bottom: 1rem; color: black}
.contacts .carnets.zinneke {background-color: transparent;padding: 0px}

.contacts .carnets.zinneke div {background-color: rgba(255,255,255,0.7);padding: 1rem;  }

.contacts .carnets img  {width:100%}
.contacts .carnets h2 {text-transform:uppercase; margin:0.5rem; margin-bottom:0px}
.contacts .carnets p, .contacts .carnets a {margin:0 0.5rem}
.contacts .carnets p a {margin:0px}

.art_photos .main #documents_portfolio ul  {list-style: none; margin: 0px}
.art_photos .main #documents_portfolio ul li {float: left;; margin: 0 1rem 1rem 0}



.zinodes-items {display: flex; flex-wrap: wrap;}
.zinodes-items > article {margin:0 2rem 2rem 0; width: calc(33% - 2rem); position: relative; background-color: rgba(255,255,255,0.7); padding: 1rem; min-height:150px}
.zinodes-items > article img {width:100%}
.zinodes-items > article a {display:block;height:100%}
.imgzinode {width: 100%}
.titrezinode {position: absolute;top: 1.5rem;
left: 1.5rem;
color:black;
font-size: 1.5rem; background-color:white}


body .spip-admin-float,  .spip-admin-float{
  right: 10px;
  bottom: 0;
  margin-bottom: 0;
}
.spip-admin-float .spip-admin-boutons {
    padding: 0.2em 1em;
}
.spip-admin-float .spip-admin-boutons {
    opacity: 0.4;
}
.spip-admin-float .spip-admin-boutons:hover {
    opacity: 0.8;
}
body .spip-admin-float, .spip-admin-float {
    bottom: 0;
    margin-bottom: 0;
    right: 0;
    top: unset;
}


.liste-items .item {border-top: none;}
.articlerubriqueflex {}
.articlerubriquecontenu, .articlerubriquephoto {background-color: transparent; padding:1rem;}

.articlerubriqueflex > .hentry {background-color: rgba(255,255,255,0.7); color: black}

#tabs {padding:0px !important}

.ui-widget-header {
    border: none !important;
    background: none !important;
}
.ui-widget-content {

    border: none !important;
    background: none !important;
}

.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav {padding:0px !important}
.ui-widget {font-family: 'Farao' !important;}

.liste-items .item:first-child {padding-top:0px !important}

.contenuimg { padding:1rem;margin-top:1rem}

.evenemetsflex {display:flex; flex-wrap:wrap}
.evenemetsflex .evenementitems {width:calc(33% - 1rem); margin-right:1rem; background-size:cover; background-repeat:no-repeat;background-position: center;}

.evenemetsflex .evenementitems .citation {background-color:rgba(255,255,255,0.7); padding:0.5rem}

.evenementitems {background-color: rgba(255,255,255,0.7); padding:1rem; margin-bottom:1rem}
.evenementitems h2 {margin:0.5rem 0}

#evenementlieuadresse p {display:inline}

@media screen and (max-width: 1520px) {
       .navbar {
    font-size: calc(12px + 0.8vw);
    line-height: 1.4;
}
}

@media screen and (max-width: 1320px) {

.navbar {

    font-size: calc(10px + 0.8vw);
    line-height: 1.55;

}

}

    @media screen and (max-width: 1300px) {
.slick-prev, .slick-next {width: 120px !important}

}

  @media screen and (max-width: 1150px) {
  .menuder li ul{
    display:none !important;
  }
  li.on.active ul {
    display: none !important;
}
.menuder li:hover ul {display: none !important;}


.menuder:hover li.on.active ul {display: none !important;}

.menuder li.on.active:hover ul {display: none !important;}

.spanlangues {
}

  }


@media screen and (min-width:700px) and (max-width:1000px){
  .slickin h3 {font-size:2rem}
}

@media screen and (max-width: 850px) {
  .slick-prev, .slick-next {width: 50px !important}
  }

@media screen and (max-width: 800px) {


.evenemetsflex .evenementitems, .zinodes-items > article, .categories.photos .categorie {
    width: calc(50% - 1rem);}

}

@media screen and (max-width: 780px) {
    body {
    padding-left: 0;
    padding-right: 0;
}
.container > .row {display: initial;}
.container .header > .row {display: flex;}
    #lienhomeheader {
    width: 95%;
    text-align: center;
}
#logo_site_spip {width: 65%}
.navbar-responsive {position: initial;}
.navbar {width: 100%;margin-bottom: 0px;}
.navbar .nav {text-align: center;}
.menuder li {
    float: none !important;
    width: auto;
    margin-right: 1rem;
    display: inline
}
.spanlangues {}

#headerrubrique {width: 100%}

      .navbar {
    font-size: calc(12px + 0.8vw);
    line-height: 1.4;
}
.aside.secondary.col.span4  {padding-bottom:150px}

    }



/* ajouts pour plugins parGuillaume */
/* plugin auteursenrichis */
.coordonnees label {
    margin-right:10px;
    font-family:monospace;
}
.coordonnees div > span {
    display: inline-block;
    width: 80%;
    padding: 10px;
    background: #f5f5f5;
    border: 1px dotted #999;
}

.auteursenrichis .coordonnees button{
    margin: 20px;
    margin-left:75%;
}



/* plugin ndf */
.page_mon-compte #content,
.page_ndf #content,
.page_ndfd #content,
.page_ndf_creer #content,
.page_ndfd_creer #content{
    background: white;
    margin-left: 0;
    padding: 0 15px;
}
.page_ndf .cartouche h1,
.page_ndfd .cartouche h1 {
    font-size: 20px;
}
.page_ndf .ndf_meta,
.page_ndfd .ndf_meta {
    font-size: 14px;
    margin-bottom: 20px;
}

.ndf_meta label {
    margin-right:10px;
    font-family:monospace;
}
.ndf_meta div > span {
    display: inline-block;
    width: 80%;
    padding: 10px;
    background: #f5f5f5;
}

.page_ndf .instituer_objet .boutons,
.page_ndfd .instituer_objet .boutons  {
    float:right;
}
.page_ndf .boutons::after,
.page_ndfd .boutons::after {
    clear:none;
}
.page_ndf form select,
.page_ndfd form select {
    width:auto;
}
.menu_ndfs,
.menu_ndfd {
    margin-top:20px;
}
.menu_ndfs ul li.row_even,
.menu_ndfd ul li.row_even{
    background:#f5f5f5;
}
.menu_ndfs ul li,
.menu_ndfd ul li{
	clear: both;
    padding-bottom: 5px;
}
.menu_ndfs ul,
.menu_ndfd ul{
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
}
.menu_ndfs .titre,
.menu_ndfd .titre{
	min-height: 40px;
	padding: 5px 10px;
	line-height: 40px;
}
.menu_ndfs .generer_pdf,
.menu_ndfd .generer_pdf{
	/*float:right;*/
	margin-right: 30px;
	/*width: 370px;*/
}
.menu_ndfs .supprimer_ndf,
.menu_ndfd .supprimer_ndf{
	float:right;
    margin: 5px;
}
.menu_ndfs .supprimer_ndf button,
.menu_ndfd .supprimer_ndf button{
	color:#990000;
}
.page_mon-compte button.creer,
.page_ndf button.creer,
.page_ndfd button.creer {
    margin:5px 0 10px;
}

.formulaire_spip, .formulaire_spip .boutons {background-color: transparent}

.page_mon-compte .formulaire_spip,
.page_ndf .formulaire_spip,
.page_ndfd .formulaire_spip,
.page_mon-compte .formulaire_spip .boutons,
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
    background:none;
    padding:0;

}
.page_mon-compte .formulaire_spip .boutons,
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
    border-top:none;
    margin-left: 10px;
    line-height: 40px;
}
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
    margin-right:20px;
}
.page_mon-compte .formulaire_spip .editer_recap label,
.page_ndf .formulaire_spip .editer_recap label{
    float:left;
}
.page_mon-compte .formulaire_spip .editer_recap .choix,
.page_ndf .formulaire_spip .editer_recap .choix{
    display:inline;

}
.formulaire_spip .editer_recap label{
    line-height: 12px;
font-size: 10px;
padding: 8px 5px 8px 0;
}
.page_mon-compte .menu .formulaire_spip .editer-groupe,
.page_ndf .menu .formulaire_spip .editer-groupe{
    margin-bottom:0;
    line-height: 40px;
    float:left;
}
#champ_montant, #champ_distance {
    width:auto;
}
.page_ndf .ndf_meta {
    margin : 20px 0;
}
.page_ndf .ndf_meta > div{
    margin : 10px 0;
}
.page_mon-compte .generer_pdf .boutons .submit {
    white-space: normal;
    width: 230px;
    line-height: 16px;
}


#gracea {display:flex; flex-wrap:wrap; padding:1rem; align-items: center;
  justify-content: center;}
#gracea > div {width:calc(33.3% - 1rem); margin-right:1rem; text-align:center}
.leaflet-grab {cursor: url("http://www.zinneke.org/IMG/cursorloupsmall.png") 12 12, default !important;}

#colorbox.mapbox {width:550px !important;
left:calc(50% - 225px) !important;pointer-events: all;

}
#cboxLoadedContent {border:none}
#cboxClose {top:0px}

@media only screen and (max-width:600px) {
#colorbox.mapbox {width:90vw !important;left:0 !important
}
}

.mapbox #cboxWrapper, .mapbox #cboxContent, .mapbox #cboxLoadedContent {width:100% !important; cursor:auto}

.leaflet-container {font:inherit}

.leaflet-container:fullscreen {z-index:999 !important}

#cboxTitle {display: none !important}

#articlecolones {background-color: rgba(255,255,255,0.7); color: black}
/*VOTE */

#articlecolones .quickvote-question {font-size: 1.5rem;}
#articlecolones .formulaire_quickvote .choix input.radio {float: left;}

#articlecolones .formulaire_quickvote input.submit {text-transform: uppercase;background-image: none !important; color: #F3201F; background-color: white; font-size: 1.5rem; padding: 1rem 3rem;
font-weight: bold;}
#articlecolones .formulaire_quickvote input.submit:hover { opacity:0.8;}


.rub91bloc {display: flex; flex-direction: column;}
.rub91bloclien {margin-top: auto;
position: relative;}
.rub91bloclien a  {position: absolute;
bottom: 0;
margin-top: 2rem;
display: block;
width: 100%;}

.formulaire_quickvote .choix label {font-size: 1.5rem}
.formulaire_quickvote > .quickvote-question {display: none;}


.formulaire_spip .boutons {text-align: left;}

.quickvotebilan .quickvote-resultat > table > caption {display: none}


.liste.articles > ul {margin: 0; list-style: none;}






.aplat {
  background-color: rgba(0,0,0,0.7);
  opacity: 1;
  z-index: 9;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.panel-full {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999
/*  display: flex;
align-items: center;
justify-content: center;*/
}

.home-step2 .aplat-full, .home-step2 .panel-full {display: none}

.homebeforerow.row > * {width: auto !important;}
.homebeforerow a {color: black}
.homebeforelogo img {cursor: pointer;}

.aplat-fullinside {width: 100%;
height: 100%;
position: relative;}

.homebeforerow {position: absolute;bottom: 2rem; justify-content: center; left:0; right: 0}
.homebeforelogo {position: absolute;
right: 0;
left: 0;
top:25%;
text-align: center;}

#aplat-full {background-repeat: no-repeat; background-position: center;background-size: contain;}


.homebeforelogo  > div a {border:solid 3px white; font-size: 2rem; padding: 2rem; color: white; display: block;}

#formulaire_formidable-30 .saisie_radio .label {background-color: transparent; text-shadow: none; color: black;font-size: 14px;
font-weight: normal;
line-height: 20px; border:none; font-family: "myriad_webregular"; margin: 0}