/**

* Table of Contents

*

* 1.0 - Normalize

* 2.0 - Genericons

* 3.0 - Typography

* 4.0 - Elements

* 5.0 - Forms

* 6.0 - Navigation

*   6.1 - Links

*   6.2 - Menus

* 7.0 - Accessibility

* 8.0 - Alignments

* 9.0 - Clearings

* 10.0 - Widgets

* 11.0 - Content

*    11.1 - Header

*    11.2 - Posts and pages

*    11.3 - Post Formats

*    11.4 - Comments

*    11.5 - Sidebar

*    11.6 - Footer

* 12.0 - Media

*    12.1 - Captions

*    12.2 - Galleries

* 13.0 - Multisite

* 14.0 - Media Queries

*    14.1 - >= 710px

*    14.2 - >= 783px

*    14.3 - >= 910px

*    14.4 - >= 985px

*    14.5 - >= 1200px

* 15.0 - Print

*/




/**

* 1.0 - Normalize

*

* Normalizing styles have been helped along thanks to the fine work of

* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/

.sourceSingle{
    margin-top: 60px;
    padding-bottom: 60px;
}


.sourceSingle .sh-link {
    width: 25%;
    height: 65px;
    background-color: #A2C02F;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}


.ficheCoord p {
    margin: 0 0 1.25em;
}


.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}
/*Styles de la page de recherche*/
.ligneBleueBot{
    margin-bottom: -200px;
    text-align: center;
}

.ligneBleueTop{

    text-align: center;

}



#post-129{
    float: left;
    width: 100%;
}


.itiFull {
    min-height: 540px;
    /*max-height: 850px;*/
}


.cirfuitFull{
    min-height: 540px;
    /*max-height: 850px;*/
}

.sh-link{
    width: 100%;
    height: 65px;
    background-color: #108BAF;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    font-size: 20px;
    text-transform: uppercase;
}
.sh-link a{

    text-transform: uppercase;
    color: #fff;

}

.sh-link:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}



.circuitDescription .sh-link{
    width: 100%;
    height: 65px;
    background-color: #DC663C;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    font-size: 20px;
    text-transform: uppercase;
}
.circuitDescription .sh-link a{

    text-transform: uppercase;
    color: #fff;

}

.circuitDescription .sh-link:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}



.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url(images/suchLoading.gif) center no-repeat #fff;
}

.nope{
    display: none;
}
.home .content-area {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}
.circuits{
    color: #000;
    min-height: 600px;
    height: 100%;
    width: 100%; 
}
.titreCircuits{
    font-family: 'Raleway', sans-serif;
    font-size: 54px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 0px;
    line-height: 54px;
}

.circuitsInfo{
    width: 70%;
    position: relative;
    margin-top: -135px;
    background-color: #fff;
    margin-left: 300px;
    padding: 30px;
}

.itiMunicipalite{
    color: #000;
    min-height: 600px;
    height: 100%;
    width: 100%;
}
.titreIti{
    font-family: 'Raleway', sans-serif;
    font-size: 54px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 0px;
    line-height: 54px;
}
.villeDescription p, .itiInfo p, .ficheDesc p{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;


}
.circuitCarte .acf-map {
    width: 100%;
    height: 457px;
    margin-top: 3px;
}



.imgIti{
    height: 300px;
    width: 400px;

}
.boxTitle{
    max-width: 10%; 
}
.itiInfo{
    width: 70%;
    position: relative;
    margin-top: -135px;
    background-color: #fff;
    margin-left: 300px;
    padding: 30px;
}
.scrollToTop{
    width: 78px;
    height: 70px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    top: 85%;
    right: 40px;
    display: none;
    background: url(images/scrollToTop.png) no-repeat 0px 0px;
}
.scrollToTop:hover{
    text-decoration:none;
    opacity: 0.8; filter: alpha(opacity=80);
}

.enHaut a{outline: 0;}

.itiButton {
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    background-color: #a2c02f;
    width: 300px;
    height: 50px;
    margin-top: 3px;
}

.itiButton:hover {
    opacity: 0.6; filter: alpha(opacity=60);
}

.acf-map div a img{display: none;}

.gmTitre{
    max-width: 300px;
    text-transform: uppercase;
    margin-top: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    font-weight: 900;
    margin-left: 22px;
}
.gmButton{

    background-color: #a2c02f;
    width: 300px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    /* margin-left: 96px; */
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 700;


}
.gmButton:hover{

    opacity: 0.8; filter: alpha(opacity=80);


}
.single .etiquette:hover{

    opacity: 0.8; filter: alpha(opacity=80);


}
.getMe{
    width: 260px;
    position: absolute;
    left: 8px;
    z-index: 999999;
    height: 95%;
    top: 7px;
}


.fixMe {
    height: 130px;
    margin-bottom: -20px;
}

.gm-style-mtc{
    display: none;
}
.gm-style-iw {
    width: 317px !important;
    top: 0px !important;
    height: 450px!important;
    left: 0 !important;
    border: 1px solid #d4e2a0;
    border-radius: 2px 2px 0 0;
    background-color: #fff;
}


.titreFiche {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #000;
}


.leDivDuBas:hover,
.leDivDuBas:hover .titreFiche{

    color: #c7c7c7;
}

.imgRepertoire:hover + a .leDivDuBas .titreFiche{

    color: #c7c7c7;
}

.leDivDuBas h2{

    line-height: 16px;
    display: inline-block;
    vertical-align: middle;

}
.titreFiche a{
    color: #000;

}

#post-9{

    display: none;
}
.gridCircuits{

    border: 1px solid #DC663C;
    margin-left: 30px;
    margin-bottom: 30px;
    color: #000;
    position: relative;

}




.gridCircuits h2{

    margin-left: 10px;
    margin-bottom: 30px;
    margin-top: 30px;

}
.gridCircuits img{   


}

.gridCircuits h2 a{

    color: #000;

}












.leDivDuBas {
    height: 116px;
    line-height: 148px;
}


.gridRepertoire{
    border: 1px solid #b5cd59;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 358px;
}
.gridRepertoire h2{

    margin-left: 10px;
    margin-bottom: 35px;

}
.gridRepertoire img{   


}
.imgitineraire{

    min-height: 240px;
    position: relative;

}


.gridItineraire{
    border: 1px solid #008AAF;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
}
.gridItineraire h2{

    margin-left: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 1.4em;

}
.gridItineraire img{   


}

.gridItineraire h2 a{

    color: #000;

}


.gridItiDesc{
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    margin: 10px;
}


.imgRepertoire{

    min-height: 240px;
    position: relative;

}


.descPropos {
    margin-top: 60px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.descGrid{
    margin-top: 180px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
}
.descGrid p{

    line-height: 40px;
}

.descGridIti{
    margin-top: 40px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
}
.descGridIti p{

    line-height: 40px;
}


.descGridCircuit{
    margin-top: 40px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 24px; 

}
.descGridCircuit p{

    line-height: 40px;
}




.searchandfilter{
    margin-top: -185px;
}

.searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0!important;
}

.searchandfilter ul li {

    display: inline!important;

}

.carteSearch .searchandfilter{
    margin-top: 50px;
}

.carteSearch .searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin: 0!important;
}

.carteSearch .searchandfilter ul li {

    display: inline!important;

}
/*Page carte interactive*/
.page-id-11 .acf-map{

    width: 100%;
    height: 100vh;
    margin-top: 54px;

}
.page-id-11 .getMe p{
    color: #3B3B3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-left: 22px;
    margin-bottom: 0;

}
.page-id-11 .getMe .etiquette{
    color: #3B3B3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 900;
    margin-left: 22px;
    margin-bottom: 0;

}
.page-id-11 .getMe .categorie{
    color: #3B3B3B;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 900;
    margin-left: 22px;
    margin-bottom: 0;

}

.page-id-11 .searchandfilter ul li {
    list-style: none;
    display: block;
    padding-right: 10px;
    padding: 10px 0;
    /* margin: 0px; */
    margin-top: 44px;
}
/* arrow colour */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div
{
    display: none;
}
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div 
{
    display: none;
}

.page-id-11 .gmTitre{
    max-width: 300px;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 900;
    margin-left: 22px;
    color: #000;
}
.page-id-11 .gmButton{

    background-color: #a2c02f;
    width: 411px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    /* margin-left: 96px; */
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 700;


}
.page-id-11 .gmButton:hover{

    opacity: 0.8; filter: alpha(opacity=80);


}

.page-id-11 .getMe{
    width: 395px;
    position: absolute;
    left: 8px;
    z-index: 0;
    height: 95%;
    top: 7px;
    text-align: center;
}


.page-id-11 .fixMe {
    height: 210px;
    margin-bottom: -20px;
    text-align: left;
}

.page-id-11 .gm-style-mtc{
    display: none;
}
.page-id-11 .gm-style-iw {
    width: 430px !important;
    top: 0px !important;
    height: 500px!important;
    left: 0 !important;
    border: 1px solid #d4e2a0;
    border-radius: 2px 2px 0 0;
    background-color: #fff;
}

/*Fin Page carte interactive*/



.sf-input-text{
    min-width: 330px;
    min-height: 54px;
    background: #c7c7c7!important;
    color: #fff!important;
    padding: 0 24px!important;
}


.sf-input-select select  {
    min-width: 330px!important;
    min-height: 54px;
    display: none;
    background: transparent;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;

}


.sf-input-select {
    min-width: 330px!important;
    min-height: 54px;
    overflow: hidden;

    background: url("images/downArrow.png") no-repeat right #fff;
    -moz-padding-top: .8rem;
}
@-moz-document url-prefix() {
    .sf-input-select {

        padding-top: .8rem;
    }

}

.sf-field-search{

    float: right;
}

/*pour enlever les fleches des dropdowns */
select {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance:none;
}

/*for IE10*/
select::-ms-expand {
    display: none;
}
.present{
    font-weight: 500;
    margin-left: 15px;
    font-size: 17px;
    line-height: 22px;
    margin-top: 14px;
    padding-right: 10px;
}

.sf-field-post-meta-municipalite{


}



.sf-field-post-meta-etiquette{


}



.sf-field-post-meta-categorie{


}






/*Styles de base */

.bandeGrise{

    width: 100%;
    background: #f4f4f4;
    min-height: 240px;
    margin-top: 90px;
}
.page-id-5 .bandeGrise{

    width: 100%;
    background: #f4f4f4;
    min-height: 240px;
    margin-top: 0px;
}
.bandeCircuit{
    width: 100%;
    height: 135px;
    background-color: #DC663C;  
}

.bandeCircuit h2{
    display: inline-block;
    margin-top: 53px;
    margin-right: 48px;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;  
}

.bandeCircuit div{
    text-align: center;
}

.bandeItineraire{

    width: 100%;
    height: 135px;
    background-color: #008aaf;

}
.bandeItineraire h2{

    display: inline-block;
    margin-top: 53px;
    margin-right: 48px;

    font-family: 'Raleway', sans-serif;

    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;


}

.bandeItineraire div{
    text-align: center;
}

.bandeCarte{

    width: 100%;
    height: 135px;
    background-color: #000000;

}
.bandeCarte h2{

    display: inline-block;
    margin-top: 53px;
    /* margin-right: 48px;*/

    font-family: 'Raleway', sans-serif;

    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;


}

