@font-face {
    font-family: 'impactregular';
    src: url('/wp-content/themes/doubleimpact/fonts/impact-webfont.eot');
    src: url('/wp-content/themes/doubleimpact/fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/doubleimpact/fonts/impact-webfont.woff2') format('woff2'),
         url('/wp-content/themes/doubleimpact/fonts/impact-webfont.woff') format('woff'),
         url('/wp-content/themes/doubleimpact/fonts/impact-webfont.ttf') format('truetype'),
         url('/wp-content/themes/doubleimpact/fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
overflow-y: auto;}

a{
color: #444444;
text-decoration: none;}

a:active,a:hover,a{
   outline:none !important;
}

a:hover{
  color: #868686;}

body.rfwbs-active {
  background-color: #000;
padding-bottom: 0;}

::selection{background-color:rgba(214, 214, 214, 0.43);}

button, input, select, textarea {
background-color: rgba(255, 255, 255, 0.39);}

input, textarea{
width: 97%;}

/*a{color:#cf1f21 !important;/*#e60000*/}*/

.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"]{
  width: inherit;}

body{
background-image:url('/wp-content/uploads/2014/12/bkg-body.jpg');
background-repeat: no-repeat;
background-position: center top;
  /*background-size:contain;*/
background-color:#020202;
font-size: 15px;}

h1,h2,h3,h4,h5,h6{
margin-top:0 !important;
margin-bottom: 12px !important;}

