/**
 * Basic CSS Media Query Template
 * TODO: I should probably use Sass...
 * Author: Damien Drouat (damiendrouat@me.com)
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */

/*@import url(https://d1p2aimeyx6kdr.cloudfront.net/wp-content/uploads/fonts/b0d2c7af93af3d1d21e74e54d0593dd6.css);*/
@import url('https://fonts.googleapis.com/css?family=Just+Another+Hand');
.decoImage{
    position: absolute;
    top: 20%;
    left: 30%;
    z-index: 2;
    width: 100px;
    animation: lds-cta_i 3.2s cubic-bezier(1, 1, 1, 1) infinite;
}

/*.display_mobile{*/
    /*display: none !important;*/
/*}*/

.td-main-content-wrap{
    padding-bottom: 0 !important;
}

.deco_petanque{
    position: absolute;
    top:5%;
    right: 0;
    z-index: 4;
}

.parent{
    margin-top:20%;
}

.deco_crayon{
    position: absolute;
    top:4%;
    left: 0;
    z-index: 2;
}

#introduction .mainImage2{
    position: absolute; /* postulat de départ */
    top: 180px; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%); /* décalage de 50% de sa propre taille */
}

.association_pic{
    max-height: 500px;
}

.presentation_event .td-separator{
    text-align: center;
}

.presentation_event .td-separator img{
    margin: 0 auto;
}

.georgia_text{
    font-family: Georgia, "Times New Roman", Times, serif;
}

.lettrine::first-letter {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:4.5em;
    padding-right:0.2em;
    padding-bottom:0.2em;
    float:left;
    margin-top: 0.3em;
}


a.btn_reserver{
    padding: 3% 9% 3% 9%;
    background-color: #f28133;
    color:#fff;
    border-radius: 5px;
    font-weight: 500;
}

a.btn_reserver:hover{
    color:#fff;
    text-decoration: none;
}

.participation_description{
    height: 150px;
}

#participation_section h4{
    font-family: 'Just Another Hand', cursive !important;
    letter-spacing: 5px;
    font-size: 23pt;
}

.rounded-circle_{
    height: 290px;
    width: 290px;
    background-color: #fcfcfc;
    border: 2px solid #eee;
    border-radius: 50%;
    box-shadow: 1px 1px 10px #646464;
}

.block_text_1{
    padding: 6% !important;
}

.block_text_2{
    padding: 6% !important;
}

.text-justify{
    line-height: 30px;
}

#contacts .mailto a{
    /*text-align: center;*/
    color:#000;
    text-decoration: none;
    font-family: 'Lato', 'Helvetica', serif;
}
#contacts .mailto a:hover{
    text-decoration: none;
    color: #000;
}
#contacts .mailto p{
    /*text-align: center;*/
    font-family: 'Lato', 'Helvetica', serif;
}
#contacts .mailto h5{
    letter-spacing: 5px;
    font-size: 22pt;
    font-family: 'Lato', 'Helvetica', serif;
    /*text-align: center;*/
}

#contacts .doalignleft{
    text-align:left;
}

#contacts .doalignright{
    text-align:right;
}

/**
SCROLLSPY
 */
.dotnav > li > a {
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 15px;
    border-radius: 5%;
    transform: rotate(45deg);
    border: 2px solid #f28133;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    text-indent: -999%;
}
.dotnav > li > a:hover,
.dotnav > li > a:focus {
    background: #f28133;
    outline: none;
}
.dotnav > li > a:active {
    background: #f28133;
}
.dotnav > li.active > a {
    background: #f28133;
}

.awesome-tooltip + .tooltip > .tooltip-inner {
    background-color: #f28133;
    color: #fff;
    border: 1px solid #f28133;
}
.awesome-tooltip + .tooltip.left > .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #f28133;
}

.dot-nav-dotte {
    position: relative;
    top: 1px;
    left: 6px;
    transform: rotate(45deg);
    border-right:1px solid #f28133;
    padding-top: 15px;
    padding-bottom: 10px;
}
.dotnav-left {
    left: 10px;
    top: 22%;
    margin-top: 0;
    height: 100px;
    z-index: 5;
    position: fixed;
}
.dotnav {
    padding: 0;
    list-style: none;
    font-size: 0.001px;
}
.dotnav > li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    transition: width .4s ease-in-out;
}
.dotnav-vertical > li {
    display: block;
    margin-right:10px;
    margin-bottom: -10%;
}
.dotnav-vertical > li:nth-child(n+2) {
    margin-left: 0;
    margin-top: 10px;
}
.awesome-tooltip {
    margin-left:0;
}
.dot-nav-dotte:before{
    content: "  ";
    transform: rotate(45deg);
}
.bg_nav{
    background: linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 60%,transparent);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width:8%;
}