.bandeCarte div{
    text-align: center;
}


.itiAll{
    color: #000;
}
.itiAll h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-bottom: 40px;*/
    margin-top: 50px;
}
.itiAll  {
    text-align: left;
}

.itiAll h3 {
    text-align: center;
}

.itiAll a {
    text-align: center;
}

.itiCarte{
    min-height: 505px;
    padding-top: 20px;

}



.circAll{
    color: #000;
}
.circAll h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-bottom: 40px;*/
    margin-top: 50px;
}
.circAll  {
    text-align: left;
}

.circAll h3 {
    text-align: center;
}

.circAll a {
    text-align: center;
}



.circuitCarte{
    min-height: 505px;
    padding-top: 20px;

}


.bandeRepertoire{
    width: 100%;
    height: 135px;
    background-color: #a2c02f;

}
.bandeRepertoire h2{
    display: inline-block;
    margin-top: 53px;
    margin-right: 48px;

    font-family: 'Raleway', sans-serif;

    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;

}
.bandeRepertoire div{
    text-align: center;
}

.phone2{
    margin-top: -35px;    

}
.courriel{
    margin-left: 25px;
    display: inherit; 
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 300;

    color: #a9c445;
    margin-bottom: 30px;
}
.site{


}

.ficheCoord p{
    margin-left: 25px;  
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 500;  
}

.ficheCoord h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-left: 25px;
    text-transform: uppercase;
    margin-top: 40px;
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}

.infoExtra{
    color: #000;
    min-height: 400px;
    height: auto;
    margin-bottom: 20px!important; 
}
.infoExtra h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 900;
    margin-left: -105px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 31px;
    background-color: #fff;
    padding-bottom: 32px;
    padding-top: 32px;
    padding-left: 20px;
}

.infoExtra p {
    padding-left: 20px;
    width: 90%;
    margin-top: -37px;
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.extraContainer {
    margin-top: 100px;
    /*margin-bottom: -100px!important;*/
}


.imgExtra img{
    float: right;
}

.textExtra{

}


.ficheCoord {
    background-color: #fff;
    margin-top: 54px;
    color: #000;
    position: relative;
    min-height: 400px;
}
.ficheCarte{
    background-color: #ededed;
    min-height: 500px;

}

.address{
    width: 75%;
}

.carte{
    padding-left: 20px;
    background-color: #ededed;

}

.carte img{
    top: -40px;
    position: absolute;
    margin-left: 46.7%;


}

.ligneCarteIti {
    top: -40px;
    position: absolute;
    margin-left: 48.6%;
}

.ligneCarteCircuit{
    top: -40px;
    position: absolute;
    margin-left: 48.6%;
}


.page-id-129 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-131 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-133 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-135 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-137 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-154 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-139 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-141 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}
.page-id-143 .acf-map {
    width: 100%;
    height: 460px;
    margin-top: 0!important;

}




.acf-map {
    width: 100%;
    height: 400px;
    margin-top: 54px;

}

/* fixes potential theme css conflict */
.acf-map img {
    max-width: 300px;
}

.ficheDesc{
    color: #000;
    text-align: left;
    width: 50%;
    padding-top: 20px;
    min-height: 320px;
    padding-top: 40px;
    padding-bottom: 38px;
}

.ficheDesc h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 20px;
    text-align: center;
}


.ficheRetour{
    width: 110px;
    height: 45px;
    background-color: #a8c638;
    margin-top: 78px;
    float: left;
    margin-bottom: 20px;
    margin-left: 50px;
    position: relative;
}
.ficheRetour:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}

.ficheRetour p{
    margin-left: 0px!important;
    text-align: center;
    margin-top: 10px;
    font-weight: 500!important;

}

.ficheRetour a{
    color: #fff;

}



.ficheReadMore{
    width: 200px;
    height: 45px;
    background-color: #a8c638;
    
    float: left;
    margin-bottom: 20px;
    margin-left: 50px;
    position: relative;
}
.ficheReadMore:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}

.ficheReadMore p{
    margin-left: 0px!important;
    text-align: center;
    margin-top: 10px;
    font-weight: 500!important;
    margin-bottom: 11px;


}

.ficheReadMore a{
    color: #fff;
    display: grid;

}




.itiRetour{ 
    width: 110px;
    height: 45px;
    background-color: #008aaf;
    margin-top: 78px;
    float: left;
    margin-bottom: 20px;
    margin-left: 50px;
    position: relative;
    text-transform: uppercase;
}
.itiRetour:hover{ 
    opacity: 0.8; filter: alpha(opacity=80);
}




.itiRetour a{
    color: #fff; 

}

.itiRetour p{ margin-left: 0px!important;
    text-align: center;
    margin-top: 10px;
    font-weight: 500!important;
}

.circRetour{
    width: 110px;
    height: 45px;
    background-color: #DC663C;
    margin-top: 78px;
    float: left;
    margin-bottom: 20px;
    margin-left: 50px;
    position: relative;
    text-transform: uppercase;

}


.circRetour:hover{ 
    opacity: 0.8; filter: alpha(opacity=80);
}

.circRetour a{

    color: #fff; 
}
.circRetour p{
    margin-left: 0px!important;
    text-align: center;
    margin-top: 10px;
    font-weight: 500!important;

}

.ficheInfo{
    width: 90%;
}


.ficheInfo .etiquette{
    text-transform: none;
    background-color: #dc663d;
    display: inline-block;
    float: left;
    clear: both;
    padding: 6px 13px;
    margin-bottom: 10px;

}
.gridRepertoire .etiquette {
    text-transform: none;
    background-color: #dc663d;
    display: inherit;
    float: left;
    padding: 3px 8px;
    margin-bottom: 10px;
    margin-right: 3px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #fff;
}

.ficheEtiquette{


    margin-left: 4px;
    position: absolute;
    bottom: 0px;
    /*overflow: auto;
    padding-top: 195px;
    display: -webkit-box;*/
}

.ficheInfo p {
    margin-left: 50px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

.ficheInfo p span {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;

}

.singleHead hr{    
    background-color: #fff;
    border: 0;
    height: 3px;
    margin: 30px 50px 1.75em;
    width: 110px;
}
.eventSingle hr{    
    background-color: #fff;
    border: 0;
    height: 3px;
    margin: 15px 50px 16px;
    width: 110px;
}

.ficheTitre{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 140px;
    margin-left: 48px;
    line-height: 35px;
    width: 83%;

}

.ficheEvent{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 39px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 140px;
    margin-left: 48px;
    line-height: 38px;
    width: 83%;

}


.ficheImage{
    height: 655px;

}


.single .site-content {
    padding: 0;
}
.single .content-area{

    width: 100%;

}


.singleHead{
    min-height: 655px;
    background: linear-gradient(90deg, #1f1f1f 50%, #ededed 50%); 
    /* padding-bottom: 60px;*/
}

.site-headerSingle{
    color: black;

}



.headTitle h1{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 73px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 76px;
    margin-left: 65px;
    margin-top: 155px;
    filter: drop-shadow(3px 7px 20px black);
    -webkit-filter: drop-shadow(3px 7px 20px black);
}

.headTitle{
    margin-top: 50px;
}
.search404{
    max-width: 340px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 55px;
}
.error-404{
    color: #fff; 
    text-align: center;
    padding-top: 40px;    
}
.error-404 .page-header {

    margin: 0; 

}

.no-results{
    color: #000;
    text-align: center;
}

.no-results h1{
    padding-top: 45px!important;
}

.search .page-title{
    color: #fff;
    text-align: center;
    padding-top: 20px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

.search .page-header {
    border:none;

}


.logoSingle{
    margin-left: 35px; 
}
.logoSingle img{
    width: 100%;
    margin-top: -15px;
    padding-bottom: 11px;
}

.search-field{
    background-image: url(images/search_bar.png)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    height: 29px;
}
.search-submit{

    background-image: url(images/search_btn.png)!important;
    background-size: cover;
    background-repeat: no-repeat!important;
    background-color: #fff;
    height: 44.5px;
    border: none;
}

.headSearch {
    min-width: 230px;
    max-width: 290px;
    width: 100%;
    margin-right: 10px;
    margin-left: 30px;
    margin-top: 16px;
}



.site-header-menu{
    width: 75%;
    float: right;
}
.menu-principal-container{
    float: right;
}

.page #menu-principal li{
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.single #menu-principal li {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#menu-principal li a:hover{
    color: #ededed;
}


/*SLIDER*/
#slider{
    width:100%;
    /*min-width:1024px;*/
    background-color:#fff;
}
#slider .slick-slider, #faq .slick-slider{
    margin-bottom:0px;
}
.full .slick-prev, .full .slick-next{
    width:70px;
    height:110px;
    background-color:#000;
    z-index: 6888888;
    border-radius:0;
    top: 47.2%;
}
.full .slick-prev:hover, .full .slick-next:hover{

    background-color:#000;

}
#slider .slick-prev{
    left:0%;
}
#slider .slick-next{
    right:0%;
}
.col-1-3 {
    opacity: 0.6;
    transition: all 300ms ease;
    background-color:#fff;
    margin: 22px;
    max-width: 525px;
}

.col-1-3:focus {
    outline:0;
}

.slideTitle{
    font-size:20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;

}
.slideEndroit{

}



