@import url(https://fonts.googleapis.com/css2?family=Domine&family=Red+Hat+Display:wght@300;400;500;700;900&display=swap);#Contents,#global-entete {
    max-width: 1280px;
    width: 100%
}

.video,.video video {
    height: 450px
}

.blog,.formation,.formationcol {
    vertical-align: top
}

#corps .Error ul li b,* {
    font-weight: 400
}

#Menu,#formulaire {
    border-collapse: collapse
}

#blog h2.entite span,h5 a {
    color: #56aebf;
    padding: 4px 8px
}

#Menu td ul,h6 {
    background: #dbab58
}

#Pied ul,#corps .Error ul li,#entete .social li,.fichiers {
    list-style-type: none
}

#entete .social li a svg:hover ellipse,html .cwHlYw svg path {
    fill: #000
}

html .cwHlYw svg path:last-child {
    fill: rgb(255,255,255)
}

body .ax-widgdemenagement_international.jpget-container i,body .ax-widget-container,body .ax-widget-container small,body .ax-widget-container span,body .ax-widget-container strong {
    font-family: arial!important
}

html #axeptio_btn_acceptAll {
    color: #1aa0e0!important
}

body,html {
    height: 100%;
    border: 0 solid transparent;
    font-size: .7em;
    margin: 0;
    min-height: 100%;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

* {
    margin: 0;
    font-family: 'Red Hat Display',arial;
    color: #000;
    font-size: 1.5rem
}

audio,canvas,embed,img,object,picture,video {
    max-width: 100%;
    height: auto
}

#Contents {
    background: 0 0;
    margin: auto;
    height: 100%
}

#isDev {
    position: fixed;
    top: 0;
    right: 0;
    background: red;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 15px;
    opacity: .8;
    border-radius: 0 0 0 14px
}

#entete .social .lang select,#menuBtn {
    font-size: 16px;
    float: left;
    text-transform: uppercase
}

#MenuBtn,#MenuSmart,#MenuSmart ul,#MenuSmartphone,#entete .social .lang,#smartinfos,.galerie .galimg img,.galimg img,.smart,.txt.demi .img img,.txt.tiers .img img,body {
    display: none
}

@keyframes fadeIn {
    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.img.fadeIn {
    opacity: 0;
    animation: 3s forwards fadeIn
}

.page .matomoConsent {
    width: 100%;
    border: none;
    background: #463f3f17;
    height: auto;
    border-radius: 10px
}

.blog,.blog:last-child {
    width: 40%;
    box-sizing: border-box
}

#corps .sib-form {
    border-radius: 20px;
    width: 80%;
    margin: 0 auto 30px
}

#corps #sib-container {
    max-width: 80%!important
}

#corps .panoramique .txt {
    background: #fff;
    display: inline-block;
    width: 50%;
    padding: 5%;
    margin: 0;
    border-radius: 15px;
    box-sizing: border-box
}

#corps .offset {
    display: inline-block;
    box-sizing: border-box;
    width: 55%
}

#global-entete {
    position: fixed;
    background: #fff;
    z-index: 992;
    display: block;
    padding: 0;
    margin: 0;
    height: 135px;
    transition: .5s;
    border-bottom: 1px solid #000
}

#blog,#corps,#entete,.g-recaptcha>div,.txt.demi {
    position: relative
}

#corps,#entete .social li,.blog,.blog h4.theme,.blog:last-child,.formation {
    display: inline-block
}

#corps .home.page,#menuBtn {
    margin-top: 30px
}

.bleu {
    background: #cee5f0
}

#blog {
    padding: 80px 0 30px;
    width: 100%;
    box-sizing: border-box
}

#blog h2.entite {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0
}

#blog h2.entite span {
    font-size: 2.4rem;
    font-weight: 800;
    width: auto;
    margin: auto;
    border: 1px solid #56aebf
}

#corps .Error,#formulaire td a.BtnReset,#formulaire td a.BtnSubmit {
    border-bottom: none
}

.blog {
    margin: 30px 2.5% 30px 7.5%
}

.blog:last-child {
    margin: 30px 7.5% 30px 2.5%
}

.blog h3.titre {
    color: #118292;
    font-size: 2.4rem;
    margin-bottom: 5px
}

