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

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


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

p, ul, li {font-size:18px;}

.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; margin-bottom:20px;}
.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/list2.png);  
}

.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:#ffcb5d;   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; margin-bottom: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:0 60px; 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; padding: 0 5px 30px 0;}

.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;*/ padding: 0 5px 30px 0; margin-bottom: 30px;  list-style-position:outside;  text-align:left;  list-style-image: url(../images/list2.png); 
/*  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; display: inline-block; }

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 20px; text-align:center; margin:auto; margin-bottom:60px; 
display: inline-block;  }


.programSection {margin:auto; width: 100%;}
.programSection h1 { font-weight:bold; color:#68ac85; }
.dates {color:#68ac85; font-size:28px; margin-bottom:30px;  }


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

.headingPlan2title {color:#e49332; font-size:35px; margin:30px 0 0 0; font-weight:bold; text-align:left }

.headingPlan2titleGreen {color:#68ac85; font-size:35px; margin:30px 0 0 0; font-weight:bold; text-align:left}

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


.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: #f9e8b3; 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) {
	
.section-head1 {background:url(../images/circledots-horizontal-small.png) right no-repeat; }	

.section-head2 {background:url(../images/circledots-vertical-small.png) right no-repeat; }
	
.headingPlan2title {text-align:center }

.headingPlan2titleGreen {text-align:center }	

.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;}

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

.section-head2 { font-size: 13px;}
.section-head1 { font-size: 13px;}
.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 }
.headingPlan2 {margin:0 10px !important}

.headingPlan { margin:auto }

.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; }

.headingPlan2 {margin:0 10px !important}
.section-head1 { font-size: 20px;}
.section-head2 { font-size: 20px;}

.headingPlan2title {text-align:center }

.headingPlan2titleGreen {text-align:center }



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.headingPlan2 {margin:0 10px !important}

}

@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) {...}