/* 
Theme Name: Fasiladom
Version: 1.0 
Description: Child theme for Fasiladom. 
Author: @rret Net
Author URI: http://woocommerce.com 
Template: understrap
Text Domain:  understrap
*/

/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=70u0u0krCv7hdFxmmygv7pZy+kw */

/* Feel free to copy&paste color codes to your application */

/* jaune  #FDC613  */
/* As hex codes */
/*orange*/
.color-primary-0 {
    color: #F88322
}

/* Main Primary color */
.color-primary-1 {
    color: #FFB476
}

.color-primary-2 {
    color: #FF9E4D
}

.color-primary-3 {
    color: #CF6106
}

.color-primary-4 {
    color: #A34A00
}

/*jaune*/
.color-secondary-1-0 {
    color: #F8B122
}

/* Main Secondary color (1) */
.color-secondary-1-1 {
    color: #FFD176
}

.color-secondary-1-2 {
    color: #FFC44D
}

.color-secondary-1-3 {
    color: #CF8C06
}

.color-secondary-1-4 {
    color: #A36D00
}

/*bleu*/
.color-secondary-2-0 {
    color: #264DA6
}

/* Main Secondary color (2) */
.color-secondary-2-1 {
    color: #6784C6
}

.color-secondary-2-2 {
    color: #4264B1
}

.color-secondary-2-3 {
    color: #12368B
}

.color-secondary-2-4 {
    color: #0A286D
}

/*vert*/
.color-complement-0 {
    color: #149595
}

/* Main Complement color */
.color-complement-1 {
    color: #56BBBB
}

.color-complement-2 {
    color: #30A0A0
}

.color-complement-3 {
    color: #037C7C
}

.color-complement-4 {
    color: #006262
}



/* As RGBa codes */

.rgba-primary-0 {
    color: rgba(248, 131, 34, 1)
}

/* Main Primary color */
.rgba-primary-1 {
    color: rgba(255, 180, 118, 1)
}

.rgba-primary-2 {
    color: rgba(255, 158, 77, 1)
}

.rgba-primary-3 {
    color: rgba(207, 97, 6, 1)
}

.rgba-primary-4 {
    color: rgba(163, 74, 0, 1)
}

.rgba-secondary-1-0 {
    color: rgba(248, 177, 34, 1)
}

/* Main Secondary color (1) */
.rgba-secondary-1-1 {
    color: rgba(255, 209, 118, 1)
}

.rgba-secondary-1-2 {
    color: rgba(255, 196, 77, 1)
}

.rgba-secondary-1-3 {
    color: rgba(207, 140, 6, 1)
}

.rgba-secondary-1-4 {
    color: rgba(163, 109, 0, 1)
}

.rgba-secondary-2-0 {
    color: rgba(38, 77, 166, 1)
}

/* Main Secondary color (2) */
.rgba-secondary-2-1 {
    color: rgba(103, 132, 198, 1)
}

.rgba-secondary-2-2 {
    color: rgba(66, 100, 177, 1)
}

.rgba-secondary-2-3 {
    color: rgba(18, 54, 139, 1)
}

.rgba-secondary-2-4 {
    color: rgba(10, 40, 109, 1)
}

.rgba-complement-0 {
    color: rgba(20, 149, 149, 1)
}

/* Main Complement color */
.rgba-complement-1 {
    color: rgba(86, 187, 187, 1)
}

.rgba-complement-2 {
    color: rgba(48, 160, 160, 1)
}

.rgba-complement-3 {
    color: rgba(3, 124, 124, 1)
}

.rgba-complement-4 {
    color: rgba(0, 98, 98, 1)
}



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */

@font-face {
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-solid-900.eot");
    src: url("assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-solid-900.woff2") format("woff2"), url("assets/webfonts/fa-solid-900.woff") format("woff"), url("assets/webfonts/fa-solid-900.ttf") format("truetype"), url("assets/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-brands-400.eot");
    src: url("assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/webfonts/fa-brands-400.woff") format("woff"), url("assets/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-regular-400.eot");
    src: url("assets/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-regular-400.woff2") format("woff2"), url("assets/webfonts/fa-regular-400.woff") format("woff"), url("assets/webfonts/fa-regular-400.ttf") format("truetype"), url("assets/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-light-400.eot");
    src: url("assets/webfonts/fa-light-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-light-400.woff2") format("woff2"), url("assets/webfonts/fa-light-400.woff") format("woff"), url("assets/webfonts/fa-light-400.ttf") format("truetype"), url("assets/webfonts/fa-light-400.svg#fontawesome") format("svg");
}



#page {}

.home h1 {
    color: #fff;
}

.home #full-width-page-wrapper {
    padding-top: 0px;
}

#wrapper-navbar {
    border-bottom: 1px solid #eee;

    margin: 0 auto;
    max-width: 1180px;
    width:100%;

    height: 59px;
}

#content {
    padding-top: 0px !important
}

.home #wrapper-footer {}

#header {
    height: 25px;
    width:100%;
    max-width: 1350px;
    margin: 0 auto;

}

#full-width-page-wrapper {
    /*width: 1350px;*/
    margin: 0 auto;
}

.block {
    max-width: 1310px;
    width:100%;
    margin: 0 auto;
}

#full-width-page-wrapper .container {
    width: 100%;
    margin: 0px 0px;
    max-width: 100%;
    padding: 5px 0px;
}

#page .bg-primary {
    background-color: transparent !important;
    position: relative;
    z-index: 99;
}

.custom-logo-link img {
    height: 60px;
    position: absolute;
    width: 130px;
    top: 0px;
    z-index:2;
}

nav {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

nav .container {
    position: relative;

    margin-bottom: 0px;
}

nav#ubermenu-main-2-primary {
    position:absolute;
    top:15px; right:0;
    width:100%;
    z-index:1;
}

.ubermenu .ubermenu-item {
    padding-top: 15px !important
}


#menu-item-19 .ubermenu-submenu-id-19 {
    margin-left: 0;
    margin-top: 25px;
}
#ubermenu-nav-main-2-primary {
  text-align: right;
  padding-right: 160px;
}
#ubermenu-nav-main-2-primary .ubermenu-item.ubermenu-item-level-0 {
  float:none;
  display:inline-block;
}
#ubermenu-nav-main-2-primary > li > ul {
  text-align:center;
  width:100%;
  min-width:100%;
}


.tagLine {
    position: absolute;
    margin-bottom: 0px;
    line-height: 5px;
    bottom: 10px;
    left: 62px;
    font-size: 14px;
    color: #1F7373;
    font-style: italic;
    font-weight: bold
}



.navbar {
    padding-left: 3px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0px !important;
    max-width: 1180px !important
}

.navbar .container {
    padding-left: 1px;
    margin-top: -25px;
}

.ubermenu-target {
    padding-left: 10px !important;
}

.ubermenu-target:hover {
    background: transparent !important;
}

.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    padding-left: 0px !important;
    text-align: center
}

