@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

html, body{
background:#1D2E3E;
color: #000;
font-size: 100%;
padding:0;
margin:0;
width:100%;
font-family: 'Open Sans', sans-serif;
}

table{
border-collapse:collapse;
margin:0;
padding:0;
}

td{
padding:0;
margin:0;
border:0;
vertical-align:top;
}

img{
border:0;
}

hr{
display:block;
clear:both;
padding:16px 0 0 0;
margin:0 0 16px 0;
height:0;
border:0;
border-bottom:solid 1px #e5e5e5;
}

a{
color:#0FCECE !important;
text-decoration:none;
}

a:hover{
color:#1FDEDE !important;
}

.global{
width:1200px;
margin:0 auto;
position:relative;
height:100%;
}

#header{
height:138px;
width:100%;
background-color:#1D2E3E;
}

#header p{
margin:0;
}

#logo{
padding-top:10px;
}

#topmenu ul.mod-menu{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
bottom:20px;
right:0;
font-family: 'Open Sans', sans-serif;
font-weight:300;
font-size:18px;
}

#topmenu ul.mod-menu>li{
position:relative;
display:inline-block;
}

#topmenu ul li a{
display:block;
color:#fff !important;
text-transform:uppercase;
font-size:100%;
padding-left:26px;
text-decoration:none;
line-height:30px;
height:30px;
}

#topmenu ul.mod-menu>li.active>a{
color:#0ff !important;
}

#topmenu ul li a:hover{
color:#0ff !important;
}

#topmenu ul.mod-menu ul{
margin:0;
padding:0;
list-style-type:none;
position:absolute;
top:30px;
left:0;
z-index:10000;
min-width:100%;
display:none;
}

#topmenu ul ul li{
display:block;
width:100%;
}

#topmenu ul.mod-menu ul li a{
display:block;
background-color:#1D2E3E;
font-size:14px;
line-height:30px;
color:#00FFFF !important;
white-space:nowrap;
border-bottom:solid 1px #68676A;
width:100%;
}

#topmenu ul.mod-menu ul li.active a, #topmenu ul ul li a:hover{
background-color:#2D3E4E;
color:#fff !important;
}



#submenu{
background-color:#00D9D9;
display:block;
height:30px;
}

#submenu ul{
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
list-style-type:none;
}

#submenu ul li{
display:inline-block;
}

#submenu ul li a{
color:#1D2E3E !important;
text-transform:uppercase;
display:inline-block;
line-height:30px;
padding:0 10px;
font-size:14px;
}

#submenu ul li a:hover{
color:#fff !important;
}

#submenu ul li.active a{
color:#fff !important;
}



#contentheader{
width:100%;
background-color:#1D2E3E;
}

#contentheader .nivoSlider{
box-shadow:none;
}

#contentheader p{
margin:0;
}

#contentheader img{
width:100%;
height:auto;
}

#content{
background-color:#fff;
}

.blog-featured h1{
margin:0;
padding:0;
font-family: 'Open Sans Condensed', sans-serif;
font-size:40px;
color:#1D2C3E;
padding:10px 0;
}



#contentheader2{
width:100%;
background-color:#fff;
padding-bottom:10px;
}

#contentheader2 .mod-custom{
clear:both;
}

#contentheader2 .mod-custom h3{
font-family: 'Open Sans Condensed', sans-serif;
font-size:40px;
color:#1D2C3E;
margin:0;
padding:16px 0;
font-weight:normal;
padding-bottom:10px;
}

#contentheader2 p{
margin:0;
}

#contentheader2 .offrestable{
width:100%;
background-color:#1d2e3e;
color:#fff;
}

#contentheader2 .offrestable td{
vertical-align:middle;
font-size:24px;
padding:0 2%;
}




#contentheader2 ul.menu{
list-style-type:none;
margin:0;
padding:0;
}

#contentheader2 ul.menu li{
float:left;
width:22%;
margin-right:1%;
border:solid 1px #ddd;
padding:1%;
color:#666;
font-size:18px;
font-weight:300;
line-height:110%;
}

#contentheader2 ul.menu li:hover{
cursor:pointer;
}

#contentheader2 ul.menu li:last-child{
margin-right:0;
}

#contentheader2 ul.menu li img{
float:right;
}

#contentheader2 ul.menu li a{
color:#333;
font-family:"Open Sans";
font-size:13px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

#contentheader2 ul.menu li.active{
background-color:#46CDD0;
color:#1D2E3E;
}

