html {font-family:"Arimo",helvetica,arial,sans-serif; background-color:#fff;}

html * {}

.wrapper {width:1280px; position:relative; margin:0 auto;}

.clear, hr {clear:both;}

.alignleft {float:left; margin:0px 15px 0px 0px;}
.alignright {float:left; margin:0px 0px 0px 15px;}

p {margin:0; padding:0px 0px 12px 0px;}


.bg_vert_fonce {background-color:#247a28!important;}
.bg_vert {background-color:#43b649!important;}
.bg_bleu_fonce {background-color:#20358c!important;}
.bg_bleu {background-color:#2064ae!important;}


#menu_navigation_btn {display:none;}

#header {background:#1093da url(../images/bg_header.jpg) no-repeat center center; font-family:"Arimo",helvetica,arial,sans-serif; background-size:cover;}
#header .navigation {background:url(../images/bg-menu.png) repeat-x; background-position:top; }
#header .logo {margin-left:25px; float:left; padding:25px; background-color:#fff; margin-right:60px;}
#header .navigation a {color:#fff; font-family:"Arimo",helvetica,arial,sans-serif; transition:all 300ms ease-out; text-decoration:none;}
#header .navigation a:hover {color:#b3ff47;  text-decoration:none;}
#header .top-menu {position:relative; top:64px; color:#fff; float:left; min-width:500px; max-width:100%;}
#header .top-menu ul {}
#header .top-menu li {float:left; display:block;}
#header .top-menu li > a {display:block; color:#fff; font-size:17px; padding:0px 12px; border-right: 1px solid #fff; } 
#header .top-menu li:last-child a {border-right:none;}
#header .menu-item-language-current {display:none!important;}

#header .main-menu {position: relative; top: 112px; float:left;}
#header .main-menu ul {}
#header .main-menu li {float:left; display:block;}
#header .main-menu .menu-1 {margin-bottom:20px;}
#header .main-menu .menu-1 li > a {display:block; color:#fff; font-size:14px; padding:1px 12px; border-right:1px solid #aae2ad; border-left:1px solid #75c979; font-weight:600; text-transform: uppercase;}
#header .main-menu .menu-1 li:first-child a {border-left:none;}
#header .main-menu .menu-1 li:last-child a {border-right:none;}
#header .main-menu .menu-1 a:hover {color:#b3ff47; text-decoration:none; text-decoration:none;}
#header .main-menu .menu-2 {}
#header .main-menu .menu-2 li > a {display:block; color:#fff; font-size:14px; padding:1px 12px; border-right:1px solid #aae2ad; border-left:1px solid #75c979; text-transform: uppercase;}
#header .main-menu .menu-2 li:first-child a {border-left:none;}
#header .main-menu .menu-2 li:last-child a {border-right:none;}
#header .main-menu .menu-2 a:hover {color:#b3ff47; text-decoration:none; text-decoration:none;}


/* sous-menus */
#header .top-menu li { position: relative; }
#header .top-menu ul.sub-menu,
#header .top-menu .menu-item .sub-menu,
#header .top-menu li .sub-menu {
    position: absolute; top: 38px; left: 10px; min-width: 200px; color: #FFFFFF;
    background-color: #247a28; z-index: 999; padding: 0; margin: 0; overflow: hidden;
}
/* liens sous-menu */
#header .top-menu .sub-menu li { width: 100%; }
#header .top-menu .sub-menu a {
    padding: 10px 15px; font-size: 14px; display: block; color: #fff; text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 0; line-height: 1.2; margin: 0; box-sizing: border-box;
}
#header .top-menu .sub-menu li:last-child a { border-bottom: none; }
#header .top-menu .sub-menu a:hover { background-color: #1e6121; }

/* flèche sous-menu */
#header .submenu-indicator { margin-left: 5px; }
#header .submenu-arrow {
    display: inline-block; width: 0; height: 0; border-left: 5px solid transparent;
    border-right: 5px solid transparent; border-top: 5px solid currentColor; vertical-align: middle;
}

/* sous-menus animation desktop */
@media screen and (min-width: 801px) {
    #header .top-menu li.menu-item-has-children::after {
        content: ''; position: absolute; height: 40px; width: 100%; left: 0; bottom: -40px;
        background: transparent; z-index: 998;
    }
    #header .top-menu li.menu-item-has-children:hover::after { pointer-events: auto; }
    #header .top-menu .sub-menu {
        max-height: 0; overflow: hidden; opacity: 0; transform: translateY(-15px);
        transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
        transition-delay: 0s; padding: 0; margin: 0; pointer-events: none;
    }    
    #header .top-menu li:hover > .sub-menu {
        max-height: 500px; opacity: 1; transform: translateY(0); pointer-events: auto;
        padding: 0; transition-delay: 0.1s;
    }    
    #header .top-menu li:hover::after { pointer-events: auto; }    
    #header .top-menu .sub-menu:before {
        content: ''; position: absolute; top: -8px; left: 20px; width: 0; height: 0;
        border-left: 8px solid transparent; border-right: 8px solid transparent;
        border-bottom: 8px solid #247a28;
    }
}

