@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900&display=swap');
#colorsDefinition,a,a:hover{
    color:#45abeb
}
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
}
.container {
    max-width: 1080px;
    margin: 0 auto;
}
.small-width {
    max-width: 65%;
}
.small-width img {
    max-height: 240px;
}
html{
    font-size:62.5%
}
body{
    background:#444;
    color:#444;
    font-weight:300;
    font-size:1.4em;
    font-family:'Open sans',arial,sans-serif;
    letter-spacing:.05px;
    line-height:1.8em
}
section{
    background:#fff
}
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 'Open sans',Helvetica,arial,sans-serif;
    color:#38c2f7;
    text-align:center;
    border-top:1px solid #38c2f7;
    border-bottom:1px solid #38c2f7
}
.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,pre,samp{
    white-space:pre-wrap;
    font-family:consolas,'DejaVu Sans Mono',courier,monospace;
    line-height:1em
}
code,kbd,mark{
    border-radius:2px
}
em{
    font-style:italic
}
strong{
    font-weight:700
}
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%
}
:not(.gm-style) img{
    heigth:auto!important
}
.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
}

.materiel_outillage p {
    font-family: 'Montserrat', arial, sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 16px;
}

.materiel_outillage h2 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 30px;
    text-align: left;
    margin: 20px 0;
    text-transform: uppercase;
}

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:60px;
    line-height:60px
}
.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:130px;
    padding-top: 10px;
    border-bottom:1px solid #ccc;
    -webkit-transition:height .2s ease-in-out;
    -o-transition:height .2s ease-in-out;
    transition:height .2s ease-in-out
}
#logo{
    display:inline-block
}
#mobileMenu{
    position:absolute;
    top:15px;
    left:0;
    z-index:2;
    display:none;
    width:60px;
    font-size:24px;
    color:#003477;
    text-align:center;
    cursor:pointer
}
#mobileMenu.is-opened{
    color:#fff;
    background-color:#08A7E5
}
#wrapper{
    padding-top:90px
}
#rubricPicture{
    background-color:#eee
}
#contents .widget{
    padding-bottom:30px
}
footer{
    background-color:#fff
}
footer a:hover{
    color:#fff
}
nav>ul>li>ul,nav>ul>li>ul>li ul{
    position:absolute;
    width:250px;
    border-top:5px solid #45abeb;
    box-shadow:0 2px 5px rgba(0,0,0,.3)
}
.pager>a>i{
    font-size:1.4em;
    line-height:38px
}
#breadcrumb,nav a{
    font-size:.9286em
}
#breadcrumb ul,nav ul{
    list-style-type:none
}
nav>ul>li>ul{
    top:85px;
    left:50%;
    z-index:10;
    display:none;
    background-color:#fff;
    transform:translateX(-50%);
    margin-left:-5px
}
nav>ul li:hover>ul{
    display:block
}
nav>ul>li>ul>i{
    position:absolute;
    left:50%;
    top:-15px;
    z-index:999
}
nav a{
    line-height:2.308em;
    color:#666
}
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>ul li{
    border-bottom:1px solid #ddd
}
nav>ul>li>ul li:last-child{
    border-bottom:none
}
nav>ul>li>ul a{
    font:400 1em/3.077em Raleway,'Open Sans',Arial,sans-serif
}
nav>ul>li>ul a:hover{
    background-color:rgba(76,198,255,.1)
}
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 'Open sans',Arial,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 'Open Sans',Arial;
    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
}
.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 ol,#article #text ul,#content #text ol,#content #text ul{
    padding:10px 0;
    margin-top:0;
    margin-left:30px
}
#article #text a:hover{
    text-decoration:underline
}
#article #text h2{
    margin:30px 0 20px
}
#article #text h3{
    margin:20px 0 10px
}
#accountSubscription fieldset>legend{
    display:none
}
#accountSubscription fieldset>.row:last-child{
    padding-bottom:30px
}
#accountSubscription fieldset+.row{
    max-width:700px;
    padding-bottom:0;
    text-align:right
}
#blogDescription{
    font:400 1.1423em/2em Raleway,Arial;
    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%;
}
.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 .blogPostCategory{
    font-size:.8em;
    text-overflow:ellipsis;
    white-space:nowrap
}
.blogPostDate strong{
    display:block;
    font-size:1.667em
}
#blogPostDetailMetas{
    padding-top:10px
}
#blogPostDetailMetas,.blogPostMetas{
    font:400 .857em/30px Raleway,Arial
}
#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:0;
    margin-bottom:0;
    position: relative;
}
.blogBox .blogPostContent{
    padding:0 75px;
    border-top:none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    flex-direction: column;
    background: rgba(0,52,119,.7);
}
.blogBox .blogPostPicture{
    text-align:center;
    max-height: 500px;
    overflow: 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:auto
}
.blogBox .blogPostLink{
    text-align:right;
}
.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 .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 .commentsDatas{
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    padding:0;
    text-align:center;
    border:none
}
.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:31.333%!important;
    min-width:31.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
}
#blogPostDetail .blogPostAuthor{
    height:40px;
    line-height:40px
}
#blogPostDetail #blogPostAuthorMetas a{
    font-size:1.2em;
    color:#999
}
#blogPostDetail #blogPostAuthorMetas a.googleplus:hover{
    color:#dd4e42
}
#blogPostDetail #blogPostAuthorMetas a.twitter:hover{
    color:#00aced
}
#blogPostDetail #blogPostAuthorMetas a.siteweb:hover{
    color:#45abeb
}
#blogPostDetail #blogPostAuthorDesc{
    margin-left:250px
}
#blogPostDetail #blogPostNavigation a strong{
    font-size:1.4em;
    text-overflow:ellipsis;
    white-space:nowrap
}
#blogPostDetail #blogPostNavigation a i{
    position:absolute;
    top:50%;
    z-index:1;
    width:20px;
    font-size:20px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
#blogPostDetail #blogPostPrevious i{
    left:20px
}
#blogPostDetail #blogPostNext i{
    right:20px
}
.blogPostSocialButton{
    height:30px;
    line-height:30px;
    color:#999;
    border-radius:15px
}
.blogPostSocialButton>*{
    height:24px;
    line-height:28px!important
}
#buttonFacebook>*{
    top:0;
    -webkit-transition:top .2s ease-in-out;
    -ms-transition:top .2s ease-in-out;
    transition:top .2s ease-in-out
}
.blogPostSocialButton:hover{
    color:#fff;
    text-decoration:none
}
#buttonFacebook:hover{
    background-color:#355089
}
#buttonTwitter:hover{
    background-color:#00aced
}
#buttonFacebook:hover>*{
    top:-30px
}
.postDetail-fullwidth #buttonFacebook:hover>*{
    top:-24px
}
.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{
    width:1080px;
    margin:0 auto;
    padding: 10px 0 20px
}
.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:24px;
    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:15px;
    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
}
#content #text .filtersActive .directoryListFilters{
    display:block;
    padding-top:0
}
.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>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;
    background-image:url(/modeles/fr/default/css/../images/img_noPicture.jpg);
    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%;
    padding:0
}
.directoryGrid.cols-3 .directoryEntryPicture{
    height:270px
}
.directoryGrid.cols-4 .directoryEntry{
    float:left;
    width:25%;
    padding:0
}
.directoryGrid.textMove .directoryEntryContent{
    top:0;
    background-color:rgba(69,171,235,.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
}
.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;
    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%)
}
#accountActions a svg,.widgetLoginLinkConnect>svg{
    -webkit-transition:fill .2s ease-in-out;
    -ms-transition:fill .2s ease-in-out
}
.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
}
#directoryEntryDetailMainImage img,.userConnected #addComments textarea{
    width:100%
}
#addComments textarea{
    height:300px;
    font-size:1em
}
.itemDate,.widgetLoginRemember{
    font-size:.857em
}
.userConnected #commentUserDatas{
    display:none
}
.userConnected #commentUserDatas+div{
    float:none;
    width:100%;
    padding-left:0
}
.ui-stars-cancel,.ui-stars-star{
    display:inline-block;
    width:17px;
    height:15px;
    text-indent:-999em;
    cursor:pointer;
    background:0 0;
    overflow:hidden
}
.ui-stars-cancel,.ui-stars-cancel a{
    background:url(/common_images/skin001/star-delete.gif) 0 -16px no-repeat
}
.ui-stars-star,.ui-stars-star a{
    background:url(/common_images/skin001/star.gif) no-repeat
}
.ui-stars-cancel a,.ui-stars-star a{
    display:block;
    width:16px;
    height:100%;
    background-position:0 0
}
.ui-stars-star-on a{
    background-position:0 -16px!important
}
.ui-stars-star-hover a{
    background-position:0 -32px
}
.ui-stars-cancel-hover a{
    background-position:0 -16px
}
.ui-stars-cancel-disabled a,.ui-stars-star-disabled,.ui-stars-star-disabled a{
    cursor:default!important
}
.ui-stars-star{
    background:0 0!important;
    overflow:hidden!important
}
#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)
}
header .widgetLogin{
    position:absolute;
    top:30px;
    right:50px;
    z-index:2
}
header .widgetLoginLinkConnect{
    position:relative;
    display:block;
    width:30px;
    height:30px;
    margin-right:0
}
header .widgetConnectLinks .widgetLoginLinkConnect:before{
    content:'';
    position:absolute;
    bottom:-2px;
    right:-2px;
    z-index:2;
    display:block;
    width:8px;
    height:8px;
    background-color:#45abeb;
    border-radius:10px;
    box-shadow:0 0 0 3px #fff
}
.widgetLoginLinkConnect>svg{
    display:none;
    transition:fill .2s ease-in-out
}
.widgetLoginLinkConnect:hover>svg{
    fill:#45abeb!important
}
#loginboxform .arrowTop{
    display:none
}
header .widgetLoginLinkConnect>svg{
    display:block
}
header .widgetLoginLinkConnect>span{
    display:none
}
header #loginboxform{
    position:absolute;
    top:-1000px;
    right:-15px;
    z-index:100;
    width:300px;
    margin-top:-20px;
    background-color:#fff;
    border-top:5px solid #45abeb;
    box-shadow:0 2px 5px rgba(0,0,0,.5);
    opacity:0;
    -webkit-transition:opacity .5s cubic-bezier(.19,1,.22,1),margin-top .5s cubic-bezier(.19,1,.22,1);
    -ms-transition:opacity .5s cubic-bezier(.19,1,.22,1),margin-top .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)
}
header #loginboxform .row>label,header .widgetLoginLinks{
    display:none!important
}
header #loginboxform.translateYfadeIn{
    top:50px;
    margin-top:0;
    opacity:1
}
header #loginboxform.translateYfadeOut{
    margin-top:-20px;
    opacity:0
}
header #loginboxform .arrowTop{
    position:absolute;
    top:-15px;
    right:20px;
    display:block
}
header #loginboxform fieldset{
    padding:20px 20px 60px
}
header #loginboxform .row{
    padding-bottom:5px
}
header #loginboxform input[type=text],header #loginboxform input[type=password]{
    width:100%;
    height:40px;
    margin-top:0;
    padding-left:60px;
    line-height:41px
}
header #loginboxform .password:before,header #loginboxform .username:before{
    content:'\f007';
    position:absolute;
    top:11px;
    left:15px;
    z-index:2;
    display:block;
    width:30px;
    height:20px;
    font:normal normal normal 20px/1 FontAwesome;
    color:#ccc;
    text-rendering:auto;
    border-right:1px solid #ccc;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
