/*
Theme Name: Cycle Terre
Author: Mind7
Author URI: https://www.mind-7.com/
Description: Nouveau thème du site http://www.cycleterre.fr/.
Version: 1.0
*/




body {
    font-family: 'Open Sans', sans-serif;    
}
a {
    transition: 0.3s;
}


.btn {
    border-radius:0;
}
.btn-transparent {
    font-family: 'Oswald', sans-serif;
    border:2px solid white;
    color: #ffffff;
    font-size: 18px;
    font-weight:600;
    text-transform: uppercase;
    padding:6px 15px;    
}
.btn-transparent:hover {
    border:2px solid black;
    background-color: black;
    color: #ffffff; 
}
.btn-transparent:focus {
    border:2px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
}
.btn-black {
    font-family: 'Oswald', sans-serif;
    border:2px solid white;
    background-color: black;
    color: #ffffff;
    font-size: 18px;
    font-weight:600;
    text-transform: uppercase;
    padding:6px 15px;    
}
.btn-black-small{
    font-family: 'Oswald', sans-serif;
    border:2px solid white;
    background-color: black;
    color: #ffffff;
    font-size: 16px;
    font-weight:600;
    text-transform: uppercase;
    padding:4px 10px;    
}
.btn-blanc-small{
    font-family: 'Oswald', sans-serif;
    border:2px solid black;
    background-color: white;
    color: #000000;
    font-size: 16px;
    font-weight:600;
    text-transform: uppercase;
    padding:4px 10px;
    text-decoration: none !important;    
}
.btn-blanc-small:hover {
    border:2px solid black;
    background-color: black;
    color: #ffffff;
    font-size: 16px;
    font-weight:600;
    text-transform: uppercase;
    padding:4px 10px; 
    text-decoration: none !important;    
}
.zoom {
    transition: transform 0.7s; /* Animation */
}

.zoom:hover {
    transform: scale(1.04);
}
.section {
    padding-top: 30px;
}
.modal-dialog {
    z-index: 9999999 !important;    
}



/*********************************************  HEADER  ****************************************************/


#header, #navigation {
    background-color: transparent !important; 
    position: fixed;
    top:0;
    width:100%; 
    z-index: 9999 !important;
}
.navbar {
    font-family: 'Oswald', sans-serif;
    min-height: 197px;
    margin-bottom: 0px;
    border: 0px !important;
    padding-top: 0px !important;
    background-color: white !important;
    background: url('img/header_blanc.png') repeat;
    background-position: top;
    display:block;
    position: relative;
    margin:0;
    width:100%;
    padding:0 30px;
}
.navbar-default {
    background-color: transparent !important;    
}
ul#menu-menu-principal {
    /*background-color: white;*/
    height:90px;
    line-height: 90px;
    text-align: center;
    z-index: 999999;
    position: relative;    
}
ul#menu-menu-principal > li {
    height:90px;
    line-height: 90px !important;
    padding-top: 30px;  
    margin-right:5px;
}
ul#menu-menu-principal > li:first-child {
    background: url('img/picto-home.png') no-repeat;
    background-position: 0 35px;
    width:15px;
    margin-right:15px;
}
ul#menu-menu-principal > li:first-child a {
    color:rgba(255, 255, 255, 0) !important;
}
ul#menu-menu-principal > li:first-child a:hover {
    background-color:rgba(255, 255, 255, 0) !important;
}
#logo {
    display:block;
    position:absolute;
    top:20px;
    left: calc(50% - 90px);
    width: 157px;
    height: 147px;
    
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
    font-size: 14px;
    font-weight:600;
    text-transform: uppercase;
    padding:3px 10px;
}
.navbar-default .navbar-nav>li>a:hover {
    background-color: black;
    color:white;
}
ul#menu-menu-principal > li:first-child a:hover {
    background-colorc:rgba(255, 255, 255, 0) !important;
}
.current-menu-item a {
    background-color: black;
    color:white !important;   
}
ul#menu-menu-principal > li.current-menu-item:first-child a {
    background-color:rgba(255, 255, 255, 0) !important;
}
.logo-navbar-middle a {
    color:rgba(255, 255, 255, 0) !important;
    width: 515px;
    height: 177px;
}
.logo-navbar-middle a:hover {
    color:rgba(255, 255, 255, 0) !important;
    background-color: rgba(255, 255, 255, 0) !important;
}
.right-menu {
    float:right;
    list-style-type: none;
}
.right-menu li {
    float:left;
    height:90px;
    line-height: 90px !important;
}
.right-menu li:first-child {
    margin-right:10px;
}
.right-menu li:first-child a {
    border: 1px solid black;
}
.right-menu li:first-child a:hover {
    border: 1px solid black;
    color:white;
    background-color: black;
}
.right-menu li:last-child {

}
.right-menu li a {
    color: #000000;
    font-size: 14px;
    font-weight:600;
    text-transform: uppercase;
    padding:3px 10px;
}
.right-menu li a:hover {
    text-decoration: none;
}