/* sous-menus mobile */
@media screen and (max-width: 800px) {
    #header .top-menu { padding: 0 20px !important; }    
    #header .top-menu .main-nav { width: 100%; }    
    #header .top-menu .sub-menu {
        position: static !important; max-height: none; padding: 0 !important;
        margin: 0 auto 10px !important; width: 100%; max-width: 200px; box-shadow: none;
        border: none; background-color: #1e6121 !important; opacity: 1; transform: none; transition: none;
    }
    
    #header .top-menu .sub-menu:before { display: none; }    
    #header .top-menu .sub-menu a { font-size: 12px; padding: 8px 12px; }    
    #header .top-menu .submenu-indicator { display: none; }
}

/* sous-menus footer */
.menu-footer ul.sub-menu {
    margin-left: 19px;
    margin-bottom: 10px;
    list-style: disc !important;
    list-style-image: none;
    color: white;
    padding-left: 10px;
}
.menu-footer ul.sub-menu li {
    padding-left: 0;
    display: list-item;
    margin-bottom: 0;
}
.menu-footer ul.sub-menu li a {
    color: white;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
}



#header .lien-paiement { position:absolute; top:70px; right:0; background:#247a28; padding:5px 10px; }
#header .lien-paiement ul { margin:0; }
.mobileonly { display:none; }

