@import url('https://fonts.googleapis.com/css?family=Montserrat:100,400,700|Rubik:300,400,500,700&display=swap');

.home .widgetText .widgetTitle.h4-like { display: none; }

a:hover{
    background: none;
    text-decoration: none;
}
code,mark{
    padding:2px 4px
}
#logo,img{
    vertical-align:middle
}
.pager>a,.skip-links a,a,i,nav a:hover{
    text-decoration:none
}
.clearfix:after,.megaMenu.cols-2 .secondLevel>.arrowTop+li:nth-child(2n+2) .megaMenu.cols-3 .secondLevel>.arrowTop+li:nth-child(3n+2) .megaMenu.cols-4 .secondLevel>.arrowTop+li:nth-child(4n+2),.megaMenu.cols-2 .secondLevel>li:nth-child(2n+1),.megaMenu.cols-3 .secondLevel>li:nth-child(3n+1),.megaMenu.cols-4 .secondLevel>li:nth-child(4n+1),.megaMenu.cols-5 .secondLevel>.arrowTop+li:nth-child(5n+2),.megaMenu.cols-5 .secondLevel>li:nth-child(5n+1),.megaMenu.cols-6 .secondLevel>.arrowTop+li:nth-child(6n+2),.megaMenu.cols-6 .secondLevel>li:nth-child(6n+1){
    clear:both
}
html{
    font-size:62.5%
}
body{
    color:#444;
    font-weight:400;
    font-size:1.4em;
    font-family:'Rubik',sans-serif;
    letter-spacing:.05px;
    line-height:1.8em;
    background:#fff
}
#mobileMenu {
    display: none;
}
a,i{
    outline:0;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
a:hover{
    text-decoration:underline
}
a>i{
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
select{
    border-color:#67a8de
}
blockquote,caption,details,dl,figure,label,ol,p,pre,td,textarea,th,ul{
    margin:.75em 0 0;
    line-height:1.8
}
blockquote{
    margin:30px 100px;
    padding:20px;
    font:italic 1.4em 'Rubik',sans-serif;
    color:#38c2f7;
    text-align:center;
    border-top:1px solid #38c2f7;
    border-bottom:1px solid #38c2f7
}
label#captcha { color:red; }
.smaller{
    font-size:.7143em
}
.small{
    font-size:.8571em
}
.big{
    font-size:1.1429em
}
.bigger{
    font-size:1.2857em
}
.biggest{
    font-size:1.4286em
}
body,html{
    margin:0;
    padding:0
}
ol,ul{
    padding-left:0
}
ul.unstyled{
    list-style:none
}
code,kbd,mark{
    border-radius:2px
}
em{
    font-style:italic
}
kbd{
    padding:0 2px;
    border:1px solid #999
}
code{
    background:rgba(0,0,0,.04);
    color:#b11
}
mark{
    background:#ff0
}
sub,sup{
    position:relative;
    vertical-align:0
}
.skip-links,.skip-links a{
    position:absolute
}
sup{
    bottom:1ex
}
sub{
    top:.5ex
}
table{
    margin:20px auto;
    border-collapse:collapse
}
table.fourColumns td,table.fourColumns th{
    border:2px solid #fff
}
table.fourColumns td:nth-child(odd){
    width:15%;
    font-weight:700;
    background-color:#eee
}
#contents>div>h1:first-child,.ligneElement:first-child h1,.ligneElement:first-child h2,.ligneElement:first-child h3,.ligneElement:first-child h4,.ligneElement:first-child h5,.ligneElement:first-child h6,.widget:first-child>.h1-like,.widget:first-child>.h2-like,.widget:first-child>.h3-like,.widget:first-child>.h4-like,.widget:first-child>.h5-like,.widget:first-child>.h6-like,.widget:first-child>h1,.widget:first-child>h2,.widget:first-child>h3,.widget:first-child>h4,.widget:first-child>h5,.widget:first-child>h6{
    margin-top:0
}
li ol,li p:first-child,li ul{
    margin-top:0;
    margin-bottom:0
}
blockquote,code,img,input,pre,table,td,textarea,video{
    max-width:100%
}
.ie678 .gm-style img{
    height:100%
}
.gm-style img,.gmnoprint img,.gmnoscreen img{
    max-width:none!important
}
a img{
    border:0
}
body>script{
    display:none!important
}
.skip-links a{
    left:-7000px;
    padding:.5em;
    color:#fff;
    background:#000
}
footer,footer a{
    color:#999
}
#page,header{
    background-color:#fff
}
.skip-links a:focus{
    position:static
}
.clearfix:after,.clearfix:before{
    content:"";
    display:table
}
hr{
    margin:0
}
*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.h1-like,.h1-like.elementTitle>*,h1{
    margin:1.6em 0 1em;
    font-size:2.4em
}
#breadcrumb+#content #text .ligneElement:first-child h1{
    margin-bottom:.5em
}
.h2-like,.h2-like.elementTitle>*,h2{
    margin:1.4em 0 .5em;
    font-size:2em;
    font-weight:600;
    line-height:1.4em
}
#logo,#mobileMenu{
    height:auto;
}
.h2-like.light,.h2-like.light.elementTitle>*,h2.light{
    font-weight:300
}
.h3-like,.h3-like.elementTitle>*,h3{
    margin:1.2em 0 0;
    font-size:1.6em;
    font-weight:300
}
.h4-like,.h4-like.elementTitle>*,h4{
    margin:1.6em 0 0;
    font-size:1.3em;
    font-weight:600
}
.h5-like,.h5-like.elementTitle>*,h5{
    margin:1em 0 0;
    font-size:1.1em;
    font-weight:400;
    color:#999
}
.h6-like,.h6-like.elementTitle>*,h6{
    margin:.8em 0 0;
    font-size:.8em
}
#page{
    overflow-x:hidden
}
header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    height:105px;
    -webkit-transition:height .2s ease-in-out;
    -o-transition:height .2s ease-in-out;
    transition:height .2s ease-in-out;
    background: linear-gradient(to right, #fff 0%, #fff 30%, #041E42 30%);
}
#logo{
    display:inline-block;
    height: 105px;
    padding: 10px 0 15px;
    background: #fff;
    margin-left: -90px;
}
#logo img {
    display:inline-block;
    height: 70px;
}
header .w300p {
    background: #fff;
    position: relative;
}
header .angleTopRight:after {
    background: #fff;
}
header .w85 {
    justify-content: flex-end;
    align-items: center;
}
#wrapper{
    padding-top:75px
}
#rubricPicture{
    background-color:#eee
}
#contents .widget{
    padding-bottom:30px
}
footer{
    background-color:#444
}
footer a:hover{
    color:#fff
}
.pager>a{
    height:40px;
    font-weight:600;
    line-height:38px;
    color:#999
}
.pager>a:hover{
    color:#fff;
    background-color:#45abeb;
    border-color:#45abeb
}
.pager>a.pager_current_page,.pager>a.pager_current_page:hover{
    font-weight:700;
    color:#45abeb;
    background-color:transparent;
    border-color:#45abeb
}
nav>ul>li>ul,nav>ul>li>ul>li ul{
    position:absolute;
}
.pager>a>i{
    font-size:1.4em;
    line-height:38px
}
#breadcrumb,nav a{
    font-size:.9286em
}
#breadcrumb ul,nav ul{
    list-style-type:none
}
#breadcrumb {
    background: #F5F5F5;
    padding: 15px 0;
}
#breadcrumb ul a,#breadcrumb ul span {
    color: #717171;
    text-transform: uppercase;
}
nav>ul>li>ul{
    top:100%;
    left:50%;
    z-index:10;
    display:none;
    width: 100%;
    background-color:#fff;
    transform:translateX(-50%);
    background: #EFEFEF
}
nav>ul li:hover>ul{
    display:block
}
nav>ul>li>ul>i{
    position:absolute;
    left:50%;
    top:-15px;
    z-index:999
}
nav a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3em;
    text-transform: uppercase;
    color:#fff;
    padding: 7px 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav > ul > li > a {
    border: .5px solid rgba(4,30,66,.5)
}
.socialLink a i {
    color: #fff;
    font-size: 16px;
    line-height: 1.3em;
}
.socialLink a i:hover {
    color: #F3CFB3
}
nav ul>li>span>img{
    max-height:30px;
    cursor:pointer
}
nav ul>li>span.nestedPicture+a{
    float:left
}
nav ul>li.active>span.nestedPicture{
    margin-right:10px
}
nav>ul>li.active>a > span{
    padding-bottom: 3px;
    border-bottom: 1px solid #F3CFB3
}
nav>ul>li.active:hover>a > span {
    border-bottom: none;
}
nav>ul>li>ul li:last-child{
    border-bottom:none
}
nav>ul>li>ul a{
    font:400 1em/3.077em Raleway,'Rubik',sans-serif
}
nav>ul>li>ul>li ul{
    top:-5px;
    left:250px;
    z-index:10;
    display:none;
    background-color:#fff
}
nav>ul>li.megaMenu{
    position:static
}
nav>ul>li.megaMenu>ul{
    left:50%;
    width:1080px;
    padding:20px;
    margin-left:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
nav>ul>li.megaMenu>ul>li{
    float:left;
    padding-right:30px;
    border-bottom:none
}
nav>ul>li.megaMenu>ul>li>a{
    padding:0 5px;
    font:600 1.2em/2em 'Montserrat',sans-serif;
    color:#45abeb
}
nav>ul>li.megaMenu>ul>li .nestedPicture{
    position:relative;
    padding:0 5px;
    cursor:pointer
}
nav>ul>li.megaMenu>ul>li .nestedPicture:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:5px;
    right:5px;
    z-index:2;
    box-shadow:inset 0 0 0 0 rgba(69,171,235,0);
    -webkit-transition:all .5s cubic-bezier(.19,1,.22,1);
    -o-transition:all .5s cubic-bezier(.19,1,.22,1);
    transition:all .5s cubic-bezier(.19,1,.22,1)
}
nav>ul>li.megaMenu>ul>li .nestedPicture>img{
    float:none;
    max-height:200px;
    border:1px solid #666;
    -webkit-transition:all .5s cubic-bezier(.19,1,.22,1);
    -o-transition:all .5s cubic-bezier(.19,1,.22,1);
    transition:all .5s cubic-bezier(.19,1,.22,1)
}
nav>ul>li.megaMenu>ul>li .nestedPicture:hover:before{
    box-shadow:inset 0 0 0 8px rgba(69,171,235,.5)
}
nav>ul>li.megaMenu>ul>li .nestedPicture:hover>img{
    border-color:#29adf1;
    opacity:.7
}
nav>ul>li.megaMenu>ul>li>a:hover{
    background-color:rgba(0,156,255,.1)
}
nav>ul>li.megaMenu>ul>li ul{
    position:static;
    display:block;
    width:auto;
    border:none;
    box-shadow:none;
    -webkit-transform:inherit;
    -ms-transform:inherit;
    transform:inherit
}
nav>ul>li.megaMenu>ul>li ul li{
    border:none
}
nav>ul>li.megaMenu>ul>li ul li>a{
    padding:0 5px;
    font:400 1em/2.307em 'Montserrat';
    color:#999
}
nav>ul>li.megaMenu>ul>li ul li>a:before{
    content:"\f105";
    display:inline-block;
    margin-right:10px;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.megaMenu.cols-2 .secondLevel>li:nth-child(n+3),.megaMenu.cols-3 .secondLevel>li:nth-child(n+4),.megaMenu.cols-4 .secondLevel>li:nth-child(n+5),.megaMenu.cols-5 .secondLevel>li:nth-child(n+6),.megaMenu.cols-6 .secondLevel>li:nth-child(n+7){
    margin-top:30px
}
.megaMenu.cols-2 .secondLevel>.arrowTop+li+li,.megaMenu.cols-3 .secondLevel>.arrowTop+li+li+li,.megaMenu.cols-4 .secondLevel>.arrowTop+li+li+li+li,.megaMenu.cols-5 .secondLevel>.arrowTop+li+li+li+li+li,.megaMenu.cols-6 .secondLevel>.arrowTop+li+li+li+li+li+li{
    clear:none;
    padding-right:0;
    margin-top:0
}
nav > ul > li:hover {
    background: #EFEFEF
}
nav > ul > li:hover > a,
nav > ul > li > a:hover {
    color: #041E42;
}
nav > ul > li > ul {
    text-align: left;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav > ul > li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav > ul > li > ul > li {
    border-top: .5px solid rgba(4,30,66,.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
nav > ul > li > ul > li > a,
nav > ul > li > ul > li > a:hover {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2em;
    color: #041E42;
    border: none;
    text-transform: none;
    padding: 5px 10px!important
}
nav > ul > li > ul > li:hover {
    background: #041E42
}
nav > ul > li > ul > li:hover > a {
    color: #fff;
}
footer {
    background: linear-gradient(to right, #fff,#fff 30%, #041E42 30%, #041E42)
}
footer .w300p {
    position: relative;
    background: #fff;
    padding-top: 30px;
}
footer .w300p a img {
    margin-bottom: 30px;
}
footer .w300p p {
    color: #041E42;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
}
footer .w300p .contactez {
    padding: 10px;
    margin-top: 80px;
    border: 1px solid #041E42;
    box-shadow: 0 0 10px #888;
    background: #fff;
    color: #041E42;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
footer .w300p .contactez:hover {
    background: #041E42;
    color: #fff;
}
footer .w300p .angleTopRight {
    width: 190px;
}
footer .w300p .angleTopRight:after {
    transform: skewX(-24deg);
    background: #fff;
    width: 185px
}
footer .w85.flexRow {
    padding-left: 200px;
}
footer .w85.flexRow .w50 {
    margin-bottom: 30px;
}
footer .w85.flexRow .w50 > p,
footer .w85.flexRow .w50 > a {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin-top: 30px;
    text-decoration: none;
}
footer .w85.flexRow .w50 > p:hover,
footer .w85.flexRow .w50 > a:hover {
    color: #F3CFB3
}
footer .w85.flexRow .w50 ul {
    list-style: none;
}
footer .w85.flexRow .w50 ul li {
    padding-right: 20px;
}
footer .w85.flexRow .w50 ul li a {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 300;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}
footer .w85.flexRow .w50 ul li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
footer .w85.flexRow .w50 ul li a:hover:before{
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
footer .signature {
    background: #F5F5F5;
}
footer .signature ul {
    margin-top: 0;
}
footer .signature li {
    list-style: none;
    display: inline-block;
    width: auto;
    color: #000000;
    padding: 0 5px;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 300;
}
footer .signature p,
footer .signature a {
    color: #000000;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 300;
}
footer .signature span {
    margin: 0 5px;
}
.bubble{
    position:absolute;
    top:-20px;
    right:-15px;
    padding:5px;
    line-height:1;
    color:#fff;
    text-transform:none;
    background:#ff7633
}
#smart-toggle i,#smart-toggle i:after,#smart-toggle i:before{
    display:block;
    width:18px;
    height:2px;
    background-color:#666;
    position:absolute
}
#smart-toggle{
    position:absolute;
    top:0;
    left:0;
    z-index:102;
    display:none;
    width:45px;
    height:45px;
    cursor:pointer;
    background:#fff;
    transition:transform .5s
}
#smart-toggle i{
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    transition:background .5s
}
#smart-toggle i:after,#smart-toggle i:before{
    content:'';
    top:0;
    left:0;
    transform:translateY(-6px);
    transition:transform .5s
}
#smart-toggle:hover i,#smart-toggle:hover i:after,#smart-toggle:hover i:before{
    background-color:#29adf1
}
#smart-toggle i:after{
    transform:translateY(6px)
}
#smart-toggle.is-opened i{
    background:0 0
}
#smart-toggle.is-opened i::before{
    transform:translateY(0) rotate(45deg)
}
#smart-toggle.is-opened i::after{
    transform:translateY(0) rotate(-45deg)
}
#article #text h2{
    margin:30px 0 20px
}
#article #text h3{
    margin:20px 0 10px
}
#blogDescription{
    font:400 1.1423em/2em Raleway;
    color:#666
}
.blogPostPicture{
    background-color:#eee;
    background-position:center;
    background-size:cover
}
.blogBox .blogPostPicture,.blogList .blogPostPicture{
    background-position:center center;
    background-size:cover;
    overflow:hidden
}
.blogPostPicture img{
    width:100%;
    visibility:hidden
}
.blogPostTitle{
    margin:1em 0 .7em
}
.blogPostTitle a{
    color:#444
}
.blogPostCategory+.blogPostTitle{
    margin-top:0
}
.blogPostCategory{
    font-size:1em;
    font-weight:600;
    line-height:1.2em;
    color:#999;
    text-transform:uppercase
}
.blogPostResume .blogPostPicture{
    cursor:pointer
}
.blogPostResume .blogPostDate{
    position:absolute;
    top:0;
    left:50%;
    z-index:2;
    height:60px!important;
    width:40px;
    padding:8px 0 10px;
    margin-left:-20px;
    font:400 13px/1.8em Raleway;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    background-color:#45abeb
}
.blogPostResume .blogPostCategory{
    font-size:.8em;
    text-overflow:ellipsis;
    white-space:nowrap
}
.blogPostResume .blogPostDate:after,.blogPostResume .blogPostDate:before{
    content:'';
    position:absolute;
    top:0;
    left:-18px;
    display:block;
    width:0;
    height:0;
    border-right:18px solid #45abeb;
    border-top:30px solid transparent;
    border-bottom:30px solid transparent
}
.blogPostResume .blogPostDate:after{
    left:auto;
    right:-18px;
    border-right:none;
    border-left:18px solid #45abeb
}
.blogPostDate strong{
    display:block;
    font-size:1.667em
}
#blogPostDetailMetas{
    padding-top:10px
}
#blogPostDetailMetas,.blogPostMetas{
    font:400 .857em/30px Raleway
}
#blogPostDetailMetas>*,.blogPostMetas>*{
    height:25px
}
.blogPostMetas:before{
    content:'';
    position:absolute;
    bottom:0;
    display:block;
    width:60px;
    height:3px;
    margin-top:45px;
    background-color:#45abeb
}
.blogList .blogPostPicture img,.blogPostResume .rating-stars,.blogPostResume .ratingsDatas .h3-like{
    display:none
}
#blogPostDetailMetas i,.blogPostMetas i{
    font-size:1.6em
}
#blogPostDetailMetas i{
    margin-top:2px
}
.postDetail-fullwidth #blogPostDetailMetas i{
    margin-top:0
}
.blogPostTags li{
    color:#999
}
.blogBox .blogPostResume{
    padding:30px 10px;
    margin-bottom:30px
}
.blogBox .blogPostContent{
    height:320px;
    padding:20px 20px 10px;
    border:1px solid #ccc;
    border-top:none
}
.blogBox .blogPostPicture{
    height:230px;
    text-align:center;
    border-top:5px solid #45abeb
}
.blogBox .blogPostPicture img{
    visibility:hidden
}
.blogBox .blogPostCategory,.blogMasonry .blogPostCategory{
    padding-top:0
}
.blogBox .blogPostTitle{
    margin-top:0;
    font-size:1.2em;
    overflow:hidden
}
.blogBox.blogPostsList .blogPostTitle{
    max-height:50px
}
.blogBox .blogPostDescription{
    height:100px
}
.blogBox .blogPostLink{
    position:absolute;
    bottom:50px;
    left:0;
    right:0;
    text-align:center
}
.blogList .blogPostResume{
    height:330px;
    padding:0 0 30px;
    font-size:0
}
.blogList .blogPostDate{
    top:50%;
    left:20px;
    font-size:14px;
    margin-top:-45px
}
.blogList .blogPostPicture{
    float:left;
    width:30%;
    height:100%;
    border:1px solid #ccc;
    border-right:none
}
.blogList .blogPostContent{
    float:right;
    width:70%;
    height:100%;
    padding:0 30px 30px;
    font-size:14px;
    background-color:#fff;
    border:1px solid #ccc
}
.blogList .blogPostTitle{
    font-size:1.4em;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
#blogPostDetail #blogPostDetailMetas:before,.blogList .blogPostMetas:before{
    margin-top:35px
}
.blogList .blogPostLink{
    text-align:right
}
.blogMasonry .blogPostResume{
    float:left;
    display:block;
    vertical-align:top;
    width:23%;
    padding:0!important;
    margin:0 2% 2% 0!important;
    border-radius:4px;
    cursor:pointer;
    -webkit-transition:box-shadow .2s ease-in-out;
    -o-transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out
}
.blogPostsList.blogMasonry.cols-2 .blogPostResume{
    width:48%
}
.blogPostsList.blogMasonry.cols-3 .blogPostResume{
    width:31.333%!important;
    min-width:31.333%!important
}
.blogPostsList.blogMasonry.cols-4 .blogPostResume{
    width:23%
}
.blogMasonry .blogPostResume:nth-child(4n+4){
    margin:0 0 2%
}
.blogMasonry .blogPostResume:hover{
    box-shadow:0 0 10px rgba(0,0,0,.25)
}
.blogMasonry .blogPostAuthor{
    padding-right:0
}
.blogMasonry .blogPostDate{
    position:static;
    float:none;
    display:none;
    width:auto;
    height:auto!important;
    padding:0 10px 0 0;
    margin-left:0;
    line-height:inherit;
    color:#444;
    text-align:left;
    text-transform:none;
    background-color:transparent
}
.blogMasonry .blogPostDate *{
    display:inline-block;
    font-size:11px;
    font-weight:300
}
.blogMasonry .blogPostDate:before{
    content:', le';
    position:static;
    display:inline-block;
    width:auto;
    margin-right:5px;
    border:none
}
#blogPostDetail .blogPostMetas:before,.blogMasonry .blogPostDate:after,.blogMasonry .blogPostLink,.blogMasonry .ratingsDatas,.blogPostDetail #wrapperInner>h1,.cols-2.blogList .blogPostCategory,.cols-2.blogList .blogPostTags,.cols-4.blogBox .blogPostCategory{
    display:none
}
.blogMasonry .blogPostDate strong{
    margin-right:5px
}
.blogMasonry .blogPostTags{
    clear:both;
    padding-left:0;
    border:none
}
.blogMasonry .blogPostContent{
    padding:20px;
    background-color:#fff;
    border:1px solid #ccc
}
.blogMasonry .blogPostTitle{
    margin-top:0;
    font-size:1.2em
}
.blogMasonry .blogPostMetas{
    position:static;
    padding-bottom:0;
    font-size:11px
}
.blogMasonry .blogPostMetas:before{
    position:static;
    margin:20px 0
}
.blogMasonry .blogPostMetas>*{
    height:auto
}
.blogMasonry .blogPostDescription{
    padding-top:10px;
    font-size:.9em
}
.cols-2.blogPostsList .blogPostResume{
    float:left;
    width:50%
}
.cols-2.blogList .blogPostResume{
    padding:0
}
.cols-2.blogBox .blogPostResume:nth-child(odd),.cols-2.blogList .blogPostResume:nth-child(odd),.cols-2.blogPostsList .blogPostResume:nth-child(odd){
    padding-right:15px
}
.cols-2.blogBox .blogPostResume:nth-child(even),.cols-2.blogList .blogPostResume:nth-child(even),.cols-2.blogPostsList .blogPostResume:nth-child(even){
    padding-left:15px
}
.cols-2.blogPostsList .blogPostResume .blogPostPicture{
    height:300px
}
.cols-2.blogList .blogPostDescription{
    padding:10px 0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.cols-2.blogBox .blogPostResume:nth-child(odd) .blogPostDate{
    margin-left:-21px
}
.cols-2.blogBox .blogPostResume:nth-child(even) .blogPostDate{
    margin-left:-17px
}
.cols-3.blogPostsList .blogPostResume{
    float:left;
    width:33.333%!important;
    min-width:33.333%!important
}
.cols-3.blogBox .blogPostResume:nth-child(3n+1){
    padding:30px 20px 30px 0;
    clear:both
}
.cols-3.blogBox .blogPostResume:nth-child(3n+3){
    padding:30px 0 30px 20px
}
.cols-3.blogBox .blogPostResume:nth-child(3n+3) .blogPostDate{
    margin-left:-10px
}
.cols-4.blogBox .blogPostResume{
    width:25%;
    padding:0 10px 30px
}
.cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate{
    left:35px
}
.cols-4.blogBox .blogPostPicture{
    height:160px
}
.cols-2.blogList .blogPostResume{
    height:210px
}
.cols-2.blogList .blogPostResume .blogPostPicture{
    width:40%;
    height:100%
}
.cols-2.blogList .blogPostContent{
    width:60%
}
.cols-2.blogList .blogPostMetas{
    padding-bottom:15px
}
.cols-4.blogBox .blogPostResume:nth-child(4n+1){
    padding:0 20px 30px 0
}
.cols-4.blogBox .blogPostResume:nth-child(4n+1) .blogPostDate{
    margin-left:-30px
}
.cols-4.blogBox .blogPostResume:nth-child(4n+4){
    padding:0 0 30px 20px
}
.cols-4.blogBox .blogPostResume:nth-child(4n+4) .blogPostDate{
    margin-left:-10px
}
.cols-2.blogList .blogPostResume:nth-child(n+1),.cols-3 .blogPostResume:nth-child(n+2),.cols-4 .blogPostResume:nth-child(n+3){
    margin-bottom:30px
}
.cols-1.blogBox .blogPostResume:last-child{
    margin-bottom:0
}
#blogPostDetailPicture img{
    width:100%
}
#blogPostDetail .blogPostTitle{
    margin-top:0;
    padding-top:5px;
    height:auto;
    font-size:2.4em;
    line-height:1.4em
}
#blogPostDetail .blogPostDate{
    position:static;
    margin-top:0;
    font-size:14px
}
.postDetail-fullwidth #buttonFacebook:hover>*{
    top:-30px
}
.blogPostSocialButton>span{
    display:block!important;
    font-size:1em
}
#blogPostDetail .ratingsDatas i{
    display:none!important
}
.blogPostDetail.postDetail-fullwidth #wrapperInner,.blogPostDetail.postDetail-parallax #wrapperInner{
    width:100%;
    padding-top:0
}
.blogPostDetail.postDetail-fullwidth #breadcrumb,.blogPostDetail.postDetail-parallax #breadcrumb{
    position:absolute;
    width:1080px;
    margin:0 auto
}
.blogPostDetail #contents .widget{
    display:none
}
.blogPostDetail.postDetail-fullwidth #blogPostDetail,.blogPostDetail.postDetail-parallax #blogPostDetail{
    padding-top:0
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailPicture,.blogPostDetail.postDetail-parallax #blogPostDetailPicture{
    max-height:400px;
    padding-bottom:0
}
.blogPostDetail.postDetail-fullwidth .blogPostCategory,.blogPostDetail.postDetail-parallax .blogPostCategory{
    color:#fff
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailHeader{
    min-height:180px;
    background-color:#666
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailHeaderContent,.blogPostDetail.postDetail-parallax #blogPostDetailHeaderContent{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:1080px;
    margin-left:-540px;
    color:#fff;
    text-shadow:0 0 20px rgba(0,0,0,.3);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.blogPostDetail.postDetail-parallax .blogPostDate{
    color:#fff
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailMetas,.blogPostDetail.postDetail-parallax #blogPostDetailMetas{
    padding-top:10px;
    padding-bottom:0
}
.blogPostDetail.postDetail-fullwidth .blogPostSocialButton,.blogPostDetail.postDetail-parallax .blogPostSocialButton{
    line-height:30px;
    color:#fff;
    border-color:#fff;
    border-width:2px
}
.blogPostDetail.postDetail-parallax #buttonFacebook:hover>*{
    top:-23px
}
.blogPostDetail.postDetail-fullwidth #blogPostDetailContent,.blogPostDetail.postDetail-parallax #blogPostDetailContent{
    width:1080px;
    padding-top:30px;
    margin:0 auto
}
.elementDirectory.pb0 .directoryEntries{
    padding-bottom:0
}
.directoryListFilters{
    display:none;
    list-style-type:none
}
.directoryListFilters li{
    float:left;
    padding:5px 10px;
    margin-top:10px;
    margin-right:10px;
    cursor:pointer;
    background:#eee;
    transition:background-color .2s ease-in-out,color .2s ease-in-out
}
.directoryEntryPicture,.directoryGrid .directoryEntry{
    background-position:center center;
    background-size:cover
}
.directoryListFilters li.active,.directoryListFilters li:hover{
    color:#fff;
    background-color:#45abeb
}
.directoryListFilters .filterNumber{
    display:inline-block;
    height:20px;
    padding-right:10px;
    margin-right:10px;
    font-size:12px;
    line-height:20px;
    border-right:1px solid #ccc
}
.directoryEntryPicture img,.filtersActive .directoryEntries .mix{
    display:none
}
.directoryEntry:last-child{
    padding-bottom:0
}
.directoryEntryPicture{
    height:200px;
    background-color:#eee;
    -webkit-transition:all 5s ease-in-out;
    -o-transition:all 5s ease-in-out;
    transition:all 5s ease-in-out
}
.directoryEntryContent{
    margin-left:200px
}
.directoryEntryMetas{
    font-size:.8em
}
.directoryEntryMetas ul{
    margin:0!important;
    padding:0!important
}
.directoryEntryMetas ul li{
    float:left;
    list-style-type:none
}
.directoryEntryMetas ul li+li:before{
    content:',';
    margin-right:3px
}
.directoryEntryMetas ul:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.directoryEntryDescription{
    height:50px;
    font-size:.857em;
    line-height:2em;
    text-overflow:ellipsis
}
.directoryEntryBackground{
    display:none
}
.directoryEntryTag,.tagcloud a{
    display:inline-block;
    padding:0 5px;
    font-size:11px!important;
    line-height:20px;
    border:1px solid #45abeb!important
}
.directoryEntryLink>span,.directoryGrid .directoryEntryShortDescription{
    display:none
}
#content #text .directoryEntryTag:hover,.directoryEntryTag:hover,.tagcloud a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#45abeb
}
.directoryEntryLink{
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
    width:40px;
    height:40px;
    font-size:1.2em;
    line-height:45px;
    color:#999
}
.directoryEntryLink:hover{
    color:#fff;
    background-color:#428bca;
    border-color:#428bca
}
.directoryEntryLink>i{
    font-size:1.6em
}
.cols-2 .directoryEntry{
    float:left;
    width:50%
}
.cols-2 .directoryEntry:nth-child(odd){
    padding-right:10px
}
.cols-2 .directoryEntry:nth-child(even){
    padding-left:10px
}
.directoryGrid .directoryEntry{
    padding-bottom:0;
    cursor:pointer;
    overflow:hidden
}
.directoryGrid .directoryEntry>div{
    border:none
}
.directoryGrid .directoryEntryPicture{
    float:none;
    width:100%;
    border-right:none
}
.directoryGrid .directoryEntryContent{
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    bottom:0;
    padding:10px 20px;
    margin:0;
    color:#fff;
    background-color:#45abeb;
    -webkit-transition:transform .2s ease-in-out;
    -o-transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    -webkit-transform:perspective(1px) translateY(100%) translateZ(0);
    -ms-transform:perspective(1px) translateY(100%) translateZ(0);
    transform:perspective(1px) translateY(100%) translateZ(0);
    outline:transparent solid 1px;
    -webkit-font-smoothing:antialiased
}
.directoryGrid .directoryEntry:hover .directoryEntryContent {
    -webkit-transform:perspective(1px) translateY(0);
    -ms-transform:perspective(1px) translateY(0);
    transform:perspective(1px) translateY(0)
}
.directoryGrid h3{
    padding-right:0;
    margin-bottom:0;
    font-weight:700
}
.directoryGrid .directoryEntryMetas{
    padding-top:0;
    padding-bottom:0;
    font-size:1em;
    font-weight:400
}
.directoryGrid .directoryEntryClient{
    padding-left:0;
    border-left:none
}
.directoryGrid .directoryEntryDescription,.directoryGrid .directoryEntryLink,.directoryGrid .directoryEntryTags{
    display:none!important
}
.directoryGrid.cols-2 .directoryEntry{
    width:50%;
    padding:0
}
.directoryGrid.cols-2 .directoryEntryPicture{
    height:405px
}
.directoryGrid.cols-3 .directoryEntry{
    float:left;
    width:33.333%;
    height: 260px;
    padding:0;
}
.directoryGrid.cols-3 .directoryEntry > div,
.directoryGrid.cols-3 .directoryEntry > div > div {
    height: 100%;
    width: 100%;
}
.directoryGrid.cols-3 .directoryEntry > div > .realisationsPicture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.directoryGrid.cols-4 .directoryEntry{
    float:left;
    width:25%;
    padding:0
}
.directoryGrid.textMove .directoryEntryContent{
    top:0;
    background-color:rgba(243,207,179,.8);
    opacity:0;
    -webkit-transition:padding-top .2s ease-in-out,opacity .2s ease-in-out;
    -ms-transition:padding-top .2s ease-in-out,opacity .2s ease-in-out;
    transition:padding-top .2s ease-in-out,opacity .2s ease-in-out;
    -webkit-transform:none;
    -o-transform:none;
    transform:none;
    text-align:center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.directoryGrid.textMove .directoryEntryTextMove{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    z-index:2;
    -webkit-transition:transform .2s ease-in-out;
    -ms-transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    -webkit-transform:translateY(-70%);
    -ms-transform:translateY(-70%);
    transform:translateY(-70%)
}
.directoryGrid.textMove .directoryEntry:hover .directoryEntryContent{
    opacity:1
}
.directoryGrid.textMove .directoryEntry:hover .directoryEntryTextMove{
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.directoryLine .directoryEntry{
    padding-bottom:0;
    background-color:#000;
    cursor:pointer
}
.directoryLine .directoryEntry>div{
    height:300px;
    border:none;
    overflow:hidden
}
.directoryLine .directoryEntryPicture{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:auto;
    height:auto;
    opacity:.7
}
#content #text .directoryLine .directoryEntry:hover .directoryEntryPicture{
    transform:scale(1.2)
}
.directoryLine .directoryEntry:hover .directoryEntryPicture{
    opacity:.9
}
.directoryLine .directoryEntryContent{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    width:1080px;
    padding:30px 150px 30px 0;
    margin:0 auto;
    cursor: pointer;
    color:rgba(255,255,255,.9);
    -webkit-transition:padding .2s ease-in-out;
    -o-transition:padding .2s ease-in-out;
    transition:padding .2s ease-in-out;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.directoryLine .directoryEntry:hover .directoryEntryContent{
    padding:30px 130px 30px 30px
}
.directoryLine .directoryEntryContent h3{
    font-size:4em;
    line-height:1em;
    color:#fff
}
.directoryLine .directoryEntryMetas{
    padding:20px 0
}
#content #text .directoryLine .directoryEntryTag{
    color:#fff;
    border-color:#fff!important
}
#content #text .directoryLine .directoryEntryTag:hover{
    color:#45abeb;
    background-color:#fff
}
.directoryLine .directoryEntryShortDescription{
    height:auto;
    padding:0 0 20px;
    font-size:1.2em
}
#content #text .directoryLine .directoryEntryLink{
    position:absolute;
    top:50%;
    right:100px;
    z-index:2;
    display:block;
    width:40px;
    height:40px;
    text-indent:-9999px;
    border:none;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    -webkit-transform:translateY(-50%) rotate(45deg);
    -o-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg)
}
#content #text .directoryLine .directoryEntry:hover .directoryEntryLink{
    right:80px;
    text-decoration:none;
    background-color:transparent
}
.directoryLine .directoryEntryLink>i{
    display:none
}
.directoryLine .directoryEntryLink>span{
    display:block
}
.fullwidth.directoryEntryDetail #wrapperInner{
    padding-top:0
}
.fullwidth.directoryEntryDetail #breadcrumb{
    display:none
}
.fullwidth #directoryEntryDetailHeading{
    border-right:none;
    border-left:none
}
#directoryEntryDetailContent,#directoryEntryDetailFooter>div,.fullwidth #directoryEntryDetailHeading>div{
    width:1080px;
    margin:0 auto
}
#directoryEntryDetail h1{
    width:auto;
    margin:0
}
.directoryEntryTagsLink{
    height:20px;
    line-height:20px;
    font-size:.786em;
    border-color:#45abeb
}
#directoryEntryNavigation i{
    position:absolute;
    top:50%;
    z-index:1;
    width:20px;
    font-size:3em;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#directoryEntryPrevious i{
    left:20px
}
#directoryEntryNext i{
    right:20px
}
#directoryEntryNavigation strong{
    display:block;
    font-size:1.4em;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
