/* FONT */

.blue, .blue p, .blue h2, .blue h3, .blue strong {
    color: #002d5b !important;
}

.white, .white h2, .white p, .white h3, .white h1, .white a, .white strong {
    color: #fff !important;
}
.orange, .orange h2, .orange p, .orange h3, .orange h1, .orange a, .orange strong {
    color: #f47920 !important;
}

h2, .blue h3 {    
    font-weight: 800 !important;
}

/* LAYOUT */

theme-page-bg  {
    background-color: #f7f7f7 !important;
}
.p0 {
    padding: 0px;
}
.p10 {
    padding: 10px;
}
.pv25 {
    padding: 25px 0;
}
.p50 {
    padding: 50px;
}

.pv50 {
    padding: 50px 0;
}

.pt50 {
    padding-top: 50px;
}

.pv100 {
    padding: 100px 0;
}

.pv150 {
    padding: 150px 0;
}
.pv210 {
    padding: 210px 0;
}
.pt100 {
    padding-top: 100px;
}
.pt300 {
    padding-top: 300px;
}
.pv300 {
    padding: 300px 0;
}

.filtre-noir-65::before{
    content: "";
    background: rgba(0, 0, 0, 0.65);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    display: block;
}

.filtre-noir-65-merci::before{
    content: "";
    background: rgba(0, 0, 0, 0.65);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    display: block;
}

.filtre-noir-20::before{
    content: "";
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    display: block;
}

.filtre-noir-25::before{
    content: "";
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    display: block;
}

.filtre-noir-30::before{
    content: "";
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    display: block;
}

/* ACCUEIL */
.home .vc_video-bg-container {
    z-index: 100;
}
.row-top-accueil {
    overflow: visible !important;
    -webkit-transform: translate3d(0,0,0);
}

.row-flipbox {
    position: absolute;
    bottom: -75px;
    margin: 0 auto;
    width: 100%;
}

.flipbox .front-icon {
    display: none !important;
}

.flipbox .front-title {
    font-size: 26px !important;
    font-weight: 800 !important;
}

.flipbox-1 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/supere-conf.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.flipbox-2 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/pappa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.flipbox-3 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/semaine-quebecoise.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.row-rvp {
    padding: 100px 0 50px;
    /*background-color: #fff;*/
    
}

.row-rvp p { 
   font-size: 24px; 
}
.col-mosaique {
    min-height: 460px;
    padding: 60px 50px;
}
.col-mosaique-1 {
    background-color: #002d5b;
}

.col-mosaique-2 {
    
}

.col-mosaique-3 {
    background-color: #93c558;
}

.text-mosaique-large {
    max-width: 600px;
    float: right;
    margin-right: 50px;
    padding: 60px 70px;
    background-color: #00bce7;
}

.row-infos {
    background-color: #fff;
}

.col-infos .mk-box-icon-2-image {
    margin-bottom: 40px !important;
}

.col-infos-1:after, .col-infos-2:after {
    content: '';
      height: 80%; 
      width: 1px;
      position: absolute;
      right: 0;
      top: 0; 
      background-color: #002d5b; 
}

.col-graph-1 {
    background-color: #00bce7;
}

.col-graph-2 {
    background-color: #f47920;
}

.col-graph .vc_pie_chart_value {
    font-size: 20px;
    font-weight: bold;
}

.text-graph {
    display: flex;
    height: 175px;
    align-items: center;

}

.row-nouvelles {
    background-color: #fff;
    margin-bottom: 100px;
}

/* A PROPOS */

.row-fondation {
    background-color: #002d5b;
}

.row-principe-vision {
    background-color: #fff;
}

.row-principe-vision ul {
    margin-left: 0.5em;
    font-size: 18px !important;
}

.row-strategie {
    background-color: #00bce7;
    padding: 65px 100px;
}

.row-title-strategies {
    background-color: #fff;
}

.row-title-strategies p {
    margin-bottom: 0 !important;
}

.text-axe-rond {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #002d5b;
    margin: 0 auto 10px auto !important;
    display: flex;
}

.text-axe-rond h3 {
    text-align: center;
    align-self: center;
    margin: 0 auto;
}

.col-objectifs {
    padding: 45px;
}

.col-objectif-1 {
    background-color: #93c558; 
}
.col-objectif-2 {
    background-color: #002d5b;
}
.col-objectif-3 {
    background-color: #f47920;
}
.col-objectif-4 {
    background-color: #00bce7;
}

.row-title-savoir-plus {
    background-color: #fff;
}

.row-title-savoir-plus p {
    margin-bottom: 0 !important;
}

.row-doc-membres {
    margin-bottom: 100px;
    background-color: #fff;
}

.col-doc, .col-membres {
    padding: 0 !important;
}

.flipbox-4 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/doc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.flipbox-5 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/membre.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


/* PAPPA */

.row-top-prog-pappa {
    padding: 200px 0 125px 0;
}