header #loginboxform .password:before{
    content:'\f023'
}
header #loginboxform .submit{
    display:block!important;
    padding:15px 0 0
}
header #loginboxform .submit input{
    width:100%
}
header #loginboxform .widgetLoginRemember{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:10px 20px;
    background-color:#eee
}
#accountActions a{
    color:#666
}
#accountActions a:hover{
    color:#45abeb;
    text-decoration:none
}
#accountActions ul.groupActions:first-child a:hover{
    box-shadow:inset 0 0 0 6px rgba(69,171,235,.25)
}
#accountActions a svg{
    transition:fill .2s ease-in-out
}
#accountActions a:hover svg{
    fill:#45abeb
}
#searchResults>li:last-child{
    margin-bottom:0
}
.searchResultIndex{
    font-size:2em;
    font-weight:600;
    line-height:90px
}
.searchResult{
    margin-left:100px
}
.searchResult>div{
    line-height:54px
}
.searchResult>div,.searchResult>ul>li{
    text-overflow:ellipsis;
    white-space:nowrap
}
header .widgetSearch{
    position:absolute;
    top:30px;
    right:0;
    z-index:3
}
.widgetSearchLink>svg{
    display:none;
    -webkit-transition:fill .2s ease-in-out;
    -ms-transition:fill .2s ease-in-out;
    transition:fill .2s ease-in-out
}
.widgetSearchLink:hover>svg{
    fill:#45abeb!important
}
header .widgetSearchLink>svg{
    display:block
}
header #searchform{
    position:fixed;
    top:-1000px;
    left:0;
    right:0;
    z-index:100;
    display:block;
    background-color:#fff;
    opacity:0;
    -webkit-transition:opacity .5s cubic-bezier(.19,1,.22,1);
    -ms-transition:opacity .5s cubic-bezier(.19,1,.22,1);
    transition:opacity .5s cubic-bezier(.19,1,.22,1)
}
header #searchform.active{
    top:0;
    bottom:0;
    opacity:1
}
header #searchform .search{
    position:fixed;
    top:-1000px;
    left:20%;
    right:20%;
    z-index:101;
    padding-bottom:0;
    opacity:0;
    transition:opacity .5s cubic-bezier(.19,1,.22,1) .5s;
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
header #searchform.active .search{
    top:50%;
    opacity:1
}
header #searchform .search label{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:60px;
    padding:0 10px;
    margin-top:0;
    font:400 30px/60px Arial;
    -webkit-transition:all .5s cubic-bezier(.19,1,.22,1);
    -ms-transition:all .5s cubic-bezier(.19,1,.22,1);
    transition:all .5s cubic-bezier(.19,1,.22,1)
}
header #searchform .search.active label,header #searchform .search.hasContent label{
    top:-40px;
    font-size:14px
}
header #searchform .search input[type=text]{
    width:100%;
    height:60px;
    margin-top:0;
    font-size:30px;
    line-height:60px;
    color:#444;
    border:none;
    border-bottom:2px solid #444
}
header #searchform .search input[type=text]:focus{
    background-color:transparent;
    border-color:#45abeb
}
header #searchform .submit{
    display:none
}
table.calendar *{
    line-height:40px
}
table.calendar thead a{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:5px
}
table.calendar thead a:hover{
    color:#fff;
    background-color:#45abeb
}
table.calendar thead a>i{
    vertical-align:top;
    line-height:30px
}
table.calendar .calendarDays th{
    width:30px
}
table.calendar .no_day{
    background-color:#eee
}
#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
}
.Contact #form input[type=text],.Contact #form input[type=password],.Contact #form input[type=mail],.Contact #formpersonnalise input[type=text],.Contact #formpersonnalise input[type=password],.Contact #formpersonnalise input[type=mail],.Contact #formpersonnalise input[type=date],.Contact textarea{
    width:100%;
    max-width:100%
}
input[type=text],input[type=password],input[type=mail],input[type=date],textarea{
    padding:5px 10px;
    font-family:Arial,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
}
input[type=text]:focus,input[type=password]:focus,input[type=mail]:focus,input[type=date]:focus,textarea:focus{
    outline-offset:0;
    background:#e2f8ff;
    border-color:#45abeb
}
textarea{
    font-size:1em;
    resize:none
}
select{
    width:700px;
    outline:0
}
fieldset{
    margin:0;
    padding:0;
    border:none
}
fieldset+fieldset{
    margin-top:20px
}
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 14px/1 FontAwesome;
    color:#08A7E5
}
.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
}
#overDiv.calendar,#overDiv.calendar thead{
    border:1px solid #ccc
}
.insertDate{
    width:40px;
    height:40px;
    line-height:40px
}
#overDiv.calendar{
    position:absolute;
    z-index:1000
}
#overDiv.calendar #overlibcontent{
    padding:20px 20px 70px
}
#overDiv.calendar table{
    width:300px
}
#overDiv.calendar caption,#overDiv.calendar table{
    margin:0
}
#overDiv.calendar caption{
    position:absolute;
    top:62px;
    left:50%;
    width:100px;
    font-size:12px;
    font-weight:700;
    transform:translateX(-50%)
}
#overDiv.calendar th[colspan="3"] a{
    position:absolute;
    bottom:20px;
    left:50%;
    right:0;
    width:140px;
    text-align:center;
    color:transparent;
    background-color:transparent;
    transform:translateX(-50%)
}
#overDiv.calendar th[colspan="3"] a:before{
    content:attr(title);
    display:block;
    cursor:pointer;
    height:30px;
    margin:0 auto;
    font-size:13px;
    font-weight:600;
    line-height:30px;
    color:#45abeb;
    text-align:center;
    text-transform:uppercase;
    border:2px solid #45abeb;
    border-radius:15px;
    white-space:nowrap;
    outline:0;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
#overDiv.calendar th[colspan="3"] a:hover:before{
    color:#fff;
    text-decoration:none;
    background-color:#45abeb
}
#overDiv.calendar tbody{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc
}
.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:Arial,sans-serif;
    line-height:34px;
    color:#666;
    background-color:#fff;
    border:1px solid #999;
    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
}
.confirmpasswd,.strength_password{
    display:block;
    width:700px;
    margin-top:5px;
    padding:5px
}
.badPass,.notequalpasswd,.shortPass{
    background-color:rgba(237,31,36,.2)
}
.equalpasswd,.goodPass{
    background-color:rgba(42,169,69,.4)
}
.errorMessage,.loginError{
    display:block;
    margin-top:10px;
    padding:5px;
    color:#ea6161;
    border:1px solid #ea6161
}
.loginError{
    margin-bottom:20px;
}
.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 a:hover{
    text-decoration:underline
}
#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
}
.tabsBeautiful{
    display:none;
    padding:30px 0
}
#content #text .tabsBeautifulContents,#content #text .tabsBeautifulHeadings{
    padding:0;
    margin:0
}
.tabsBeautifulHeadings{
    border-bottom:1px solid #999
}
.tabsBeautifulHeadings li{
    list-style-type:none;
    float:left;
    height:40px;
    padding:0 20px;
    margin-bottom:-1px;
    line-height:40px;
    color:#999;
    cursor:pointer
}
.tabsBeautifulHeadings li.active,.tabsBeautifulHeadings li.active:hover{
    color:#45abeb;
    border:1px solid #999;
    border-bottom-color:#fff;
    box-shadow:inset 0 2px 0 #45abeb
}
.tabsBeautifulHeadings li:hover{
    color:#444
}
.accordeonBeautifulContent .item.active>h4,.accordeonBeautifulContent .item>h4:hover,.scoreValue,.tabsBeautiful .tabsMobile>li.tab.active,.tabsBeautiful .tabsMobile>li.tab:hover{
    color:#45abeb
}
.tabsBeautifulContents{
    border:1px solid #999;
    border-top:none
}
.tabsBeautifulContents li{
    list-style-type:none;
    height:0;
    overflow:hidden;
    -webkit-transition:height .2s ease-in-out;
    -o-transition:height .2s ease-in-out;
    transition:height .2s ease-in-out
}
.tabsBeautifulContents li>div{
    padding:20px;
    opacity:0;
    -webkit-transition:opacity .2s ease-in-out;
    -o-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}
.tabsBeautifulContents li.active>div{
    opacity:1
}
#content #text .tabsBeautiful .tabsMobile{
    padding:0;
    border:1px solid #999
}
.tabsBeautiful .tabsMobile>li{
    padding:0 20px;
    border-bottom:1px solid #999
}
.tabsBeautiful .tabsMobile>li:last-child{
    border-bottom:none
}
.tabsBeautiful .tabsMobile>li.tab{
    position:relative;
    height:40px;
    padding-right:40px;
    font-weight:700;
    line-height:40px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.tabsBeautiful .tabsMobile>li.tab:after{
    content:'';
    position:absolute;
    top:50%;
    right:20px;
    z-index:2;
    display:block;
    width:8px;
    height:8px;
    border-right:2px solid #999;
    border-bottom:2px solid #999;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:rotate(-45deg) translateY(-50%);
    -ms-transform:rotate(-45deg) translateY(-50%);
    transform:rotate(-45deg) translateY(-50%);
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0
}
.tabsBeautiful .tabsMobile>li.tab.active:after{
    -webkit-transform:rotate(45deg) translateY(-50%);
    -ms-transform:rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%);
    -webkit-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    transform-origin:100% 50%
}
.tabsBeautiful .tabsMobile>li.tab:hover:after,.tabsBeautiful .tabsMobile>li.tab:hover:before{
    border-color:#45abeb
}
.tabsBeautiful .tabsMobile>li.tabContent{
    height:auto;
    padding:20px;
    overflow:hidden;
    transition:all .2s ease-in-out
}
.accordeonBeautiful{
    display:none;
    padding:30px 0
}
#content #text .accordeonBeautifulContent{
    list-style-type:none;
    margin:0 0 30px;
    padding:0;
    border:1px solid #ccc
}
.accordeonBeautifulContent .item>h4{
    height:40px;
    padding:0 10px;
    margin:0;
    font-size:1.2em;
    font-weight:400;
    line-height:40px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    cursor:pointer
}
.accordeonBeautifulContent .item:first-child>h4{
    border-top:none
}
.accordeonBeautifulContent .item>div{
    padding:20px;
    overflow:hidden
}
.progressbarBeautiful{
    display:none;
    padding:30px 0 10px
}
#content #text .progressbarBeautifulContent{
    list-style-type:none;
    padding:0;
    margin-left:0
}
.progressItem{
    margin-bottom:20px
}
.progressItem>div{
    background-color:#eee
}
.progressItem>div>div{
    width:0;
    height:4px;
    background-color:#45abeb;
    overflow:visible!important
}
.fancybox-inner,.mod,li.noTitle{
    overflow:hidden
}
.progressItem span{
    position:absolute;
    top:-20px;
    right:0;
    z-index:2;
    display:block;
    width:50px;
    font-size:.8em;
    font-weight:400;
    color:#45abeb;
    text-align:right;
    background-color:#fff;
    opacity:0
}
#content #text .scoreBeautifulContent{
    padding:30px 0
}
#content #text .scoreBeautifulContent>div.clearfix{
    padding-bottom:20px
}
#content #text .scoreBeautifulContent>div.clearfix:last-child{
    padding-bottom:0
}
.scoreItem{
    padding:0 10px
}
.scoreItem:first-child{
    padding:0 20px 0 0!important
}
.scoreItem:last-child{
    padding:0 0 0 20px
}
.scoreItem>strong{
    font-weight:100
}
.scoreValue{
    font-size:5em;
    font-weight:600;
    line-height:1em
}
#content #text .chartBeautiful table{
    display:none
}
#content #text .chartBeautiful{
    padding-top:20px
}
#content #text .chartBeautifulContent{
    width:200px;
    height:200px;
    margin:0 auto
}
#content #text .legendActive .chartBeautifulContent{
    height:auto
}
#content #text .chartBeautifulGraph{
    height:200px
}
#content #text .chartBeautifulContent .chartBackground,#content #text .chartBeautifulContent .chartItem{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    stroke-dasharray:502;
    stroke-dashoffset:-502;
    transition:stroke-dashoffset 2s linear
}
#content #text .chartBeautifulContent .chartItem{
    transform:rotate3d(0,0,1,-90deg)
}
#content #text .chartBeautifulContent .chartItem:first-child{
    z-index:11;
    stroke:#45abeb
}
#content #text .chartBeautifulContent .chartItem:nth-child(2){
    z-index:10;
    stroke:#45ceeb
}
#content #text .chartBeautifulContent .chartItem:nth-child(3){
    z-index:9;
    stroke:#45e9eb
}
#content #text .chartBeautifulContent .chartItem:nth-child(4){
    z-index:8;
    stroke:#3fd99d
}
#content #text .chartBeautifulContent .chartItem:nth-child(5){
    z-index:7;
    stroke:#42bc76
}
#content #text .chartBeautifulContent .chartItem:nth-child(6){
    z-index:6;
    stroke:#6dd276
}
#content #text .chartBeautifulContent .chartItem:nth-child(7){
    z-index:5;
    stroke:#78b65a
}
#content #text .chartBeautifulContent .chartItem:nth-child(8){
    z-index:4;
    stroke:#86d439
}
#content #text .chartBeautifulContent .chartItem:nth-child(9){
    z-index:3;
    stroke:#c6da55
}
#content #text .chartBeautifulContent .chartItem:nth-child(10){
    z-index:2;
    stroke:#ecea2a
}
#content #text .chartBeautifulContent .chartBackground{
    stroke-dashoffset:0
}
#content #text .chartBeautifulLegend li{
    height:30px;
    margin-bottom:10px;
    line-height:30px;
    border-left:2px solid #ccc
}
.blocWithIcon i,.blocWithIconLateral i{
    display:block;
    width:80px;
    height:80px;
    line-height:80px
}
#content #text .chartBeautifulLegend li:last-child{
    margin-bottom:0
}
#content #text .chartBeautifulLegend li:first-child{
    border-color:#45abeb
}
#content #text .chartBeautifulLegend li:nth-child(2){
    border-color:#45ceeb
}
#content #text .chartBeautifulLegend li:nth-child(3){
    border-color:#45e9eb
}
#content #text .chartBeautifulLegend li:nth-child(4){
    border-color:#3fd99d
}
#content #text .chartBeautifulLegend li:nth-child(5){
    border-color:#42bc76
}
#content #text .chartBeautifulLegend li:nth-child(6){
    border-color:#6dd276
}
#content #text .chartBeautifulLegend li:nth-child(7){
    border-color:#78b65a
}
#content #text .chartBeautifulLegend li:nth-child(8){
    border-color:#86d439
}
#content #text .chartBeautifulLegend li:nth-child(9){
    border-color:#c6da55
}
#content #text .chartBeautifulLegend li:nth-child(10){
    border-color:#ecea2a
}
.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:40px;
    padding:0 25px;
    font-family:Raleway,'Open Sans',Arial,sans-serif;
    font-size:13px;
    font-weight:600;
    line-height:38px;
    color:#45abeb;
    text-transform:uppercase;
    text-overflow:ellipsis;
    background-color:transparent;
    border:2px solid #45abeb;
    border-radius:20px;
    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
}
.button.mini{
    height:30px;
    line-height:28px
}
.noTitle .widgetTitle,.noTitle h2,.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
}
.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%
}
.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%
}
.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
}
.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
}
.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
}
.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
}
.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
}
.ml20{
    margin-left:20px
}
.ml30{
    margin-left:30px
}
.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:24px;
    padding:0 10px;
    margin-top:-25px;
    font-size:.857em;
    line-height:24px;
    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:24px;
    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:24px;
    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.homepage #breadcrumb {
	display: none;
}
#content #text #SliderHomePage {
	margin-left: 0
}
#logo {
	position: absolute;
	width: 120px; /* Size diminué car header moins large */
	margin: 5px calc(50% - 60px)
}
#logo img {
	width: 100%;
}
#nested {
	width: 100%;
	padding: 0;
}
#nested ul {
	width: 100%;
	padding: 67px 0 0;
}
#nested>ul>li {
	padding: 0;
	width: 21%;	
}
#nested>ul>li:nth-child(2) {
	margin-right: 0px	
}
#nested>ul>li:nth-child(3) {
    margin-left: 160px;
    width: 17%; 
}
#nested>ul>li:nth-child(4) {
    width: 16%; 
}
#nested>ul>li:nth-child(5) {
    width: 10%; 
}
#nested>ul>li a {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #003477;
	text-transform: uppercase;
	font-weight: 700;
    position: relative;
}
#nested>ul>li a:before,
#nested>ul>li a:after {
    position: absolute;
    left: 2.5%;
    width: 95%;
    height: 2px;
    background: #08A7E5;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}