/* bloc service à la personne */

._si {
    border-radius: 10px;
}

.dossier_accueil {
    height: 370px;
    position: relative;
    background-repeat: no-repeat !important;
    margin-top: 8px;
    padding: 30px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.ctb_1 {
    position: absolute;
    right: 0px;
    width: 70%;
    top: 20px;
}

.ctb_2 {
    position: absolute;
    width: 60%;
    right: 10px;
    color: #666;
    bottom: 90px;
}



/*.cta_1 span:nth-of-type(odd){font-size:18px;display: block;color:#666;font-weight:700;}*/

.ctb_1 span:nth-of-type(odd) {
    font-size: 25px;
    display: block;
    color: white;
    font-weight: bold;
    padding-left: 35px;
}

.ctb_1 span:nth-of-type(even) {
    font-size: 19px;
    display: block;
    color: #555;
    font-weight: 500;
    width: 100%;
    font-style: italic;
    padding-left: 62px;
}

.ctb_2 span:nth-of-type(odd) {
    font-size: 29px;
    display: block;
    margin-left: 92px;
    width: 72%;
    color: #666;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 60px;
    color: #269090;
    background: white;
    line-height: 32px;
}




.ctb_2:hover {}

.ctb_2 span:nth-of-type(odd):hover {
    cursor: pointer;
    background: #660066;
	color : white;
}

.inscription_accueil {
    height: 370px;
    position: relative;
    background-repeat: no-repeat !important;
    margin-top: 8px;
    padding: 30px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-size: 550px auto;
    background-position: 0px 35px;
}

.cta_1 {
    position: absolute;
    right: 0px;
    width: 70%;
    top: 20px;
}

.cta_2 {
    position: absolute;
    width: 59%;
    right: 0px;
    color: #666;
    bottom: 70px;
}



/*.cta_1 span:nth-of-type(odd){font-size:18px;display: block;color:#666;font-weight:700;}*/

.cta_1 span:nth-of-type(odd) {
    font-size: 25px;
    display: block;
    color: #1F7373;
    font-weight: bold;
    padding-left: 35px;
}

.cta_2 span:nth-of-type(odd) {
    font-size: 21px;
    display: block;
    color: #666;
    font-weight: 500;
    width: 100%;
    font-style: italic;
    padding-left: 62px;
}

.cta_2 span:nth-of-type(even) {
    font-size: 28px;
    display: block;
    margin-left: 92px;
    width: 68%;
    color: #666;

    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #fff;
    background: #269090;
}




.cta_2:hover {}

.cta_2 span:nth-of-type(even):hover {
    cursor: pointer;
    background: #660066
}

.ctb_2 span:hover {
    cursor: pointer;
    background: #660066
}



/* menu */

.top_menu {
    float: right;
    width: auto;
    padding-right: 20px;
    padding-top: 3px;
    margin-top: 20px;
    margin-right: 5px;
    position: relative;
    z-index: 9999;
}

.top_menu ul li {
    list-style: none;
    background: #FF965D;
    padding: 1px 10px 2px 10px;
    color: #fff;
    border-radius: 5px;
}

.top_menu ul#menu-top_menu_login li::before {
    content: "\f2f6";
    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}

.top_menu ul#menu-top_menu_logout li::before {
    content: "\f502";
    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}



.top_menu ul li a {
    color: #fff;
    font-size: 12px;
}



#main-menu .active>.nav-link {
    color: #222;
    font-weight: bold
}

#main-menu .nav-link {
    color: #666;
    font-weight: bold;
}





/* sticky menu*/
#mysticky-nav:before {
    content: '';
    width: 100%;
    height: 10px;
    background: #fff;
    display: block
}

#mysticky-nav {

    padding-bottom: 7px;
    /*border-bottom: 1px solid #fff;*/
}

.sticky_menu {
    opacity: 0;
}

#mysticky-wrap {
    top: 0px;
    position: absolute;
}

#mysticky-nav .myfixed .sticky_menu {
    opacity: 1;
    height: 1px;
    width: 100%;
    text-align: center;

}

#mysticky-nav .myfixed img {
    opacity: 1;
}

#mysticky-nav .myfixed span {
    opacity: 1;
}

#sticky-header {
    background: #fff;
    max-width: 1350px;
    width:100%;
    padding-left: 5px;
    position: relative
}

#sticky-header .sticky-tagline {
    margin-top: 15px;
    float: left;
    position: relative;
    display: none
}

#sticky-header .sticky-tagline span {
    position: absolute;
    display: block;
    font-size: 11px;
    color: #fff;
}

#sticky-header img {
    padding-right: 120px;
    opacity: 0;
}

#sticky-header span {
    opacity: 0
}

#sticky-header p.menu {
    float: right;
}


.sticky_menu ul li {
    float: left;
    list-style: none;
    width: 220px;
    text-align: center;
    position: relative;
    border: 1px solid #fff;
    padding: 10px 1px;
    margin-right: 35px;
    margin-top: 5px;
    background: transparent;
    border-radius: 10px;
    min-height: 108px;
}

.sticky_menu ul li.promo_adhesion {
    background: url('img/promo.png');
    color: #660066;
}

.sticky_menu ul li.promo_adhesion a {
    color: transparent;
    font-size: 16px;
    vertical-align: middle
}

.sticky_menu ul li.promo_adhesion:hover {
    background: #F8B122;
    cursor: pointer;
    background-image: url('') !important;
    padding-top: 20px;
}

/*.sticky_menu ul li.promo_adhesion:hover a:before{font-family: "Font Awesome 5 Solid";font-size:30px;width:100%;display: block;color:#660066!important;}
*/
.sticky_menu ul li.promo_adhesion:hover a {
    color: #660066 !important;
}

.sticky_menu ul li.promo_adhesion:hover .fa-hand-point-down {
    color: #660066 !important;
}

.sticky_menu ul li:hover {
    background: #fff;
}

.sticky_menu ul li:hover a span {
    color: #777;
}

.sticky_menu ul li:hover a span::before {
    color: #269090;
}

.sticky_menu ul .appel_menu {
    background: #30A0A0;
}

.sticky_menu ul .appel_menu:hover {
    background: #30A0A0;
    cursor: context-menu !important;
}

.sticky_menu ul .appel_menu a:hover {
    cursor: context-menu !important;
}

.sticky_menu ul .appel_menu:hover a span::before {
    color: #fff;
}

.sticky_menu ul .appel_menu:hover a span {
    color: #fff !important;
}


.fa-hand-point-down {
    font-size: 30px
}

/*
.sticky_menu ul li a::before {
    content: "\f103";
    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    width:100%;
    color: #666;
    font-size: 20px;
    display:block;
    line-height:15px;
    padding-bottom:2px;
    clear:both;
}

*/


.sticky_menu ul li a span::before {

    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    padding-right: 10px;
    color: red;
    font-size: 35px;
    clear: both;

    color: #fff;
    padding-top: 1px;
    padding-bottom: 14px;
    display: block;
    width: 100%;
}

