.une { font-weight:900; }
.trait {border-bottom:8px solid rgba(0,0,0,.14); padding-bottom:.5em; margin:4em 0 2em 0; }
.portrait img { border-radius: 50px; width:100px; margin-bottom:2em}
.portrait h2 { color:rgba(0,0,0,.84) !important; }
.portrait h3 a { color:rgba(0,0,0,.84); }
.portrait h3 a:hover { color:#B62A38; }
.portrait p a { color: rgba(0,0,0,.54); }
.portrait p a:hover { text-decoration:none; color:#B62A38; }
.portrait h2 a { color: rgba(0,0,0,.84); }
.portrait { letter-spacing:.3px; color: rgba(0,0,0,.54) }
.majuscule { text-transform: uppercase; letter-spacing: .05em; }
.soutien { -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15); box-shadow: 0 2px 10px rgba(0,0,0,.15); background-color:#B62A38; color:#FFF;
-webkit-border-radius: 4px!important; border-radius: 4px!important; padding: 2em; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; }
.social { float:right; color:rgba(0,0,0,.54); font-weight:300; margin-right: 2.8em; margin-top: 1em; }
.social a { color:rgba(0,0,0,.54); text-decoration:none; }
.social a:hover { color: #111; }
.partage { display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4em;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
	background-color:rgba(0,0,0,.04);
	margin-right:.5em;
    transition: all .3s; }
.partage a { color:rgba(0,0,0,.54); text-decoration:none; }
.partage:hover { color: #111;background-color:rgba(0,0,0,.10); }
.introduction { margin-top:.7em; }

.compteur {
    display: inline-block;
    border-radius: 5px;	
    font-size: .8125rem;
    font-weight: normal;
    letter-spacing: .1em;
    line-height: 1.125rem;
    margin: 0;
    padding: .7rem 1rem .7rem;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.rouge { background-color:#B62A38; color: #ffffff; }
.rouge:hover { background-color:#d13746; color:#ffffff; }
.rouge a:hover { color:#ffffff; }
.rouge a { color:#ffffff; text-decoration: none; }

.neutre { border:1px  rgba(0,0,0,.15) solid; color: rgba(0,0,0,.54); } 
.neutre a { color: rgba(0,0,0,.54); } 
.neutre a:hover { color: rgba(0,0,0,.84); }  
.neutre:hover { background-color:rgba(0, 0, 0, 0.04); webkit-transition: .1s background-color,.1s border-color,.1s color,.1s fill;
    transition: .1s background-color,.1s border-color,.1s color,.1s fill; }

.grisfonce { background-color:rgba(0, 0, 0, 0.04); }
.grisfonce:hover { background-color:rgba(0, 0, 0, 0.06); }
.grisfonce a { text-decoration: none; }

.fond { background-color:rgba(0,0,0,.04); color: rgba(0,0,0,.54); }
.fond:hover { background-color:rgba(0,0,0,.10); }
.fond a { text-decoration: none; color: rgba(0,0,0,.54); }


.compteur { margin: 0 .5em .8em 0 !important; }

.retour:before {content:"\2039";
	padding-right: .7em;
    font-size: 1.1rem;
    line-height: 1;
}
.compteur:after {
    content: "\203A";
    padding-left: .5em;
    font-size: 1rem;
    line-height: 1;
}
.ligne:after {
    content: "—";
    padding-left: .5em;
    font-size: 1.4rem;
    line-height: 1;
	color:#B62A38;
}

.liste li { border-bottom: 1px solid rgba(0,0,0,.15); padding: 0 0 .875rem 0; margin: .875rem 0 !important;  }
.liste li:last-child { border-bottom: 0px; }
.liste a { color:rgba(0,0,0,.54); }
.liste a:hover { border-bottom: 1px solid rgba(0,0,0,.25); }

.coupure { padding: 4rem 4rem 3rem 4rem; margin: 0 -2.666rem 0 -2.666rem; border:0px; position: relative; }
.coupure2 { padding: 4em 11em 4em 6em; margin: 0 -2.666rem 0 -2.666rem; border:0px; position: relative; }
.coupure a { color:rgba(0,0,0,.84); text-decoration:none; }
.coupure small { color:rgba(0,0,0,.84); }
.coupure .author a { color:rgba(0,0,0,.84) !important; }
.coupure .introduction { margin: 1em 0; }
.coupure h1 { margin-bottom: .5em; }
.jaune { background-color:khaki; }
.orange { background-color:#ebebeb; }
.bande { padding: 2.5em 5em 1em 5em; margin: 0 -3em 6em -3em; border:0px; position: relative; }
.bande h1 { text-transform:uppercase; }
.grise { background-color:rgba(0, 0, 0, 0.0470588); }
.fonce { background-color:rgba(0, 0, 0, 0.2); }
.grise2 { background-color:rgba(0, 0, 0, 0.1070588); }
.noun { margin: 1em 0 0 0; }
.separateur { height: 8px; width: 68px; background-color: #B62A38; margin:1rem 0; }
.nountitre { text-align:center; letter-spacing:.1em; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*Recherche*/

#search-btn:hover{
  cursor: pointer; }

#search-overlay{
  display:none;
}

.block {
  position: fixed;
  top: 0;
  right: 0;
  bottom:0 ;
  left: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
  z-index:1000;
}

.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
  /* Adjusts for spacing */
  /* For visualization 
  background: #808080; width: 5px;
  */
}

.centered {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  padding: 10px 15px;
  color: #FFF;
  border: none;
  background: transparent;
}

#search-box {
  position: relative;
  width: 100%;
  margin: 0;
}

#search-form {
  height: 4em;
  border: 1px solid #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  overflow: hidden;
}

#search-text {
  font-size: 14px;
  color: #ddd;
  border-width: 0;
  background: transparent;
}

#search-box input[type="text"] {
  width: 90%;
  color: #333;
  outline: none;
  font-size: 2.4em;
  padding: .2em 0 .2em 1em;
}

#search-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: .5em;
  width: 100px;
  font-size: 2.35em;
  color: #fff;
  text-align: center;
  line-height: 42px;
  border-width: 0;
  background-color: #B62A38;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

#close-btn{
  position: fixed;
  top: 1em;
  right: 1em;
  font-size:3em;
  font-weight:300;
}
#close-btn:hover{
  color: #777;
  cursor: pointer;
}


/*autres*/

.sharing {
    border-radius: 4px;
    color: #fff;
    display: block;
    min-height: 2.5rem;
    min-width: 2.5rem;
    text-align: center;
	padding-top: .45em;
}

.twitter {
    background-color: #4099ff;
}
.twitter:hover {
    background-color: #227DE6;
	 -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.facebook {
    background-color: #3b5998;
}
.facebook:hover {
    background-color: #254280;
	 -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}


.pulse:hover {
  animation: pulse 1.3s infinite;

}

#brand {
  float: left;
  display: block; }
 
/*Hamburger*/

/* Hamburger Styling */
.hamburger {
  position: absolute;
  width: 30px;
  height: 42px;
  top: 3.6rem;
  right: 2.66rem;
  z-index: 5;
  cursor:pointer;
}

.hamburger div {
  position: relative;
  width: 30px;
  height: 3px;
  background-color: rgba(0,0,0,.54);
  margin-top: 6px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hamburger:hover div { background-color: #B62A38; }
    

#toggle {
  display: none;
}

/* Hamburger Animation */
#toggle:checked + .hamburger .top {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 13.5px;
}

#toggle:checked + .hamburger .meat {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -3px;
}

#toggle:checked + .hamburger .bottom {
  -webkit-transform: scale(0);
          transform: scale(0);
}

#toggle:checked + .hamburger + .nav {
  top: 0;
}

/* Menu Styling */
.nav {
  position: fixed;
  z-index:1;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.98);
  top: -100%;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav #search-button { display:none; }
.nav .formulaire_recherche input.text { font-size:1.5em; }


.nav .nav-wrapper {
  position: relative;
  overflow-y: auto;
  height: 100%;
  max-width: 1084px;
  margin: auto;
  padding: 0 20px;
}

nav {

  height: 100vh;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav a {
  width: 100%;
  padding: 10px 0;
  margin-top: 15px;
  opacity: 0;
  text-decoration: none;
  font-size: 1em;
  letter-spacing: .5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav a:hover { text-decoration:none; color:#B62A38;}

nav a:first-child {
  margin-top: 0;
}

/* Dropdown Animation */
#toggle:checked + .hamburger + .nav .nav-wrapper nav a {
  opacity: 0.9;
  -webkit-transform: scale(1);
          transform: scale(1);
}











@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.54);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.54);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,.54);
  }

  100% {
    -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 10px rgba(0,0,0,0);
  }
}




@media (max-width:768px) {

  .sharing {
    border-radius:0; margin-bottom: 1em; }
}

@media (min-width:768px) {

}