.slideSolo{
    margin: 0 auto;
    border: 1px solid #a2c02f; 
}
.slideSolo .topGauche{
    background-image: url(images/bouleVerte.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 34px;
    top: -14px;
    margin-left: -16px;
    z-index: 2;
}
.slideSolo .botDroit{
    background-image: url(images/bouleVerte.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 100%;
    top: 282px;
    margin-right: -23px;
    margin-left: 506px;
    z-index: 2;
}

.slideSolo img{
    border-top: 5px solid #a2c02f;
    border-bottom: 5px solid #a2c02f;     
}









.text{
    padding:25px;
    min-height: 180px;
    color: #000;
}
.btn_plus a{
    text-transform:uppercase;
    font-weight:bold;
    font-size:13px;
    color:#8e191e;
    float:right;
}
.date{
    font-size:19px;
    color:#f28e20;
}
.center .slick-center{
    opacity: 1;
}


.slide1{
    border: 1px solid #a2c02f; 
}
.slide1 .topGauche{
    background-image: url(images/bouleVerte.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 34px;
    top: -14px;
    margin-left: -16px;
    z-index: 2;
}
.slide1 .botDroit{
    background-image: url(images/bouleVerte.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 100%;
    top: 282px;
    margin-right: -23px;
    margin-left: 506px;
    z-index: 2;
}

.slide1 img{
    border-top: 5px solid #a2c02f;
    border-bottom: 5px solid #a2c02f;     
}

.slide2{
    border: 1px solid #dc663c;    
}

.slide2 .topGauche{
    background-image: url(images/bouleRouge.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 34px;
    top: -14px;
    margin-left: -16px;
    z-index: 2;
}
.slide2 .botDroit{
    background-image: url(images/bouleRouge.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 100%;
    top: 282px;
    margin-right: -23px;
    margin-left: 506px;
    z-index: 2;
}

.slide2 img{
    border-top: 5px solid #dc663c; 
    border-bottom: 5px solid #dc663c;     
}

.slide3, .slide4{
    border: 1px solid #008aaf;     
}


.slide3 .topGauche{
    background-image: url(images/bouleBleu.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 34px;
    top: -14px;
    margin-left: -16px;
    z-index: 2;
}
.slide3 .botDroit{
    background-image: url(images/bouleBleu.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 100%;
    top: 282px;
    margin-right: -23px;
    margin-left: 506px;
    z-index: 2;
}

.slide4 .topGauche{
    background-image: url(images/bouleBleu.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 34px;
    top: -14px;
    margin-left: -16px;
    z-index: 2;
}

.slide4 .botDroit{
    background-image: url(images/bouleBleu.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 34px;
    width: 100%;
    top: 282px;
    margin-right: -23px;
    margin-left: 506px;
    z-index: 2;
}


.slide3 img, .slide4 img{
    border-top: 5px solid #008aaf;
    border-bottom: 5px solid #008aaf;        
}

.slide1 .overlay2 {  
    background-color: #a2c02f;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
}
.slide2 .overlay2 {  
    background-color: #dc663c;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
}
.slide3 .overlay2 {  
    background-color: #008aaf;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
}
.slide4 .overlay2 {  
    background-color: #008aaf;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
}
.col-1-3{
    position:relative;
}


.date1{
    color: #a2c02f;
    text-transform: uppercase;
    background-image: url(images/calVert.png);
    background-repeat: no-repeat; 
    padding-left: 50px;  
    min-height: 32px;
    line-height: 33px;
}
.date2{
    color: #dc663c; 
    text-transform: uppercase;
    background-image: url(images/calRouge.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 32px;
    line-height: 33px;
}
.date3{
    color: #008aaf;
    text-transform: uppercase;
    background-image: url(images/calBleu.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 32px;
    line-height: 33px;
}
.date4{
    color: #008aaf;
    text-transform: uppercase;
    background-image: url(images/calBleu.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 32px;
    line-height: 33px;
}

.col-1-3:hover .overlay2 {opacity:0.8; cursor:pointer;}

.plus {  
    font-weight: 300;
    color: rgba(255,255,255,.85);
    font-size: 96px;
    font-family: "Courier New", Courier, monospace;
    line-height: 314px;
} 

.gridRepertoire .overlay {  
    background-color: #a2c02f;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
}
.gridRepertoire:hover .overlay {opacity:0.95; cursor:pointer;}


.gridItineraire .overlay3 {  
    background-color: #008AAF;
    height: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.gridItineraire:hover .overlay3 {opacity:0.95; cursor:pointer;}
.itiContent{
    padding-bottom: 85px;
}


.gridCircuits .overlay4 {  
    background-color: #DC663C;
    height: 100%;
    /* text-align: center;*/
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.gridCircuits:hover .overlay4 {opacity:0.95; cursor:pointer;}

.plus3 {  
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    padding: 16px;
    position: absolute;
    left: 34%;
    top: 40%;
    text-transform: uppercase;
} 


.itiContent{
    padding-bottom: 85px;
}



.txtCircuit h2 {
    margin: 20px;
}

.txtCircuit p{
    margin: 20px;
    color: #000;
    font-family: 'Raleway', sans-serif;

}
.txtCircuit h2 a{
    color: #DC663C ;
}
.txtCircuit h2 a:hover{
    color: #282828 ;
}  


.plus2 {  
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    border: 2px solid #fff;
    padding: 16px;

    line-height: 239px;
    text-transform: uppercase;
} 


.full{

    width: 100%;
}


.lesite {
    background: #a9c445;
    border: 0;
    color: #fff;
    margin-left: 0px;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
    margin-left: 24px;
    position: absolute;
    bottom: 30px;
}


.ligneOrange{

    position: absolute;
    margin-left: 300px;
    margin-top: -175px;
    z-index: -9;
}


.ligneVerte{

    position: absolute;
    margin-left: 48%;
    margin-top: 9%;
    z-index: -9;

}

.slideCalendar{
    margin-top: 60px;   
}
.calendrier{
    max-height: 915px;
    margin-top: 450px;
    padding-bottom: 60px;
}

.calendrierTitre{

    margin-top: -146px;
    position: relative;
}
.calendrierTitre h2{

    color: #000;
    margin-bottom: 40px!important;
    font-family: 'Raleway', sans-serif;
    font-size: 49px!important;
    font-weight: 400;
    line-height: 49px;
    text-align: center;
}
.explBout:hover,
.mapBout:hover,
.calBout:hover,
.aPropos:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}



.calBout{
    width: 300px;
    height: 85px;
    background-color: #000;

    margin: 0 auto;


}


.calBout p{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 30px;
    margin-top: 40px;
    padding-bottom: 30px;
}


.mapLink{
    margin-top: 250px;
    position: relative;
    margin-bottom: 250px;
    min-height: 500px;
}

.mapTitre{

    width: 58%;
    margin-top: -146px;
    position: relative;

}

.mapTitre h2{
    color: #000;
    margin-bottom: 0px!important;
    font-family: 'Raleway', sans-serif;
    font-size: 49px!important;
    font-weight: 400;
    line-height: 49px;
    text-align: right;
    margin-right: 10px;
}

.mapTitre h2 span{
    font-family: 'Raleway', sans-serif;
    font-size: 56px!important;
    font-weight: 900;
    margin-top: 3px;

    line-height: 62px;

}
.mapTitre h3{
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 33px!important;
    font-weight: 500;
    text-align: right;
    margin-top: 8px;
    margin-right: 10px;
}

.mapBout{
    width: 300px;
    height: 85px;
    background-color: #a8c638;
    margin-top: 65px;
    float: left;
    margin-left: 33%;
    position: relative;

}


.mapBout p{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
}


.exploration{
    margin-top: 90px;
    min-height: 850px;

    color: #000;

}
.exploration img{

    float: left;

}
.explTitre{
    width: 550px;
    height: 165px;
    background-color: #fff;
    float: left;
    margin-top: 40px;
    margin-left: -60px;


}

.explTitre h2{
    font-family: 'Raleway', sans-serif;
    font-size: 49px!important;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 25px;
    background-color: #fff;
    float: left;
    margin-bottom: 0px!important;
    line-height: 35px;

}

.explTitre h2 strong{
    font-family: 'Raleway', sans-serif;
    font-size: 58px!important;
    font-weight: 900;
    margin-top: 3px;
    /* margin-left: 25px; */
    background-color: #fff;
    float: left;
    margin-bottom: 0px!important;
    line-height: 62px;

}
.explTitre h3{
    font-weight: 500;
    margin-left: 25px;
    background-color: #fff;
    float: left;
    font-size: 33px!important;

}

.explInfo{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff;
    float: left;
    width: 55%;
    margin-left: 25px;
    margin-top: -10px;
}

.explInfo p{
    margin: 18px 0 0 0;
}
.aPropos{ 
    width: 421px;
    height: 85px;
    background-color: #108BAF;
    margin-top: -95px;
    float: left;
}
.aPropos p{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
}
.explBout{
    width: 420px;
    height: 85px;
    background-color: #dc663d;
    margin-top: 25px;
    float: left;
    margin-left: 0px;
    clear: both;
}

.explBout p{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px;
}



.bandeOrange{

    background-color:#dc663d;
    height: 100%;
}


.bandeBleue{

    background-color:#108baf;
    height: 100%;
}


.bandeVerte{
    background-color:#a2c02f;
    height: 100%;
}


.bandeMenu{
    height: 130px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.bandeMenu a{

    float: left;
    width: 100%;
}
.bandeMenu a:hover{
    opacity: 0.8; filter: alpha(opacity=80);
}

.site-info a h3:hover{
    color: #c5c5c5;

}
.bandeMenu img{
    float: right;
    margin-right: 25px;
    margin-top: 29px; 
}
.bandeMenu h2{
    font-family: 'Raleway', sans-serif;
    float: left;
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;
    margin-top: 33px;
    margin-left: 25px;
}

.bandeVerte h2{
    margin-top: 50px;  

}
#logo_partenaires{
    margin-top: 25px;
}
#logo_partenaires > div{
    text-align: center;
    margin:0 auto;
    vertical-align: middle;
}
#logo_partenaires > div img{
    text-align: center;
    margin:0 auto;
    vertical-align: middle;
    max-width: 100%;
    max-height: 150px;
}
.footerLine{
    background-color: #e7e7e7;
    border: 0;
    height: 1px;
    margin: 0;
}
.lgBot a:hover{
    text-decoration: none;


}

.calendrier .titreEven{ 
    position: absolute;
    bottom: 8%;
    left: 24px;
    z-index: 3;}


    .titreEven {
        position: absolute;
        top: 29%;
        left: 24px;
        z-index: 3;
    }
    .titreEven h3 {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 27px;
        color: #fff;
        line-height: 33px;
        filter: drop-shadow(3px 7px 20px black);
        -webkit-filter: drop-shadow(3px 7px 20px black);

    }


    .imgCalendar{
        position: relative;
        z-index: 0;   

    }
    .imgCalendar img{
        max-height: 300px; 

    }

    .nav-previous{
        float: right;
        clear: both;
    }
    .nav-next{
        margin-left: 12px;   
    }
    .pageNumber{
        text-align: center;
        font-family: 'Raleway', sans-serif;
        margin-top: 25px;
    }

    .pagination{
        font-family: 'Raleway', sans-serif;  
    }
    .pagination a{
        color: #B5CD59;
    }




    html {
        font-family: sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    body {
        margin: 0;
    }
    article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
        display: block;
    }
    audio, canvas, progress, video {
        display: inline-block;
        vertical-align: baseline;
    }
    audio:not([controls]) {
        display: none;
        height: 0;
    }
    [hidden], template {
        display: none;
    }
    a {
        background-color: transparent;
    }
    abbr[title] {
        border-bottom: 1px dotted;
    }
    b, strong {
        font-weight: 700;
    }
    small {
        font-size: 80%;
    }
    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sup {
        top: -0.5em;
    }
    sub {
        bottom: -0.25em;
    }
    img {
        border: 0;
    }
    svg:not(:root) {
        overflow: hidden;
    }
    figure {
        margin: 0;
    }
    hr {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    code, kbd, pre, samp {
        font-size: 1em;
    }
    button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }
    select {
        text-transform: none;
    }

    .searchandfilter select {
        color: #1a1a1a;

        font-size: 14px!important;
        line-height: 1.75;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        padding-left: 25px;
        border: 1px solid #c5c5c5 !important;
    }

    .sf-input-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #fff;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;

    }
    .sf-input-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #fff;
        opacity:  1;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;

    }
    .sf-input-text::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #fff;
        opacity:  1;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;

    }
    .sf-input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:    #fff;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;

    }

    button {
        overflow: visible;
    }
    button, input, select, textarea {
        max-width: 100%;
    }
    button, html input[type="button"], input[type="reset"]{
        -webkit-appearance: button;
        cursor: pointer;
    }
    button[disabled], html input[disabled] {
        cursor: default;
        opacity: .5;
    }
    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0.4375em;
        padding: 0;
    }
    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    input[type="search"] {
        -webkit-appearance: textfield;
    }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    fieldset {
        border: 1px solid #d1d1d1;
        margin: 0 0 1.75em;
        min-width: inherit;
        padding: 0.875em;
    }
    fieldset > :last-child {
        margin-bottom: 0;
    }
    legend {
        border: 0;
        padding: 0;
    }
    textarea {
        overflow: auto;
        vertical-align: top;
    }
    optgroup {
        font-weight: bold;
    }
/**

* 2.0 - Genericons

*/



.menu-item-has-children a:after, /*.dropdown-toggle:after,*/

.bypostauthor > article .fn:after, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}
/**

* 3.0 - Typography

*/



body, button, input, select, textarea {
    color: #1a1a1a;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
    font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 900;
    margin: 0;
    text-rendering: optimizeLegibility;
    font-family: 'Raleway', sans-serif;
}
p {
    margin: 0 0 1.75em;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    border: 0 solid #1a1a1a;
    border-left-width: 4px;
    color: #686868;
    font-size: 19px;
    font-size: 1.1875rem;
    font-style: italic;
    line-height: 1.4736842105;
    margin: 0 0 1.4736842105em;
    padding: 0 0 0 1.263157895em;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote p {
    margin-bottom: 1.4736842105em;
}
blockquote cite, blockquote small {
    color: #1a1a1a;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}
blockquote cite:before, blockquote small:before {
    content: "\2014\00a0";
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote strong, blockquote b {
    font-weight: 400;
}
blockquote > :last-child {
    margin-bottom: 0;
}
address {
    font-style: italic;
    margin: 0 0 1.75em;
}
code, kbd, tt, var, samp, pre {
    font-family: Inconsolata, monospace;
}
pre {
    border: 1px solid #d1d1d1;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
}
abbr, acronym {
    border-bottom: 1px dotted #d1d1d1;
    cursor: help;
}
mark, ins {
    background: #007acc;
    color: #fff;
    padding: 0.125em 0.25em;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/**

* 4.0 - Elements

*/



html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
}
ul, ol {
    margin: 0 0 1.75em 1.25em;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
    margin-left: 1.5em;
}
li > ul, li > ol {
    margin-bottom: 0;
}
dl {
    margin: 0 0 1.75em;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 0 1.75em;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */

    max-width: 100%;
    /* Adhere to container width. */

    vertical-align: middle;
}
del {
    opacity: 0.8;
}
table, th, td {
    border: 1px solid #d1d1d1;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */

    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}
td {
    border-width: 0 1px 1px 0;
}
th, td {
    padding: 0.4375em;
}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}



:-moz-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}



::-moz-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */

}



:-ms-input-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**

* 5.0 - Forms

*/



input {
    line-height: normal;
}
#masthead button.dropdown-toggle {
    display:none;
}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus {
    background: #a9c445;
    border: 0;
    color: #fff;
    margin-left: 0px;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
    background: #1f1f1f;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus {
    outline: thin dotted;
    outline-offset: -4px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    color: #686868;
    padding: 0.455em 0.4375em;
    width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {
    background-color: #fff;
    border-color: #007acc;
    color: #1a1a1a;
    outline: 0;
}
.post-password-form {
    margin-bottom: 1.75em;
}
.post-password-form label {
    color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}
.post-password-form input[type="password"] {
    margin-top: 0.4375em;
}
.post-password-form > :last-child {
    margin-bottom: 0;
}
.search-form {
    position: relative;
}
input[type="search"].search-field {
    border-radius: 2px 0 0 2px;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
}
.search-submit:before {
    content: "\f400";
    font-size: 24px;
    left: 2px;
    line-height: 42px;
    position: relative;
    width: 40px;
}
.search-submit {
    /* border-radius: 0 2px 2px 0; */
    bottom: 0;
    /* overflow: hidden; */
    /* padding: 20px; */
    position: absolute;
    right: -15px;
    top: 0;
    width: 42px;
}
/**

* 6.0 - Navigation

*/



/**

* 6.1 - Links

*/



a {
    color: #007acc;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #686868;
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .taxonomy-description a:hover, .taxonomy-description a:focus, .logged-in-as a:hover, .logged-in-as a:focus, {
    box-shadow: none;
}
/**

* 6.2 - Menus

*/
.site-header-menuSingle {
    right: 5%;
    position: absolute;
    margin-top: -7px;
}

.single .site-header-menuSingle {
    right: 5%;
    position: absolute;
    margin-top: 0px;
}

.site-header-menuSingle li a{
    color: #000!important;
    font-weight: 400!important;
    font-family: 'Roboto', sans-serif;
}

.site-header-menuSingle li a:hover{
    color: #007acc!important;


}

.site-header-menu {
    display: none;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}
.site-header-menu.toggled-on, .no-js .site-header-menu {
    display: block;
}
.main-navigation {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
}
.main-navigation li {
    position: relative;
}
.main-navigation li:hover {
    border-bottom: 3px solid #000;
}
.main-navigation a {
    color: #1a1a1a;
    display: block;
    line-height: 1.3125;
    outline-offset: -1px;
    padding: 0.65625em 0.875em;
}
.main-navigation a:hover, .main-navigation a:focus {
    color: #007acc;
}
.main-navigation ul ul {
    display: none;
    margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
    display: block;
}
.main-navigation ul .toggled-on {
    display: block;
}
.main-navigation .primary-menu {
    border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
    margin-right: 56px;
}
/*.dropdown-toggle {

background-color: transparent;

border: 0;

border-radius: 0;

color: #1a1a1a;

content: "";

height: 48px;

padding: 0;

position: absolute;

right: 0;

text-transform: none;

top: 0;

width: 48px;

}



.dropdown-toggle:after {

border: 0 solid #d1d1d1;

border-left-width: 1px;

content: "\f502";

font-size: 24px;

left: 1px;

position: relative;

width: 48px;

}



.dropdown-toggle:hover,

.dropdown-toggle:focus {

background-color: transparent;

color: #007acc;

}



.dropdown-toggle:focus {

outline: thin dotted;

outline-offset: -1px;

}



.dropdown-toggle:focus:after {

border-color: transparent;

}



.dropdown-toggle.toggled-on:after {

content: "\f432";

}



*/

.post-navigation {
    border-top: 4px solid #1a1a1a;
    border-bottom: 4px solid #1a1a1a;
    clear: both;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    margin: 0 7.6923% 3.5em;
}
.post-navigation a {
    color: #1a1a1a;
    display: block;
    padding: 1.75em 0;
}
.post-navigation span {
    display: block;
}
.post-navigation .meta-nav {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}
.post-navigation .post-title {
    display: inline;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.2173913043;
    text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {
    color: #007acc;
}
.post-navigation div + div {
    border-top: 4px solid #1a1a1a;
}/*
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before, .pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}*/
.pagination:before {
    right: 0;
}
.pagination:after {
    right: 54px;
}
.pagination a:hover, .pagination a:focus {
    color: #1a1a1a;
}
.pagination .nav-links {
    padding-right: 106px;
    position: relative;
}
.pagination .nav-links:before, .pagination .nav-links:after {
    color: #fff;
    font-size: 32px;
    line-height: 51px;
    opacity: 0.3;
    position: absolute;
    width: 52px;
    z-index: 1;
}
.pagination .nav-links:before {
    content: "\f429";
    right: -1px;
}
.pagination .nav-links:after {
    content: "\f430";
    right: 55px;
}
/* reset screen-reader-text */

.pagination .current .screen-reader-text {
    position: static !important;
}
.pagination .page-numbers {
    display: none;
    letter-spacing: 0.013157895em;
    line-height: 1;
    margin: 0 0.7368421053em 0 -0.7368421053em;
    padding: 0.8157894737em 0.7368421053em 0.3947368421em;
    text-transform: uppercase;
}
.pagination .current {
    display: inline-block;
    font-weight: 700;
}
.pagination .prev, .pagination .next {
    background-color: #1a1a1a;
    color: #fff;
    display: inline-block;
    height: 52px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 52px;
    z-index: 2;
}
.pagination .prev:before, .pagination .next:before {
    font-size: 32px;
    height: 53px;
    line-height: 52px;
    position: relative;
    width: 53px;
}
.pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {
    background-color: #007acc;
    color: #fff;
}
.pagination .prev:focus, .pagination .next:focus {
    outline: 0;
}
.pagination .prev {
    right: 54px;
}
.pagination .prev:before {
    content: "\f430";
    left: -1px;
    top: -1px;
}
.pagination .next {
    right: 0;
}
.pagination .next:before {
    content: "\f429";
    right: -1px;
    top: -1px;
}
.image-navigation {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin: 0 7.6923% 2.1538461538em;
    padding: 1.0769230769em 0;
}
/**

* 7.0 - Accessibility

*/



/* Text meant only for screen readers */

.says, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    /* many screen reader and browser combinations announce broken words as they would appear visually */

    word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */

.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}
.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}
/**

* 8.0 - Alignments

*/



.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
blockquote.alignleft {
    margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
    margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
    margin-bottom: 1.473684211em;
}
/**

* 9.0 - Clearings

*/



.clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after {
    content: "";
    display: table;
}
.clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .site-content:after, .site-main > article:after, .primary-menu:after {
    clear: both;
}
/**

* 11.0 - Content

*/

#bg_titre {
    background-color: rgba(0, 150, 211, 0.9);
    width:100%;
    height:70px;
    margin-bottom:40px;
}
#bg_titre h1 {
    max-width:1000px;
    margin:0 auto;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    line-height:70px;
    font-size:40px;
}
.home #content h2 {
    text-transform:uppercase;
    font-size:40px;
    margin-bottom:50px;
}


.nouvelles {
    color:#225273;
    padding-right:50px;
}
.nouvelles div {
    font-size:12px;
    font-family: 'Roboto', sans-serif;
}
.nouvelles h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    font-weight:700;
}
.nouvelles a {
    color:#225273;
}
.nouvelles p {
    line-height:20px;
    font-weight:300;
}
.nouvelles p, .more {
    font-size:14px!important;
    font-family: 'Roboto', sans-serif;
    margin-bottom:20px;
}
.nouvelles hr {
    max-width:215px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #225273;
    margin-bottom: 30px;
    padding: 0;
}
.nouvelles:last-child hr {
    display:none;
}
#events {
    padding-left:60px;
    padding:51px 2%;
}
.activite {
    padding:51px 2%;
}
#events h2 {
    color:#fff;
}
.evenement {
    margin-bottom:40px;
    color:#fff;
    font-size:14px;
    font-weight:light;
    font-family: 'Roboto', sans-serif;
    line-height:normal;
}
.evenement h3 {
    font-size:18px;
    margin-bottom:15px;
    font-weight:bold;
    font-family: 'Roboto Condensed', sans-serif;
}
.evenement a {
    color:#fff;
}
.more-events {
    font-size:14px;
    text-transform:uppercase;
}
.date_event {
    background-color:#0096d3;
    color:#fff;
    text-align:center;
    margin-right:10px;
    font-family: 'Oswald', sans-serif;
    line-height:normal;
    padding:0px 10px;
    width:20%;
}
.jours {
    font-size:66px;
    font-weight:900;
}
.mois {
    font-size:18px;
    font-weight:lighter;
    margin-top:-15px;
}
.site-inner {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    color: #000;
}
.page .site-inner {
    /*max-width:100%;*/
}
.page .site-content {
    padding:0;
}
.page #primary {
    margin:0 auto;
    max-width:1000px;
    color: #000;
}
.site-content {
    word-wrap: break-word;
    /*margin-top:84px;*/
}
.page .site-content {
    /*margin-top:-70px;*/
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}
.site-main {
    margin-bottom: 3.5em;
    color:#fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    font-weight:300;
    line-height:25px;
}
.site-main > :last-child {
    margin-bottom: 0;
}
/**

* 11.1 - Header

*/