.sticky_menu ul li a {
    color: #fff;
    font-size: 19px;
    position: relative;
    padding-top: 10px;
    line-height: 22px;
    font-weight: 700;
    width: 100%;
}



.sticky_menu ul li a span {
    padding: 4px 10px 5px 10px;
    border-radius: 7px;
    color: #fff;
    font-weight: normal;
    width: 100%;
    display: block
}






.sticky_menu ul li a:hover {
    text-decoration: none
}




/* documentation*/

.sticky_menu ul li:nth-child(1) a span::before {
    content: "\f56c";
}

.sticky_menu ul li:nth-child(1) a span {
    background: transparent;
}






/* inscription*/

.sticky_menu ul li:nth-child(2) a span::before {
    content: "\f044";
}

.sticky_menu ul li:nth-child(2) a span {
    background: transparent;
}






/* rappel*/

.sticky_menu ul li:nth-child(3) a span::before {
    content: "\f2a0";
}


.sticky_menu ul li:nth-child(3) a span {
    background: transparent;
}






/* appel*/

.sticky_menu ul li:nth-child(4) a span::before {
    content: "\f095";
}


.sticky_menu ul li:nth-child(4) a span {
    background: transparent;
}

.sticky_menu ul li:nth-child(4) a i {
    width: 100%;
    display: block;
    margin-top: -5px;
    line-height: 17px;
    font-size: 8px;
}





/* slider */

.video:hover {
    cursor: pointer;
}






/* pourquoi fasiladom */

.choix ul li {
    list-style: none;
    padding: 3px 10px;
    background: #149595;
    color: #fff;
    margin-top: 20px;
    font-weight: bold;
    font-size: 19px;
}

.choix ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Regular";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    padding-right: 10px;
    vertical-align: top;
    margin-top: -2px;
    font-weight: bold
}









/* cours accueil */

#cours_accueil p {
    margin-bottom: 0px
}






/* couleur */

.orange_fasiladom {
    background: #F27400;
}



/* drapeau accueil  */

.promo {
    position: relative;
    height: 160px;
    color: #fff;
}

.frais {
    text-align: center;
    width: 100%;
    display: inline-block
}

.avec {
    font-size: 13px;
    top: 75px;
    position: absolute
}

.semaine {
    display: block;
    color: #fff;
    position: absolute;
    top: 10px;
    text-shadow: none;
    padding-left: 10px;
    font-size: 20px;
}

.code_promo {
    display: block;
    color: #fff;
    position: absolute;
    top: 50px;
    text-shadow: none;
    font-size: 15px;
    padding-left: 30px;
}

.code {
    display: block;

    position: absolute;
    right: -1px;
    top: 95px;
    width: 57%;

    text-shadow: none;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 7px;
    color: #000;
    background: #fff;
    font-weight: bold;
}

.valeur {
    display: block;
    color: #fff;
    position: absolute;
    bottom: -4px;
    left: 3px;
    text-shadow: none;
    font-size: 14px;
    padding-left: 20px;

}

.flap-stage {
    width: 350px !important;
    padding-bottom: 10px
}

.flap-stage img {
    margin-left: 25px;
    margin-top: 0px;
}

.flap-little {
    background: #660066 !important;
}

.flap-little-inner h3 {
    text-align: center;
    color: #fff !important;
    font-weight: bold;
    font-size: 27px;
    text-shadow: none;
}

.flap-description {
    height: 290px !important;
    padding-bottom: 10px
}

.flap-description .promo .offert {
    display: block;
    width: 100%;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}

.flap-button-container {
    position: absolute;
    bottom: 25px;
    right: 49px;
    padding-bottom: 5px
}

.flap-button-container a {

    background: orange;
    color: #fff !important;
    text-shadow: none;
    font-size: 19px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

/* rejoindre enseignant */

.joinOurTeam {
    height: 400px;
    position: relative;

}

.joinOurTeam .join {
    font-family: 'Permanent Marker', cursive;
    font-size: 35px;
    position: absolute;
    top: 40px;
    left: 80px;
}

.joinOurTeam .logo_prof {
    padding-left: 15px;
    float: left;
}

.joinOurTeam .text {
    position: absolute;
    top: 150px;
    width: 70%;
    font-size: 21px;
}

#joinButton {
    color: #fff;
    position: absolute;
    bottom:0;
    padding: 0px 15px 0px 15px;
    border-radius: 10px;
    text-align: center;
    background: #149595
}

#joinButton:hover {
    background: #660066;
    color: #fff;
    cursor: pointer;
}

.joinButton {
    font-size: 25px;
    float: left;
    padding-top: 15px;
}




/* footer accueil */

#footer-full-content i {
    font-size: 20px;
    padding-right: 15px;
}






/* right sidebar  */

#right-sidebar {

    margin-top: 31px;
    padding-top: 25px;
}

#right-sidebar h3 {
    font-size: 18px;
    font-weight: bold;
}

#right-sidebar a:hover {
    color: #fff;
    text-decoration: none
}

#right-sidebar .sidebarBlock {
    border-radius: 10px;
}

.sidebarInscrit {
    padding: 7px 8px;
    background: #F27400;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    font-size: 17px;
    text-align: center;
    width: 84%;
    line-height: 30px;
}

.sidebarInscrit:hover {
    box-shadow: 0px 1px 2px 0px #666
}

.sidebarInscrit span.Cparti {
    font-size: 25px;
    line-height: 30px !important;
    margin-left: 5px !important;
}

.sidebarInscrit span.inscrireEnligne {
    font-size: 15px;
    margin-left: 3px !important;
    font-weight: normal !important;
}

.page-id-61 .sidebarInscrit span.inscrireEnligne,
.page-id-63 .sidebarInscrit span.inscrireEnligne {
    margin-top: -2px;
    display: block
}

.sidebarInscrit br {
    line-height: 0px !important
}

#sidebarInscription>div>div p:first-child {
    text-align: center;
    font-size: 19px;
}

#sidebarInscription>div>div p:first-child span {
    font-size: 19px;
}

#sidebarInscription h3 {
    text-align: center
}

#sidebarInscription a i {
    display: block;
    position: absolute;
    left: 25px;
    top: 20px;
    font-size: 30px;
}

#sidebarInscription a span {
    /*border-left:3px solid #fff;*/
    padding-left: 20px;
    margin-left: 10px;
    line-height: 21px;
}

#sidebarInscription a {
    position: relative;
    font-weight: bold;
}

.sidebarDoc {
    padding: 7px 10px;
    background: #F27400;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    font-size: 17px;
    text-align: center;
    width: 250px;
    font-weight: bold
}

.sidebarDoc i {
    padding-right: 12px;
    font-size: 21px;
}

.sidebarDoc:hover {
    box-shadow: 0px 1px 1px 0px #fff !important;
    border: 1px solid #eee;
    width: 252px;
}

#wrapper-footer-full {
    background: rgb(48, 55, 59) !important;
    color: #fff;
}

