html {padding: 0; margin: 0; font-family: 'Ubuntu', sans-serif; color: #000;}
body {margin: 0px; padding: 0px; background: #fff; min-height: 100%;}
a {color: inherit;}
a:hover {color: inherit; text-decoration: none;}
.spacer {clear: both;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
.img-center {margin-left: auto; margin-right: auto;}

.rose {color: #e9516c;}

.mtBtn {padding: 10px 30px; display: inline-block; border-radius: 30px; min-width: 170px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; border: none;}
.mtBtn:hover {color: #fff;}
.mtBtn.red {background: #E9516C;}
.mtBtn.red:hover {background: #ff748d;}
.mtBtn.blue {background: #467FC0; color: #fff}
.mtBtn.blue:hover {background: #5493dc;}
.mtBtn.white {color: #1E1E1E; background: #fff;}
.mtBtn.full {min-width: 0px; width: 100%; display: block; text-align: center; text-transform: uppercase;}

#wrapper {overflow: hidden}

#homeHeader {background: url(../img/bgHeader.jpg) center center no-repeat; background-size: cover; position: relative;}
#homeHeader:after {position: absolute; width: 100%; height: 200px; bottom: 0px; left: 0px; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
content: '.'; overflow: hidden; text-indent: 5000px;}
#homeHeader > div.container {position: relative}
#headerNavRight {position: absolute; right: 0px; top: 20px;}
#headerMenu {width: 300px; padding: 20px; background: rgba(255,255,255,0.8); position: relative; z-index: 100;}
#logoHeader {width: 211px; height: 193px; background: url(../img/imgLogoHeader.png) center center no-repeat; display: block; margin: 0px auto;}
#headerLang {margin-top: 15px;}
#headerLang strong {font-family: 'Gloria Hallelujah', cursive; display: block; font-weight: normal; text-align: center; color: #E9516C; font-size: 1.3em; padding-bottom: 10px; background: url(../img/bgLang.png) center bottom no-repeat}
#langSelector {text-align: center; margin-top: 10px;}
#langSelector > a {display: inline-block; margin: 0px 5px; width: 27px; height: 17px;}
#langSelector > a.fr {background: url(../img/flagFr.png)}
#langSelector > a.en {background: url(../img/flagEn.png)}
#headerNav {text-align: center; display: block; margin: 30px 0px; padding: 0px; list-style: none;}
#headerNav > li {display: block; text-align: center; padding: 8px 0px;}
#headerNav > li > a {text-transform: uppercase; font-weight: 600; font-size: 1.1em}
#headerContact {text-align: center; line-height: 1.1em;}
#headerContact strong {color: #467FC0;}
#headerContact a {color: #000;}
#headerNavLang {float:left; position: relative; margin-top: 8px;}
#headerNavLang i.flag {width: 24px; height: 24px; display: inline-block; border:3px solid #467FC0; border-radius: 50%; background-size: cover; background-size: 100% 100%;}
#headerNavLang i.flag.fr {background-image: url(../img/flagFr.png);}
#headerNavLang i.flag.en {background-image: url(../img/flagEn.png);}
#headerNavLangCurrent {cursor: pointer; height: 40px;}
#headerNavLangCurrent i.fa-caret-down {color: #fff; font-size: 1.6em; position: relative; top: -3px;}
#headerNavLangCont {display: none; z-index: 1000; padding: 10px; background:rgba(255,255,255,0.8); position: absolute; top: 36px; width: 140px; margin-left: -70px; left: 50%;}
#headerNavLangCont:before {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.8); top: -10px; left: 50%; margin-left: -18px;}
#headerNavLang:hover #headerNavLangCont {display: block;}
#headerEspaceParentsCont {float: left; margin-left: 20px; position: relative; padding-bottom: 20px;}
#headerEspaceParentsCont .mtBtn {min-width: 0px; font-weight: 600; cursor: pointer;}
#headerEspaceParentsForm {display: none; z-index: 1000; padding: 10px; background:rgba(255,255,255,0.8); position: absolute; top: 55px; width: 300px; margin-left: -150px; left: 50%;}
#headerEspaceParentsForm:before {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.8); top: -10px; left: 50%; margin-left: -18px;}
#headerEspaceParentsCont:hover #headerEspaceParentsForm {display: block;}
#headerRightLinks {float: left;}
#headerRightLinks a {font-weight: 600; margin-left: 15px;}
#facebookIcn {background: #3B5998; float: right; width: 40px; height: 40px; margin-left: 10px !important; line-height: 40px; text-align: center; color: #fff; border-radius: 50%; font-size: 1.4em;}
#parentsForm {padding: 15px 10px;}
#parentsForm div.addRow {margin-bottom: 15px;}
#parentsForm div.addRow label {font-size: 0.9em; margin-bottom: 5px; font-weight: normal; display: block;}
#parentsForm div.addRow input.input-text {border-radius: 30px; border: none; background: #fff; width: 100%; display: block; padding: 10px 20px;}
#parentsSubmit {text-align: center;}
#navLangList {padding: 0px; margin: 0px; list-style: none;}
#navLangList > li {display: block;}
#navLangList > li > a.add-language.fr {background: url(../img/flagFr.png) left center no-repeat; display: block; padding: 5px 0px 5px 35px;}
#navLangList > li > a.add-language.en {background: url(../img/flagEn.png) left center no-repeat; display: block; padding: 5px 0px 5px 35px;}
#headerInfo {position: absolute; background: #467FC0; width: 312px; padding: 25px 50px; color: #fff; height: 85px; right: 0px; top: 135px; z-index: 3000; text-align: right;}
#headerInfo p {font-family: 'Gloria Hallelujah', cursive; text-align: center;  font-size: 1.6em}
#headerText {position: absolute; right: 0px; bottom: 50px; width: 700px; z-index: 3000; text-align: right;}
#headerTextBigger {display: block; text-transform: uppercase; color: #467FC0; font-size: 4.4em; line-height: 1em;}
#headerTextEcole {display: block; color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 3em; line-height: 1em; margin-bottom: 10px;}
#headerNuages {width: 116px; height: 106px; background: url(../img/imgNuages2.png); margin-bottom: 10px; margin-left: auto;}
body.page {padding-top: 48px;}
#navbar {float: right; padding: 0px; margin: 0px; list-style: none}
.navigation-page {position: absolute; top: 0px; width: 100%;}
.navigation-page.affix {position: fixed; top: 0px; background: #fff; z-index: 5000;}
.navigation-home.affix-top {position: relative; z-index: -1; position: absolute; top: 0px; opacity: 0;}
.navigation-home.affix {position: fixed; top: 0px; background: #fff; z-index: 6000; width: 100%; display: block; opacity: 1;}

.navigation a#logo {width: 171px; height: 16px; background: url(../img/logo.png); float: left; margin: 15px 20px;}
#navbar > li {float: left; position: relative;}
#navbar > li > a {display: block; padding: 15px 20px; text-transform: uppercase; font-size: 0.9em; font-weight: 500; color: #1E1E1E;}
#navbar > li > a:hover {color: #E9516C;}
#navbar > li#menu-recrut > a {color: #fff; background: #467FC0; z-index: 5000;}
#navbar > li.hassubmenu:hover:before {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.8); bottom: -15px; left: 50%; margin-left: -10px; z-index: 1500}
#navbar > li.hassubmenu:hover > a {color: #E9516C;}
#navbar > li > div.submenu {position: absolute; padding-top: 15px; list-style: none; width: 100%; min-width: 200px; top: 100%; left: 0px; display: none; z-index: 1500}
#navbar > li > div.submenu > ul {padding:0px; background: rgba(255,255,255,0.8); list-style: none; position: relative; border-radius: 5px;}
#navbar > li:hover > div.submenu {display: block;}
#navbar > li > div.submenu > ul > li {padding: 15px 10px; display: block; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 0.9em; border-bottom: 1px solid rgba(0,0,0,0.2);}
#navbar > li > div.submenu > ul > li:last-child {border-bottom: none}
#navbar > li > div.submenu > ul > li > a {display: block;}
#navbar > li > div.submenu > ul > li > a:hover {color: #E9516C;}
#icnHome {background: url(../img/icnHome.png) center center no-repeat; height: 48px;}
#icnHome > span {display: none;}
.navigation.affix ul#navbar > li > div.submenu > ul {background: #E9516C;}
.navigation.affix ul#navbar > li.hassubmenu:hover:before {border-bottom: 10px solid #E9516C;}
.navigation.affix ul#navbar > li > div.submenu > ul > li > a {display: block; color: #fff;}
.navigation.affix ul#navbar > li > div.submenu > ul > li > a:hover {color: #fff;}

#headerNav > li.hassubmenu:hover:before {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,1); bottom: -15px; top: 53.3%; left: 50%; margin-left: -10px;}
#headerNav > li.hassubmenu:hover > a {color: #E9516C;}
#headerNav > li > div.submenu {position: absolute; padding-top: 15px; list-style: none; width: 100%; min-width: 200px; left: 0px; display: none;}
#headerNav > li > div.submenu > ul {padding: 10px;  background: rgba(255,255,255,1); list-style: none; position: relative; border-radius: 5px;}
#headerNav > li:hover > div.submenu {display: block;}
#headerNav > li > div.submenu > ul > li {text-align: center; text-transform: uppercase; padding: 5px 0px; font-weight: 600; font-size: 0.9em;}
#headerNav > li > div.submenu > ul > li > a {display: block;}
#headerNav > li > div.submenu > ul > li > a:hover {color: #E9516C;}

#page-img {padding: 140px 0px 30px 0px; background-position: center bottom; background-size: cover; position: relative;}
#page-img h1 {text-transform: uppercase; color: #fff; font-size: 3em; font-weight: 400;}
#page-img h2 {text-transform: uppercase; color: #fff; font-size: 4em; font-weight: 800;}
#subpages {padding: 15px 0px; margin: 0px; list-style: none; text-align: center; border-bottom: 1px solid rgba(155,155,155,0.3)}
#subpages li {display: inline-block;}
#subpages li > a {padding: 15px 20px; text-transform: uppercase; font-size: 0.9em; font-weight: 500; color: #1E1E1E;}
#subpages > li > a:hover,#subpages > li.active > a {color: #E9516C;}


.section {background: rgb(244,244,244); background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); padding: 50px 0px; position: relative; color: #1E1E1E;}
.section-white {background: #fff !important;}

/* TARIFS */
#ComEnfantImg {background: url(../img/img-comenfant.png) center center no-repeat; position: absolute; width: 446px; height: 514px; top: -10px; z-index: 3000;}
#ComElementaireImg {background: url(../img/imgElemtaire01.png) center center no-repeat; position: absolute; width: 472px; height: 534px; top: -10px; z-index: 3000; left: 40px}
.tarif-section {position: relative;}
.tarif-section:after {position: absolute; width: 20%; height: 8px; top: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.tarif-section.nobar:after {display: none;}
.frais-section {background: #EEF2F6; padding: 80px 0px; position: relative;}
.frais-section:after {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; top: 0px; left: 50%; margin-left: -20px;}
.blue {color: #467FC0;}
.tarif-title {margin-bottom: 15px; position: relative;}
.tarif-title h3 {padding: 0px; margin: 0px; font-size: 2.4em; color: #E9516C; font-family: 'Gloria Hallelujah', cursive}
.tarif-title strong {display: block; color: #467FC0; font-size: 1.2em;}
.tarif-section > div.section p {font-size: 1.2em; font-weight: 300}
.frais-title {position: relative !important;}
.frais-title > strong {padding: 0px; font-size: 2em; color: #467FC0; font-family: 'Gloria Hallelujah', cursive; text-align: center; font-weight: normal; display: block;}
.plusinfos {line-height: 42px; cursor: help; position: absolute; right: 0px; padding-bottom: 20px;}
.plusinfos i {display: inline-block; width: 42px; height: 42px; background: #E9516C;  text-align: center; border-radius: 50%; font-style: normal; font-size: 20px; float: right; margin-left: 10px; color: #fff;}
.plusinfos:hover {color: #E9516C}
.plusinfos:hover .plusinfosPop {display: block;}
.plusinfosPop {position: absolute; display: none; width: 260px; top: 55px; right: 0px; background: #fff; padding: 15px; line-height: normal; z-index: 3000; font-size: 0.9em; color: #000; text-align: justify; line-height: 1.5em; box-shadow: 0px 0px 20px rgba(0,0,0,0.4); z-index: 5000;}
.plusinfosPop > strong {color: #467FC0; display: block; margin-bottom: 10px;}
.plusinfosPop:after {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -10px; right: 11px;}
#frais-table {margin-top: 50px; position: relative;}
.frais-item {position: relative; width: 100%; display: block; text-align: center;}
.frais-type {font-weight: 600; font-size: 1.3em; color: #467FC0}
.frais-sep {width: 100%; height: 5px; background: url(../img/bgReassSep.png) center center no-repeat; margin: 10px 0px;}
.frais-montant {font-weight: 600; font-size: 2em; color: #E9516C}
.frais-text {font-weight: 300; font-size: 1.2em; margin-top: 10px;}
.frais-infos {display: inline-block; position: relative; margin-top: 10px; z-index: 4000; line-height: 22px; font-size: 0.9em; padding-bottom: 20px; cursor: help}
.frais-infos i.icon {display: inline-block; width: 22px; height: 22px; background: #E9516C;  text-align: center; border-radius: 50%; font-style: normal; font-size: 14px; float: right; margin-left: 10px; color: #fff;}
.frais-infos .frais-infospop {position: absolute; display: none; z-index: 6000; width: 460px; top: 40px; left: -50px; background: #E9516C; color: #fff; padding: 15px; line-height: normal; z-index: 3000; font-size: 1em; text-align: justify; line-height: 1.5em; box-shadow: 0px 0px 20px rgba(0,0,0,0.4)}
.frais-infos .frais-infospop:after {content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #E9516C; top: -10px; left: 129px;}
.frais-infos .frais-infospop p {color: #1E1E1E; font-size: 1.2em; line-height: 1.8em; font-weight: 500}
.frais-infos .frais-infospop p strong {color: #fff;}
.frais-infos:hover .frais-infospop {display: block}
.frais-mensualite {font-size: 1.1em; margin-top: 15px; font-weight: 300;}
.frais-mensualiteUp {font-size: 1.2em; font-weight: 300;}
#imgComEnfant01 {position: absolute; width: 89px; height: 67px; background:url(../img/imgComEnfant01.png); z-index: 2000; right: 0px; margin-top: -60px; }
#imgComEnfant02 {position: absolute; width: 84px; height: 60px; background:url(../img/imgComEnfant02.png); z-index: 2000; left: 0px; top:-80px; }
#frais-table > div.row > div {border-right: 1px solid #467FC0;}
#frais-table > div.row > div:last-child {border-right: 0px;}
.colElementaireLeft {padding-top: 40px; padding-bottom: 40px;}
.colMaisonEnfantLeft {padding-top: 60px; padding-bottom: 60px;}
#ImgMaisonEnfant01 {background: url(../img/imgMaisonEnfant01.png) center center no-repeat; position: absolute; width: 446px; height: 514px; top: -10px; z-index: 3000; left: 60px}
#ImgMaisonEnfant02 {background: url(../img/imgMaisonEnfant02.png) center center no-repeat; position: absolute; width: 184px; height: 168px; top: -100px; z-index: 3100; right: 100px;}
#ImgMaisonEnfant03 {background: url(../img/imgMaisonEnfant03.png) center center no-repeat; position: absolute; width: 95px; height: 91px; z-index: 3100; bottom: -20px; left: 50%}
#ImgMaisonEnfant04 {position: absolute; width: 70px; height: 92px; background:url(../img/imgMaisonEnfant04.png); z-index: 2000; left: 0px; top:-100px; }
#ComElementaireImg2 {position: absolute; width: 87px; height: 139px; background:url(../img/imgElemtaire02.png); z-index: 2000; right: 0px; bottom:-80px; }
#ComElementaireImg3 {position: absolute; width: 113px; height: 64px; background:url(../img/imgElemtaire03.png); z-index: 2000; left: 0px; top:-60px; }
#imgAtelier03 {position: absolute; width: 113px; height: 69px; background:url(../img/imgAteliers03.png); z-index: 2000; left: 0px; bottom:-75px; }
#ComGarderieImg {background: url(../img/imgGarderie01.png) center center no-repeat; position: absolute; width: 532px; height: 631px; top: -10px; z-index: 3000; left: 0px}
#CantineImg {background: url(../img/imgGarderie01.png) center center no-repeat; position: absolute; width: 532px; height: 631px; top: -10px; z-index: 3000; left: 0px}
.colGarderieLeft {padding: 50px 0px;}
#garderieImg02 {position: absolute; width: 71px; height: 70px; background:url(../img/imgGarderie02.png); z-index: 2000; left: 0px; top:-200px;}
#garderieImg03 {position: absolute; width: 83px; height: 138px; background:url(../img/imgGarderie03.png); z-index: 2000; bottom: -120px; right:0px;}
#AtelierImg01 {background: url(../img/imgAteliers01.png) center center no-repeat; position: absolute; width: 461px; height: 515px; top: -10px; z-index: 3000; left: 0px}
#imgAtelier02 {position: absolute; width: 86px; height: 161px; background:url(../img/imgAteliers02.png); z-index: 2000; right: -90px; bottom:-80px; }
.colAtelierLeft {padding: 15px 0px}
#tarifCantine {margin-top: 20px; position: relative;}
#CantineImg {background: url(../img/imgCantine01.png) center center no-repeat; position: absolute; width: 485px; height: 520px; top: -10px; z-index: 3000; left: 70px}
#tarifFstline {font-size: 1.6em; color: #467FC0; position: relative; z-index: 1500;}
#tarifFstline strong {font-size: 1.2em; font-family: 'Gloria Hallelujah', cursive; font-weight: 200;}
#tarifSndline {font-size: 2.2em; color: #E9516C; font-weight: 600; position: relative; z-index: 1500;}
.cantine-section {background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); padding-bottom: 100px; position: relative;}
.cantine-section:after {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
#tarifthdline {font-weight: 300; font-size: 1.2em; font-weight: 300; position: relative; z-index: 1500;}
#tarifCantine > div.frais-infos {float: right; margin-top: 40px; position: relative;}
#imgCantine02 {position: absolute; width: 95px; height: 132px; background: url(../img/imgCantine02.png); z-index: 0; right: 100px;}

/* Page content */
.section-content {position: relative; padding: 50px 0px 150px 0px}
.section-content:before {position: absolute; width: 100%; height: 120px; background: url(../img/bgEnfants.png) 70% bottom no-repeat; z-index: 2000; bottom: -10px; left: 0px; content: '.'; overflow: hidden; text-indent: 5000px;}
.section-content:after {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.section-tiles {background: #EBF0F5; padding: 30px 0px;}
.directricenote {text-align: justify; font-weight: 300; font-size: 1.2em;}

/* ELEMENTS FLOTTANTS */
.floatingElem > div.container {position: relative;}
.floatingElem .element {position: absolute; z-index: 2000;}
.floatingElem.zindex50 .element {position: absolute; z-index: 50;}
.elem-maria {background: #467FC0; width: 450px; padding: 25px 50px; color: #fff; height: 180px; top: -90px; right: 0px;}
.elem-maria p {font-family: 'Gloria Hallelujah', cursive; text-align: center;  font-size: 1.6em}
.elem-maria span.author {text-align: right; display: block; margin-top: 10px; text-transform: uppercase; font-weight: 800; font-size: 1.2em;}
.elem-img01 {width: 348px; height: 356px; background: url(../img/img01.png); top: -110px; left: -30px;}
.elem-img02 {width: 348px; height: 356px; background: url(../img/img02.png); top: -200px; z-index: -1; right: -30px;}

/* REASSURANCE */
.home-reassurance {padding: 50px 0px 140px 0px; position: relative;}
.reassurance-image {text-align: center; height: 71px; line-height: 71px;}
.reassurance-sep {width: 100%; height: 5px; background: url(../img/bgReassSep.png) center center no-repeat; margin: 15px 0px;}
.reassurance-text {text-align: center; line-height: normal; font-size: 1.1em;}
.reassurance-text strong {display: block; font-size: 1.8em; color: #E9516C;}

/* HOME DESCRIPTION */
.home-description:before {width: 20%; position: absolute; top: -8px; left: 0px; background: #E9516C; height: 8px; content: '.'; overflow: hidden; text-indent: 5000px;}
.home-description {background: url(../img/bgHomeDesc.jpg) no-repeat center center ; position: relative; background-size: cover; padding: 100px 0px}
.home-description h3 {padding: 0px 0px 10px 0px; margin: 0px; font-size: 2.8em; color: #fff; font-family: 'Gloria Hallelujah', cursive}
.home-description p {color: #fff; padding: 10px 0px; line-height: 1.8em; font-size: 1.1em}

/* HOME TEMOIGNAGES */
.home-temoignages {background: #F8F8F8;}
.home-temoignages div.container {background: url(../img/bgTemoignages.png) 10px center no-repeat; background-size: auto 100%;}
#temoignagesSliderCont {background: url(../img/icnQuote.png) left top no-repeat; margin-top: 170px; padding: 20px 40px 0px 100px}
#carousel-temoignages .item {font-style: italic; font-size: 1.1em; line-height: 1.5em; padding: 0px; margin: 0px;}
#carousel-temoignages .carousel-indicators {position: static; left: inherit; margin-left: 0px; bottom: inherit; display: block; width: 100%; top: inherit; margin-top: 15px;}
#carousel-temoignages .carousel-indicators li {border-radius: 0px; background: rgba(233,81,108,0.3); border: none; border: none; width: 12px; height: 12px; margin: 0px;}
#carousel-temoignages .carousel-indicators li.active {margin: 0px; background: rgba(233,81,108,1)}
#carousel-temoignages .item .temoignage-meta {display: block; font-style: normal; line-height: 1.2em; font-size: 0.9em}
#carousel-temoignages .item .temoignage-meta strong {text-transform: uppercase; display: block;}
#carousel-temoignages .item .temoignage-meta i {font-weight: 300; font-style: normal;}
#pourquoiMt101:before {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; background: url(../img/imgSun.png) center center no-repeat; width: 100px; height: 100px; top: -40px; right: -40px;}
#pourquoiMt101 {background: #E9516C; padding: 40px; position: relative; margin-top: -130px; color: #fff; font-size: 0.9em; z-index: 1000}
#pourquoiMt101 h3 {padding: 0px; margin: 0px 0px 15px 0px;}
.addCheck {padding: 4px 0px 4px 20px; background: url(../img/icnPuce.png) no-repeat; background-position: top 6px left;} 
#pourquoiMt101Inscription {text-align: center; margin-top: 15px;}

/* HOME EVENTS */
.home-events {background: url(../img/bgParis.png) right bottom no-repeat #fff; position: relative; padding: 60px 0px 160px 0px}
.home-events:after {position: absolute; width: 20%; height: 8px; bottom: 0px; right: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-left: 50px solid #dfa2ad;}
.homeEventsTitle {text-align: center; width: 860px; font-family: 'Gloria Hallelujah', cursive; font-size: 3em; color: #E9516C;}
#homeEventsCont {margin-top: 30px;}
.event-date {width: 110px; height: 110px; border-radius: 50%; float: left; background-repeat: no-repeat; background-position: center center; background-size:cover; line-height: 110px; text-align: center; padding-top: 30px; position: relative;}
.event-date:after {position: absolute; width: 100%; height: 100%; content: '.'; overflow: hidden; text-indent: 5000px; background: rgba(0,0,0,0.4); left: 0px; top: 0px; border-radius: 50%;}
.event-date span {display: block; line-height: 1.7em; color: #fff; font-size: 1.2em; font-weight: 300; text-transform: uppercase; position: relative; z-index: 100;}
.event-date span strong {display: block; font-size: 2.4em}
.event-content {float: left; width: 250px; padding-left: 10px; padding-top: 40px;}
.event-content .event-title {text-transform: uppercase; color: #467FC0; font-weight: 500; font-size: 1.2em; line-height: 1em;}
.event-content p {padding: 15px 0px 0px 0px; line-height: 1.8em; font-size: 0.9em}
.event-readmore {text-align: right; font-size: 0.9em;}
.event-readmore a {color: #E9516C;}

/* HOME VIDEO */
#videoContent {position: relative; margin-top: -190px;}
#videoTitle {font-family: 'Gloria Hallelujah', cursive; font-size: 2.8em; color: #E9516C; margin-bottom: 15px;}
#elevesMonteTitle {text-align: center; font-family: 'Gloria Hallelujah', cursive; font-size: 2em; color: #E9516C; margin-bottom: 15px;}
#carousel-eleves .item {padding: 0px; margin: 0px;}
#carousel-eleves .carousel-indicators {position: static; left: inherit; margin-left: 0px; bottom: inherit; display: block; width: 100%; top: inherit; margin-top: 15px;}
#carousel-eleves .carousel-indicators li {border-radius: 0px; background: rgba(233,81,108,0.3); border: none; border: none; width: 12px; height: 12px; margin: 0px;}
#carousel-eleves .carousel-indicators li.active {margin: 0px; background: rgba(233,81,108,1)}
.elevesImg {width: 150px; height: 150px; margin: 0px auto; border-radius: 50%; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.elevesName {display: block; text-transform: uppercase; text-align: center; color: #467FC0; font-weight: 600;}
#elevesBtn {text-align: center; margin-top: 15px;}
#ecole-localisation {background: #E9516C; color: #fff; padding: 50px 80px; font-size: 1.3em; line-height: 1.5em; font-weight: 300; text-align: center; position: relative; margin-bottom: -100px; margin-top: 60px;}
#ecole-localisation i.fa {font-size: 3em; margin-bottom: 20px;}

/* NOTRE ECOLE */
.directricenote {position: relative;}
#imgDirectrice01 {width: 81px; height: 86px; position: absolute; background: url(../img/imgDirection01.png); right: -120px; top: 0px;}
#imgDirectrice02 {width: 96px; height: 99px; position: absolute; background:url(../img/imgDirection02.png); left: -120px; margin-top: -100px;}
#signature {width: 165px; height: 62px; background: url(../img/signature.png); display: block; margin-top: 10px;}
.tiles-item {display: table; height: 160px; width: 100%; line-height: 160px; overflow: hidden; position: relative;}
.tiles-item:after {position: absolute; z-index: 500; content: '.'; overflow: hidden; text-indent: 5000px; width: 100%; height: 100%; background: rgba(70,127,192,0.7); left: 0px; top: 0px; }
.tiles-item  > span {display: table-cell; vertical-align: middle; line-height: normal !important; font-size: 1.3em; padding-left: 130px; font-weight: 500; text-transform: uppercase; color: #fff; position: relative; z-index: 1500; }
.tiles-item  > span:before{content: '.'; overflow: hidden; text-indent: 5000px; position: absolute; width: 0;  height: 0; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #fff; top: 50%; right: 40px; margin-top: -8px; z-index: 6000 !important:}
.tiles-tarifs {background: url(../img/imgLiensTarifs.jpg) center center no-repeat; background-size: cover;}
.tiles-equipe {background: url(../img/imgLiensPedagique.jpg) center center no-repeat; background-size: cover;}
.tiles-photos {background: url(../img/imgLiensPhotos.jpg) center center no-repeat; background-size: cover;}
.tiles-icn1 {background: url(../img/icnLiensTarifs.png) 50px center no-repeat;}
.tiles-icn2 {background: url(../img/icnLiensEquipe.png) 50px center no-repeat;}
.tiles-icn3 {background: url(../img/icnLiensPhotos.png) 45px center no-repeat;}
.ecole-section h4 {font-family: 'Gloria Hallelujah', cursive; font-size: 2em; color: #E9516C; margin-bottom: 15px;}
.ecole-section p {font-size: 1.2em; font-weight: 300;}
#imgEcole01 {background: url(../img/imgEcole01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 420px;}
#imgEcole02 {width: 446px; height: 473px; position: absolute; top: -100px; background: url(../img/imgEcole02.png) no-repeat; background-size: contain; z-index: 1000;}
.section-ecolebot {background: #fff url(../img/bgEcoleBot.png) right bottom no-repeat;}
.section-ecoleimg {background: #EEF2F7;}
.section-ecolebot:after {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
#imgEcole03 {position: absolute; width: 82px; height: 79px; background:url(../img/imgEcole03.png); z-index: 2000; right: -100px; top:-80px;}
#imgEcole04 {position: absolute; width: 113px; height: 64px; background:url(../img/imgEcole04.png); z-index: 2000; left: -80px; top: -80px;}
#imgEcole05 {position: absolute; width: 94px; height: 91px; background:url(../img/imgEcole05.png); z-index: 2000; left: -120px;}
.photos-timelinecont {text-align: center; position: relative; margin-bottom: 5px; padding: 60px 0px;}
.photos-timelinecont:before {position: absolute; left: 50%; margin-left: -3px; width: 6px; top: 0px; background: #E9516C; height: 100%; content: '.'; overflow: hidden; text-indent: 5000px;}
.timeline-annee strong {display: inline-block; padding: 10px 20px; border-radius: 20px; background: #fff; font-weight: 600; border: 1px solid #ccc;}
.timeline-annee {text-align: center; margin-top: 5px;}
.photos-itemcont {text-align: left; padding: 80px 15px; position: relative;}
.photos-itemcont:before {position: absolute; left: 0px; top: 50%; width: 12px; height: 12px; content: '.'; overflow: hidden; text-indent: 5000px; background: #E9516C; border-radius: 50%; margin-left: -6px; border: 3px solid #fff;}
.photos-itemcont span {display: block; font-size: 0.9em;}
.photos-itemcont span.album-date {font-weight: 600; color: #E9516C;}
.photos-itemcont span.album-name {font-weight: 600; color: #467FC0; text-transform: uppercase;}
.photos-itemcont span.album-category {font-weight: 600; color: #1E1E1E; text-transform: uppercase;}
.album-cover {position: absolute; width: 90%; height: 240px;top: 50%; margin-top: -120px; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 4000; text-align: center; padding-top: 180px;}
.album-cover:hover:before {position: absolute; z-index: 500; content: '.'; overflow: hidden; text-indent: 5000px; width: 100%; height: 100%; background: rgba(70,127,192,0.7); left: 0px; top: 0px; }
.album-cover > span {display: inline-block; position: relative; z-index: 4200;}
.photos-timelineitem.left .album-cover {left: -95%;}
.photos-timelineitem.right .album-cover {right: -95%;}
.photos-timelineitem.right .photos-itemcont {text-align: right;}
.photos-timelineitem.right .photos-itemcont:before {right: 0px; left: inherit; margin-left: inherit; margin-right: -6px;}
.imgtimelinecont1 {position: absolute; width: 84px; height: 60px; background:url(../img/imgComEnfant02.png); z-index: 2000; right: -50px; top: 10%;}
.imgtimelinecont2 {position: absolute; width: 103px; height: 57px; background:url(../img/imgNuage.png); z-index: 2000; left: -50px; top: 40%;}
.imgtimelinecont3 {position: absolute; width: 96px; height: 99px; background:url(../img/imgSun.png); z-index: 2000; right: -50px; top: 80%;}
.section-white:before {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
#photosFiltres {background: #EEF2F7; padding: 40px 0px; text-align: center; line-height: 40px;}
#photosFiltres input.mtBtn {line-height: normal;}
#photosFiltres strong {text-transform: uppercase; margin-right: 10px; font-size: 0.9em;}
.filtresSelect {display: inline-block; margin-right: 20px; padding: 10px 20px; display: inline-block; border-radius: 30px; background: transparent url(../img/icnSelect.png) right 15px center no-repeat; min-width: 170px; color: #000; font-weight: 600; text-align: center; text-transform: uppercase; border: 1px solid #467FC0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal; font-weight: normal;}
#photosFiltresTitle {font-size: 2em; font-family: 'Gloria Hallelujah', cursive; color: #E9516C; margin-right: 30px;}
.section-ecolebot p {font-size: 1.2em; font-weight: 300;}

/* EQUIPE */
.equipe-title {text-align: center; margin-bottom: 30px;}
.equipe-title strong {display: block; font-family: 'Gloria Hallelujah', cursive; font-size: 2.4em; color: #E9516C; font-weight: 300;}
.equipe-title span {font-size: 1.1em;}
.equipe-light {background: #fff;}
.equipe-dark {background: #EEF2F7;}
.equipe-section .container {position: relative;}
.equipe-section.direction {background: url(../img/imgEquipe01.png) #FFF right 50px bottom no-repeat;}
.equipe-section.direction:before {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.equipe-item {display: block; padding: 15px 0px;}
.equipe-item .equipe-img {width: 150px; height: 150px; display: block; margin: 0px auto; border-radius: 50%;}
.equipe-item .equipe-prenom {display: block; color: #467FC0; font-weight: 800; font-size: 1.5em; text-align: center; margin-top: 10px;}
.equipe-item .equipe-fonction {display: block; text-align: center; margin-top: 6px;}
.equipe-item .equipe-voirplus {display: block; text-align: center; margin-top: 6px; font-size: 0.9em; color: #E9516C;}
#imgEquipe01 {position: absolute; width: 94px; height: 91px; background:url(../img/imgEcole05.png); z-index: 2000; right: -50px; top: 0px;}
#imgEquipe02 {position: absolute; width: 82px; height: 79px; background:url(../img/imgEcole03.png); z-index: 2000; left: 15%; bottom: -110px;}
#imgEquipe03 {position: absolute; width: 84px; height: 60px; background:url(../img/imgComEnfant02.png); z-index: 2000; right: 30%; bottom: -80px;}
#imgEquipe04 {position: absolute; width: 87px; height: 139px; background:url(../img/imgElemtaire02.png); z-index: 2000; left: 25%; top: -100px;}
#imgEquipe05 {position: absolute; width: 39px; height: 102px; background:url(../img/imgEquipe02.png); z-index: 2000; left: 0%; top: -50px;}
#imgEquipe06 {position: absolute; width: 113px; height: 64px; background:url(../img/imgElemtaire03.png); z-index: 2000; left: 70%; bottom: -60px;}
#imgEquipe07 {position: absolute; width: 113px; height: 69px; background:url(../img/imgAteliers03.png); z-index: 2000; right: 10%; top: -60px;}
#imgEquipe08 {position: absolute; width: 103px; height: 57px; background:url(../img/imgNuage.png); z-index: 2000; left: -100px; top: 0px;}
.equipe-elem {background: url(../img/bgElemtaire.png) left bottom #fff no-repeat;}
.equipe-maisonenfant {background: url(../img/bgMaisonEnfant.png) right bottom #fff no-repeat;}

/* CONTACT */
#inscriptionCadre {position: relative; background: #E9516C; width: 400px; padding: 50px; font-size: 1.2em; color: #fff; margin-bottom: 40px; margin-top: -120px; margin-left: -20px;}
#inscriptionCadre:before {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 106px; height: 85px; background: url(../img/icnBell.png); top: -30px; left: -40px; }
.section-bar {position: relative;}
.section-bar:after {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
#imgCarte {width: 541px; height: 631px; background: url(../img/imgCarte.png) center center no-repeat; position: relative; margin-bottom: -150px; z-index: 2000;}
.add-contact {margin-top: 20px; position: relative}
.add-contact strong {color: #467FC0;}
.add-contact.bus:before {position: absolute; left: -17px; top: 0px; content: '\f207'; font-family: 'fontawesome'; color: #E9516C}
.add-contact.horaires:before {position: absolute; left: -17px; top: 0px; content: '\f017'; font-family: 'fontawesome'; color: #E9516C}
.add-contact.map:before {position: absolute; left: -12px; top: 0px; content: '\f041'; font-family: 'fontawesome'; color: #E9516C}
.section-contactform {background: #EEF2F6; padding: 80px 0px}
#contactSubmit {text-align: center; margin-top: 10px;}
.row-form {margin-bottom: 20px;}
.row-form strong {display: block; text-transform: uppercase; font-size: 0.8em; margin-left: 10px; margin-bottom: 5px;}
.input-text {background: transparent; border: 1px solid #467FC0; border-radius: 20px; padding: 8px 20px; display: block; width: 100%;}
.input-textarea {background: transparent; border: 1px solid #467FC0; border-radius: 20px; padding: 8px 20px; display: block; width: 100%; height: 270px}
.input-error {color: red;}

/* INFOS PRATIQUES */
.iprat-title {color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 2.2em; line-height: 1em; color: #E9516C; margin-bottom: 10px;}
.iprat-top {background: url(../img/bgParis.png) right bottom no-repeat; background-size: auto 300px}
.iprat-top div.row {position: relative;}
#imgIpratSun {position: absolute; width: 96px; height: 99px; background: url(../img/imgSun.png); right: 0px; top: -100px; z-index: -1;}
.iprat-blue {background: #EEF2F6; padding: 100px 0px; position: relative}
.iprat-blue div.container {position: relative}
#ipratCube {position: absolute; left: -30px; top: -120px; width: 82px; height: 79px; background: url(../img/imgEcole03.png); z-index: 1000;}
.iprat-item {text-align: center; color: #1E1E1E;}
.iprat-item h3 {padding: 0px; margin: 0px; color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 2.2em; line-height: 1em;}
.iprat-item p {padding: 15px 10px;}
.iprat-bot {padding: 100px 0px 150px 0px; background: url(../img/bgiprat.jpg) center center no-repeat; background-size: cover; position: relative}
.iprat-bot:before {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 401px; height: 105px; background: url(../img/bgEnfants.png) center top no-repeat; margin-left: -200px; left: 50%; bottom: 0px; content: '.'; overflow: hidden; text-indent: 5000xp;}
.iprat-bot div.container {position: relative;}
#ipratGoogle {position: absolute; right: 0px; top: -120px; width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); z-index: 1000;}
#calScolaireCont {max-height: 400px; overflow-y: scroll; width: 100%; text-align: center;}
#calScolaireCont p {padding: 10px 0;}
#calScolaireCont h3 {text-transform: uppercase; padding: 0px; margin: 0px 0px 10px 0px; font-size: 1.4em; color: #467FC0}
#calScolaireCont h4 {padding: 0px; margin: 0px 0px 20px 0px; font-size: 1.3em; color: #E9516C; font-weight: 300;}
#popUpCont {max-height: 400px; overflow-y: scroll; width: 100%; text-align: left; font-size: 1em;}
#popUpCont.noScrolling {overflow-y: hidden;}
#popUpCont p {padding: 10px 0; text-align: left;}
#popUpCont b {color: #e9516c;}
#popUpCont ul {font-size: 1.1em;}
#popUpCont h3 {text-transform: uppercase; padding: 0px; margin: 0px 0px 10px 0px; font-size: 1.4em; color: #467FC0}
#popUpCont h4 {padding: 0px; margin: 0px 0px 20px 0px; font-size: 1.3em; color: #E9516C; font-weight: 300;}

/* PROGRAMMES */
.section-prog {background: #fff;}
.section-prog h4 {color: #467FC0;}
.section-prog h5 {color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 1.6em; font-weight: 500}
.section-prog p {font-size: 1.1em; font-weight: 300; line-height: 1.3em; color: #1D1D1D; padding: 10px 0px;}
.section-blue {background: #EEF2F7;}
.section-prog.section-paris {background: url(../img/bgEcoleBot.png) right bottom no-repeat}
.section-prog.section-bottom {padding-bottom: 140px}
.section-prog.section-bottom:before {position: absolute; width: 35%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.section-prog.section-bottom:after {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 401px; height: 105px; background: url(../img/bgEnfants.png) center top no-repeat; margin-left: -200px; left: 50%; bottom: 0px; content: '.'; overflow: hidden; text-indent: 5000xp;}
.prog-links {display: block; text-align: center;}
.prog-links h3 {display: block; text-align: center;color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 2.2em;}
.prog-subtitle {display: block; text-align: center; color: #1D1D1D; font-size: 1.1em; margin: 10px 0px}
#cadreBleu {float: right; width: 450px; color: #fff; background: #467FC0; position: relative; margin-right: -100px; margin-left: 20px; margin-bottom: 20px; padding: 30px 30px; box-shadow: 0px 0px 30px rgba(0,0,0,0.3)}
#cadreBleu em {font-style: normal;font-family: 'Gloria Hallelujah', cursive; font-size: 1.2em; display: block;}
#cadreBleu strong {text-transform: uppercase; text-align: right; display: block; margin-top: 15px;}
#imgMariaMont {width: 445px; height: 411px; background: url(../img/img-mariamont.png); position: absolute; left: -445px; top: -78px;}
#programmeCont {border-left: 5px solid #E9516C; padding-left: 20px; position: relative;}
#programmeCont > div.programmeItem:first-child {margin-top: 0px;}
.programmeItem {margin-top: 20px; position: relative;}
.programmeItem:before {width: 11px; height: 11px; position: absolute; left: -27.5px; top: 5px; content: '.'; overflow: hidden; text-indent: 5000px; background: #E9516C; border-radius: 50%; border: 2px solid #fff;}
.programmeItem h4 {padding: 0px; margin: 0px; font-size: 1.6em}
.programmeItem span.programmeHeures {padding: 0px; margin: 0px; display: block;color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 1.3em; font-weight: 300}
.programmeItem p {padding: 8px 0px 0px 0px !important}
#programmeContTitle {text-align: center; font-weight: 600; display: block; margin-bottom: 20px; font-size: 1.2em}
#imgProgPen {width: 83px; height: 138px; background: url(../img/img-prog-pen.png); position: absolute; left: -83px;}
#imgProgHome {width: 81px; height: 86px; background: url(../img/imgDirection01.png); position: absolute; right: -81px;}
#imgProgShoes {width: 84px; height: 60px; background: url(../img/imgComEnfant02.png); position: absolute; right: 0px; margin-top: -80px;}
#imgProgStylo {width: 87px; height: 139px; background:url(../img/imgElemtaire02.png); position: absolute; right: -87px; margin-top: -20px; }
#imgProgCrayon {width: 70px; height: 92px; background: url(../img/imgMaisonEnfant04.png); position: absolute; left: -85px; margin-top: 20px;}
#imgProgGoogle {width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); position: absolute; right: -100px; margin-top: -80px;}
.section-blue .prog-links {position: relative; padding: 0px 15px}
.section-blue .prog-links:after {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 1px; height: 50%; top: 25px; background: #467FC0; right: -15px;}
.section-blue > div.container > div.row > div.col-sm-4:last-child > .prog-links:after {display: none}

/* PEDAGOGIE */
.row {position: relative;}
.section-mathematique {background: url(../img/bgEcoleBot.png) right bottom no-repeat !important}
.section-pedagoenfants {background: url(../img/bgEnfants.png) right 200px bottom -15px no-repeat;}
.section-pedago.section-bottom {padding-bottom: 140px}
.section-pedago.section-bottom:before {position: absolute; width: 35%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.section-bgparis {background: url(../img/bgEcoleBot.png) right bottom no-repeat}
.section-pedago.section-paris {background: url(../img/bgEcoleBot.png) right bottom no-repeat}
.section-pedago.section-paris {padding-bottom: 140px}
.section-pedago.section-paris:before {position: absolute; width: 35%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.section-pedago.section-paris:after {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 401px; height: 105px; background: url(../img/bgEnfants.png) center top no-repeat; margin-left: -200px; left: 50%; bottom: 0px; content: '.'; overflow: hidden; text-indent: 5000xp;}
.section-pedago.section-pedagowhite {background: #fff}
.section-pedago.section-bottom:after {position: absolute; content: '.'; overflow: hidden; text-indent: 5000px; width: 401px; height: 105px; background: url(../img/bgEnfants.png) center top no-repeat; margin-left: -200px; left: 50%; bottom: 0px; content: '.'; overflow: hidden; text-indent: 5000xp;}
.section-pedago h4 {color: #467FC0;}
.section-pedago h5 {color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 1.6em; font-weight: 500}
.section-pedago h2 {color: #E9516C; font-family: 'Gloria Hallelujah', cursive; font-size: 2em; font-weight: 500}
.section-pedago p {font-size: 1.1em; font-weight: 300; line-height: 1.3em; color: #1D1D1D; padding: 10px 0px;}
#imgMariaMonte {width: 100%; height: 350px; background: url(../img/img-mm.jpg) center center no-repeat; background-size: cover;}
#blockRose {background: #E9516C; color: #fff; padding: 40px 20px; position: relative; width: 400px; font-size: 1.1em; margin-top: -340px; box-shadow: 0px 0px 30px rgba(0,0,0,0.3)}
#blockRose p {color: #fff;}
#blockRoseList {margin-top: 20px; margin-bottom: 10px}
#mmRightCont {color: #fff; background: #467FC0; position: relative; margin-bottom: 20px; margin-left: 40px; float: left; width: 420px; margin-top: 180px; padding: 30px 30px; box-shadow: 0px 0px 30px rgba(0,0,0,0.3)}
#mmRightCont p {font-style: normal;font-family: 'Gloria Hallelujah', cursive; font-size: 1.5em; display: block; text-align: center; color: #fff}
#mmRightCont strong {text-transform: uppercase; text-align: right; display: block; margin-top: 15px;}
#imgMat01 {width: 100%; height: 400px; background: url(../img/img-mat01.jpg) center center no-repeat; background-size: cover; }
#imgMat02 {width: 100%; height: 400px; background: url(../img/img-mat02.jpg) center center no-repeat; background-size: cover; }
#imgMat03 {width: 433px; height: 473px; float: left; background: url(../img/img-mat03.png); position: relative; margin-left: -70px; margin-top: -90px;}
#imgMat04 {width: 443px; height: 473px; float: right; background: url(../img/imgMat04.png); position: relative; margin-top: -120px; margin-right: -400px;}
.section-pedago p {font-size: 1.2em}
.section-pedago p.blue {color: #467FC0; font-weight: 500}
.section-pedago p.blue strong {font-size: 1.2em}
#matGoogle {width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); position: absolute; left: -100px; margin-top: 0px;}
#matGoogleRight {width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); position: absolute; right: -120px; margin-top: 0px;}
#matSun {width: 96px; height: 99px; background: url(../img/imgDirection02.png); position: absolute; right: -100px; margin-top: -100px;}
#matCissors {width: 93px; height: 91px; background: url(../img/imgMaisonEnfant03.png); position: absolute; left: -100px; margin-top: -70px;}
#matBox {width: 79px; height: 80px; background: url(../img/imgMatbox.png); position: absolute; left: -100px; margin-top: -70px;}
#matNuage {width: 103px; height: 57px; background: url(../img/imgNuage.png); position: absolute; right: -120px; margin-top: 0px;}
#matApfel {width: 72px; height: 70px; background: url(../img/imgApfel.png); position: absolute; left: -100px; margin-top: -30px;}
#matBox2 {width: 82px; height: 79px; background: url(../img/imgEcole03.png); position: absolute; right: -80px; margin-top: -20px;}
.list-eleves {position: relative; margin: 0px -15px;padding: 0px; list-style: none}
.list-eleves > li {float: left; padding: 15px 15px; width: 33.33%; position: relative;}
.list-eleves > li > a {display: block; width: 100%; height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
.list-eleves > li > a:hover:before {position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%; height: 100%; background: rgba(233,81,108,0.8); content: '.'; overflow: hidden; text-indent: 5000px}
.list-eleves > li > a > span {position: absolute; left: 0px; bottom: 0px; padding: 20px 15px; width: 100%; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); display: block; color: #fff; z-index: 200;}
.list-eleves > li > a > span > strong {display: block; text-transform: uppercase;}
.list-eleves > li > a > span > em {font-size: 0.9em; font-style: normal}
.elevesCitations {background-color: #EBF0F6; padding: 70px 0px; position: relative; font-size: 1.2em; background-repeat: no-repeat; background-position: right center; background-size: auto 100%;}
.elevesCitations.freud {padding: 70px 0px;}
.elevesCitationsTitle {color: #E9516C; margin-bottom: 20px;}
.elevesCitationsTitle strong {display: block; text-transform: uppercase;}
.elevesCitationsTitle em {font-style: normal;}
.elevesCitations p {font-style: italic;}
.elevesTitle {color: #467FC0; font-size: 1.2em; text-transform: uppercase; text-align: center; font-weight: 800; margin-bottom: 20px;}
#elevCissor {width: 93px; height: 91px; background: url(../img/imgMaisonEnfant03.png); position: absolute; left: -100px; margin-top: -110px;}
#elevBoc {width: 82px; height: 79px; background: url(../img/imgEcole03.png); position: absolute; right: -150px; top: 30px}
#elevGoogle {width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); position: absolute; left: -100px; margin-top: -90px;}
#elevSun {width: 96px; height: 99px; background: url(../img/imgDirection02.png); position: absolute; right: -140px; top: 20px}
#imgMariaCiss {width: 94px; height: 91px; background: url(../img/imgEcole05.png); position: absolute; left: -120px; top: 50px;}
#imgMariaCube {width: 82px; height: 79px; background: url(../img/imgEcole03.png); position: absolute; right: 50px; top: 0px}
#imgMariaGoogle {width: 113px; height: 64px; background: url(../img/imgElemtaire03.png); position: absolute; left: 40px; margin-top: -90px;}

/* ESPACE PARENT */
#actualite-parent {background: #E9516C; color: #fff; padding: 25px 65px; font-size: 1.3em; line-height: 1.5em; font-weight: 300; text-align: center; position: relative;}
.panel-rose {border-color: #e9516c;}
.panel-rose > .panel-heading {background-color: #e9516c; border-color: #e9516c; color: #fff;}

/* FOOTER */
#recrutimg {width: 134px; height: 88px; background: url(../img/imgRecrut.png); position: absolute; top: -20px; left: 10px;}
.footer-recrut:after {position: absolute; width: 20%; height: 8px; bottom: 0px; left: 0px; background: #E9516C; content: '.'; overflow: hidden; text-indent: 5000px; border-right: 50px solid #dfa2ad;}
.footer-recrut:before {position: absolute; width: 100%; height: 120px; background: url(../img/bgEnfants.png) center bottom no-repeat; bottom: -13px; left: 0px; content: '.'; overflow: hidden; text-indent: 5000px;}
.footer-recrut {background: url(../img/bgRecrut.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 50px 50px 120px 50px; position: relative; border-bottom: 13px solid #467FC0;}
#recrutTitle {font-family: 'Gloria Hallelujah', cursive; font-size: 2.8em; color: #E9516C; margin-bottom: 10px;}
.footer-recrut p {line-height: 2em; margin-bottom: 20px;}
.footer-logos {line-height: 72px; background: #fff; text-align: center;}
.footer-logos a {margin: 0px 15px;}
#footer {background: #494949; color: #fff; padding: 50px 0px}
#footerLogo {display: block; font-size: 1.6em; margin-bottom: 15px;}
.footer-title {text-transform: uppercase; font-size: 1.1em; font-weight: 400; color: #E9516C;}
#footerNav {padding: 0px; margin: 0px; list-style: none;}
#footerNav li {padding: 3px 0px; margin: 0px; font-size: 0.8em; text-transform: uppercase;}
.colFooterBtn {text-align: center;}
#copyright {background: #1E1E1E; padding: 10px 0px; color: #fff}
#copyLeft {float: left; text-transform: uppercase; font-size: 0.8em; padding: 2px 0px}
#copyRight {float: right;}

.modal {z-index: 10000;}
.modal-backdrop {background: #fff; filter: alpha(opacity=80) !important; opacity: .8 !important}
.modal-content {border-radius: 0px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); box-shadow: 0 5px 15px rgba(0, 0, 0, .2); border: none; position: relative; border-left: 2px solid #3e74b9; border-top: 2px solid #3e74b9; border-right: 2px solid #3e74b9; border-bottom: 20px solid #3e74b9; padding: 30px 0px; position: relative;}
.modal-content:after {content: '.'; overflow: hidden; text-indent: 5000px; background: #e74762; width: 40%; left: 0px; bottom: 0px; height: 5px; position: absolute; z-index: 10000; border-right: 30px solid #f191a1;}
.modal-content:before {content: '.'; overflow: hidden; text-indent: 5000px; background: url(../img/imgModalFooter.png) center 4px no-repeat; background-size: 100% 100%; width: 200px; left: 50%; bottom: 0px; height: 50px; position: absolute; z-index: 12000; margin-left: -100px;}
.modal-content button.close {color: #3e74b9; font-size: 3em; line-height: 1em; position: absolute !important; right: 20px !important; top: -20px !important;}
.modal-content h3 {text-align: center; text-transform: uppercase; color: #000; font-weight: 300; padding: 0px; margin: 0px 0px 0px 0px; font-size: 2em}
.modal-content h3 strong {color: #e74762;}
.modal-content p {font-size: 1.2em; font-weight: 300; text-align: center; padding: 30px 100px;}
.modal-content p strong {color: #3e74b9;}
.modal-content div#confirmsteps {padding: 30px 60px;}
.confirmstepItem {font-size: 1.2em; font-weight: 300; padding: 2px 0px;}
.confirmstepItem span {display: inline-block; margin-right: 20px;}

.modal-nom {display: block; font-weight: 600; text-transform: uppercase; color: #467FC0; font-size: 1.6em;}
.modal-fonction {display: block; margin-bottom: 15px;}

#coverSocial {padding: 0px; margin: 0px; position: absolute; right: -20px; top: 50%; list-style: none; margin-top: -51px;}
#coverSocial li {margin: 5px 0px; position: relative; right: 0px; transition: all 0.2s ease-in;}
#coverSocial li > a {display: block; background: red; padding: 5px 25px 5px 15px; font-size: 1.2em; color: #fff; border-radius: 30px 0px 0px 30px}
#coverSocial li:hover {right: 10px}
#socialFacebook {background: #3B5998 !important}
#socialUser {background: #E9516C !important}
#socialEmail {background: #467FC0 !important}

.fr-side-previous .fr-side-button-icon:before {content: '\f0d9'; font-family: 'fontawesome'; position: absolute; font-size: 1.5em; color: #fff;  left: 50%; margin-left: -5px; top: 50%; margin-top: -10px;}
.fr-side-next .fr-side-button-icon:before {content: '\f0da'; font-family: 'fontawesome'; position: absolute; font-size: 1.5em; color: #fff;  right: 50%; margin-right: -5px; top: 50%; margin-top: -10px;}
.fr-side-button-icon {width: 30px !important; height: 30px !important; background: #E9516C; background-image: none !important; border-radius: 50%; position: relative; opacity: 1 !important;}
.fr-side-button-background {display: none !important:}
.fr-side-button-background {display:  none !important}
.fr-thumbnail {position: relative !important;}
.fr-thumbnail:after {position: absolute; width: 100%; height: 100%; content: '.'; overflow: hidden; text-indent: 5000px; background: rgba(0,0,0,0.5); left: 0px; top:0px; transition: all 0.2s ease-in; z-index: 20000;}
.fr-thumbnail-active:after {opacity: 0;}
.fr-thumbnail:hover:after {opacity: 0;}
.fr-ui-outside .fr-info-background {background:none !important;}
.fr-window-skin-fresco .fr-content-background {background: none !important; box-shadow: none !important}
.fr-stroke {display: none !important}
.fr-close-background {display: none !important;}
.fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image {filter: alpha(opacity=100); opacity: 1;}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {border: none;}

.table.blue {border:1px solid #467FC0;}
.table.blue th {width:50%;background-color:#467FC0;border:none;text-transform: uppercase;color:#ffffff;text-align:center;}
.table.blue td {border:1px solid #467FC0;text-align:center;}
.table.blue td.first {vertical-align:middle;background-color:#b7c1d3;color:#467FC0;font-weight:bold;}

.text-bold {font-weight: bold;}
.fc-row table {border: 1px solid #467FC0;}
.fc-day-header {background-color: #467FC0;border: 1px solid #467FC0;color: #ffffff;}
.fc-day-grid-event .fc-content {white-space: initial !important;}

/* XS */
@media (max-width: 767px) {
.homeEventsTitle {width: 100%;}
.event-date {float: none; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.event-content {width: 100%; float: none; padding-left: 0px; padding-top: 0px;}
#inscriptionCadre {left: 0px; margin-left: 0px; top: 0px; margin-top: 0px; margin-bottom: 20px; width: 100%;}
.add-contact {padding-left: 20px;}
.add-contact:before {left: 0px !important;}
#imgCarte {width: 300px; margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#imgIpratSun {display: none;}

/* HOME */
body {padding-top: 48px !important;}
#headerNavRight {position: static; top: inherit; display: none;}
#headerMenu {display: none;}
#homeHeader {height: auto; padding: 60px 0px;}
#headerInfo {position: relative; background: #467FC0; width: 100%; padding: 25px 50px; color: #fff; height: 80px; text-align: right; top: inherit; right: inherit; }
#headerInfo p {font-size: 1.4em !important;}
#headerText {position: relative; width: 100%; font-size: 0.5em; text-align: right; bottom: inherit; right: inherit; }
#headerNuages {margin-left: auto;}
.navigation-home {position: fixed;background: #fff; width: 100%; z-index: 10000; position: fixed; top: 0px !important; opacity: 1;}
.navigation-home.affix-top {position: fixed;background: #fff; width: 100%; z-index: 8000; position: fixed; top: 0px; opacity: 1;}
.navigation-home.affix {position: fixed;background: #fff; width: 100%; z-index: 8000; position: fixed; top: 0px; opacity: 1;}
.navigation-page {position: fixed;background: #fff; width: 100%; z-index: 10000; position: fixed; top: 0px !important; opacity: 1;}
.navigation-page.affix-top {position: fixed;background: #fff; width: 100%; z-index: 8000; position: fixed; top: 0px; opacity: 1;}
.navigation-page.affix {position: fixed;background: #fff; width: 100%; z-index: 8000; position: fixed; top: 0px; opacity: 1;}
#navbar {display: none; position: fixed; top: 46px; background: #fff; left: 0px; top: 46px; width: 100%; height: calc(100% - 46px); float: none; overflow-y: scroll;}
#navbar > li {display: block; float: none; width: 100%; border-top: 1px solid #eee;}
#navbar > li > div.submenu {position: static; list-style: none; width: 100%; min-width: 0px; top: inherit; padding-top: 0px; left: 0px; display: none;}
#navbar > li > div.submenu > ul {padding: 10px 40px;  background: #eee; list-style: none; position: relative;}
#navbar > li > div.submenu > ul > li {text-align: left; text-transform: none; padding: 10px 0px; font-weight: 500; font-size: 0.9em;}
#navbar > li > div.submenu > ul > li > a {display: block;}
#navbar > li > div.submenu > ul > li > a:hover {color: #E9516C;}
#icnHome {background: none; height: auto;}
#icnHome > span {display: inline;}
.home-reassurance {padding: 15px 0px 100px 0px !important;}
.reassurance-item {padding: 15px 0px; font-size: 0.8em; border-top: 1px solid #eee;}
.home-reassurance > div.container > div.row > div.col-sm-4:first-child > div.reassurance-item {border-top: none;}
.openMenu {position: absolute; width: 40px; height: 40px; background: url(../img/iconNav.png) center center no-repeat; top: 3px; right: 3px;}
.openMenu.active {background: url(../img/iconClose.png) center center no-repeat;}
.elem-maria {width: 300px; font-size: 0.8em}
#elevesMonteCont {padding-top: 15px;}
#pourquoiMt101 {margin-top: 0px;}
#temoignagesSliderCont {padding: 15px 0px; background: none}
.section.home-events {padding-top: 130px;}
.homeEventsTitle {font-size: 2em}
#videoTitle {font-size: 2em}
#recrutTitle {font-size: 2em}
/* TARIFS */
#ComEnfantImg {width: 300px; margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#ImgMaisonEnfant01 {width: 300px; margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#ComElementaireImg {width: 300px;margin-left: -150px; height: 350px; top: 20px; background-size: 300px auto; left: 50%; top: 40px; position: relative;}
#AtelierImg01 {width: 300px;margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#ComGarderieImg {width: 300px ;margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#CantineImg {width: 300px;margin-left: -150px; height: 400px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
#ImgMaisonEnfant02 {top: -50px; right: 0px; left: inherit;}
#icnHome {background: none; height: auto;}
#icnHome > span {display: block;}
.plusinfos {top: -50px;}
.frais-infos .frais-infospop {width: 200px; left: inherit; right: 0px;}
.frais-title > strong {text-align: center; padding: 0px 0px; font-size: 1.6em;}
.frais-title > strong br {display: none;}
.tarif-section > div.section {padding: 0px 40px;}
#imgComEnfant01 {right: -50px}
#ImgMaisonEnfant03 {left: inherit; right: 0px;}
#page-img {padding: 80px 0px 30px 0px; background-position: center bottom; background-size: cover; font-size: 0.6em}
#tarifFstline {clear: both;}
#imgCantine02 {right: 0px; opacity: 0.3; top: 50px;}
#imgAtelier03 {bottom: -100px; left: 50px;}
#imgAtelier02 {right: inherit; left: 0px; opacity: 0.5;}
.tarif-section > div.section p {font-size: 1em;}
#ComElementaireImg3 {top: -200px;}
#ComElementaireImg2 {right: -20px; bottom: -30px;}
.imgtimelinecont3,.imgtimelinecont2,.imgtimelinecont1 {display: none;}
.album-cover {height: 100px; margin-top: -90px;}
.album-cover .mtBtn {display: none}
.tiles-item {margin: 10px 0px;}
.tiles-item > span {background-position: 25px center; padding-left: 100px;}
.tiles-item > span:before {right: 20px;}
#photosFiltresTitle {display: block; margin-bottom: 10px;}
#photosFiltres input.mtBtn {margin-top: 10px;}
.filtresSelect {padding: 10px 10px}
#subpages {display: block;}
#subpages > li {display: block; width: 100%; padding: 5px 0px;}
.directricenote {font-size: 1em;}
#imgEcole02 {width: 300px;margin-left: -150px; height: 318px; top: 20px; background-size: 300px auto; left: 50%; top: 0px; position: relative;}
.modal-dialog {margin: 30px 30px !important;}
.modal-album {width: auto;}
.galerry-thumbs {display: none}
.iprat-item {margin: 30px 0px;}
#cadreBleu {margin-right: 0px; float: none; width: 100%; margin-left: 0px}
#imgMariaMont {margin: 0px auto; position: relative; width: 300px; height: 277px; background-size: 300px 277px; display: block; left: 0px; top: 0px;}
#mmRightCont {margin-left: 0px; margin-top: 0px; width: 100%;}
#blockRose {width: 100%; margin-top: 0px; }
#imgMat03 {width: 300px;margin-left: -150px; height: 318px; top: -20px; margin-bottom: 0px; float: none; background-size: 300px auto; left: 50%; position: relative;}
#imgMat04 {display: none}
.list-eleves > li {float: left; padding: 15px 15px; width: 100%; position: relative;}
.list-eleves > li > a {height: 260px}
.elevesCitations {background-size: auto 200px; background-position: right top; padding-top: 230px;}
.elevesCitations.freud { padding: 230px 0px 40px 0px;}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
#headerMenu {width: 260px;}
.mtBtn {padding: 10px 15px; display: inline-block; border-radius: 30px; min-width: 150px; color: #fff;}
.homeEventsTitle {width: 450px;}
.event-date {float: none; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.event-content {width: 100%; float: none; padding-left: 0px; padding-top: 0px;}
#navbar {float: none; text-align: center;}
.navigation a#logo {display: block; margin: 15px auto; float: none;}
#navbar > li > a { padding: 15px 10px; font-size: 0.8em !important}
#navbar li {float: none; display: inline-block}
body.page {padding-top: 91px;}
#headerText {font-size: 0.8em;}
#navbar {display: block !important;}
.menu-mobile {display: none !important;}
/* TARIFS */
#ComEnfantImg {width: 360px; height: 415px; top: 20px; background-size: 360px 415px; left: -20px;}
#ImgMaisonEnfant01 {width: 360px; height: 415px; top: 20px; background-size: 360px 415px; left: 0px;}
#ComElementaireImg {width: 360px; height: 407px;  background-size: 360px 407px; top: -30px; z-index: 3000; left: -20px}
#AtelierImg01 {width: 340px; height: 407px;  background-size: 340px auto; top: 0px; z-index: 3000; left: -20px}
#ComGarderieImg {width: 340px; height: 407px;  background-size: 340px auto;}
#CantineImg {width: 340px; height: 407px;  background-size: 340px auto; left: 0px;}
#imgCarte {width: 400px; height: 467px;  background-size: 400px auto; left: -30px;}
#icnHome {background: none; height: auto;}
#icnHome > span {display: block;}
.frais-infos .frais-infospop {width: 400px;}
.frais-title > strong {text-align: center; padding: 0px 130px;}
.frais-title > strong br {display: none;}
#photosFiltres input.mtBtn {margin-top: 20px;}
.tiles-item {margin: 10px 0px;}
.tiles-item > span {background-position: center 20px; vertical-align: bottom; padding-left: 0px; padding-bottom: 30px; text-align: center;}
.tiles-item > span:before {display: none}
#cadreBleu {margin-right: 0px;}
#imgMariaMont {margin: 0px auto; position: relative; width: 300px; height: 277px; background-size: 300px 277px; display: block; left: 0px; top: 0px;}
#imgMat04 {width: 443px; height: 473px; float: right; background: url(img/imgMat04.png); position: relative; margin-top: -70px; margin-right: -60px;}
.elevesCitations {font-size: 1em}
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
.homeEventsTitle {width: 660px;}
.event-content {width: 180px;}
#navbar > li > a { padding: 15px 10px; font-size: 0.85em !important}
#navbar {display: block !important;}
.menu-mobile {display: none;}
#imgMariaMont {top: -58px;}
}

/* LG */
@media (min-width: 1200px) {
#navbar {display: block !important;}
.menu-mobile {display: none;}
}