.slider_element_partners .text_part{
    max-height: 460px;
    overflow-x: scroll;
}

.slider_element_partners{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    opacity: 1;
}

.slider_element_partners h4{
    font-size:22pt;
    font-weight: bolder;
    margin-bottom: 2%;
}

.slider_element_partners p {
    font-size:13px;
}

.slide_item{
    margin:3%;
}


.page-triplettes2021 .owl-controls .owl-prev {
    top: 30%;
    position: absolute;
    font-size: 70pt;
    /*cursor: url(../icons/chevron-gauche.png), pointer !important;*/
    /*width: 40%;*/
    height: 100%;
    /*margin-top: -17%;*/
    color:#f28133;
    margin-left: -5%;
    z-index: 5;
}
.page-triplettes2021 .owl-controls .owl-next {
    top: 30%;
    position: absolute;
    font-size: 70pt;
    right: 0px;
    height: 100%;
    /*margin-top: -17%;*/
    /*width: 40%;*/
    /*cursor: url(../icons/chevron-droit.png), pointer !important;*/
    color:#f28133;
    margin-right: -5%;
    z-index: 5;
}



/**
BOUTON RESERVER
 */
.cta_btn{
    color: #fff;
    background-color: #f28133;
    padding: 2% 4%;
    cursor:pointer;
    z-index: 5;
    opacity: 1;
    border-radius: 5%;
    margin-top: 10%;

    position: absolute;
    bottom:2%;
    left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}

.cta_btn:hover{
    color:#fff;
    text-decoration: none;
}



#cta_reserver{
    left: 0;
    color: #fff;
    background-color: #f28133;
    bottom: 65px;
    position: fixed;
    /*-webkit-transform: rotate(-90deg);*/
    /*-moz-transform: rotate(-90deg);*/
    /*-o-transform: rotate(-90deg);*/
    /*-ms-transform: rotate(-90deg);*/
    /*transform: rotate(-90deg);*/
    z-index: 5;
    padding: 1% 2%;
    cursor:pointer;
}
#cta_reserver a , #cta_share a{
    text-decoration: none;
    color:#fff;
    font-weight: bold;
    font-size: 15pt;
}
#cta_reserver:hover, #cta_share:hover {
    opacity: 0.98;
}

#cta_reserver a:hover, #cta_share a:hover {
    text-decoration: none;
}

#cta_share{
    right: 0;
    background-color: #f28133;
    color: #fff;
    top: 100px;
    position: fixed;
    z-index: 5;
    padding: 1% 2%;
    cursor:pointer;
}

.panelsocial{
    display: none;
}

.panelsocial.active{
    display: block;
}


.readmore:hover{
    color:#f28133;
    text-decoration: none;
}
.readmore{
    color:#f28133;
}




/**
TOOLTIPS
 */
/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 3; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip); /* magic! */

    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;

    /*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 3; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}


abbr[data-title] {
    position: relative;
    text-decoration: underline dotted;
}
.dotnav > .awesome-tooltip:hover abbr[data-title]:after,
.dotnav > .awesome-tooltip:focus abbr[data-title]:after {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translate(10%, 75%);
    width: auto;
    white-space: nowrap;
    background: #444;
    color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
    font-size: 14px;
    padding: 3px 5px;
}

/**
START CAROUSEL
 */

/*html.modal-active, body.modal-active {*/
    /*overflow: hidden;*/
/*}*/

/*.modal-container {*/
    /*position: fixed;*/
    /*display: table;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*transform: scale(0);*/
    /*z-index: 2;*/
/*}*/
/*.modal-container.one {*/
    /*transform: scaleY(0.01) scaleX(0);*/
    /*animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.one .modal-background .modal {*/
    /*transform: scale(0);*/
    /*animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.one.out {*/
    /*transform: scale(1);*/
    /*animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.one.out .modal-background .modal {*/
    /*animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two {*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.two .modal-background {*/
    /*background: rgba(0, 0, 0, .0);*/
    /*animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two .modal-background .modal {*/
    /*opacity: 0;*/
    /*animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two + .content {*/
    /*animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two.out {*/
    /*animation: quickScaleDown 0s 0.5s linear forwards;*/