.blog h4.theme {
    color: #fff;
    background: #56aebf;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 3px;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 8px
}

.blog p {
    font-size: 1.4rem;
    margin-bottom: 8px
}

#global-entete.reduce {
    height: 100px;
    top: 0;
    background: #fff
}

#global-entete.reduce #entete .logo {
    top: 15px
}

#global-entete.reduce #entete .logo img {
    max-width: 180px
}

#global-entete.reduce .global-menu {
    top: 65px
}

#entete {
    text-align: left;
    transition: .5s
}

#actu,#entete .logo,.formationliste,.g-recaptcha>div,.home .txt.tiers p,.txt.centre,.video {
    text-align: center
}

#entete .logo {
    position: absolute;
    top: 20px;
    left: 0;
    width: 280px;
    margin: auto;
    cursor: pointer;
    transition: .5s
}

#entete .logo img {
    width: 100%;
    height: 100%;
    transition: .5s
}

#entete .follow {
    position: absolute;
    top: 10px;
    right: 0
}

#entete .social li {
    margin: 0 2px
}

#corps .squarlink h2,.formation h2 {
    font-weight: 800;
    margin-bottom: 10px
}

#entete .social li svg {
    width: 25px;
    height: 25px
}

#entete .social .lang select {
    background: #000;
    color: #efe7de;
    font-weight: 600;
    padding: 2px;
    border: none;
    display: inline-block;
    border-radius: 4px
}

.formation .img,.formationdetails .img {
    background-size: cover;
    background-position: center center;
    border-radius: 32px 0
}

#menuBtn {
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    height: 40px;
    margin-right: 30px
}

#corps {
    margin: 150px 0 0;
    padding: 20px 0 0;
    width: 100%
}

.video {
    width: 100%;
    background: #4a4643
}

#corps .cnil,.txt {
    width: 80%;
    margin: auto
}

.txt.centre h1,.txt.centre h3,.txt.centre h4 {
    color: #fff!important;
    margin: 0 0 15px
}

#Menu td.actif a,#Menu td.actif p,.txt li a:hover,.txt p a:hover,.txt p span,.txt.centre h2 {
    color: #000
}

.click {
    cursor: pointer
}

.link.noclick a:hover,.txt h1 a {
    text-decoration: underline
}

.g-recaptcha>div {
    width: 100%!important;
    height: 78px;
    transform: scale(.77);
    webkit-transform: scale(0.77)
}

.formationliste {
    width: 100%;
    box-sizing: border-box;
    margin: 30px 0
}

.formation {
    width: 360px;
    box-sizing: border-box;
    margin: 0 30px 60px;
    text-align: left
}

.formation .img {
    width: 100%;
    height: 140px;
    margin-bottom: 8px
}

.formation h2 {
    color: #daaa5e;
    font-size: 1.7em;
    line-height: 1.2em
}

#Pied a,.blog.txt.tiers h3,.squarlink h3 {
    color: #000!important
}

.formation p {
    margin-bottom: 15px
}

.formation h5,.formationdetails h5 {
    display: block
}

.formationcol,.formationdetails .img,.page .txt,.squarlink {
    display: inline-block
}

.formation h5 a,.formationdetails h5 a {
    background: #56aebf;
    color: #fff;
    font-size: .8em;
    line-height: 2.2em
}

.page {
    width: 100%;
    padding: 0;
    text-align: left
}

.formationdetails {
    margin-top: 20px
}

.formationdetails span {
    display: inline-block;
    width: 45%;
    vertical-align: top
}

.formationdetails .img {
    height: 280px;
    width: 45%;
    margin-right: 30px
}

.formationcol.third {
    width: 50%!important;
    margin: 0 60px 0 0!important
}

.formationcol.twothird {
    width: calc(50% - 60px)!important;
    margin: 0!important
}

.formationcol h4 {
    margin-bottom: 12px!important
}

#Pied p,.formationcol ul {
    margin-bottom: 20px!important
}

.page .txt {
    width: 90%;
    margin: 0 5% 30px
}

.home,.page .squarlink {
    margin-bottom: 30px
}

.home {
    background: #56aebf
}

.montagnes {
    width: 100%;
    float: left;
    background: #fff
}