.dropdown-menu li {
    
}
.dropdown-menu > li:first-child a {
    color: #333333 !important;
}
.dropdown-menu > li.current-menu-item:first-child a {
    color: #fff !important;
}



#header-mobile {
    height: 90px;
    text-align: left;
}
#header-mobile img {
    float:left;
    height: 70px;
    width:auto;
    margin-top:10px;
}


/*********************************************  BREADCRUMB  ****************************************************/


#breadcrumbs, #breadcrumbs a {
    font-family: 'Open Sans', sans-serif;  
    font-size: 13px;
    color: #333333;
}



/*********************************************  HOME  ****************************************************/

.home h2 {
    width: 100%;
    text-align: center;
}
.home h2 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    background-color: black;
    color:white;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px auto;
    padding:7px 20px;
}


/*********************************************  PODIUM  ****************************************************/

#podium {
    padding-left: 0;
    padding-right:0;
    padding-top:90px;
}

@media(max-width:767px){
    #podium {
        padding-top:0px;
    }
}
.item img {
    width: 100%;
    height:auto;
}
.carousel-caption {
    font-family: 'Oswald', sans-serif;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;      
}
.carousel-caption h3 {
    text-align: center;
    text-transform: uppercase;
    font-size:60px;     
}
.carousel-caption p {
    text-align: center;
    font-size:24px;
    font-weight:300;     
}
.carousel-author {
    position: absolute;
    bottom:15px;
    right:15px;
    font-size: 10px;
    color: white;
}
@media(max-width:767px){
    .carousel-caption h3 {
        text-align: center;
        text-transform: uppercase;
        font-size:22px;     
    }
    .carousel-caption p {
        text-align: center;
        font-size:15px;
        font-weight:300;
        margin-bottom:0;     
    }
    #podium .btn-transparent {
        border: 2px solid white;
        font-size: 14px;
        padding: 4px 10px;
    }
    .carousel-indicators {
        display:none;
    }
}



/*********************************************  COUNTERS  ****************************************************/

#bloc-en-chiffres h2 {
    clear: both;
    width:100%;    
}
.counter-block {
    -webkit-background-size: 100%; /* pour anciens Chrome et Safari */
    background-size: 100%; /* version standardisée */
    text-align: center;
    color:white;
    width: 255px;
    height: 255px;
    margin: 0 15px;
    padding: 0;
    display: flex;
    font-family: 'Oswald', sans-serif;
}
@media(max-width:767px){
    .counter-block {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right:0px !important;
        margin-bottom: 15px;
    }
}
.counter-block span {
    margin: auto;
    text-transform: uppercase;
    font-size:18px;
    color:white;
}
.counter-block strong span  {
    font-size:36px;
}
#counter-1 {
    background: url('img/count-bg-1-2.png') no-repeat center center;
}
#counter-2 {
    background: url('img/count-bg-2-2.png') no-repeat center center;
}
#counter-3 {
    background: url('img/count-bg-3-2.png') no-repeat center center;
}
#counter-4 {
    background: url('img/count-bg-4-2.png') no-repeat center center;
}




.wpex-timeline-label {
    border: 0px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    -moz-box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    border-radius: 8px;
    max-width:430px;
}
.wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label, .wpex-timeline.style-center > li:nth-child(even) .wpex-timeline-label {
    border: 0px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    -moz-box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    box-shadow: 0px 2px 14px rgba(200, 200, 200, 0.25);
    border-radius: 8px;    
}
.wpex-timeline-label:before {
    display: none;
}
.wpex-timeline-time span.info-h {
    display: none !important;
    content: "" !important;
    visibility: hidden !important;
}
.wpex-timeline-time a {
    display: none;
    content: "";
    visibility: hidden;    
}
.wpex-timeline > li .wpex-timeline-icon .fa {
    width: 18px;
    height: 18px;
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 0px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    background: #f78200;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #ffffff;
    text-align: center;
    left: 150px;
    top: 0;
    margin: 0 0 0 -25px;
    z-index: 9;
}
.wpex-timeline.style-center > li .wpex-timeline-icon .fa {
    margin-left: -9px;
}