#wrapper-footer-full a {
    color: #fff;
}

#wrapper-footer-full h3 {
    font-size: 20px;
}

#wrapper-footer {
    background: #303030;
    color: #fff
}

#wrapper-footer a {
    color: #fff;
}

#footer-full-content {
    width: 100%;
    max-width: 1300px;
}

.footerInscrit {
    background: #660066;
    padding: 4px 12px;
    border-radius: 7px;
    margin-top: 19px;
    display: block;
    width: 75%;
}

#footerInscrit {
    position: relative;
}

.footerDoc {
    background: #30A0A0;
    padding: 4px 12px;
    border-radius: 7px;
    margin-top: 19px;
    display: block;
    width: 75%;
}



.title {
    margin-top: 25px;
    border-bottom: 1px solid #ccc;
    /*margin-left: 90px;*/
}


.centered-text {
    visibility: visible
}

.centered-text:hover .centered-text:before {}

.centered-text:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 13px solid rgba(250, 250, 250, 0.60);
    border-radius: 55%;
    display: block
}

.caption {
    background: transparent !important
}

.centered-text:hover:before {
    border: 13px solid rgba(37, 151, 114, 0.8);
}

table#tablepress-1>tbody>tr>td:nth-child(2) {
    background: rgb(225, 225, 225);
	width: 30%;
}

#tablepress-1 td {
    border-right: 1px solid #aaa;
	width: 25%;
}

table#tablepress-1 td+td+td+td {
    border: none
}

table#tablepress-1 td {
    border-bottom: 0px solid #fff !important;
    border-top: 0px solid #fff !important
}


.texte_diaporama p {
    background: rgba(20, 20, 20, 0.5) !important
}


.fsldm_container {
    /*width: 1140px;*/
    margin: 0 auto;
}

.fsldm_container>.container {
    /*max-width: 100% !important*/
}

.fsldm_container #primary {
    /*width: 66% !important;
    max-width: 66%;
    flex-basis: 66%;*/
}

#dossier input {
    width: 450px;
}

#demande_dossier {
    border-radius: 8px;
    float: left;
}

#menu-sidebar_client_left {
    margin-top: 50px;
    padding: 5px 20px;
    background: #f2f2f2;
    border-radius: 8px;
}

#menu-sidebar_client_left li {
    list-style: none;
    padding: 7px 15px;
}


#menu-sidebar_client_left li a {
    color: #000;

}

#menu-sidebar_client_left li a:hover {


    text-decoration: none
}

#menu-sidebar_enseignant_left {
    margin-top: 50px;
    padding: 5px 20px;
    background: #f2f2f2;
    border-radius: 8px;
    border: 1px solid #BBEFEF;
}

#menu-sidebar_enseignant_left li {
    list-style: none;
    padding: 7px 15px;
}


#menu-sidebar_enseignant_left li a {
    color: #000;

}

#menu-sidebar_enseignant_left li a:hover {


    text-decoration: none
}

ul#menu-me_deconnecter li {
    list-style: none;
    background: #FF965D;
    padding: 1px 10px 2px 10px;
    color: #fff;
    border-radius: 5px;
}

ul#menu-me_deconnecter li::before {
    content: "\f2f5";
    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}

ul#menu-me_deconnecter li a {
    color: #fff;
    font-size: 15px;
}

ul#menu-me_deconnecter {
    margin-top: 50px;
    padding: 5px 20px;

    border-radius: 8px;
}


.alerte {
    background: red
}

.message {
    color: #fff;
    padding: 5px 15px;
    text-align: center
}

.succes {
    background: green
}

.message_mail {
    background: #f2f2f2;
    padding: 5px 10px;
    text-align: center;
    margin-top: 10px;
    display: none
}

.bloc_adresse p span,
#adresse_responsable p span,
#infos_responsable p span {
    float: right;
    margin-right: 25px;
}

#adresse_responsable p,
#infos_responsable p {
    margin-bottom: -2px;
    width: 80%;
}

.bloc_adresse p,
#infos_responsable p,
#adresse_responsable p {
    background: rgb(110, 196, 196, 0.8);
    border-radius: 10px;
    padding: 5px 20px;
    margin-bottom: 20px;
    width: 89%;
}

#representant p input {
    float: right;
    margin-right: 90px;
}

.espace .modification_inscription {
    float: right;
    color: #fff !important;
    background: #0D8383
}

.ajout_eleve {
    width: 100%;
    position: absolute;
    bottom: -35px;
}

.ajout_inscription {
    width: 50% !important;
    margin: 0 auto !important;
    position: relative;
    display: block !important
}

#table_prix {
    width: 100%;
}

#table_prix th {
    padding: 17px 0px;
    border-bottom: 1px solid #ccc;
}

#table_prix td {
    padding: 17px 0px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

#table_prix td:last-child {
    width: 25%;
}

.rachat {
    background: rgb(38, 144, 144);
    color: #fff;
    padding: 7px 12px;
}

.rachat:hover {
    color: #fff;
}

#commande_rachat_coupons {
    background: #f2f2f2;
    padding: 10px 10px 0px 10px;
}

.adresse_facturation {
    background: #f2f2f2;
    padding: 7px 10px 1px 10px;
    width: 75%;
}

.adresse_facturation p {
    margin-bottom: 4px !important;
}

.enLigne {
    padding-right: 15px;
    margin-right: 15px;
    margin-top: 5px;
}

#valide {
    padding-top: 85px
}

#devis,
#valide a {
    background: rgb(13, 131, 131);
    color: #fff;
    padding: 5px 15px;
    font-size: 18px;
}


#form_parrainage p input {
    float: right;
}

#form_parrainage p {
    width: 80%;
}

#form_parrainage legend {
    font-size: 15px;
    font-weight: bold;
}

#form_parrainage label {
    font-size: 15px;
}

#tranche {
    width: 500px;
}

.tranche {
    float: right;
    margin-right: 200px;
}

.tranche .fa-trash {
    padding-left: 15px;
}

#dispo {
    padding-top: 20px
}

#slider-range {
    width: 500px;
}

.ui-slider-handle {
    background: #269090 !important;
    border-radius: 20px !important;
}

.ui-slider-handle:hover {
    cursor: pointer !important;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #269090;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    float: right;
}

.inputfile:focus+label,
.inputfile+label:hover {
    background-color: #555;
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.fa-upload {
    padding-right: 15px;
}

.recrutement_enseignant input[type=email]{width:450px!important;}
.recrutement_enseignant input[type=text]{width:450px!important;}
.recrutement_enseignant  select{width:450px!important;}
.recrutement_enseignant textarea{width:450px!important;}
.recrutement_enseignant #slider-range{width:420px!important;}
.recrutement_enseignant .slider-range-volume{width:435px!important;}
.recrutement_enseignant #niveau{width:550px;}
.recrutement_enseignant h6 {
    font-weight: bold;
}

#rappel:hover {
    cursor: pointer;
}