.squarlink {
    width: 100%;
    transition: .5s;
    padding: 0 30px;
    text-align: center;
    box-sizing: border-box
}

.home .squarlink {
    padding: 0 40px
}

#corps .squarlink h3,#corps .txt.droite h2 {
    color: #fff
}

.page .squarlink h4 {
    background: 0 0;
    margin: 8px 0;
    padding: 0;
    font-weight: 800;
    text-transform: uppercase
}

#corps .squarlink h2 {
    color: #fff;
    font-size: 1.8em;
    line-height: 1em
}

.blogaccueil h2.entite {
    text-align: center;
    font-weight: 600;
    font-size: 1.6em;
    color: #59aebe!important;
    margin-bottom: -10px
}

#formulaire .date_radio,.panoramique .txt p,.txt li,.txt li strong,.txt p,.txt p strong,.txt.demi,.txt.tiers,.txt.tiers p {
    text-align: left
}

#Pied,#corps .home.page .txt.droite .img.big,#corps .home.page .txt.gauche .img.big,.txt p:last-child {
    margin-bottom: 0
}

h2.entite img {
    margin-bottom: -8px
}

.blog.txt.tiers h3 {
    font-size: 1.3em!important
}

.blog.txt.tiers p {
    font-size: .9em!important
}

.blog.txt.tiers h5 a,.blogResume h5 a {
    border: 1px solid #59aebe
}

.blog.txt.tiers h5 a:hover {
    border: inherit
}

.txt.demi {
    width: calc(49% - 60px);
    margin: 0 30px;
    transition: background .2s ease-in;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 1px solid #000;
    padding-top: 10px
}

.home .txt.tiers,.txt.tiers {
    position: relative;
    width: calc(33% - 60px);
    transition: background .2s ease-in;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top
}

.txt.tiers {
    margin: 30px
}

.home .txt.tiers {
text-align: center!important;
margin: 0 30px 30px
}
.home .squarlink.produits{
    padding: 20px;
display:inline-flex;
justify-content:center;
}
.home .txt.tiers p{
line-height:1em;
margin-bottom:20px;    
}
#corps .produits .tiers{
border:1px solid #6ccbd8;
padding:20px 20px 80px 20px; 
border-radius:32px;   
width: calc(33% - 40px)!important;
margin:20px 10px!important;
transition:all .5s ease;
position:relative;

}
.produits .tiers *{
text-align:center;    
}
.produits .tiers li,
.produits .tiers h4{
text-align:left;    
line-height:1em;
color:black;
}
.produits .tiers ul{
padding:0 0 0 20px;
margin:3px 0;  
/* border-bottom:1px solid white; */
list-style-type:disc;
}
.produits .prd h4{
font-weight:800;
font-size:1em;
margin-bottom:5px;    
border-top:1px solid #ffffff;
padding-top:10px;
display:block;
margin-left:0;
}
.produits .prd::before{
content:'<fleche>';    
}
.produits .prd h4:first-child{
border-top:none;    
}

.produits .tiers h5{
margin-top:15px; 
position:absolute;
bottom:20px;   
left:50%;
transform:translateX(-50%); 
width:100%;
}
.produits .tiers h5 a{
padding:10px 24px;
border-radius:32px;
color:black;
}
.produits .tiers h5 a:hover{
padding:10px 48px;
border-radius:32px;
color:white;
}
.produits .tiers:hover{
transform:translateY(-20px);    
background:#6ccbd8;
}


.txt.demi .img,.txt.tiers .img {
    transition: background .8s;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat
}

.home .txt.tiers h3 {
    text-align: center!important;
    color: #fff!important;
    margin-bottom: 20px
}

.blogResume h5 a:hover {
    border: 1px solid #000
}

.txt.demi .img {
    height: 240px;
    margin-bottom: 20px;
    background-size: 100%;
    border-radius: 8px
}

.txt.tiers .img {
    height: 200px;
    margin-bottom: 10px;
    background-size: cover
}

.home .txt.tiers .img {
    height: 100px;
    width: 100%;
    background-size: contain
}

.galerie .galimg,.txt.tiers .img.etape {
    background-size: cover
}

.txt.gauche.article h5 a {
    width: auto!important;
    display: inline-block;
    text-align: center;
    background: #56aebf;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    padding: 0 32px;
    cursor: pointer
}