.wpex-timeline > li:first-child:before{
    background: #cccccc;
}
.wpex-timeline > li:after{
    background: #cccccc;
}
.wpex-timeline-list:not(.show-icon) .wptl-feature-name span {
    background-color: black;
    color:white;
    border-radius:25px;
    border:none;
    font-family: 'Campton Bold';
    font-size: 21px;  
    text-transform: uppercase;
    line-height: 50px;
    padding-top: 9px;
}
@media (min-width: 768px) {
    .wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-time {
        padding-right: 0;
        padding-left: 50px;
        text-align: left;
    }    
    .wpex-timeline.style-center > li:nth-child(even) .wpex-timeline-time {
        padding-right: 50px;
        padding-left: 0px;
        text-align: right;
    }  
}
.wpex-timeline > li:nth-child(odd) .wpex-timeline-time span:last-child {
    background-color: #f78200;
    color:white !important;
    border-radius:16px;
    border:none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; 
    font-size: 14px;  
    text-transform: uppercase;
    line-height: 16px;
    padding:5px 0 5px 0;
    width: auto !important;
    text-align: center;    
}
.wpex-timeline > li:nth-child(even) .wpex-timeline-time span:last-child {
    background-color: #f78200;
    color:white !important;
    border-radius:16px;
    border:none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; 
    font-size: 14px;  
    text-transform: uppercase;
    line-height: 16px;
    padding:5px 0 5px 0;
    width: auto !important;
    text-align: center;   
}
.wpex-timeline-time span {
    color:white !important;  
}
.wpex-timeline-list li.wptl-feature {
    padding-top: 100px;
}
.wpex-timeline-list li.wptl-feature .wpex-timeline-icon i {
    top: 100px;
}
.wpex-timeline-list.no-more.no-end li.wptl-feature:last-child:after {
    display: block;
    height: calc(100% - 45px);
}
.wpex-timeline > li .wpex-timeline-label h2 a{
    font-family: 'Open Sans', sans-serif !important;  
    text-transform: none !important;
    color:#242a37 !important;
    font-size:20px;
    font-weight:700;
}
.tlmobile-visible {
    display:none;
}
.wpex-timeline > li .wpex-timeline-label {
    padding: 0;
}
span.tlmobile-visible {
    display:none !important;
}
.timeline-details h2 {
    display: inline-block !important;
    padding:20px 30px 0 30px;
    text-align: center !important;
}
.tlmobile-visible {
    display: inline-block !important;
}
.timeline-details {
    text-align: center;
}
.info-img img {
    display: inline-block !important;
    width:100% !important;
    height:auto;
    margin:0 auto;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
@media (max-width: 767px) {
    .wpex-timeline.style-center > li .wpex-timeline-icon .fa {
      margin-left: -109px;
    }
    .wpex-timeline > li .wpex-timeline-label h2 a{
        font-family: 'Open Sans', sans-serif !important;  
        text-transform: none !important;
        color:#242a37 !important;
        font-size:16px;
        font-weight:700;
    }
}

@media (max-width: 766px) {
    .wpex-timeline.style-center > li .wpex-timeline-icon .fa {
      margin-left: -9px;
    }
}

@media (max-width: 520px) {
.wpex-timeline > li:nth-child(2n) .wpex-timeline-time span:last-child,
.wpex-timeline > li:nth-child(2n+1) .wpex-timeline-time span:last-child {
	line-height: 18px;
	padding: 5px 10px 5px 20px;
}
	
.wpex-timeline.style-center > li .wpex-timeline-icon .fa {
      margin-left: -109px;
}
	
.wpex-timeline > li .wpex-timeline-time, .wpex-timeline-list.show-icon li .wpex-timeline-icon .fa:before {
    opacity: 1 !important; 
}
	
.wpex-timeline > li .wpex-timeline-time {
    display: block;
    width: auto !important;
    max-width:250px;
    margin-left: 50px;
    position: absolute;
    text-align: center;
    margin-top: 0px;
    z-index: 1;
   }

}

/*********************************************  BLOC CYCLE TERRE  ****************************************************/

.bloc-ct {
    font-family: 'Oswald', sans-serif;
    position: relative;
    text-align: center;
    color: white;
    background: url('img/bg-hover.png') repeat bottom left;
    padding:0;
    width: 350px;
    height: 350px;
    margin-left: 15px;
    margin-right: 15px;
}
@media(max-width:767px){
    .bloc-ct {
        width: 100%;
        height: auto;    
        margin-left: 0;
        margin-right: 0;
        margin-bottom:15px;
    }
}
.bloc-ct a {
    text-transform: uppercase;
    font-size:24px;
    font-weight:600;
    color: white;
}

.bloc-ct img {
    width: 100%;
    height: 100%;
    transition: transform 0.7s;
    margin-left: 0px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    border: 6px solid white;
}
.bloc-ct:hover img {
    position: relative;
    margin-top: -15px;
    margin-right: -30px;
    border: 6px solid black;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    background-color: transparent;
    color: white;
    padding:6px 12px;
}
.bloc-ct:hover .centered {
    top: calc(50% - 15px);
    left: calc(50% + 15px);
    background-color: black;
    color: white;
    padding:6px 12px;
}




/*********************************************  EVENEMENT  ****************************************************/


.evenement-image {
    max-height:400px;
    overflow: hidden;    
}
.evenement-image img {
    width:100%;
    height:auto;    
}
.evenement-texte {
     background-color:white;
     margin-top: 60px;
     margin-left:-100px; 
     padding:20px 70px 40px 70px;   
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
}
.evenement-texte a:hover {
    text-decoration:none;
}
.evenement-texte a h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    color: black;
    text-decoration: none !important;
    text-transform: none;
}
.evenement-texte a:hover h3 {
    color:#994c30
}
.evenement-texte p {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-weight:300;
    color:#999999
}
.evenement-texte p.date {
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    font-weight:400;
    color:#ff9933
}
.allevents {
    color: black;
    text-decoration: underline;
    text-transform: uppercase;    
}
.allevents:hover {
    color: black;
    text-decoration: underline !important;
    text-transform: uppercase;    
}
@media(max-width:767px){
    .evenement-texte {
         margin-top: -20px;
         margin-left:0px; 
         padding:20px 30px 40px 30px;   
    }
    .allevents {
        font-size:11px;
    }
}



