@charset "utf-8";
/* CSS Document */
html{
}
body {
	margin:0;
	padding:0;
    color: #939393;
    font-family: 'Raleway', sans-serif;
	font-weight: 300;
    font-size: 18px;
	background:#F9F9F9;
}
a,
a:focus{
	outline:none !important;
	text-decoration:none;
	color: #3ABBCF;
	font-weight:400;
}
a:hover{
	text-decoration:none;
	color: #939393;
}
img{
	border:none;
}
.clr{
	clear:both;
	height: 0;
}
*{
}
p {
	margin: 0 0 10px 0;
	padding-left:0;
}
strong{
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #625747;
}
li{
	line-height: 1.42857;
}
.readmore{
}
.btn{
    color: #FFFFFF ;
	opacity: 1;
	padding: 8px 20px;
	display:block;
	border: 0;
	width: fit-content;
    background-color: #3ABBCF;
    padding: 5px 20px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.btn a, .smallbutton a, .button a, .readmore a{
    color: #FFFFFF;
}
.btn:hover{
	opacity: 0.6;
    background-color: #3ABBCF;
    color: #FFFFFF;
}
.btn a:hover, .smallbutton a:hover, .button a:hover, .readmore a:hover{
	opacity: 0.6;
    background-color: #3ABBCF;
    color: #FFFFFF;
}
.icon-chevron-right{
	display: none;
}
/*** MAIN ***/
top{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    background-color: #FFFFFF;
}
header {
}
content{
	padding-top:0;
	padding-bottom:130px;
    position: relative;
}
convaincu{
    color: #FFFFFF;
	font-size:22px;
	padding-top:80px;
	padding-bottom:80px;
    background-color: #3ABBCF;
}
bottom {
	font-size:14px;
	padding-top:80px;
	padding-bottom:80px;
    background-color: #9A9894; 
}
footer {
    font-size: 11px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top:#AEADA9 1px solid;
    background-color: #9A9894;
}
/* HEADER */
header > div{
    width: 100% !important;
    height: 500px !important;
    background-size: cover;
    background-position: 50%;
}
header > div .flexheader{
    width: 100% !important;    
    height: 500px !important;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    display: grid;
    align-items: center;
    background-size: cover;
    background-position: 50%;
    padding: 10% 20%;
}
/* TOP */

top #logo{
    width: 217px;
    height: 55px;
	margin:20px 0 16px 30px;
	float: left;
}
top #logo a{
	display:block;
    width: 217px;
    height: 55px;
	background: url("../images/logo.png") no-repeat top left ;
	background-size: 217px 55px;
	text-indent: -9999px;
}
top #navigation{
	float:right;
	position:relative;
    margin: 32px;
}
top img.flexheader {
    max-width: 100%;
    min-width: 100%;
	height: auto;
	position: relative;
}
/* navigation */

#js-mainnav.megamenu .js-megamenu{
	text-align:right;
	width: 100%;
    margin: 0;
    padding: 0;
    max-width: none;
}
#navigation #js-mainnav{
	margin:0;
}
#navigation #js-mainnav ul{
    list-style: none outside none;
    margin: 0;
    padding:0;
}
#navigation #js-mainnav ul li {
	float: left;
	margin:0;
	padding:0;
}
#navigation #js-mainnav ul li a{
	display: block;
    color: #696969;
    font-size: 16px;
    font-weight: 300;
	text-transform:uppercase;
    padding:6px;
	margin:0 10px;
	text-align:left;
}
#navigation #js-mainnav ul li a:hover, 
top #js-mainnav ul li.active a:hover{
	color: #3ABBCF;
}
#navigation #js-mainnav ul li.active > a{
	color: #3ABBCF;
}
#js-mainnav.affix .js-megamenu {
    float: left;
    position: relative;
	width: auto;
}
#navigation #js-mainnav {
	transform: translate3d(0,0,0);
}

#navigation #js-mainnav .mainNav > ul{
	float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}