.txt.gauche.article h5 a:hover {
    background: #444;
    padding: 0 64px;
    border-radius: 64px
}

.bloc {
    width: 95%;
    padding: 30px 0;
    margin: 0 2.5%;
    display: inline-block
}

#corps .home .RS {
    padding: 20px 0;
    width: 80%;
    margin: auto;
    background: #fdc41f;
    border-radius: 20px;
    text-align: center
}

.RS .fb,.RS .twitter {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    height: 500px!important;
    margin-bottom: 15px
}

.galerie .galimg,.img.big,.page .txt.droite .img.big,.page .txt.gauche .img.big {
    width: 30%;
    display: inline-block
}

#Menu td ul,#Pied .logo,.img.big {
    height: auto
}

#corps .txt.gauche .inscription {
    width: 100%;
    background: #e94362;
    text-align: center;
    border-radius: 30px;
    padding: 15px 0;
    margin: auto
}

#corps .txt.gauche .inscription:hover {
    width: 100%;
    background: #000
}

.page img {
    height: 130px;
    margin-bottom: 10px
}

#corps .txt.gauche {
    background: #eeeee8
}

#corps .txt.complet,#corps .txt.droite,#corps .txt.gauche {
    width: 100%;
    margin: 50px 0;
    padding: 40px;
    box-sizing: border-box;
    display: inline-block
}

#corps .txt.complet,.img.big img * {
    margin: 0;
    padding: 0
}

#corps .txt.droite,#corps .txt.gauche {
    padding: 50px 8%;
    text-align: center
}

#corps .txt.droite {
    background: #59aebe
}

#corps .txt.article_intro {
    margin-top: -30px;
    background: #ddeff2
}

.article_intro {
    text-align: left!important
}

.img.big {
    margin-right: 40px;
    position: relative;
    box-sizing: border-box;
    transform: scale(.9)
}

.img.big img {
    width: 100%;
    height: auto;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
    transform: scale(1.15)
}

.txt.droite .img.big {
    margin-right: 0;
    margin-left: 40px
}

.img.big img * {
    box-sizing: border-box
}

.img.big:hover img {
    transform: scale(1.25)
}

.page .txt.droite,.page .txt.gauche {
    width: 80%;
    margin: 20px 10% 30px
}

.page .txt.droite .img.big {
    float: right;
    margin-left: 50px
}

.page .txt.gauche .img.big {
    float: left;
    margin-right: 50px;
    margin-left: 0
}

.galerie {
    width: 80%;
    margin: 5px 10% 30px;
    text-align: center
}

.galerie .galimg {
    height: 160px;
    margin: 10px;
    transition: .2s ease-in;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    border-radius: 15px
}

.galerie .galimg:hover {
    opacity: .7
}

.googlemap {
    margin: 0 5%;
    width: 90%
}

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

.youtube embed,.youtube iframe,.youtube object {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
    margin: 0 5%
}

#formulaire {
    font-weight: 300;
    font-size: 14px;
    width: 80%;
    margin: auto
}

#formulaire td {
    padding: 5px
}

#formulaire td:first-child {
    width: 20%
}

#formulaire input,#formulaire textarea {
    font-weight: 300;
    width: 95%;
    border: 1px solid #4a4643;
    padding: 2px 8px;
    border-radius: 5px;
    transition: background .2s ease-in
}

#formulaire textarea {
    height: 110px;
    resize: vertical
}

#formulaire select {
    font-weight: 300;
    border: 1px solid #4a4643;
    border-radius: 5px;
    width: 100px;
    padding: 2px 8px;
    text-align: center
}

#formulaire .full {
    width: 98.25%
}

#formulaire input.radio {
    width: auto;
    margin-right: 5px;
    margin-left: 20px;
    padding: 0
}

#formulaire input#datepicker {
    background-image: url(/images/calendar.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain
}

#formulaire input:hover,#formulaire textarea:hover {
    background: #eee
}

#formulaire input.Btn,#formulaire input:focus,#formulaire textarea:focus,a.Btn {
    background: #4a4643;
    color: #fff
}