#nested>ul>li a:before {
    top: 0;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
}
#nested>ul>li a:after {
    bottom: 0;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
}
#nested>ul>li a:hover {
    color: #08A7E5;
}
#nested>ul>li.active a:before,
#nested>ul>li.active a:after,
#nested>ul>li.active a:hover:before,
#nested>ul>li.active a:hover:after,
#nested>ul>li a:hover:before,
#nested>ul>li a:hover:after{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.madeinfrance.desk {
    position: absolute;
    right: 265px;
    height: 39px;
    top: 10px;
}
.madeinfrance.mob {
    display: none
}


#nested>ul>.active a {
	color: #08A7E5;
}
header .widgetSearch {
	right: 40px;
}
header #searchform, header #searchform .search {
	position: relative;
	top: 0;
	opacity: 1;
	left: 0;
	right: 0;
}
header #searchform .search label {
	position: absolute;
	z-index: 99999;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #003477;
	padding: 0
}
header #searchform .search.active label {
	top: -30px;
}
header #searchform .search input[type=text] {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0;
	font-size: 16px;
	color: #003477;
	border-bottom: 1px solid #003477;
}
header #searchform .search.active input[type=text] {
	border-color: #003477
}
.closeLayer {
	display: none;
}
input[type=submit].primary.button.fa.fa-search {
	font-family: 'FontAwesome';
	color: #003477!important;
	border: none!important;
	background: none!important;
	position: absolute;
	right: 0;
	top: -15px;
	height: 30px;
	z-index: 99999;
	padding: 0;
	line-height: 30px;
	font-size: 16px
}
.widgetSelectLangue {
	position: absolute;
    top: 15px;
    height: 20px;
    left: 40px;
    z-index: 3;
}
.widgetSelectLangue ul {
	width: 80px!important;
	margin-top: 0;
	position: relative;
	border: 1px solid #08A7E5;
}
.widgetSelectLangue ul li {
	height: 30px;
	border-color: #08A7E5;
	list-style: none;
	display: none;
	width: 50%;
	margin: 0;
	text-align: center;
	border-right: 1px solid #08A7E5;
}
.widgetSelectLangue ul li.active {
	display: block;
	width: 50%;
	margin: 0;
	display: inline-block;
}
.widgetSelectLangue ul li a {
	color: #003477;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.widgetSelectLangue ul li a:hover {
	color: #003477;
	text-decoration: none;
}
.widgetSelectLangue ul i {
	position: absolute;
	width: 50%;
	top: 7px;
	right: 0;
	color: #003477;
	text-align: center;
}
.DevisFix {
	position: fixed;
	z-index: 9999999;
	top: 300px;
	right: 0;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	height: 230px;
	width: 50px;
	background: #08A7E5;
    visibility: hidden
}
.DevisFix img {
	width: 30px;
	margin: 10px;
	display: block;
}
.DevisFix a {
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	width: 175px;
    position: absolute;
    top: 107px;
    left: -63px;
}
.homepage .slick-slide .elementText>div {
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
}
.homepage .slick-slide img {
	height: 400px;
	margin: 125px 0;
	display: inline-block;
}
.slick-slide .elementText div .above.hidden,
.slick-slide .elementText div .structured_text_semantique_text.hidden {
    visibility: hidden
}
.slick-slide:nth-child(2) .elementText div .above.hidden,
.slick-slide:nth-child(2) .elementText div .structured_text_semantique_text.hidden {
    visibility: visible
}
.slick-slide .elementText div .above {
	display: inline-block;
	text-align: right;
	width: 40%;
}
.slick-slide .elementText div .above figure {
	margin: 0;
}
.slick-slide .elementText div .structured_text_semantique_text {
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    flex-direction: column;
	width: 59%;
	text-align: left;
	height: 400px;
	margin: 125px 0;
	vertical-align: top;
}
.slick-slide .elementText div .structured_text_semantique_text h3 {
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 40px;
    line-height: 50px;
    margin: 5px 0;
}
.slick-slide .elementText div .structured_text_semantique_text h3 img {
    height: 60px;
    margin: 0 0 20px;
}
.slick-slide .elementText div .structured_text_semantique_text p {
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 30px;
    line-height: 40px;
    margin: 10px 0;
}
.slick-slide .elementText div .structured_text_semantique_text a {
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
	border: 1px solid #FFFFFF;
	padding: 5px 70px 5px 5px;
	background: url('/media/arrowslider.png');
	background-position: 90% center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	text-decoration: none!important;
    position: relative;    
    -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;
    z-index: 1;
}
.slick-slide .elementText div .structured_text_semantique_text a:hover {
    color: #003477;
    background-image: none;
    border-color: #08A7E5
}
.slick-slide .elementText div .structured_text_semantique_text a:before {
    content: "";
    position: absolute;
    width: 0;
    background: #08A7E5 url('/media/arrowlink.png');
    background-position: 90% center;
    background-size: 20px auto;
    background-repeat: no-repeat;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    -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;
}
.slick-slide .elementText div .structured_text_semantique_text a:hover:before {
    width: 100%;
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	margin-left: 0;
	width: 100%;
	text-align: center;
}
.slick-dots li {
	list-style: none;
	display: inline-block;
	width: 45px;
	text-align: center;
}
.slick-dots li button {
	text-indent: -999999px;
	border-radius: 50px;
	background: #FFFFFF;
	border: none;
	width: 10px;
	height: 10px;
    padding: 0;
	outline: none!important
}
.slick-dots li.slick-active button {
	text-indent: -999999px;
	border-radius: 50px;
	background: #08A7E5;
    -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;
}
.slick-dots li button:hover {
	cursor: pointer;
    background: #08A7E5;
}
.homepage .APropos {
	margin: 0 auto;
	padding-bottom: 60px;
}
.homepage .APropos h1 {
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	color: #003477;
	line-height: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.homepage .APropos p {
	display: inline-block;
	width: 55%;
	vertical-align: top;
	margin: 0;
	padding: 15px;
	font-family: 'Montserrat', sans-serif;
	color: #4B4A4D;
	font-size: 16px;
    line-height: 22px;
}
.homepage .APropos h4 {
	display: inline-block;
	width: 44%;
	vertical-align: top;
	margin: 0;
	padding: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 26px;
    line-height: 36px;
	color: #08A7E5;
}
.bgGrey {
	background: #F2F1EF;
    padding: 30px 0 45px;
}
.homepage .bgGrey h2 {
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	color: #003477;
	line-height: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}


.widgetDirectoryEntries.AnnuaireActu .widgetContainer .directoryEntry:nth-child(4),
.widgetDirectoryEntries.AnnuaireActu .widgetContainer .directoryEntry:nth-child(5),
.widgetDirectoryEntries.AnnuaireActu .widgetContainer .directoryEntry:nth-child(6),
.widgetDirectoryEntries.AnnuaireActu .widgetContainer .directoryEntry:last-child { display: none; }


.directoryGrid.cols-4 .directoryEntry {
	background: none;
    visibility: visible;
}
.directoryGrid.cols-4 .directoryEntryPicture {
	background-size: auto 90%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
    -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;
}
.directoryGrid.cols-4 .directoryEntry:hover .directoryEntryPicture {
    background-size: auto 100%;
}
.directoryGrid .directoryEntryContent {
	margin: 30px 0 20px;
	padding: 0;
}
.directoryGrid .directoryEntryContent h3 {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
	padding: 5px 0;
	-webkit-clip-path: polygon(90% 0, 85% 50%, 90% 90%, 10% 90%, 15% 50%, 10% 0);
	clip-path: polygon(90% 0, 85% 50%, 90% 90%, 10% 90%, 15% 50%, 10% 0);
	background: #08A7E5;
    -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;
}
.directoryGrid .directoryEntry:hover .directoryEntryContent h3 {
    background: #003477
}
.homepage .directoryGrid .directoryEntryContent .ShowMAYBE, .a_propos_de_nous .ShowMAYBE {
    display: none;
}
.homepage .directoryGrid .directoryEntryContent .ShowMAYBE.toclip {
    display: block;
    opacity: 0;
    margin-top: 5px;
     -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;
}

.homepage .directoryGrid.cols-4 .directoryEntry:hover .directoryEntryContent .ShowMAYBE.toclip {
    opacity: 1;
     -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;
}
.homepage .Personnalisation {
    padding: 30px 0 45px;
}
.homepage .Personnalisation h2 {
	font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    line-height: 36px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.homepage .Personnalisation .w60 h4 {
	vertical-align: top;
	margin: 0;
	padding: 15px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #08A7E5;
}
.homepage .Personnalisation .w60 a {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #08A7E5;
    padding: 5px 50px;
    background: url('/media/arrowlink.png');
    background-position: 90% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    text-decoration: none!important;
    position: relative;
    z-index: 1;
}
.homepage .Personnalisation .w60 a:hover {
    color: white;
    background-image: none;
}
.homepage .Personnalisation .w60 a:before {
    content: "";
    position: absolute;
    width: 0;
    background: #08A7E5 url('/media/arrowslider.png');
    background-position: 90% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    -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;
}
.homepage .Personnalisation .w60 a:hover:before {
    width: 100%;
}
.homepage .Personnalisation .w40 ul li {
	list-style: none;
    padding: 0 10px;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 97% 50%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0, 97% 50%, 100% 100%, 0% 100%);
    background: #F2F1EF;
    margin-bottom: 2px;
    color: #4B4A4D;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    -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;
}
.homepage .Personnalisation .w40 ul li:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.homepage .Personnalisation #gallery_650,
.homepage .Personnalisation #gallery_723 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
}
.homepage .Personnalisation #gallery_650 .inbl,
.homepage .Personnalisation #gallery_723 .inbl {
    overflow: hidden;
}
.homepage .Personnalisation #gallery_650 .inbl img,
.homepage .Personnalisation #gallery_723 .inbl img {
    -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;
}
.homepage .Personnalisation #gallery_650 .inbl:hover img,
.homepage .Personnalisation #gallery_723 .inbl:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.homepage .Personnalisation #gallery_650 .inbl .txtCenter,
.homepage .Personnalisation #gallery_723 .inbl .txtCenter {
    display: none;
}
.homepage .Actualites {
    padding-bottom: 0;
    display: none;
}
.homepage .Actualites h2 {
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.homepage #contents>.BlogHomePage {
    display: none;
}
.homepage .Actualites .blogPostTitle {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
}
.homepage .Actualites .blogPostDate {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}
.homepage .Actualites .blogPostDescription span {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
}
.homepage .Actualites .blogPostLink .button {
    color: white;
    border-radius: 0;
    border: 1px solid #FFF;
    padding: 0 70px 0 15px;
    background-image: url('/media/arrowslider.png');
    background-position: 90% center;
    background-size: 20px auto;
    background-repeat: no-repeat;
    text-decoration: none!important;
    background-color: transparent!important;
    position: relative;
    z-index: 1;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}