.slider {background:#e4e7de; min-height:550px; overflow:hidden; opacity:0; transition:opacity 300ms ease-out;}
.slider ul {margin:0; margin-bottom:0;}
.slides {position:relative;}
.slides > img {position:relative; width:100%; height:auto;}
.slides .slide-content {position:absolute;  left:0px; top:80px; width:44%; text-align:center;}
.slides .slide-content.contenu-alignement-gauche { left:0px; right:auto;}
.slides .slide-content.contenu-alignement-droite { right:0px; left:auto;}
.slides .slide-content hr {width:70%; margin:20px auto; border:none; border-top:1px solid #418ebc;}
.slides .slide-content h1 {font-size:34px; color:#12235b; font-weight:600; margin-bottom:15px; margin-top:0px!important;}
.slides .slide-content h2 {font-size:30px; color:#12235b; font-weight:600; margin-bottom:15px; margin-top:0px!important;}
.slides .slide-content h3 {font-size:26px; color:#12235b; font-weight:600; margin-bottom:10px; margin-top:0px!important;}
.slides .slide-content h4 {font-size:22px; color:#12235b; font-weight:600; margin-bottom:10px; margin-top:0px!important;}
.slides .slide-content p {color:#12235b; font-size:17px; line-height:135%; padding-bottom:5px;}
.slides .slide-content a {color:#1879b5; font-size:14px; text-transform: uppercase; font-weight:600;}
#lightSlider {height:550px!important;}
#lightSlider table * {vertical-align: middle; margin:0!important;}


.section {border-top:4px solid #fff;}
.section .a_section {color:#fff; padding:10px 0px;}
.section .a_section .section_icone {text-align:center; margin-left:40px; width:120px; float:left;}
.section .a_section .section_titre {color:#fff; float:left; padding:24px 20px 24px 0px; border-right:1px solid #fff; height:100%; display:block; font-size:15px; font-weight:bold; text-transform: uppercase; text-decoration:none; transition:color 350ms ease-out;}
.section .a_section .section_titre:hover {color:#ccc;}
.section .a_section .section_content { float:left; max-width:800px; height:70px; padding-left:20px;}
.section .a_section .section_content table {height:100%; width:100%; vertical-align: middle;}
.section .a_section .section_content table td {height:100%; width:100%; vertical-align: middle;}

.home.section { border-top: none; }
.home.section .a_section { padding: 25px 0px; }


.contenu_accueil {background:#fff url(../images/bg_ressources.jpg) no-repeat top; background-position:25% top; min-height:260px; padding:45px 20px 20px;}
.contenu_accueil .image-a-la-une {text-align:right; margin-top:30px; margin-bottom:20px; padding-right:20px;}
.contenu_accueil .contenu {font-size:17px; color:#12235b; margin-top:30px; margin-bottom:20px; line-height:140%;}


.barre-verte {height:20px; width:100%; background-color:#43b649; margin-top:20px;}


#copyright {background:#0a3f0d; text-align:center; font-size:12px; color:#fff; padding:10px 5%;}
#copyright a {color:#fff;}



#footer {background:#e0e5db url(../images/bg-footer.png) repeat-y top center;}
#footer .footer-bg {min-height:460px; background:url(../images/bg-footer-img.jpg) no-repeat top center;}
#footer .footer-calendar {padding-top:30px;}
#footer .footer-events {padding-top:30px;}
#footer .footer-events h6 {color:#1d5ca9; font-weight:bold; text-transform: uppercase; font-size:16px; border-bottom:10px solid #1d5ca9; margin-bottom:10px; display:inline-block;}
#footer .footer-temoignage {position:relative;}
.footer-temoignage .a-temoignage {position:relative; padding-right:20px; padding-left:20px; padding-top:40px;}
.footer-temoignage .a-temoignage table {height:390px;}
.footer-temoignage .a-temoignage table td {vertical-align: middle; text-align:right;}
.footer-temoignage .a-temoignage .texte-temoignage {color:#fff; font-size:18px;}
.footer-temoignage .a-temoignage .nom-temoignage {color:#fff; font-style:italic; font-size:18px; margin-top:20px;}
.footer-temoignage .temoignage-titre {position:absolute; right:0px; top:40px;}


#footer-vert {background:#16591a url(../images/bg_footer_repeat.jpg) repeat-x top center; margin-top:40px; }
.footer-map {background:url(../images/bg_footer_map.jpg) no-repeat center top; padding-top:20px;}

.footer-right { float:left; background-color:#fff; text-align:center; height:390px; width:300px;}

.footer-left .address { margin-top:40px; margin-bottom:40px;}
.footer-left .an_address { margin-bottom:25px; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center;}
.footer-left .an_address .titre { font-size:24px; font-weight:bold; color:#fff; text-transform: uppercase; text-align:right; line-height:120%; float:left; width:190px; margin-right:20px;}
.footer-left .an_address .contenu { font-size:14px; color:#fff; padding-top:8px; border-left:3px solid #fff; padding-left:20px;}

.footer-left a, .menu-footer li a, .footer-left a:hover, .menu-footer li a:hover { color:#fff; }
.footer-left a.facebook { background: url(/wp-content/uploads/2024/09/facebook.svg) no-repeat left center; background-size: 25px; padding: 7px 32px 5px; margin-top: 5px; display: inline-block; }

#page .row a.facebook { margin-top: 10px; display: block; }
#page .row a.facebook img { margin-right: 7px; margin-top: -5px; }

.menu-footer { background-color:#1f6c23; padding:20px 20px; margin: 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; }
.menu-footer li { display: block; margin: 5px 0px; text-align: left; }
.menu-footer li a { padding: 0 0 10px; }
.menu-footer li:last-child { border-bottom:none;}
.menu-footer li a { text-transform: uppercase; padding:1px 3px; margin:2px 3px;}
.col-fb-box { text-align:center; padding-top:40px;}

li.youtube { margin-top: 15px; }
li.youtube a { background: url(/wp-content/uploads/2024/09/youtube.svg) no-repeat left center; background-size: 25px; padding-left: 32px; }

.uppercase { text-transform: uppercase;}

#page .wrapper {padding:0px 20px; }
#page > .wrapper { padding-top:15px;}
#page .wrapper i {font-style:italic;}
#page .wrapper em {font-style:italic;}
#page .wrapper .space {padding:15px;}
#page .wrapper p {font-size:17px; color:#12235b; padding-bottom:15px;}
#page .wrapper h1 {font-size:28px; padding-bottom:15px; color:#1172ba; font-weight:bold; }
#page .wrapper h2 {font-size:26px; padding-bottom:15px; color:#43b649; font-weight:bold;}
#page .wrapper h3 {font-size:24px; color:#1172ba; font-weight:normal; padding-bottom:15px;}
#page .wrapper h4 {font-size:22px; color:#43b649; font-weight:normal; padding-bottom:15px;}
#page .wrapper h5 {color:#43b649; padding-bottom: 2px; margin-bottom: 15px; border-bottom: 15px solid #43b649; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 17px;}
#page .wrapper h6 {color:#20358c; padding-bottom: 2px; margin-bottom: 15px; border-bottom: 15px solid #20358c; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 17px;}
#page .wrapper .green-divider {height:25px; width:100%; background:#43b649; display:block; margin:30px auto 30px auto;}
#page .wrapper .white-divider {width:90%; height:15px; background:#fff; display:block;}
#page .wrapper .custom-background {color:#fff; background:#1172ba; padding:20px; box-sizing: border-box; line-height:140%; margin:0px 25px 20px 0px;}
#page .wrapper .custom-background * {color:inherit; line-height:140%; padding:0;}
#page .wrapper .custom-background hr {width:100%; margin-top:0px;}
#page .wrapper .custom-background ul { margin-left:0%;}
#page .wrapper .custom-background ul:after {content:""; clear:both; display:block; width:1px; height:1px; }
#page .wrapper .custom-background li {list-style:disc outside; float:none; width:95%; margin-left:4%; font-size:22px; padding:8px 0px;}
#page .wrapper .custom-background ul.half_width li {list-style:disc outside; float:left; width:45%;}
#page .wrapper .custom-background ul.third_width li {list-style:disc outside; float:left; width:29%; font-size:20px;}
#page .wrapper h4.border {padding-bottom: 0px;    margin-bottom: 15px;    border-bottom: 8px solid #43b649;    display: inline-block;    text-transform: uppercase;    font-weight: bold;    font-size: 18px;}
#page .wrapper ul {margin:0px 0px; margin-bottom:15px; padding-left:30px;  color:#12235b; list-style:outside disc;}
#page .wrapper ul li {padding-left:0px; padding-top:6px; padding-bottom:6px; position:relative; font-size:17px; color:#6b79a7;}
#page .wrapper ol {margin:15px 0px;}
#page .wrapper ol li {padding-left:70px; padding-top:15px; padding-bottom:15px; position:relative; font-size:17px; color:#12235b;}
#page .wrapper ol li:before {content:""; display:block; position:absolute; left:10px; top:50%; margin-top:-25px; background:#43b649; width:50px; height:50px; border-radius:50px; color:#fff; font-weight:bold; font-size:30px; text-align:center; padding-top:5px;}
#page .wrapper ol li:nth-child(1):before {content:"1"}
#page .wrapper ol li:nth-child(2):before {content:"2"; background-color:#247a28;}
#page .wrapper ol li:nth-child(3):before {content:"3"; background-color:#1074bb;}
#page .wrapper ol li:nth-child(4):before {content:"4"; background-color:#20358c;}
#page .wrapper ol li:nth-child(5):before {content:"5"}
#page .wrapper ol li:nth-child(6):before {content:"6"; background-color:#247a28;}
#page .wrapper ol li:nth-child(7):before {content:"7"; background-color:#1074bb;}
#page .wrapper ol li:nth-child(8):before {content:"8"; background-color:#20358c;}
#page .wrapper ol li:nth-child(9):before {content:"9"}
#page .wrapper ol li:nth-child(10):before {content:"10"}

.page-header {background:#20358c; width:100%; min-height:175px; margin:0; padding:0; border:none;}
.page-header .page-icon {position:relative; top:15px; min-height:60px; display:block; margin:0 auto; text-align:center;}
.page-header h1 {margin:0; color:#fff; text-align:Center; font-size:32px; font-family: "Arimo",helvetica,arial,sans-serif; font-weight:bold; text-transform: uppercase; margin-top:0px; top:20px; position:relative; padding-bottom:0px!important; color:#fff!important;}
.page-header h1:after {position:absolute; bottom:-35px; width:400px; height:25px; background:#43b649; content:""; left:50%; margin-left:-200px;}

.a_sub_page {padding-bottom:30px; padding-top:10px;}
.a_sub_page .title {position:relative; color:#43b649; font-size:18px; font-weight:bold; text-transform: uppercase; margin-bottom:20px;}
.a_sub_page .title:after {position:relative; display:block; content:""; background-color:#43b649; width:70%; height:15px;}
.a_sub_page:nth-child(2) .title { color:#1172ba;}
.a_sub_page:nth-child(2) .title:after { background-color:#1172ba;}


.a_post {border-bottom:2px solid #c9c9c9; padding-bottom:20px;}
.a_post:last-child {border-bottom:none;}
.a_post .post_thumbnail {margin-bottom:10px;}
.a_post .post_thumbnail img {max-width:100%; height:auto;}
.a_post .read_more {float:right; font-size:18px; color:#0f8eef; text-transform: uppercase; font-style:italic;}

.col-main { padding-right:60px;}

.col-sidebar {padding-left:60px; border-left:2px solid #c9c9c9; padding-bottom:200px;}
.col-sidebar h6 {display:block; width:100%; margin-bottom:5px!important;}
.col-sidebar ul {padding:0!important; margin-bottom:60px!Important;}
.col-sidebar ul li {list-style:none; padding:5px 0px!important;}
.col-sidebar ul li a {font-size:13px; color:#0f8eef;}
.col-sidebar ul li a:hover {}


.a_question {}
.a_question h3 {cursor: pointer;}
.a_question .the_question {max-height:0px; position:relative; overflow:hidden; transition:all 400ms ease-out;}
.a_question.active .the_question {max-height:600px;}

.wpcf7-form {}
.wpcf7-form label {display:block;}
.wpcf7-form input {}
.wpcf7-list-item {display:block;}
.mesure-ecole-selection .wpcf7-list-item,.rapport-specialiste .wpcf7-list-item, .rapport-specialiste .enfant-defi, .enfant-defi .wpcf7-list-item {display:inline-block; width:45%;}
.wpcf7-textarea {width:80%; height:150px;}
.wpcf7-submit {background:#20358c; color:#fff; padding:10px 25px; border:2px solid #fff; text-transform:uppercase; font-weight:bold; transition:all 250ms ease-out;}
.wpcf7-submit:hover {border:2px solid #20358c!important; background-color:#fff; color:#20358c;}
.a-matiere {padding-bottom:15px;}
.a-matiere .wpcf7-textarea {width:50%; height:80px;}

.renseignement-personnels label {margin-top:8px;}
.cheminement-scolaire input {margin-bottom:5px;}



#form_adhesion {}
#form_adhesion label {display:block; font-weight:normal; margin:0;}
#form_adhesion input {}
#form_adhesion .tiny-text {max-width:80px;}
#form_adhesion .small-text {max-width:125px;}

#mapGoogle {
    width: 100%;
    height: 530px;
    margin:25px 0px;
}

.column-contact {border-right:2px solid #43b649;}
.box_contact { background: #1172ba; color:#fff; padding:30px;}
.box_contact h3, .gform_wrapper .gform_title, .gform_wrapper p, .gform_wrapper label, .gform_wrapper .gfield_required {color:#fff!important;}
.box_contact p {color:#fff!important;}
.box_contact input[type="text"],.box_contact input[type="email"] {padding:12px 12px; background:#fff; border:1px solid #c0d9ed; width:100%;}
.box_contact textarea {padding:12px 12px; background:#fff; border:1px solid #c0d9ed; width:100%; margin:12px 0px;}
.box_contact div.wpcf7 img.ajax-loader {float:left;}
.box_contact input:placeholder-shown,.box_contact textarea:placeholder-shown,.box_contact input[type="email"]:placeholder-shown {color:#3c91c8;}
.box_contact .wpcf7-submit, .gform_wrapper input[type="submit"] { border: none !important; background:#fff !important; color:#3c91c8 !important; text-transform: uppercase !important; font-size: 120% !important; font-weight: 600 !important; margin-bottom:15px !important; }
.box_contact .wpcf7-submit:hover, .gform_wrapper input[type="submit"]:hover { background:#3c91c8 !important; color:#fff !important; }

.col-cours { vertical-align:middle; clear:both; padding-bottom:20px;}
.col-cours .a-cours {display:inline-block; vertical-align:middle;}
.col-cours .a-cours:after {content:""; display:block; clear:both;}
.col-cours .a-cours input {float:left; margin-right:10px; width:16px; height:16px; margin-top:2px!important;}
.col-cours .a-cours label { font-size: 16px; color: #12235b; padding-right: 15px; float:left; vertical-align:middle; margin:0!important;}

.choix_cours {display:none;}
.choix_cours.active {display:block;}

.all_choix_container table tbody tr {display:none; border-bottom:1px solid #e6e6e6;}
.all_choix_container table tbody tr.active {display:table-row;}
.all_choix_container table tbody tr.space {border:none; background-color:#eee; font-weight:bold; text-align:left;}
.all_choix_container table tbody tr.space td {background-color:#eee!important; font-weight:bold; text-align:left;}
.all_choix_container table tbody tr:nth-of-type(even) td {background-color: #fff;  vertical-align:middle;}
.all_choix_container table tbody tr:nth-of-type(odd) td {background-color: #fff;  vertical-align:middle;}
.all_choix_container table tbody input {width:18px; height:18px; margin:0px 10px; vertical-align:middle;}

.services-content {}
.services-content h3 {color:#12235b!important; font-weight:normal; text-transform:uppercase; font-size:18px!important; cursor: pointer; padding-right:45px; position:relative; display:inline-block; margin-bottom:0px!Important;}
.services-content h3 .arrow {position:absolute; top:0px; right:0px; width:30px; height:30px; background:#0f8eef url(../images/arrow-right-white.png) no-repeat center center; top:-6px; border-radius:30px; color:#fff; cursor: pointer; transform:rotate(0deg); transform-origin: center center; transition:all 300ms ease-in-out;}
.services-content .a-service {padding-bottom:30px;}
.services-content .a-service.active {}
.services-content .a-service.active h3 {font-weight:bold!important;}
.services-content .a-service.active h3 .arrow {transform:rotate(90deg);}
.services-content .a-service .toggle-content {position:relative; overflow:hidden; max-height:0px; transition:all 500ms ease-in-out;}
.services-content .a-service.active .toggle-content {max-height:450px;}
.btn-inscription {background:#0f8eef; color:#fff; position:relative; display:inline-block; padding:5px 15px; text-transform: uppercase; border:1px solid #0f8eef; text-decoration: none; margin-bottom:20px; font-size:18px; font-weight:400;}
.btn-inscription:hover {background:#fff; color:#0f8eef;}


.gform_wrapper .gform_required_legend {display: none !important;}