#directoryEntryDetailGallery li{
    float:left;
    width:33.33%;
    list-style-type:none
}
#contents .widget+.widget{
    margin-top:30px
}
.widget .widgetTitle{
    margin-top:0
}
.widget.cols-2 .item{
    float:left;
    width:50%
}
.widget.cols-2 .item:nth-child(odd){
    clear:both;
    padding-right:30px
}
.widget.cols-2 .item:nth-child(even){
    padding-left:30px
}
.itemDate{
    height:20px;
    line-height:20px;
    color:#fff;
    background-color:rgba(69,171,235,.7)
}
#contents .widgetHighlightPosts{
    padding-bottom:0
}
.widgetShortcutTools li a{
    display:block;
    line-height:40px
}
.widgetShortcutTools li a:hover{
    padding-left:30px;
    color:#fff;
    text-decoration:none;
    background-color:#45abeb
}
.widgetShortcutTools li a i{
    position:absolute;
    top:50%;
    right:10px;
    font-size:2em;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
label{
    display:block;
    margin:0 0 5px;
    -webkit-transition:color .2s ease-in-out;
    -o-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out
}
.newCheckbox+label,.newRadio+label,input[type=radio]+label,input[type=checkbox]+label{
    display:inline-block
}
#form input[type=text],#form input[type=password],#form input[type=mail],#formpersonnalise input[type=text],#formpersonnalise input[type=password],#formpersonnalise input[type=mail],#formpersonnalise input[type=date],textarea{
    width:700px;
    max-width:100%
}
input[type=text],input[type=password],input[type=mail],input[type=date],textarea{
    padding:5px 10px;
    font-family: 'Rubik' ,sans-serif;
    outline:0;
    border:1px solid #999;
    transition:all .2s ease-in-out
}
input[type=text],input[type=password],input[type=mail],input[type=date]{
    height:36px;
    padding:0 10px;
    font-size:1em;
    outline: none;
    color: #041E42
}
textarea{
    font-size:1em;
    resize:none
}
select{
    width:700px;
    outline:0
}
fieldset{
    margin:0;
    padding:0;
    border:none
}
legend{
    display:block;
    width:100%;
    padding-bottom:10px;
    font-size:1.4em;
    font-weight:600
}
form a.backLink{
    display:none
}
.obligatory{
    color:#ed1f24
}
::-webkit-input-placeholder{
    color:#ccc
}
:-moz-placeholder{
    color:#ccc
}
::-moz-placeholder{
    color:#ccc
}
:-ms-input-placeholder{
    color:#ccc
}
.row{
    padding-bottom:20px
}
.formulaire>form{
    min-width:490px
}
.back{
    height:70px;
    line-height:40px
}
.newCheckbox,.newRadio{
    width:20px;
    height:20px;
    margin-right:5px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    text-align:center;
    cursor:pointer
}
.multi_checkbox{
    display:block
}
.newCheckbox,.newCheckboxElement>*,.newRadioElement>*{
    display:inline-block;
    vertical-align:middle
}
.newCheckboxElement{
    position:relative;
    margin-bottom:10px
}
.newCheckboxElement input[type=checkbox]{
    position:absolute;
    bottom:0;
    right:0;
    visibility:hidden
}
.newCheckboxElement label,.newRadioElement label{
    margin-bottom:0;
    line-height:20px
}
.newCheckbox{
    line-height:18px;
    background-color:#fff;
    border:1px solid #999;
    border-radius:4px;
    transition:all .2s ease-in-out
}
.newCheckbox:hover{
    border:2px solid #45abeb
}
.newCheckbox.active{
    background-color:#45abeb;
    border-color:#45abeb
}
.newCheckbox.active:before{
    content:'\f00c';
    font:normal normal normal 13px/1 FontAwesome;
    color:#fff
}
.newCheckbox.active+label,.newRadio.active+label{
    color:#45abeb
}
.multi_radio{
    display:block
}
.newRadioElement{
    position:relative;
    margin-bottom:5px
}
.newRadioElement input[type=radio]{
    position:absolute;
    bottom:0;
    right:0;
    visibility:hidden
}
.newRadio{
    display:inline-block;
    vertical-align:middle;
    line-height:18px;
    background-color:#fff;
    border:1px solid #999;
    border-radius:50%;
    transition:all .2s ease-in-out
}
.newRadio:hover{
    border:2px solid #45abeb
}
.newRadio.active{
    border:3px solid #45abeb
}
.newInputFileElement{
    position:relative;
    padding-top:15px;
    max-width:700px
}
.newInputFileElement input[type=file]{
    position:absolute;
    bottom:-10px;
    left:0;
    width:0;
    height:0;
    visibility:hidden
}
.newInputFile{
    height:36px;
    font-family: 'Rubik' ,sans-serif;
    line-height:34px;
    color:#666;
    background-color:transparent;
    cursor:pointer
}
.selectWithVisual .element{
    position:relative;
    width:100%
}
.selectWithVisual .element label{
    cursor:pointer
}
.selectWithVisual .element img{
    -webkit-transition:box-shadow .2s ease-in-out;
    -o-transition:box-shadow .2s ease-in-out;
    transition:box-shadow .2s ease-in-out
}
.selectWithVisual .element.active img,.selectWithVisual .element:hover img{
    box-shadow:0 0 0 5px #45abeb
}
.selectWithVisual .element.active label:before{
    content:'\f00c';
    position:absolute;
    top:3px;
    left:3px;
    z-index:3;
    display:block;
    font:normal normal normal 18px/1 FontAwesome;
    color:#fff
}
.selectWithVisual .element.active label:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    border:20px solid transparent;
    border-left:20px solid #45abeb;
    border-top:20px solid #45abeb
}
.selectWithVisual input[type=radio]{
    position:absolute;
    bottom:0;
    right:0;
    visibility:hidden
}
.selectWithVisual.cols-2 .element{
    width:50%
}
.selectWithVisual.cols-3 .element{
    width:33.333%
}
.selectWithVisual.cols-4 .element{
    width:25%
}
.selectWithVisual.cols-5 .element{
    width:20%
}
.selectWithVisual.cols-2 .element:nth-child(2n+1),.selectWithVisual.cols-3 .element:nth-child(3n+1),.selectWithVisual.cols-4 .element:nth-child(4n+1),.selectWithVisual.cols-5 .element:nth-child(5n+1){
    clear:both;
    padding-right:10px;
    padding-left:0
}
.selectWithVisual.cols-2 .element:nth-child(2n+2),.selectWithVisual.cols-3 .element:nth-child(3n+3),.selectWithVisual.cols-4 .element:nth-child(4n+4),.selectWithVisual.cols-5 .element:nth-child(5n+5){
    padding-right:0;
    padding-left:10px
}
.aide{
    font-size:.8em
}
.errorMessage{
    display:block;
    margin-top:10px;
    padding:5px;
    color:#ea6161;
    border:1px solid #ea6161
}
.errorForm{
    padding:0 10px;
    margin-top:10px;
    line-height:30px;
    color:#ed1f24;
    border:1px solid #ed1f24
}
.error input,.error select,.error textarea{
    background-color:rgba(237,31,36,.1);
    border-color:#ed1f24
}
.log.confirmation_validation{
    padding:30px 0
}
.infoMessage{
    display:block;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    color:#666;
    background:rgba(0,156,255,.1)
}
.infoMessage h2{
    margin-bottom:5px;
    color:#666
}
#reset{
    display:none
}
#captchaCode a{
    margin-left:20px
}
#captchaCode a:before{
    content:'\f021';
    display:inline-block;
    margin-right:5px;
    font:normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.fullwidth #wrapperInner{
    width:100%
}
.fullwidth #content{
    padding-bottom:0
}
.fullwidth #breadcrumb{
    width:1080px;
    margin:0 auto
}
.fullwidth h1{
    width:1080px;
    margin:1.6em auto 1em
}
#content #text .button:hover,#content #text .linkToRubric a:hover,#content #text a.button:hover,.fancybox-nav{
    text-decoration:none
}
.lineAfter,.lineBefore,.lineBeforeAndAfter{
    position:relative
}
.lineAfter span,.lineBefore span,.lineBeforeAndAfter span{
    position:relative;
    z-index:2;
    background-color:#fff
}
.lineAfter:after,.lineBefore:before,.lineBeforeAndAfter:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    right:0;
    z-index:1;
    display:block;
    height:2px;
    margin-top:1px;
    background-color:#ccc
}
.lineBeforeAndAfter{
    text-align:center
}
.lineBeforeAndAfter span{
    padding:0 20px
}
.lineBefore{
    text-align:right
}
.lineBefore span{
    padding-left:20px
}
.lineAfter span{
    padding-right:20px
}
.capBeautiful:first-letter{
    float:left;
    display:block;
    padding:.1em .15em;
    margin:.1em .2em 0 0;
    font-size:3.8em;
    font-weight:700;
    line-height:1em;
    color:#fff;
    background-color:#45abeb;
    border-radius:4px
}
.linkToRubric{
    position:relative;
    padding:30px;
    margin-top:30px;
    color:#45abeb;
    border:1px solid #ccc;
    cursor:pointer;
    -webkit-transition:all .5s cubic-bezier(.19,1,.22,1);
    -o-transition:all .5s cubic-bezier(.19,1,.22,1);
    transition:all .5s cubic-bezier(.19,1,.22,1)
}
.linkToRubric:hover{
    border-color:#45abeb;
    box-shadow:inset 0 0 0 6px rgba(69,171,235,.25)
}
.linkToRubric p{
    margin:0;
    text-overflow:ellipsis;
    overflow:hidden
}
.linkToRubric a{
    font-size:1.4em;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap
}
.linkToRubric img{
    padding-bottom:10px
}
.linkToRubric.normal a{
    font-size:1em
}
.linkToRubric.mt0{
    margin-top:0
}
.linkToRubric.linkPrevious{
    margin-right:10px
}
.linkToRubric.linkNext{
    margin-left:10px
}
.linkToRubric.linkNext:before,.linkToRubric.linkPrevious:before{
    content:'\f104';
    position:absolute;
    top:50%;
    left:20px;
    width:20px;
    font:normal normal 3em/1 FontAwesome;
    font-size:3em;
    transform:translateY(-50%)
}
.linkToRubric.linkNext:before{
    content:'\f105';
    left:auto;
    right:20px
}
.linkToRubric.linkPrevious p{
    padding-left:30px
}
.linkToRubric.linkNext p{
    padding-right:30px
}
.pageElement>.elementMap{
    position:relative
}
.pageElement>.elementMap.map-Fullwidth .map{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:2
}
.ligneElement:last-child .pageElement>.elementMap.map-Fullwidth{
    margin-bottom:-30px
}
#content #text table td,#content #text table th{
    padding:10px;
    border:1px solid #ccc
}
#content #text table.noBorder,#content #text table.noBorder td,#content #text table.noBorder th{
    border-color:transparent
}
#content #text table thead tr>th[scope=row]:first-child{
    background:0 0;
    border:none
}
#content #text table tbody tr>th:first-child{
    background:#eee
}
.diaporamaWrapper{
    z-index:1
}
.diaporamaControlNext,.diaporamaControlPrev{
    z-index:2;
    display:block;
    width:60px;
    height:60px;
    margin-top:-30px;
    font:normal normal normal 3em/60px FontAwesome;
    color:#000;
    text-align:center;
    cursor:pointer;
    opacity:.25;
    -webkit-transition:opacity .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;
    -ms-transition:opacity .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;
    transition:opacity .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out
}
.diaporamaControlNext:hover,.diaporamaControlPrev:hover{
    opacity:.8
}
.diaporamaControlNext>span,.diaporamaControlPrev>span{
    display:none
}
.diaporamaControlPrev:before{
    content:'\f104'
}
.diaporamaControlNext:before{
    content:'\f105'
}
.diaporamaExtra{
    z-index:2;
    padding:30px 100px
}
.diaporamaExtraTopCenter,.diaporamaExtraTopLeft,.diaporamaExtraTopRight{
    margin-top:40px
}
.diaporamaExtraBottomCenter,.diaporamaExtraBottomLeft,.diaporamaExtraBottomRight{
    margin-bottom:40px
}
.diaporamaExtraMiddleCenter,.diaporamaExtraMiddleLeft,.diaporamaExtraMiddleRight{
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.diaporamaExtraBottomCenter,.diaporamaExtraMiddleCenter,.diaporamaExtraTopCenter{
    text-align:center
}
.diaporamaExtraBottomRight,.diaporamaExtraMiddleRight,.diaporamaExtraTopRight{
    text-align:right
}
.diaporamaExtra strong{
    display:block;
    padding:20px 0;
    font-size:6em;
    line-height:1.2em
}
.diaporamaExtra span{
    font-size:1.4em
}
.diaporamaDots{
    padding:10px;
    line-height:10px
}
.diaporamaDot{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    text-indent:-9999px;
    border:1px solid #828282;
    border-radius:10px;
    cursor:pointer;
    -webkit-transition:background-color .2s ease-in-out;
    -ms-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
.diaporamaDot:hover{
    background-color:rgba(130,130,130,.6)
}
.diaporamaDotActive,.diaporamaDotActive:hover{
    background-color:#828282
}
.elementDiaporama.txtWhite{
    color:#fff;
}
#content #text .button.primary{
    width:auto!important;
    padding-left:25px!important
}
#content #text .button.primary:hover{
    color:#29adf1;
    background-color:transparent
}
#content #text .button+.we-go{
    display:none!important
}
.button.red{
    color:#ed1f24;
    border-color:#ed1f24
}
.button.orange{
    color:#ff7200;
    border-color:#ff7200
}
.button.yellow{
    color:#ffd800;
    border-color:#ffd800
}
.button.green{
    color:#25be29;
    border-color:#25be29
}
.button.blue{
    color:#0090ff;
    border-color:#0090ff
}
.button.blueLight{
    color:#00c0ff;
    border-color:#00c0ff
}
.button.pink{
    color:#ff39a0;
    border-color:#ff39a0
}
.button.purple{
    color:#ab51d9;
    border-color:#ab51d9
}
.button.black{
    color:#000;
    border-color:#000
}
.button.white{
    color:#fff;
    border-color:#fff
}
.button.primary.red,.button.red:hover{
    color:#fff;
    background-color:#ed1f24;
    border-color:#ed1f24
}
.button.orange:hover,.button.primary.orange{
    color:#fff;
    background-color:#ff7200;
    border-color:#ff7200
}
.button.primary.yellow,.button.yellow:hover{
    color:#fff;
    background-color:#ffd800;
    border-color:#ffd800
}
.button.green:hover,.button.primary.green{
    color:#fff;
    background-color:#25be29;
    border-color:#25be29
}
.button.blue:hover,.button.primary.blue{
    color:#fff;
    background-color:#0090ff;
    border-color:#0090ff
}
.button.blueLight:hover,.button.primary.blueLight{
    color:#fff;
    background-color:#00c0ff;
    border-color:#00c0ff
}
.button.pink:hover,.button.primary.pink{
    color:#fff;
    background-color:#ff39a0;
    border-color:#ff39a0
}
.button.primary.purple,.button.purple:hover{
    color:#fff;
    background-color:#ab51d9;
    border-color:#ab51d9
}
.button.black:hover,.button.primary.black{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.button.primary.white,.button.white:hover{
    color:#000;
    background-color:#fff;
    border-color:#fff
}
.button.primary.red:hover{
    color:#ed1f24!important;
    background-color:transparent;
    border-color:#ed1f24
}
.button.primary.orange:hover{
    color:#ff7200!important;
    background-color:transparent;
    border-color:#ff7200
}
.button.primary.yellow:hover{
    color:#ffd800!important;
    background-color:transparent;
    border-color:#ffd800
}
.button.primary.green:hover{
    color:#25be29!important;
    background-color:transparent;
    border-color:#25be29
}
.button.primary.blue:hover{
    color:#0090ff!important;
    background-color:transparent;
    border-color:#0090ff
}
.button.primary.blueLight:hover{
    color:#00c0ff!important;
    background-color:transparent;
    border-color:#00c0ff
}
.button.primary.pink:hover{
    color:#ff39a0!important;
    background-color:transparent;
    border-color:#ff39a0
}
.button.primary.purple:hover{
    color:#ab51d9!important;
    background-color:transparent;
    border-color:#ab51d9
}
.button.primary.black:hover{
    color:#000!important;
    background-color:transparent;
    border-color:#000
}
.button.primary.white:hover{
    color:#fff!important;
    background-color:transparent;
    border-color:#fff
}
.blocWithIcon i{
    margin:0 auto;
    font-size:2em;
    color:#fff;
    text-align:center;
    background-color:#45abeb;
    border-radius:40px
}
.blocWithIcon:hover i{
    font-size:2.4em;
    background-color:#4cc6ff
}
.blocWithIconLateral .elementTitle>*{
    margin-bottom:10px;
    color:#222
}
.blocWithIconLateral>div:last-child{
    margin-left:50px
}
.blocWithIconLateral i{
    font-size:2em;
    color:#45abeb
}
.callToAction .elementTitle>*{
    margin-top:0
}
.callToActionText{
    line-height:40px
}
.callToActionLink{
    height:40px;
    line-height:40px
}
.callToAction.bgBlack .button{
    color:#fff;
    border-color:#fff
}
.callToAction.bgBlack .button:hover{
    color:#444;
    background-color:#fff
}
section.hasBackground{
    position:relative;
    background-attachment:fixed;
    background-size:cover
}
section.hasBackground:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    background-image:url(/modeles/fr/default/css/../images/bg_grid.png)
}
.hasBackgroundContent{
    position:relative;
    z-index:2;
    color:#fff;
    background-color:rgba(0,0,0,.2)
}
.button,input[type=button],input[type=submit]{
    display:inline-block;
    max-width:100%;
    height:30px;
    padding:0 25px;
    font-family: 'Rubik',sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.4em;
    color:#041E42;
    text-transform:uppercase;
    text-overflow:ellipsis;
    background-color:transparent;
    border:1px solid #041E42;
    cursor:pointer;
    white-space:nowrap;
    outline:0;
    overflow:hidden;
    -webkit-appearance:none;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.button.primary,.button:hover,input[type=button].primary,input[type=button]:hover,input[type=submit].primary,input[type=submit]:hover{
    color:#fff;
    text-decoration:none;
    background-color:#45abeb
}
.button.primary:hover,input[type=button].primary:hover,input[type=submit].primary:hover{
    color:#45abeb;
    background-color:transparent
}
input[type=button]:hover,input[type=submit]:hover {
    background: #041E42;
    color: #fff,
}
.button.mini{
    height:30px;
    line-height:28px
}
.noTitle .widgetTitle,.noTitle h4{
    display:none
}
li.noTitle>a{
    white-space:nowrap;
    color:transparent!important
}
li.noTitle>a:hover{
    background-color:transparent!important
}
.noResults{
    color:#999
}
.noResults i{
    font-size:2em
}
.icons{
    display:inline-block;
    vertical-align:top;
    background-image:url(/modeles/fr/default/css/../images/icons.png)!important
}
.square-20,.square-30,.square-50,.square-60{
    display:inline-block;
    vertical-align:middle
}
.square-20{
    width:20px;
    height:20px
}
.square-30{
    width:30px;
    height:30px
}
.square-50{
    width:50px;
    height:50px
}
.square-60{
    width:60px;
    height:60px
}
.hide{
    display:none!important
}
.inbl{
    display:inline-block;
    vertical-align:top
}
.flexRow {
    display: flex;
    flex-direction: row;
}
.flexColumn {
    display: flex;
    flex-direction: column;
}
.inblB,.inblM{
    display:inline-block!important
}
.inblM{
    vertical-align:middle
}
.inblB{
    vertical-align:bottom
}
.block{
    display:block!important
}
.relative{
    position:relative
}
.ligneElement:after{
    content:'';
    display:block;
    clear:both;
    height:0;
    visibility:hidden
}
.size1_1{
    width:100%
}
.size1_2{
    width:50%
}
.size1_2:first-child{
    padding-right:1%
}
.size1_2:last-child{
    padding-left:1%
}
.size1_3{
    width:33.33%;
    padding:0 .67%
}
.size1_3:first-child{
    padding:0 1.33% 0 0
}
.size1_3:last-child{
    padding:0 0 0 1.33%
}
.size1_4{
    width:25%
}
.size1_4:first-child{
    padding:0 1.5% 0 0
}
.size1_4:nth-child(2){
    padding:0 1% 0 .5%
}
.size1_4:nth-child(3){
    padding:0 .5% 0 1%
}
.size1_4:last-child{
    padding:0 0 0 1.5%
}
.size3_4{
    width:75%
}
.size3_4:last-child{
    padding:0 calc(25% + 30px) 0 30px
}
.size3_4:first-child{
    padding:0 30px 0 calc(25% + 30px)
}
.size1_5{
    width:20%;
    padding:0 1%
}
.size1_5:first-child{
    padding:0 1.6% 0 0
}
.size1_5:nth-child(2){
    padding:0 1.2% 0 .4%
}
.size1_5:nth-child(3){
    padding:0 .8%
}
.size1_5:nth-child(4){
    padding:0 .4% 0 1.2%
}
.size1_5:last-child{
    padding:0 0 0 1.6%
}
.size1_6{
    width:16.66%
}
.size1_6:first-child{
    padding:0 1.66% 0 0
}
.size1_6:nth-child(2){
    padding:0 1.34% 0 .34%
}
.size1_6:nth-child(3){
    padding:0 1% 0 .66%
}
.size1_6:nth-child(4){
    padding:0 .66% 0 1%
}
.size1_6:nth-child(5){
    padding:0 .34% 0 1.34%
}
.size1_6:last-child{
    padding:0 0 0 1.66%
}
.size1_7{
    width:14.285%;
    padding:0 1%
}
.size1_8{
    width:12.5%;
    padding:0 1%
}
.w10{
    width:10%
}
.w20{
    width:20%
}
.w25{
    width:25%
}
.w30{
    width:30%
}
.w33{
    width:33.333%
}
.w40{
    width:40%
}
.w50{
    width:50%
}
.w60{
    width:60%
}
.w66{
    width:66.667%
}
.w70{
    width:70%
}
.w80{
    width:80%
}
.w85 {
    width:85%;
}
.w90{
    width:90%
}
.w100{
    width:100%!important;
    min-width:100%!important
}
.w50p{
    width:50px
}
.w100p{
    width:100px
}
.w150p{
    width:150px
}
.w200p{
    width:200px
}
.w250p{
    width:250px
}
.w300p{
    width:300px
}
.w350p{
    width:350px
}
.w375p{
    width:375px
}
.w400p{
    width:400px
}
.w450p{
    width:450px
}
.w500p{
    width:500px
}
.w550p{
    width:550px
}
.w580p{
    width:580px
}
.w600p{
    width:600px
}
.w650p{
    width:650px
}
.w680p{
    width:680px
}
.w700p{
    width:700px
}
.w750p{
    width:750px
}
.w780p{
    width:780px
}
.w800p{
    width:800px
}
.w900p{
    width:900px
}
.w970p{
    width:970px!important
}
.w1000p{
    width:1000px
}
.w1080p{
    width:1080px
}
.h25{
    height:25%
}
.h50{
    height:50%
}
.h75{
    height:75%
}
.h100{
    height:100%
}
.h100p{
    height:100px
}
.h200p{
    height:200px
}
.h300p{
    height:300px
}
.h400p{
    height:400px
}
.h500p{
    height:500px
}
.h600p{
    height:600px
}
.h700p{
    height:700px
}
.h800p{
    height:800px
}
.h900p{
    height:900px
}
.h1000p{
    height:1000px
}
.p0{
    padding:0
}
.p5{
    padding:5px
}
.p10{
    padding:10px
}
.p20{
    padding:20px
}
.p30{
    padding:30px
}
.p40{
    padding:40px
}
.p50{
    padding:50px
}
.pt0{
    padding-top:0
}
.pt5{
    padding-top:5px
}
.pt10{
    padding-top:10px
}
.pt15{
    padding-top:15px
}
.pt20{
    padding-top:20px
}
.pt30{
    padding-top:30px
}
.pt40{
    padding-top:40px
}
.pt50{
    padding-top:50px
}
.pr0{
    padding-right:0
}
.pr5{
    padding-right:5px
}
.pr10{
    padding-right:10px
}
.pr15{
    padding-right:15px
}
.pr20{
    padding-right:20px
}
.pr25{
    padding-right:25px
}
.pr30{
    padding-right:30px
}
.pr40{
    padding-right:40px
}
.pr50{
    padding-right:50px
}
.pb0{
    padding-bottom:0
}
.pb5{
    padding-bottom:5px
}
.pb10{
    padding-bottom:10px
}
.pb15{
    padding-bottom:15px
}
.pb20{
    padding-bottom:20px
}
.pb25{
    padding-bottom:25px
}
.pb30{
    padding-bottom:30px
}
.pb40{
    padding-bottom:40px
}
.pb50{
    padding-bottom:50px
}
.pl0{
    padding-left:0
}
.pl5{
    padding-left:5px
}
.pl10{
    padding-left:10px
}
.pl15{
    padding-left:15px
}
.pl20{
    padding-left:20px
}
.pl25{
    padding-left:25px
}
.pl30{
    padding-left:30px
}
.pl40{
    padding-left:40px
}
.pl50{
    padding-left:50px
}
.mt0{
    margin-top:0
}
.mt5{
    margin-top:5px
}
.mt10{
    margin-top:10px
}
.mt20{
    margin-top:20px
}
.mt30{
    margin-top:30px
}
.mr0{
    margin-right:0
}
.mr5{
    margin-right:5px
}
.mr10{
    margin-right:10px
}
.mr15{
    margin-right:10px
}
.mr20{
    margin-right:20px
}
.mr30{
    margin-right:30px
}
.mb0{
    margin-bottom:0
}
.mb5{
    margin-bottom:5px
}
.mb10{
    margin-bottom:10px
}
.mb20{
    margin-bottom:20px
}
.mb30{
    margin-bottom:30px
}
#content #text ul.ml0,.ml0{
    margin-left:0
}
.ml5{
    margin-left:5px
}
.ml10{
    margin-left:10px
}
.ml15{
    margin-left:15px
}
.ml20{
    margin-left:20px
}
.ml30{
    margin-left:30px
}
.ml50{
    margin-left:50px
}
.posLeft{
    float:left
}
.posMiddle{
    margin:0 auto
}
.posRight{
    float:right
}
.txtLeft{
    text-align:left
}
.txtCenter{
    text-align:center
}
.txtRight{
    text-align:right
}
.op50{
    opacity:.5
}
.op75{
    opacity:.75
}
.bgOrange{
    color:#fff;
    background-color:#ff6f0e
}
.bgRed{
    color:#fff;
    background-color:#ea6169
}
.bgBlue{
    color:#fff;
    background-color:#45adeb
}
.bgBlue.bgLight{
    background-color:#5bd2f4
}
.bgBlue.bgHeavy{
    background-color:#2277c6
}
.bgBlue .button,.bgOrange .button,.bgRed .button{
    color:#fff;
    border-color:#fff
}
.bgBlue .button:hover,.bgOrange .button:hover,.bgRed .button:hover{
    color:#45adeb;
    background-color:#fff
}
.bgGrey{
    background-color:#eee
}
.bgBlack{
    color:#fff;
    background-color:#222
}
.borderAll{
    border:1px solid #ccc
}
.borderTop{
    border-top:1px solid #ccc
}
.borderRight{
    border-right:1px solid #ccc
}
.borderBottom{
    border-bottom:1px solid #ccc
}
.borderLeft{
    border-left:1px solid #ccc
}
.noBorder{
    border:none!important
}
.noDot{
    list-style-type:none
}
.arrowTop{
    display:block;
    width:0;
    height:0;
    margin-left:-10px;
    border-bottom:10px solid #45abeb;
    border-right:10px solid transparent;
    border-left:10px solid transparent
}
.layerElement.fadeOut{
    opacity:0!important
}
.closeLayer,.closeLayerWhite{
    position:absolute;
    top:30px;
    right:30px;
    z-index:2;
    display:block;
    width:30px;
    height:30px;
    font-size:30px;
    line-height:28px;
    color:#444;
    text-align:center;
    cursor:pointer
}
.closeLayerWhite,.tooltip{
    color:#fff
}
.closeLayer:hover,.closeLayerWhite:hover{
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.tooltipCall{
    position:relative
}
.tooltip{
    position:fixed;
    z-index:9999;
    display:block;
    height:30px;
    padding:0 10px;
    margin-top:-25px;
    font-size:.857em;
    line-height:30px;
    background-color:#45abeb;
    border-radius:4px;
    opacity:0;
    -webkit-transition:opacity .5s cubic-bezier(.19,1,.22,1),margin-top .5s cubic-bezier(.19,1,.22,1),margin-bottom .5s cubic-bezier(.19,1,.22,1);
    -o-transition:opacity .5s cubic-bezier(.19,1,.22,1),margin-top .5s cubic-bezier(.19,1,.22,1),margin-bottom .5s cubic-bezier(.19,1,.22,1);
    transition:opacity .5s cubic-bezier(.19,1,.22,1),margin-top .5s cubic-bezier(.19,1,.22,1),margin-bottom .5s cubic-bezier(.19,1,.22,1)
}
.tooltip.toBottom{
    margin-top:0;
    margin-bottom:-25px
}
.tooltip:before{
    content:'';
    position:absolute;
    top:30px;
    left:10px;
    display:block;
    width:0;
    height:0;
    border-top:5px solid #45abeb;
    border-left:5px solid transparent;
    border-right:5px solid transparent
}
.tooltip.toBottom:before{
    top:auto;
    bottom:30px;
    border:none;
    border-bottom:5px solid #45abeb;
    border-left:5px solid transparent;
    border-right:5px solid transparent
}
.tooltip.toLeft:before{
    left:auto;
    right:10px
}
.tooltip.active{
    margin-top:-40px;
    opacity:1
}
.tooltip.toBottom.active{
    margin-bottom:-40px
}

.fullwidth #breadcrumb {
    display: none
}
.fullwidth #TexteTop .w500p {
    position: relative;
    margin: 0 0 0 30%;}