.entry-header .entry-title a {
  color: #CF1F21;}

.entry-content a:visited, .comment-content a:visited {
color: #585858;}

.comments-link a:hover, .entry-meta a:hover {
  color: #CF1F21;
}

.single .entry-content a:visited,.single .comment-content a:visited {
  color: #838383;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p{
margin: 0 0 12px !important;
text-align: justify;}

.entry-content blockquote, .comment-content blockquote{
margin-bottom: 0.714286rem;
padding: 0.714286rem;}
  
.box-logo hgroup{font-family:'impactregular';}

@media screen and (min-width: 960px){
body .site {
padding: 0;
margin-top: 25px;
margin-bottom: 0;/* avant slider margin-bottom: 1.428571rem;  */  
box-shadow: none;}
}

.site {
width: 100%;
max-width: none;
padding: 0;
background-color: transparent;}

.inside{
margin: 0 auto;
max-width: 980px;
/*width: 980px;*/
padding: 0 10px;}

.site-header .header-box-three .inside {
  padding: 0;}

/*HEADER*/
.site-header {
padding: 0;}

.box-header{
background-color: rgba(0, 0, 0, 0.45);
/*z-index: 100;
position: fixed;
background-color: rgba(34, 34, 34, 0.75);
width: 100%;
left: 0;
right: 0;
*/}

.box-logo{
height: 390px;
text-align: center;}

.box-logo hgroup{display:inline-block;}

/*debut animation titre header */
@media screen and (min-width: 600px){
  /* pour que les liens restent sur une ligne */
 .main-navigation {
   width: 980px;}
  
.home .site-header hgroup h1{
  position:relative;
  -webkit-animation: myfirst 3s; /* Chrome, Safari, Opera */
  animation: myfirst 3s;
  animation-timing-function: ease-in-out;
 }

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
   from {left:-1000px; top:0px;}
  to {left:0px; top:0px;} 
}

/* Standard syntax */
@keyframes myfirst {
       from {left:-1000px; top:0px;}
  to {left:0px; top:0px;}
}

.home .site-header hgroup h2{
  position:relative;
  -webkit-animation: myh2 3s; /* Chrome, Safari, Opera */
  animation: myh2 3s;}

/* Chrome, Safari, Opera */
@-webkit-keyframes myh2 {
   from {right:-1000px; top:0px;}
  to {right:0px; top:0px;} 
}

/* Standard syntax */
@keyframes myh2 {
      from {right:-1000px; top:0px;}
  to {right:0px; top:0px;} 
}

.home .site-header hgroup h3{
     position:relative;
  -webkit-animation: myh3 7s; /* Chrome, Safari, Opera */
  animation: myh3 7s;
/*-webkit-animation-delay: 1s;*/ /* Chrome, Safari, Opera */
  /* animation-delay: 1s;*/}

@-webkit-keyframes myh3 {
   from {opacity:-1;}
  to {opacity:1;} 
}

@keyframes myh3 {

   from {opacity:0;}
  to {opacity:1;} 
}
  
  .toTop{
    display:none;}
  
}/*responsive min-width:600*/  
/* fin animation */

.site-header h1 a, .site-header h2 a {
color: #FFFFFF;
/* Firefox */
-moz-transition: all 0.8s ease-in;
/* WebKit */
-webkit-transition: all 0.8s ease-in;
/* Opera */
-o-transition: all 0.8s ease-in;
/* Standard */
transition: all 0.8s ease-in;}

.site-header h1 a span{
color:#cf1f21;}

.site-header h2{
/*font-weight: bold;*/
font-size: 36px;
line-height: 1.046153846;
color: #FFFFFF;}

.site-header h3{
font-size: 56px;
text-transform: uppercase;
font-weight: bold !important;
line-height: 2.56153846;
color: rgba(123, 123, 123, 0.7);}

.site-header h1 a:hover, .site-header h2 a:hover{
color:#cf1f21;
/* Firefox */
-moz-transition: all 0.5s ease-in;
/* WebKit */
-webkit-transition: all 0.5s ease-in;
/* Opera */
-o-transition: all 0.5s ease-in;
/* Standard */
transition: all 0.5s ease-in;}

.site-header h1 a:hover span{
color: #FFFFFF;
}

@media screen and (min-width: 600px){
.site-header h1 {
font-size: 85px;
margin-bottom: 0;
margin-top: 25px;    
text-transform: uppercase;
font-family: 'impactregular';}
  
.site-header h1, .site-header h2 {
text-align: center !important;}  
}

.site-header .header-box-three{
height: 270px;
background-color:rgba(0, 0, 0, 0.55);
overflow: hidden;}

.site-header .header-box-three .inside{height: 100%;}

.site-header .header-widget-box{
height: 100%;
color: #ffffff;
width: 31%;
float: left;
padding: 1.2% 1%;
/*padding: 0 1%;*/}

/*voir margin général et line height */
.site-header .header-widget-box p{
margin-bottom: 12px;
line-height: 20px;}

.site-header .header-box-three .left-box{
background-color:rgba(0, 0, 0, 0.88);}

.site-header .header-box-three .middle-box{
background-color:rgba(0, 0, 0, 0.65);}

.site-header .header-box-three .right-box{
background-color:rgba(0, 0, 0, 0.33);}

.site-header .header-widget-box h3{
font-size:18px;
line-height: 18px;
text-transform:uppercase;
color:#b4b3b3;}

.colored{color:#cf1f21;}

/*MENU*/
@media screen and (min-width: 600px){
  
.main-navigation li a {
padding: 0 9px;
line-height: 85px;
font-size: 18px !important;
font-family: 'impactregular';
font-weight: normal;
color: #ffffff;}

.main-navigation li a:hover, .main-navigation li a:focus{
color: #cf1f21;}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
color: #cf1f21;
font-weight:inherit;}  
  
.main-navigation li {
margin: 0;
padding:0;}  
  
.main-navigation li ul li a {
    line-height: 1.81818182 !important;
    background: rgba(39, 39, 39, 0.90);
    font-size: 17px !important;}  
  
  .main-navigation li a, .main-navigation li{
  /*display:block !important; 
  float: left;*/}
  
}/*fin @media 600px*/

.breadcrumbs{
height: 40px;
background-color: rgba(0, 0, 0, 0.55);
line-height: 40px;
color: #bbbbbb;}

.breadcrumbs span a{
color: #cf1f21;
  text-decoration: none;}

.breadcrumbs span a:hover{
  text-decoration: underline;}

.breadcrumbs span span{}

.main-navigation {
margin-top: 0;}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul{
border:0;}

/* home */
#box-planning .time-planning{
font-size: 16px;
margin-bottom:13px;}

#box-planning .time-planning .lieu{
font-size: 14px;}

#box-planning .box-day span.pour{
margin-bottom: 5px !important;
display: block;
color: #b4b3b3;
font-size: 13px;}

#box-planning .box-day .day{
font-size: 18px;
text-transform: uppercase;
color: #b4b3b3;
margin-bottom: 12px;}

#box-planning .box-day .day span{
font-size: 18px;
text-transform: capitalize;
font-style: italic;}

#box-planning .box-day h2{
color:#cf1f21;
font-size: 16px;
text-transform: uppercase;
text-align: left !important;
margin-bottom: 4px !important;}

#box-planning .box-outside{
  overflow:hidden;}

#box-planning .box-inside:hover{
  cursor:pointer;
  margin-top: -142px;
  -webkit-transition: margin-top 10s linear; 