.container {
    max-width:1000px;
    margin:0 auto;
}
#masthead {
    padding:25px 45px;
    position:relative;
}
#bg_bleu {
    background: #2e6998; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2e6998 1%, #5b93c1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #2e6998 1%, #5b93c1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #2e6998 1%, #5b93c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e6998', endColorstr='#5b93c1', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width:100%;
    min-height:430px;
    text-align:center;
    margin:0 auto;
}
#bg_bleu .pure-g {
    width:100%;
    position:relative;
    max-width:1180px;
    margin:-80px auto;
}
#article_trouver {
    border-top:18px solid #00628c;
    max-width:370px;
    margin:0 auto;
    text-align:center;
    background-color:#fff;
    min-height:400px;
}
#article_developper {
    border-top:18px solid #5e9632;
    max-width:370px;
    margin:0 auto;
    text-align:center;
    background-color:#fff;
    min-height:400px;
}
#article_samuser {
    border-top:18px solid #0096d3;
    max-width:370px;
    margin:0 auto;
    text-align:center;
    background-color:#fff;
    min-height:400px;
}
.home .site-header {
    background:url('images/modifie.jpg')no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
}
.site-header {
    background:url('images/banner1.jpg')no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:415px;
}
#logo {
    margin: 0 auto;
    text-align: center;
    padding-top: 33px;
    position: absolute;
    left: 0px;
    right: 0px;
}
#menu-top-gauche img {
    display:none;
}
.site-header-main {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float:left;
    width: 100%;
}
.custom-logo-link {
    display: block;
}
.custom-logo {
    max-width: 180px;
}
.site-title {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.2173913043;
    margin: 0;
}
.wp-custom-logo .site-title {
    margin-top: 0.608695652em;
}
.menu-toggle {
    background-color: transparent;
    border: 1px solid #d1d1d1;
    color: #1a1a1a;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 1.076923077em 0;
    padding: 0.769230769em;
}
.no-js .menu-toggle {
    display: none;
}
.menu-toggle:hover, .menu-toggle:focus {
    background-color: transparent;
    border-color: #007acc;
    color: #007acc;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}
.menu-toggle:focus {
    outline: 0;
}
.menu-toggle.toggled-on:focus {
    outline: thin dotted;
}
#menu-principal {
    position:relative;
    z-index:2;
    width: 100%;
    margin-top: 19px;
}
#menu-principal a {
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:900;
}
#menu-principal li {
    display:inline-block;
    margin:0 10px;
}