.fullwidth #TexteTop .structured_text_semantique_text {
    position: relative;
    margin-top: 70px;
    padding: 15px 0 15px 30px;
}
.fullwidth #TexteTop .structured_text_semantique_text h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0!important;
    line-height: 1em;
    letter-spacing: 2px
}
strong {
    font-weight: 500;
}
.fullwidth #TexteTop .structured_text_semantique_text p {
    font-family: 'Rubik', sans-serif;
    font-size: 13.9px;
    color: #fff;
    font-weight: 300;
    line-height: 1.5em;
}
.backblueOpacity {
    background: rgba(21,31,109,.9);
}
.angleTopRight {
    content: '';
    width: 130px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    overflow: hidden;
}
.angleTopRight:after {
    content: '';
    width: 120px;
    height: 100%;
    z-index: 1;
    transform: skewX(-29deg);
    transform-origin: bottom right;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    background: rgba(21,31,109,.9);
}
.fullwidth #InfoTexte {
    margin-top: -110px;
    margin-bottom: 70px;
}
.fullwidth #InfoTexte .valeurs {
    padding-top: 160px;
    padding-left: 0;
}
.fullwidth #InfoTexte .valeurs h2 {
    text-align: center;
    font-family: 'Montserrat',sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.2em;
    font-weight: 500;
    color: #041E42;
    margin: 30px 0 40px;
}
.fullwidth #InfoTexte .valeurs a {
    text-decoration: none;
}
.fullwidth #InfoTexte .valeurs .elementPicture {
    text-align: center;
}
.fullwidth #InfoTexte .valeurs .elementPicture .inbl {
    width: 100px;
    margin: 0 15px;
    text-align: center;
}
.fullwidth #InfoTexte .valeurs .elementPicture .inbl img {
    box-shadow: 0 0 10px #aaa;
    border-radius: 50%;
    margin-bottom: 10px;
    width: 70px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.fullwidth #InfoTexte .valeurs .elementPicture .inbl:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.fullwidth #InfoTexte .valeurs .elementPicture .inbl .txtCenter {
    font-family: 'Rubik',sans-serif;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 400;
    color: #041E42;
    text-transform: uppercase;
}
.fullwidth #Activite {
    background: #EFEFEF;
    padding-bottom: 40px
}
.fullwidth #Activite .size1_2:first-child {
    width: calc(100% - 529px)
}
.fullwidth #Activite .size1_2:last-child {
    width: 529px;
    padding-left: 10px;
}
.fullwidth #Activite h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.2em;
    font-weight: 500;
    color: #041E42
}
.fullwidth #Activite p {
    margin-top: 20px;
    font-family: 'Rubik',sans-serif;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 300;
    color: #383838;
    padding-right: 50px;
}
.fullwidth .sliderActiHome {
    overflow: hidden;
    margin-top: 50px;
    position: relative;
    width: 100%;
    display: block;
}
.fullwidth .sliderActiHome .slick-arrow {
    display: none !important;
}
.fullwidth .sliderActiHome .slick-slide {
    display: inline-block;
}
.fullwidth .sliderActiHome .slick-slide div li {
    position: relative;
}
.fullwidth .sliderActiHome .slick-slide div li figure {
    margin-top: 0;
}
.fullwidth .sliderActiHome .slick-slide div li > .rightBG {
    background: rgba(243,207,179,.9);
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 10px 0 50px;
}
.fullwidth .sliderActiHome .slick-slide div li > .rightBG a {
    color: #041E42;
    font-size: 22px;
    line-height: 1.3em;
    font-family: 'Rubik',sans-serif;
    font-weight: 400;
    text-decoration: none;
}
.fullwidth .sliderActiHome .slick-slide div li > .rightBG a:hover {
    color: #fff;
}
.fullwidth .sliderActiHome .slick-slide figcaption {
    display: none;
}
.fullwidth .sliderActiHome .slick-dots {
    position: absolute;
    width: 50%;
    height: 20px;
    left: 50%;
    bottom: 10px;
    text-align: left;
    padding: 0 0 0 50px;
}
.fullwidth .sliderActiHome .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
    margin: 0 5px;
    outline: none;
}
.fullwidth .sliderActiHome .slick-dots li a {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    text-indent: -9999px;
    display: block;
}
.fullwidth .sliderActiHome .slick-dots li.slick-active a,
.fullwidth .sliderActiHome .slick-dots li a:hover {
    background: #777;
}
.fullwidth #Offres {
    padding: 30px 0 40px;
    background-image: url(/media/offre_home.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fullwidth #Offres .pager {
    display: none;
}
.fullwidth #Offres h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3em;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
}
.fullwidth #Offres p {
    font-family: 'Rubik',sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3em;
    color: #fff;
    margin: 0 0 30px;
}
.fullwidth #Offres .offres {
    background: rgba(4,30,66,.75);
    padding: 50px 15px 20px;
    width: 31%;
    margin: 15px calc((100% - 94%) / 4);
    border-radius: 20px;
    height: 320px
}
.fullwidth #Offres .offres:first-child {
    margin-left: 0;
}
.fullwidth #Offres .offres:last-child {
    margin-right: 0;
}
.fullwidth #Offres .offres p {
    font-family: 'Rubik',sans-serif;
    font-size: 11px;
    font-weight: 100;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 5px;
}
.fullwidth #Offres .offres p strong {
    font-weight: 400;
}
.fullwidth #Offres .offres p.TitreOffre {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.fullwidth #Offres .offres .postule {
    color: #F3CFB3;
    font-family: 'Rubik',sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2em;
    text-decoration: none;
    text-align: right;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
}
.fullwidth #Offres .offres .postule:hover {
    color: #fff;
}
.fullwidth #Offres .offres .postule span {
    border-bottom: 1px solid #F3CFB3;
}
.fullwidth #Offres .offres .postule:hover span {
    border-bottom: 1px solid #fff;
}
.fullwidth #Actualite {
    padding: 30px 0 0;
    width: 970px;
    margin: 0 auto;
}
.fullwidth #Actualite h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3em;
    color: #041E42;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px;
}
.fullwidth #Actualite p {
    font-family: 'Rubik',sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    color: #041E42;  
    margin: 15px 0 30px; 
}
.cropBotLeft {
    content: '';
    width: 110px;
    height: calc(100% + 1px);
    z-index: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -110px;
}
.cropBotLeft:after {
    content: '';
    width: 100px;
    height: 100%;
    z-index: 1;
    transform: skewX(-18deg);
    transform-origin: bottom right;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(243,207,179,.9);
}
.fullwidth #actuHome {
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
    width: 970px;
}
.fullwidth #actuHome .slick-slide {
    display: inline-block;
    vertical-align: top;
}
.fullwidth #actuHome .slick-slide li {
    position: relative;
}
.fullwidth #actuHome .slick-slide li .toAbsolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    height: 300px;
    display: block;
}
.fullwidth #actuHome .slick-slide li .postContent {
    background: rgba(241,195,162,.7);
    z-index: 3;
    position: relative;
    top: 0;
    left: 0;
    padding: 25px 0 25px 25px;
    height: 100%;
    display: block;
}
.fullwidth #actuHome .slick-slide li .postContent h3 {
    margin-top: 0;
    color: #041E42;
    font-family: 'Rubik',sans-serif;
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 400;
    margin-bottom: 10px;
}
.fullwidth #actuHome .slick-slide li .postContent p {
    color: #041E42;
    font-family: 'Rubik',sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 300;
    margin-bottom: 10px;
}
.fullwidth #actuHome .slick-slide li .postContent a {
    text-align: right;
    display: block;
    text-decoration: none;
    color: #041E42;
    font-family: 'Rubik',sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 300;
    border: none;
    background: none;
    text-transform: none;
    margin-top: 25px
}
.fullwidth #actuHome .slick-slide li .postContent a span {    
    border-bottom: 1px solid #041E42;
}
.fullwidth #actuHome .slick-slide li .postContent a span:hover {
    border-color: #fff;
    color: #fff;
}
.fullwidth #actuHome .slick-slide li .angleTopRight {
    z-index: 2;
    width: 140px;
}
.fullwidth #actuHome .slick-slide li .angleTopRight:after {
    background: rgba(241,195,162,.7);
    width: 130px;
    transform: skewX(-22deg)
}
.fullwidth #actuHome .slick-slide .postPicture {
    position: relative;
    z-index: 1;
    width: 750px;
    height: 500px;
    margin-left: 20%;
}
.fullwidth #actuHome .slick-slide .postPicture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fullwidth #actuHome .slick-arrow {
    position: absolute;
    bottom: 10px;
    height: auto;
    padding: 5px;
    left: 65%;
    color: #041E42;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik',sans-serif;
    border: none;
    background: none; 
    outline: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.fullwidth #actuHome .slick-prev {
    left: 20%;
    width: 40%;
    padding-right: 50px;
    text-align: right;
}
.fullwidth #actuHome .slick-next {
    left: 60%;
    width: 40%;
    padding-left: 50px;
    text-align: left;
}
.fullwidth #actuHome .slick-prev:hover {
    color: #fff;
    background: linear-gradient(to right,#fff 0,#3A74BB 50%,#041E42 100%);
}
.fullwidth #actuHome .slick-next:hover {
    color: #fff;
    background: linear-gradient(to left,#fff 0,#3A74BB 50%,#041E42 100%);
}
.fullwidth #contents .widgetHighlightPosts.home-actu-widget {
    padding-bottom: 40px;
}
.fullwidth .home-actu-widget > .w1080p {
    padding-bottom: 40px;
    width: 970px
}
.fullwidth .home-actu-widget > .w1080p > .w70 {
    text-align: center;
    width: 80%;
}
.fullwidth .home-actu-widget .all-actu {
    color: #041E42;
    font-size: 14px;
    font-family: 'Rubik',sans-serif;
    line-height: 1.3em;
    display: inline-block;
    border-bottom: 1px solid #041E42;
    text-decoration: none;
}
.fullwidth .home-actu-widget .all-actu:hover {
    border-color: #009CDE;
    color: #009CDE
}
.banner {
    background-image: url('/media/banner.jpg');
    background-size: cover;
    background-position: center 83%;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.banner h1 {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    color: #041E42;
    font-size: 50px;
    line-height: 65px;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.banner h1 span {
    font-weight: 100;
}
.banner h1:before {
    width: calc(46vw - 540px);
    max-width: 200px;
    left: -14vw;
    content: '';
    height: 3px;
    top: 33px;
    margin-top: -1.5px;
    background: #F3CFB3;
    position: absolute;
    border-radius: 2px;
}
.banner h2 {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    color: #041E42;
    font-size: 40px;
    line-height: 35px;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-weight: 100;
    letter-spacing: 2px;
}
.directoryEntryDetail .nom_offre {
    padding: 20px 0;
}
.directoryEntryDetail .nom_offre h2 {
    color: #041E42;
    font-size: 28px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.directoryEntryDetail .detail_offre {
    padding: 40px;
    border-radius: 15px;
    background: #002F6C;
}
.directoryEntryDetail .detail_offre[data-tag='Emploi'] {
    background: #002F6C;
}
.directoryEntryDetail .detail_offre[data-tag='Alternance'] {
    background: #407EC9;
}
.directoryEntryDetail .detail_offre[data-tag='Stage'] {
    background: #009CDE;
}
.directoryEntryDetail .detail_offre .flexRow {
    margin-bottom: 30px;
}
.directoryEntryDetail .detail_offre .flexRow .toRight {
    margin-left: 20%;
}
.directoryEntryDetail .detail_offre p,
.directoryEntryDetail .detail_offre li {
    color: #fff;
    font-size: 12px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0 0 5px;
}

.directoryEntryDetail .detail_offre ul {
    padding-left: 20px;
}
.directoryEntryDetail .detail_offre .flexRow p.name {
    font-weight: 500;
    font-size: 14px;
}
.directoryEntriesList .je-postule {
    display: none;
}
.directoryEntryDetail .je-postule {
    display: block;
}
.directoryEntryDetail .je-postule h2 {
    text-align: center;
    color: #041E42;
    font-size: 28px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.directoryEntryDetail .je-postule fieldset .row {
    width: 25%;
    margin: 25px 6%;
    display: inline-block;
}
.directoryEntryDetail .je-postule fieldset .row:nth-child(3n) {
    margin-right: 0;
}
.directoryEntryDetail .je-postule fieldset .row:nth-child(3n+1) {
    margin-left: 0;
}
.directoryEntryDetail .je-postule fieldset.rgpd legend,
.directoryEntryDetail .je-postule fieldset.contact_angevin {
    display: none;
}
.directoryEntryDetail .je-postule fieldset.rgpd .description {
    color: #0c0c0c;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    margin-bottom: 20px;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row {
    width: 100%;
    margin: 10px 0;
    padding-bottom: 0;
}
.directoryEntryDetail .je-postule fieldset .row label {
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
.directoryEntryDetail .je-postule fieldset .row input[type=text] {
    border: none;
    border-bottom: 1px solid #041E42
}
.directoryEntryDetail .je-postule fieldset.rgpd .row label {
    width: calc(100% - 30px);
    display: inline-block;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row > div {
    float: left;
    width: 30px;
    display: inline-block;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row > div span label {
    display: none;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row > div span input {
    vertical-align: top;
}

.contact .formContact h2 {
    color: #407EC9;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.contact .formContact fieldset.a_destination_de .row {
    width: 25%;
    margin: 25px 0;
    position: relative;
    z-index: 1;
    background: transparent;
}
.contact .formContact fieldset.a_destination_de .row label {
    display: none;
}
.contact .formContact fieldset.a_destination_de .row select {
    width: 100%;
    padding: 5px 40px 5px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #041E42;
    border-radius: 0;
    height: 30px;
    background: transparent;
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    -webkit-appearance: none;
}
.contact .formContact fieldset.a_destination_de .row i {
    position: absolute;
    top: 0%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 15px;
    z-index: -1;
    color: #041E42;
    font-size: 30px;
}
.contact .formContact fieldset.informations .row {
    width: 25%;
    margin: 15px 6% 5px;
    display: inline-block;
}
.contact .formContact fieldset.informations .row:nth-child(3n) {
    margin-right: 0;
}
.contact .formContact fieldset.informations .row:nth-child(3n+1) {
    margin-left: 0;
}
.contact .formContact fieldset.informations .row:last-child {
    display: block;
    width: 100%;
    margin: 15px 0;
}
.contact .formContact fieldset.rgpd legend,
.contact .formContact fieldset.contact_angevin {
    display: none;
}
.contact .formContact fieldset.rgpd .description {
    color: #0c0c0c;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    margin-bottom: 20px;
}
.contact .formContact fieldset.rgpd .row {
    width: 100%;
    margin: 10px 0;
    padding-bottom: 0;
    display: inline-block;
}
.contact .formContact fieldset .row label {
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
.contact .formContact fieldset .row input[type=text],
.contact .formContact fieldset .row textarea {
    border: none;
    border-bottom: 1px solid #041E42;
    width: 100%;
}
.contact .formContact fieldset.rgpd .row label {
    width: calc(100% - 30px);
    display: inline-block;
}
.contact .formContact fieldset.rgpd .row > div {
    float: left;
    width: 30px;
    display: inline-block;
}
.contact .formContact fieldset.rgpd .row > div span label {
    display: none;
}
.contact .formContact fieldset.rgpd .row > div span input {
    vertical-align: top;
}
.contact .formContact div .valid {
    margin: 30px 0;
}
.btn-shortcut {
    position: fixed;
    top: 200px;
    right: -100px;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px #aaa;
    z-index: 999999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-shortcut a {
    text-decoration: none;
    background: none;
    outline: none;
    cursor: pointer;
}
.btn-shortcut img {
    width: 70px;
}
.btn-shortcut p {
    color: #009CDE;
    cursor: pointer;
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    text-transform: uppercase;
    text-decoration: none
}
.btn-shortcut:hover {
    filter: grayscale(.6);
}
.rejoignez-nous.directoryEntriesList #Recrutement {
    background: #EFEFEF;
    padding: 40px 0;
}
.rejoignez-nous.directoryEntriesList #Recrutement .w1080p {
    width: 970px;
}
.rejoignez-nous.directoryEntriesList #Recrutement h2 {
    color: #041E42;
    font-size: 32px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0;
    letter-spacing: 2px;
}
.rejoignez-nous.directoryEntriesList #Recrutement p {
    color: #041E42;
    font-size: 13px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.rejoignez-nous.directoryEntriesList #Metiers {
    padding: 40px 0;
}
.rejoignez-nous.directoryEntriesList #Metiers h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Metiers p {
    color: #041E42;
    font-size: 12px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.rejoignez-nous.directoryEntriesList #Metiers .flexRow {
    margin-bottom: 40px;
}
.rejoignez-nous.directoryEntriesList #Metiers .flexRow .size1_2 {
    position: relative;
}
.rejoignez-nous.directoryEntriesList #Metiers .flexRow .elementText figure {
    margin: 0;
}
.rejoignez-nous.directoryEntriesList #Metiers .flexRow .elementText figure img {
    width: 200px;
    margin-top: 30px;
}
.rejoignez-nous.directoryEntriesList #Metiers .structured_text_semantique_text {
    padding: 0 25px 0 230px;
}
.rejoignez-nous.directoryEntriesList #Metiers h3 {
    color: #041E42;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.rejoignez-nous.directoryEntriesList #Metiers p {
    color: #041E42;
    font-size: 12px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.rejoignez-nous.directoryEntriesList #Metiers p a {
    color: #041E42;
    font-size: 12px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.rejoignez-nous.directoryEntriesList #Metiers p a:hover {
    color: #009CDE
}
.rejoignez-nous.directoryEntriesList #Recherche {
    background-image: url('/images/background-rejoignez-nous.jpg');
    padding: 30px 0 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rejoignez-nous.directoryEntriesList #Recherche h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0;
    text-align: left;
}
.rejoignez-nous.directoryEntriesList #Recherche h3 {
    color: #407EC9;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: left;
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 {
    background: rgba(0,156,222,.8);
    padding: 20px 40px;
    width: 31%;
    margin: 15px calc((100% - 95%) / 4);
    text-align: right;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:first-child {
    margin-left: 0;
    background: rgba(0,47,108,.8);
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:last-child {
    margin-right: 0;
    background: rgba(64,126,201,.8);
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    margin: 40px 0;
    letter-spacing: 2px;
    cursor: pointer;
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 a {
    position: relative;
    color: #F3CFB3;
    font-size: 11px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #F3CFB3
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 a:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 16px/1.5em FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -15px;
    top: 0;
    color: #F3CFB3;
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:hover {
    background: rgba(0,156,222,.9);
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:first-child:hover {
    background: rgba(0,47,108,.9);
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:last-child:hover {
    background: rgba(64,126,201,.9);
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 a:hover {
    color: #fff;
    border-color: #fff;
}
.rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 a:hover:before {
    color: #fff;
}
.rejoignez-nous.directoryEntriesList #Candidature {
    padding: 30px 0;
}
.rejoignez-nous.directoryEntriesList #Candidature .w1080p {
    width: 970px;
}
.rejoignez-nous.directoryEntriesList #Candidature h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0;
    text-align: left;
}
.rejoignez-nous.directoryEntriesList #Candidature h3 {
    color: #407EC9;
    font-size: 20px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: left;
}
.rejoignez-nous.directoryEntriesList #Candidature .row {
    width: 25%;
    margin: 25px 6%;
    display: inline-block;
}
.rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(3n) {
    margin-right: 0;
}
.rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(3n+1) {
    margin-left: 0;
}
.rejoignez-nous.directoryEntriesList #Candidature .row:last-child {
    display: block;
    width: 100%;
    margin: 25px 0;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .description {
    color: #383838;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row {
    width: 100%;
    margin: 5px 0 0;
    padding-bottom: 0;
}
.rejoignez-nous.directoryEntriesList #Candidature .row label {
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
.rejoignez-nous.directoryEntriesList #Candidature .row input[type=text],
.rejoignez-nous.directoryEntriesList #Candidature .row textarea {
    border: none;
    border-bottom: 1px solid #041E42;
    width: 100%;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row > div {
    float: left;
    width: 30px;
    display: inline-block;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row label {
    width: calc(100% - 30px);
    display: inline-block;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row > div span label {
    display: none;
}
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row > div span input {
    vertical-align: top;
}
.rejoignez-nous.directoryEntriesList #Candidature form > .row {
    margin: 0
}
.rejoignez-nous.directoryEntriesList #Candidature div .valid {
    margin: 30px 0;
}
.rejoignez-nous.directoryEntriesList #Temoignages {
    background: #EFEFEF;
    padding: 40px 0;
}
.rejoignez-nous.directoryEntriesList #Temoignages h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider {
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
    width: 800px;
    max-width: 800px;
    margin: 0 auto;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide {
    display: inline-block;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .en_tete_temoignages h3 {
    color: #041E42;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .en_tete_temoignages p {
    color: #041E42;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-top: 20px;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages img {
    width: 100%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages p {
    color: #0c0c0c;
    font-size: 12px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: left;
    padding-left: 15px;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    -webkit-appearance: none;
    border: none;
    width: 20px;
    height: 20px;
    background: none;
    color: #EFEFEF;
    vertical-align: top;
    outline: none;
    padding: 0;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-prev {
    left: 45%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-prev:before {
    content: "\f060";
    display: inline-block;
    font: normal normal normal 28px/1.5em FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #407EC9;
    font-size: 14px;
    line-height: 1em;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-next {
    right: 45%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-next:before {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 28px/1.5em FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #407EC9;
    font-size: 14px;
    line-height: 1em;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres {
    background: #EFEFEF;
    padding: 60px 0;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .structured_text_semantique_text p {
    color: #041E42;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres {
    background: rgba(4,30,60,.9);
    padding: 10px 20px 10px;
    width: 31%;
    margin: 15px calc((100% - 94%) / 4);
    border-radius: 12px;
    height: 320px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px 10px 0;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres[data-tag='Emploi'] {
    background: #002F6C;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres[data-tag='Alternance'] {
    background: #407EC9;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres[data-tag='Stage'] {
    background: #009CDE;
}

.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres p {
    font-family: 'Rubik',sans-serif;
    font-size: 11px;
    font-weight: 100;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 5px;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres p strong {
    font-weight: 400;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres p.TitreOffre {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres .postule {
    color: #F3CFB3;
    font-family: 'Rubik',sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2em;
    text-decoration: none;
    text-align: right;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres .postule span {
    text-decoration: none;
    border-bottom: 1px solid #F3CFB3;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres .postule:hover {
    color: #fff;
}
.rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres .postule:hover span {
    border-color: #fff;
}

.actualites.blogPostsList #blogDescription {
    padding: 0;
}
.actualites.blogPostsList #blogDescription h2 {
    color: #407EC9;
    font-size: 22px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 20px 0 40px;
    text-align: left;
}
.actualites.blogPostsList #blogPosts .blogPostResume {
    background: #fff;
    padding: 0;
    width: 31%;
    height: 400px;
    margin: 0 1% 15px;
    display: inline-block;
    vertical-align: top;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostPicture {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostPicture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent {
    background: rgba(21,31,109,.8);
    padding: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent h3,
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent h3 a {
    color: #fff;
    font-size: 18px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent p {
    color: #fff;
    font-size: 13px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0 0 10px;
    padding: 0;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent .blogPostDescription {
    color: #fff;
    font-size: 12px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    padding: 0;
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent .LinkBlog {
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 20px 0 0;
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid #fff
}
.actualites.blogPostsList #blogPosts .blogPostResume .blogPostContent .LinkBlog:hover {
    border-color: #F3CFB3;
    color: #F3CFB3;
}
.actualites.blogPostsList .pager {
    display: block;
    width: 1065px;
    margin-bottom: 60px;
    text-align: right;
}
.actualites.blogPostsList .pager a,
.actualites.blogPostsList .pager a:hover {
    font-size: 18px;
    font-family: 'Rubik', sans-serif;
    line-height: 1em;
    color: #041E42;
    background: #fff;
    text-decoration: none;
    margin: 0 5px;
}
.actualites.blogPostDetail #blogPostDetailHeader h1 {
    text-align: center;
    padding: 60px 15px;
    color: #041E42;
    font-size: 32px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.actualites.blogPostDetail #contents .flexRow {
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right,#3A74BB 0,#3A74BB 50%,#041E42 100%);
}
.actualites.blogPostDetail #contents .flexRow .imgDetail {
    padding: 0;
}
.actualites.blogPostDetail #contents .flexRow .imgDetail img {
    width: 100%
}
.actualites.blogPostDetail #contents .flexRow #blogPostDetailContent {
    padding: 20px 60px;
    color: #fff;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.2em;
    text-align: left;
}
.actualites.blogPostDetail #contents .flexRow #blogPostDetailContent p {
    color: #fff;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.2em;
    margin: 20px 0;
    font-weight: 300
}
.actualites.blogPostDetail #contents .flexRow #blogPostDetailContent a {
    color: #fff;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.4em;
    margin: 20px 0;
    font-weight: 500;
    text-align: center;
}
.actualites.blogPostDetail #contents .flexRow #blogPostDetailContent .date {
    font-size: 18px;
}
.actualites.blogPostDetail #contents #blogPostNavigation a {
    color: #041E42;
    vertical-align: top;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.2em;
    text-decoration: none;
    padding: 5px 10px;
}
.actualites.blogPostDetail #contents #blogPostNavigation a i {
    margin: 0 30px;
    font-size: 22px;
    vertical-align: top;
    font-size: 14px;
}
.actualites.blogPostDetail #contents #blogPostNavigation a#blogPostPrevious:hover {
    color: #fff;
    background: linear-gradient(to right,#fff 0,#3A74BB 50%,#041E42 100%);
}
.actualites.blogPostDetail #contents #blogPostNavigation a#blogPostNext:hover {
    color: #fff;
    background: linear-gradient(to left,#fff 0,#3A74BB 50%,#041E42 100%);
}
.actualites.blogPostDetail #contents .returnActu {
    display: block;
    margin-bottom: 30px;
    color: #041E42;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.2em;
    text-decoration: none;
    width: 100%;
    padding: 5px 10px;
}
.actualites.blogPostDetail #contents .returnActu:hover {
    color: #fff;
    background: linear-gradient(to left,#fff 0,#3A74BB 25%,#041E42 50%, #3A74BB 75%, #fff 100%);
}
.realisations.directoryEntriesList #content #text .ligneElement:last-child {
    margin-bottom: 50px;
}
.realisations.directoryEntriesList .directoryListFilters {
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.realisations.directoryEntriesList .directoryListFilters .filter {
    margin: 0 20px;
    padding: 5px;
    text-align: center;
    background: none;
    color: #041E42;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.realisations.directoryEntriesList .directoryListFilters .filter:first-child {
    margin-left: 0;
}
.realisations.directoryEntriesList .directoryListFilters .filter:last-child {
    margin-right: 0;
}
.realisations.directoryEntriesList .directoryListFilters .filter:hover,
.realisations.directoryEntriesList .directoryListFilters .filter.active {
    text-decoration: none;
    background: #041E42;
    color: #fff;
}
.realisations.directoryEntriesList .directoryGrid .directoryEntryMetas p {
    margin-top: 0;
    color: #041E42;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}
.realisations.directoryEntriesList .directoryGrid .directoryEntryMetas a img {
    margin-top: 10px;
    width: 20px;
}
.realisations.directoryEntriesList.noFilter .directoryListFilters {
    display: none;
}
.realisations.directoryEntriesList.noFilter .directoryEntries {
    margin: 50px 0;
}
.realisations.directoryEntriesList.noFilter .LinkRetourRealisations {
    display: block;
    padding-top: 50px;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #041E42;
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 {
    justify-content: center;
    align-items: center;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 div {
    padding-top: 30px;
    text-align: center;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 div img {
    margin: 0 auto 15px;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 .label {
    margin: 10px 0;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #041E42;
    text-align: center;
    text-transform: uppercase;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 .text {
    margin: 0;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #5F5F5F;
    text-align: center;
    text-transform: uppercase;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line2.description {
    padding-top: 40px;
}
.realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line2.description p {
    font-size: 13px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #5F5F5F;
    margin: 20px 0;
}
.realisations.directoryEntryDetail .detailRealisations .MurImage .size1_4 {
    padding: 0;
    position: relative;
}
.realisations.directoryEntryDetail .detailRealisations .MurImage .size1_4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.realisations.directoryEntryDetail .detailRealisations .MurImage .size1_4 .texteMur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(243,207,179,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}
.realisations.directoryEntryDetail .detailRealisations .MurImage .size1_4 .texteMur p {
    margin: 0;
    font-size: 18px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #041E42;
    text-align: center;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation {
    text-align: center;
    padding: 50px 0;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a {
    display: inline-block;
    float: left;
    padding: 5px 50px;
    position: relative;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #041E42;
    margin: 0 0 15px;
    text-decoration: none;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a p {
    margin: 0;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realPrec i {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 20px;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realNext i {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    left: 20px;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realPrec:hover {
    color: #fff;
    background: linear-gradient(to right,#fff 0,#3A74BB 50%,#041E42 100%);
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realNext:hover {
    color: #fff;
    background: linear-gradient(to left,#fff 0,#3A74BB 50%,#041E42 100%);
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .all a {
    margin: 0;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    color: #041E42;
    text-decoration: none;
    border-bottom: 1px solid #041E42;
    display: inline-block!important;
}
.realisations.directoryEntryDetail .detailRealisations .Navigation .all a:hover {
    color: #009CDE;
    border-color: #009CDE
}
.presentation h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 40px 0 30px;
    display: block;
    width: 100%;
}
.presentation #expertise h2,
.presentation #metier h2,
.presentation #domaines h2,
.presentation #valeurs h2,
.presentation #engagement h2 {
    text-align: center;
}
.presentation #implantation h2 {
    text-align: left;
}
.presentation .activite-metier {
    position: relative;
    padding: 0;
    width: 48%;
    margin: 0 2%;
    cursor: pointer;
}
.presentation .activite-metier:first-child {
    margin-left: 0;
}
.presentation .activite-metier:last-child {
    margin-right: 0;
}
.presentation .activite-metier figure {
    margin: 0;
}
.presentation .activite-metier img {
    width: 100%;
}
.presentation .activite-metier {
    position: relative;
}
.presentation .activite-metier .elementText .above img {
    width: 100%;
}
.presentation .activite-metier .structured_text_semantique_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(21,31,109,.8);
    text-align: center;
}
.presentation .activite-metier .elementText img {
    width: 120px;
}
.presentation #expertise .w1080p:nth-child(2) .activite-metier:last-child .elementText .structured_text_semantique_text img {
    width: 190px;
    margin-top: 20px;
}
.presentation .activite-metier .elementText a {
    color: #fff;
    font-size: 16px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    margin-top: 10px;
    display: block;
}
.presentation #metier {
    padding-bottom: 40px;
}
.presentation #metier .activite-metier {
    position: relative;
    padding: 0;
    /*width: 346.6666px;
    height: 346.6666px;*/
    width: 250px;
    height: 250px;
    margin: 0 10px;
}
.presentation #metier .activite-metier div,
.presentation #metier .activite-metier div figure {
    height: 100%;
}
.presentation #metier .activite-metier:first-child {
    margin-left: 0;
}
.presentation #metier .activite-metier:last-child {
    margin-right: 0;
}
.presentation #metier .activite-metier .elementText .above img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.presentation #metier .activite-metier .structured_text_semantique_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(64,126,201,.8);
    text-align: center;
}
.presentation #metier .activite-metier .elementText a {
    color: #fff
}
.elementSeparator {
    width: 300px;
    margin: 0 auto;
    display: block;
}
.presentation #historique {
    background: #EFEFEF;
    padding: 1px 0 30px;
}
.presentation #historique .elementTitle,
.presentation #historique .elementText {
    width: 50%;
    margin: 0 10%
}
.presentation #historique .elementText p,
.presentation #historique .elementText li {
    color: #041E42;
    font-size: 13px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}
.presentation #historique .elementText li {margin-left: 45px;}
.presentation #domaines {
    width: 970px;
    margin: 0 auto;
    padding: 0 0 50px
}
.presentation #domaines .w1080p {
    width: 100%;
}
.presentation #SliderActivitePres {
    overflow: hidden;
    margin-top: 50px;
    position: relative;
}
.presentation #SliderActivitePres .slick-arrow {
    display: none !important;
}
.presentation #SliderActivitePres .slick-slide {
    display: inline-block;
}
.presentation #SliderActivitePres .slick-slide div li {
    position: relative;
}
.presentation #SliderActivitePres .slick-slide div li figure {
    margin-top: 0;
}
.presentation #SliderActivitePres .slick-slide div li figure img {
    width: 100%
}
.presentation #SliderActivitePres .slick-slide div li > .elementText {
    background: rgba(243,207,179,.9);
    position: absolute;
    width: 40%;
    height: 100%;
    left: 60%;
    top: 0;    
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 0 30px;
}
.presentation #SliderActivitePres .slick-slide div li > .elementText p {
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #041E42;
}
.presentation #SliderActivitePres .slick-slide div li > .elementText p:first-child {
    display: block;
    text-align: center;
}
.presentation #SliderActivitePres .slick-slide div li > .elementText p a {
    color: #041E42;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 40px;
    display: block;
}
.presentation #SliderActivitePres .cropBotLeft {
    width: 280px;
    left: 60%;
    margin-left: -280px;
}
.presentation #SliderActivitePres .cropBotLeft:after {
    transform: skewX(-24deg);
    width: 270px;
}
.presentation #SliderActivitePres .slick-slide figcaption {
    display: none;
}
.presentation #SliderActivitePres .slick-dots {
    position: absolute;
    width: 50%;
    height: 20px;
    left: 50%;
    bottom: 10px;
    text-align: center;
}
.presentation #SliderActivitePres .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
    margin: 0 5px;
    outline: none;
}
.presentation #SliderActivitePres .slick-dots li a {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: block;
}
.presentation #SliderActivitePres .slick-dots li.slick-active a {
    background: #888;
}
.presentation #domaines .descriptionActi p {
    color: #383838;
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.3em;
    font-weight: 300;
    margin: 30px 0 40px;
}
.presentation #chiffre {
    background: linear-gradient(to right, #041E42 0, #3770B5 100%);
    padding: 40px;
}
.presentation #chiffre .element_1,
.presentation #chiffre .element_2 {
    margin: 0 0 15px;
}
.presentation #chiffre .element_1 .structured_text_semantique_text p,
.presentation #chiffre .element_2 .structured_text_semantique_text p {
    color: #fff;
    font-size: 26px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    margin: 0;
}
.presentation #chiffre .element_3 {
    padding-right: 100px;
}
.presentation #chiffre .element_3 .structured_text_semantique_text p {
    color: #fff;
    font-size: 13px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.3em;
    font-weight: 300;
    margin: 0;
}
.presentation #chiffre .element_4,
.presentation #chiffre .element_6 {
    margin: 0 0 15px;
}
.presentation #chiffre .element_4 .structured_text_semantique_text p,
.presentation #chiffre .element_6 .structured_text_semantique_text p {
    color: #fff;
    font-size: 26px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    margin: 0;

}
.presentation #chiffre .element_4 .structured_text_semantique_text ul,
.presentation #chiffre .element_6 .structured_text_semantique_text ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 20px 0;
}
.presentation #chiffre .element_4 .structured_text_semantique_text ul li,
.presentation #chiffre .element_6 .structured_text_semantique_text ul li {
    flex: 0 0 25%;
    vertical-align: top;
    text-align: center;
    padding-top: 60px;
    background-image: url('/images/chiffre-affaire.png');
    background-position: center 5px;
    background-size: auto 40px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
    font-family: 'Rubik', sans-serif;
}
.presentation #chiffre .element_4 .structured_text_semantique_text ul li strong,
.presentation #chiffre .element_6 .structured_text_semantique_text ul li strong {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1.3em;
    margin: 4px 0;
    text-transform: uppercase;
}
.presentation #chiffre .element_4 .structured_text_semantique_text ul li strong:nth-child(2),
.presentation #chiffre .element_6 .structured_text_semantique_text ul li strong:nth-child(2) {
    font-weight: 300;
    font-size: 9px;
}
.presentation #implantation {
    padding-bottom: 40px;
    width: 970px;
    margin: 0 auto
}
.presentation #implantation .w1080p {
    width: 100%;
}
.presentation #implantation .lineTextMap {
    justify-content: center;
    align-items: center;
}
.presentation #implantation .lineTextMap .elementText {
    padding-right: 50px;
}
.presentation #implantation .lineTextMap .elementText p {
    color: #383838;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 300;
}
.presentation #implantation .lineTextMap .elementText p:last-child {
    text-align: right;
}
.presentation #implantation .lineTextMap .elementText p a {
    color: #041E42;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 300;
    text-decoration: underline;
}
.presentation #valeurs,
.presentation #filet.bgGrey,
.presentation #engagement {
    background: #EFEFEF;
}
.presentation #filet.bgGrey {
    padding: 40px 0;
}
.presentation #valeurs {
    padding-top: 40px;
}
.presentation #engagement {
    padding-bottom: 40px;
}
.presentation #valeurs h2,
.presentation #engagement h2 {
    margin-top: 0;
}
.presentation #valeurs h2 a,
.presentation #engagement h2 a {
    color: #041E42;
    font-size: 28px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    display: block;
    width: 100%;
}
.presentation #valeurs .line-valeur,
.presentation #engagement .line-engagement {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.presentation #valeurs .line-valeur > div {
    flex: 0 0 22%;
    vertical-align: top;
}
.presentation #engagement .line-engagement > div {
    flex: 0 0 22%;
    vertical-align: top;
}
.presentation #valeurs .line-valeur div,
.presentation #engagement .line-engagement div {
    text-align: center;
    padding: 0;
}
.presentation #valeurs .line-valeur div img,
.presentation #engagement .line-engagement div img {
    margin: 0 auto;
    width: 120px;
    box-shadow: 0 0 10px #aaa;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.presentation #valeurs .line-valeur div img:hover,
