/********************************* RÉGLAGES GÉNÉRAUX ***************************************************/

* {
  box-sizing:border-box; 
  background-repeat:no-repeat;
  background-position:left top;
}

hr {
  display: block;
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 2em 0;
  border: none;
}
img {
  max-width:100%;
  max-height:100%;
  vertical-align: middle;
}
.corps img {
  width: 100%;
  height: auto;
}

.arrondi, input[type=text], select, .mots a, .type_don .choix.active {
  border-radius:2px;
}
.arrondi-d {
  border-radius: 0px 2px 2px 0;
}

.clear {
  display:block;
  clear:both;
}
.clear-b {
  clear: both;
}
.onglets a, .matos.ligne .apercu {
  transition:background-size 0.2s ease-out;
}

.flex, .flex-v {
 	display: -ms-flexbox; 
 	display: -webkit-flex;
 	display: flex; 
	width: 100%;
	
  -webkit-align-items:flex-start;
 	-ms-flex-align:start;
	-ms-grid-row-align:flex-start;
	align-items:flex-start;

}
.flex {
  -ms-flex-pack: start; 
   -webkit-box-pack: start; 
   -webkit-justify-content: flex-start; 
   justify-content: flex-start;
          
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flex-end {
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.flex-v-center {
  -webkit-box-align: center;  
  -ms-flex-align: center; 
  -ms-grid-row-align: center; 
  -webkit-align-items: center; 
          align-items: center;
}
.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-bottom {
  -webkit-align-items:flex-end;
          align-items:flex-end;
  -webkit-box-align:end;
  -ms-flex-align:end;
  -ms-grid-row-align:flex-end;
  align-items:flex-end;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.flex-nw {
   -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-self-end {
  align-self: flex-end;
}
.ellipsis, .bandeau-flash a {
  overflow:visible;
}

.bloc {
    border-radius:4px;
    width: 100%;
}

.btn, .form_submit {/*.agir, */
  display:inline-block;
  border-radius:4px;
  padding:0.4em 1.3em;
}
.btn.plus {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.btn.plus span {
  background-image: url("/2016/design/croix-recherche.svg");
  background-position: left 8px center;
  background-size: auto 66%;
  padding-left: 1.7em;
}

.cercle {
  display:block;
  position:absolute;
  border-radius : 50%;
  -o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,20), Direction=90, Strength=5);
  
  background-image:url("/2016/design/chevron.svg");
  background-repeat:no-repeat;
  background-position: center;
  background-size:30% auto;
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition:filter 0.2s, -webkit-filter 0.2s;
}
a:hover .cercle {
  -webkit-filter:brightness(110%);
          filter:brightness(110%);
}

.arrondi {border-radius:3px;}

.flex-video {
  clear:left;
  position: relative;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
}
.flex-sound {
  clear:left;
  position: relative;
    height: 0;
    padding-bottom: 25%;
    overflow: hidden;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video, .flex-sound iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel {
  padding: 1.7em 1.2em;
  border-radius: 2px;
}

.bandeau-flash, .recherche-avancee > a {
  height: 2em;
}

.titre-gros {
  text-align:center;
  margin-top:1.2em;
  margin-bottom:0.8em;
}

.tags a {
  margin-bottom:0.3em;
  margin-right:0.6em;
  border-radius:2px;
  padding:0 0.7em;
}




/************************************ DEROULE *****************************************/

.marge {
  width:calc(100% - 20px);
}
.marge, #menu {
  margin:auto;
}
.hautdepage {
  padding-top: 1.5em;
}

.bandeau_cookie {padding:7px 1em;;line-height:20px;position:fixed; bottom:0; font-size:.8em;text-align:center; z-index:99;text-align:center;width:100%;line-height:1.4em;}
.bandeau_cookie a{display:inline-block;margin-left:5px;padding:0 6px;position:relative;cursor:pointer;color:#333;}
.bandeau_cookie a:hover{}

header h1.logo, header .logo {
  margin:0;
}
header .marge {
  position:relative;
}
header p {
  display:none;
  max-width:40em;
  margin-bottom:0;
  margin-top:0.2em;
}
.hamburger {
  position:absolute;
  right:2px;
  top:1.5em;
  display:inline-block;
  background:url("/2016/design/hamburger.png") no-repeat;
  background-size:100% auto;
  width:2.4em;/*30px*/
  height:2.388em;/*18px*/
}
#menu {
  position:absolute;
  display:none;
  max-width:300px;
  right:0px;
  top:0px;
  z-index:90;
  padding-top: .555em;
  padding-bottom: 0.444em;
}
#menu.active {
  display:block;
  z-index:90; 
  right:0;
  top:0;
  padding:1em 0 1em 0;
}
#menu .close {
  float:right;
  margin-right:5%;
  position:relative;
  z-index:95;padding:0.8em;
  margin-top:-0.8em;
}
#menu .principal {
  width:90%;
  margin-left:5%;
}
#menu .principal {
  margin-bottom:0.8em;
}