* 11.2 - Posts and pages

*/



.site-main > article {
    margin-bottom: 0em;
    position: relative;
}
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-right: 7.6923%;
    margin-left: 7.6923%;
}
.entry-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    color:#fff;
    margin-bottom:25px;
    text-transform:uppercase;
}
.entry-title a {
    color: #1a1a1a;
}
.entry-title a:hover, .entry-title a:focus {
    color: #007acc;
}
.post-thumbnail {
    display: block;
    margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
    display: block;
}
.no-sidebar .post-thumbnail img {
    margin: 0 auto;
}
a.post-thumbnail:hover, a.post-thumbnail:focus {
    opacity: 0.85;
}
.entry-content, .entry-summary {
    border-color: #d1d1d1;
}
.entry-content h1, .entry-summary h1 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
}
.entry-content h2, .entry-summary h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
    margin-top: 2.4347826087em;
    margin-bottom: 1.2173913043em;
    font-family: 'Raleway', sans-serif;
}
.entry-content h3, .entry-summary h3 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.1052631579;
    margin-top: 2.9473684211em;
    margin-bottom: 1.4736842105em;
    font-family: 'Raleway', sans-serif;
}
.entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin-top: 3.5em;
    margin-bottom: 1.75em;
}
.entry-content h4, .entry-summary h4 {
    letter-spacing: 0.140625em;
    text-transform: uppercase;
}
.entry-content h6, .entry-summary h6 {
    font-style: italic;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6 {
    font-weight: 900;
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-summary h1:first-child, .entry-summary h2:first-child, .entry-summary h3:first-child, .entry-summary h4:first-child, .entry-summary h5:first-child, .entry-summary h6:first-child {
    margin-top: 0;
}
.post-navigation .post-title, .entry-title {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
body:not(.search-results) .entry-summary {
    color: #686868;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.4736842105;
    margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
    margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p, body:not(.search-results) .entry-summary address, body:not(.search-results) .entry-summary hr, body:not(.search-results) .entry-summary ul, body:not(.search-results) .entry-summary ol, body:not(.search-results) .entry-summary dl, body:not(.search-results) .entry-summary dd, body:not(.search-results) .entry-summary table {
    margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary li > ol {
    margin-bottom: 0;
}
body:not(.search-results) .entry-summary th, body:not(.search-results) .entry-summary td {
    padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
    margin-bottom: 1.4736842105em;
    padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
    border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
    margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
    margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
    margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
    margin-bottom: 1.4736842105em;
}
.entry-content > :last-child, .entry-summary > :last-child, body:not(.search-results) .entry-summary > :last-child, .page-content > :last-child {
    margin-bottom: 0;
}
.more-link {
    white-space: nowrap;
}
.author-info {
    border-color: inherit;
    border-style: solid;
    border-width: 1px 0 1px 0;
    clear: both;
    padding-top: 1.75em;
    padding-bottom: 1.75em;
}
.author-avatar .avatar {
    float: left;
    height: 42px;
    margin: 0 1.75em 1.75em 0;
    width: 42px;
}
.author-description > :last-child {
    margin-bottom: 0;
}
.entry-content .author-title {
    clear: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.75;
    margin: 0;
}
.author-bio {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 1.6153846154em;
    overflow: hidden;
}
.author-link {
    white-space: nowrap;
}
.entry-footer {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-top: 2.1538461538em;
}
.entry-footer:empty {
    margin: 0;
}
.entry-footer a {
    color: #686868;
}
.entry-footer a:hover, .entry-footer a:focus {
    color: #007acc;
}
.entry-footer > span:not(:last-child):after {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}
.entry-footer .avatar {
    height: 21px;
    margin: -0.1538461538em 0.5384615385em 0 0;
    width: 21px;
}
.sticky-post {
    color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}
#img1 {
    margin-right:74px;
}



/**

* IE8 and earlier will drop any block with CSS3 selectors.

* Do not combine these styles with the next block.

*/

.updated:not(.published) {
    display: none;
}
.sticky .posted-on, .byline {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.page-header {
    border-top: 4px solid #1a1a1a;
    margin: 0 7.6923% 3.5em;
    padding-top: 1.75em;
}
body.error404 .page-header, body.search-no-results .page-header {
    border-top: 0;
    padding-top: 0;
}
.page-title {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2173913043;
}
.taxonomy-description {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
}
.taxonomy-description p {
    margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
    margin-bottom: 0;
}
.page-links {
    clear: both;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    margin: 0 0 1.75em;
}
.page-links a, .page-links > span {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 1.8461538462em;
    line-height: 1.6923076923em;
    margin-right: 0.3076923077em;
    text-align: center;
    width: 1.8461538462em;
}
.page-links a {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}
.page-links a:hover, .page-links a:focus {
    background-color: #007acc;
    border-color: transparent;
    color: #fff;
}
.page-links > .page-links-title {
    border: 0;
    color: #1a1a1a;
    height: auto;
    margin: 0;
    padding-right: 0.6153846154em;
    width: auto;
}
.entry-attachment {
    margin-bottom: 1.75em;
}
.entry-caption {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
    margin-bottom: 0;
}
/**

* 11.3 - Post Formats

*/



.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.473684211;
    margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title, .archive .format-status .entry-title {
    display: none;
}
/**

* 11.5 - Sidebar

*/



.sidebar {
    margin-bottom: 3.5em;
    padding: 0 7.6923%;
    border-top:34px solid #5d9732;
    max-width:380px;
    background-color:#fff;
    padding:50px 30px 50px 40px;
    margin-right:40px;
}
.sidebar ul {
    list-style-type:none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:20px;
    text-transform:uppercase;
    margin:0;
}
.sidebar ul li {
    margin-bottom:25px;
    line-height:normal;
}
.sidebar ul li a {
    color:#000;
}
.sidebar ul li.current_page_item a {
    font-weight:900;
}
/**

* 11.6 - Footer

*/


#pub {
    background-color:#dadada;
    width:100%;
    padding:30px 0;
}
#inner_pub img {
    max-width:100%;
    max-height:300px;
}
.pub1 p {
    margin:0;
    padding:0;
}
#colophon {
    background:url('images/bg_footer.jpg')no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:682px;
    font-family: 'Roboto', sans-serif;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#colophon h2 {
    text-align:center;
    font-size:40px;
    color:#fff;
    text-transform:uppercase;
    font-weight:normal;
    line-height:60px;
    margin-bottom:80px;
}
#colophon h2 strong {
    font-size:72px;
    font-weight:900;
}
#circuits {
    background-color:#dc663c;
    padding:30px 20px;
    margin-right:14px;
    background-image:url('images/i_circuits.png');
    background-position:right;
    background-repeat:no-repeat;
}
#sous-menu-circuits {
    background-color: rgba(220, 102, 60, 0.8);
    margin-right: 14px;
    padding:28px 20px 8px 20px;
}

@-moz-document url-prefix() {
    #sous-menu-circuits {
        background-color: rgba(220, 102, 60, 0.8);
        margin-right: 14px;
        padding: 17px 20px 8px 20px;
    }
}







#sous-menu-circuits ul {
    list-style-type:none;
    margin:0;
    margin-top: 15px;
    margin-bottom: 25px;
}
#sous-menu-circuits ul li {
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:12px;
    line-height:normal;
    font-family: 'Raleway', sans-serif;
}
#itineraires {
    background-color:#008aaf;
    padding:50px 25px;
    margin-left:5px;
    margin-bottom:19px;
    background-image:url('images/i_itineraires.png');
    background-position:right;
    background-repeat:no-repeat;
}
#repertoire {
    background-color:#a2c02f;
    padding:60px 25px;
    margin-left:5px;
    background-image:url('images/i_repertoire.png');
    background-position:right;
    background-repeat:no-repeat;
}
#sources {
    background-color: #000;
    padding: 20px 25px;
    margin-left: 0px;
    margin-top: 16px;
    margin-bottom: 15px;
    margin-right: 14px;
}
#propos{
    background-color: #A51D21;
    padding: 20px 25px;
    margin-left: 5px;
    margin-top: 16px;
    margin-bottom: 15px;
}


#courriel {
    text-align:left;
    margin-top:35px;
    font-weight:800;
    font-size:16px;
    padding: 0px 15px;
    font-family: 'Raleway', sans-serif;
}
.blockfooter h3 {
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
    line-height:normal;
    font-weight:bold;
}
#partenaires {
    text-align:center;
    padding:50px;
}
#partenaires2 {
    text-align:center;
    padding:50px 0;
}
#copyright {
    margin:0 auto;
    color:#fff;
    font-size:12px;
    background-color:#000;
    padding:34px 0;
    font-size:14px;
}
#copyright a {
    color:#fff;
}
#droits-reserver {
    padding-top:25px;
    color: #fff;
}
#droits-reserver a:hover{
    color: #999;
}