/*}*/
/*.modal-container.two.out .modal-background {*/
    /*animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two.out .modal-background .modal {*/
    /*animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.two.out + .content {*/
    /*animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three {*/
    /*z-index: 0;*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.three .modal-background {*/
    /*background: rgba(0, 0, 0, .6);*/
/*}*/
/*.modal-container.three .modal-background .modal {*/
    /*animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three + .content {*/
    /*z-index: 1;*/
    /*animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three.out .modal-background .modal {*/
    /*animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.three.out + .content {*/
    /*animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.four {*/
    /*z-index: 0;*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.four .modal-background {*/
    /*background: rgba(0, 0, 0, .7);*/
/*}*/
/*.modal-container.four .modal-background .modal {*/
    /*animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.four + .content {*/
    /*z-index: 1;*/
    /*animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.four.out .modal-background .modal {*/
    /*animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.four.out + .content {*/
    /*animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.five {*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.five .modal-background {*/
    /*background: rgba(0, 0, 0, .0);*/
    /*animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.five .modal-background .modal {*/
    /*transform: translateX(-1500px);*/
    /*animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.five.out {*/
    /*animation: quickScaleDown 0s 0.5s linear forwards;*/
/*}*/
/*.modal-container.five.out .modal-background {*/
    /*animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.five.out .modal-background .modal {*/
    /*animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six {*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.six .modal-background {*/
    /*background: rgba(0, 0, 0, .0);*/
    /*animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six .modal-background .modal {*/
    /*background-color: transparent;*/
    /*animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six .modal-background .modal h2, .modal-container.six .modal-background .modal p {*/
    /*opacity: 0;*/
    /*position: relative;*/
    /*animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six .modal-background .modal .modal-svg rect {*/
    /*animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six.out {*/
    /*animation: quickScaleDown 0s 0.5s linear forwards;*/
/*}*/
/*.modal-container.six.out .modal-background {*/
    /*animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six.out .modal-background .modal {*/
    /*animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six.out .modal-background .modal h2, .modal-container.six.out .modal-background .modal p {*/
    /*animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.six.out .modal-background .modal .modal-svg rect {*/
    /*animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.seven {*/
    /*transform: scale(1);*/
/*}*/
/*.modal-container.seven .modal-background {*/
    /*background: rgba(0, 0, 0, .0);*/
    /*animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.seven .modal-background .modal {*/
    /*height: 75px;*/
    /*width: 75px;*/
    /*border-radius: 75px;*/
    /*overflow: hidden;*/
    /*animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.seven .modal-background .modal h2, .modal-container.seven .modal-background .modal p {*/
    /*opacity: 0;*/
    /*position: relative;*/
    /*animation: modalContentFadeIn 0.5s 1.4s linear forwards;*/
/*}*/
/*.modal-container.seven.out {*/
    /*animation: slowFade 0.5s 1.5s linear forwards;*/
/*}*/
/*.modal-container.seven.out .modal-background {*/
    /*background-color: rgba(0, 0, 0, .7);*/
    /*animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.seven.out .modal-background .modal {*/
    /*border-radius: 3px;*/
    /*height: 162px;*/
    /*width: 227px;*/
    /*animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container.seven.out .modal-background .modal h2, .modal-container.seven.out .modal-background .modal p {*/
    /*animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/
/*}*/
/*.modal-container .modal-background {*/
    /*display: table-cell;*/
    /*background: rgba(0, 0, 0, .8);*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
/*}*/
/*.modal-container .modal-background .modal {*/
    /*background: #fff;*/
    /*padding: 50px;*/
    /*display: inline-block;*/
    /*border-radius: 3px;*/
    /*font-weight: 300;*/
    /*position: relative;*/

    /*height: 80%;*/
    /*width: 70%;*/
/*}*/

/*.modal-container .modal .close-modal{*/
    /*position: absolute;*/
    /*top: -5px;*/
    /*right: -5px;*/
    /*font-size: 20pt;*/
    /*color: #fff;*/
    /*background-color: #f28133;*/
    /*border-radius: 100%;*/
    /*padding: 7px 10px;*/
/*}*/
/*.modal-container .modal .close-modal:hover{*/
    /*background-color:#f28144;*/
    /*cursor: pointer;*/
/*}*/


/*.modal-container .modal-background .modal h2 {*/
    /*font-size: 25px;*/
    /*line-height: 25px;*/
    /*margin-bottom: 15px;*/
/*}*/
/*.modal-container .modal-background .modal p {*/
    /*font-size: 18px;*/
    /*line-height: 22px;*/