#menu .principal ul {
  display:none;
}
#menu .principal > li:first-child {
  border-top:none;
}
#menu .principal li {
  text-align:left;
  border-top:1px solid #99b;
  margin-top:0;
}

#menu .principal li a {
  display:block;
  padding:0.5em 0;
}
#menu .principal li.jagis {
 padding-top:1em;
  padding-right: 0;
}
#menu .principal li.jagis a {
  text-align: center;
  font-weight: bold;
  padding: 0.5em 1em;
  border-radius: 4px;
}
#menu .principal li.jagis a:hover {
  opacity: 1;
}


@media  (max-width:768px){
  #menu .principal ul {background:none !important;}
  #menu {
   -o-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.3);
   box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.3);
   filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=90, Strength=5)
  }

  #menu .actions .flex-end {
    margin-top:1em;
    justify-content:initial;
  }
  .jagis a {padding:0.7em 0 !important;}

}


form.recherche input[type="text"] {
  background: url("/2016/design/recherche.svg") no-repeat;
  background-size:auto 100%;
  border: none;
  padding:0.74em 0 0.74em 3em;
  height:2.3em;
  width:15.2em;
  margin-left:5%;
  font-size: 0.9em;
}

.languettes {
  display:none;
}
a.jc2017, a.radioSetP {
  display:block;
  box-sizing:border-box;
  text-align:center;
  padding:0.5em 0.8em;
  border-radius: 0 0 4px 4px;
}
.jc2017 span.br, .radioSetP span.br {
  display:none;
}
.logo_SetP {
  text-indent: -9999px;
  background: url(/2016/design/Logo_seul.png) left center no-repeat;
  -webkit-background-size: 1em;
  background-size: auto 1em;
  display: inline-block;
  width: 2em;
  height: 1em;
  line-height: 1em;
  margin-left: 0.2em;
  vertical-align: top;
}
/*a.jc2017 .big {
  display:inline-block;
  padding-top:0.2em;
}*/
.bandeau-flash {
  width:100%;
  margin:10px 0px;
  padding-top:0.5em;
  text-align:center;
  overflow:hidden;
}
.bandeau-flash a span.mobile-hide {display:none;}
.bandeau-flash a {
  position:relative;
  max-width:90%;
  margin:auto;
  text-align:center;
  height:1.4em;
  margin-bottom:1em;
  transition:none;
}
.bandeau-flash a {display:block;}
.info-flash {
  text-transform:uppercase;
  margin-bottom:1em;
}
.linfo {
  text-align:center;
  padding:0.7em 1em !important;
}

#fil-ariane {
  border-radius:2em;
  margin-bottom: .5em;
  position:relative;
  display:inline-block;
}
#fil-ariane a {
  display:inline-block;
  height:inherit;
  margin:0;
  background-image:url("/2016/design/fil-ariane-milieu.png");
  background-repeat :no-repeat;
  background-position:left center;
  padding-left:2em;
  padding-right:.5em;
  line-height: 1.6em;
  position:relative;
}
#fil-ariane a:first-child {
  background-image:none;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  padding-left:1em;
}
#fil-ariane a:last-of-type:after {
  display:inline-block;
  content:' ';
  height:0;
  border: .8em solid transparent;
  border-left: .8em solid;
  position:absolute;
  right:-1.55em;
  top:0;
}

@media (min-width:500px){
  .marge {
    width:calc(100% - 50px);
  }
}