#formulaire input.Btn,a.Btn {
    width: 50%;
    margin: 0 5% 30px;
    cursor: pointer;
    border-radius: 5px;
    padding: 3px 0;
    border: 1px solid #4a4643;
    text-transform: uppercase;
    font-weight: 300;
    transition: background .2s ease-in
}

#Pied .contact a,h5 a {
    text-transform: uppercase;
    transition: .3s
}

#formulaire input.Btn:hover,a.Btn:hover {
    background: #fff;
    color: #4a4643
}

a.Btn {
    text-align: center;
    float: none;
    padding: 3px 20px;
    margin: 0
}

#corps .Error {
    float: left;
    width: 100%
}

#corps .Error ul {
    padding: 10px;
    width: 90%;
    margin: auto;
    border-radius: 7px;
    border: 1px solid #4a4643
}

#corps .Error ul li {
    font-weight: 300;
    margin-bottom: 3px
}

#corps .cnil input {
    float: left;
    width: auto;
    height: auto height:10;
    line-height: auto;
    padding: 0;
    margin: 3px 3px 0 0
}

#corps .cnil p,#corps .cnil p em,#corps .cnil p strong {
    font-size: 12px
}

.fichiers {
    display: inline-block;
    width: 100%;
    text-align: left
}

#Pied,#Pied p,.global-menu {
    text-align: center
}

.file {
    display: inline-block
}

.fichiers h5 a {
    position: relative;
    background: #fff;
    border-radius: 18px;
    border: 1px solid #009fe3;
    color: #009fe3;
    text-transform: uppercase;
    padding: 0 18px 0 45px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: .2s
}

.fichiers h5 a:hover {
    background: #fdc41f;
    color: #009fe3
}

.fichiers h5 a img {
    height: 28px;
    width: auto;
    position: absolute;
    left: 10px;
    top: 3px
}

.files li .descriptif,.files li .titre {
    float: left;
    clear: left
}

#Pied {
    width: 100%;
    float: left;
    padding: 30px 7.5%;
    box-sizing: border-box;
    height: 150px
}

#Pied p {
    width: 100%;
    font-size: .9em;
    color: #000
}

#Pied p a {
    color: #fff;
    font-size: inherit;
    text-decoration: none
}

@media screen and (max-width: 1280px) {
    #corps .panoramique .txt {
        width:40%
    }
}

@media screen and (max-width: 1080px) {
    .bloc.txt {
        width:90%;
        margin: 0 5%
    }

    #global-entete::after {
        opacity: .9
    }

    .home .txt h2 {
        font-size: 30px
    }

    .home .txt h3 {
        font-size: 22px
    }

    .home .txt b,.home .txt p,.home .txt strong {
        font-size: 14px
    }

    .tea {
        margin-top: 30px
    }

    #etapes .etape {
        width: 40%;
        margin: 0 2.5% 30px
    }
}