/*********************************************  ACTUS  ****************************************************/

#bloc-actualites .row {
    height: auto;       
}
#bloc-actualites .row:before, #bloc-actualites .row:after {
    display: none;
    content: "";
}
#bloc-actualites .row {
    margin-top:-30px;
}
@media(max-width:767px){
    #bloc-actualites .row {
        margin-top:0px;
    }
}
#bloc-actualites .table {
  display: table;
  border-collapse: separate;
  border-spacing: 30px;
}
#bloc-actualites [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
@media(max-width:767px){
    #bloc-actualites [class*="col-"] {
        float: none;
        display: block;
        vertical-align: top;
    }
}
#bloc-actualites .actu-big {
    padding:0;
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    transition: 0.3s;
    transition-timing-function: ease;
	transition-timing-function: cubic-bezier(.68,-0.55,.27,1.55);
}
#bloc-actualites .actu-big:hover{
    -moz-box-shadow: 0px 0px 15px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 15px 1px #cccccc;
    -o-box-shadow: 0px 0px 15px 1px #cccccc;
    box-shadow: 0px 0px 15px 1px #cccccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=15);
    border:2px solid black;
}
#bloc-actualites .actu-big img {
    max-width: 360px;
    float: left;
    margin-right:50px;
}
#bloc-actualites .actu-big h3 {
    font-family: 'Open Sans', sans-serif;
    padding:0px 30px 15px 30px;
    color: black;
}
#bloc-actualites .actu-big a h3 {
    color: black;
    font-size: 28px;
    font-weight:700;
}
#bloc-actualites .actu-big p {
    font-family: 'Open Sans', sans-serif;
    color:#666666;
    font-size:15px;
}
#bloc-actualites .actu-big .rubrique {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    padding:6px 15px;
    margin-top:60px;      
}
#bloc-actualites .actu-big .ensavoirplus {
    text-decoration: underline;
    color:#666666;
}
#bloc-actualites .actu-big a h3 {
    text-decoration: none !important;
}
#bloc-actualites .actu-big a:hover h3, #bloc-actualites .actu-small a:hover h3 {
    color: #994c30;
    text-decoration: none !important;
}
#bloc-actualites .actu-big a:hover, #bloc-actualites .actu-small a:hover {
    color: #994c30;
    text-decoration: none !important;
}

#bloc-actualites .actu-small h3 {
    font-family: 'Open Sans', sans-serif;
    padding:0px 30px 0px 30px;
    color: black;
    font-size: 22px;
    font-weight:700;
}
#bloc-actualites .actu-small p {
    font-family: 'Open Sans', sans-serif;
    color:#666666;
    font-size:14px;
    padding:5px 30px;
}
#bloc-actualites .actu-small .rubrique {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    padding:6px 15px;
    margin-top:20px;
    margin-left: 30px;      
}
#bloc-actualites .actu-small .ensavoirplus {
    text-decoration: underline;
    color:#666666;
}
#bloc-actualites .actu-small a h3 {
    text-decoration: none !important;
}
#bloc-actualites .actu-small {
    padding:0;
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    margin-left: 15px;
    margin-right: 15px;
    transition: 0.3s;
}
#bloc-actualites .actu-small:hover{
    border:3px solid black;
    -moz-box-shadow: 0px 0px 15px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 15px 1px #cccccc;
    -o-box-shadow: 0px 0px 15px 1px #cccccc;
    box-shadow: 0px 0px 15px 1px #cccccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=15);
}






#bloc-actualites .actu-small-mobile {
    padding:0;
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    margin-left: 15px;
    margin-right: 15px;
    transition: 0.3s;
    width: calc(100% - 30px) !important;
}

#bloc-actualites .actu-small-mobile:hover{
    border:3px solid black;
    -moz-box-shadow: 0px 0px 15px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 15px 1px #cccccc;
    -o-box-shadow: 0px 0px 15px 1px #cccccc;
    box-shadow: 0px 0px 15px 1px #cccccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=15);
}
#bloc-actualites .actu-small-mobile h3 {
    font-family: 'Open Sans', sans-serif;
    padding:0px 30px 0px 30px;
    color: black;
    font-size: 18px;
    font-weight:700;
}
#bloc-actualites .actu-small-mobile p {
    font-family: 'Open Sans', sans-serif;
    color:#666666;
    font-size:14px;
    padding:5px 30px;
}