.presentation #engagement .line-engagement div img:hover {
    transform: scale(1.1);
}
.presentation #valeurs .line-valeur div p a,
.presentation #engagement .line-engagement div p a {
    color: #041E42;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
}
.expertises #batiment .elementText,
.expertises #genie .elementText {
    position: relative;
    width: 100%;
    height: 300px;
}
.expertises #batiment .elementText .above figure,
.expertises #genie .elementText .above figure {
    margin-top: 0;
}
.expertises #batiment .elementText .above img,
.expertises #genie .elementText .above img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.expertises #batiment .structured_text_semantique_text,
.expertises #genie .structured_text_semantique_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(21,31,109,.9);
    text-align: center;
}
.expertises #batiment .elementText img,
.expertises #genie .elementText img {
    height: 150px;
    margin-bottom: 20px
}
.expertises #batiment .elementText p,
.expertises #genie .elementText p {
    color: #fff;
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    text-decoration: none;
    margin: 0;
}
.expertises h2 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 40px 0 30px;
    display: block;
    width: 100%;
    text-align: center;
}
.expertises .w1080p .size1_4 .elementText {
    position: relative;
    width: 100%;
}
.expertises .w1080p .size1_4 .elementText .above figure {
    margin-top: 0;
}
.expertises .w1080p .size1_4 .elementText .above img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.expertises .w1080p .size1_4 .elementText .structured_text_semantique_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,156,222,.8);
    text-align: center;
    padding: 20px 15px;
}
.expertises .w1080p .size1_4 .elementText .structured_text_semantique_text img {
    height: 60px;
    margin-bottom: 20px
}
.expertises .w1080p .size1_4 .elementText .structured_text_semantique_text p {
    color: #fff;
    font-size: 13px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    text-decoration: none;
    margin: 0;
}
.expertises .lineExpertise {
    margin: 20px 0;
}
.expertises .lineExpertise.mb70 {
    margin-bottom: 70px;
}
.expertises .lineExpertise > .w1080p.posMiddle {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.expertises .w1080p .size3_4 .elementText .structured_text_semantique_text p {
    font-size: 12px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #0c0c0c;
    margin: 0 0 10px;
}
.expertises .w1080p .size3_4 .elementText .structured_text_semantique_text p:last-child {
    margin-bottom: 0;
}
.expertises .w1080p .size3_4 .elementText .structured_text_semantique_text ul {
    margin-bottom: 10px;
    padding-left: 30px;
}
.expertises .w1080p .size3_4 .elementText .structured_text_semantique_text li {
    font-size: 12px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #0c0c0c;
}
.expertises #gros-oeuvre,
.expertises #entreprise,
.expertises #concepteur,
.expertises #prefab {
    margin-bottom: 50px;
}
.expertises #gros-oeuvre .size1_4,
.expertises #entreprise .size1_4,
.expertises #concepteur .size1_4 
.expertises #prefab.size1_4 {
    width: 250px;
}
.expertises #gros-oeuvre .size1_4 .elementText .above img,
.expertises #entreprise .size1_4 .elementText .above img,
.expertises #concepteur .size1_4 .elementText .above img,
.expertises #prefab .size1_4 .elementText .above img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.expertises #gros-oeuvre .size1_4 .elementText .structured_text_semantique_text,
.expertises #entreprise .size1_4 .elementText .structured_text_semantique_text,
.expertises #prefab .size1_4 .elementText .structured_text_semantique_text ,
.expertises #concepteur .size1_4 .elementText .structured_text_semantique_text {
    background: rgba(64,126,201,.9);
}
.expertises #gros-oeuvre .size1_4 .elementText .structured_text_semantique_text img,
.expertises #entreprise .size1_4 .elementText .structured_text_semantique_text img,
.expertises #prefab .size1_4 .elementText .structured_text_semantique_text img,
.expertises #concepteur .size1_4 .elementText .structured_text_semantique_text img {
    height: 110px
}
.expertises #gros-oeuvre .size3_4,
.expertises #entreprise .size3_4,
.expertises #concepteur .size3_4 ,
    .expertises #prefab .size3_4 {
    padding-right: 0;
    width: calc(100% - 300px);
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider {
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
    width: 800px;
    max-width: 800px;
    margin: 0 auto;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .directoryGrid.elementDirectory {
    width: 100%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide {
    display: inline-block;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .en_tete_temoignages h3 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .en_tete_temoignages p {
    color: #041E42;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: center;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    height: 400px;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:first-child img {
    max-height: 400px;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    display: block;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child {
    height: 400px;
    display: block;
    overflow-y: scroll;
    padding-right: 15px;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-track {
    background: #EFEFEF; 
}
/* Handle */
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb {
    background: #041E42;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
/* Handle on hover */
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb:hover {
    background: #009CDE; 
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages p {
    color: #0c0c0c;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0;
    text-align: left;
    padding-left: 15px;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    -webkit-appearance: none;
    border: none;
    width: 20px;
    height: 20px;
    background: none;
    color: #EFEFEF;
    vertical-align: top;
    outline: none;
    padding: 0;
    cursor: pointer;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-prev {
    left: 45%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-prev:before {
    content: "\f060";
    display: inline-block;
    font: normal normal normal 28px/1.5em FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #407EC9;
    font-size: 14px;
    line-height: 1em;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-next {
    right: 45%;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-next:before {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 28px/1.5em FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #407EC9;
    font-size: 14px;
    line-height: 1em;
}
.rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-arrow:hover:before {
    color: #041E42;
}
.rejoignez-nous.metier #Contenu {
    padding: 40px 0 30px;
}
.rejoignez-nous.metier #Contenu h2 {
    color: #041E42;
    font-size: 28px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0;
    display: block;
    width: 100%;
}
.rejoignez-nous.metier #Contenu h3 {
    color: #041E42;
    font-size: 30px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0 0 10px;
    display: block;
    width: 100%;
}
.rejoignez-nous.metier #Contenu .size1_2:first-child {
    padding-right: 5%;
}
.rejoignez-nous.metier #Contenu .size1_2:last-child {
    padding-left: 5%;
}
.rejoignez-nous.metier #Contenu .size1_2 > div {
    margin-bottom: 20px;
}
.rejoignez-nous.metier #Contenu .size1_2 p,
.rejoignez-nous.metier #Contenu .size1_2 li {
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;    
}
.rejoignez-nous.metier #Contenu .size1_2 li {
    margin-left: 50px;
}
.rejoignez-nous.metier #Contenu .size1_2 p b {
    margin-top: 30px;
    display: block;
}
.rejoignez-nous.metier #Contenu .size1_2 img {
    width: 100%;
}
#formsThanks {
    padding: 40px 0;
}
#formsThanks h2 {
    color: #041E42;
    font-size: 28px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0;
    display: block;
    width: 100%;
}
#formsThanks p {
    color: #041E42;
    font-size: 18px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 0 0 10px;
    display: block;
    width: 100%;
}
.notre_implantation .Contenu {
    padding: 30px 0;
}
.notre_implantation .infoLocalisation {
    height: 600px;
    overflow-y: scroll;
    margin-bottom: 45px;
}
.notre_implantation .infoLocalisation::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.notre_implantation .infoLocalisation::-webkit-scrollbar-track {
    background: #EFEFEF; 
}
/* Handle */
.notre_implantation .infoLocalisation::-webkit-scrollbar-thumb {
    background: #041E42;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
/* Handle on hover */
.notre_implantation .infoLocalisation::-webkit-scrollbar-thumb:hover {
    background: #009CDE; 
}
.notre_implantation .infoLocalisation .elementText {
    border-bottom: 3px solid #F3CFB3;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
}
.notre_implantation .infoLocalisation .elementText:last-child {
    border-bottom: none;
}
.notre_implantation .infoLocalisation .elementText h2 {
    color: #041E42;
    font-size: 22px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.notre_implantation .infoLocalisation .elementText p,
.notre_implantation .infoLocalisation .elementText a {
    color: #041E42;
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    margin: 10px 0 0 0;
}
.notre_implantation .elementMap .map > div {
    width: 100%!important;
    height: 600px !important
}
.nos_valeurs_engagements #valeurs,
.nos_valeurs_engagements #engagements {
    padding: 30px 0;
}
.nos_valeurs_engagements h2 {
    color: #041E42;
    font-size: 28px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 0 0 30px;
    display: block;
    width: 100%;
    text-align: center;
}
.nos_valeurs_engagements .line-detail-val-eng {
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}
.nos_valeurs_engagements .size1_4 img  {
    width: 150px;
    margin: 0 auto 10px;
    box-shadow: 0 0 10px #aaa;
    border-radius: 50%;
}
.nos_valeurs_engagements .size1_4 p {
    color: #041E42;
    font-size: 16px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    margin: 30px 0;
    display: block;
    width: 100%;
    text-align: center;
}
.nos_valeurs_engagements .size3_4 p {
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #0c0c0c;
    margin: 0;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row.error,
.contact .formContact fieldset.rgpd .row.error,
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row.error {
    margin-bottom: 50px!important;
    position: relative;
}
.directoryEntryDetail .je-postule fieldset.rgpd .row.error > div.error > div,
.rgpd .row.error > div.error > div,
.rejoignez-nous.directoryEntriesList #Candidature .rgpd .row.error > div.error > div {
    position: absolute;
    width: 90vw;
    bottom: -42px;    
}
.plan_du_site .w1080p.posMiddle .structured_text_semantique_text p,
.plan_du_site .w1080p.posMiddle .structured_text_semantique_text li {
    font-size: 14px;
    line-height: 1.3em;
    color: #041E42;
    font-family: 'Rubik', sans-serif;
    margin: 0 0 10px;
}
.plan_du_site .w1080p.posMiddle .structured_text_semantique_text ul {
    list-style: none;
    padding-left: 30px;
}
.plan_du_site .w1080p.posMiddle .structured_text_semantique_text ol {
    list-style: none;
    padding-left: 60px;
}
.googleMapBulle h2 {
    font-size: 16px;
    color: #000;
    margin: 10px 0;
    text-align: left;
    margin: 0 0 5px;
    line-height: 1.3em;
}
.googleMapBulle p {
    color: #000;
    font-size: 12px;
    margin: 0;
    line-height: 1.3em;
}
.googleMapBulle a {
    font-size: 14px;
    text-decoration: underline;
    color: #000;
    margin: 0;
    line-height: 1.3em;
}
.gm-style .gm-style-iw-c {
    width: 270px!important
}
.credits .w970p.posMiddle .structured_text_semantique_text h2 {
    font-size: 22px;
    line-height: 1.3em;
    color: #000000;
}
.credits .w970p.posMiddle .structured_text_semantique_text p {
    font-size: 14px;
    line-height: 1.3em;
    color: #041E42;
    font-family: 'Rubik', sans-serif;
    margin: 0 0 10px;
}
.pager {
    text-align: right;
    margin: 35px 0 0
}
.pager a {
    font-size: 14px;
    line-height: 1.3em;
    color: #041E42;
    font-family: 'Rubik', sans-serif;    
}
.widgetDirectorySearch {
    text-align: center;
}
.widgetDirectorySearch .widgetTitle {
    display: none;
}
.widgetDirectorySearch fieldset {
    display: block;
}
.widgetDirectorySearch fieldset .row {
    display: inline-block;
    width: 30%;
    margin: 0 5%;
    float: left;
}
.widgetDirectorySearch fieldset .row:first-child {
    margin-left: 15%;
}
.widgetDirectorySearch fieldset .row:last-child {
    margin-right: 15%;
}
.widgetDirectorySearch fieldset .row label {
    text-align: left;
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
.widgetDirectorySearch fieldset .row select {
    width: 100%;
    padding: 5px 40px 5px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #041E42;
    border-radius: 0;
    height: 30px;
    background: transparent;
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    -webkit-appearance: none;
    position: relative;
    background-image: url('/images/back-mobile-menu.png');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: calc(100% - 15px) center;
    text-align: left;
}
body.témoignages .directoryList {
    margin: 0 0 40px;
}
body.témoignages .directoryEntries .temoignages {
    display: block;
    width: 100%;
    height: 400px;
    margin: 40px 0;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:first-child {
    width: 400px;
    padding: 0;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar {
    width: 10px;
}
/* Track */
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-track {
    background: transparent; 
}
/* Handle */
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb {
    background: #041E42;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
/* Handle on hover */
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb:hover {
    background: #009CDE; 
}
body.témoignages .directoryEntries .temoignages:nth-child(2n) .contenu_temoignages .size1_2:first-child {
    float: right
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child {
    width: calc(100% - 420px);
    margin-right: 20px;
    height: 400px;
    display: block;
    overflow-y: scroll;
    padding-right: 15px;
}
body.témoignages .directoryEntries .temoignages:nth-child(2n+1) .contenu_temoignages .size1_2:last-child {
    margin: 0 0 0 20px
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 img {
    width: 400px;
    height: 400px;
    object-fit: cover;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 .en_tete_temoignages {
    text-align: center;
    margin-bottom: 25px;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 p {
    margin: 0 0 10px;
    color: #041E42;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 .en_tete_temoignages h3 {
    margin: 0 0 15px;
    color: #041E42;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
}
body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 .en_tete_temoignages p {
    margin: 0;
    color: #041E42;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 300;
    font-family: 'Rubik',sans-serif;
    display: inline-block;
    border-bottom: 1px solid #041E42;
}
body.témoignages .directoryList .pager {
    padding: 0 15px;
}
@media (max-width:1500px){
    .banner h1:before {
        left: -12vw;
    }
}
@media (max-width:1400px) {
    .banner h1:before {
        left: -8vw;
    }
}
@media (max-width:1300px) {
    .banner {
        padding: 40px 15px;
    }
    .banner h1 {
        padding-left: 120px;
    }
    .banner h1:before {
        left: -0;
        width: 100px;
    }
}
@media (min-width:1081px) and (max-width:1280px){
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture{
        height:220px;
    }
}
@media (min-width:1281px) and (max-width:1480px){
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture{
        height:250px;
    }
}
@media (min-width:1481px) and (max-width:1680px){
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture{
        height:280px;
    }
}
@media (min-width:1681px) and (max-width:1880px){
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture{
        height:320px;
    }
}
@media (min-width:1881px){
    .fullwidth .directoryGrid.cols-4 .directoryEntryPicture{
        height:360px;
    }
}
@media (max-width:1360px){
    header {
        background: linear-gradient(to right, #fff 0, #fff 260px, #041E42 260px)
    }
}
@media (max-width:1150px){
    #logo {
        margin-left: 0;
    }
}
@media (max-width:1099px){
    .fullwidth #breadcrumb,.fullwidth #breadcrumb,.w1080p{
        width:100%;
        padding-right:20px;
        padding-left:20px
    }
    .fullwidth #wrapperInner{
        padding-right:0;
        padding-left:0
    }
    #page{
        position:relative
    }
    .homePage_2 header,header{
        left:auto;
        z-index:102;
        width:100%;
    }
    #wrapper{
        position:relative;
        z-index:101;
        padding-top:80px;
        background-color:#fff
    }
    .directoryLine .directoryEntry:hover .directoryEntryContent,.directoryLine .directoryEntryContent{
        width:100%;
        padding:30px 100px 30px 30px
    }
    #content #text .directoryLine .directoryEntryLink{
        right:60px
    }
    #content #text .directoryLine .directoryEntry:hover .directoryEntryLink{
        right:40px
    }
    .fullwidth #directoryEntryDetailContent,.fullwidth #directoryEntryDetailHeading{
        padding:20px
    }
    #directoryEntryDetailContent,#directoryEntryDetailFooter>div,.fullwidth #directoryEntryDetailHeading>div{
        width:100%
    }
    #directoryEntryDetailFooter{
        padding-right:20px;
        padding-left:20px
    }
    .blogPostDetail.postDetail-fullwidth #blogPostDetailHeaderContent,.blogPostDetail.postDetail-parallax #blogPostDetailHeaderContent{
        left:0;
        width:100%;
        padding:0 20px;
        margin-left:0
    }
    .blogPostDetail.postDetail-fullwidth #blogPostDetailContent,.blogPostDetail.postDetail-parallax #blogPostDetailContent{
        width:100%
    }
    .blogList .blogPostResume .blogPostDescription{
        max-height:100px;
        padding-bottom:0;
        margin-bottom:20px;
        overflow:hidden
    }
    .w1080p {
        width: 100%;
        padding: 0 15px;
    }
    .w1080p.directoryGrid {
        padding: 0;
    }
    .angleTopRight:after {
        transform: skewX(-20deg)
    }
    footer {
        background: linear-gradient(to right, #fff 0,#fff 250px, #041E42 250px, #041E42);
    }
    .fullwidth #InfoTexte .valeurs .elementPicture > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex: 0 0 20%;
    }
    .fullwidth #InfoTexte .valeurs .elementPicture .inbl {
        margin: 0 2%;
    }
    .slick-list {
        overflow: hidden;
    }
    .firstLevel {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .firstLevel > li {
        padding: 10px;
    }
    .banner h1,
    .banner h2 {
        width: 100%;
    }
    .rejoignez-nous.directoryEntriesList #Candidature {
        padding: 15px;
    }
    .directoryEntryDetail .nom_offre h2 {
        padding: 0 15px;
    }
    .directoryEntryDetail .detail_offre {
        padding: 20px 15px
    }
    .actualites.blogPostsList #blogPosts .blogPostResume {
        display: block;
        width: 48%;
        float: left;
        margin: 0 0 30px;
        padding: 10px;
    }
    .notre_implantation .infoLocalisation {
        padding: 0 15px !important;
    }
    .presentation .activite-metier {
        width: 350px;
        margin: 0 10px;
    }
    .presentation .activite-metier:first-child {
        margin-left: calc(50% - 360px)
    }
    .presentation .activite-metier:last-child {
        margin-right: calc(50% - 360px)
    }
    .presentation #metier .activite-metier {
        width: 230px;
        height: 230px;
        margin: 0 7.5px;
    }
    .presentation #metier .activite-metier:first-child {
        margin-left: calc(50% - 360px)
    }
    .presentation #metier .activite-metier:last-child {
        margin-right: calc(50% - 360px)
    }
    .presentation #SliderActivitePres .cropBotLeft {
        width: 200px;
        margin-left: -200px
    }
    .presentation #SliderActivitePres .cropBotLeft:after {
        width: 190px;
        transform: skewX(-17deg)
    }
}
@media (max-width:980px) {
    .home #alert { 
        width: 90% !important;
        top: 135px !important;
        margin-left: 0 !important;
        left: 20px !important;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText {
        padding: 15px 10px;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText > div {
        display: block;
        height: 90%;
        overflow-y: scroll;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText > div .structured_text_semantique_text {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text ul,
    .presentation #chiffre .element_6 .structured_text_semantique_text ul {
        display: block;
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text ul li,
    .presentation #chiffre .element_6 .structured_text_semantique_text ul li {
        width: 24%;
        display: inline-block;
    }
    header .w300p {
        width: 25%;
    }
    header .wp {
        width: 75%
    }
    header {
        background: linear-gradient(to right, #fff 0, #fff 200px, #041E42 200px)
    }
    .presentation #domaines,
    .presentation #implantation {
        width: 100%
    }
    .fullwidth #Actualite,
    .fullwidth #actuHome,
    .rejoignez-nous.directoryEntriesList #Recrutement .w1080p,
    .rejoignez-nous.directoryEntriesList #Candidature,
    .fullwidth .home-actu-widget > .w1080p,
    .rejoignez-nous.directoryEntriesList #Candidature .w1080p,
    .w970p {
        width: 100% !important;
    }
    
    .fullwidth #actuHome .slick-slide .postPicture {
        width: 100%;
        margin-left: 0;
    }
    .fullwidth #actuHome .slick-slide li .toAbsolute {
        position: relative;
        z-index: 2;
        margin: -75px auto 0;
    }
    .fullwidth #actuHome .slick-slide li .toAbsolute div {
        width: 90%;
        margin: 0 auto;
    }
    .fullwidth #actuHome .slick-slide li .angleTopRight {
        display: none;
    }
    .fullwidth #actuHome .slick-slide li .postContent {
        background: rgba(241,195,162,.9);
    }
    .fullwidth .widgetHighlightPosts .w1080p.posMiddle .w70.posRight {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
    }
    .fullwidth #actuHome .slick-arrow {
        font-size: 13px;
    }
    .fullwidth #actuHome .slick-prev {
        margin-left: 0;
        left: 0;
        width: 50%;
        padding-right: 20px;
    }
    .fullwidth #actuHome .slick-next {
        margin-left: 0;
        left: 50%;
        width: 50%;
        padding-left: 20px;
    }
}
@media (max-width:940px) {
    .actualites.blogPostDetail #contents .flexRow {
        flex-direction: column-reverse;
    }
    .actualites.blogPostDetail #contents .flexRow > div {
        width: 100%;
    }
}
@media (max-width:910px){
    nav a {
        padding: 7px 10px;
    }
}
@media (max-width:879px){
    .h1-like,h1{
        line-height:1.4em
    }
    .h2-like,h2{
        line-height:1.2em
    }
    .h3-like,h3{
        font-size:1.6em
    }
    .w33,.w600p,.w700p{
        width:100%
    }
    .mhide{
        display:none
    }
    .mblock{
        display:block!important
    }
    .mw10{
        width:10%
    }
    .mw20{
        width:20%
    }
    .mw25{
        width:25%
    }
    .mw30{
        width:30%
    }
    .mw33{
        width:33.333%
    }
    .mw40{
        width:40%
    }
    .mw50{
        width:50%
    }
    .mw60{
        width:60%
    }
    .mw66{
        width:66.667%
    }
    .mw70{
        width:70%
    }
    .mw80{
        width:80%
    }
    .mw90{
        width:90%
    }
    .mw100{
        border-left:none;
        border-right:none
    }
    .mpt0{
        padding-top:0
    }
    .mpt10{
        padding-top:10px
    }
    .mpt20{
        padding-top:20px
    }
    .mpt30{
        padding-top:30px
    }
    .mpr0{
        padding-right:0
    }
    .mpr10{
        padding-right:10px
    }
    .mpr20{
        padding-right:20px
    }
    .mpr30{
        padding-right:30px
    }
    .mpb0{
        padding-bottom:0
    }
    .mpb10{
        padding-bottom:10px
    }
    .mpb20{
        padding-bottom:20px
    }
    .mpb30{
        padding-bottom:30px
    }
    .mpl0{
        padding-left:0
    }
    .mpl10{
        padding-left:10px
    }
    .mpl20{
        padding-left:20px
    }
    .mpl30{
        padding-left:30px
    }
    .mmt0{
        margin-top:0
    }
    .mmt10{
        margin-top:10px
    }
    .mmt20{
        margin-top:20px
    }
    .mmr0{
        margin-right:0
    }
    .mmr10{
        margin-right:10px
    }
    .mmb0{
        margin-bottom:0
    }
    .mmb10{
        margin-bottom:10px
    }
    .mml0{
        margin-left:0!important
    }
    .mml10{
        margin-left:10px
    }
    .mtxtLeft{
        text-align:left
    }
    .mtxtCenter{
        text-align:center
    }
    .mtxtRight{
        text-align:right
    }
    .mBorderAll{
        border:1px solid #ccc
    }
    .mBorderTop{
        border-top:1px solid #ccc
    }
    .mBorderRight{
        border-right:1px solid #ccc
    }
    .mBorderBottom{
        border-bottom:1px solid #ccc
    }
    .mBorderLeft{
        border-left:1px solid #ccc
    }
    .mNoBorder{
        border:none!important
    }
    .size1_3,.size1_3:first-child,.size1_3:last-child,.size1_4,.size1_4:last-child,.size1_4:nth-child(2),.size1_4:nth-child(3),.size1_5,.size1_5:last-child,.size1_6,.size1_6:last-child,.size1_7,.size1_7:last-child,.size1_8,.size1_8:last-child{
        width:100%;
        padding:0
    }
    footer .widget{
        float:none;
        width:100%;
        padding-bottom:30px;
        text-align:center;
        border:none
    }
    footer .widget:last-child{
        padding-bottom:0
    }
    .formulaire>form{
        min-width:0
    }
    #form input[type=text],#form input[type=password],#form input[type=mail],#formpersonnalise input[type=text],#formpersonnalise input[type=password],#formpersonnalise input[type=mail],#formpersonnalise input[type=date],textarea{
        width:100%
    }
    .pager>a{
        margin-bottom:10px
    }
    .homePage_1 .blocTestimonials .diaporamaExtra strong{
        padding-top:0
    }
    .diaporamaExtra strong{
        font-size:4.6em
    }
    .diaporamaDot{
        width:30px;
        margin:0 10px;
        border-radius:0
    }
    .blogBox.blogPostsList .blogPostTitle{
        max-height:40px
    }
    .blogPostsList.blogMasonry.cols-3 .blogPostResume,.blogPostsList.blogMasonry.cols-4 .blogPostResume,.cols-2.blogPostsList .blogPostResume,.cols-3.blogBox .blogPostResume:nth-child(3n+1),.cols-3.blogBox .blogPostResume:nth-child(3n+3),.cols-3.blogPostsList .blogPostResume{
        float:none;
        width:100%!important;
        padding-right:0;
        padding-left:0
    }
    .cols-2.blogBox .blogPostResume:nth-child(odd),.cols-2.blogList .blogPostResume:nth-child(odd),.cols-2.blogPostsList .blogPostResume:nth-child(odd){
        padding-right:0
    }
    .cols-2.blogBox .blogPostResume:nth-child(even),.cols-2.blogList .blogPostResume:nth-child(even),.cols-2.blogPostsList .blogPostResume:nth-child(even){
        padding-left:0
    }
    .cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate{
        left:20px
    }
    .select2-container{
        width:100%!important
    }
    nav a {
        padding: 5px;
    }
    .fullwidth #TexteTop .structured_text_semantique_text h1 {
        font-size: 30px;
    }
    #Activite > .w1080p.posMiddle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fullwidth #Offres .offres {
        padding: 20px 10px
    }
    footer .flexRow > .w300p {
        width: 235px;
        max-width: 235px;
        min-width: 235px;
    }
    footer .angleTopRight:after {
        transform: skewX(-12deg);
    }
    .size1_4 {
        width: 40%!important;
    }
    .size3_4 {
        width: 60%;
    }
    .size3_4:last-child {
        padding: 0 0 0 15px;
    }
    .size3_4:first-child {
        padding: 0 15px 0 0;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .flexRow {
        margin-bottom: 20px;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .size1_2 .elementText .posLeft.mr10 {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 10px;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .size1_2 .elementText .posLeft.mr10 img {
        margin-top: 0;
        width: 100%;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .structured_text_semantique_text {
        padding: 0 15px;
    }
    .rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3 p {
        font-size: 20px;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText p a {
        margin-bottom: 15px;
    }
}
@media (max-width:840px){
    #wrapper {
        padding-top: 65px;
    }
    #TexteTop .angleTopRight {
        display: none;
    }
    .fullwidth #TexteTop .w500p {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .fullwidth #TexteTop .structured_text_semantique_text {
        margin: -70px 0 50px;
        padding: 15px
    }
    #InfoTexte .w1080p {
        padding: 0;
    }
    .fullwidth #InfoTexte {
        margin-top: 0;
    }
    .fullwidth #InfoTexte .w1080p > div {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
    }
    .fullwidth #InfoTexte .w1080p > div#TexteTop {
        width: 90%;
        margin: 0 auto
    }
    .fullwidth #InfoTexte .w1080p figure img {
        width: 100%;
    }
    figure {
        margin-top: 0;
    }
    .fullwidth #Activite h2,
    .fullwidth #InfoTexte .valeurs h2,
    h2 {
        font-size: 26px !important;
    }
    .fullwidth #Activite h2 br {
        display: none;
    }
    .fullwidth .sliderActiHome {
        margin-top: 20px;
    }
    .socialLink {
        display: block;
        width: 100%;
    }
    .socialLink .widgetContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
    .socialLink .widgetContainer > a {
        display: inline-block;
        width: 30px;
        margin: 0 5px;
    }
    #mobileMenu{
        display:block;
        position: relative;
        text-align: right;
        margin: 0 5px;
        width: 100%;
        padding-right: 15px;
        padding-top: 5px;
        text-decoration: none;
        outline: none;
    }
    #mobileMenu > span {
        height: 3px;
        background: #fff;
        width: 20px;
        display: block;
        border-radius: 3px;
        float: right;
        margin: 8px 0px;
        overflow: visible;
        position: relative;
    }
    #mobileMenu > span:before {
        content: '';
        background: #fff;
        width: 100%;
        position: absolute;
        top: -6px;
        height: 3px;
        left: 0;
        display: block;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #mobileMenu > span:after {
        content: '';
        background: #fff;
        width: 100%;
        position: absolute;
        bottom: -6px;
        height: 3px;
        left: 0;
        display: block;
        border-radius: 3px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    #mobileMenu > span.active {
        background: #041E42;
    }
    #mobileMenu > span.active:before {
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0;
    }
    #mobileMenu > span.active:after {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
    }
    .hiddenOpen {
        visibility: hidden;
    }
    header .w1080p.posMiddle.flexRow {
        position: relative;
        padding: 0;
    }
    header .w1080p.posMiddle.flexRow > div {
        padding: 0 15px;
        width: 50%
    }
    header {
        height: 94px;
    }
    #logo {
        height: 95px;
    }
    .fullwidth #wrapperInner {
        padding-top: 15px;
    }
    nav {
        position: absolute;
        top: 94px;
        left: 0;
        width: 100%;
        display: none;
        z-index: 1
    }
    .firstLevel {
        flex-direction: column;
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
        background: #EFEFEF
    }
    .firstLevel > li {
        width: 100%;
        border-bottom: 1px solid #041E42;
        padding: 0;
    }
    .firstLevel li.le_groupe > a,
    .firstLevel li.rejoignez_nous > a {
        background-image: url('/images/back-mobile-menu.png');
        background-size: 20px auto;
        background-position: calc(100% - 25px) center;
        background-repeat: no-repeat;
    }
    .firstLevel li a {
        border: none;
        color: #041E42;
        text-align: left;
        font-weight: 500;
        padding: 10px 15px;
    }
    .firstLevel li .secondLevel {
        display: none;
        position: relative;
    }
    .firstLevel li .secondLevel li {
        padding: 5px 0;
        width: 100%;
        border: none;
    }
    .firstLevel li .secondLevel li:last-child {
        margin-bottom: -5px;
    }
    .firstLevel li .secondLevel li a {
        padding: 10px 30px;
        font-weight: 500;
    }
    .firstLevel > li.open > a {
        background-color: #009CDE;
        color: #fff;
    }
    .firstLevel > li.active > a {
        background-color: #041E42;
        color: #fff;
    }
    .firstLevel li.le_groupe.open > a,
    .firstLevel li.rejoignez_nous.open > a,
    .firstLevel li.le_groupe.active > a,
    .firstLevel li.rejoignez_nous.active > a {
        background-image: url('/images/back-mobile-menu-active.png');
    }
    nav>ul>li.active>a > span {
        border-bottom: none;
    }
    .firstLevel > li.active 
    .presentation #implantation .lineTextMap .map .generatedGoogleMap {
        width: 100%!important;
    }
    .presentation .activite-metier .elementText img {
        width: auto;
        height: 75px;
    }
    .presentation .activite-metier .elementText .above img {
        height: auto;
    }
    #logo {
        padding: 15px 0;
    }
    .contact iframe {
        height: 550px;
    }
    .fullwidth .sliderActiHome .slick-slide div li > .rightBG {
        padding: 0 15px;
        text-align: center;
        justify-content: center;
    }
    .fullwidth .sliderActiHome .slick-slide div li > .rightBG a {
        font-size: 14px;
    }
}
@media (max-width:810px){
    .actualites.blogPostsList #blogPosts .blogPostResume {
        width: 46%
    }
    .fullwidth #Activite .size1_2 {
        width: 100%!important;
        float: none;
        padding: 0!important;
    }
}
@media (max-width:799px){
    .h2-like,h2{
        font-size:2.4em
    }
    .diaporamaExtra strong{
        font-size:3.4em
    }
    .diaporamaExtra span{
        font-size:1.2em
    }
    .linkToRubric.linkPrevious{
        margin-right:0
    }
    .linkToRubric.linkNext{
        margin-left:0
    }
    .cols-2 .directoryEntry:nth-child(even),.cols-2 .directoryEntry:nth-child(odd){
        float:none;
        width:100%;
        padding:0 0 20px
    }
    .directoryEntryPicture{
        float:none;
        width:100%;
        height:240px;
        border:none
    }
    .directoryEntryContent{
        padding:20px;
        margin-left:0
    }
    .directoryLine .directoryEntryContent h3{
        font-size:3em;
        font-weight:500
    }
    .directoryGrid.cols-2 .directoryEntry{
        width:100%
    }
    .directoryGrid.cols-4 .directoryEntry{
        width:50%
    }
    #blogPostDetail .blogPostTitle,#directoryEntryDetail h1{
        font-size:2em
    }
    #directoryEntryNavigation strong{
        font-size:1.2em
    }
    .callToActionText.h2-like{
        font-size:1.8em
    }
    .homePage_2 .yentlSlideContent{
        width:70%!important
    }
    .homePage_2 .yentlSlideTitle{
        font-size:2em;
        line-height:1.2
    }
    header .angleTopRight:after {
        right: 85%;
    }
    footer {
        background: #fff;
    }
    footer #footerInner > .flexRow {
        flex-direction: column;
        flex: 0 0 100%;
        padding: 0;
    }
    footer .flexRow > .w300p {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
    }
    footer .w300p a img {
        max-width: 80%;
    }
    footer .w300p .contactez {
        margin: 30px 0 20px
    }
    footer .flexRow.w85 {
        background: #041E42;
        width: 100%;
        padding: 15px
    }
    .fullwidth #Offres .padd0 {
        padding: 0;
    }
    .fullwidth #Offres .padd0 .directoryEntries {
        text-align: center;
    }
    .fullwidth #Offres .offres {
        width: 45%;
        text-align: left;
    }
    .fullwidth #Offres .offres:nth-child(even) {
        margin-left: 4%;
        margin-right: 0;
    }
    .fullwidth #Offres .offres:nth-child(odd) {
        margin-right: 4%;
        margin-left: 0;
    }
    .presentation #implantation .lineTextMap .map .generatedGoogleMap {
        height: 400px!important;
    }
    .presentation #chiffre {
        padding: 15px 0;
    }
    .expertises #batiment .w1080p.posMiddle,
    .expertises #genie .w1080p.posMiddle {
        padding: 0;
    }
    .realisations.directoryEntriesList .directoryListFilters {
        display: block;
        width: 100%;
        padding: 0 15px;
        text-align: center;
    }
    .realisations.directoryEntriesList .directoryListFilters .filter {
        width: 33%;
        display: inline-block;
        margin: 0 0 15px;
        padding: 0 15px;
        float: none;
        vertical-align: top;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider {
        width: 100%;
    }    
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:first-child {
        width: 30%
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child {
        width: 70%;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres {
        width: calc(50% - 30px);
        margin: 15px 28px !important;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres:nth-child(2n+1) {
        margin-left: 0 !important;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres:nth-child(2n+2) {
        margin-right: 0 !important;
    }
    .directoryEntryDetail .detail_offre .flexRow {
        display: block;
    }
    .directoryEntryDetail .detail_offre .flexRow .w40 {
        width: 100%;
        margin: 0 auto;
    }
    .directoryEntryDetail .detail_offre .flexRow .w20 {
        width: 32.333%;
        margin-bottom: 15px;
    }
    .directoryEntryDetail .detail_offre .flexRow .w25 {
        width: 49%;
        margin-bottom: 15px;
    }
    .notre_implantation .infoLocalisation .elementText h2 {
        font-size: 16px!important
    }
    .notre_implantation .infoLocalisation .elementText p, .notre_implantation .infoLocalisation .elementText a {
        font-size: 12px;
    }

    body.témoignages .directoryList {
        margin: 0 0 40px;
    }
    body.témoignages .directoryEntries .temoignages {
        display: block;
        width: 100%;
        margin: 40px 0;
        height: auto;
    }
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:first-child,
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child {
        width: 100%;
        padding: 0;
        float: none;
        display: block;
    }
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2 img {
        width: 250px;
        height: auto;
        margin: 0 auto 20px;
        display: block;
    }
    body.témoignages .directoryEntries .temoignages:nth-child(2n) .contenu_temoignages .size1_2:first-child {
        float: left
    }
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-track {
        background: transparent; 
    }
    /* Handle */
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb {
        background: #041E42;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer;
    }
    /* Handle on hover */
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child::-webkit-scrollbar-thumb:hover {
        background: #009CDE; 
    }
    body.témoignages .directoryEntries .temoignages .contenu_temoignages .size1_2:last-child {
        max-height: 400px;
        height: auto;
        padding: 0 20px;
    }
    body.témoignages .directoryEntries .temoignages:nth-child(2n+1) .contenu_temoignages .size1_2:last-child {
        margin: 0;
    }
}
@media (max-width:770px){
    .contact .formContact fieldset.a_destination_de .row,
    .directoryEntryDetail .je-postule fieldset .row,
    .rejoignez-nous.directoryEntriesList #Candidature .row,
    .contact .formContact fieldset.informations .row {
        width: calc(50% - 32px);
        margin: 10px 0;
    }
    .directoryEntryDetail .je-postule fieldset .row:nth-child(2n+1),
    .rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(2n+1),
    .contact .formContact fieldset.informations .row:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 30px;
    }
    .directoryEntryDetail .je-postule fieldset .row:nth-child(2n+2),
    .rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(2n+2),
    .contact .formContact fieldset.informations .row:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 30px;
    }
    .contact .formContact fieldset.informations .row:last-child,
    .directoryEntryDetail .je-postule fieldset .row:last-child,
    .directoryEntryDetail .je-postule .rgpd .row,
    .rejoignez-nous.directoryEntriesList #Candidature .row:last-child,
    .rejoignez-nous.directoryEntriesList #Candidature .rgpd .row {
        width: 100%;
        margin: 10px 0!important;
    }
}
@media (max-width: 720px) {
    .directoryGrid.cols-3 .directoryEntry{
        width:50%;
    }
    .directoryEntryDetail .MurImage {
        padding: 0;
    }
    .directoryEntryDetail .MurImage .flexRow {
        display: block;
        width: 100%;
    }
    .directoryEntryDetail .MurImage .flexRow .size1_4 {
        width: 50%!important;
        display: inline-block;
        float: left;
        margin: 0;
    }
    .directoryEntryDetail .MurImage .Line4 .size1_4:last-child {
        margin-bottom: 50px;
    }


    .presentation .activite-metier {
        width: 48%;
        margin: 0 13px 20px;
    }
    .presentation .activite-metier:first-child {
        margin-left: 0
    }
    .presentation .activite-metier:last-child {
        margin-right: 0
    }
    .presentation #metier .activite-metier {
        width: 200px;
        height: 200px;
        margin: 0 5px 20px;
    }
    .presentation #metier .activite-metier:first-child {
        margin-left: calc(50% - 310px)
    }
    .presentation #metier .activite-metier:last-child {
        margin-right: calc(50% - 310px)
    }
    .presentation #chiffre .pageElement.size1_2 {
        width: 100%;
        margin-bottom: 30px;
    }
    .presentation #chiffre .pageElement.size1_2:last-child {
        margin-bottom: 0;
        padding-top: 30px;
        border-top: 2px solid #F3CFB3
    }
    .presentation #chiffre .pageElement.size1_2 .w60 {
        display: none;
    }
    .presentation #chiffre .element_1 {
        width: 60%;
        display: inline-block;
        margin: 0 0 15px;
    }
    .presentation #chiffre .element_2 {
        width: 39%;
        display: inline-block;
        margin: 0 0 15px;
    }
    .presentation #chiffre .element_3 {
        padding: 0!important;
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text p,
    .presentation #chiffre .element_6 .structured_text_semantique_text p {
        text-align: center;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText > div .structured_text_semantique_text {
        display: block;
    }
    .presentation #historique .elementTitle, .presentation #historique .elementText {
        width: 90%;
        margin: 0 auto
    }
}
@media (max-width:700px){
    .fullwidth .sliderActiHome .slick-slide div li > .rightBG a {
        font-size: 20px
    }
    .cropBotLeft:after {
        transform: skewX(-13deg);
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text ul,
    .presentation #chiffre .element_6 .structured_text_semantique_text ul {
        text-align: center;
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text ul li {
        padding: 0 10px;
        width: 49%;
        margin-bottom: 30px;
        background-image: none;
    }
    .presentation #chiffre .element_6 .structured_text_semantique_text ul li {
        width: 32%;
        padding: 0 10px;
        margin-bottom: 30px;
        background-image: none;
    }
    .presentation #chiffre .element_4 .structured_text_semantique_text ul li strong {
        font-size: 20px;
        line-height: 1.2em;
    }
    .btn-shortcut {
        width: 70px;
        height: 60px;
        text-align: center;
    }
    .btn-shortcut p {
        display: none;
    }
    .directoryGrid.cols-3 .directoryEntry {
        width: 50%;
    }
    .fullwidth #actuHome .slick-slide li .postContent {
        width: 50%;
    }
}
@media (max-width:639px){
    .diaporamaExtra strong{
        padding-bottom:10px;
        font-size:2.6em
    }
    .diaporamaExtra span{
        font-size:1em
    }
    .blogBox .blogPostContent{
        height:auto;
        padding-bottom:70px
    }
    .blogBox .blogPostDescription,.cols-2.blogList .blogPostResume{
        height:auto
    }
    .cols-2.blogPostsList .blogPostResume{
        padding-top:30px;
        padding-right:0;
        padding-left:0
    }
    .blogList .blogPostPicture,.cols-2.blogList .blogPostPicture,.cols-2.blogList .blogPostResume .blogPostPicture{
        float:none;
        width:100%;
        height:200px
    }
    .blogList .blogPostContent,.cols-2.blogList .blogPostContent{
        float:none;
        width:100%
    }
    .blogList .blogPostDate,.cols-2.blogList .blogPostResume:nth-child(even) .blogPostDate{
        top:0;
        left:50%;
        margin-top:0
    }
    .cols-2.blogList .blogPostDescription{
        padding:20px 0;
        white-space:normal
    }
    .blogList .blogPostLink{
        padding-top:10px;
        text-align:center
    }
    .blogList .blogPostResume{
        height:auto;
        padding-top:30px;
        margin-bottom:30px
    }
    .blogMasonry .blogPostResume{
        margin-bottom:4%!important
    }
    #blogPostDetail .blogPostTitle{
        font-size:1.8em
    }
    .callToActionText.h2-like{
        font-size:1.4em
    }    
    .fullwidth #Offres .offres {
        width: 100%;
        float: none;
        margin: 0 0 20px!important;
    }
    header .w1080p.posMiddle.flexRow > div.w300p {
        width: 90%;
    }
    .fullwidth #actuHome {
        padding: 0 0 50px;
    }
    .presentation #expertise .activite-metier,
    .presentation #metier .activite-metier {
        width: 60%;
        margin: 10px auto!important;
        float: none
    }
    .presentation #implantation {
        padding-bottom: 0;
    }
    .presentation #implantation h2 {
        text-align: center;
    }
    .presentation #implantation .lineTextMap {
        display: block;
        padding: 0;
    }
    .presentation #implantation .lineTextMap > .size1_2 {
        display: block;
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
    }
    .presentation #implantation .lineTextMap > .size1_2:last-child {
        margin-bottom: 0;
    }
    .presentation #implantation .lineTextMap .elementText {
        padding: 0 15px;
    }
    .presentation #valeurs .line-valeur, .presentation #engagement .line-engagement {
        display: block;
        width: 100%;
        text-align: center;
    }
    .presentation #valeurs .line-valeur .size1_4, .presentation #engagement .line-engagement .size1_4 {
        width: 40%!important;
        margin: 0 4%;
        margin-bottom: 20px;
        display: inline-block;
        text-align: center;
        float: none;
    }
}
@media (max-width:600px){
  .rejoignez-nous.metier #Contenu .size1_2 {
    display: block;
    width: 100%;
  }
    .expertises .lineExpertise > .w1080p.posMiddle {
        display: block;
        width: 100%;
        padding: 0;
    }
    .size1_4 {
        display: block;
        width: 60%!important;
        margin: 0 auto 20px;
        float: none;
        padding: 0!important;
    }
    .size3_4 {
        width: 100% !important;
        float: none;
        display: block;
        margin-bottom: 60px;
        padding: 0 20px!important
    }
    .cropBotLeft {
        width: 70px;
        margin-left: -70px;
    }
    .cropBotLeft:after {
        width: 70px;
        transform: skewX(-12deg);
    }
    .realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a {
        font-size: 12px
    }
    .realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realPrec {
        padding-left: 10px;
        padding-right: 30px;
    }
    .realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realNext {
        padding-right: 10px;
        padding-left: 30px;
    }
    .realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realPrec i {
        right: 10px;
    }
    .realisations.directoryEntryDetail .detailRealisations .Navigation .prec-next a.realNext i {
        left: 10px;
    }
}
@media (max-width:559px){
    .fullwidth #Offres .offres {
        height: 290px;
    }
    .diaporamaExtra span{
        display:none
    }
    #homePage_2 .diaporamaExtra span{
        display:block
    }
    .callToActionText.h2-like{
        font-size:1.2em
    }
    .homePage_2 .yentlSlideContent{
        left:0!important;
        width:100%!important;
        padding:30px;
        font-size:1.2em
    }
    .homePage_2 .yentlSlideTitle{
        font-size:1.6em
    }
    .fullwidth #Actualite h2,
    .fullwidth #Actualite p {
        width: 100%;
        display: block;
        text-align: center;
    }
    .banner {
        padding: 20px 10px;
    }
    .banner h1 {
        font-size: 24px;
        line-height: 32px;
        padding-left: 65px;
    }
    .banner h1:before {
        width: 50px;
        top: 14px;
    }
    .banner h2 {
        font-size: 18px!important;
        line-height: 22px;
    }
    .actualites.blogPostDetail #blogPostDetailHeader h1 {
        padding: 20px 10px;
        font-size: 24px;
        line-height: 32px;        
    }
    .presentation #SliderActivitePres .cropBotLeft {
        width: 110px;
        margin-left: -110px;
        left: 40%;
    }
    .presentation #SliderActivitePres .cropBotLeft:after {
        transform: skewX(-16deg);
        width: 110px
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText {
        width: 60%;
        left: 40%;
    }
    .presentation #SliderActivitePres .slick-slide div li > .elementText p {
        font-size: 13px;
    }
    .realisations.directoryEntriesList .directoryListFilters .filter {
        width: 100%;
    }
    .realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 div img {
        width: 30px;
    }
    .realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 .label {
        font-size: 12px;
    }
    .realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line1 .text,
    .realisations.directoryEntryDetail .detailRealisations .realisationsContent .Line2.description {
        font-size: 12px;
    }
    .rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3,
    .rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:last-child,
    .rejoignez-nous.directoryEntriesList #Recherche .Bloc_3_Redirection .size1_3:first-child {
        width: 90%;
        display: block;
        margin: 20px auto;
        float: none;
    }
    .rejoignez-nous #Recrutement .size1_2 {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages {
        flex-direction: column;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages h2 {
        font-size: 14px!important;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:first-child {
        width: 50%;
        margin-bottom: 20px;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slide .contenu_temoignages .size1_2:last-child {
        width: 100%;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .flexRow {
        display: block;
    }
    .rejoignez-nous.directoryEntriesList #Metiers .size1_2 {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 50px
    }
    .rejoignez-nous.directoryEntriesList #Candidature .row {
        width: 100%;
        margin: 10px 0;
    }
    .rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 0;
    }
    .rejoignez-nous.directoryEntriesList #Candidature .row:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 0;
    }
    .rejoignez-nous.directoryEntriesList #Candidature .row:last-child,
    .rejoignez-nous.directoryEntriesList #Candidature .rgpd .row {
        width: 100%;
        margin: 10px 0;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres {
        width: 100%;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres:nth-child(2n+1) {
        margin: 15px 0 !important;
    }
    .rejoignez-nous.offres-emploi.directoryEntriesList #Offres .offres:nth-child(2n+2) {
        margin: 15px 0 !important;
    }
    .rejoignez-nous.directoryEntriesList #Candidature h3 {
        font-size: 22px;
    }
    .directoryEntryDetail .detail_offre .flexRow .w40,
    .directoryEntryDetail .detail_offre .flexRow .w20,
    .directoryEntryDetail .detail_offre .flexRow .w25 {
        width: 100%;
        display: block; 
    }
    .actualites.blogPostsList #blogPosts .blogPostResume {
        width: 100%
    }
    .actualites.blogPostDetail #contents #blogPostNavigation a {
        font-size: 12px
    }
    .actualites.blogPostDetail #contents #blogPostNavigation a i {
        font-size: 16px;
        margin: 0 10px
    }
    .actualites.blogPostDetail #contents .flexRow #blogPostDetailContent {
        padding: 10px 20px;
    }
    .contact .formContact fieldset.a_destination_de .row,
    .contact .formContact fieldset.informations .row:nth-child(2n+1),
    .contact .formContact fieldset.informations .row:nth-child(2n+2) {
        width: 100%;
        margin: 10px 0;
    }
    .contact iframe {
        height: 400px;
    }
    header .angleTopRight {
        display: none
    }
    .nos_valeurs_engagements .line-detail-val-eng:nth-child(2n) {
        flex-direction: column;
    }
    .nos_valeurs_engagements .line-detail-val-eng:nth-child(2n+1) {
        flex-direction: column-reverse;
    }
    .nos_valeurs_engagements .line-detail-val-eng .size1_4 {
        float: left;
        width: 100%;
    }
    .nos_valeurs_engagements .line-detail-val-eng .size3_4 {
        width: 100%;
        float: none;
    }
    .pageElement.posMiddle.w30 {
        width: 90%;
    }
    .elementSeparator {
        width: 100%;
    }
    .widgetDirectorySearch fieldset .row {
        display: inline-block;
        width: 40%;
        margin: 0 5%;
        float: left;
    }
    .widgetDirectorySearch fieldset .row:first-child {
        margin-left: 5%;
    }
    .widgetDirectorySearch fieldset .row:last-child {
        margin-right: 5%;
    }
}
@media (max-width:479px){
    .h2-like,h2{
        font-size:1.8em
    }
    .shide{
        display:none
    }
    .sblock{
        display:block!important
    }
    .sw10{
        width:10%
    }
    .sw20{
        width:20%
    }
    .sw25{
        width:25%
    }
    .sw30{
        width:30%
    }
    .sw33{
        width:33.333%
    }
    .sw40{
        width:40%
    }
    .sw50{
        width:50%
    }
    .sw60{
        width:60%
    }
    .sw66{
        width:66.667%
    }
    .sw70{
        width:70%
    }
    .sw80{
        width:80%
    }
    .sw90{
        width:90%
    }
    .sw100{
        float:none;
        min-width:100%!important;
        border-left:none;
        border-right:none
    }
    .spt0{
        padding-top:0
    }
    .spt10{
        padding-top:10px
    }
    .spt20{
        padding-top:20px
    }
    .spr0{
        padding-right:0
    }
    .spr10{
        padding-right:10px
    }
    .spr20{
        padding-right:20px
    }
    .spb0{
        padding-bottom:0
    }
    .spb10{
        padding-bottom:10px
    }
    .spb20{
        padding-bottom:20px
    }
    .spl0{
        padding-left:0
    }
    .spl10{
        padding-left:10px
    }
    .spl20{
        padding-left:20px
    }
    .smt0{
        margin-top:0
    }
    .smt10{
        margin-top:10px
    }
    .smr0{
        margin-right:0
    }
    .smr10{
        margin-right:10px
    }
    .smb0{
        margin-bottom:0
    }
    .smb10{
        margin-bottom:10px
    }
    .sml0,.sml0F{
        margin-left:0!important
    }
    .sml10{
        margin-left:10px
    }
    .stxtLeft{
        text-align:left
    }
    .stxtCenter{
        text-align:center
    }
    .stxtRight{
        text-align:right
    }
    .sBorderAll{
        border:1px solid #ccc
    }
    .sBorderTop{
        border-top:1px solid #ccc
    }
    .sBorderRight{
        border-right:1px solid #ccc
    }
    .sBorderBottom{
        border-bottom:1px solid #ccc
    }
    .sBorderLeft{
        border-left:1px solid #ccc
    }
    .sNoBorder{
        border:none!important
    }
    .diaporamaControlNext,.diaporamaControlPrev{
        display:none!important
    }
    .diaporamaExtra{
        padding:30px
    }
    .diaporamaExtra strong,.homePage_3 .diaporamaExtra strong{
        font-size:1.6em
    }
    .diaporamaExtra span{
        display:none
    }
    #directoryEntryDetailGallery li,.directoryGrid.cols-4 .directoryEntry{
        width:100%
    }
    .directoryEntryContent{
        padding:20px 0 0
    }
    .directoryEntryContent h3{
        padding:0 20px
    }
    .directoryEntryMetas{
        padding:10px 20px 20px
    }
    .directoryEntryShortDescription{
        padding:0 20px 20px
    }
    .directoryEntryLink{
        position:static;
        display:block;
        width:100%;
        line-height:40px;
        text-align:center;
        border:none;
        border-top:1px solid #ccc
    }
    #content #text .directoryEntryLink:hover{
        text-decoration:none
    }
    .directoryEntryLink>span{
        display:block
    }
    #content #text .directoryLine .directoryEntryLink,.directoryEntryLink>i,.directoryLine .directoryEntryShortDescription,.homePage_1 .blocTestimonials .diaporamaSlide img{
        display:none
    }
    .directoryLine .directoryEntry:hover .directoryEntryContent,.directoryLine .directoryEntryContent{
        padding:30px
    }
    .directoryLine .directoryEntryContent h3{
        padding:0;
        font-size:2em
    }
    #directoryEntryDetail h1{
        font-size:1.6em
    }
    .blogList .blogPostTitle{
        font-style:1.2em;
        white-space:normal
    }
    .blogMasonry .blogPostResume{
        margin-bottom:6%!important
    }
    #blogPostDetail .blogPostTitle{
        font-size:1.2em
    }
    .homePage_1 .blocTestimonials .diaporamaSlide{
        padding:0 30px!important
    }
    .homePage_1 .blocTestimonials .diaporamaExtra{
        height:150px;
        padding:0;
        margin-left:0;
        border:none;
        overflow:hidden
    }
    .homePage_1 .blocTestimonials .diaporamaExtra span{
        display:block
    }
    .fullwidth #InfoTexte .valeurs .elementPicture > div {
        display: block!important;
        text-align: center!important;
    }
    body.fullwidth #InfoTexte .valeurs .elementPicture > div > div {
        width: 40%!important;
        margin: 0 5px 20px!important;
        display: inline-block;
    }
    .presentation #expertise .activite-metier,
    .presentation #metier .activite-metier {
        width: 100%;
        margin: 10px auto!important;
        float: none
    }
    .presentation #chiffre .element_1,
    .presentation #chiffre .element_2 {
        width: 100%;
        text-align: center;
    }
    .presentation #SliderActivitePres .cropBotLeft {
        width: 80px;
        margin-left: -80px;
    }
    .presentation #SliderActivitePres .cropBotLeft:after {
        width: 80px;
        transform: skewX(-21deg);
    }
    .size1_4 {
        width: 90%!important;
    }
    .directoryGrid.cols-3 .directoryEntry{
        width:100%;
    }
    .directoryEntryDetail .MurImage .flexRow .size1_4 {
        width: 100%!important;
        display: block
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-prev {
        left: 40%;
    }
    .rejoignez-nous.directoryEntriesList #Temoignages #TemoignagesSlider .slick-slider .slick-next {
        right: 40%;
    }
}
@media (max-width:329px){
    .diaporamaExtra strong{
        padding:0
    }
    .diaporamaExtraLink{
        display:none
    }
    .homePage_1 .blocTestimonials .diaporamaExtra {
        height:140px
    }
}
.widgetDirectorySearch {display: none;}

.message-annonces { 
    display: none;
    text-align: center;
    font-size: 19px;
    color: red;
    text-transform: uppercase;
}

#MixItUpB5BC2C .f-cat {
    display: none;
}

#departement-select {
    width: auto;
    min-width: 350px;
}

#MixItUpB5BC2C .-none {
    display: none !important;
}
#MixItUpB5BC2C .-active {
    display: inline-block !important;
}

.expertises .hyellow .w1080p .size1_4 .elementText .structured_text_semantique_text {
    background: rgba(251, 238, 84, .8);
}