body { font-size: 1.4em; font-family: 'notoRegular', Arial, sans-serif; background: url(../images/bg.jpg) no-repeat top center fixed; }

.header { padding: 20px 0; }
.logo { width: 160px; display: block; }

.header-all, .content-page { background: #fff; }
.content-page { padding: 40px 0 80px 0; }

.heading { padding: 35px 0; }
.home .heading { padding: 80px 0; }

/* --------------------------- Menu Responsive */
.nav_menu-2 { position: absolute; bottom: 23px; right: 2%; }

.nav_menu-2 li { float: left; display: inline; margin-left: 30px; position: relative; }
.nav_menu-2 li:first-child { margin-left: 0; }
.nav_menu-2 a { float: left; display: block; font-size: 16px; font-family: 'missionGothicRegular', Arial, sans-serif; color: #222; height: 20px; line-height: 20px; padding-bottom: 14px; position: relative; }
.nav_menu-2 a:hover, .nav_menu-2 a:focus, .nav_menu-2 .current-menu-item a { color: #222; }
.nav_menu-2 a:after { content: ""; display: block; position: absolute; bottom: 0; left: 1px; right: 1px; height: 1px; background: #fff; }
.nav_menu-2 a:hover:after, .nav_menu-2 a:focus:after, .nav_menu-2 .current-menu-item a:after, .nav_menu-2 .current-menu-parent a:after, .nav_menu-2 li:hover a:after { height: 4px; background: #2a2d4e; }

.nav_menu-2 ul li ul { position: absolute; top: 95%; left: 50%; width: 180px; padding: 10px 0; margin-left: -90px; text-align: center; opacity: 0; visibility: hidden; background: #2a2d4e; z-index: 900; }
.nav_menu-2 ul li:hover ul { opacity: 1; visibility: visible; top: 100%; }
.nav_menu-2 ul li li { float: none; margin: 0; }
.nav_menu-2 ul li li a { float: none; font-size: 13px; font-family: 'notoRegular', Arial, sans-serif; padding: 7px; color: #fff; }
.nav_menu-2 ul li li a:hover, .nav_menu-2 ul li li a:focus, .nav_menu-2 ul li .current-menu-item a { color: #fff; text-decoration: underline; }

.nav_menu-2 ul li li a:after { display: none; }

/* Mobile nav */
#mobile-nav { display: none; background: #09d091; position: absolute; top: 0; bottom: 0; width: 100px; right: 0; padding: 70px 0 0 0; font-family: 'notoBold', Arial, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 20px; text-align: center; color: #fff; text-decoration: none; }
#mobile-nav img { vertical-align: middle; display: block; margin: 0 auto 6px auto; }

#mobile-nav-container { display: none; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #09d091; text-align: center; overflow-y: scroll; }
#mobile-nav-container ul { margin: 0; padding: 40px 0 0 0; }
#mobile-nav-container > ul > li { border-bottom: 1px solid rgba(255,255,255,0.4); }
#mobile-nav-container a { color: #fff; font-size: 18px; font-family: 'missionGothicRegular', Arial, sans-serif; display: block; padding: 12px 0; }
#mobile-nav-container a:hover { color: #2a2d4e; text-decoration: none; }

#mobile-nav-container .sub-menu, #mobile-nav-container #menu-menu-haut { padding: 0 0 20px 0; }
#mobile-nav-container .sub-menu a { font-size: 13px; font-family: 'notoRegular', Arial, sans-serif; padding: 6px; }

#mobile-nav-close { position: absolute; top: 0; right: 0; left: 0; background: #fff; text-align: center; line-height: 40px; color: #09d091; font-size: 24px; height: 40px; cursor: pointer; }

/* --------------------------- Menu haut */
.nav_menu-4 { position: absolute; top: 23px; right: 2%; }

.nav_menu-4 li { float: left; display: inline; margin-left: 22px; }
.nav_menu-2 li:first-child { margin-left: 0; }
.nav_menu-4 a { float: left; display: block; font-size: 11px; color: #888; padding-left: 18px; }
.nav_menu-4 a:hover, .nav_menu-4 a:focus { color: #222; }
.nav_menu-4 .menu-item-83 a { background: url(../images/icon-espace.png) no-repeat left; } 

/* --------------------------- Styles de la page */
h1 { font-family: 'missionGothicLight', Arial, sans-serif; margin: 0; color: #fff; font-size: 40px; line-height: 1.2; }
h2 { font-family: 'missionGothicBold', Arial, sans-serif; margin: 35px 0 8px 0; color: #09d091; font-size: 22px; position: relative; padding-left: 40px; }
h2:before { content: ""; position: absolute; top: 13px; left: 0; width: 25px; height: 3px; background: #d5d5d5; }
h3 { font-family: 'missionGothicRegular', Arial, sans-serif; margin: 35px 0 12px 0; color: #111; font-size: 18px; }
h4 { font-family: 'notoBold', Arial, sans-serif; margin: 35px 0 4px 0; color: #111; font-size: 14px; }

h2:first-child, h3:first-child { margin-top: 0; }

strong { font-family: 'notoBold', Arial, sans-serif; }
.content-page, .content-page ul { text-align: left; }

.content-page a { border-bottom: 1px solid #ccc; text-decoration: none; }
.content-page a:hover { border-bottom: 1px solid #09d091; text-decoration: none; }
a:focus { text-decoration: none; }

hr { margin: 30px auto; }

blockquote { font-family: 'missionGothicRegular', Arial, sans-serif; color: #222; font-size: 22px; margin-bottom: 35px; }

.table th, .table thead td { font-family: 'notoBold', Arial, sans-serif; text-transform: uppercase; color: #111; font-size: 12px; border-right: 1px solid #ddd; text-align: center; }
.table tbody tr td, .table tbody tr:last-child td { border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 13px; text-align: center; }
.table tbody tr:last-child td { border-bottom: 0; }
.table tbody td:last-child, .table tbody tr:last-child td:last-child, .table tbody th:last-child, .table thead td:last-child { border-right: 0; }
.table tbody tr td:first-child, .table tbody tr:last-child td:first-child { text-align: left; }

.img-home { margin-top: -90px; }

/* --------------------------- Grille */
.container { width: 100%; max-width: 1280px; margin: 0 auto; display: table; table-layout: fixed; }

.content-page .container { margin-bottom: 55px; }

.col-1-3, .col-2-3, .col-3-3, .col-1-2 { padding: 0 2%; display: table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-1-3 { width: 33.3333333333%; }
.col-2-3 { width: 66.6666666666%; }
.col-3-3 { width: 100%; }

.col-1-2 { width: 50%; }

.haut { vertical-align: top; }
.centre { vertical-align: middle; }

/* --------------------------- Blog */
.blog-item { padding: 15px 0; border-bottom: 1px solid #ddd; }
.blog-item:last-child { border-bottom: 0; }
.blog-item h2 { margin: 0; }
.blog-item h2 a { color: #09d091; border: 0; }
.blog-item h2 a:hover { color: #222; border: 0; }

.nav-previous, .nav-next { float: left; width: 50%; font-size: 12px; }
.nav-next { text-align: right; }

/* --------------------------- Bloc actu */
.bloc-actu { display: table; table-layout: fixed; width: 100%; }
.bloc-actu-titre { display: table-cell; width: 200px; padding-top: 4px; }
.bloc-actu-posts { display: table-cell; }

.bloc-actu-posts a { display: block; padding: 12px 0; color: #444; }
.bloc-actu-posts a:hover { border-bottom: 1px solid #ccc; color: #222; background: #f7f7f7;  padding-left: 5px; }
.bloc-actu-posts a:last-child { border-bottom: 0; }

/* --------------------------- Gallery */
.gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { display: table; width: 100%; border-collapse: collapse; }
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { float: none; padding: 2%; margin: 0; border: 1px solid #ddd; text-align: center; display: table-cell; width: auto; }
.wp-caption { padding: 4px; border: 1px solid #ddd; max-width: 100%; width: auto !important; margin-bottom: 30px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wp-caption-text { font-size: 14px; color: #444; padding: 7px 5px; line-height: 21px; }

/* --------------------------- Espace famille */
.page-id-82 #searchform, .page-id-82 table th, .page-id-82 tr td:nth-child(2), .page-id-82 tr td:nth-child(3), .drag-drop { display: none; }
.page-id-82 table td { border-top: 1px solid #ddd; font-size: 13px; padding: 5px 10px; text-align: left !important; }
.page-id-82 table a, .page-id-82 table a:hover, .page-id-82 table a:focus { border: 0; }
.page-id-82 td[colspan="3"] { font-family: 'notoBold', Arial, sans-serif; text-transform: uppercase; color: #111; padding: 10px 0; background: #fff; border: 0; font-size: 12px !important; }

/* --------------------------- Footer */
.logos { background: #fff; text-align: center; }
.logos .widget { padding: 15px; border-top: 1px solid #ddd; }
.logos img { display: inline-block; margin: 0 25px; }

.footer-all { background: #2a2d4e; }
.footer { color: #fff; font-size: 13px; }
.footer .col-1-2 { border-right: 1px solid #555771; padding-top: 60px; padding-bottom: 30px; }
.footer .col-1-2:last-child { border-right: 0; padding-left: 40px; }
.footer h3 { color: #81ffc2; margin-bottom: 20px; font-size: 24px; }

.footer a { color: #fff; }
.footer a:hover { color: #fff; text-decoration: underline; }

.nav_menu-3 li { display: block; margin-bottom: 4px; }
.nav_menu-3 a { white-space: nowrap; font-size: 12px; }

.no { padding-top: 200px; }
#no { color: #7b7c8a; font-size: 11px; }
#no:hover { color: #fff; }

/* --------------------------- Liens + Forms */
.content-page .btn, .content-page input[type="submit"], .content-page .btn:hover, .content-page input[type="submit"]:hover { border: 0; }
.btn, input[type="submit"] { border-radius: 0; }
.btn, .primary, input[type="submit"] { background: #222; }
.content-page .btn:hover, .content-page input[type="submit"]:hover { background: #09d091; color: #fff; text-decoration: none; }

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea { padding: 5px 8px; }
label { margin-top: 8px; }
fieldset, form { margin: 0; }
.vfb-submit { margin-top: 25px; }
.vfb-item-checkbox .vfb-span, .vfb-item-radio .vfb-span { display: block; }
.visual-form-builder label { font-family: 'notoRegular', Arial, sans-serif; color: #111; }
.vfb-item-checkbox div label, .vfb-item-radio div label { display: inline; margin: 0 0 0 5px; font-family: 'notoRegular', Arial, sans-serif; }

.visual-form-builder-container { margin: 0; max-width: 1200px; }
.visual-form-builder { border: 1px solid #ddd; padding: 20px; background: #fff; }
.visual-form-builder h3 { text-align: left !important; }
 
.vfb-item-instructions { font-size: 13px; }
label.vfb-error { color: #e10000 !important; }

/* --------------------------- Transitions */
.nav_menu-2 a:after, .nav_menu-2 ul li ul { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }

/* --------------------------- Font face */
@font-face { font-family: 'notoRegular'; src: url('../fonts/NotoSans-Regular-webfont.eot'); src: url('../fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Regular-webfont.woff') format('woff'), url('../fonts/NotoSans-Regular-webfont.ttf') format('truetype'), url('../fonts/NotoSans-Regular-webfont.svg#notoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'notoBold'; src: url('../fonts/NotoSans-Bold-webfont.eot'); src: url('../fonts/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold-webfont.woff') format('woff'), url('../fonts/NotoSans-Bold-webfont.ttf') format('truetype'), url('../fonts/NotoSans-Bold-webfont.svg#notoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'missionGothicBold'; src: url('../fonts/mission_gothic_bold-webfont.eot'); src: url('../fonts/mission_gothic_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mission_gothic_bold-webfont.woff2') format('woff2'), url('../fonts/mission_gothic_bold-webfont.woff') format('woff'), url('../fonts/mission_gothic_bold-webfont.ttf') format('truetype'), url('../fonts/mission_gothic_bold-webfont.svg#missionGothicBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'missionGothicLight'; src: url('../fonts/mission_gothic_light-webfont.eot'); src: url('../fonts/mission_gothic_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mission_gothic_light-webfont.woff2') format('woff2'), url('../fonts/mission_gothic_light-webfont.woff') format('woff'), url('../fonts/mission_gothic_light-webfont.ttf') format('truetype'), url('../fonts/mission_gothic_light-webfont.svg#missionGothicLight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'missionGothicRegular'; src: url('../fonts/mission_gothic_regular-webfont.eot'); src: url('../fonts/mission_gothic_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mission_gothic_regular-webfont.woff2') format('woff2'), url('../fonts/mission_gothic_regular-webfont.woff') format('woff'), url('../fonts/mission_gothic_regular-webfont.ttf') format('truetype'), url('../fonts/mission_gothic_regular-webfont.svg#missionGothicRegular') format('svg'); font-weight: normal; font-style: normal; }

/* --------------------------- Responsive */
@media screen and (max-width: 1024px) {
  
    #nav_menu-2, #nav_menu-4 { display: none; }
    #mobile-nav { display: block; }
    
}
@media screen and (max-width: 980px) {
    
    .content-page { padding-top: 30px; }
    
    .container { display: block; }
    .content-page .container { margin-bottom: 0; }
    .col-1-3, .col-2-3, .col-3-3, .col-1-2, .col-2-2 { width: auto; display: block; padding: 0 20px; }
    .content-page .col-1-3, .content-page .col-2-3, .content-page .col-3-3, .content-page .col-1-2, .content-page .col-2-2 { margin-bottom: 30px; }
    
    .img-home { margin-top: 0; }
    
    .footer, .footer h3 { text-align: center; }
    .footer .col-1-2 { border-right: 0; padding-bottom: 0; }
    .footer .col-1-2:last-child { padding-left: 20px; padding-bottom: 120px; }
    .no { padding-top: 0; position: absolute; bottom: 25px; left: 50%; margin-left: -100px; width: 200px; text-align: center; }
    
}
@media screen and (max-width: 680px) {
    
    #mobile-nav { width: 65px; }
    
    .bloc-actu { display: block; }
    .bloc-actu-titre { display: block; width: auto; }
    .bloc-actu-posts { display: block; }
    
}