#bloc-actualites .actu-small-mobile .rubrique {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    padding:6px 15px;
    margin-top:20px;
    margin-left: 30px;      
}
#bloc-actualites .actu-small-mobile .ensavoirplus {
    text-decoration: underline;
    color:#666666;
}
#bloc-actualites .actu-small-mobile a h3 {
    text-decoration: none !important;
}
@media(max-width:767px){
    #bloc-actualites .actu-small-mobile {
        margin-bottom:30px;
        padding: 10px 30px 10px 30px;
    }
    #bloc-actualites .actu-small-mobile h3 {
        font-family: 'Open Sans', sans-serif;
        padding:0px;
        color: black;
        font-size: 18px;
        font-weight:700;
    }
    #bloc-actualites .actu-small-mobile p {
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size:14px;
        padding:15px 0px;
    }
    #bloc-actualites .actu-small-mobile .rubrique {
        margin-top:20px;
        margin-left: 0px;      
    }
    #bloc-actualites .actu-small-mobile .ensavoirplus {
        float: right;
    }
}


/*********************************************  ACTEURS  ****************************************************/

#bloc-acteurs {
    margin-top:-60px;
}
@media(max-width:767px){
    #bloc-acteurs {
        margin-top:0px;
    }
}
#bloc-acteurs h2 {
    margin: 30px auto 0px auto;
}
.partenaire {
    padding:0;
    border:3px solid transparent;
    transition: 0.3s;
}
.partenaire:hover{
    -moz-box-shadow: 0px 0px 15px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 15px 1px #cccccc;
    -o-box-shadow: 0px 0px 15px 1px #cccccc;
    box-shadow: 0px 0px 15px 1px #cccccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=15);
    border:3px solid black;
}






/*********************************************  PAGE  ****************************************************/

.page {
    padding-top:92px;
}
@media(max-width:767px){
    .page {
        padding-top:0px;
    }
}
.page h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    color:black;
    font-size: 32px;
    text-transform: uppercase;
}
.category {
    padding-top:92px;
}
@media(max-width:767px){
    .category {
        padding-top:0px;
    }
}
.category h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    color:black;
    font-size: 32px;
    text-transform: uppercase;
}
.page h2 {
    width: 100%;
    text-align: center;
}
.page h2 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    background-color: black;
    color:white;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px auto;
    padding:7px 20px;
}
#page-podium {
    padding:0;
}
#page-podium h1{
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 42px;
    width: 100%;
    height: 42px;
    padding: 0;
    margin: 0;
    margin-top: -21px; /* 1/2 height */
    text-align: center;
    font-weight:600;
    color: white;
}
@media(max-width:767px){
    #page-podium h1{
        font-size: 28px;
    }
}
#page-podium img {
    z-index: 1;
    width: 100%;
    height: auto;
    position: relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
#page-podium .image-author {
    display: inline-block;
    position: absolute;
    bottom:15px;
    right:15px;
    font-size: 10px;
    color: white;
    z-index:2;
}


    

/*********************************************  PAGE LE PROJET ****************************************************/


.page-id-28 .counter-block span {
    margin: auto;
    text-transform: uppercase;
    font-size:13px;
}
.page-id-28 .counter-block span strong {
    font-size:48px;
    line-height: 36px;
}
.page-id-28 .counter-block span b {
    font-size:24px;
    font-weight:400;
    margin-bottom: 15px;
}
.bloc-contenu {
    padding-bottom: 60px;
}
@media(max-width:767px){
    .bloc-contenu, .bloc-contenu-photo, .bloc-contenu-texte {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.bloc-contenu img {
    position: relative;
    border:3px solid black;
}
.bloc-contenu .image-author {
    display: inline-block;
    position: absolute;
    bottom:15px;
    right:20%;
    font-size: 10px;
    color: white;
    z-index:2;
}
@media only screen and (min-width : 768px) {
    .bloc-contenu img {
        border:3px solid black;
        /*max-width: 350px;*/
        margin:0 auto;
    }
}
.bloc-contenu h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    background-color: black;
    color:white;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px auto 30px auto;
    padding:7px 20px;
}
.page-id-39 .bloc-contenu h3 {
    margin: 45px auto 30px auto;
}
.bloc-contenu h4 {
    font-size:16px;
    font-weight:800;
    text-transform: uppercase;
    color:black;
}
.bloc-contenu p, .bloc-contenu ul {
    font-size:13px;
    color:#666666;
}
.bloc-contenu p strong{
    font-size:13px;
    color:#000000;
}
.bloc-objectif {
    padding-bottom: 30px;
    min-height:464px;    
}
@media(max-width:767px){
    .bloc-objectif {
        min-height:auto;    
    }
}
.bloc-objectif p, .bloc-objectif ul {
    font-size:12px;
    color:#333333;
}
.bloc-objectif p strong{
    font-size:12px;
    color:#333333;
}
.bloc-objectif-image {
    position: relative;
    padding-bottom: 15px;    
}
.objectif-id {
    font-family: 'Oswald', sans-serif;
    color:white;
    font-size:36px;
    font-weight:800;
    position: absolute;
    bottom:25px;
    left:15px;
}
.bloc-objectif-image .image-author {
    display: inline-block;
    position: absolute;
    bottom:20px;
    right:20px;
    font-size: 10px;
    color: white;
    z-index:2;
}

#cycle {
    width: 45%;
    height:auto;
}
@media(max-width:767px){
    #cycle {
        width: 100%;
        height:auto;
    }
}
.detail-cycle h3 {
    font-family: 'Oswald', sans-serif;
    color:black;
    font-size:28px;
    font-weight:800;    
}
.detail-cycle p {
    text-align: left;    
}
area:focus { outline: none; }