@media screen and (max-width: 860px) {
    #MenuSmart ul a,#MenuSmart ul li p {
        list-style-type:none;
        float: left;
        text-decoration: none;
        color: #59aebe;
        border-top: 1px solid #000
    }

    #MenuSmart ul li a:first-child,#MenuSmart ul li p {
        padding: 3px 5%;
        width: 90%
    }

    #MenuSmart,#Pied .bottom span p,.fiche-pied {
        text-align: center
    }

    .rslides {
        height: 360px
    }

    #Menu,#certificats,#facebook_twitter,#menuBtn,#slideshow,.ordi {
        display: none
    }

    #MenuBtn,#MenuSmart ul,.smart {
        display: block
    }

    body,html {
        background: 0 0
    }

    #logo_slide {
        margin: 10px 5%
    }

    #entete .global-menu {
        border: none;
        width: 100%!important
    }

    #global-entete {
        height: 120px;
        width: 100%!important
    }

    #global-entete .logo {
        width: 100%
    }

    #global-entete.reduce {
        height: 100px;
        width: 100%
    }

    #entete .logo img {
        max-width: 280px;
        margin-top: 20px
    }

    #entete .follow {
        top: 10px;
        margin-right: 10px
    }

    #global-entete.reduce #entete .logo img {
        max-width: 240px
    }

    #corps {
        margin: 170px 0 0;
        padding-bottom: 10px
    }

    .link {
        margin-bottom: 20px
    }

    #links {
        border-spacing: 0px
    }

    #links p,#links p a {
        font-size: 14px;
        line-height: 14px
    }

    #corps .offset,#corps .page .txt .img.big,#corps .page .txt .img.big img {
        width: 100%;
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0;
        transform: none
    }

    #corps .page .txt .img.big img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0
    }

    #MenuBtn {
        position: absolute;
        width: 36px;
        height: 36px;
        z-index: 999;
        left: 16px;
        top: 12px;
        cursor: pointer
    }

    #MenuBtn img {
        width: 100%;
        height: auto;
        color: #fff
    }

    #MenuSmart {
        position: relative;
        z-index: 998;
        background: #fff;
        box-shadow: 0 10px 20px rgba(0,0,0,.3);
        width: 100%;
        float: left;
        margin-top: 0;
        top: 120px
    }

    #MenuSmart ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    #MenuSmart ul a {
        font-weight: 500;
        font-size: 1.4em;
        line-height: 2em;
        width: 100%
    }

    #MenuSmart ul a:hover {
        color: #000
    }

    #MenuSmart ul.enfant a {
        color: #59aebe;
        float: left;
        text-transform: none;
        font-size: 20px;
        font-weight: 400
    }

    #MenuSmart ul li p {
        font-weight: 600;
        font-size: 20px
    }

    .page img {
        margin-bottom: 0;
        width: auto;
        height: auto
    }

    #Pied .bottom span {
        width: 100%;
        display: block
    }

    #Pied .bottom span.sub {
        float: none
    }

    .galimg {
        width: 200px;
        height: 200px
    }

    #formulaire {
        width: 100%;
        margin: 0
    }

    #formulaire p,#formulaire td {
        text-align: left
    }

    .home .image {
        width: 100%;
        height: 450px
    }

    #Pied h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .home .bloc {
        padding: 5%;
        width: 90%;
        margin: 0
    }

    #req .fiche,#req .fiche.complet {
        width: 45%
    }

    #corps .txt.complet,#corps .txt.droite,#corps .txt.gauche,#newsletter {
        width: 90%;
        margin: 0 5% 15px;
        box-sizing: border-box
    }

    #corps .txt.droite,#corps .txt.gauche {
        padding: 30px;
        width: 100%;
        margin: 30px 0
    }

    #corps .txt.droite .img.big,#corps .txt.gauche .img.big {
        margin: 0 0 20px;
        float: none;
        width: 100%
    }

    #Pied .logo {
        width: 90%!important;
        margin: 0 5% 20px;
        padding-top: 15px
    }

    #corps .txt.demi,#corps .txt.tiers {
        width: 100%!important;
        padding: 15px;
        margin: 0
    }

    #corps .txt.article_intro {
        width: 100%;
        margin: 0 0 30px;
        padding: 30px
    }

    #corps .txt.gauche .inscription {
        width: 100%;
        background: #e94362;
        text-align: center;
        border-radius: 30px;
        padding: 5px 0;
        margin: auto
    }

    #corps .txt.gauche .inscription:hover {
        width: 100%;
        background: #000
    }

    .galerie .galimg {
        width: 42.5%
    }

    .fiche-pied .quart {
        width: 50%;
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 20px
    }

    .fiche-pied .quart .organisateur {
        max-width: 180px
    }

    #corps .home .RS {
        width: 90%
    }

    .RS .fb,.RS .twitter {
        width: 80%;
        display: inline-block
    }
}

.galimg,h6 {
    display: inline-block
}

#Menu td,#Pied,#Pied .logo,.galimg,.global-menu,h5 a img,h6 {
    position: relative
}

#Menu li a,h5 a {
    font-size: 15px;
    text-decoration: none;
    cursor: pointer
}

h6::after,h6::before {
    content: ' ';
    width: 66px;
    height: 50px;
    opacity: .5;
    position: absolute
}