-moz-transition: margin-top 10s linear;
-o-transition: margin-top 10s linear;
/*display:none;
transition: all 2s;*/}

#box-planning .box-inside{
margin-top: 0px;
-webkit-transition: margin-top 2s linear; 
-moz-transition: margin-top 2s linear;
-o-transition: margin-top 2s linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myef{
 
  
}

/* Standard syntax */
@keyframes myef {

}



#main h2.h2home {
color: #020202;
text-transform: uppercase;
font-size: 20px;
border-bottom: 2px solid;
line-height: 22px;}


  
#main h2.presse{
color: #cf1f21;
text-transform: uppercase;
font-size: 20px;
border-bottom:2px solid;
line-height: 22px}

#main article.box-presse{
width: 18.4%;
max-height: 300px;
float: left;
margin-right:2%;
overflow: hidden;}

#main #articles-presse article.box-presse:last-child{
margin-right: 0 !important;}

#main article.box-presse .time-presse{
font-weight: bold;
font-style: italic;
text-align: center;
margin-top: 10px;}

#main article.box-presse .une-presse a{display:block;}

#main{
/*background-color:#f5f5f5;*/
background: -moz-linear-gradient(top,  rgba(255,255,255,0.68) 0px, rgba(245,245,245,1) 125px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(255,255,255,0.68)), color-stop(125px,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.68) 0px,rgba(245,245,245,1) 125px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.68) 0px,rgba(245,245,245,1) 125px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.68) 0px,rgba(245,245,245,1) 125px); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.68) 0px,rgba(245,245,245,1) 125px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
border-bottom: 4px solid #bcbcbc;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border: 1px solid #C7C7C7;
padding: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; /*déduire le padding*/}
  
.category .site-content article{
border-bottom: none;
border-top: 1px dotted #C7C7C7;
padding-top: 12px;
margin-bottom: 12px;}

#main h1{
color: #020202;
font-size: 32px;
font-weight: bold;
font-family: 'impactregular';
  font-weight: normal;
line-height: 32px;
margin: 0 0 25px 0 !important;
text-transform: initial; /* archive title uppercase */}

#main .pellicule{
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #e0e0e0;
box-shadow: 1px 1px 7px rgba(207, 207, 207, 0.58);
padding: 10px;
border-radius: 5px;
text-align: center;}

#main .pellicule p{
margin: 0 !important;}

#main .pellicule img{
border:none !important;
padding: 0;
border-radius:0;
box-shadow: none;}

#main .pellicule span{
display: block;
color:#e60000;
font-size: 13px;
font-style: italic;
text-align: left !important;
min-height: 44px;/*2lignes*/}

#main .pellicule h3{
margin-bottom: 0 !important;
font-family: 'impactregular' !important;
font-weight: normal !important;
font-size: 20px;
text-align: left !important;}

#main ul.puce{
margin: 0;
font-size: 20px;
font-family: 'impactregular';
font-weight: normal;
list-style-type:none;
margin-bottom: 12px;}

#main ul.puce li{
margin: 0;}
  
#main ul.puce.left{
text-align: left;
float: left;
width: 48%;
display: block;
margin-right: 4%;}

#main ul.puce.right{
text-align:right;
float: right;
width: 48%;
display: block;}

/*Carousel */
.supercrsl img{
  border:none;
  padding:0;
  border-radius:initial;
  box-shadow:initial;
}
/* Shortcode columns */

.one_third{
width: 30.6666%;}

.two_third{width: 65.3333%;}

.one_fourth{
width: 22%;/*22%*/}

.one_half {
width: 48%;}

.one_fifth {
width: 18%;
margin-right: 2.5%;}

.one_half,.one_third,.two_third,.one_fourth,.one_fifth {
margin-right: 4%;
margin-bottom: 12px;}

.one_fourth{
  /*margin-right: 2%;
  margin-bottom: 12px;*/}

.three_fourth {
  width: 74%;
}

.home .one_fourth{
margin-right: 2%;
width: 24%;}

.one_half.last_column,.one_third.last_column,.one_fourth.last_column,.two_third.last_column,.one_fifth.last_column{
margin-right:0;}

/* CATEGORY - ARCHIVE */
.archive .has-post-thumbnail .thumb-box,.search .has-post-thumbnail .thumb-box{
  width: 21%;
  display: block;
  float: left;
margin-right:4%;
  margin-bottom: 20px;}