/*********************************************  BANDEAU CHIFFRES  ****************************************************/

#bandeau-chiffres {
    background: url('img/bg-bandeau-chiffres.jpg') repeat center center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 220px;
    padding-left: 0;
    padding-right: 0;
    padding-top:0;   
}

.bloc-chiffres {
    font-family: 'Oswald', sans-serif;
    position: relative;
    font-size: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight:500;
    color: white;
    text-transform: uppercase;
}
@media(max-width:767px){
    #bandeau-chiffres {
        height: 600px; 
    }
    .bloc-chiffres {
        height: auto;
    }
}
.bloc-chiffres strong {
    font-family: 'Oswald', sans-serif;
    color:white;
    font-size:26px;
    font-weight:800;
    text-transform: uppercase; 
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


















/*********************************************  BLOC ACTEUR  ****************************************************/


.bloc-acteur {
    padding-bottom: 30px;
    min-height:490px;    
}
@media(max-width:767px){
    .bloc-acteur {
        min-height:auto;    
    }
}
.bloc-acteur p, .bloc-objectif ul {
    font-size:12px;
    color:#333333;
}
.bloc-acteur a {
    font-size:12px;
    color:#333333;
    text-decoration: underline;
    text-align: right;
}
.bloc-acteur p strong{
    font-size:12px;
    color:#333333;
    text-transform: uppercase;
}
.bloc-acteur-image {
    position: relative;
    margin-bottom: 35px;    
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    transition: 0.3s;
}
.bloc-acteur-image:hover{
    -moz-box-shadow: 0px 0px 15px 1px #cccccc;
    -webkit-box-shadow: 0px 0px 15px 1px #cccccc;
    -o-box-shadow: 0px 0px 15px 1px #cccccc;
    box-shadow: 0px 0px 15px 1px #cccccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=15);
    border:3px solid black;
}

#blocs-contenu-bottom, .bloc-contenu-bottom {
    padding-left: 0;
    padding-right:0;
}







/*********************************************  AMENAGEMENTS  ****************************************************/

.page-id-41 .carousel img {
    border: 3px solid black;
}
.page-id-41 .carousel-caption {
  left: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  padding: 30px;
  color: #333333;
  text-shadow: none;
  text-align: left;
}
.page-id-41 .carousel-caption p {
    font-size:14px;
    color:#333333;
  text-align: left;
  font-family: 'Open Sans', sans-serif; 
}
.page-id-41 .carousel {
    float: left;
    width: 100%;
    margin-bottom:60px;
}

.page-id-41 .controllersone {
    display: block !important;
    position: relative !important;
    right:-49%;
    bottom: 60px;
    width:30px;
    height:60px;
}
.page-id-41 .controllerstwo {
    
}
.page-id-41 .carousel-control.left, 
.page-id-41 .carousel-control.right {
    background-image: none;
}
.page-id-41 .carousel-control.left {
    position: absolute;
    background-color: #d16841;
    height: 30px;
    width:30px;
    bottom:0;
    margin-right: -10px;
}
.page-id-41 .carousel-control.right {
    display: block !important;
    position: absolute;
    background-color: #d16841;
    height: 30px;
    width:30px;
    top:0;
    margin-right: 0px !important;
}







/*********************************************  PAGE ACTUALITES  ****************************************************/

#liste-actualites .card h3 {
    font-family: 'Open Sans', sans-serif;
    padding:0px 30px 0px 30px;
    color: black;
    font-size: 24px;
    font-weight:700;
}
#liste-actualites .card p {
    font-family: 'Open Sans', sans-serif;
    color:#666666;
    font-size:14px;
    padding:5px 30px;
}
#liste-actualites .card .rubrique {
    display: inline-block;
    background-color: black;
    color: #ffffff;
    font-size: 12px;
    font-weight:400;
    text-transform: uppercase;
    padding:6px 15px;
    margin-top:20px;
    margin-left: 30px;      
}
#liste-actualites .card .ensavoirplus {
    text-decoration: underline;
    color:#666666;
}
#liste-actualites .card a h3 {
    text-decoration: none !important;
}
#liste-actualites .card a:hover {
    text-decoration: none !important;
}
#liste-actualites .card {
    padding:0;
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    width: calc(33.33333% - 30px);
}
@media(max-width:767px){
    #liste-actualites .card {
        padding:0;
        -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
        -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
        -o-box-shadow: 0px 0px 15px 1px #eeeeee;
        box-shadow: 0px 0px 15px 1px #eeeeee;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom:30px;
        width: calc(100% - 30px);
    }
}
.controls {
    padding-bottom:30px;       
}