.inscription .modification_inscription i {
    padding-right: 10px;
    color: #fff;
}

.inscription .modification_inscription {
    color: #fff !important;
    background: #269090
}

.inscription .delete_eleve i {
    padding-right: 10px;
    color: #fff;
}

.inscription .delete_eleve {
    color: #fff !important;
}

.inscription .ajout_inscription {
    background: #269090;
    font-weight: bold;
}

.inscription .ajout_inscription i {
    padding-right: 15px;
}

#CybotCookiebotDialog {
    height: 30px !important;
}

#CybotCookiebotDialogPoweredbyImage {
    display: none !important
}

#CybotCookiebotDialogBody {
    width: 1140px !important;
    max-width: 1140px !important;
}

#CybotCookiebotDialogBodyContent {
    width: 70% !important;
    float: left;
}

#CybotCookiebotDialogBodyLevelWrapper {
    width: 27% !important;
    float: left;
}

#CybotCookiebotDialogBodyButtonDecline {
    margin-top: 15px !important;
}

#CybotCookiebotDialogBodyButtonAccept {
    margin-top: 15px !important;
}

#CybotCookiebotDialogBodyContentTitle {
    width: 34%;
    float: left !important;
}

#CybotCookiebotDialogBodyContentText {
    float: left;
    padding-top: 4px !important;
    margin-left: -5px;
}


#rgpd {
    padding-top: 65px;
}

input[type="submit"]:disabled {
    background: #FFB476;
    color: #eee !important
}

.wpcf7 input[type="submit"]:disabled {
    background: #FFB476;
    color: #eee !important
}

.wpcf7 input[type="submit"] {
    background: #F88322 !important;
    color: #fff;
    border: none;
}

.sow-accordion-panel-header {
    background: #30A0A0 !important
}

#UTI_ADRESSE {
    border: 1px solid rgb(170, 170, 170);
    border-radius: 7px
}

textarea[name="commentaire"] {
    border: 1px solid rgb(170, 170, 170);
    border-radius: 7px
}

.page-template-template-demande-dossier #sidebarDossier {
    display: none
}

.page-template-template-demande-dossier #sidebarInscription {
    background: rgb(102, 0, 102) !important;
}

#ID_NIVEAU {
    /*height: 40px;*/
}

a.rappel_sidebar {
    color: #F88322;
    font-weight: bold;
    text-decoration: underline;
}

a.rappel_sidebar::before {
    content: "\f101";
    font-family: "Font Awesome 5 Solid";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    color: #F88322;
    font-size: 26px;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -2px;
}

a.rappel_sidebar:hover {
    color: #F88322 !important;
}

.sidebarBlock img {
    margin-left: 5px !important;
}

.dossier_courrier {
    margin-right: 20px;
}

#dossier_courrier {
    font-weight: bold;
}

#dossier_courrier form {
    border: 1px solid #eee;
    border-radius: 7px;
    padding: 15px 20px;
    display: block
}

.ubermenu .menu_noscours>ul>li>a>img {
    margin-bottom: 10px;
}

/*.ubermenu .menu_noscours>ul>li:hover>a{background:#56BBBB }*/
.ubermenu .menu_noscours>ul>li>a>span {
    font-size: 14px;
}

.confirmRappel {
    margin-top: 200px;
}

#ENS_ADRESSE {
    width: 657.767px;
}

#rappel .widget-title {
    color: #037C7C;
}

#sidebarDossier {
    position: relative;
    z-index: 15;
}

#sidebarDossier::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(102, 0, 102, 0.65);
    z-index: 5;
    border-radius: 7px;

}

#sidebarDossier .so-widget-sow-editor {
    position: relative;
    z-index: 15
}

#sidebarDossier p {
    text-align: center;
}

.intro {
    /* background: rgb(20, 149, 149);*/
    color: #666;
    padding: 5px 20px;
}

#send_representant {
    margin-top: 45px;
    background: rgb(20, 149, 149);
    color: #fff;
    border: none;
    box-shadow: none;
    padding: 5px 15px;
    border-radius: 5px;
}

.stephanie {
    margin-top: -15px;
    border-radius: 7px;
    box-shadow: 0px 1px 3px 0px #999
}


#tarifs {
    padding-top: 30px
}

#tarifs h3 {
    text-align: center;
    margin-top: 5px !important
}

#tarifs .intro_formule {
    padding: 8px;
    background: #338181;
    color: #fff;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}

#tarifs .taux_plein {
    font-size: 32px;
}

#tarifs .taux_impots {
    font-size: 22px;
    font-weight: bold
}

#tarifs .calcul_mens {
    text-align: center;
    font-size: 17px
}

#tarifs #abo_reduc span {
    font-size: 12px;
    text-decoration: underline
}

#tarifs #abo_reduc {
    font-weight: bold;
    background: #fff;
    line-height: 17px;
    border-radius: 5px;
    padding-bottom: 4px;
    margin-top: 12px;
    padding-top: 4px;
}

#slider_1,
#slider_2 {
    width: 85%;
}

#tarifs .ui-slider-handle {
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 50px;
    padding-bottom: 7px;
}

#tarifs label {
    float: left;
    font-size: 16px;
    text-align: center;
    width: 100%;
}

#tarifs .coupons {
    background: #56BBBB;
}

#tarifs input[type=text] {
    background: #fafafa;
    font-size: 19px;
    border: 0;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold
}

#tarifs label.cout_reel {
    color: #fff;
    font-weight: bold
}

#tarifs .tarif_horaire {}

#tarifs input.cout_reel {}

#tarifs-sidebar-right .stephanie {
    margin-top: 0px;
}

.swiper-container_tarifs {
    width: 100%;
    height: 340px !important;
    overflow: hidden;
}

#tarifs #coupon_reduc {}

#tarifs #coupon_heure {}

#tarifsAbonnement h3,
#tarifsCoupon h3 {
    font-size: 24px;
    color: #338181;
    font-weight: bold;
}

.slide_coupon {
    display: none
}

#tarifs .slide {
    background: #fafafa;
    padding-top: 3px;
    padding-bottom: 20px;
}

#tarifs .jaune {
    color: rgb(248, 177, 34);
}

.formules {
    margin-right: 7px;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px;
    border-radius: 5px
}

.coupons {}

.w_50 {
    width: 46% !important;
    float: left;
    margin-left: 16px;
}

.switch-button-label {
    font-size: 17px !important;
    font-weight: bold;
    margin-top: -11px;
    border-radius: 3px
}

.switch-button-label:not(.off) {
    background: #F27400 !important;
    color: #fff;
    padding: 4px 10px;
    /* margin-left: 100px;*/
}

.switch-button-label:not(.on) {
    background: #F2f2f2 !important;

    padding: 4px 10px;
}

.js-grid-text-3 {
    display: none
}

.switch-button-background {
    margin-top: -7px;
    width: 190px !important;
}

.irs-single {
    background: #338181 !important
}

#widgetPromo {}