li.haschild:hover .dropdown-menu{
	opacity: 1;
	visibility: visible;
}
#navigation #js-mainnav ul li ul li {
	float:none;
}
/* CONTENT */
.breadcrumb {
    padding: 0 !important;
    align-items: center;
    background-color: transparent;
    font-size: 12px;
    text-transform: uppercase;
}
.breadcrumb-item.active {
    color: #939393;
}
.breadcrumb a {
    color: #939393;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
content .item-page {
    max-width: 800px;
    margin: auto;
    align-items: center;
}

content{
	line-height: 28px;
}
content h1,
content .componentheading{
    clear: both;
    font-size: 36px;
	font-weight: 700;
    margin: 0 0 8px 0;
    padding: 0 0 40px 0;
	line-height:normal;
	text-align: left;
    text-transform: uppercase;
}
content h2{
    clear: both;
    font-size: 24px;
	font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0 ;
	line-height:normal;
	text-align: left;
    position: relative;
}
content h3,
content .blog h2{
	clear: both;
    font-size: 23px;
    margin-bottom: 15px;
}
content .blog h2::before{
	display: none;
}
content h4{
    clear: both;
    color: #939393;
    font-size: 18px;
    margin-bottom:30px;
	line-height: normal;
}
content .fulltext {
    clear: both;
}
content .fulltext h2, 
content .fulltext h3, 
content .fulltext h4 {
    clear: none;
    margin-left: 0;
    margin-bottom: 5px;
    padding: 0;
    margin-top: 0;
}
content p.desc {
    font-size: 14px;
    line-height: 140%;
	margin-bottom: 70px;
}
content .blog-items {
    grid-gap: 3em;
}
content .com-content-category-blog__item{
    background-color: #FFFFFF;
    box-shadow:
  0px 0px 0.5px rgba(0, 0, 0, 0.008),
  0px 0px 1.1px rgba(0, 0, 0, 0.011),
  0px 0px 1.9px rgba(0, 0, 0, 0.014),
  0px 0px 3.2px rgba(0, 0, 0, 0.016),
  0px 0px 5.3px rgba(0, 0, 0, 0.019),
  0px 0px 9.2px rgba(0, 0, 0, 0.022),
  0px 0px 20px rgba(0, 0, 0, 0.03)
;

}
content .com-content-category-blog__item.blog-item h2{
    font-size: 24px;
    text-transform: uppercase;
    margin-left: 0;
    text-align: left;
}
content .com-content-category-blog__item.blog-item h4{
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 16px;
	line-height: 24px;
}
content .com-content-category-blog__item .item-content{
    padding: 30px 40px;
}
content .com-content-category-blog__item .item-image {
    margin-top: 0;
    margin-bottom: 0;
}
content .com-content-category-blog__item .item-image img{
    margin-top: -20%;
}
content .blog .p1{
	margin: 0 15px;
}
content .mod-articlesnews {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 3em;
    max-width: 800px;
    margin: auto;
    font-size: 14px;
    line-height: 21px;
}
content .mod-articlesnews .mod-articlesnews__item{
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 
        0px 0px 0.5px rgb(0 0 0 / 1%), 
        0px 0px 1.1px rgb(0 0 0 / 1%), 
        0px 0px 1.9px rgb(0 0 0 / 1%), 
        0px 0px 3.2px rgb(0 0 0 / 2%), 
        0px 0px 5.3px rgb(0 0 0 / 2%), 
        0px 0px 9.2px rgb(0 0 0 / 2%), 
        0px 0px 20px rgb(0 0 0 / 3%);
}
content .mod-articlesnews .mod-articlesnews__item h4{
    font-size: 18px;
    margin-bottom: 10px;
}
content .moduletable{
	font-size:14px;
	line-height: 150%;
}
content .moduletable h3 {
    margin: 40px 0 20px 0;
    padding: 0;
    font-size: 38px;
    line-height: normal;
    text-align: center;
}
content .moduletable p{
	margin:0;
	padding:0;
}
.pull-left.item-image {
    margin: 0 20px 0 0;
    width: 50%;
    height: 180px;
}
content .article-info-term{
  display:none;
}
content .published {
    color: #9B9B9B;
    font-size: 14px;
    font-style: italic;
    margin: 0;
}
/* PAGE FORMATIONS */
.formations content .item-page {
    max-width: 100%;
    align-items: start;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "Titre left"
        "Content left";
}
.formations content .item-page .page-header {
    grid-area: Titre;
}
.formations content .item-page .fields-container {
    grid-area: left;
}
.formations content .item-page .com-content-article__body {
    grid-area: Content;
}
.formations content .fields-container{
    padding: 20px;
    margin: 0;
    line-height: normal;
}
.formations content .field-entry{
    padding: 30px;
    list-style: none;
    margin:0 0 30px 0;
    background-color: #FFFFFF;
    box-shadow: 
        0px 0px 0.5px rgb(0 0 0 / 1%), 
        0px 0px 1.1px rgb(0 0 0 / 1%), 
        0px 0px 1.9px rgb(0 0 0 / 1%), 
        0px 0px 3.2px rgb(0 0 0 / 2%), 
        0px 0px 5.3px rgb(0 0 0 / 2%), 
        0px 0px 9.2px rgb(0 0 0 / 2%), 
        0px 0px 20px rgb(0 0 0 / 3%);
}

.formations content .field-entry:first-child{
    color: #FFFFFF;
    background-color: #3ABBCF
}
.formations content .field-entry .field-label  {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: normal;
    text-align: left;
    position: relative;
    text-transform: uppercase;
}
.formations content .field-entry .field-value   {
    font-size: 14px;
    display: block;
}
.formations content .field-entry.inscription {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
.formations content .field-entry.inscription a.btn {
    width: 100%;
    padding: 10px 0;
}
.card {
    background-color: transparent;
    border: 0px solid #dfe3e7;
    border-radius: 0;
}
.card-header {
    padding: 0 0 20px 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0;
    margin: 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 0;
}
/* CONVAINCU */
convaincu H3{
    color: #FFFFFF;
}
convaincu .btn,
convaincu .btn:hover{
    float: right;
    background-color: #FFFFFF;
    color: #3ABBCF;
}
/* MAP */
map {
    margin-bottom: -7px;
}
map .card-body p{
	margin:0;
	padding:0;
}

/* BOTTOM */
bottom .card-body {
    color: rgba(255, 255, 255, 0.6);
}
bottom h3{
	color: #FFFFFF;
    margin: 0;
    padding: 0 0 20px 0;
	font-size:24px;
}
bottom .card-body p{
	margin:0;
	padding:0;
}
bottom .card-body ul{
	margin: 0;
	padding: 0;
}
bottom .card-body ul li{
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
}
bottom .card-body a{
    color: rgba(255, 255, 255, 0.6);
}
bottom .card-body a:hover{
    color: rgba(255, 255, 255, 1);
}
bottom .card-body a span {
    display:block;
	float: left;
	width: 90
}
bottom .card-body.contact a{
	display: inline;
}
/* FOOTER */
footer .moduletable{
	opacity:0.7;
	color:#FFFFFF;
}
footer ul{
    list-style: none outside none !important;
    margin: 0;
    padding:0;
}
footer ul.nav{
    display: block;
}
footer ul li {
	float: left;
	margin:0;
	padding:0 !important;
}
footer ul li a{
	float: left;
	margin:0 ;
	padding:0 10px;
	color:#FFFFFF;
    opacity: 0.7;
	text-decoration:none !important;
}
footer ul li a:hover{
	color:#FFFFFF;
    opacity: 1;
	text-decoration:none !important;
}
footer .navbar{
    padding-top:0;
    padding-bottom: 0
}
.gdocreative{
	float:right;
	padding:0;
	color:#FFFFFF;
	opacity:0.7;
	font-weight: 200;
}
.gdocreative:hover{
	color:#FFFFFF;
	opacity:1;
}
@media print {
  a[href]:after {
    content: none !important;
  }
}