@media screen and (max-width: 600px) {
    #entete h1 img {
        width:70%
    }

    #etapes .etape {
        width: 100%;
        margin: 0 0 30px
    }

    #req .fiche,#req .fiche.complet {
        width: 90%
    }

    #searchbox select {
        width: 100%;
        margin-bottom: 5px
    }

    #searchbox input {
        width: 100%
    }

    #corps .search {
        width: 90%;
        margin: 0 5% 20px
    }

    .home .image {
        width: 100%;
        height: 250px
    }

    #formulaire td,#formulaire td:first-child {
        float: left;
        width: 100%
    }

    #formulaire td:first-child p {
        text-align: left
    }

    #formulaire td div.g-recaptcha {
        margin: auto;
        max-width: 270px
    }

    .g-recaptcha>div {
        max-width: 0;
        transform: scale(.85);
        webkit-transform: scale(0.85)
    }

    #corps .fiche-type .complet.termine {
        width: 90%;
        margin: 0 7.5% 10px;
        text-align: center;
        position: relative;
        float: left
    }

    #Pied .infos,#Pied .infos span {
        text-align: center
    }

    #Pied .infos img {
        width: 140px;
        margin: 0 0 10px
    }

    #Pied .infos span h3 {
        color: #fff;
        font-size: 18px;
        margin-bottom: 10px
    }

    #Pied .infos span h3 strong {
        font-size: 18px
    }

    #Pied .infos span h4 {
        font-size: 22px
    }

    #Pied .infos span p {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    #corps .fiche-type h2 {
        font-size:36px;
        line-height: 36px
    }

    #corps .fiche-type h2 img {
        height: 34px;
        margin-right: 5px
    }

    #corps .fiche-infos .infos {
        width: 100%
    }

    #corps .fiche-infos .infos-image {
        width: 100%;
        height: 240px;
        float: none;
        border-radius: 15px;
        margin: 15px 0 0;
        box-sizing: border-box
    }

    #corps .fiche-infos h1,#corps .fiche-infos h1 span {
        font-size: 22px
    }

    #corps .fiche-infos p,#corps .fiche-infos p.lieu span,#corps .fiche-infos p.lieu span a {
        font-size: 14px;
        margin: 0
    }

    .fiche-pied .quart {
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
        border-left: none;
        margin-bottom: 20px
    }

    .fiche-pied .quart .organisateur {
        max-width: 160px
    }
}

.global-menu {
    left: 0;
    top: 100px;
    transition: .5s;
    width: 100%
}

#Menu {
    z-index: 994;
    margin: auto
}

#Menu td {
    float: left;
    width: auto;
    text-align: left;
    vertical-align: center;
    height: 35px;
    line-height: 35px;
    padding: 0 2em;
    transition: .1s
}

#Menu a,#Menu p {
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase
}

#Menu td.active a,#Menu td.active p,#Menu td:hover a,#Menu td:hover p {
    cursor: pointer;
    color: #59aebe
}

#Menu td.actif::after {
    content: ' ';
    background: url(/images/ais-actif-menu.svg);
    width: 27px;
    height: 35px;
    position: absolute;
    left: 1.2em;
    z-index: -1
}

#Menu td.active,#Menu td:hover,#corps .txt.complet.article h1 {
    color: #59aebe
}

#Menu td ul {
    line-height: 30px;
    left: 0;
    text-align: left;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 995;
    visibility: hidden;
    width: auto
}

#Menu td.active ul li {
    position: relative;
    list-style-type: none;
    width: 100%;
    float: left;
    white-space: nowrap
}

#Menu td.active ul li a {
    padding: 0 10px;
    color: #fff
}

#Menu td.active ul li:hover {
    background: #56aebf;
    border-radius: 4px
}

#menu li {
    float: left;
    width: auto
}

#Menu li a {
    width: 100%;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
    text-transform: none
}

@media screen and (max-width: 1080px) {
    #Menu a,#Menu p {
        font-size:14px
    }

    #Menu td {
        padding: 0 15px
    }
}

@media screen and (max-width: 940px) {
    #Menu td {
        padding:0 10px
    }
}

.txt ul {
    display: grid;
    margin-bottom: 10px;
    padding-left: 20px;
    margin-left: 10px;
    list-style-type: disc
}

.txt p,.txt p span {
    margin-bottom: 10px;
    line-height: 1.4em
}

.txt li,.txt li span {
    line-height: 1.4em;
    margin-bottom: 5px
}

.txt p strong {
    font-size: inherit;
    font-weight: 600
}