.filters {
    float: left;
    color:#666666;
    font-size:12px;
    padding-left: 15px;
}
@media(max-width:767px){
    .filters span {
        float: left;
        display: inline-block;
        margin-bottom:30px;
    }
}
.control {
    border:2px solid black;
    background-color: white;
    font-family: 'Oswald', sans-serif;
    color:black;
    font-size:13px;
    font-weight:600; 
    text-transform: uppercase;
    margin-left:5px;
    margin-bottom:10px;         
}
.filters .mixitup-control-active {
    background-color: black;
    color: white; 
}   
.control:focus {
  outline: none;
}
.tri {
    float: right;
    font-size:12px;
    color:#666666;
}
@media(max-width:767px){
    .filters, .tri {
        float: left;
        width:100%;
        padding-left: 15px;
        padding-bottom:10px;
    }
}


/*********************************************  ACTU  ****************************************************/

.single {
    padding-top: 170px;
}
@media(max-width:767px){
    .single {
        padding-top: 0px;
    }
}
.single h1 {
    font-family: 'Oswald', sans-serif;
    color:black;
    font-size:36px;
    font-weight:600; 
    text-transform: uppercase;
    margin-bottom:30px;
}
.single #page-content {
    padding-bottom: 60px;
}
.wp-caption {
    background: transparent;
    border: 0px solid #ffffff !important;
    max-width: 100%;
    padding: 0 !important;
    text-align: right;
}
.wp-caption-text {
    color:white;
    position: relative;
    bottom:20px;
    right:10px;
    text-align: right;
}


/*********************************************  EVENEMENTS  ****************************************************/

.page-id-24 h2 {
    font-family: 'Oswald', sans-serif;
    color:white;
    font-size:24px;
    font-weight:600; 
    text-transform: uppercase;
    margin-bottom:30px;
    background-color: black;
    width: auto;
    display: inline-block;
    padding: 8px 15px;
    margin-left: 15px;
}


.calendar-head-card {
    display:none;
}
.calendar-top-selector, .calendar-prev, .calendar-next, .calendar-curr-month {
    background-color: black;
    font-family: 'Oswald', sans-serif;
    color:white;
    font-size:18px;
    font-weight:600; 
    text-transform: uppercase;
}
.date.pm, .calendar-dates .date.nm {
    color: rgb(255,255,255) !important;
}

.event {
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    margin-bottom: 30px;
    padding:0;
    min-height:460px;
}
.event .event-top {
    position: relative;    
}

.event .event-top h3 {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 32px;
    width: 100%;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-top: -21px; /* 1/2 height */
    text-align: center;
    font-weight:600;
    color: white;
}