#contentheader2 ul.menu li.active a{
color:#fff;
}

#contentheader2 .titreoffres a{
color:#1D2C3E !important;
}





.item-page{
padding-top:20px;
}

.item-page p, .item-pagerefs p{
margin:0;
padding:12px 0;
}

#content .item-page h2{
padding-bottom:10px;
font-family:"Open Sans";
font-weight:300;
}

#content .item-page h2 a{
color:#1D2C3E;
font-size:40px;
}

.img-fulltext-left, figure.left{
width:500px;
float:left;
padding-right:20px;
margin-right:20px;
margin-top:0;
margin-left:0;
margin-bottom:0;
}

.img-fulltext-left img, figure.left img{
width:100%;
}

#content{
font-weight:300;
color:#1D2C3E;
font-size:18px;
}

#content h1{
font-weight:300;
font-size:22px;
color:#1D2C3E;
text-transform:uppercase;
}

#content h2{
font-size:21px;
color:#1D2C3E;
margin:0;
padding:0;
}

#content h3{
font-size:18px;
color:#1D2C3E;
margin:0;
padding:0;
font-weight:400;
}

#content .paragraphe1{
font-size:21px;
margin:0;
padding:10px 0;
}

#content .paragraphe2{
font-size:18px;
margin:0;
padding:10px 0;
}

#content .paragraphe3{
font-size:18px;
margin:0;
padding:10px 0;
}

#content .column1of2{
width:47%;
float:left;
padding-right:3%;
}

#content .column2of2{
width:47%;
float:left;
padding-left:2.8%;
border-left:solid 1px #e5e5e5;
}

#content .column1of3, #contentfooter2 .column1of3, #user3 .column1of3{
width:32.3%;
float:left;
margin-right:1%;
}

#content .column2of3, #contentfooter2 .column2of3, #user3 .column2of3{
width:31.3%;
float:left;
margin:0 1%;
}

#content .column3of3, #contentfooter2 .column3of3, #user3 .column3of3{
width:32.3%;
float:left;
margin-left:1%;
}

#content .greybox, #contentfooter2 .greybox, #user3 .greybox{
border:solid 1px #e5e5e5;
padding:10px;
font-size:16px;
height:calc(100% - 22px);
}

#content .greybox a, #contentfooter2 .greybox a, #user3 .greybox a{
color:#00D8D8;
text-decoration:none;
}

#content .greybox a:hover, #contentfooter2 .greybox a:hover, #user3 .greybox a:hover{
color:#10E8E8;
}

#content .greybox img, #contentfooter2 .greybox img, #user3 .greybox img{
padding:6px 0;
}

#content .callout{
background-color:#ECECEC;
color:#1d2c3e;
padding:2% 6%;
}


.blogrefs{
padding-top:20px;
}

.blogrefs .items-row{
display:block;
float:left;
width:32.3%;
margin-right:1%;
position:relative;
overflow:hidden;
cursor:pointer;
margin-bottom:20px;
}

.blogrefs .items-row .item>h2 a{
display:block;
color:#1D2C3E;
font-family:'Open Sans';
font-weight:300;
text-transform:uppercase;
font-size:15px;
line-height:30px;
height:30px;
}

.blogrefs .items-row .item .img-intro-left{
height:220px;
overflow:hidden;
}

.blogrefs .items-row .item .img-intro-left img{
width:100%;
}

.blogrefs .items-row .item .item-content{
display:block;
font-size:14px;
color:#fff;
font-family:"Open Sans";
font-weight:400;
position:relative;
}

.blogrefs .items-row .item .item-content .innercontent{
position:absolute;
width:90%;
height:90%;
background-color:#1D2D3E;
top:100%;
padding:5%;
transition:top 0.3s;
}


.blogrefs .items-row .item .item-content p{
margin:0;
padding:0;
}

.item-pagerefs h2{
margin:0;
}

.item-pagerefs h2 a{
display:block;
font-family:"Open Sans Condensed";
font-weight:normal;
font-size:26px;
color:#1D2C3E;
padding:0px 0 20px 0;
}

.item-pagerefs{
font-size:18px;
}






#contentfooter{
width:100%;
background-color:#1D2E3E;
}

#contentfooter2, #user3{
width:100%;
background-color:#fff;
padding-top:10px;
}

#contentfooter2 .moduletable, #user3 .moduletable{
//font-size:190%;
line-height:1.3;
}

