/*
BASE                                      
*/

.cms-color-acc-1 {color:#8ec029 !important;}
.cms-color-acc-2 {color:#D72E2F !important;}
.cms-gras-acc {font-weight:bold !important}
.cms-ligne-acc {text-decoration:underline !important}
.cms-italic-acc {font-style:italic !important;}
.cms-capital-acc {text-transform:uppercase !important;}
.cms-size1-acc {font-size:40px !important;line-height:28px;}
.cms-size2-acc {font-size:16px !important;}


* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {background: #e4e4e4; font-family: 'Open Sans', arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 30px; color: #202020;}
img {vertical-align: middle;}
.wrap {position: relative; max-width: 1170px; width: 100%; margin: 0 auto; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;}

.orange {color: #30335F;}
.vert {color: #719F32;}
.red {color: red;}

h1 {
    font-family: 'Montserrat', arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 47px;
    text-transform: uppercase;
	font-weight:bold;
    color: #ffffff;    
}


h2 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 37px;
    color: #ffffff;    
}

.text-form h2 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #202020 !important;    
}

h3 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #202020;    
}


/******  COOKIES ******/
#headband {position: fixed; width: 100%; left: 0px; bottom: 0px; padding: 5px; z-index:9999; text-align: center; color: #ffffff; font-size: 12px; font-family: 'Arial', sans-serif; font-weight: 400; line-height: 2; background: black;background: rgba(50,50,50,.90); ); padding-right: 50px;}
#btn-Close {color: #2e3349; font-family: 'Arial', sans-serif; font-weight: 400; font-size: 12px; margin-left: 5px; display: inline-block;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 1px 5px; background: #ffffff;}
#link-more a {color: #ffffff; font-family: 'Arial', sans-serif; font-weight: 400; text-decoration: none; font-size: 12px; display: inline-block;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ffffff; padding: 1px 5px; margin-left: 10px;}

#headband br {display:none;}



/*
TOPBAR
*/

.topbar {width:100%; background:#ffffff; padding: 15px 0; overflow: hidden;}
.topbar-logo  {float:left; margin-top: 0px; width: 26%;}
.topbar-logo img {width:100%; max-width: 300px;}

.topbar-partenaires {
    float:right; 
    border-radius: 8px; 
    border: 2px solid #e4e4e4; 
    width: 530px;
    padding: 15px;
}

.topbar-partenaire-txt {
    font-family: 'Varela Round', arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #30335F;
    
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.topbar-partenaire-txt-mob {
    font-family: 'Varela Round', arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #30335F;
    
    display: none;
    vertical-align: middle;
    width: 48%;
}

.topbar-partenaires-slider {
    display: inline-block;
    vertical-align: middle;
    width: 58%;
}

.owl-item {
    text-align: center;
}

/*
HEADER
*/
#slider-partners img {max-width:84px;}

.header {
    background: #30335f;
}

.header-visuel {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.header-visuel img {
    width: 100%;
    max-width: 476px;
}

.header-accroche {
    display: inline-block;
    vertical-align: middle;
    width: 58%;
	color:white;
	line-height:45px;
	font-size:18px;
	font-weight:normal;
}

.header-accroche-mob {
    display: none;
    vertical-align: middle;
    width: 58%;
		color:white;

}

/*
PRECONTENT
*/

.precontent {padding: 10px; overflow: hidden;}

.precontent-cheminement {
    width: 70%;
    padding-top: 10px;
    margin: auto;
}

.precontent-cheminement img {
    width: 100%;
    max-width: 773px;
}

.precontent-partenariat {
    width: 30%;
    float: right;
}

.precontent-partenariat img {
    width: 100%;
    max-width: 305px; 
}

/*
CONTENT
*/

.content .wrap {background: #ffffff; padding: 30px 10px 0 10px;}
.content-ssl {text-align: center; padding-bottom: 30px;}
.content-ssl-mob {text-align: center; padding-bottom: 30px; display: none;}
.content-ssl-mob img {width:100%; max-width: 248px;}

/*
POINTS FORTS
*/

.points-forts {padding: 40px 0; overflow: hidden;}

.points-forts-box { 
    float:left;
    width:33%;
    text-align:center; 
}
.points-forts-box img { 
    margin-bottom:15px; 
}
.points-forts-box  { 
    text-transform:uppercase;
    font-size:25px;
    color:#202020; 
}

.points-forts-box  strong { font-weight:700; }

/*
TEXT-FORM
*/

.text-form {background: #ffffff; padding: 40px 0;}

.text-form p {text-align: justify;}

.text-form ul {margin-left: 20px;}

.text-form li {list-style: square;}

/*
FOOTER
*/

footer {background: #2E2E52; text-align: center;}

.footer-menu {text-align: center; width: 100%; padding: 20px 0;}

.footer-copyright {text-align: center; width: 100%;}

.footer-menu li {display: inline-block; padding: 0 10px}

.footer-menu a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.footer-menu a:after {
    content: '/';
    padding-left: 20px;
}

.footer-menu li:last-child a:after {
    content: '';
}

.footer-copyright {
    background: #242540;
    color: #ffffff;
    font-family: 'Montserrat', arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}