#searchsubmit {
    border:1px solid #b9c5ce!important;
    border-left:0px!important;
    background-color:#eef2f5;
}
#search-container button, #search-container input[type="submit"], #search-container input[type="button"], #search-container input[type="reset"] {
    background-image: url('images/btn_search.jpg');
    background-repeat: no-repeat;
    float: right;
    height: 73px;
    width: 77px;
    border: none;
    margin-left: -1px;
    position: absolute;
}
input[type="text"]::-webkit-input-placeholder {
    font-weight:light;
    font-family: 'Roboto', sans-serif;
}
input[type="text"]:-moz-placeholder { /* Firefox 18- */
    font-weight:light;
    font-family: 'Roboto', sans-serif;
}
input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
    font-weight:light;
    font-family: 'Roboto', sans-serif;
}
input[type="text"]:-ms-input-placeholder {
    font-weight:light;
    font-family: 'Roboto', sans-serif;
}
#search-container input[type="text"] {
    width: 95%;
    height: 73px;
    border: none;
    font-weight:300;
    padding-left: 25px;
    font-size: 30px;
    color: #919395;
    border:1px solid #b9c5ce;
    border-right:0px;
    background-color:#eef2f5;
    font-family: 'Roboto', sans-serif;
}
.site-info {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    width:100%;
    max-width:1000px;
    padding:0% 2%;
    margin: 45px auto;
}
.site-info a {
    color:#fff;
}
.site-info a:hover, .site-info a:focus {
    color: #fff;

}
.site-info a div:hover {

    opacity: 0.9; filter: alpha(opacity=90);
}

#copyright a img:hover {

    opacity: 0.8; filter: alpha(opacity=80);
}

/**

* 12.0 - Media

*/



.site .avatar {
    border-radius: 50%;
}
.entry-content a img, .entry-summary a img {
    display: block;
}
/* Make sure embeds and iframes fit their containers. */

embed, iframe, object, video {
    margin-bottom: 1.75em;
    max-width: 100%;
    vertical-align: middle;
}
p > embed, p > iframe, p > object, p > video {
    margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {
    box-shadow: none;
}
.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
    margin-top: 0;
    margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
    padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
    top: 0.7142857143em;
}
/**

* 12.1 - Captions

*/



.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption .wp-caption-text {
    color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}
/**

* 12.2 - Galleries

*/



.gallery {
    margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
    display: inline-block;
    max-width: 33.33%;
    padding: 0 1.1400652% 2.2801304%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    max-width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-caption {
    color: #686868;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}
/**

* 13.0 - Multisites

*/



.widecolumn {
    margin-bottom: 3.5em;
    padding: 0 7.6923%;
}
.widecolumn .mu_register {
    width: auto;
}
.widecolumn .mu_register .mu_alert {
    background: transparent;
    border-color: #d1d1d1;
    color: inherit;
    margin-bottom: 3.5em;
    padding: 1.75em;
}
.widecolumn form, .widecolumn .mu_register form {
    margin-top: 0;
}
.widecolumn h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 900;
    line-height: 1.2173913043;
    margin-bottom: 1.2173913043em;
}
.widecolumn p {
    margin: 1.75em 0;
}
.widecolumn p + h2 {
    margin-top: 2.4347826087em;
}
.widecolumn label, .widecolumn .mu_register label {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    text-transform: uppercase;
}
.widecolumn .mu_register label {
    margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
    font-weight: 400;
}
.widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
}
.widecolumn .mu_register #blogname {
    margin: 0;
}
.widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
    margin: 0 0 0.375em;
}
.widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    width: auto;
}
.widecolumn .mu_register .prefix_address, .widecolumn .mu_register .suffix_address {
    font-size: inherit;
}
.widecolumn .mu_register > :last-child, .widecolumn form > :last-child {
    margin-bottom: 0;
}





/**

* 14.0 - Media Queries

*/



/**

* Does the same thing as <meta name="viewport" content="width=device-width">,

* but in the future W3C standard way. -ms- prefix is required for IE10+ to

* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

* the meta tag. See https://core.trac.wordpress.org/ticket/25888.

*/

@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
@media screen and (max-width: 767px) {
    body {
        background:#fff;
    }
    #events {
        background-color:#225273;
    }
    #poteau img {
        display:none;
    }
}

/**

* 14.1 - >= 710px

*/



@media screen and (min-width: 44.375em) {
    .site-main {
        margin-bottom: 5.25em;
    }
    .menu-toggle {
        font-size: 16px;
        font-size: 1.0rem;
        margin: 1.3125em 0;
        padding: 0.8125em 0.875em 0.6875em;
    }
    .post-navigation {
        margin-bottom: 5.25em;
    }
    .site-main > article {
        margin-bottom: 0em;
    }
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .image-navigation, .post-navigation, .page-header, .page-content {
        margin-right: 23.0769%;
    }
    .entry-title {
        font-size: 33px;
        font-size: 2.0625rem;
        line-height: 1.2727272727;
    }
    .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
        border-width: 4px 0 0 0;
        padding: 0.9473684211em 0 0;
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
    }
    .entry-content blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote {
        margin-left: -1.473684211em;
    }
    .entry-content blockquote blockquote:not(.alignleft):not(.alignright), .entry-summary blockquote blockquote {
        margin-left: 0;
    }
    .entry-content ul, .entry-summary ul, .entry-content ol, .entry-summary ol {
        margin-left: 0;
    }
    .entry-content li > ul, .entry-summary li > ul, .entry-content blockquote > ul, .entry-summary blockquote > ul {
        margin-left: 1.25em;
    }
    .entry-content li > ol, .entry-summary li > ol, .entry-content blockquote > ol, .entry-summary blockquote > ol {
        margin-left: 1.5em;
    }
    .sidebar, .widecolumn {
        margin-bottom: 5.25em;
    }
    body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary blockquote > ul {
        margin-left: 1.157894737em;
    }
    body:not(.search-results) .entry-summary li > ol, body:not(.search-results) .entry-summary blockquote > ol {
        margin-left: 1.473684211em;
    }
}





/**

* 14.2 - >= 783px

*/

@media screen and (max-width: 48.9375em) {
    #colophon {
        padding-top: 50px;
        text-align: center;
    }
    #article_trouver, #article_developper, #article_samuser {
        margin-bottom:20px;
    }
    #search-container input[type="text"] {
        width:65%;
    }
}
@media screen and (min-width: 48.9375em) {
    body:not(.custom-background-image).admin-bar:before {
        top: 32px;
    }
}
.main-navigation .primary-menu, .main-navigation .primary-menu > li {
    border: 0;
}
.main-navigation .primary-menu > li {
    float: left;
}
.main-navigation a {
    outline-offset: -8px;
    white-space: nowrap;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
    color: #000;
}
.main-navigation ul ul {
    display: block;
    left: -999em;
    margin: 0;
    position: absolute;
    z-index: 99999;
    padding-top:8px;
}
.main-navigation ul ul li:hover {
    border-bottom:none;
}
.main-navigation ul ul li a:hover {
    border:none;
    background-color:#000;
    color:#fff;
    transition: all 0.5s ease;
}
.main-navigation ul ul ul {
    top: -1px;
}
.main-navigation ul ul ul:before, .main-navigation ul ul ul:after {
    border: 0;
}
.main-navigation ul ul li {
    background-color: #fff;
    border-bottom-width: 0;
}
.main-navigation ul ul a {
    white-space: normal;
}
.main-navigation ul ul:after {
    border-color: #fff transparent;
    border-width: 0 8px 8px;
    right: 11px;
    top: -7px;
}
.main-navigation li:hover > ul, .main-navigation li.focus > ul {
    left: 0;
    right: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: auto;
    right: 100%;
}
.main-navigation .menu-item-has-children > a {
    margin: 0;
    padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
    content: "\f502";
    position: absolute;
    right: 0em;
    top: 0.7em;
    border:1px solid #000;
    border-radius: 2px;
    padding: 10px 7px 3px 7px;
}
.main-navigation .menu-item-has-children > a:hover:after, .bgcolor_black:after {
    color:#fff;
    background-color:#000;
}
.main-navigation ul ul .menu-item-has-children > a {
    padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
    right: 0.5625em;
    top: 0.875em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



/**

* 14.3 - >= 910px

*/



@media screen and (min-width: 56.875em) {
    .site-header-main {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .wp-custom-logo .site-header-main {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .site-header-menu {
        display: block;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }







    /*.dropdown-toggle,

    .main-navigation ul .dropdown-toggle.toggled-on,*/

    .menu-toggle, .site-footer .main-navigation {
        display: none;
    }
    /*.site-content {
    padding: 0 2.5455%;
    }*/
    .home .content-area {
        width:100%;
    }
    .content-area {
        float: left;
        margin-bottom: -126px;
        width: 100%;
    }
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .image-navigation, .post-navigation, .pagination, .page-header, .page-content {
        margin-right: 0;
        margin-left: 0;
    }
    .sidebar {
        float: left;
        width: 50%;
    }
    .site-footer {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .site-info {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .widecolumn {
        padding-right: 15%;
        padding-left: 15%;
    }
}





/**

* 14.4 - >= 985px

*/



@media screen and (min-width: 61.5625em) {
    .site-main {
        margin-bottom: 7.0em;
    }
    .custom-logo {
        max-width: 240px;
    }
    .image-navigation {
        margin-bottom: 3.230769231em;
    }
    .post-navigation {
        margin-bottom: 7.0em;
    }
    .pagination {
        margin-bottom: 5.894736842em;
    }
    .site-main > article {
        margin-bottom: 0em;
    }
    .entry-title {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 1.225;
    }
    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 23px;
        font-size: 1.4375em;
        line-height: 1.304347826;
    }
    .post-thumbnail {
        margin-bottom: 2.625em;
    }
    .entry-content h1, .entry-summary h1 {
        font-size: 33px;
        font-size: 2.0625rem;
        line-height: 1.2727272727;
        margin-top: 1.696969697em;
        margin-bottom: 0.8484848485em;
    }
    .entry-content h2, .entry-summary h2 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.25;
        margin-top: 2em;
    }
    .entry-content h3, .entry-summary h3 {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.2173913043;
        margin-top: 2.4347826087em;
        margin-bottom: 1.2173913043em;
    }
    .entry-content h4, .entry-summary h4, .entry-intro h4 {
        letter-spacing: 0.131578947em;
    }
    .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6 {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.1052631579;
        margin-top: 2.9473684211em;
        margin-bottom: 1.473684211em;
    }
    .author-info {
        border-bottom-width: 0;
        padding-bottom: 0;
    }
    .sidebar, .widecolumn {
        margin-bottom: 7.0em;
    }
    body:not(.search-results) .entry-summary {
        margin-bottom: 2.210526316em;
    }
    body:not(.search-results) .entry-header + .entry-summary {
        margin-top: -1.105263158em;
    }
    body:not(.search-results) article:not(.type-page) .entry-content {
        float: right;
        width: 71.42857144%;
    }
    body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
        margin-left: -40%;
        width: -webkit-calc(60% - 1.4736842105em);
        width: calc(60% - 1.4736842105em);
    }
    body:not(.search-results) article:not(.type-page) img.below-entry-meta, body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
        clear: both;
        display: block;
        float: none;
        margin-right: 0;
        margin-left: -40%;
        max-width: 140%;
    }
    body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta, body:not(.search-results) article:not(.type-page) table figure.below-entry-meta, body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
        margin: 0;
        max-width: 100%;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer {
        float: left;
        margin-top: 0.1538461538em;
        width: 21.42857143%;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
        display: none;
    }
    .single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
        display: block;
        margin-bottom: 0.5384615385em;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
        margin-bottom: 0;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
        display: block;
        height: auto;
        margin: 0 0 0.5384615385em;
        width: 49px;
    }
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
        float: left;
        margin-right: -100%;
        margin-left: 34.99999999%;
        width: 50.00000001%;
    }
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
        margin-right: -100%;
        margin-left: 15%;
        width: 15%;
    }
}