/*}*/
/*.modal-container .modal-background .modal .modal-svg {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*border-radius: 3px;*/
/*}*/
/*.modal-container .modal-background .modal .modal-svg rect {*/
    /*stroke: #fff;*/
    /*stroke-width: 2px;*/
    /*stroke-dasharray: 778;*/
    /*stroke-dashoffset: 778;*/
/*}*/
/*.content {*/
    /*min-height: 100%;*/
    /*height: 100%;*/
    /*background: white;*/
    /*position: relative;*/
    /*z-index: 0;*/
/*}*/
/*.content h1 {*/
    /*padding: 75px 0 30px 0;*/
    /*text-align: center;*/
    /*font-size: 30px;*/
    /*line-height: 30px;*/
/*}*/
/*.content .buttons {*/
    /*max-width: 800px;*/
    /*margin: 0 auto;*/
    /*padding: 0;*/
    /*text-align: center;*/
/*}*/
/*.content .buttons .button {*/
    /*display: inline-block;*/
    /*text-align: center;*/
    /*padding: 10px 15px;*/
    /*margin: 10px;*/
    /*background: red;*/
    /*font-size: 18px;*/
    /*background-color: #efefef;*/
    /*border-radius: 3px;*/
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, .3);*/
    /*cursor: pointer;*/
/*}*/
/*.content .buttons .button:hover {*/
    /*color: white;*/
    /*background: #009bd5;*/
/*}*/
/*@keyframes unfoldIn {*/
    /*0% {*/
        /*transform:scaleY(.005) scaleX(0);*/
    /*}*/
    /*50% {*/
        /*transform:scaleY(.005) scaleX(1);*/
    /*}*/
    /*100% {*/
        /*transform:scaleY(1) scaleX(1);*/
    /*}*/
/*}*/

/*@keyframes unfoldOut {*/
    /*0% {*/
        /*transform:scaleY(1) scaleX(1);*/
    /*}*/
    /*50% {*/
        /*transform:scaleY(.005) scaleX(1);*/
    /*}*/
    /*100% {*/
        /*transform:scaleY(.005) scaleX(0);*/
    /*}*/
/*}*/

/*@keyframes zoomIn {*/
    /*0% {*/
        /*transform:scale(0);*/
    /*}*/
    /*100% {*/
        /*transform:scale(1);*/
    /*}*/
/*}*/

/*@keyframes zoomOut {*/
    /*0% {*/
        /*transform:scale(1);*/
    /*}*/
    /*100% {*/
        /*transform:scale(0);*/
    /*}*/
/*}*/

/*@keyframes fadeIn {*/
    /*0% {*/
        /*background:rgba(0,0,0,.0);*/
    /*}*/
    /*100% {*/
        /*background:rgba(0,0,0,.7);*/
    /*}*/
/*}*/

/*@keyframes fadeOut {*/
    /*0% {*/
        /*background:rgba(0,0,0,.7);*/
    /*}*/
    /*100% {*/
        /*background:rgba(0,0,0,.0);*/
    /*}*/
/*}*/

/*@keyframes scaleUp {*/
    /*0% {*/
        /*transform:scale(.8) translateY(1000px);*/
        /*opacity:0;*/
    /*}*/
    /*100% {*/
        /*transform:scale(1) translateY(0px);*/
        /*opacity:1;*/
    /*}*/
/*}*/

/*@keyframes scaleDown {*/
    /*0% {*/
        /*transform:scale(1) translateY(0px);*/
        /*opacity:1;*/
    /*}*/
    /*100% {*/
        /*transform:scale(.8) translateY(1000px);*/
        /*opacity:0;*/
    /*}*/
/*}*/

/*@keyframes scaleBack {*/
    /*0% {*/
        /*transform:scale(1);*/
    /*}*/
    /*100% {*/
        /*transform:scale(.85);*/
    /*}*/
/*}*/

/*@keyframes scaleForward {*/
    /*0% {*/
        /*transform:scale(.85);*/
    /*}*/
    /*100% {*/
        /*transform:scale(1);*/
    /*}*/
/*}*/

/*@keyframes quickScaleDown {*/
    /*0% {*/
        /*transform:scale(1);*/
    /*}*/
    /*99.9% {*/
        /*transform:scale(1);*/
    /*}*/
    /*100% {*/
        /*transform:scale(0);*/
    /*}*/
/*}*/

/*@keyframes slideUpLarge {*/
    /*0% {*/
        /*transform:translateY(0%);*/
    /*}*/
    /*100% {*/
        /*transform:translateY(-100%);*/
    /*}*/