.homepage .Actualites .blogPostLink .button:hover {
    color: #003477;
    background-image: none;
    border-color: #08A7E5
}
.homepage .Actualites .blogPostLink .button:before {
    content: "";
    position: absolute;
    width: 0;
    background: #08A7E5 url('/media/arrowlink.png');
    background-position: 90% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    -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;
}
.homepage .Actualites .blogPostLink .button:hover:before {
    width: 100%;
}
.ValeursEngagements {
    padding: 15px 0;
    background: #003477
}
.ValeursEngagements .title span,
.ValeursEngagements .title p {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-weight: 900;
    font-size: 28px;
    text-transform: uppercase;
    vertical-align: bottom;
    margin: 0;
}
.ValeursEngagements .title img {
    width: 24px;
    vertical-align: top;
    margin: 0 5px;
}
.ValeursEngagements .w1080p, .ValeursEngagements ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
}
.ValeursEngagements .image li {
    width: 75px;
    height: 75px;
    margin: 0 16px;   
    background: #08A7E5;
    border-radius: 50px;
    padding: 15px;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ValeursEngagements .image li img {
    max-width: 100%;
    max-height: 100%;
    -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;
}
.ValeursEngagements .image li img:hover {
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.ValeursEngagements .texte li {
    width: 90px;
    margin: 0 10px;
    text-align: center;
    list-style: none;
}
.ValeursEngagements .texte p {
    display: block;
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
}
#footerInner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#footerInner .w30 img {
    width: 140px;
}
#footerInner .w30 p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}
#footerInner .w40 .widgetContainer {
    padding: 30px 0;
    text-align: center;
    background: url('/media/franceback.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}
#footerInner .w40 .widgetContainer h3 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 18px;
}
#footerInner .w40 .widgetContainer p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-size: 14px;
    margin-top: 5px;
}
#footerInner .w40 .widgetContainer p a {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    font-size: 14px;
    text-decoration: underline;
}
.signature, .signature a, .signature a:hover {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
}
.signature .LinkSignature {
    text-transform: uppercase;
}
.a_propos_de_nous h2, .a_propos_de_nous h3 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    margin: 20px 0;
}
.a_propos_de_nous #element656 {
    width: 55%;
    vertical-align: top;
    padding: 0 15px;
}
.a_propos_de_nous #element656 p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-size: 14px;
    margin-top: 0;
}
.a_propos_de_nous #element656 h4 {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-size: 16px;
}
.a_propos_de_nous #element656 li {
    list-style: none;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}
.a_propos_de_nous #element656 li:before {
    content: "\2192 \0020";
    color: #003477;
    font-size: 20px;
    position: absolute;
    left: -30px;
    top: -7px;
    vertical-align: top;
}
.a_propos_de_nous #element657 {
    width: 45%;
    vertical-align: top;
    padding: 0 15px;
}
.a_propos_de_nous #element657 h3 {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 50px;
    text-align: left;
}
.a_propos_de_nous #element657 .txtCenter.below {
    text-align: left;
}
.a_propos_de_nous #element657 .txtCenter.below img {
    max-width: 60%;
}
.a_propos_de_nous #text .grid-2 {
    margin-bottom: 60px;
}
.a_propos_de_nous #text .ligneElement:nth-child(4), .a_propos_de_nous #text .ligneElement:nth-child(5),
.a_propos_de_nous #text .ligneElement:nth-child(6), .a_propos_de_nous #text .ligneElement:nth-child(7), .a_propos_de_nous #text .ligneElement:nth-child(8) {
    background: #F2F1EF;
    width: 100vw;
    margin-left: calc((1080px - 100vw) / 2);
    padding: 30px 60px;
}
.a_propos_de_nous #text .ligneElement:nth-child(4) {
    padding: 60px 0 0 0;
}
.a_propos_de_nous #text .ligneElement:nth-child(5) {
    padding: 0 0 60px 0;
}
.a_propos_de_nous #text .ligneElement:nth-child(6),
.a_propos_de_nous #text .ligneElement:nth-child(7) {
    margin-bottom: 0;
}

.a_propos_de_nous #text .ligneElement:nth-child(4) h2 {
    text-align: center;
    margin: 10px 0;
}

.a_propos_de_nous #text .ligneElement:nth-child(6) img,
.a_propos_de_nous #text .ligneElement:nth-child(7) img,
.a_propos_de_nous #text .ligneElement:nth-child(8) img {
    max-width: 310px;
}

.a_propos_de_nous #text .ligneElement:nth-child(6) h3, .a_propos_de_nous #text .ligneElement:nth-child(7) h3, .a_propos_de_nous #text .ligneElement:nth-child(8) h3 {

}

.a_propos_de_nous #text .ligneElement:nth-child(7) h3 {
    text-align: left;
}
.a_propos_de_nous #text .ligneElement:nth-child(7) .pageElement.posLeft .small-width {
    text-align: right;
    float: right;
}

.a_propos_de_nous #text .ligneElement:nth-child(8) {
    padding-bottom: 60px;
}


.a_propos_de_nous #element660, .a_propos_de_nous #element659 {
    display: block;
    float: none;
    width: 1080px;
    margin: 0 auto;
}
.a_propos_de_nous #element660 h2 {
    margin: 0;
    padding: 60px 0 40px;
}
.a_propos_de_nous #content {
    padding-bottom: 0;
}
.a_propos_de_nous .directoryGrid.cols-4 .directoryEntry {
    padding-bottom: 60px;
}
a[title=Accueil] {
    display: block;
    width: 20px;
    height: 40px;
    background: url('/media/ariane.png');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center top;
}
a[title=Accueil] span {
    display: none
}
#breadcrumb {
    padding-left: 15px;
}
#breadcrumb a {
    color: #444
}
.TopBreadcrumb {
    background: url('/media/backpropos.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0;
    text-align: center;
    width: 100vw;
    margin-left: calc((1080px - 100vw) / 2)
}
.TopBreadcrumb h1 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 900;
    font-size: 46px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.ToSHOW.directoryGrid .directoryEntryContent h3 {    
    -webkit-clip-path: polygon(95% 0, 90% 50%, 95% 95%, 5% 95%, 10% 50%, 5% 0);
    clip-path: polygon(95% 0, 90% 50%, 95% 95%, 5% 95%, 10% 50%, 5% 0);
}
.ToSHOW .ShowMAYBE {
    display: block;
    padding: 5px 10px;
}
.ToSHOW .ShowMAYBE p, .ToSHOW .ShowMAYBE li {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-size: 14px;
    font-weight: 300;
}
.ToSHOW .ShowMAYBE.toclip, .homepage .directoryGrid .directoryEntryContent .ShowMAYBE.toclip {
    height: auto;
    padding: 0;
    background: #4B4A4D;
    color: white;
    -webkit-clip-path: polygon(95% 0, 90% 50%, 95% 95%, 5% 95%, 10% 50%, 5% 0);
    clip-path: polygon(95% 0, 90% 50%, 95% 95%, 5% 95%, 10% 50%, 5% 0);
    text-align: center;
}
.demande_devis #text h2 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
}
.demande_devis .DescriptifCatégorie p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 60px;
}
.ToSHOW.directoryGrid .directoryEntryLink {
    display: none!important;
    width: 90%;
    margin: 20px auto;
    border: 1px solid #08A7E5;
    padding: 0 5px;
    background-image: url('/media/arrowlink.png');
    background-color: transparent; 
    background-position: 95% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    text-decoration: none!important;    
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 400;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.ToSHOW.directoryGrid .directoryEntryLink:hover {
    color: #fff;
    background-image: none;
}
.ToSHOW.directoryGrid .directoryEntryLink:before {
    content: "";
    position: absolute;
    width: 0;
    background: #08A7E5 url('/media/arrowslider.png');
    background-position: 95% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.ToSHOW.directoryGrid .directoryEntryLink:hover:before {
    width: 100%;
}
.demande_devis .DevisFix, .kegs_casks .DevisFix, .Actualités.postDetail-fullwidth h1.mt0, .Actualités.postDetail-fullwidth  #blogDescription {
    display: none!important
}
.Actualités #blogPosts {
    display: block;
}
.Actualités .blogPostResume {
    position: relative;
}
.Actualités .blogPostContent {
    position: relative;
    background: white;
    height: auto;
    padding: 20px 5px;
}
.Actualités .blogPostResume {
    margin: 30px 10px!important;
    padding: 0!important
}
.Actualités .blogPostResume:nth-child(3n+1) {
    margin: 30px 20px 30px 0!important;
}
.Actualités .blogPostResume:nth-child(3n+3) {
    margin: 30px 0 30px 20px!important;
}
.cols-3.blogBox .blogPostResume:nth-child(3n+3) .blogPostDate,
.cols-3.blogBox .blogPostResume:nth-child(1n+3) .blogPostDate {
    margin: 0
}
.Actualités .blogPostTitle {
    font-size: 16px;
    margin-bottom: 10px;
    color: #4B4A4D;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    max-height: none;
}
.Actualités .blogPostDate {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    border-top: 1px solid #4B4A4D;
    border-bottom: 1px solid #4B4A4D;
    padding: 5px 0;
}
.Actualités .blogPostLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: rgba(0,52,119,.7);    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Actualités .blogPostLink a {
    opacity: 0;
    border-radius: 0;
    width: 50px;
    height: 50px;
    -webkit-transition: all .4s ease-in .4s;
    -moz-transition: all .4s ease-in .4s;
    -ms-transition: all .4s ease-in .4s;
    -o-transition: all .4s ease-in .4s;
    transition: all .4s ease-in .4s;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    padding: 0;        
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Actualités .blogPostLink a img {
    display: block;
    width: 30px;
    margin: 0 auto;
    opacity: 1;
}
.Actualités .blogPostResume:hover .blogPostLink {
    height: 100%;
}
.Actualités .blogPostResume:hover .blogPostLink a {
    opacity: 1
}
.Actualités .AnnuaireActu {
    overflow: hidden;
    background: #F2F1EF;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
.Actualités .AnnuaireActu h2 {    
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    margin: 30px 0;
}
.Actualités .AnnuaireActu .widgetContainer {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto
}
.Actualités .AnnuaireActu .ShowMAYBE {
    display: none;
}
.Actualités.blogPostDetail .TopBreadcrumb {
    background: url('/media/backpropos.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0;
    text-align: center;
    margin: 0;
    width: 100%;
}
.Actualités.blogPostDetail .TopBreadcrumb h1 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 900;
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.Actualités.blogPostDetail .w44 {
    width: 44%;
    display: inline-block;
    vertical-align: top;
    padding-right: 75px;
}
.Actualités.blogPostDetail #blogPostDetailContent.w55 {
    width: 55%;
    display: inline-block;
    vertical-align: top;
}
.Actualités.blogPostDetail .w55 h2 {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0;
}
.Actualités.blogPostDetail .w55 .blogPostDate {
    width: 100%;
}
.Actualités.blogPostDetail .w55 p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}
.Actualités .w55 #blogPostBack, .Actualités .w55 #blogPostNavigation {
    display: inline-block;
    vertical-align: top;
    padding: 0;
}
.Actualités .w55 #blogPostBack {
    margin-right: 45px;
}
.Actualités .w55 #blogPostBack a, .Actualités .w55 #blogPostNavigation a {
    border-radius: 0;
    border: 1px solid #08A7E5;
    color: #003477;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    height: 40px;
    background: white;
    position: relative;
    z-index: 1;
}
.Actualités .w55 #blogPostBack a:before,
.Actualités .w55 #blogPostBack a:after,
.Actualités .w55 #blogPostNavigation a:before,
.Actualités .w55 #blogPostNavigation a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background: #08A7E5;
    -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;
}
.Actualités .w55 #blogPostBack a:before,
.Actualités .w55 #blogPostNavigation a:before {
    left: 0;
}
.Actualités .w55 #blogPostBack a:after,
.Actualités .w55 #blogPostNavigation a:after {
    right: 0;
}
.Actualités .w55 #blogPostBack a:hover:before,
.Actualités .w55 #blogPostBack a:hover:after,
.Actualités .w55 #blogPostNavigation a:hover:before,
.Actualités .w55 #blogPostNavigation a:hover:after {
    width: 50%;
}
.Actualités .pager {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 60px;
}
.Actualités .pagerFirst,
.Actualités .pagerLast,
.Actualités .pager_default_page,
.Actualités .pager_current_page {
    display: none;
}
.Actualités .pagerNext,
.Actualités .pagerPrevious {
    width: 31.333%;
    border: 1px solid #08A7E5;
    height: 30px;
    color: #003477;
    display: block;
    margin: 0;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    background-color: transparent!important;
    z-index: 1;
    -webkit-transition: all .1s ease-in-out .2s;
    -moz-transition: all .1s ease-in-out .2s;
    -ms-transition: all .1s ease-in-out .2s;
    -o-transition: all .1s ease-in-out .2s;
    transition: all .1s ease-in-out .2s;
}
.Actualités .pagerPrevious {
    float: left;
    background: url('/media/arrowlinkreverse.png');
    background-position: 5% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
}
.Actualités .pagerNext {
    float: right;
    background: url('/media/arrowlink.png');
    background-position: 95% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
}
.Actualités .pagerNext:before,
.Actualités .pagerPrevious:before {
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: #08A7E5;
    z-index: -1;
    -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;
}
.Actualités .pagerNext:after,
.Actualités .pagerPrevious:after {
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    position: absolute;
    right: 0;
    background: #08A7E5;
    z-index: -1;
    -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;
}
.Actualités .pagerNext:after {
    background: #08A7E5 url('/media/arrowslider.png');
    background-position: 95% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
}
.Actualités .pagerPrevious:before {
    background: #08A7E5 url('/media/arrowsliderreverse.png');
    background-position: 5% center;
    background-size: 16px auto;
    background-repeat: no-repeat;
}
.Actualités .pagerNext:hover:before,
.Actualités .pagerPrevious:hover:before,
.Actualités .pagerNext:hover:after,
.Actualités .pagerPrevious:hover:after {
    width: 50%;
}
.blogPostDetail #contents .widget.AnnuaireActu {
    display: block;
}
.Contact .grid-2 #element664 {
    width: 45%;
    vertical-align: top;
}
.Contact .grid-2 #element664 img {
    width: 180px;
}
.Contact .grid-2 #element665 {
    width: 55%;
    vertical-align: top;
    padding-left: 0;
}
.Contact .grid-1 #element666 {
    float: right;
    width: 55%;
    vertical-align: top;
}
.Contact h2 {
    font-size: 24px;
    color: #003477;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #4B4A4D
}
.Contact #element665 p, .Contact #element778 p {
    font-size: 18px;
    color: #4B4A4D;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
}
.Contact #element665 a, .Contact #element778 a {    
    font-size: 18px;
    color: #08A7E5;
    text-decoration: underline;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.Contact #element666 form div.row label, .Contact #element666 form div.row span.obligatory,