@media (min-width:768px){
  .marge, #menu {
    max-width:1200px;
  }
  header p {
    display:block;
    width:65%;
    max-width:40em;
  }
  .hautdepage {position: relative;}
  .hamburger, #menu .close {
    display:none;
  }
  .languettes {
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
  
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;

    -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
        flex-direction: column;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    position:absolute;
    right:0;
    top:0;
  }
  a.radioSetP {
    margin-top: 0.388em;
  }
  #menu {
    display:block;
    background:none;
    color:inherit;
    position:relative;
  }
  #menu > .flex {
    align-items: baseline;
  }
  #menu .principal {
    width:calc(100% - 15em);
    /*display:inline-block;*/
    border:none;
    margin:0;
  }
  #menu li {
    border-top:none !important;
  }
  
  #menu .principal > li {
    display:inline-block;
    position:relative;
    padding-right:5%;
  }
  #menu .principal ul {
    position:absolute;
  }
  #menu .principal li:hover ul {
    display:block;
    z-index:80;
    margin-top:-0.5em;
    margin-left:-25px;
  }
  #menu .principal li li {
  }
  #menu .principal li li {
    border-bottom:1px solid;
    text-indent:0;
    margin:0 25px;
  }
  #menu .principal li li:last-child {border-bottom:none;}
  #menu .recherche input {
    margin:0;
  }

  /*#menu .actions {
    position:absolute;
    right:0;
    top:-2.3em;
  }*/
  .bandeau-flash {margin-top:0;}
  .bandeau-flash a span.mobile-hide {display:inline;}
   .bandeau-flash a span.jaune {display:none;}
}

@media  (min-width:900px){
  #menu .principal li.jagis a {
    padding: 0.5em 1.5em;
  }
  .languettes {
    -webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  a.jc2017, a.radioSetP {
    border-top-width: 0;
  }
  a.radioSetP {
    margin-top: 0;
  }
  a.jc2017 {
    margin-left: 1em;
  }

}
@media  (min-width:1000px){
  #menu .principal > li {
    /*width:21%;*/
    padding-right:3em;
  }
  #menu .principal li.jagis a {
    padding: 0.5em 2em;
  }
}

@media  (min-width:1100px){
  #menu .principal > li {
    padding-right:4em;
  }
  #menu .principal li.jagis a {
    padding: 0.5em 2.5em;
  }
}

@media  (min-width:1200px){
  #menu .principal > li {
    padding-right:5em;
  }
  #menu .principal li.jagis a {
    padding: 0.5em 3em;
  }
    
}


/************************************** Popin *****************************/
#cboxLoadedContent {border:none !important;}
#cboxTitle {display:none !important;}
#cboxContent {margin-top:0;}
body.popin {
  padding-top: 3em;
}
body.popin h1 {
  margin-bottom: 0.5em;
}



@media (min-width:500px){
  body.popin .editer-groupe {
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    width: 100%;
  
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    -ms-grid-row-align:flex-start;
    align-items:flex-start;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #formulaire_formidable-29 .saisie_input {width: 100%;}
  #formulaire_formidable-29 .editer_input_1, #formulaire_formidable-29 .editer_input_4, #formulaire_formidable-29 .editer_input_6 {
  width: 50%;
  padding-right: 2%;
  }
  #formulaire_formidable-29 .editer_input_2, #formulaire_formidable-29 .editer_input_5, #formulaire_formidable-29 .editer_input_7 {
  width: 50%;
  }
  #formulaire_formidable-29 .saisie_selection {
    width: 50%;
  }
}

/************************************* Structure Une seule Colonne *********************************************/

.colonneseule {
  max-width: 900px;
  margin: auto;
}



/************************************* Structure Colonnes gauche - droite *********************************************/
.corps {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
              -ms-grid-row-align: stretch;
          align-items: stretch;
}
.col-gauche, .col-droite, .mi-gauche, .mi-droite {
  width: 100%;
}
.col-droite, .mi-droite {
  margin-top: 2em;
}