#widgetPromo img {
    width: 77px;
    margin-top: 7px;
}

.widgetPromoRight {
    margin-top: -16px;
    height: 30px;
    padding-left: 15px;
    margin-left: -25px;
    position: relative;
    border-radius: 8px;
    padding-right: 10px;
    width: 135px;
}

.widgetPromoRight:hover {
    box-shadow: 0px 2px 6px 0px #666 !important
}

.showPromo .widgetPromoRight {
    margin-left: -60px;
}

.widgetPromoRight p {
    /*margin-top: 135px;*/
    font-size: 19px;
    position: relative;
}

.widgetPromoRight p a {
    color: #fff;
}

#tarifsFormules {
    margin-top: -25px;
}

.home h1 {
    display: none
}

#right-sidebar aside .showPromo {
    display: none
}

#right-sidebar aside #showSALP {
    display: none
}


.guitare_img {
    margin-top: 9px;

    border-right: 2px solid #149595;
    padding-right: 15px;
}

#widgetPromo {
    background: rgba(103, 132, 198, 0.4);
    padding: 5px 15px;
    border-radius: 5px;
    padding-bottom: 15px;
    margin-top: 25px;
    padding-top: 10px;
}

.widgetPromoleft {
    padding: 5px 15px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;

}

.actioncde {
    background: #F88322;
    color: #fff;
    padding: 5px 15px;
    font-size: 19px;
    text-align: center;
    width: 55%;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 5px;
}

.actioncde a {
    color: #fff;
}

.actioncde:hover {
    box-shadow: 1px 0px 2px 0px #666;
    cursor: pointer
}

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

legend {
    color: #338181 !important;
}

#showSALP p {
    margin-bottom: 0px;
}


.page:not(.home) h1 {
    border-left: 10px solid #F88322;
    background: #149595 !important;
    color: #fff !important;
    line-height: 44px !important;
    padding-top: 7px !important;
    padding-left: 20px;
    padding-bottom: 7px;
}

/*
.page:not(.home) h1:after {
    content: '';
    display: block;
    float: right;
    width: 30%;
    height: 10px;
    border-bottom: 1px solid #F88322;
    margin-top: 29px;
}
*/
.page-template-inscription #primary h1 {

    border-left: none;
    background: #fff !important;
    color: #555 !important;
    line-height: 44px !important;
    padding-top: 7px !important;
    padding-left: 20px;
    padding-bottom: 7px;
}

.page-template-inscription h1:after {
    content: '';
    display: block;
    float: right;
    width: 30%;
    height: 10px;
    border-bottom: none !important;
    margin-top: 29px;
}


h6, .instr-page h2 {
    color: #149595 !important;
    font-weight: bold !important;
    font-size: 22px !important;
}



@-webkit-keyframes masuperanimation {
    /* Safari, Opera, Chrome */

    0% {

        transform: translateY(0px);

    }


    50% {

        transform: translateY(150px);

    }


    100% {

        transform: translateY(150px);



    }

}


@keyframes masuperanimation {
    /* Tous les autres navigateurs */

    0% {

        transform: translateY(0px);

    }


    50% {

        transform: translateY(150px);

    }


    100% {

        transform: translateY(150px);



    }

}

.widgetPromoRight {
    -webkit-animation: masuperanimation 1.5s forwards;
    /* Safari, Opera, Chrome */
    animation: masuperanimation 1.5s forwards;
    /* Tous les autres navigateurs */
}

#tarifsAbonnement ul li {
    line-height: 30px;
}


#pg-15-3 h2 {
    text-transform: uppercase
}

.dernierInscrit h4 p {
    font-size: 21px
}

article figure figcaption {
    font-size: 10px !important;
}

ul.saxophone li {}

ul.saxophone {
    width: 71%;
    float: right;
}

.autresInstruments a {
    color: #fff !important;
}

.page-id-1224 h1 {
    font-size: 35px !important;
}



.titreFormules p {
    font-size: 25px;
    color: rgb(51, 129, 129);
}

.selectFormule {
    width: 80%;
    height: 35px;
    font-size: 18px;
    padding-left: 7px;
}

.apresReduction {
    background: rgb(86, 187, 187);
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    margin-top: 5px;
    font-weight: bold;
}

.formfield-select {
    position: relative;
}

.formfield-select--container {
    position: relative;

    background-color: #fff;
    border: #777 1px solid;
    margin: 0 0 1.5em 0;
    border-radius: 7px;
    overflow: hidden;
    /* 
        Le select natif pourra 
        dépasser sans être vu 
    */
}

.formfield-select--container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 95%;
    /* 
        On est sûr de ne plus voir
        la flèche native 
    */

    height: auto;
    border: 0;
    margin: 0;
    padding: .75em;
    border-radius: 0;


    overflow: hidden;
    text-overflow: ellipsis;
    /* 
        On empêche le texte d'aller
        jusqu'au bout s'il est trop long
    */

}

.formfield-select--container::after {
    /* Le pointeur du select */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: .75em;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-top-color: #F88322;
    border-width: 11px;
    border-style: solid;
    pointer-events: none;

}

.rappel_dialog .modal-dialog{margin-top:155px!important;}

#send_representant:hover{cursor: pointer;box-shadow:1px 0px 5px 0px #666;}

#demande_dossier:hover{cursor: pointer}


body.home #menu-item-866 {
  right: 80px !important;
  position: fixed !important;
  bottom: 15px;
  top: inherit !important;
}
body.home #pg-15-7 { padding-right:75px; }
#pgc-w5c1c92a550a52-0-0 { width:100%!important; }
#pgc-w5c1c92a550a52-0-1 {
  position:absolute;
  bottom:175px; right:35px;
}
#pgc-w5c1c92a550a52-0-0 span.offert {
  display:block;
  text-align:center;
}
#widgetPromo { position:relative; }
#pgc-w5c1c92a550a52-0-0 .avec,
#pgc-w5c1c92a550a52-0-0 .code {
  width:auto;
  left:50%;
}
.valeur { top: 50px; left: 80px; bottom:inherit; }


#pl-15 #panel-15-2-1-1 { margin-right:20px!important; }
.OngletInscription {
  width:100%!important;
  text-align:center;
}



div.inscription {
  width:100%!important;
  max-width:1140px;
  padding-left:15px; padding-right:15px;
}
.OngletInscription ul { width:100%!important; margin-left:0!important; padding-left:0!important; }
.OngletInscription li { display:inline-block; float:none!important; }
.ajout_inscription  { width:auto!important; }
.tabs_coupon { max-width:50%; }
#CLI_ELEVE_ADRESSE { width:75%; }
#inscription {
  width:100%!important;
  margin:0!important;
  padding-left:0!important; padding-right:0!important;
}