/*}*/

/*@keyframes slideDownLarge {*/
    /*0% {*/
        /*transform:translateY(-100%);*/
    /*}*/
    /*100% {*/
        /*transform:translateY(0%);*/
    /*}*/
/*}*/

/*@keyframes moveUp {*/
    /*0% {*/
        /*transform:translateY(150px);*/
    /*}*/
    /*100% {*/
        /*transform:translateY(0);*/
    /*}*/
/*}*/

/*@keyframes moveDown {*/
    /*0% {*/
        /*transform:translateY(0px);*/
    /*}*/
    /*100% {*/
        /*transform:translateY(150px);*/
    /*}*/
/*}*/

/*@keyframes blowUpContent {*/
    /*0% {*/
        /*transform:scale(1);*/
        /*opacity:1;*/
    /*}*/
    /*99.9% {*/
        /*transform:scale(2);*/
        /*opacity:0;*/
    /*}*/
    /*100% {*/
        /*transform:scale(0);*/
    /*}*/
/*}*/

/*@keyframes blowUpContentTwo {*/
    /*0% {*/
        /*transform:scale(2);*/
        /*opacity:0;*/
    /*}*/
    /*100% {*/
        /*transform:scale(1);*/
        /*opacity:1;*/
    /*}*/
/*}*/

/*@keyframes blowUpModal {*/
    /*0% {*/
        /*transform:scale(0);*/
    /*}*/
    /*100% {*/
        /*transform:scale(1);*/
    /*}*/
/*}*/

/*@keyframes blowUpModalTwo {*/
    /*0% {*/
        /*transform:scale(1);*/
        /*opacity:1;*/
    /*}*/
    /*100% {*/
        /*transform:scale(0);*/
        /*opacity:0;*/
    /*}*/
/*}*/

/*@keyframes roadRunnerIn {*/
    /*0% {*/
        /*transform:translateX(-1500px) skewX(30deg) scaleX(1.3);*/
    /*}*/
    /*70% {*/
        /*transform:translateX(30px) skewX(0deg) scaleX(.9);*/
    /*}*/
    /*100% {*/
        /*transform:translateX(0px) skewX(0deg) scaleX(1);*/
    /*}*/
/*}*/

/*@keyframes roadRunnerOut {*/
    /*0% {*/
        /*transform:translateX(0px) skewX(0deg) scaleX(1);*/
    /*}*/
    /*30% {*/
        /*transform:translateX(-30px) skewX(-5deg) scaleX(.9);*/
    /*}*/
    /*100% {*/
        /*transform:translateX(1500px) skewX(30deg) scaleX(1.3);*/
    /*}*/
/*}*/

/*@keyframes sketchIn {*/
    /*0% {*/
        /*stroke-dashoffset: 778;*/
    /*}*/
    /*100% {*/
        /*stroke-dashoffset: 0;*/
    /*}*/
/*}*/

/*@keyframes sketchOut {*/
    /*0% {*/
        /*stroke-dashoffset: 0;*/
    /*}*/
    /*100% {*/
        /*stroke-dashoffset: 778;*/
    /*}*/
/*}*/

/*@keyframes modalFadeIn {*/
    /*0% {*/
        /*background-color:transparent;*/
    /*}*/
    /*100% {*/
        /*background-color:white;*/
    /*}*/
/*}*/

/*@keyframes modalFadeOut {*/
    /*0% {*/
        /*background-color:white;*/
    /*}*/
    /*100% {*/
        /*background-color:transparent;*/
    /*}*/
/*}*/

/*@keyframes modalContentFadeIn {*/
    /*0% {*/
        /*opacity:0;*/
        /*top:-20px;*/
    /*}*/
    /*100% {*/
        /*opacity:1;*/
        /*top:0;*/
    /*}*/
/*}*/

/*@keyframes modalContentFadeOut {*/
    /*0% {*/
        /*opacity:1;*/
        /*top:0px;*/
    /*}*/
    /*100% {*/
        /*opacity:0;*/
        /*top:-20px;*/
    /*}*/
/*}*/

/*@keyframes bondJamesBond {*/
    /*0% {*/
        /*transform:translateX(1000px);*/
    /*}*/
    /*80% {*/
        /*transform:translateX(0px);*/
        /*border-radius:75px;*/
        /*height:75px;*/
        /*width:75px;*/
    /*}*/
    /*90% {*/
        /*border-radius:3px;*/
        /*height:182px;*/
        /*width:247px;*/
    /*}*/
    /*100% {*/
        /*border-radius:3px;*/
        /*height:162px;*/
        /*width:227px;*/
    /*}*/