.event .event-top h3 a {
    color: white;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
}
@media(max-width:767px){
    .event .event-top h3 {
        z-index: 2;
        position: absolute;
        top: 12.5%;
        left: 30px;
        right: 30px;
        font-size: 18px;
        width: 100%;
        height: 32px;
        padding: 0;
        margin: 0;
        margin-top: -21px; /* 1/2 height */
        text-align: left;
        font-weight:600;
        color: white;
    }
    .event .event-top h3 a {
        color: white;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 30px;
    }
}
.event .event-top img {
    z-index: 1;
    width: 100%;
    height: auto;
    position: relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.event .event-infos {
    left:-75px;
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    position: relative;
    top: -38px;
    background-color:transparent;
    color:#000000;
    font-size:32px;
    font-weight:600;
    padding:8px 0px;
    text-align: center;
    min-height: 150px;
    min-width: 175px;
}
.event .event-day {
    position: absolute;   
    top:38px;
    text-align: center;
    display: inline-block;
    min-width: 175px;
}
.event .event-month {
    z-index: 2;
    position: absolute;
    top: 0px;
    background-color:#f29a16;
    color:white;
    font-size:16px;
    font-weight:600;
    padding:8px 15px;
    text-align: center;
    min-width: 175px;
}
.event .event-description {
    display: inline-block;
    position: relative;
    min-width: 175px;
    color:#999999;
    font-size:13px;
    padding:30px 15px;
    text-align: left;
}
.event .event-location {
    display: inline-block;
    position: absolute;   
    top:100px;
    color:#000000;
    font-family: 'Open Sans', sans-serif;       
    font-size:14px; 
    font-weight: 600;
    text-align: center;
    min-width: 175px;   
}
.event a.btn-inscription {
    display: inline-block;
    position: absolute;   
    top:160px;
    background-color: #000000;
    color:#ffffff;
    font-family: 'Oswald', sans-serif;      
    font-size:16px; 
    font-weight: 600;
    text-align: center;
    min-width: 175px;
    padding: 6px 0;
    text-transform: uppercase;   
}
.past-event {
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
    margin-bottom: 30px;
    padding:30px 40px 30px 0;
    min-height:120px;
    border-left:4px #f29a16 solid;
}
.past-event h3, .past-event h3 a {
    font-size: 20px;
    font-weight:800;
    color: black;
    text-decoration: none;
    padding-top:0;
    margin-top:5px;
}
.past-event .event-infos {
    border-right:1px solid #cccccc;
    color:#333333;
    text-align: center;
}
.past-event .event-detail {
    padding-left:60px;
}
.past-event .event-day {
    font-size:24px;
    color:#333333;
    font-weight:800;
}


#calendar {
    text-align: right;
}
.datepicker .table-condensed {
    float:right;
    -moz-box-shadow: 0px 0px 15px 1px #eeeeee;
    -webkit-box-shadow: 0px 0px 15px 1px #eeeeee;
    -o-box-shadow: 0px 0px 15px 1px #eeeeee;
    box-shadow: 0px 0px 15px 1px #eeeeee;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=NaN, Strength=15);
}
.datepicker thead tr th:nth-of-type(2) {
   line-height:32px;
}
.datepicker-inline {
    width: auto;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: none;
}
.datepicker table tr td {
    width:45px !important;
    height:35px !important;
    padding:0 5px !important;
    font-size: 12px;
    line-height:12px;
}
.datepicker thead {
    background: #000000;
    color: white;    
}
.datepicker .dow {
    background: white;
    color: #999999;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}
.datepicker .old {
    color: #ffffff !important;
}
.datepicker .datepicker-switch {
    text-transform: uppercase;
    font-size: 16px;    
}
.datepicker .active  {
    background: none !important;
    background-color: transparent !important;
    color: #333 !important;
}
.datepicker thead tr th {
    border-radius: 0px;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #ffffff;
    cursor: pointer;
}
.datepicker table tr td.activeDay {
    background: url(img/pastille-orange.png) no-repeat center center !important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    color:white;
}
.datepicker table tr td.currentDay {
    background: url(img/pastille-noire.png) no-repeat center center !important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    color:white;
}


.modal-dialog #responsive-menu-pro-button, .modal-dialog  #responsive-menu-pro-container {
    display:none !important;
}




/*********************************************  PAGE INSCRIPTION  ****************************************************/

#page-inscription {
    
}
#page-inscription p {
    font-size:13px;    
}
#page-inscription  {
    font-size:13px;    
}
.modal {
    z-index: 99999 !important;
}




.wpcf7-form {
    
}
.wpcf7-submit {
    background-color: black !important;    
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    border: none !important;
}
.wpcf7-text, .wpcf7-textarea {
    border-radius:0;
}
.wpcf7-text:focus, .wpcf7-textarea:focus {
    border-left: 4px #f29a16 solid;
}
.help-block {
    display:none;
}





/*********************************************  ESPACE PRESSE  ****************************************************/


#page-espace-presse {
    text-align: center;
    color:#666666;
}

#page-espace-presse h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#page-espace-presse h2 span {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;  
    background-color: black;
    color:white;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px auto;
    padding:7px 20px;
}
#page-espace-presse h3 {
    font-weight:700;
    color:black;
    font-size:18px;
}
.document {
    margin-bottom:30px;
}
.document a {
    color:black;
}


/*********************************************  MODAL  ****************************************************/


.modal-header {
    border-bottom: white solid 0px;
}
.modal-footer {
    border-top: white solid 0px;
}


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


#footer {
    font-family: 'Open Sans', sans-serif;
    background: url('img/bg-footer-2.jpg') repeat-x;
    background-position: bottom center;
    min-height: 541px;
    color:white;
    padding:90px 0 0 0
}
@media(max-width:767px){
    #footer {
        background: none;
        background-color: #994c30;
        padding:45px 0 45px 0
    }
}
.logo-footer {
    position: absolute;
    display: block;
    background: url('img/logo-footer.png') no-repeat;
    left:calc(50% - 283px);
    bottom:34px;
    width:566px;
    height:140px;    
}
#footer a {
    color:white;
}
#footer a h5 {
    font-weight:700;
    font-size: 14px;
    padding:5px 0;
}
#footer ul {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
#footer ul li {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
#footer ul li a {
    font-size: 12px;
}
.footer-copyright {
    display: inline-block;
    position: absolute;
    bottom: 95px;
    right:15px;
    font-size: 10px;
    color: white;    
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/** ajout picto pdf*/
.add-pdf {position:relative;}
.add-pdf::after {
	content:url('img/picto-pdf.png');
	padding: 0 7px;
	margin: 0;
}