/*******************************************************************************
********************************************************************************
*** RESPONSIVE
********************************************************************************
*******************************************************************************/
@media (max-width: 1199px) {
  .ubermenu .ubermenu-submenu .ubermenu-column-auto { width:155px!important; }
  #sidebarInscription a i.fa-play {
    font-size:20px;
  }
  body.home .sticky_menu ul li { width:200px; }
  #mysticky-nav.wrapfixed { height:160px; }
  .valeur { left: 60px; }
  .dejademandedossier { width:75%!important; }
  div.inscription { max-width:960px; }
  #inscription input[type="text"], #inscription input[type="email"], #CLI_ELEVE_ADRESSE,
  #form_inscription #UTI_ADRESSE { width:100%!important; }
  
  #abonnement label, #coupon label {
    width: 320px;
    text-align: center;
    margin-left:0!important; margin-right:0!important;
  }
  #demande_dossier_form .col-md-4 {
    float:none;
    width:100%!important;
    max-width:100%!important;
    flex:initial;
    margin-top:15px;
  }
  
}
@media (min-width: 960px) {
  nav.ubermenu-responsive-default.ubermenu.ubermenu-responsive-collapse {
    display: none !important;
  }
}
@media (min-width: 992px) {
  nav.ubermenu-responsive-default.ubermenu.ubermenu-responsive-collapse {
    display: block !important;
  }
}



@media (max-width: 991px) {
  div.inscription { max-width:720px; }
  .dejademandedossier { width:100%!important; }
  .sidebarDoc { width:auto; }
  #sidebarInscription a span { padding-left:0; }
  .sidebarInscrit span.Cparti { font-size:22px; }
  #sidebarInscription a i {
    position:relative;
    left:inherit; top:inherit;
    margin-bottom:5px; margin-top:5px;
  }
  #right-sidebar h3 {
    font-size:24px;
    text-align:center;
  }
  .stephanie {
    margin-top: 0; margin-bottom:10px;
    float:none;
  }
  /*.top_menu ul li { width:120px; }*/
  #wrapper-navbar a.ubermenu-responsive-toggle-main {
    position:absolute;
    top:10px; right:0; 
  }
  .top_menu { margin-right: 75px; }
  nav#ubermenu-main-2-primary {
    position: absolute;
    background-color: #fff;
    border:1px solid #e9e9e9;
    margin-left: 0;
    top:75px;
    width: 100%;
    text-align:right;
  }
  #ubermenu-nav-main-2-primary { padding-right:0; }
  #menu-item-19 .ubermenu-submenu-id-19 { margin-top:0; }
  .ubermenu .ubermenu-item { padding-top:0!important; }
  a.ubermenu-skin-white { border:none; }
  a.ubermenu-skin-white.ubermenu-responsive-toggle { font-size:15px; }
  .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
    width:auto!important;
    float:none!important;
    display:inline-block!important;
    min-width:inherit!important;
  }
  #panel-15-2-1-0 { padding-left:15px; padding-right:15px; }
  .ubermenu-responsive-toggle { display:block!important; }
  .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-column { min-width:25%!important;}
  body.home #sticky-header { width:100%!important; }
  body.home .sticky_menu ul li {
    width: 170px;
    margin-right:5px;
    font-size:15px;
    float:none;
    display:inline-block;
  }
  body.home #mysticky-nav .myfixed span { font-size:16px; }
  body.home #menu-item-866 { width:220px!important; }
  #pg-15-9.panel-has-style > .panel-row-style, #pg-15-7 > div { flex-direction: row!important; }
  #pg-15-9.panel-has-style > .panel-row-style > div { width:25%; }
  body.home #pg-15-7 { padding-right: 0; margin-bottom:20px; }
  #panel-15-11-0-0 { text-align:center; }
  #panel-15-11-1-0, #pg-15-12 { padding-left:20px; padding-right:20px; }
  #menu-sticky_menu {
    padding-left: 0;
    margin-bottom: 0; margin-top: 15px;
  }
  
  .promo { height:230px; }
  #widgetPromo img { margin-top:65px; }
  #pgc-w5c1c92a550a52-0-1 {
    bottom: 159px;
    left: 100px;
  }
  
  #pgc-w5c1c92a550a52-0-0 .valeur {
    left: 15px;
    top: 73px;
  }
  #pgc-w5c1c92a550a52-0-0 .avec, #pgc-w5c1c92a550a52-0-0 .code { left:0; text-align:center; }
  #pgc-w5c1c92a550a52-0-0 .code { top:125px; }
  #pgc-w5c1c92a550a52-0-0 .avec {
    top: 98px;
    width:100%;
  }
  #pg-15-5 > div { display:block; }
  #pl-15 #panel-15-2-1-1 { margin-left:20px!important; }
  #pg-15-4 {
    margin-left:20px!important;
    margin-right:20px!important;
  }
  #pgc-15-5-1, #pgc-15-5-2 {
    width:100%!important;
  }
  
  
  .dossier_accueil, .inscription_accueil {
    height: 490px;
    width: 730px;
    margin: 15px auto;
  }
  
  
  
  
  #dossier input[type="text"], #dossier input[type="email"], #dossier textarea { width:100%!important; }
  #dossier .action { text-align:center; }
  #dossier input { max-width:100%; }
  #demande_dossier { float:none; }
  
  #inscription li.next, #inscription li.selected { padding-left:20px!important; padding-right:20px!important; }
    #inscription li.next, #inscription li.prev, #inscription li.selected { padding-left:5px!important; padding-right:5px!important; }
  #inscription li.next span.libelle, #inscription li.selected span.libelle,
  #inscription li.prev span.libelle { font-size:13px; }
  #abonnement label, #coupon label { width: 290px; }
  
  
  #form_inscription .btn_medium { font-size:14px; }
  
  label.rappel { width:90%!important; }
  #rappel_block #rappel {
    float: none!important;
    margin-left: auto!important;
    display: block!important;
    margin-top: 100px!important;
  }
  
}
@media (max-width: 767px) {
  .inscrits article {
    width:100%!important;
    margin-left:0; margin-right:0;
  }
	#mysticky-wrap {
		display:none;
	}
  div.inscription { max-width:540px; }
  #inscription {
    width:100%!important;
    padding-left:0!important; padding-right:0!important;
  }
  .fsldm_container { max-width:100%; }
  .fsldm_container #primary {
    width:100%!important;
    max-width:100%!important;
    flex-basis: 100%!important;
  }
  .fsldm_container > .container { max-width:540px!important; }
  #panel-w5c1c92a550a52-1-0-0 { text-align:center; }
  #pgc-w5c1c92a550a52-1-0 { margin-bottom:0!important; }
  #panel-w5c1c92a550a52-1-1-0 { text-align:center; margin-bottom:15px!important; }
  #sidebarInscription a i.fa-play { display:none; }
  .custom-logo-link img { left:8px; }
  #right-sidebar h3 { margin-top:10px; }
  .stephanie {
    float:left;
    margin-right:10px;
  }
  
  #mysticky-nav.wrapfixed { height: 0; }
  #menu-item-84, #menu-item-83, #menu-item-82, #menu-item-111 { display:none; }
  #pg-15-4 > div { padding-left:20px!important; padding-right:20px!important; }
  
  
  #pgc-w5c1c92a550a52-0-0 .valeur, #pgc-w5c1c92a550a52-0-0 .code, #pgc-w5c1c92a550a52-0-0 .avec {
    position:relative; left: inherit; top: inherit;
  }
  
  #widgetPromo img {
    position:absolute;
    bottom:0; left:0;
  }
  #pgc-w5c1c92a550a52-0-0 .avec, #pgc-w5c1c92a550a52-0-0 .valeur { text-align:center!important; display:block; }
  #pgc-w5c1c92a550a52-0-0 .valeur, #pgc-w5c1c92a550a52-0-0 .code, #pgc-w5c1c92a550a52-0-0 .avec { margin-top:-15px; }
  #pgc-w5c1c92a550a52-0-0 .valeur { padding-left:0; }
  #pgc-w5c1c92a550a52-0-1 {
    bottom: 229px;
    left: 270px;
  }
  #abonnement label, #coupon label { width: 260px; }
  .round .par_heure {
    margin-top: -30px!important;
    width: 100%!important;
    display: block;
  }
  #tabs {
    position:relative;
    width:100%!important;
  }
  .tabs_abo, .tabs_coupon  {
    float:none!important;
    padding-left:0!important; padding-right:0!important;
    width:100%!important;
    max-width:100%!important;
    
    
    position:relative!important;
    top:inherit!important;
    left:inherit!important; right:inherit!important;
  }
  label.rappel { width:80%!important; }
  #abonnement .titre {
    position:relative!important;
    top:inherit!important;
    margin-top:15px;
  }
  .fond_abo { margin-top:15px!important; }
  #coupon .titre { background-color:transparent!important; }
  #abonnement .round { height:110px!important; }
  #coupon .round { height:135px!important; }
  #abonnement .titre {
    background-image:none!important;
    padding-left:20px!important; padding-right:20px!important;
    height:130px;
  }
  
  #abonnement label, #coupon label {
    float:none!important;
    width:auto!important;
  }
  
  
  
  .dossier_accueil, .inscription_accueil {
    height: 300px;
    width: 450px;
  }
  .ctb_2 span:nth-of-type(2n+1) {
    bottom:30px!important;
    font-size:22px!important;
  }
  .video_wrap { width:445px!important; height:265px!important; }
  #video {
    width:423px!important;
    height:245px!important;
    background-size: 423px 245px;
  }
  
  #panel-15-12-2-0 > .panel-widget-style { background-image:none!important; }
  .joinOurTeam { height:380px; }
  .joinOurTeam .text { top:150px; }
  .joinOurTeam .join { left:40px; }
}
@media (max-width: 481px) {
  #inscription li.next span.libelle, #inscription li.selected span.libelle, #inscription li.prev span.libelle { text-align:center; }
  #wrapper-navbar { height:100px; }
  .top_menu {
    position:absolute;
    top: 50px; right:75px;
    margin-right:0;
  }
  .tagLine {
    top:55px; bottom:inherit;
  }
  #wrapper-navbar a.ubermenu-responsive-toggle-main { top:63px; }
  nav#ubermenu-main-2-primary { top:115px; }
  #pg-15-4 > div { padding-left:0!important; padding-right:0!important; }
  
  #panel-59-0-0-0 td {
    width:100%!important;
    float:left;
    clear:left;
    text-align:center;
  }
  
  #inscription li {
    display:block;
    text-align:left;
  }
  
  
  #pgc-w5c1c92a550a52-0-1 {
    left:190px;
  }
  .round .prix { float:none!important; }
  #abonnement .round, #coupon .round {
    height:auto!important;
    padding-bottom:15px;
  }
  
  .round .par_heure {
    float:none!important;
    margin-top:0!important;
  }
  .cheque_cadeau {
    float:none!important;
    width:100%!important;
    margin-right:0!important;
  }
  .fieldsetChequecadeau { text-align:center!important; }
  #rappel_block { height:auto!important; }
  #rappel_block #rappel { width:auto!important; }
  
  
  
  .dossier_accueil, .inscription_accueil {
    height: 190px;
    width: 280px;
  }

  .ctb_2 {
    right: 100px;
    bottom: 20px;
  }
  .cta_2 {
    right: 110px;
    bottom: 20px;
  }
  .ctb_2 span:nth-of-type(2n+1), .cta_2 span:nth-of-type(2n) {
    font-size: 20px !important;
    width: 100%;
  }
  
  #pg-15-7 > div { flex-direction: row !important; padding:10px; justify-content: center;
    flex-wrap: wrap;
	}
  #pg-15-7 .panel-grid-cell {
		width:150px!important;
	}
  
  #video {

    width: 293px !important;
    height: 205px !important;
    background-size: 293px 195px;

}
.video_wrap {

    width: 317px !important;
    height: 219px !important;

}

}