/*}*/

/*@keyframes killShot {*/
    /*0% {*/
        /*transform:translateY(0) rotate(0deg);*/
        /*opacity:1;*/
    /*}*/
    /*100% {*/
        /*transform:translateY(300px) rotate(45deg);*/
        /*opacity:0;*/
    /*}*/
/*}*/

/*@keyframes fadeToRed {*/
    /*0% {*/
        /*box-shadow:inset 0 0 0 rgba(201,24,24,.8);*/
    /*}*/
    /*100% {*/
        /*box-shadow:inset 0 2000px 0 rgba(201,24,24,.8);*/
    /*}*/
/*}*/

/*@keyframes slowFade {*/
    /*0% {*/
        /*opacity:1;*/
    /*}*/
    /*99.9% {*/
        /*opacity:0;*/
        /*transform:scale(1);*/
    /*}*/
    /*100% {*/
        /*transform:scale(0);*/
    /*}*/
/*}*/

/*.embedresize {*/
    /*max-width: 860px;*/
    /*margin: auto;*/
    /*z-index: 22;*/
/*}*/

/*.embedresize div {*/
    /*position: relative;*/
    /*height: 0;*/
    /*padding-bottom: 56.25%;*/
/*}*/

/*.embedresize iframe {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

/*.embedresize iframe{*/
    /*max-width: none !important;*/
    /*height:100% !important;*/
/*}*/

/**
END CAROUSEL
 */



@keyframes lds-cta_i {
    0% {
        left: 2%;
    }
    50% {
        left:40%;
        top:35%;
    }
    100% {
        left:98%;
        top:10%;
    }
}


@media all and (min-width: 1280px) {
    .container-custom{
        margin-left: 10%;
        margin-right: 10%;
    }

    #introduction .mainImage2 {
        top: 100px;
    }

    .slider_element_partners img{
        max-height: 250px !important;
    }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {

    #introduction .mainImage2{
        top:110px;
    }

    .deco_crayon{
        max-height: 50%;
    }

    .rounded-circle_1 img{
        max-width: 70%;
    }
    .contact_image img{
        max-width: 80%;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    #participation_section h4{
        height: 60px;
    }
    .participation_description {
        height: 220px;
    }
    #introduction .mainImage2{
        top:180px;
    }
    .decoImage img{
        max-height: 60px;
    }
    .deco_crayon{
        max-height: 150px;
    }
}

@media all and (min-width: 480px) and (max-width: 768px) {
    /*.display_mobile{*/
        /*display: block;*/
    /*}*/
    /*.hide_mobile{*/
        /*display: none;*/
    /*}*/

    .deco_petanque{
        max-height: 230px;
    }

    .block_deco_petanque{
        height: 400px;
    }

    #participation_section h4 {
        padding-top: 20%;
    }
    .participation_description {
        height: 290px;
    }
    .slider_element_partners img {
        max-height: 330px;
        padding-bottom: 100px;
    }
    #contacts .doalignleft, #contacts .doalignright{
        text-align:center;
    }
}

@media all and (max-width: 480px) {
    .decoImage img{
        max-height: 40px;
    }
    .mobile_padding{
        padding-top: 200px;
    }
    .deco_crayon{
        max-height: 120px;
    }
    #contacts .mailto h5 {
        font-size: 15pt;
    }
    #participation_section h4{
        margin-top:30%;
    }

    .decoImage {
        top: 2%;
    }
    .dotnav-vertical > li:nth-child(n+2){
        margin-top:2px;
    }

    .dot-nav-dotte{
        padding-top: 7px !important;
        padding-bottom: 0px !important;
    }

    .dotnav > li > a{
        height: 10px;
        width:10px;
    }

    @keyframes lds-cta_i {
        0% {
            left: 5%;
        }
        50% {
            left:10%;
            top:16%;
        }
        100% {
            left:68%;
            top:0%;
        }
    }

    .slider_element_partners img {
        max-height: 330px;
        padding-bottom: 100px;
    }

    #contacts .doalignleft, #contacts .doalignright{
        text-align:center;
    }

    .parent .bloc_presentation_cta{
        margin-top:20%;
    }
}

/* Portrait */
@media screen and (orientation: portrait) {
    /* Portrait styles here */
}

/* Landscape */
@media screen and (orientation: landscape) {
    /* Landscape styles here */
}

/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation: landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation: portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation: landscape) {
}