#contentfooter2 .moduletable, #user3 .moduletable{
padding-bottom:20px;
border-bottom:solid 1px #E5E5E5;
}



#quotes{
background-color:#fff;
}

#quotes .lnee{
height:100%;
}

#quotes .previous:hover, #quotes .next:hover{
cursor:pointer;
}

#quotes .global{
padding-top:20px;
padding-bottom:20px;
}

#quotes .container{
border-top:solid 1px #e5e5e5;
border-bottom:solid 1px #e5e5e5;
margin:0 1%;
padding:20px 0;
display:block;
height:130px;
}

#quotes{
font-family:"Georgia", "Times New Roman", serif;
color:#535353;
font-style:italic;
text-align:center;
font-size:15px;
line-height:140%;
}

#quotes table{
width:100%;
height:100%;
}

#quotes table td{
height:100%;
vertical-align:middle;
}

#quotes p{
margin-top:0;
text-align:center;
width:100%;
}

#quotes .previous{
width:10%;
text-align:left;
}

#quotes .next{
width:10%;
text-align:right;
}

#quotes .moduletable{
display:block;
width:100%;
position:relative;
height:100%;
}

#quotes .lnee ul, #quotes .lnee .newslist{
height:100%;
}

#quotes .lnee li{
display:none;
position:absolute;
top:0;
left:0;
height:100%;
}

#quotes .lnee li .news{
height:120px;
display:table;
width:100%;
}

#quotes .lnee li .newsinfo{
width:100%;
}

#quotes .newstitle{
display:none;
}

#quotes div.news{
position:relative
}

#quotes div.news .newsinfo{
position:absolute;
top:50%;
transform:translateY(-50%);
}

#quotes h1{
color:#D05238;
font-family:"Open Sans", sans-serif;
font-size:13px;
font-weight:normal;
display:inline;
font-style:normal;
}

#quotes h2{
color:#aaa;
font-family:"Open Sans", sans-serif;
font-size:13px;
font-weight:normal;
display:inline;
font-style:normal;
}

#quotes .newsinfo{
width:100%;
}




#userspositions{
padding-top:10px;
}

#userspositions .moduletable>h3{
font-family: 'Open Sans Condensed', sans-serif;
font-size:40px;
color:#1D2C3E;
margin:0;
padding:0;
font-weight:normal;
padding-bottom:10px;
}

#userspositions{
background-color:#fff;
}

#userspositions #user1{
width:60%;
float:left;
}

#user1 .newstitle a{
font-size:15px;
color:#1D2D3E;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
padding-bottom:6px;
display:inline-block;
}

#user1 .newstitle a:hover{
color:#00D8D8;
}

#user1 .newsintro{
color:#656C77;
display:inline-block;
width:100%;
}

#user1 .catlink{
padding-top:6px;
color:#ccc;
}

#user1 .newsinfo .link{
display:inline-block;
}

#user1 .picture{
border:0;
padding:0 20px 10px 0;
}


#userspositions #user2{
float:left;
width:30%;
padding-left:10%;
}

#userspositions #user2 .cbresponsivefbpgkstrmround{
border:0;
}

#userspositions #user2 .cbresponsivefbpgkstrmround .cbresponsivefbpgkstrmround{
border:solid 1px #dfdfdf;
}

#user2 .cbresponsivefbpgkstrmitemprofileinfon, #user2 .cbresponsivefbpgkstrmspn{
color:#656C77;
}

#bottomborder{
display:block;
width:100%;
//height:40px;
}


/* Specific classes for Stratégie */


.strategietable{
width:100%;
position:relative;
z-index:20;
}

.strategietable tr{
border-bottom:solid 1px #EEEEEE;
}

.strategietable tr:hover{
background-color:none;
}

.strategietable .cell1, .strategietable .cell3{
width:28%;
padding:10px 1%;
vertical-align:middle;
text-align:left;
font-family:"Open Sans";
font-weight:400;
font-size:15px;
height:70px;
color:#fff;
}

.strategietable .cell3{
text-align:right;
}

.strategietable .cell2{
text-align:center;
vertical-align:middle;
font-family:"Open Sans Condensed";
font-size:24px;
color:##1D2E3E;
}

.strategiefocus{
display:none;
position:absolute;
width:100%;
z-index:10;
top:2px;
}

.strategiefocus .reponse, .strategiefocus .benefices{
font-family:"Open Sans";
font-weight:400;
font-size:12px;
text-transform:uppercase;
color:#303F4D;
line-height:18px;
height:18px;
}