.txt li a,.txt p a {
    font-size: inherit;
    color: #59aebe;
    font-weight: 500
}

.txt h3 b,.txt h3 strong,.txt li b,.txt li strong {
    font-weight: 600
}

.txt h1,.txt h1 a {
    font-weight: 300;
    font-size: 2.2em;
    line-height: 1em;
    text-decoration: none;
    margin-bottom: 10px
}

.txt h1 b,.txt h1 strong {
    font-weight: 800;
    font-size: inherit
}

.txt.complet.article h1 {
    color: ##59aebe!important
}

.txt h2,.txt h2 a {
    font-weight: 600;
    color: #59aebe;
    font-size: 1.7em;
    line-height: 1.1em;
    margin-bottom: 5px;
    text-align: left
}

.txt h2 b,.txt h2 strong {
    font-weight: 600;
    background: #59aebe;
    color: #fff;
    display: block;
    padding: 8px 16px;
    width: 87%;
    margin: auto auto 20px;
    font-size: .85em
}

.txt h3,.txt h3 a,.txt h3 b,.txt h3 strong {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0 0 5px;
    color: #000;
    text-decoration: none;
    text-align: left
}

#Pied a:hover,.txt.complet.article h3 {
    color: #59aebe!important
}

.page .txt h4 strong {
    background-color: #59aebe;
    color: #fff;
    padding: 0 3px
}

.page h4,.page h4 a,.page h4 b,.page h4 strong,.txt h4 {
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 10px;
    border: none;
    color: #59aebe;
    text-align: left;
    margin-left: 10px
}

.offset h4 {
    text-align: left;
    font-weight: 600
}

h5 a {
    background: #fff;
    font-weight: 800;
    text-align: left;
    line-height: 3em
}

h5 a:hover {
    background: 0 0/20px #000;
    color: #fff;
    text-align: left;
    padding: 4px 20px
}

h5 a img {
    height: 16px!important;
    width: auto;
    vertical-align: middle;
    top: 3px;
    margin-right: 2px
}

h6 {
    font-family: Domine,arial;
    font-weight: 400;
    font-size: 2em;
    color: #fff;
    padding: 30px 60px;
    border-radius: 0 40px;
    width: 100%;
    box-sizing: border-box
}

h6::before {
    background: url(/images/slide_comtop.svg) center center no-repeat;
    display: block;
    top: 10px;
    left: 10px
}

h6::after {
    background: url(/images/slide_combottom.svg) center center no-repeat;
    display: block;
    bottom: 10px;
    right: 10px
}

.txt hr {
    margin: auto auto 5px;
    color: #c7c0bb;
    width: 70%
}

.galimg a,.txt td hr {
    width: 100%
}

#formulaire p {
    text-align: left;
    margin: 0
}

.page small {
    font-size: 12px;
    text-align: center
}

.txt small input {
    width: auto;
    margin-right: 3px
}

#Pied {
    margin-top: 30px
}

#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 32px;
    height: 32px
}

#Pied .logo {
    top: 0;
    left: 0;
    width: 100%;
    display: block
}

#Pied .logo img {
    max-width: 220px;
    margin-top: 20px;
    margin-bottom: 10px
}

#Pied .contact {
    margin-bottom: 40px;
    margin-top: -30px
}

p.comnambules {
    font-size: 12px!important
}

#Pied .contact a {
    border: 1px solid #000;
    padding: 3px 8px;
    font-size: 1.1em
}

#Pied .contact a:hover {
    padding: 3px 20px;
    border: 1px solid #59aebe;
    background: #59aebe;
    color: #fff!important
}

#Pied ul {
    display: inline;
    padding: 0
}

#Pied li {
    display: inline;
    margin: 0 0 0 5px
}

.page .galerie2 {
    width: 90%;
    margin: 15px 5%;
    border-spacing: 0px;
    text-align: center
}

.galimg {
    height: 180px;
    width: 20%;
    margin: 2.25%;
    padding: 0;
    transition: background .2s ease-in;
    vertical-align: top;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.galimg a {
    left: 0;
    position: absolute;
    height: 100%
}

@media screen and (max-width: 860px) {
    .txt li,.txt p {
        font-size:14px
    }

    .txt h1,.txt h1 a {
        font-size: 24px
    }
}