.archive .has-post-thumbnail .content-box,.search .has-post-thumbnail .content-box{
width: 75%;
  display: block;
  float: left;
    margin-bottom: 20px;
}

.archive-header, .page-header{
margin-bottom: 15px;
padding-bottom: 0;
border-bottom: none;}

/* description categorie */
.archive-meta{
font-size: 15px;
  font-weight: bold;}

a.more-link{
cursor: pointer;
background-color:#777777;
color:#ffffff;
padding:5px 8px;}

a.more-link:hover{
background-color:#666666;}

.category .entry-content a:visited, .category .comment-content a:visited{
color: #FFFFFF;}

/* SAERCH */
.search .site-content article{
  clear:both;}
/* SINGLE */


.site-content article.has-post-thumbnail  {
  clear: both;}

/* FOOTER */
footer.entry-meta{
margin-top: 0;}

footer{
color: #FFFFFF;}

/* Bloc widget random - partie logo + equipement - fond blanc */
footer .extra-box{background-color: #ffffff;
height:190px;}

footer .extra-box h3{
color:#B8B8B8;}

footer .extra-box h3::before, #main h2.presse::before,#main h2.h2home::before,#main h2.trait2::before{
content:'//';
margin-right: 4px;}

#main h2.trait2::after{
content:'//';
margin-left: 4px;}

/* PATCH BOX - MOSAIQUE avec le proverbe */
footer .patch-box{
background-image:url('/wp-content/uploads/2014/12/patch-footer.jpg');
background-repeat: no-repeat;
background-position: center top;
height:235px;
text-align: center;}

footer .patch-box .textwidget{
font-size: 25px;
padding-top:84px;
font-style: italic;}

footer .patch-box .textwidget p{
  margin-bottom:0;}

footer .patch-box h4.proverbe{
line-height: 37px;  
font-weight: normal;
margin-bottom: 0 !important;}

footer .patch-box h4.proverbe::before,footer .patch-box h4.proverbe::after{
content:'"';
font-size:37px;
padding: 0 5px;}

footer .patch-box .textwidget span.guillements{
font-size:37px;
padding: 0 5px;}

/* Nom de l'auteur du proverbe */
footer .patch-box .textwidget span.par{
position: relative;
top: -10px;
font-size:16px;}

footer[role="contentinfo"]{
background-color: #020202;  
border-top: none;
max-width: inherit;
margin:0;
padding:0;}

footer[role="contentinfo"] a{
color: #FFFFFF;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;}

footer[role="contentinfo"] .footer-widget-box a::before{
content:'//';
margin-right: 4px;}

footer[role="contentinfo"] a:hover{
color:#cf1f21;}

footer .footer-box{
margin-top:25px;
margin-bottom:20px;}

footer .footer-box img{
  max-width: 100%;}

footer h3{
font-size: 16px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;}  

footer h3 span{
color:#cf1f21;}
/* footer 3 blocs 16+2 -- 28+2x -- 46+2x */

.footer-logo{
float:left;
/*pas de margin à gauche*/
width: 16%;
margin: 0 2% 0 0;}

footer .left-box{
float: left;
width:32%;
margin:0 1%;}

/*pas de margin à droite*/
footer .right-box{
float:right;
width:46%;
margin:0 0 0 2%;}

.footer-widget-box{
font-size: 14px;}

footer .right-box ul.menu li{
display: inline-block;
width:140px;
margin-bottom:12px;}

footer .realisation{text-align:center;}

footer ul.equipement li{
float: left;
display: block;
margin-right: 25px;
max-width: 170px;}

footer ul.equipement{clear:both;}

footer ul.equipement li img{width:100%;}

/* widget partenaires logo Carousel */
footer .partenaire-logo{
text-align: right;
margin-top: 25px;}

footer .partenaire-logo>a{
color:#3e3e3e;
text-transform:initial;}

/*RESPONSIVE - RESPONSIVE smartphone */

  
/* Smartphones (portrait and landscape) ----------- 600 voir mini tab*/

@media screen and (min-width : 240px) and (max-width : 600px) {
/* Start Styles */
    
.site-header .header-widget-box{
padding-top:10px;
border-top: 1px dotted #2F2D2D;}
    
  .main-navigation ul.nav-menu.toggled-on, .menu-toggle {
display: inline-block;
width: 100%;}
  
.main-navigation ul ul {
margin-left: 20px;}  
 
.main-navigation li{  
    text-align: left;
    margin:0;
    line-height: 2.428571;
  border-top: 1px solid rgba(105, 105, 105, 0.26);}
  
.main-navigation li a {
display: block;
padding: 5px 0;
line-height: 22px;
font-size: 18px !important;
font-family:inherit;
font-weight: normal;
color: #ffffff;}
  
    /*.main-navigation ul#menu-menu-1>li>a, */
  .main-navigation ul#menu-menu-1>li.menu-item-has-children>a{color: #767676 !important;}
  
.main-navigation li a:hover, .main-navigation li a:focus{
color: #cf1f21;}  
  
button.menu-toggle{
  background-image:url(/wp-content/uploads/2015/02/icon-menu.png) !important;
  background-color:transparent !important;
  background-repeat: no-repeat !important;
  width:113px;
  height:25px;
    margin: 8px;
border: none;
border-radius: inherit;
    text-indent: -5000px;
    box-shadow: none !important;
  }
  
.site-header h1 {
font-size:65px;
margin-bottom: 30px;
margin-top: 40px;}
  
.site-header h2 {
font-size: 30px;}
  
.site-header h3 {
font-size: 43px;
line-height: 1.56153846;}
  
.box-header {
z-index: 100;
/*position: fixed; pas de scroll*/
background-color: rgba(11, 11, 11, 0.98) /*rgba(34, 34, 34, 0.75)*/;
width: 100%;
left: 0;
right: 0;
top: 0px;}
  
.box-logo {
padding-top: 25px;
height: auto;}  
  
.box-logo hgroup {
margin-top: 28px;}
  
/*footer responsive*/
footer .patch-box .textwidget {
padding-top:43px;
font-size: 20px;}  

/* Nom de l'auteur du proverbe */
footer .patch-box .textwidget span.par{
font-size:14px;}
  
footer .patch-box h4.proverbe::before, footer .patch-box h4.proverbe::after {
font-size: 32px; } 
  
.footer-logo {
float: none;
max-width: 100%;
text-align: center;}  
  
.footer-widget-box,.footer-logo {
float: none !important;
width: 100% !important;
text-align: center;
margin-bottom: 22px !important;}  
  
.site-header .header-widget-box {
width: 100%;
float: none;
text-align: center;}
  
  .site-header .header-box-three {
    height: auto;}
  
  #box-planning .box-day h2 {
    text-align:center !important;}
  
  
  .one_half,.one_third,.two_third,.one_fourth,.one_fifth,.home .one_fourth,.three_fourth {
width: 100%;}
  
  #main article.box-presse {
    max-height: 100%;}
    
  #main article.box-presse:nth-child(odd)  {
   width: 48%;
  margin-right: 4%;}
  
   #main article.box-presse:nth-child(even)  {
   width: 48%;
  margin-right:0;}
  
  #main ul.puce {
  float: none !important;
  text-align: left !important;
    margin-bottom: 0;
    width: 100% !important;}
  
  .site-header .header-box-three .left-box {
  background-color: rgba(0, 0, 0, 0.48);
}
 #box-planning .box-inside:hover{
  cursor:pointer;
  margin-top:0px;
  -webkit-transition: margin-top 0s linear; 
-moz-transition: margin-top 0s linear;
-o-transition: margin-top 0s linear;
/*display:none;
transition: all 2s;*/}

#box-planning .box-inside{
margin-top: 0px;
-webkit-transition: margin-top 0s linear; 
-moz-transition: margin-top 0s linear;
-o-transition: margin-top 0s linear;
}
   .toTop {
  display: block;
  width: 32px;
  height: 32px;
  background: url(/wp-content/uploads/2015/03/top.png) no-repeat 0 0;
  background-size: 32px 32px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-indent: -9999px;
  overflow: hidden;} 
  
}  /* End Styles 240 a 600 */



@media screen and (min-width : 240px) and (max-width : 480px) {
/* Start Styles */

.site-header h1 {
    font-size: 42px;}

.site-header h2 {
font-size: 22px;}  
  
  .site-header h3 {
    font-size: 32px;}
  
  #box-planning .box-day h2 {
    text-align:center !important;}
  
  #main h1{
font-size: 25px;}
}

@media screen and (min-width: 600px) and (max-width : 900px){
.main-navigation li a {
  padding: 0 6px;
    font-size: 15px !important;}
  
  .main-navigation li ul li a {
    font-size: 15px !important;}  
  
  #main article.box-presse .time-presse {
    font-size: 13px;}
  
  #main ul.puce li {
    font-size: 14px !important;}
  
  /*#main ul.puce.left,#main ul.puce.right{width:initial;}*/
}