.strategiefocus .reponse{
position:absolute;
top:0;
left:0;
z-index:50;
}

.strategiefocus .benefices{
position:absolute;
top:0;
right:0;
}

.strategiefocus .background{
display:block;
height:70px;
width:100%;
position:absolute;
top:18px;
background-color:#46CDD0;
}








.offrestext{
clear:both;
padding-top:20px;
display:block;
width:100%;
text-align:center;
color:#46CCD0;
font-size:25px !important;
font-family:"Open Sans Condensed";
font-weight:300;
background:url(../images/flecheoffres.png) no-repeat bottom center;
padding-bottom:20px;
}

.Chronoform .cfdiv_text label, .Chronoform .cfdiv_textarea label{
width:25% !important;
padding-right:2%;
font-weight:normal;
font-size:14px;
text-align:right;
}

.Chronoform .cfdiv_textarea label{
float:left;
}

.Chronoform .cfdiv_text input, .Chronoform .cfdiv_textarea textarea{
width:70%;
}

.chrono_captcha_input{
width:20% !important;
}

.chrono_credits{
display:none;
}

.Chronoform .cfdiv_submit input{
background-color:#1D2E3E;
border:0 !important;
font-size:16px;
font-family:"Open Sans";
font-weight:300;
color:#3FE0E0;
padding:4px 40px !important;
float:right;
text-transform:uppercase;
}

.Chronoform .cfdiv_submit input:hover{
background-color:#9FF0F0;
cursor:pointer;
color:#fff;
border:0;
}

.Chronoform .ccms_form_element input, .Chronoform textarea, input[type="file"]{
border:solid 1px #E5E5E5;
}

#chrono_verification1_container_div img{
width:180px;
}
#chrono_verification1_container_div input, #chrono_verification1_container_div label{
margin-top:16px;

}


.definedwork{
font-family: 'Open Sans Condensed';
font-size: 40px;
}

.bepartofit{
font-family: 'Open Sans Condensed';
font-size: 40px;
color: #3fc5c5;
}

.offresbannertext{
font-size:30px;
font-family:"Open Sans";
font-weight:300;
color:#1d2d3e;
position:absolute;
left:4%;
top:18%;
line-height:120%;
}

#footer{
padding-top:20px;
width:1200px;
margin:0 auto;
}

#footer .mod-custom{
margin-bottom:40px;
width:18%;
margin-right:2%;
float:left;
}

#footer .mod-custom>h3{
font-family:"Open Sans";
font-size:18px;
font-weight:300;
color:#00B2B2;
text-transform:uppercase;
margin:0;
padding:20px 0 10px 0;
}

#footer .mod-custom{
font-size:11px;
color:#fff;
}

#footermenu{
font-family:"Open Sans", arial, sans-serif;
width:1200px;
margin:0 auto;
text-align:center;
color:#7c848b;
font-size:14px;
padding-bottom:30px;
}

#footermenu .moduletable{
display:inline-block;
}

#footermenu ul{
list-style-type:none;
margin:0;
padding:0;
display:inline-block;
}

#footermenu li{
display:inline-block;
padding-right:4px;
}

#footermenu li a{
color:#7c848b;
}

#footermenu li a:hover{
color:#ccc;
}

#xmap{
padding-top:20px;
}

#socialicons{
position:absolute;
top:40px;
right:0;
}

#socialicons .facebook{
float:left;
}

#socialicons .twitter{
float:left;
padding-left:10px;
}

.fb_iframe_widget{
}

.latestnews-items p.link{
float:right;
}

#valuepropositionaccueil, #valuepropositionoffres, #position1{
background-color:#eaeaea;
padding:50px 0;
color:#444;
}

#valuepropositionaccueil h1, #valuepropositionoffres h1, #position1 h1{
font-family: 'Open Sans Condensed', sans-serif;
color: #1D2C3E;
font-weight:normal;
text-align:center;
margin:0;
padding:0;
}

#valuepropositionoffres h2{
font-family: 'Open Sans Condensed', sans-serif;
font-weight:normal;
color: #1D2C3E;
text-align:center;
font-size:25px;
}

#valuepropositionoffres p, .customvalueproposition p{
font-family: 'Open Sans Condensed', sans-serif;
font-weight:normal;
color: #1D2C3E;
text-align:center;
font-size:20px;
}

