@charset "utf-8";
/* CSS Document */

body {   display: -ms-flexbox;  display: flex; background:#f2f2f2; padding:0; margin:0; border:0; font-family: 'Exo 2', sans-serif;}

.callBtn {font-size:35px; font-weight:bold; color: #fff; text-align:right; margin-right:20px;}
.callBtnWrap { background:url(../images/headerBottomBg.jpg) bottom no-repeat; background-size:contain;}
    
#container {width:1100px; height:auto; margin:auto; text-align:center; background:#fff; }

.section1 { padding:30px; margin:auto;}

.section1 p { text-align:left; margin-left:20px; }

.heading1 { color:#68ac85; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size:36px; display: flex;  align-items:center; margin-left:20px; margin-top:30px}
.heading3 { color:#68ac85; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size:18px; display: flex;  align-items:center; margin-left:20px; margin-top:30px}

.lesgrandes ul {
  list-style-position:outside;
  text-align:left;
  list-style-image: url(../images/list.jpg);  
}

.lesgrandes ul li { line-height:2em;}

.sectionyellow { background: url(../images/topBgContainer.jpg) top center no-repeat, url(../images/bottomBgContainer.jpg) bottom no-repeat; padding:65px 50px 65px 50px; background-color:#facd60;   background-size: auto;}

.heading2 { color:#000; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size:36px; display: flex;  align-items:center; margin-right:20px; margin-left:20px;}

.lesobjectifs ul {
  list-style-position:outside;
  text-align:left;
  list-style-image: url(../images/listwhite.png);
  line-height:1.5em;
}

.lesobjectifsBold ul {
  list-style-position:outside;
  text-align:left;
  list-style: none;
  line-height:1.5em;
  }

.lesobjectifsBold ul li { font-weight:bold;}

.lesobjectifsBold ul li::before {
  content: "\2022";
  color: white;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.sections { padding:50px; width:100%; }

.headingPlan {color:#68ac85; font-size:14px; width: 85%;
    margin-left: 50px; margin-top:0 }

.headingPlan h1 {color:#68ac85; font-size:53px; font-weight:bold; margin-top:0 }


.section-head1 {color:#68ac85; font-size:26px; font-weight:bold; display: flex;  align-items:center; text-align:left; background:url(../images/circledots-horizontal.png) right no-repeat; margin-bottom:20px; text-transform: uppercase; }

.numbericon { margin-right:30px;}

.sectionWrap { background:#fff; padding-bottom:30px; margin-bottom: 30px; }

.sectionWrap ul {  list-style-position:outside;  text-align:left; list-style-image:url(../images/list2.png); margin-left:10px; line-height:1.5em; padding: 30px;}

.sectionWrap p {color:black; font-size:18px; font-weight:normal; text-align:left; font-weight:bold; padding:0 30px 0 30px; }

.sectionWrap2 { background-color:#dfe9f5; padding-bottom: 30px;
    margin-bottom: 30px;  list-style-position:outside;
  text-align:left;
  list-style-image: url(../images/list.jpg); 
  padding: inherit;}


.section-head2 {color:#68ac85; font-size:26px; font-weight:bold; display: flex;  align-items:center; text-align:left; margin-bottom:20px; padding:30px 30px 30px 0; background: url(../images/circledots-horizontal.png) right no-repeat;
    background-color: #dfe9f5; text-transform: uppercase;}

.secBtn { color:#68ac85; font-weight:bold; font-size:24px; border:solid #68ac85 2px; padding:10px 20px; text-align:center; max-width:375px; margin:auto}
span.orange {color:#e59535;}
.orange {color: #101010;
    background-color: #f9e8b3;}



.Btn {background:#68ac85; color:#FFF; font-weight:bold; font-size:24px; max-width:400px; padding:10px 0; text-align:center; margin:auto; margin-bottom:60px; }
.programSection {margin:auto; width: 100%;}
.programSection h1 { font-weight:bold; color:#68ac85; }
.dates {color:#68ac85; font-size:28px; margin-bottom:30px; }

.sectionblue{ background:url(../images/blueBgContainer.jpg) no-repeat; width:100%; height:auto; padding-top:50px; padding-bottom:14px; margin-bottom:0; background-size: auto; margin-left: 20px;}


.WhiteBtn {background:#fff; border:solid #68ac85; color:#68ac85; font-weight:bold; font-size:24px; max-width:260px; padding:10px 20px; text-align:center; margin:auto;  }
.WhiteBtnWrap {background:url(../images/rightarrow-icon.png) left no-repeat, url(../images/leftarrow-icon.png) right no-repeat;max-width:325px; text-align:center; margin:auto; }

.WhiteBtn a:link, .WhiteBtn a:active, .WhiteBtn a:visited { color:#68ac85 }
.WhiteBtn a:hover { color:orange; text-decoration:none; }


footer { background: #d2f7fc; color: #68ac85; padding: 30px 0 60px 0; margin: auto; text-align: center;  }

footer p {font-size:24px; }

.footer-heading { font-size: 28px; font-weight: bold; text-transform: uppercase; }

.footer-contact { font-size: 54px; font-weight: bold; }
.footer-contact a:link, .footer-contact a:active, .footer-contact a:visited { color:#68ac85 }
.footer-contact a:hover { color:orange; text-decoration:none }


.footer-bar { font-size:18px; font-weight:bold; text-align: center; margin: auto; padding: 20px 0 10px 0; }





/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.footer-contact { font-size: 40px; font-weight: bold; }
.footer-heading { font-size: 30px; font-weight: bold; text-transform: uppercase; padding: 10px; }
.secBtn { font-size:20px; margin:auto; width:300px;}

.section-head2 { font-size: 20px;}
.section-head1 { font-size: 20px;}
.numbericon { margin-right: 0; }
.headingPlan h1 {font-size:28px}
.headingPlan h2 {font-size:18px}

.heading1 { font-size:26px; text-align:left }
.heading2 { font-size:26px; text-align:left }

.programSection h1 { font-size:32px; }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

.numbericon { margin-right: 5px; }



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}