@media (max-width: 780px) {
	.avis-iframe {
	height:350px;
}
	.table-scroll {
	overflow:scroll;
}
	div.wpforms-container-full .wpforms-form .wpforms-one-half {
		width: 100%!important;
		margin-left: 0!important;
	}
	.page-id-1709 h1 {
	font-size: 1.5rem;

	}
	.page:not(.home) h1 {
	line-height: 30px!important;
	}
	.wpforms-field-address {
    width: 100%!important;
    display: inline-block;
}

	.wpforms-field-address .wpforms-field-row:nth-child(2) {
    width: 100%;
    padding-right: 0;
}
.wpforms-field-address .wpforms-field-row:nth-child(3) {
    width: 50%;
    padding-right: 10px;
    padding-left: 0;
    float: left;
}
	.wpforms-field-address .wpforms-field-row:nth-child(4) {
    width: 50%;
    padding-left: 0;
	display: flex;
}
}
.page-id-1709 #right-sidebar {
    margin-top: 0;
    padding-top: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0;
}
.wpforms-field-address {
	display:flex;
}
.wpforms-field-row-block:nth-child(2) {
display:none;	
	    width: 70%;
    margin-right: 0 !important;
}
div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=''] {
	padding-right: 0;
    padding-left: 20px;
	font-weight: bold;
}
.wpforms-field-address .wpforms-field-row-block.wpforms-one-half {
	width:100%!important;
}
.wpforms-field-address .wpforms-field-row:nth-child(2) {
	width:50%;
	padding-right:5px;
}
.wpforms-field-address .wpforms-field-row:nth-child(3) {
	width:25%;
	padding-right:5px;
	padding-left: 5px;
}
.wpforms-field-address .wpforms-field-row:nth-child(4) {
	width:25%;
	padding-left: 5px;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
    padding: 7px 23px;
    background: #F27400;
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    display: block;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
	float:right;
}
div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox {
	width: 50%;
    float: left;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	float: left;
    width: 50%;
    clear: initial;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
	font-size: 13px;
    font-weight: 400;
    line-height: 1;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half {
	width: 50%;
	margin:0!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px;
}