.Contact #element780 form div.row label, .Contact #element780 form div.row span.obligatory {
    display: none;
}
.Contact .newCheckboxElement {
    display: inline-block;
    float: left;
    width: 6%;
}
.Contact #element666 form div.row label[for=field59],
.Contact #element780 form div.row label[for=field59] {
    width: 93%;
    display: inline-block;
}
::placeholder {
    font-size: 14px;
    color: #08A7E5;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.Contact form .submit {
    text-align: center;
}
.Contact form .submit input[type=submit] {
    width: 80%;
    margin: 0 auto;
    color: white;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background: #08A7E5 url('/media/arrowlink.png');
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: auto 14px;
    border-radius: 0;
}
.Contact .newCheckbox {
    -webkit-appearance: radio
}
.Contact #element667 {
    margin-top: 60px;
}
.directoryEntryDetail .TopBreadcrumb.Produit {
    background: url('/media/topproduit.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}
.TopBreadcrumb.Produit .w44 {
    width: 44%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
.TopBreadcrumb.Produit .w44 img {
    width: 200px;
}
.TopBreadcrumb.Produit .w55 {
    width: 55%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}
.TopBreadcrumb.Produit .w55 h1 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.TopBreadcrumb.Produit .w55 h2 {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
}
.directoryEntryDetail #contents .w1080p .w44 {
    width: 44%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.directoryEntryDetail .w44 .ImgPrincipal {
    width: 380px;
    height: 380px;
    background: white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    margin: 0 auto;
    border: 1px solid #4B4A4D;
    position: relative;
}
.directoryEntryDetail .w44 .ImgPrincipal img {
    width: auto;
    max-height: 280px;
    display: block!important;
    cursor: url(/media/lightbox.png), zoom-in;
}
.fancybox-placeholder {
    display: block!important;
    width: 100%;
    height: 280px;
    background-repeat: no-repeat!important;
    background-size: auto 100%!important;
    background-position: center!important;
    margin: 0 auto;
}
.directoryEntryDetail .w44 .ImgPrincipal div:nth-child(3) {
    display: none!important;
}
.directoryEntryDetail .w44 .ListeIMG {    
    width: 380px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    margin: 0 auto;
}
.directoryEntryDetail .w44 .ListeIMG ol {
    width: 100%;
    display: block;
}
.directoryEntryDetail .w44 .ListeIMG li {    
    list-style-type: none;
    border: 1px solid #4B4A4D;
    margin: 1.5%;
    height: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.directoryEntryDetail .w44 .ListeIMG li img {
    width: auto;
    height: 80px;
}
.directoryEntryDetail #contents .w1080p .w55 {
    width: 55%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 15px
}
.directoryEntryDetail #contents .w1080p .w55 h3 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
    margin-top: 0;
}
.directoryEntryDetail #contents .w1080p .w55 h4 {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    margin: 5px 0 15px;
    display: none!important
}
.directoryEntryDetail #contents .w1080p .w55 p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 15px
}
.widgetText.Formulaire,
.widgetText.Formulaire .FormHidden,
.widgetText.Formulaire .ShowBarrel,
.widgetText.Formulaire .ShowGallon,
.widgetText.Formulaire .capacite20,
.widgetText.Formulaire .capacite30,
.widgetText.Formulaire .capacite50,
.widgetText.Formulaire .capacite5,
.widgetText.Formulaire .capacite10,
.widgetText.Formulaire .capacite15,
.widgetText.Formulaire .capacite9,
.widgetText.Formulaire .capacite7,
.widgetText.Formulaire .capacite13,
.widgetText.Formulaire .capacite30,
.widgetText.Formulaire .capacite50,
.widgetText.Formulaire .capacite58,
.widgetText.Formulaire .capacite6,
.widgetText.Formulaire .capacite5012,
.widgetText.Formulaire .Option1,
.widgetText.Formulaire .Option2,
.widgetText.Formulaire .Option3,
.widgetText.Formulaire .Option4,
.widgetText.Formulaire .obligatory {
    display: none;
}
.widgetText.Formulaire .hideLabel>label {
    display: none!important
}
.insertForm .widgetText.Formulaire {
    display: block!important;
}
.insertForm .widgetText.Formulaire .row,
.widgetText.Formulaire .Plongeur {
    border-bottom: 1px solid #4B4A4D;
    padding: 10px 0
}
.insertForm .widgetText.Formulaire .row.bdTop,
.insertForm .widgetText.Formulaire p.requiredInfo {
   /* border-top: 1px solid #4B4A4D;*/
    margin-top: 10px!important;
    margin-bottom: 0!important;
}
.insertForm .widgetText.Formulaire .showLabel,
.insertForm .widgetText.Formulaire .hideLabel,
.insertForm .widgetText.Formulaire .ChoixOption,
.insertForm .widgetText.Formulaire .Option1 .row,
.insertForm .widgetText.Formulaire .Option2 .row,
.insertForm .widgetText.Formulaire .Option3 .row,
.insertForm .widgetText.Formulaire .Option4 .row {
    border-bottom: none;
}
.insertForm .widgetText.Formulaire .Option1,
.insertForm .widgetText.Formulaire .Option2,
.insertForm .widgetText.Formulaire .Option3,
.insertForm .widgetText.Formulaire .Option4 {
    margin-bottom: 10px;
}
.insertForm .widgetText.Formulaire .row>label,
.insertForm .widgetText.Formulaire .row .obligatory {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.insertForm .widgetText.Formulaire .row label,
.insertForm .widgetText.Formulaire .row>span {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    max-width: 80%;
}
.insertForm .widgetText.Formulaire .row>label {
    padding-top: 3px;
}
.insertForm .widgetText.Formulaire .row>label.labelPT10 {
    padding-top: 10px;
}
.widgetText.Formulaire .multi_radio {
    display: inline-block;
    vertical-align: top;
}
.widgetText.Formulaire .row>label,
.widgetText.Formulaire .ShowLitre>label,
.widgetText.Formulaire .ShowGallon>label {
    width: 25%;
}
.widgetText.Formulaire .row>span label {
    font-weight: 300;
}
.widgetText.Formulaire .row>span,
.select2-container,
.w74 {
    width: 74%!important
}
.widgetText.Formulaire .row .multi_radio {
    width: 30%
}
.widgetText.Formulaire .form-slim .row .multi_radio {
    width: 20%
}
.widgetText.Formulaire .multi_radio input[type="radio"],
.widgetText.Formulaire .multi_radio input[type="checkbox"] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #4B4A4D;
    margin-top: 3px;
    padding: 0;
    background: white;
    box-shadow: none!important;
    outline: none!important;
}
.widgetText.Formulaire .multi_radio input:checked {
    background: #fff url('/media/checked.png');
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.directoryEntryDetail #contents .w1080p .w55 .widgetText.Formulaire p.info {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #4B4A4D
}
.widgetText.Formulaire .Plongeur .showLabel,
.widgetText.Formulaire .Plongeur .hideLabel {
    width: 48%;
    display: inline-block;
}
.widgetText.Formulaire .Plongeur .hideLabel>span {
    padding-top: 30px;
}
.widgetText.Formulaire .Plongeur .showLabel>label {
    width: 52%;
}
.widgetText.Formulaire .Plongeur .showLabel>span,
.widgetText.Formulaire .Plongeur .hideLabel>span {
    width: 45%!important
}
.widgetText.Formulaire .Plongeur .showLabel>span .multi_radio,
.widgetText.Formulaire .Plongeur .hideLabel>span .multi_radio {
    width: 100%;
    display: block;
}
.widgetText.Formulaire .Plongeur .showLabel > span > .multi_radio > label {
    width: 50%;
    text-align: right;
}
.widgetText.Formulaire .Plongeur .hideLabel > span > .multi_radio > label {
    width: 60%;
    text-align: right;
}
.widgetText.Formulaire .form-cask .row .multi_radio {
    width: 47%;
}
.insertForm .widgetText.Formulaire .ChoixOption label {
    font-size: 26px;
    font-weight: 900;
    padding-top: 10px;
}
.insertForm .widgetText.Formulaire .Option1,
.insertForm .widgetText.Formulaire .Option2,
.insertForm .widgetText.Formulaire .Option3,
.insertForm .widgetText.Formulaire .Option4 {
    background-color: #08A7E5;
    padding-left: 15px;
}
.insertForm .widgetText.Formulaire .Option1 .row > label,
.insertForm .widgetText.Formulaire .Option2 .row > label,
.insertForm .widgetText.Formulaire .Option3 .row > label,
.insertForm .widgetText.Formulaire .Option4 .row > label {
    display: none;
}
.insertForm .widgetText.Formulaire .Option1 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option2 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option3 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option4 .row .multi_radio {
    width: 100%;
}
.insertForm .widgetText.Formulaire .Option1 textarea,
.insertForm .widgetText.Formulaire .Option2 textarea {
    margin-top: 0;
}
.insertForm .widgetText.Formulaire .Option1 .w60>span,
.insertForm .widgetText.Formulaire .Option2 .w60>span {
    max-width: 100%;
    width: 100%!important;
}
.insertForm .widgetText.Formulaire .Option1 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option2 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option3 .row .multi_radio,
.insertForm .widgetText.Formulaire .Option4 .row .multi_radio {    
    color: #fff;
}
.directoryEntryDetail #contents .w1080p .w55 p.requiredInfo {
    color: #FF0000;
    font-size: 12px;
}
.insertForm .widgetText.Formulaire .row.capacité label {
    width: 40%;
}
.insertForm .widgetText.Formulaire .row.capacité>span {
    width: 58%!important;
}
.insertForm .widgetText.Formulaire .row.capacité>span input {
    color: #08A7E5;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #4B4A4D
}
.insertForm .widgetText.Formulaire fieldset+fieldset {
    margin-top: 10px;
}
.insertForm .widgetText.Formulaire fieldset+fieldset legend {
    font-family: 'Montserrat', sans-serif;
    color: #08A7E5;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
}
.insertForm .widgetText.Formulaire .submit {
    text-align: center;
}
.insertForm .widgetText.Formulaire .submit input[type=submit] {
    width: 60%;
    margin: 0 auto;
    color: white;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #08A7E5 url('/media/arrowlink.png');
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: auto 14px;
    border-radius: 0;
}
.directoryEntriesList .AnnuaireActu {
    display: none;
}
.directoryEntryDetail .AnnuaireActu {
    overflow: hidden;
    background: #F2F1EF;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
.directoryEntryDetail .AnnuaireActu h2 {    
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    margin: 30px 0;
    text-transform: uppercase;
}
.directoryEntryDetail .AnnuaireActu .widgetContainer {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto
}
.directoryEntryDetail .AnnuaireActu .directoryEntry {
    width: 25%;
}
.directoryEntryDetail .AnnuaireActu .directoryEntry:first-child {
    margin-left: 12.5%;
}
.directoryEntryDetail .AnnuaireActu .ShowMAYBE {
    display: none;
}
.personnalisation .TopBreadcrumb h1 {
    margin-top: 0;
}
.personnalisation .structured_text_semantique_text h2 {
    font-family: 'Montserrat', sans-serif;
    color: #003477;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    margin: 30px 0;
    text-transform: uppercase;
}
.personnalisation .structured_text_semantique_text p {
    font-family: 'Montserrat', sans-serif;
    color: #4B4A4D;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}
.personnalisation .posLeft figure {
    margin-top: 0;
}
.personnalisation .posLeft figure img {
    width: 280px;
}
@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:1099px){
    .widgetSelectLangue {
        left: 70px !important;
    }
    .fullwidth #breadcrumb,.fullwidth #breadcrumb+#content #text .ligneElement:first-child h1,.w1080p{
        width:100%;
    }
    #logo {
        width: 100px;
        margin: 5px calc(50% - 50px)
    }
    #nested>ul>li:nth-child(3), #nested>ul>li:nth-child(4) {
        margin: 0
    }
    .fullwidth #wrapperInner{
        padding-right:0;
        padding-left:0
    }
    #page{
        position:relative
    }
    header{
        left:auto;
        z-index:102;
        width:100%;
        height: 120px;
    }
    header .widgetSearch{
        top:15px;
        right:80px
    }
    header .widgetLogin{
        top:15px;
        right:130px
    }
    #mobileMenu{
        display:block
    }
    nav.inblM{
        position:fixed;
        top:0;
        bottom:0;
        z-index:100;
        right:-100%;
        display:block!important;
        width:100%;
        padding-left:0;
        background-color:#eee;
        overflow:hidden;
        opacity:0
    }
    nav ul{
        position:relative;
        display:block
    }
    nav.inblM ul li,nav.inblM ul li.posLeft,nav>ul>li.megaMenu>ul>li{
        position:relative;
        float:none;
        width:auto!important;
        padding:0;
        margin-top:0!important;
        border-bottom:none
    }
    #nested>ul>li:nth-child(2) {
        margin-right: 0;
    }
    nav.inblM ul li.posLeft:hover,nav.inblM ul li:hover,nav>ul>li.megaMenu>ul>li ul li:hover,nav>ul>li.megaMenu>ul>li:hover{
        background-color:#45abeb
    }
    nav.inblM ul li.backLevel:hover,nav.inblM ul li.backLevel:hover a,nav.inblM ul li.backLevel:hover i{
        color:#666!important;
        background-color:transparent
    }
    nav.inblM ul li a,nav>ul>li.megaMenu>ul>li ul li>a,nav>ul>li.megaMenu>ul>li>a{
        height:50px;
        margin:0;
        padding:0 40px 0 30px;
        font-size:1.1em;
        font-weight:400;
        line-height:50px;
        color:#666;
        text-overflow:ellipsis;
        cursor:pointer;
        overflow:hidden
    }
    nav>ul li.active>a,nav>ul>li.megaMenu>ul>li ul li.active>a,nav>ul>li.megaMenu>ul>li.active>a{
        color:#08A7E5;
        background-color:transparent;
        border-radius:0
    }
    nav>ul>li.active>i{
        color:#45abeb
    }
    nav>ul>li ul,nav>ul>li.megaMenu ul,nav>ul>li.megaMenu>ul>li ul{
        position:fixed;
        top:0;
        bottom:0;
        left:auto;
        right:0;
        display:block;
        padding:0;
        margin-left:0;
        background-color:transparent;
        border:none;
        box-shadow:none;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    nav.inblM ul li:hover>a,nav>ul>li.megaMenu>ul>li ul li:hover>a,nav>ul>li.megaMenu>ul>li:hover>a,nav>ul>li>ul a:hover{
        color:#fff!important;
        background-color:transparent
    }
    nav>ul>li i{
        position:absolute;
        top:0;
        right:0;
        display:inline-block;
        width:50px;
        height:50px;
        font:normal normal normal 30px/50px FontAwesome!important;
        color:#666;
        text-align:center;
        cursor:pointer;
        -webkit-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
    nav>ul>li ul>li.backLevel a{
        padding-left:50px
    }
    nav>ul>li ul>li.backLevel a>span{
        color:#999;
        text-overflow:ellipsis;
        text-transform:uppercase;
        white-space:nowrap;
        overflow:hidden
    }
    nav>ul>li ul>li:first-child>a>i{
        left:0;
        right:auto;
        border-right:1px solid #ccc
    }
    nav>ul li:hover>i,nav>ul>li ul>li:first-child>a:hover>i{
        color:#fff
    }
    nav.inblM ul li.backLevel i:hover{
        color:#fff!important;
        background-color:#45abeb
    }
    nav li.noTitle>a{
        color:inherit!important
    }
    .arrowTop,nav>ul>li.megaMenu>ul>li ul li>a:before{
        display:none
    }
    #wrapper{
        position:relative;
        z-index:101;
        padding-top:60px;
        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
    }
    .widgetSelectLangue {
        top: 30px;
        left: 20px;
    }
    header .widgetSearch {
        display: none!important
    }
    form#searchform {
        position: relative;
        width: 300px;
        margin: 0 auto
    }
    .row.search {
        text-align: center;
        margin-top: 40px;
    }
    .row.search label {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        color: #003477;
        text-transform: uppercase;
        font-weight: 700;
        display: block!important;
    }
    .row.search input {
        width: 100%;
    }
    .madeinfrance.desk {
        display: none;
    }
    .madeinfrance.mob {
        display: block;
        position: absolute;
        height: 70px;
        right: 0px;
        top: 15px
    }
    input[type=submit].primary.button.fa.fa-search {
        top: 33px;
        right: -30px;
    }
    .directoryGrid.cols-4 .directoryEntry {
        visibility: visible
    }

    .ValeursEngagements .title span, .ValeursEngagements .title p {
        font-size: 20px;
    }
    .ValeursEngagements .title img {
        width: 20px;
    }
    .ValeursEngagements .w50 {
        width: 70%;
    }
    .ValeursEngagements .title {
        width: 30%;
    }
    .ValeursEngagements .image li {
        width: 70px;
        height: 70px;
    }
    .ValeursEngagements .texte li {
        width: 85px;
    }
    .Personnalisation, .ValeursEngagements, #footerInner, .demande_devis .DescriptifCatégorie, .Contact .grid-2 #element664, .Contact .grid-2 #element665, .Contact .grid-1 #element666 {
        padding: 0 20px;
    }
    .TopBreadcrumb,
    .a_propos_de_nous #text .ligneElement:nth-child(4),
    .a_propos_de_nous #text .ligneElement:nth-child(5) {
        margin: 0
    }
    .a_propos_de_nous #element660, .a_propos_de_nous #element659 {
        width: 100%;
    }
    .cols-3.blogPostsList .blogPostResume {
        width: 25%!important;
        min-width: 25%!important
    }
    .Contact .grid-1 #element667 {
        text-align: center;
    }
    .Contact .grid-1 #element667 iframe {
        width: 80%!important;
        height: 400px!important;
        border: 1px solid #4B4A4D!important
    }
    .blogBox .blogPostDescription span {
        height: 150px;
        max-height: 150px;
        display: block;
        overflow: hidden
    }
}
@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{
        float:none;
        width:100%!important;
        min-width:100%!important;
        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
    }
    #searchResults,.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_2,.size1_2:first-child,.size1_2:last-child,.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%
    }
    #searchResults>li{
        margin-bottom:20px;
        border:none
    }
    .searchResultIndex{
        width:50px;
        padding-top:10px;
        line-height:normal
    }
    .searchResult{
        margin-left:50px
    }
    .searchResult>div{
        padding:10px;
        line-height:normal;
        white-space:normal
    }
    .searchResult>ul{
        background-color:transparent;
        border-top:1px dashed #ccc
    }
    .pager>a{
        margin-bottom:10px
    }
    .diaporamaExtra strong{
        font-size:4.6em
    }
    .diaporamaDot{
        width:30px;
        margin:0 10px;
        border-radius:0
    }
    .scoreBeautifulContent.cols-4 .scoreItem,.scoreBeautifulContent.cols-5 .scoreItem{
        width:50%!important
    }
    .scoreBeautifulContent.cols-4 .scoreItem:nth-child(n+3),.scoreBeautifulContent.cols-5 .scoreItem:nth-child(n+3){
        padding-top:30px
    }
    .blogBox.blogPostsList .blogPostTitle{
        max-height:none
    }
    .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
    }
    .blogBox .blogPostContent {
        padding: 0 15px;
    }
}
@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,.directoryGrid.cols-3 .directoryEntry, .fullwidth h1{
        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 .slick-slide img, .slick-slide .elementText div .structured_text_semantique_text {
        height: 300px;
    }
    .slick-slide .elementText div .structured_text_semantique_text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .slick-slide .elementText div .structured_text_semantique_text p {
        font-size: 20px;
        line-height: 26px;
    }
    .slick-slide .elementText div .structured_text_semantique_text a {
        font-size: 14px;
        line-height: 20px;
    }
    .homepage .Personnalisation .w60,
    .homepage .Personnalisation .w40 {
        width: 100%;
        margin: 15px 0;
    }
    .homepage .Personnalisation .w60 {
        padding: 0 15px;
    }
    .homepage .Personnalisation .w40 ul {
        margin-left: 0!important;
        text-align: center;
    }
    .homepage .Personnalisation .w40 ul li {
        width: 48%;
        display: inline-block;
        font-size: 12px;
        text-align: left;
    }
    .directoryEntryDetail #contents .w1080p .w44,
    .directoryEntryDetail #contents .w1080p .w55 {
        width: 100%;
        padding: 0 20px;
    }
    .directoryEntryDetail #contents .w1080p .w55 {
        padding-top: 30px;
    }
    .directoryEntryDetail .w44 .ImgPrincipal {
        float: left;
    }
    .directoryEntryDetail .w44 .ListeIMG {
        margin: 0;
        float: right;
        width: 46%;
    }
    .directoryEntryDetail .w44 .ListeIMG ol {
        margin-top: -1.5%;
    }
    .directoryEntryDetail .AnnuaireActu .widgetContainer {
        text-align: center;
    }
    .directoryEntryDetail .AnnuaireActu.directoryGrid.cols-4 .directoryEntry {
        width: 33%;
    }
    .directoryEntryDetail .AnnuaireActu .directoryEntry:first-child {
        margin: 0;
    }
    .blogPostDescription {
        display: none!important
    }
}
@media (max-width:639px){
    .diaporamaExtra strong{
        padding-bottom:10px;
        font-size:2.6em
    }
    .diaporamaExtra span{
        font-size:1em
    }
    .blogBox .blogPostContent{
        height:100%;
        padding-bottom:20px
    }
    .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
    }
    .ValeursEngagements .w1080p {
        flex-direction: column;
    }
    .ValeursEngagements .w50 {
        width: 100%;
        padding-top: 20px;
    }
    .ValeursEngagements ul.image,
    .ValeursEngagements ul.texte {
        flex-direction: row;
    }
    .ValeursEngagements .image li,
    .ValeursEngagements .texte li {
        width: 60px;
        height: 60px;
        margin: 0 3px;
    }
    .ValeursEngagements .texte p {
        font-size: 10px
    }
    #footerInner {
        display: block;
    }
    footer .widget {
        width: 100%;
        display: block;
    }
    #footerInner .w30 img {
        width: 100px;
    }
    .TopBreadcrumb, .Actualités.blogPostDetail .TopBreadcrumb {
        padding: 75px 0 45px;
    }
    .TopBreadcrumb h1, .Actualités.blogPostDetail .TopBreadcrumb h1 {
        font-size: 30px;
    }
    .a_propos_de_nous #element657, .a_propos_de_nous #element656 {
        padding: 0 5px;
    }
    .a_propos_de_nous #element656 ul,
    .a_propos_de_nous #element656 h4:last-child {
        width: 165%;
    }
    .widgetText.Formulaire .row>label {
        width: 27%;
    }
    .a_propos_de_nous #element657 h3 {
        font-size: 18px;
    }
    .a_propos_de_nous #element656 p {
        font-size: 12px;
    }
    .a_propos_de_nous #text .ligneElement:nth-child(6), .a_propos_de_nous #text .ligneElement:nth-child(7), .a_propos_de_nous #text .ligneElement:nth-child(8) {
        margin-left: 0!important;
        padding: 30px 15px; 
    }
    .a_propos_de_nous #text .ligneElement:nth-child(6) h3, .a_propos_de_nous #text .ligneElement:nth-child(7) h3, .a_propos_de_nous #text .ligneElement:nth-child(8) h3 {
        text-align: center !important;
    }
    .a_propos_de_nous #text .ligneElement:nth-child(6) .txtRight, .a_propos_de_nous #text .ligneElement:nth-child(7) .txtLeft, .a_propos_de_nous #text .ligneElement:nth-child(8) .txtRight {
        text-align: center;
    }
        .a_propos_de_nous #text .ligneElement:nth-child(6) .small-width, .a_propos_de_nous #text .ligneElement:nth-child(7) .small-width, .a_propos_de_nous #text .ligneElement:nth-child(8) .small-width {
            width: 100%;
            max-width: 100%;
            text-align: left !important;
        }
}
@media (max-width:559px){
    .diaporamaExtra span{
        display:none
    }
    #homePage_2 .diaporamaExtra span{
        display:block
    }
    .callToActionText.h2-like{
        font-size:1.2em
    }
    .Actualités #blogPosts {
        display: block;
    }
    .Actualités .blogPostResume, .Actualités .blogPostResume:nth-child(3n+3), .Actualités .blogPostResume:nth-child(3n+1) {
        margin: 30px 0!important
    }
    .ToSHOW .ShowMAYBE {
        height: auto;
    }
    .Contact .grid-2 #element664, .Contact .grid-2 #element665, .Contact .grid-1 #element666 {
        width: 100%;
        margin-top: 0!important
    }
    .Contact .grid-2 #element664 {
        text-align: center;
    }
    .Contact .grid-2 #element664 img {
        max-width: 120px;
    }
    .directoryEntryDetail .TopBreadcrumb.Produit {
        flex-direction: column;
    }
    .TopBreadcrumb.Produit .w55 {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .TopBreadcrumb.Produit .w55 h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .Actualités .w55 #blogPostBack,
    .Actualités .w55 #blogPostNavigation {
        width: 100%;
    }
    .Actualités .w55 #blogPostNavigation .mw100.posLeft {
        width: 33%!important;
        min-width: 0px!important;
        display: inline-block;
        vertical-align: top;
        float: left;
    }
    .Actualités .w55 #blogPostNavigation .mw100.posRight {
        width: 33%!important;
        min-width: 0px!important;
        display: inline-block;
        vertical-align: top;
        float: right;
    }
    .Contact #element665 a {
        font-size: 14px;
    }    
}
@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%
    }
    .scoreBeautifulContent.cols-2 .scoreItem,.scoreBeautifulContent.cols-3 .scoreItem,.scoreBeautifulContent.cols-4 .scoreItem,.scoreBeautifulContent.cols-5 .scoreItem,.sw100{
        width:100%!important
    }
    .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 {
        font-size:1.6em
    }
    .diaporamaExtra span{
        display:none
    }
    #directoryEntryDetailGallery li,.directoryGrid.cols-4 .directoryEntry{
        width:100%
    }
    .scoreBeautifulContent .scoreItem{
        padding:0!important
    }
    .scoreBeautifulContent .scoreItem:nth-child(n+2){
        padding-top:30px!important
    }
    .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{
        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
    }
    header #loginboxform{
        position:fixed;
        left:50%;
        right:auto;
        transform:translateX(-50%)
    }
    header #loginboxform.translateYfadeIn{
        top:100px
    }
    header #loginboxform .arrowTop{
        display:none
    }
    .homepage .slick-slide .elementText>div {
        flex-direction: column;
    }
    .slick-slide .elementText div .above,
    .slick-slide .elementText div .structured_text_semantique_text {
        width: 100%;
        display: block;
        text-align: center;
    }
    .slick-slide .elementText div .structured_text_semantique_text {
        margin: 0 0 70px;
        height: auto;
    }
    .homepage .slick-slide img {
        margin: 30px 0;
        height: 200px
    }
    .slick-dots {
        bottom: 10px;
        margin-left: 0!important
    }
    .DevisFix {
        display: none;
    }
    .homepage .APropos p, .homepage .APropos h4 {
        width: 100%;
        display: block;
    }
    .homepage .Personnalisation .w40 ul li {
        width: 100%;
        padding: 0 10px;
    }
    .homepage .Personnalisation #gallery_650 {
        display: block;
        text-align: center;
    }
    .homepage .Personnalisation #gallery_650 .inbl {
        width: 30%;
    }
    .blogBox .blogPostPicture {
        max-height: none;
    }
    .homepage .Actualites .blogPostTitle {
        font-size: 16px;
        line-height: 20px;
    }
    .homepage .Actualites .blogPostDate {
        font-size: 12px;
    }
    .blogBox .blogPostLink {
        margin-top: 10px
    }
    .directoryEntryDetail .w44 .ImgPrincipal {
        width: 100%;
    }
    .directoryEntryDetail .w44 .ListeIMG {
        width: 100%;
        margin-top: 30px;
    }
    .widgetText.Formulaire .row>span {
        width: 69%!important;
    }
    .insertForm .widgetText.Formulaire .row label {
        font-size: 12px;
        padding-top: 4px;
    }
    .insertForm .widgetText.Formulaire .ChoixOption label {
        font-size: 20px;
    }
    .widgetText.Formulaire .row .multi_radio {
        width: 49%;
    }
    .widgetText.Formulaire .Plongeur .hideLabel>span, .insertForm .widgetText.Formulaire .submit input[type=submit] {
        width: 100%!important;
    }
    .insertForm .widgetText.Formulaire .submit input[type=submit] {
        background-position: 98% center
    }
    .directoryEntryDetail .AnnuaireActu.directoryGrid.cols-4 .directoryEntry {
        width: 100%;
    }
    .Actualités.blogPostDetail .w44 {
        width: 100%;
        padding-right: 0;
    }
    .Actualités.blogPostDetail #blogPostDetailContent.w55 {
        width: 100%;
        padding: 15px;
    }
}
@media (max-width:329px){
    .diaporamaExtra strong{
        padding:0
    }
    .diaporamaExtraLink{
        display:none
    }
}
#overDiv{
    position:fixed;
    display:none;
    background-color:#fff
}
.overlibclose,.overlibclose a{
    position:absolute;
    z-index:2;
    width:20px
}
#overlibheader{
    padding:0 20px;
    height:40px;
    font-size:1.2em;
    line-height:40px;
    border-bottom:1px solid #ccc
}
.overlibclose{
    top:10px;
    right:10px;
    height:20px
}
.overlibclose a{
    top:0;
    left:0;
    display:block;
    height:20px;
    opacity:0
}
.overlibclose:before{
    content:'\00D7';
    display:block;
    height:20px;
    font-size:26px;
    line-height:20px;
    text-align:center;
    opacity:.3;
    -webkit-transition:opacity .15s ease-out;
    transition:opacity .15s ease-out
}
.overlibclose:hover:before{
    opacity:1
}
#overlibcontent{
    padding:20px 20px 10px;
    text-align:center
}
#overlibcontent strong{
    font-size:2em
}
#overlibcontent ul{
    padding:0 20px;
    list-style-type:none
}
#overlibcontent ul li{
    padding:10px 20px
}
#overlibcontent ul li a{
    display:block;
    height:42px;
    padding:0 20px;
    line-height:40px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    border:1px solid #29adf1;
    border-radius:30px
}
#overlibcontent ul li a.add2cartConfirmationBack{
    color:#29adf1
}
#overlibcontent ul li a.add2cartConfirmationCart{
    background-color:#29adf1
}
#overlibfooter{
    display:none
}
#loader{
    position:fixed;
    top:50%!important;
    left:50%!important;
    z-index:9999;
    width:100px;
    height:80px;
    margin:-50px 0 0 -40px;
    line-height:102px;
    background:#fff;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1)
}
#loader .loaderImg{
    display:inline-block;
    width:31px;
    height:31px;
    background:url(/modeles/fr/default/css/../../defaut/images/loading.gif)
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{
    vertical-align:top;
    padding:0;
    margin:0;
    border:0;
    outline:0
}
.fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}
.fancybox-inner,.fancybox-outer,.fancybox-skin{
    position:relative
}
.fancybox-skin{
    color:#444;
    text-shadow:none;
    background:#f9f9f9;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.fancybox-opened{
    z-index:8030
}
.fancybox-opened .fancybox-skin{
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
    box-shadow:0 10px 25px rgba(0,0,0,.5)
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling:touch
}
.fancybox-error{
    padding:15px;
    margin:0;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#444;
    white-space:nowrap
}
.fancybox-iframe,.fancybox-image{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
    background-image:url(/common_images/fancyBox/fancybox_sprite.png)
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    z-index:8060;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    cursor:pointer;
    opacity:.8
}
.fancybox-close,.fancybox-nav,.fancybox-nav span{
    z-index:8040;
    position:absolute;
    cursor:pointer
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url(/common_images/fancyBox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close{
    top:-18px;
    right:-18px;
    width:36px;
    height:36px
}
.fancybox-nav{
    top:0;
    width:40%;
    height:100%;
    background:url(/common_images/fancyBox/blank.gif);
    -webkit-tap-highlight-color:transparent
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-nav:hover span{
    visibility:visible
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    max-width:99999px;
    max-height:99999px;
    visibility:hidden;
    overflow:visible!important
}
.fancybox-lock,.fancybox-lock body{
    overflow:hidden!important
}
.fancybox-lock{
    width:auto
}
.fancybox-lock-test{
    overflow-y:hidden!important
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    z-index:8010;
    display:none;
    background:url(/common_images/fancyBox/fancybox_overlay.png);
    overflow:hidden
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-lock .fancybox-overlay{
    overflow:auto;
    overflow-y:scroll
}
.fancybox-title{
    position:relative;
    z-index:8050;
    font:400 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-shadow:none;
    visibility:hidden
}
.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    z-index:8050;
    margin-bottom:-35px;
    text-align:center
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    font-weight:700;
    line-height:24px;
    color:#FFF;
    text-shadow:0 1px 2px #222;
    background:0 0;
    background:rgba(0,0,0,.8);
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    white-space:nowrap
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
    #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
        background-image:url(/common_images/fancyBox/fancybox_sprite@2x.png);
        background-size:44px 152px
    }
    #fancybox-loading div{
        background-image:url(/common_images/fancyBox/fancybox_loading@2x.gif);
        background-size:24px 24px
    }
}
.select2-results{
    display:block
}
.select2-results__options{
    list-style:none;
    margin:0;
    padding:0
}
.select2-results__option{
    padding:6px;
    user-select:none;
    -webkit-user-select:none
}
.select2-results__option[aria-selected]{
    cursor:pointer
}
.select2-container--open .select2-dropdown{
    left:0
}
.select2-container--open .select2-dropdown--above{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--open .select2-dropdown--below{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container{
    box-sizing:border-box;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0
}
.select2-container .select2-selection--single{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    height:36px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--single .select2-selection__rendered{
    display:block;
    padding-left:8px;
    padding-right:40px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.select2-container .select2-selection--single .select2-selection__clear{
    position:relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{
    padding-right:8px;
    padding-left:20px
}
.select2-container .select2-selection--multiple{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    min-height:32px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    display:inline-block;
    padding-left:8px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.select2-container .select2-search--inline{
    float:left
}
.select2-container .select2-search--inline .select2-search__field{
    box-sizing:border-box;
    padding:0;
    margin-top:5px;
    font-size:100%;
    border:none
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-dropdown{
    position:absolute;
    left:-100000px;
    z-index:1051;
    display:block;
    width:100%;
    margin-top:-5px;
    background-color:#fff;
    border:1px solid #aaa;
    box-sizing:border-box
}
.select2-search--dropdown{
    display:block;
    padding:4px
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    cursor:default
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    padding-left:3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    padding-left:4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    padding-left:5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    padding-left:6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#5897fb
}
.select2-container--classic .select2-selection--single{
    background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image:linear-gradient(to bottom,#fff 50%,#eee 100%)
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    color:#444
}
.select2-container--classic .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa;
    outline:0
}
.select2-search--dropdown .select2-search__field{
    box-sizing:border-box;
    width:100%;
    padding:4px
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide{
    display:none
}
.select2-close-mask{
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    display:block;
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    margin:0;
    padding:0;
    background-color:#fff;
    border:0;
    opacity:0;
    filter:alpha(opacity=0)
}
.select2-hidden-accessible{
    position:absolute!important;
    height:1px!important;
    width:1px!important;
    padding:0!important;
    margin:-1px!important;
    border:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important
}
.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}
.select2-container--default .select2-selection--single{
    background-color:#fff;
    border: 1px solid #4B4A4D;
    outline:0
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-family:Arial,sans-serif;
    line-height:36px;
    color:#444
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:700
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    position:absolute;
    top:1px;
    right:1px;
    height:34px;
    width:40px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    position:absolute;
    top:calc(50% - 4px);
    left:calc(50% - 4px);
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 8px;
    position: relative;
    transform: rotate(135deg);
    vertical-align: top;
    width: 8px;
    border-color: #08A7E5
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{
    left:1px;
    right:auto
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#eee
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
    display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    transform: rotate(-45deg);
}
.select2-container--default .select2-selection--multiple{
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    box-sizing:border-box;
    list-style:none;
    width:100%;
    margin:0;
    padding:0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{
    float:left;
    margin-top:5px;
    color:#999
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    cursor:pointer;
    float:right;
    margin-top:5px;
    margin-right:10px;
    font-weight:700
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    cursor:default;
    float:left;
    padding:0 5px;
    margin-right:5px;
    margin-top:5px;
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    cursor:pointer;
    display:inline-block;
    margin-right:2px;
    font-weight:700;
    color:#999
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{
    float:right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:2px;
    margin-right:auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:1px solid #000;
    outline:0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
    cursor:default;
    background-color:#eee
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
    display:none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field{
    background:0 0;
    border:none;
    outline:0;
    box-shadow:none;
    -webkit-appearance:textfield
}
.select2-container--default .select2-results__option[role=group]{
    padding:0
}
.select2-container--default .select2-results__option[aria-disabled=true]{
    color:#999
}
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color:#ddd
}
.select2-container--default .select2-results__option .select2-results__option{
    padding-left:1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
    padding-left:0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-1em;
    padding-left:2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-5em
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    color:#fff
}
.select2-container--default .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic .select2-selection--single{
    background-color:#f7f7f7;
    background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
    border:1px solid #aaa;
    border-radius:4px;
    outline:0
}
.select2-container--classic .select2-selection--single:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    margin-right:10px;
    font-weight:700
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow{
    position:absolute;
    top:1px;
    right:1px;
    width:20px;
    height:26px;
    background-color:#ddd;
    background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    border:none;
    border-left:1px solid #aaa;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b{
    position:absolute;
    top:50%;
    left:50%;
    height:0;
    width:0;
    margin-left:-4px;
    margin-top:-2px;
    border-color:#888 transparent transparent;
    border-style:solid;
    border-width:5px 4px 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{
    left:1px;
    right:auto;
    border:none;
    border-right:1px solid #aaa;
    border-radius:4px 0 0 4px
}
.select2-container--classic.select2-container--open .select2-selection--single{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
    background:0 0;
    border:none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888;
    border-width:0 4px 5px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);
    background-image:-o-linear-gradient(top,#fff 0,#eee 50%);
    background-image:linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
    background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--classic .select2-selection--multiple{
    cursor:text;
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:4px;
    outline:0
}
.select2-container--classic .select2-selection--multiple:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered{
    list-style:none;
    padding:0 5px;
    margin:0
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear{
    display:none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    cursor:default;
    float:left;
    padding:0 5px;
    margin-top:5px;
    margin-right:5px;
    border:1px solid #aaa;
    border-radius:4px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    cursor:pointer;
    display:inline-block;
    margin-right:2px;
    font-weight:700;
    color:#888
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{
    float:right;
    margin-left:5px;
    margin-right:auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:2px;
    margin-right:auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--classic .select2-search--inline .select2-search__field{
    outline:0;
    box-shadow:none
}
.select2-container--classic .select2-dropdown{
    background-color:#fff;
    border:1px solid transparent
}
.select2-container--classic .select2-dropdown--above{
    border-bottom:none
}
.select2-container--classic .select2-dropdown--below{
    border-top:none
}
.select2-container--classic .select2-results__option[role=group]{
    padding:0
}
.select2-container--classic .select2-results__option[aria-disabled=true]{
    color:grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#3875d7;
    color:#fff
}
.select2-container--classic .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic.select2-container--open .select2-dropdown{
    border-color:#5897fb
}


/* PAGE MATERIEL OUTILLAGE */
.bloc-galerie .inbl {
    width: 28%;
    position: relative;
    margin: 10px;
}

.materiel_outillage .bloc-galerie {
    margin-top: 40px;
}

.materiel_outillage .bloc-galerie .inbl:first-child a:hover:before {
    content: 'Fûts à levure';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.materiel_outillage .bloc-galerie .inbl:nth-child(2) a:hover:before {
    content: 'Capsules d’inviolabilité';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.materiel_outillage .bloc-galerie .inbl:nth-child(3) a:hover:before {
    content: 'Fût de nettoyage';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.materiel_outillage .bloc-galerie .inbl:nth-child(4) a:hover:before {
    content: 'Laveuse de fûts';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.materiel_outillage .bloc-galerie .inbl:nth-child(5) a:hover:before {
    content: 'Outil de mesure de pression dans le fût';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.materiel_outillage .bloc-galerie .inbl:last-child a:hover:before {
    content: 'Remplisseuse automatique de fût';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.materiel_outillage .bloc-galerie .inbl:last-child a img,
.futs_a_levure .bloc-galerie .inbl:last-child a img,
.fut_de_nettoyage .bloc-galerie .inbl:last-child a img,
.outil_mesure .bloc-galerie .inbl:last-child a img,
.capsules_dinviolabilite .bloc-galerie .inbl:last-child a img,
.laveuse_futs .bloc-galerie .inbl:last-child a img {
    height: 148px;
    object-fit: cover;
}

.futs_a_levure .bloc-galerie .inbl:first-child a:hover:before,
.fut_de_nettoyage .bloc-galerie .inbl:nth-child(2) a:hover:before,
.outil_mesure .bloc-galerie .inbl:nth-child(2) a:hover:before,
.remplisseuse .bloc-galerie .inbl:nth-child(2) a:hover:before,
.laveuse_futs .bloc-galerie .inbl:nth-child(2) a:hover:before {
    content: 'Capsules d’inviolabilité';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.futs_a_levure .bloc-galerie .inbl:nth-child(2) a:hover:before,
.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(2) a:hover:before,
.outil_mesure .bloc-galerie .inbl:nth-child(3) a:hover:before,
.remplisseuse .bloc-galerie .inbl:nth-child(3) a:hover:before,
.laveuse_futs .bloc-galerie .inbl:nth-child(3) a:hover:before {
    content: 'Fût de nettoyage';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.fut_de_nettoyage .bloc-galerie .inbl:first-child a:hover:before,
.capsules_dinviolabilite .bloc-galerie .inbl:first-child a:hover:before,
.outil_mesure .bloc-galerie .inbl:first-child a:hover:before,
.remplisseuse .bloc-galerie .inbl:first-child a:hover:before,
.laveuse_futs .bloc-galerie .inbl:first-child a:hover:before {
    content: 'Fûts à levure';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.futs_a_levure .bloc-galerie .inbl:nth-child(3) a:hover:before,
.fut_de_nettoyage .bloc-galerie .inbl:nth-child(3) a:hover:before,
.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(3) a:hover:before,
.outil_mesure .bloc-galerie .inbl:nth-child(4) a:hover:before,
.remplisseuse .bloc-galerie .inbl:nth-child(4) a:hover:before {
    content: 'Laveuse de fûts';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.futs_a_levure .bloc-galerie .inbl:nth-child(4) a:hover:before,
.fut_de_nettoyage .bloc-galerie .inbl:nth-child(4) a:hover:before,
.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(4) a:hover:before,
.remplisseuse .bloc-galerie .inbl:nth-child(5) a:hover:before,
.laveuse_futs .bloc-galerie .inbl:nth-child(4) a:hover:before {
    content: 'Outil de mesure de pression dans le fût';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.futs_a_levure .bloc-galerie .inbl:nth-child(5) a:hover:before,
.fut_de_nettoyage .bloc-galerie .inbl:nth-child(5) a:hover:before,
.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(5) a:hover:before,
.outil_mesure .bloc-galerie .inbl:nth-child(5) a:hover:before,
.laveuse_futs .bloc-galerie .inbl:nth-child(5) a:hover:before {
    content: 'Remplisseuse automatique de fût';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}





/* EN */

.en.materiel_outillage .bloc-galerie .inbl:first-child a:hover:before {
    content: 'Yeast kegs';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.materiel_outillage .bloc-galerie .inbl:nth-child(2) a:hover:before {
    content: 'Tamper-proof caps';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.materiel_outillage .bloc-galerie .inbl:nth-child(3) a:hover:before {
    content: 'Cleaning Keg';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.materiel_outillage .bloc-galerie .inbl:nth-child(4) a:hover:before {
    content: 'Keg washer';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.materiel_outillage .bloc-galerie .inbl:nth-child(5) a:hover:before {
    content: 'Keg pressure measuring tool';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.en.materiel_outillage .bloc-galerie .inbl:last-child a:hover:before {
    content: 'Automatic keg filler';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}

.en.futs_a_levure .bloc-galerie .inbl:first-child a:hover:before,
.en.fut_de_nettoyage .bloc-galerie .inbl:nth-child(2) a:hover:before,
.en.outil_mesure .bloc-galerie .inbl:nth-child(2) a:hover:before,
.en.remplisseuse .bloc-galerie .inbl:nth-child(2) a:hover:before,
.en.laveuse_futs .bloc-galerie .inbl:nth-child(2) a:hover:before {
    content: 'Tamper-proof caps';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.futs_a_levure .bloc-galerie .inbl:nth-child(2) a:hover:before,
.en.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(2) a:hover:before,
.en.outil_mesure .bloc-galerie .inbl:nth-child(3) a:hover:before,
.en.remplisseuse .bloc-galerie .inbl:nth-child(3) a:hover:before,
.en.laveuse_futs .bloc-galerie .inbl:nth-child(3) a:hover:before {
    content: 'Cleaning Keg';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.fut_de_nettoyage .bloc-galerie .inbl:first-child a:hover:before,
.en.capsules_dinviolabilite .bloc-galerie .inbl:first-child a:hover:before,
.en.outil_mesure .bloc-galerie .inbl:first-child a:hover:before,
.en.remplisseuse .bloc-galerie .inbl:first-child a:hover:before,
.en.laveuse_futs .bloc-galerie .inbl:first-child a:hover:before {
    content: 'Yeast kegs';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.futs_a_levure .bloc-galerie .inbl:nth-child(3) a:hover:before,
.en.fut_de_nettoyage .bloc-galerie .inbl:nth-child(3) a:hover:before,
.en.outil_mesure .bloc-galerie .inbl:nth-child(4) a:hover:before,
.en.remplisseuse .bloc-galerie .inbl:nth-child(4) a:hover:before,
.en.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(3) a:hover:before {
    content: 'Keg washer';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}
.en.futs_a_levure .bloc-galerie .inbl:nth-child(4) a:hover:before,
.en.fut_de_nettoyage .bloc-galerie .inbl:nth-child(4) a:hover:before,
.en.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(4) a:hover:before,
.en.remplisseuse .bloc-galerie .inbl:nth-child(5) a:hover:before,
.en.laveuse_futs .bloc-galerie .inbl:nth-child(4) a:hover:before {
    content: 'Keg pressure measuring tool';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 33% 0;
}
.en.futs_a_levure .bloc-galerie .inbl:nth-child(5) a:hover:before,
.en.fut_de_nettoyage .bloc-galerie .inbl:nth-child(5) a:hover:before,
.en.capsules_dinviolabilite .bloc-galerie .inbl:nth-child(5) a:hover:before,
.en.outil_mesure .bloc-galerie .inbl:nth-child(5) a:hover:before,
.en.laveuse_futs .bloc-galerie .inbl:nth-child(5) a:hover:before {
    content: 'Automatic keg filler';
    color: #fff;
    background: rgba(11, 167, 229, .6);
    opacity: 1;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 800;
    padding: 42% 0;
}