/**

* 14.5 - >= 1200px

*/



@media screen and (min-width: 75em) {
    body:not(.search-results) .entry-summary {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.5217391304;
        margin-bottom: 1.826086957em;
    }
    body:not(.search-results) .entry-header + .entry-summary {
        margin-top: -0.913043478em;
    }
    body:not(.search-results) .entry-summary p, body:not(.search-results) .entry-summary address, body:not(.search-results) .entry-summary hr, body:not(.search-results) .entry-summary ul, body:not(.search-results) .entry-summary ol, body:not(.search-results) .entry-summary dl, body:not(.search-results) .entry-summary dd, body:not(.search-results) .entry-summary table {
        margin-bottom: 1.5217391304em;
    }
    body:not(.search-results) .entry-summary li > ul, body:not(.search-results) .entry-summary blockquote > ul {
        margin-left: 0.956521739em;
    }
    body:not(.search-results) .entry-summary li > ol, body:not(.search-results) .entry-summary blockquote > ol {
        margin-left: 1.52173913em;
    }
    body:not(.search-results) .entry-summary blockquote {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.5217391304;
        margin: 0 0 1.5217391304em;
        padding-left: 1.347826087em;
    }
    body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
        margin-left: -1.52173913em;
    }
    body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
        margin-left: 0;
    }
    body:not(.search-results) .entry-summary blockquote cite, body:not(.search-results) .entry-summary blockquote small {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.8421052632;
    }
    body:not(.search-results) .entry-summary th, body:not(.search-results) .entry-summary td {
        padding: 0.3043478261em;
    }
    body:not(.search-results) .entry-summary pre {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
        margin-bottom: 1.75em;
        padding: 1.75em;
    }
    body:not(.search-results) .entry-summary fieldset {
        margin-bottom: 1.5217391304em;
        padding: 0.3043478261em;
    }
    body:not(.search-results) .entry-summary h1 {
        margin-top: 2.121212121em;
        margin-bottom: 1.060606061em;
    }
    body:not(.search-results) .entry-summary h2 {
        margin-top: 2.5em;
        margin-bottom: 1.25em;
    }
    body:not(.search-results) .entry-summary h3 {
        margin-top: 3.043478261em;
        margin-bottom: 1.52173913em;
    }
    body:not(.search-results) .entry-summary h4, body:not(.search-results) .entry-summary h5, body:not(.search-results) .entry-summary h6 {
        margin-top: 3.684210526em;
        margin-bottom: 1.842105263em;
    }
    body:not(.search-results) .entry-summary h1:first-child, body:not(.search-results) .entry-summary h2:first-child, body:not(.search-results) .entry-summary h3:first-child, body:not(.search-results) .entry-summary h4:first-child, body:not(.search-results) .entry-summary h5:first-child, body:not(.search-results) .entry-summary h6:first-child {
        margin-top: 0;
    }
    body:not(.search-results) .entry-summary .alignleft {
        margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
    }
    body:not(.search-results) .entry-summary .alignright {
        margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
    }
    body:not(.search-results) .entry-summary .aligncenter {
        margin-bottom: 1.5217391304em;
    }
}
@media screen and (min-width: 1265px) {
    #masthead {
        padding: 25px 0px
    }
}
.opacite #masthead .container {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    opacity: 0;
}
@media screen and (max-width: 925px) {
    .site-header-main, #conteneur_menu, #menu-item-51, #menu-item-50 {
        display:none!important;
    }
}
@media screen and (max-width: 1265px) {
    .home .site-header {
        /*background: url('images/bg_petit.jpg')no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 100vh;
    }
    .container {
        max-width:100%;
        position:fixed;
        width:100%;
        z-index:999;
    }
    #menu-top-gauche img {
        display:block;
        float:left;
    }
    #menu-top-gauche ul li {
        font-size:14px;
    }
    #logo {
        display:block;
        padding-top:80px;
    }
    .home #masthead {
        padding:0;
    }
    #masthead .container {
        background-color:#fff;
        padding:5px 0;
        height:70px;
    }
    #site-navigation {
        padding-left: 40px;
        padding-top: 13px;
    }
    .main-navigation .menu-item-has-children > a:after {
        top: 0.6em;
        padding: 7px 5px 1px 5px;
    }
    .sous-titre {
        display:none;
    }
    #conteneur_menu {
        padding-top:15px;
        max-width:365px;
        margin:0 auto;
    }
    #menu-top {
        padding-top:15px;
    }
    #menu-principal #menu3 .genericon {
        right: -2em;
    }
    #menu-principal .btn_principal {
        font-size:14px;
    }
    #menu-principal .genericon {
        content: "\f502";
        position: absolute;
        right: 0em;
        border-radius: 2px;
        width:auto;
        height:auto;
        font-size:12px;
        padding: 5px 5px 0px 4px;
        line-height: 16px;
        top: 4px;
    }
}

/**

* 15.0 - Print

*/



@media print {
    form, button, input, select, textarea, .navigation, .main-navigation, .sidebar, .page-links, .edit-link, .pingback .edit-link {
        display: none;
    }
    body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .entry-content .author-title {
        font-size: 12pt;
    }
    blockquote {
        font-size: 14.25pt;
    }
    .site-title, .page-title, .entry-content h2, .entry-summary h2, .widecolumn h2 {
        font-size: 17.25pt;
    }
    .entry-title {
        font-size: 24.75pt;
        line-height: 1.2727272727;
    }
    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 17.25pt;
        line-height: 1.304347826;
    }
    .entry-content h1, .entry-summary h1 {
        font-size: 21pt;
    }
    .entry-content h3, .entry-summary h3, body:not(.search-results) .entry-summary {
        font-size: 14.25pt;
    }
    .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .site-info, .wp-caption .wp-caption-text, .gallery-caption {
        font-size: 9.75pt;
    }
    body, .site {
        background: none !important; /* Brute force since user agents all print differently. */
    }
    body, blockquote cite, blockquote small, .entry-title a {
        color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
    }
    blockquote, .page-header {
        border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
    }
    blockquote, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption {
        color: #686868 !important; /* Make sure color schemes don't affect to print */
    }
    code, hr {
        background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
    }
    pre, abbr, acronym, table, th, td, .author-info {
        border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
    }
    a {
        color: #007acc !important; /* Make sure color schemes don't affect to print */
    }
    .entry-content a, .entry-summary a, .taxonomy-description a {
        box-shadow: none;
        border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
    }
    .site {
        margin: 5%;
    }
    .site-inner {
        max-width: none;
    }
    .site-main {
        margin-bottom: 3.5em;
    }
    .entry-header, .entry-footer, .page-header, .page-content, .entry-content, .entry-summary, .post-thumbnail {
        margin-right: 0;
        margin-left: 0;
    }
    .post-thumbnail, .site-main > article {
        margin-bottom: 0em;
    }
    .entry-content blockquote.alignleft, .entry-content blockquote.alignright {
        border-width: 4px 0 0 0;
        padding: 0.9473684211em 0 0;
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
    }
    body:not(.search-results) .entry-header + .entry-summary {
        margin-top: -1.473684211em;
    }
    .site-footer, .widecolumn {
        padding: 0;
    }
}

.page .site-main {
    margin-bottom: 10em;
}
.headInner{height: 76vh;}


.wp-pagenavi {
    text-align: center;
    margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-weight: 700;  
    border: none 
}

.pages{display: none;}

#partenaires .v_align img{
    padding: 0px;
}

#partenaires .tooBig{
    padding: 15px;
}


.sf-field-search{position: relative;}

.sf-field-search button, .sf-field-search input[type="submit"], .sf-field-search input[type="button"], .sf-field-search input[type="reset"] {
    background-image: url(images/btn_search.png);
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 54px;
    width: 57px;
    border: none;
    background-color: transparent;
    margin-left: -57px;
    bottom: 10px;
    position: absolute;
}

#partenaires .v_align a{
    display: block;
}

.gm-svpc{
    display: none;
}
#ssLogo{display: none;}
#responsive_menu_pro .responsive_menu_pro_menu li a {

    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}
/* Media Querries */
@media only screen  and (max-width : 1480px) {


}
@media only screen  and (max-width : 1366px) {
    .headTitle {margin-top: 0px;}
    .headInner {height: 65vh;}

}
@media only screen  and (max-width : 1280px) {
    .headSearch { width: 100%;margin-right: -1px;margin-left: 29px;margin-top: -14px;}
    #menu-principal a {font-size: 16px;}  
    .site-header-menu {width: 82%;float: right;}
    .headTitle img{max-width: 75%; margin-top: 9%;margin-left: 25%;}
    .headTitle h1 {font-size: 60px;line-height: 59px;margin-left: 65px;margin-top: 155px;}    

}


@media only screen  and (max-width : 1210px) {
    .site-header-menu {width: 87%;float: right;}
    .bandeMenu h2 {font-size: 20px;}  
}
@media only screen  and (max-width : 1200px) {
    #menu-principal {display: none;} 
    .headSearch {display: none;} 
}

@media screen and (max-width: 1140px) {
    .site-header-menu {width: 92%;float: right;}
    .gridRepertoire {margin-left: 5px;}

}

@media screen and (max-width: 1024px) {
    .headTitle h1 {font-size: 60px;line-height: 59px;margin-left: 125px;margin-top: 155px;}   
    .headTitle img {width: 75%;  margin-left: 160px;}
    .exploration {margin-top: 8%;}
    .site-header-menu { width: 98%;float: right;} 
    .headSearch {margin-left: 29px;} 
    #droits-reserver {margin-left: 12px;}
    .explInfo {width: 52%;}
    .descGridIti {padding: 0 30px 0 30px;}
    .descGridCircuit {padding: 0 30px 0 30px;}
    .ficheTitre {font-size: 35px;}
    .itiMunicipalite {padding: 0 60px 0 60px;}
    .villeDescription{padding: 0 30px 0 30px; }
    .descGrid {margin-top: 100px;padding: 30px 30px 0 30px;}
    .circuitDescription {padding: 0 30px 0 30px;}
    /*Page carte interactive*/
    .page-id-11 .acf-map{height: 68vh;}
    .page-id-11 .gm-style-iw {height: 440px!important;}
    .page-id-11 .fixMe {height: 150px;}

}