@media  (min-width:768px){
  .corps {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .col-gauche {
    width:68%;
  }
  .col-droite {
    width:29%;
    margin-top: 0;
  }
  .bloc .col-gauche {
    width:66%;
  }
  .bloc .col-droite {
    width:34%;
    padding-left: 1.5em;
  }
  .mi-gauche, .mi-droite {
    width: 48%;
    margin-top: 0;
  }
  .bloc .mi-gauche, .bloc .mi-droite {
    width: 50%;
  }
  .bloc .mi-gauche {
    padding-right: 0.75em;
  }
  .bloc .mi-droite {
    padding-left: 0.75em;
  }
}

@media  (min-width:900px){
  .col-droite {max-width:15.666em;}/*282px*/
  .bloc .col-droite {max-width: none;}
}

@media  (min-width:1100px){
  .col-gauche {width:calc(100% - 17.666em);}/*100% - 330px*/
  .bloc .col-gauche {width:66%;}
}


/************************************* BLOCS D'ARTICLES *********************************************/

.bloc {
  padding:1.3em;
  margin-bottom:2em;
}
.bloc.nopadding {
  padding:0;
}
 
.col-gauche .bloc {
  padding:1.3em;
  position:relative;
}

.bloc .taille-moyen {
  margin-bottom:0.7em;
}

.bloc.articles img {
  width:25%;
  max-width:8em;
  margin-right:1.3em;
  height:auto;
}
.bloc.articles .flex > div {
  width:calc(70% - 1.3em);
}

.bloc .article {
  display:block;
  border-bottom:1px solid;
  margin-bottom:1em;
  padding-bottom:1em;
}

.bloc .article:last-child {
  border-bottom:none;
  margin-bottom:0;
  padding-bottom:0;
}

.bloc.articles .cercle {
  width:3em;
  height:3em;
  right:-1.5em;
  margin-top:1em;
}

.bloc.section {
  padding-top: 3em;
  padding-bottom: 3em;
}
.bloc.section .titre-gros {
  margin-top: 3em;
  margin-bottom: 1.5em;
}
@media  (max-width:500px){
  .bloc.articles p {
    display:none;
  }
}
@media  (min-width:500px){
  .bloc.articles .infos {
    height: 8em;
  }
}
@media  (min-width:1100px){
  .col-gauche .bloc.articles {
    margin-right:20px;
  }
}


/***************************** COLONNE DE DROITE ******************************/

.categories a {
  display:block;
  margin-bottom:1em;
}

.bloc.newsletter input {
  width:100%;
  height:2em;
  margin-bottom:1.5em;
}
.suivre .fb, .suivre .yt, .suivre .tw {
  display:block;
  width:calc(33% - 1em);
  max-width:6em;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  background-size:auto 50%;
}
.suivre .fb:before, .suivre .tw:before, .suivre .yt:before {
  content:"";
  display:block;
  padding-bottom:100%;
}
.suivre.flex-start .fb, .suivre.flex-start .yt, .suivre.flex-start .tw {
  margin-right: 1em;
  width: 4em;
}
.fb {
  background:url("/2016/design/facebook.svg") no-repeat center #547bbd;
}
.tw {
  background:url("/2016/design/twitter.svg") no-repeat center #79ccf0;
}
.yt {
  background:url("/2016/design/youtube.svg") no-repeat center #e9644b;
}
.fb, .tw, .yt {
  background-size: auto 60%;
}
@media  (min-width:1100px){
  .categories a {
    margin-bottom:0.5em;
  }
}


/***************************** FOOTER ******************************/

.footer {
padding-top:1.5em;
}
.footer .logo {
  float:left;
  margin-right:1.8em;
  width:20%;
  max-width:126px;
}
.footer .logo img {max-width:100%;}
.footer .description {
    margin:0 0 0 calc(20% + 1.8em);
}
.footer .liens li {display:inline;}
.footer .liens li:not(:first-child) {
  margin-top:5px;

}
.footer .liens li:not(:first-child):before {
  content:' - ';
  margin:0 0.5em;
  line-height:1.8em;
}
.footer .copyright {
  text-align:left;
  margin-top:1.5em; 
  padding-bottom:1em;
}
@media  (min-width:768px) {
  .footer .liens li {display:block;}
  .footer .liens li:not(:first-child):before {
    content:'';display:none;
  }
}