.col-header-pappa {
    background-color: rgba(22,180,217,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-pappa-right {
    display: flex;
    flex-direction: column;
}
.col-pappa-right .mk-flipbox {
    margin-top: auto;
    margin-bottom: 0px;
    height: auto;
}

.col-header-pappa h1 {
    font-size: 36px;
}
.col-header-pappa .wpb_wrapper {
  display: flex;
  justify-content: space-between;
}
.col-header-pappa .wpb_wrapper > div {
    margin: auto 0 !important;
    padding: 0 5px;
}

.logo-pappa img {
    width: 85% !important;
}
.logo-pappa .mk-image-inner {
    margin-bottom: 20px;
    margin-top: -20px !important;
}

.row-intro-pappa {
    background-color: #002d5b;
}

.text-etapes-rond {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #002d5b;
    margin: 0 auto !important;
    display: flex;
}

.text-etapes-rond h3 {
    text-align: center;
    align-self: center;
    margin: 0 auto;
}

.col-text-etapes {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.col-pappa-right, .col-pappa-left-3, .col-pappa-right-3 {
    padding: 0 !important;
}

.col-pappa-left {
    background-color: #fff;
}

.col-pappa-left-2 {
    background-color: #93c558;
}

.col-pappa-right-2 {
    background-color: #00bce7;
}

.col-pappa-right-2 ul {
    margin-left: 0.5em;
    font-size: 18px !important;
}

.flipbox-8 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/consultez-outil.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.flipbox-9 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/consultez-loffre.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.flipbox-10 .mk-flipbox-front {
    background-image: url(/wp-content/uploads/2018/11/contactez-nous.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.row-ministere {
    background-color: #fff;
    margin-bottom: 100px;
}

.row-ministere p {
    margin-bottom: 0 !important;
}

.row-ministere img.logo-quebec {
    line-height: normal;
    margin-left: 35px;
}

/* CONTACT */ 

.row.contact_wrapper {
    padding: 100px 70px 100px 70px;
}

/* FORMS */

/*enlever les labels au dessus des champs*/
.contact_wrapper .top_label .gfield_label{
	display:none!important;
}
/*Changer la couleur des Placholder*/
.contact_wrapper input::-webkit-input-placeholder, .contact_wrapper textarea::-webkit-input-placeholder { /* Chrome */
  color: #fff !important;
}
.contact_wrapper input:-ms-input-placeholder, .contact_wrapper textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
.contact_wrapper input::-moz-placeholder, .contact_wrapper textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 1 !important;
}
.contact_wrapper input:-moz-placeholder, .contact_wrapper textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff !important;
  opacity: 1 !important;
}
/*espace du hidden label*/
.contact_wrapper li.hidden_label input {
    margin-top: 0em;
}
/*taille demi colonne*/
.contact_wrapper .top_label li.gfield.gf_right_half, .contact_wrapper .top_label li.gfield.gf_left_half {
    margin: 0em;
    margin-left: 0px;
    width: 48.5%;
}
/*taille des imput */
.contact_wrapper input[type="email"], .contact_wrapper input[type="number"], .contact_wrapper input[type="password"], .contact_wrapper input[type="tel"], .contact_wrapper input[type="text"], .contact_wrapper input[type="url"], .contact_wrapper textarea {
	padding:10px!important;
    background-color: transparent !important;
    border-bottom: 6px #fff solid;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff !important;
}

.contact_wrapper input[type="email"]:focus, .contact_wrapper input[type="number"]:focus, .contact_wrapper input[type="password"]:focus, .contact_wrapper input[type="tel"]:focus, .contact_wrapper input[type="text"]:focus, .contact_wrapper input[type="url"]:focus, .contact_wrapper textarea:focus {
    background: rgba(255,255,255,0.8) !important;
    color: #002d5b !important;
    font-weight: 500 !important;
}

/*enlever espace au dessus submit*/
.gform_wrapper .gform_footer{
	margin-top:0px!important;
	text-align: center;/*centrer submit*/
}
/*couleur du submit*/
.gform_wrapper input.button{
	padding: 10px 25px !important;
}
/*style bouton envoyer*/
.gform_wrapper .gform_footer input[type=submit]{
    padding-top: 20px!important;
    padding-right: 30px!important;
    padding-bottom: 20px!important;
    padding-left: 30px!important;
    font-size: 14px;
    border: 0px;
    border-radius: 50px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
/* réduire la taille des erreurs de validation */
.gform_wrapper div.validation_error{
	font-size: 0.9em!important;
}
/* Changer l apparence des erreurs de validation-- un peu trop alarmantes */
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background-color:transparent !important;
	border-top:none!important;
    border-bottom:none!important;

}

/* 404 */

.error404 .master-holder-bg-holder {
    background-image: url('/wp-content/uploads/2018/11/accueil_top.jpg');
    background-size: cover;
    background-position: center center;
}
.error404 .master-holder-bg{
	background-color: rgba(255,255,255,0);
}
/*Modfier l’apparence du search*/
.error404 input::-webkit-input-placeholder,.error404 textarea::-webkit-input-placeholder, .search input::-webkit-input-placeholder,.search textarea::-webkit-input-placeholder { /* Chrome */
  color: #767676 !important;
}
.error404 input:-ms-input-placeholder,.error404 textarea:-ms-input-placeholder, .search input:-ms-input-placeholder,.search textarea:-ms-input-placeholder { /* IE 10+ */
  color: #767676 !important;
}
.error404 input::-moz-placeholder, .error404 textarea::-moz-placeholder,.search input::-moz-placeholder, .search textarea::-moz-placeholder { /* Firefox 19+ */
  color: #767676 !important;
  opacity: 1 !important;
}
.error404 input:-moz-placeholder, .error404 textarea:-moz-placeholder, .search input:-moz-placeholder, .search textarea:-moz-placeholder { /* Firefox 4 - 18 */
  color: #767676 !important;
  opacity: 1 !important;
}
/*Modifier la couleur des éléments textes*/
.not-found-title,.not-found-wrapper p{
color:#fff!important;
}

/* HEADER */

/* FOOTER */

.footer-wrapper {
    padding: 50px 150px 10px 150px !important;
}

#sub-footer {
    background-color: transparent;
}

#sub-footer a {
    color: #fff;
}

/*centrer le copyright*/
.mk-footer-copyright {
    float: none !important;
    display: block !important;
    text-align: center;
	padding: 10px 0 10px!important;
}


/* RESPONSIVE */

@media screen and (max-width:480px){
    /* FORMS 2 colonnes */
	.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
        margin: 0 0 .5em;
        width: 100%;
    }
}