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

.accordion {
  background:none;
  color: #4c90c3; /*light blue*/
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 0 !important;
  text-align: left;
  outline: none !important;
  font-size: 20px;
  transition: 0.4s;
  font-family: 'Exo 2', sans-serif;
  font-weight: bold;
  text-transform:uppercase;
}

.accordion:hover {
  background-color: #dfe9f5; /*light blue bg*/
  border: 0 !important;
}

.accordion:after {
  content: '\2026';
  color: #4c90c3; /*light blue*/
  font-weight: 900;
  font-size: 30px;
  float: right;
  margin-left: 5px;
  border: 0 !important;
}



.active:after {
  content: "\22EE";
  font-weight: bolder;
  color: #4c90c3; /*light blue*/
  border: 0 !important;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'Exo 2', sans-serif;
  border: 0 !important;
}

.panel ul {
  text-align:left;
}

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


span.numbers {
color:orange;
font-weight:900;
font-size:30px;
font-family: 'Exo 2', sans-serif;
margin-right:5px;
}

/* End Accordion Style */

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;*/ }

.heading { color:#4c90c3; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size:22px; margin-left:20px; margin-top:30px; margin-bottom:20px; text-transform:uppercase;}


.heading1 { color:#526ba0; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size:36px; display: flex;  align-items:center; margin-top:30px; margin-bottom:20px;}



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


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

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

.lesobjectifs ul {
  list-style-position:outside;
  text-align:left;
  list-style-image: url(http://educaffairessolutions.ca/pubs/RH2/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;
}


.listTriangleRed { color:#000}

.listTriangleRed ul {
    list-style-position: outside;
    text-align: left;
    list-style-image: url(../images/triangle_list_icon.png);    
    padding: 0 70px;
}

.listTriangleRed li {line-height: 1.5em;}

.maintext h2 { border-left:solid 2px #ae2533; font-size:24px; color:#ae2533; padding: 20px; text-align:left }

.sections { padding:0 60px; width:100%; }

.headingPlan {color:#526ba0; font-size:14px; /*width: 85%; margin-left: 50px;*/ margin-top:0 }

.headingPlan h1 {color:#526ba0; font-size:53px; font-weight:bold; margin-top:30px; }

.secBtn { color:#6b87c3; font-weight:bold; font-size:24px; border:solid #6b87c3 2px; padding:10px 20px; max-width:375px; margin:auto; text-align: center; 
  }

.secBtn a:hover { text-decoration:none;}

span.lightblue { color:#4c90c3; font-weight:bold;}



.Btn {background:#6b87c3; display: inline-block; color:#FFF; font-weight:bold; font-size:24px; max-width:400px; padding:10px 20px; text-align:center; margin:auto; margin-bottom:60px; }
.Btn a:link  {color:#fff;}
.Btn a:hover {color:#fff; text-decoration:none}


.dateheading{ color:#000; margin-bottom:50px; font-size:28px; font-weight:bold; }

.programSection {margin:auto; margin-top: 50px;}
.programSection h1 { font-weight:bold; color:#6b87c3; }
.dates {color:#6b87c3; font-size:24px; margin-bottom:30px; padding:5px 25px;  }



.headingPlan2 ul {  list-style-position:outside;  text-align:left; list-style-image:url(../images/listred.png); margin-left:10px; line-height:1.5em; padding: 30px; padding:50px 40px; margin-bottom:30px; background: #fae2e5;}

.headingPlan2title {color:#b9424e; font-size:35px; /*margin:30px 0 0 0;*/ font-weight:bold; text-align:left !important; margin-top:30px; }

.headingPlan2titleRed {color:#ae2533; font-size:35px; margin:30px 0 0 0; font-weight:bold; }

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

.WhiteBtn {background:#fff; border:solid #6b87c3; color:#6b87c3; 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:#6b87c3 }
.WhiteBtn a:hover { color:orange; text-decoration:none; }

footer { background: #d2f7fc; color: #6b87c3; 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:#6b87c3 }
.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) {
	
	
.headingPlan2title {text-align:center; font-size:30px; padding: 0 20px;}

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

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

.headingPlan2title {text-align:center; font-size:30px; padding: 0 20px;}

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