@media screen and (max-width: 1023px) {
    /*.bandeMenu h2 {margin-top: 50px;}*/
    .bandeMenu img {margin-top: 30px;}
    .exploration { margin-top: 34%;} 
    .mapBout {margin-left: 36%;}
    .ligneVerte {margin-left: 50%;}
    .bandeVerte h2 {margin-top: 50px;} 
    #menu-principal {display: none;} 
    .headSearch {display: none;} 
    .headTitle {margin-top: 10%;}  
    .headTitle img { margin-top: 12%;}    
    .sf-field-search {float: none;}
    .searchandfilter {text-align: center;}
    .searchandfilter select {margin-bottom: 5px;}
    .gridItineraire { margin-left: 5px;}
    .site-headerSingle {padding: 28px 45px!important;}
    .gridCircuits {margin-left: 23px;}
    .singleHead { background: linear-gradient(90deg, #1f1f1f 50%, #1f1f1f 50%);}
    .ficheImage {text-align: center;}
    .ficheImage {height: auto;margin-top: 40px;}
    .ligneBleueBot {display: none;}
    .ligneBleueTop {display: none;}
    .ligneCarteIti {display: none;}
    .singleHead{padding-bottom: 60px;}
    .cirfuitFull {padding: 60px 60px 60px 60px;}
    .itiFull {padding: 60px 0 60px 0;}
    .hideme {display: none;}  
    #search .sf-field-search button, .sf-field-search input[type="submit"], .sf-field-search input[type="button"], .sf-field-search input[type="reset"] {bottom: -6px;}
    #ssLogo{display: block;    text-align: center;}
    .ssLogo img {width: 100%; margin-left: 0px;}
    .headTitle img {width: 100%;margin-left: 0px;max-width: 100%;}

}


@media screen and (max-width: 1000px) {
    .ligneOrange {display: none;}
    .ligneVerte {display: none;}
    .explInfo {width: 44%;font-size: 18px;}
    .mapTitre h2 {font-size: 35px!important;line-height: 14px;}
    .mapTitre h2 span {font-size: 40px!important;}
    .mapTitre { margin-top: -130px;} 
    .calendrier { margin-top: 210px;min-height: 950px;} 
    .mapBout {margin-left: 34%;margin-top: 40px;}  


}

@media screen and (max-width: 956px) {
    .exploration {text-align: left;} 
    .exploration img {float: none; }
    .explTitre {float: none; margin-top: 40px;margin: 0 auto;    text-align: center;}   
    .explInfo {width: 90%;margin-left: 22px!important;}   
    .explBout {margin-top: -7px;margin-left: 32%;margin-bottom: 29px; width: 300px;}    
    .explTitre h2 { margin-left: 49px;}
    .mapTitre h3 {line-height: 0px;}
    .site-main { margin-bottom: 5em!important;} 
    .home .site-header {min-height: 60vh;margin-bottom: 130px;}    
    .bandeMenu {bottom: -110px;}
    #circuits {background-image: none!important;}  
    #itineraires {background-image: none!important;} 
    #repertoire {background-image: none!important;}  
    .aPropos {width: 300px;height: 85px;margin-left: 31%; margin-top: 0px;    margin-bottom: 30px;}
    .itiInfo {width: 100%;margin-top: 4px;margin-left: 0px;     padding: 30px 0;}
    .imgIti {width: 100%;margin: 0 auto;}
    .itiButton { width: 100%; }
    .cirfuitFull {padding: 60px 60px 60px 60px;}
    .circuitsInfo {width: 100%;margin-top: 4px;margin-left: 0px;padding: 30px 0;}
    .headTitle img {margin-top: 0%;    width: 78%; }

}

@media screen and (max-width: 836px) {
    .mapTitre h3 {font-size: 26px!important;} 
    .mapTitre { margin-top: -107px;} 
    .mapBout {margin-left: 31%;} 
    .aPropos {width: 300px;height: 85px;margin-left: 29%;margin-top: 0px;margin-bottom: 30px;}


}

@media screen and (max-width: 768px) {
    .exploration img { display: none;}
    .explBout {margin-left: 28%;} 
    .mapLink { margin-top: 30px; min-height: 125px;margin-bottom:0px;}
    .mapLink img{display: none;} 
    .mapTitre {width: 100%;  margin-top: 0px; }
    .mapTitre h2{text-align: center!important;} 
    .mapTitre h3{text-align: center!important;}
    .mapBout {margin-bottom: 60px;}   
    .site-main {margin-bottom: 0em!important;}  
    .lgBot img{max-width: 80%}    
    #slider .slick-arrow{display: none!important;}
    .pub1{text-align: center;}  
    .pub2{text-align: center;}
    #sous-menu-circuits { margin-right: 0px; }    
    #circuits { margin-right: 0px;}
    #sources {margin-bottom: 20px;} 
    .exploration {min-height: 630px;margin-top: 43%;width: 100%;}
    .boxTitle {max-width: 40%;}
    .explInfo { margin-left: 0px;}
    #sources { margin-right: 0px; } 
    .gridCircuits {margin-left: 19px;}
    .sf-field-search {float: none;}
    .searchandfilter {text-align: center;}
    .descGrid { margin-top: 100px;padding: 0 30px 0 30px;}
    .gridRepertoire { margin-right: 0px;margin-left: 5px;}
    #courriel {text-align: center; }
    .searchandfilter select {margin-bottom: 5px;}
    .ficheDesc {width: 90%;}

    .ficheTitre {font-size: 21px;line-height: 27px;}



}


@media screen and (max-width: 767px) {
    #courriel {text-align: center; margin-bottom: 35px;}
    .gridRepertoire {margin-right: 5px; margin-left: 5px;}
    .bandeGrise {background: #fff!important;}
    .gridItineraire {margin-right: 5px;}
    .smaller{width: 50%;margin: 0 auto;}
    #copyright {text-align: center;} 
    .exploration { margin-bottom: 65px;}
}
@media screen and (max-width: 680px) {
    .searchandfilter select.sf-input-select {width: 100%;}
    .searchandfilter label {width: 95%;}


    .carteSearch input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { margin-bottom: 5px;}    

}


@media screen and (max-width: 640px) {
    .exploration {margin-top: 50%;}   
    .mapLink img{display: none;} 
    .mapTitre {width: 100%;}
    .mapTitre h2{text-align: center!important;} 
    .mapTitre h3{text-align: center!important;}
    .explBout {margin-left: 26%;} 
    .mapBout {margin-left: 26%; margin-top: 30px;}  
    .mapLink {margin-top: 0px;min-height: 200px;}
    #circuits { margin-right: 0px; margin-top: 19px;}
    #sources {margin-bottom: 19px;}
    #courriel {display: none;}    
    #itineraires { margin-left: 0px; margin-top: 19px; }
    #repertoire {margin-left: 0px;}
    #sources {margin-left: 0px;}
    #img1 { margin-right: 0px;margin-bottom: 20px;}
    .bandeMenu h2 {margin-top: 34px;} 
    .topGauche{display: none;}
    .botDroit{display: none;}
    .aPropos {margin-left: 25%;}
    .bandeVerte h2 {margin-top: 50px;}
    .bandeItineraire {text-align: center;height: 176px;}
    .bandeItineraire h2 { margin-right: 0px; }
    .titreIti {font-size: 27px;line-height: 27px;}
    .cirfuitFull {padding: 60px 30px 0px 30px;}
    .titreCircuits {font-size: 27px;line-height: 27px;}
    .explTitre h2 {font-size: 39px!important;line-height: 25px;float: none;margin-left: 0;}
    .explTitre h2 strong {font-size: 48px!important;margin-top: 0px; line-height: 60px;float: none;margin-left: 0;}  
    .explTitre h3 {font-size: 27px!important;float: none;margin-left: 0;} 
    .explTitre {width: 100%;float: left;}



}

@media screen and (max-width: 590px) {
    .exploration { margin-top: 56%;}

    .exploration {margin-left: 0%;}  
    .explBout {margin-left: 18%;} 
    .gridCircuits { margin-left: 5px;margin-right: 5px;}   
    .bandeCircuit h2 {margin-right: 0px;}
    .itiMunicipalite {padding: 0px 20px 0 20px;}
    .infoExtra h3 { margin-left: 0px;}



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


    .carte{padding-left: 0px;}
    #colophon h2 strong {font-size: 45px;}  

}

@media screen and (max-width: 480px) {
    .exploration { margin-top: 56%;}
    .explTitre h2 {font-size: 39px!important;line-height: 25px;}
    .explTitre h2 strong {font-size: 48px!important;margin-top: 0px; line-height: 60px;}    
    .explTitre h3 {font-size: 27px!important;} 
    .explTitre {width: 100%;float: left;}
    .exploration {margin-left: 0%;}  
    .explBout {margin-left: 18%;} 
    .mapBout {margin-left: 18%;}  

    .col-1-3 {max-width: 400px;} 
    .titreEven {bottom: 60%;}  
    .bandeVerte h2 {margin-top:50px;}
    .aPropos {margin-left: 17%;}
    .bandeRepertoire h2 { margin-right: 0px; }
    .bandeCircuit { height: 175px;}
    .bandeItineraire {height: 225px; margin-bottom: 30px;}
    .exploration {margin-bottom: 164px;}
    .getMe img {display: none;}
    .page-id-11 .gm-style-iw {height: 265px!important;}
    .page-id-11 .getMe {top: -15px;  background-color: #fff;}


}
@media screen and (max-width: 414px) {
    .explTitre h2 {margin-left: 10px;}
    .bandeCircuit { height: 225px;margin-bottom: 30px;}
    .mapTitre h2 { font-size: 26px!important;line-height: 14px;}   
    .mapTitre h2 span {font-size: 26px!important;} 
    .mapTitre h3 {font-size: 20px!important;line-height: 0px;}  
    .calendrierTitre h2 {font-size: 36px!important;}  

}
@media screen and (max-width: 385px) {
    .exploration {margin-top: 90%;} 
    .explTitre {display: none;}    
    .explInfo { width: 84%;} 
    .mapLink { margin-top: 220px; min-height: 200px;}
    .explBout {margin-left: 7px;width: 300px;} 
    .mapBout {margin-left: 10%;width: 287px;} 

    .col-1-3 { max-width: 294px;}  
    .titreEven {display: none;}    
    #colophon h2 strong {font-size: 30px;}
    .descGridIti {display: none;}
    .descGridCircuit {display: none;}
    .aPropos { margin-left: 9%;}
}

@media screen and (max-width: 374px) {
    .exploration {margin-top: 90%;} 
    .explTitre {display: none;}    
    .explInfo { width: 84%;} 
    .mapLink { margin-top: 220px; min-height: 200px;}
    .explBout {margin-left: 7px;width: 287px;} 
    .mapBout {margin-left: 7px;width: 287px;}  
    .mapTitre h2 { font-size: 26px!important;line-height: 14px;}   
    .mapTitre h2 span {font-size: 26px!important;} 
    .mapTitre h3 {font-size: 20px!important;line-height: 0px;}  
    .calendrierTitre h2 {font-size: 36px!important;}  
    .col-1-3 { max-width: 294px;}  
    .titreEven {display: none;}    
    #colophon h2 strong {font-size: 30px;}  
    .aPropos {margin-left: 7px;width: 287px;}
    .sf-input-select {min-width: 285px!important;}
    .sf-input-text {min-width: 285px;}
    .descGrid {display: none;}
    .searchandfilter {margin-bottom: 50px;}
    .exploration {margin-bottom: 224px;}
}