#valuepropositionaccueil .halfcolumn, #valuepropositionoffres .halfcolumn, #position2 .halfcolumn{
width:45%;
padding-right:4.5%;
float:left;
}

#valuepropositionaccueil p, #valuepropositionoffres p, #position2 p{
margin:0;
padding:40px 0 0 0;
}

.moduletablevalueproposition{
clear:both;
display:block;
padding:50px 0;
color:#444;
}

.customvalueproposition{
background-color:#eaeaea;
padding:20px 10px;
}

.customvalueproposition h1{
font-family: 'Open Sans Condensed', sans-serif;
color: #1D2C3E;
font-weight:normal;
text-align:center;
text-align:center;
margin:0;
padding:0;
}

.customvalueproposition h2{
font-family: 'Open Sans Condensed', sans-serif;
color: #1D2C3E;
font-weight:normal;
text-align:center;
text-align:center;
margin:0;
padding:0;
font-size:25px;
}


.customvalueproposition .halfcolumn{
width:45%;
padding-right:4.5%;
float:left;
}

.customvalueproposition p{
margin:0;
padding:40px 0 0 0;
}

.chronopage label{
font-size:14px !important;
}

.chronoform>h3{
display:none;
}



.accordion .header{
display:block;
display:flex;
align-items:center;
cursor:pointer;
border-bottom:solid 1px #fff;
transition:all 0.2s;
background:url(/templates/mokaconsult/images/accordion_down.png) #1D2E3E no-repeat;
background-position: 98% center;
}

.accordion .header.open{
background:url(/templates/mokaconsult/images/accordion_up.png) #3EC6CA no-repeat;
background-position: 98% center;
}

.accordion .header img{
width:332px;
border-right:solid 1px #fff;
}

.accordion .header h2{
font-size:37px !important;
color:#fff !important;
padding-left:30px !important;
}

.accordion .content{
display:flex;
padding:30px 0 30px 365px;
display:none;
}

.accordion .content h3{
color:#3EC6CA !important;
font-size:15px;
text-transform:uppercase;
}

.accordion .content .column{
display:inline-block;
width:49%;
vertical-align:top;
}

.chronocredits{
display:none;
}

/*
.com-content-category-blog__items{
display:flex;
flex-wrap:wrap;
gap:10px;
}


.com-content-category-blog__item.blog-item{
width:calc(33.3% - 10px);
}

.com-content-category-blog__item.blog-item figure{
margin:0;
padding:0;
height:220px;
overflow:hidden;
}

.com-content-category-blog__item.blog-item figure img{
width:100%;
}*/




.latest-references .module-title{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 40px;
color: #1D2C3E;
margin: 0;
padding: 0;
font-weight: normal;
padding-bottom: 10px;
}

.latest-references a:hover{
text-decoration:none;
}

.latest-references .item{
display:flex;
font-size:14px;
margin-bottom:10px;
}

.latest-references .item .intro-image img{
width:190px;
padding-right:20px;
max-width:initial;
}

.latest-references .item .title h2{
margin:0;
padding:0;
font-size:14px;
color:#000;
}

.latest-references .item .intro p{
margin:0;
padding:0;
font-size:14px;
color:#656c77;
}

.latest-references .item .info{
display:flex;
padding-top:5px;
width:100%;
}


.latest-references .item .info .more{
text-align:right;
}

.latest-references .item .info .category{
width:50%;	
}

.latest-references .item .info .category p{
text-align:left;
color:#ccc;
margin:0;
padding:0;
}

.latest-references .item .info .more{
width:50%;	
}


.homehero{
position:relative;
}

.homehero img{
width:100%;
position:absolute;
top:0;
left:0;
opacity:0;
transition:all 0.5s;
}

.homehero img:first-child{
position:initial;
opacity:1;
}


.articles-right{
padding-top:20px;
}

.articles-right .item{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:solid 1px #ddd;
}

.articles-right .item:last-child{
border:0;
}

.articles-right h2{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 40px;
color: #1D2C3E;
margin: 0;
padding: 0;
font-weight: normal;
padding-bottom: 10px;
}

.articles-right p{
margin:0 0 20px 0;
padding:0;
font-size:14px;
}

.articles-right img{
width:100%;
height:auto;
}



.mod-custom table td{
height:100%;
vertical-align:middle;
}

#mod-custom105{
display:flex;
padding-bottom:20px;
align-content:stretch;
flex-wrap:wrap;
}