/* ------------------ */
/* MODIFICATIONS NOAH */
/* ------------------ */

/* cacher captcha */
.grecaptcha-badge {display: none!important;}


/*
Theme Name: Avocat VDB
Author: Alys
Author URI: http://www.alys.be
*/
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%; 
                font: inherit;
                vertical-align: top;
}
/* Global */
html,
body {
                margin:0; 
                padding:0; 
}
body {
                background:#ffffff;
                font-family: "Open Sans", sans-serif;
	        /*      font-family:Arial, sans-serif; */
                font-size:16px;
                line-height:22px;
                color:#333;
}
h1{
      color:#4BB1E3;
                font-family:'Nunito',"Open Sans", Arial, sans-serif;
                font-size:35px;
                line-height:34px;
                margin-bottom:10px; 
	            font-weight:600;
}
h2{
                color:#4BB1E3;
                font-family:'Nunito',"Open Sans", Arial, sans-serif;
                font-size:35px;
                line-height:34px;
                margin-bottom:10px;
				margin-top:25px;
                
}
h3{
                color:#4BB1E3;
                font-weight:400;
                font-size:25px;
                line-height:25px;
                margin-bottom:10px;margin-top:30x;
	
}
p{
                font-family: "Open Sans", sans-serif;
                margin-bottom:15px;
                font-weight:400;             
}
.aligncenter{margin:0 auto;display:block;}
.wp-caption-text{font-size:11px; text-align:center;font-style:italic;}
img .alignleft, .alignleft{float:left;display:inline;margin-right:10px;}
img .alignright, .alignright{float:right;display:inline;margin-left:10px;}
img .alignright:after{content:" ";clear:both;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%;}
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
.button{
                background:#ff7e00;
                border:none;
                color:#fff;
                font-size:14px;
                padding:5px 10px;
                text-decoration:none;
                font-weight:normal;
                display:inline-block;
                cursor:pointer;
}
.button:hover{
                background:#acada4;
}
.see-all{
                text-decoration:none;
                color:#0071AB;
}
.see-all:hover{
                color:#414141;
}
blockquote:before{
                content:" ";
                background:url('images/quotes.jpg') no-repeat;
                position:absolute;
                width:35px;
                height:35px;
                top:-5px;
                left:-20px;
}
blockquote{
                color:#115a77;
                font-style:italic;
                font-size:24px;
                line-height:28px;
                margin-bottom:15px;
                padding:15px 25px;
                position:relative;
}
blockquote:after{
                content:" ";
                background:url('images/quotes.jpg') no-repeat;
                position:absolute;
                width:35px;
                height:35px;
                bottom:5px;
                right:-5px;
                -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}
hr{
                border-top:0;
                border-left:0;
                border-right:0;
                border-bottom:1px dashed #333;
}
/*animate*/
.fd_in_animate{visibility: hidden;--animate-duration: 1s;}
.sld_in_animate{visibility: hidden;--animate-duration: 1s;}
.fd_ind_animate,.alignwide{visibility: hidden;--animate-duration: 1s;}

/* ======= HEADER ======= */
#header{
}
.logo{
                margin:0 auto;
                display:block;
                width:270px;
                position:relative;
                z-index:10;
                padding:25px 0;
}
.logo img{
                width:100%;
}
/* ======= TOP MENU ====== */
#top-menu{
                float:right;
                font-family: 'Nunito','Open Sans', sans-serif;
                position:relative;
                z-index:20;
}
#top-menu > li{
                list-style:none;
                float:left;
                position:relative;
}
#top-menu > li > a{
                color:#fff;
                font-size:14px;
                text-decoration:none;
                display:block;
                padding:6px 8px;
                background:#7d7d7d;
}
#top-menu .current a,#top-menu li a:hover{
                background:#3d3d3d;
}
/* search */
.search-form{
                float:left;
                margin-right:25px;
                margin-top:0px;
}
.search-field{
                height:20px;
                background:none;
                border-bottom:1px solid #ddd;
                border-top:none;
                border-left:none;
                border-right:none;
                border-radius:0;
                color:#ccc;
}
.search-submit{
                background:url('images/icon-search.png') no-repeat #019DDA!important;
                border:6px solid #019DDA;
                background-size:cover!important;
                text-indent:-9999px;
                padding:0px!important;
                width:32px;
                height:32px;
}
.search-submit:hover{
                cursor:pointer;
                background:url('images/icon-search.png') no-repeat #115a77!important;
                background-size:cover!important;
                border:6px solid #115a77;
}
.list{
                margin-left:0!important;
}
.list li{
                list-style:none;
}
.list a{
                text-decoration:none;
}
.list p{
                color:#333;
}
.list a:hover p, .list a:hover h3{
                color:#019DDA;
}
/* ======= MAIN MENU ====== */
#menu-content{
                text-align:center;
                position:absolute;
                z-index:20;
                width:100%;
}
#main-menu{
                font-family: 'Nunito','Open Sans', sans-serif;
                text-transform:uppercase;
                margin:0 auto;
                text-align:center;
}
#main-menu > li{
                list-style:none;
                display:inline-block;
                position:relative;
}
#main-menu > li > a{
                color:#fff;
                font-size:16px;
                text-decoration:none;
                display:block;
                line-height:60px;
                padding:0 35px;
}
#main-menu li a:hover,#main-menu .current-menu-item > a{
                background:#0f2934;
                background:rgba(15,41,52,0.45);
}
/* -- submenu -- */
#main-menu li:hover > ul{
                display:block;
}
#main-menu li ul li{
                display:block;
}
#main-menu li ul{
                display:none;
                position:absolute;
                left:0;
                width:170px;
                z-index:200;
}
#main-menu li ul li a{
                display:block;
                padding:10px 15px;
                color:#414141;
                font-size:14px;
                text-decoration:none;
                background:#0f2934;
}
#main-menu li ul li a:hover, #main-menu li ul .current a{
                background:#0f2934;
                background:rgba(15,41,52,0.45);
}
/* ======= BANNER ====== */
#bg-main-menu{
                background:#26a7db;
                background:rgba(38,167,219,0.85);
                position:absolute;
                top:0;
                width:100%;
                height:60px;
}
#banner{
                height:360px;
                overflow:hidden;
                z-index:1;
                position:relative;
}
#banner img{
                width:100%;
}
#title-banner{
                position:absolute;
                bottom: 17%;
                padding:15px 35px 15px 35px;
                background:#26a7db;
                background:rgba(38,167,219,0.85);
}
#title-banner h1, #title-banner p{
                color:#fff;
                margin-bottom:0;
                font-size:36px;
}
/* ======= CONTENT ====== */
#wrapper{
                width:1000px;
                margin:0 auto;
                position:relative;
}
/* --- ACCORDION --- */
.title_code{
                border-bottom:1px solid #4BB1E3;
                padding:10px 55px 10px 0;
                margin-bottom:15px;
                position:relative;
                color:#4BB1E3;                
                font-size:30px;
                line-height:34px;
}
.title_code:after{
                content:" +";
                position:absolute;
                right:0;
                bottom:0;
                color:#fff;
                font-size:30px;
                font-family:'Nunito',"Open Sans Condensed",Arial,sans-serif;
                background:#4BB1E3;
                padding:10px 13px;
                height: 34px;
}
.on:after{
                content:" -";
                position:absolute;
                right:0;
                bottom:0;
                color:#fff;
                font-size:30px;
                font-family:'Nunito',"Open Sans Condensed",Arial,sans-serif;
                padding:10px 15px;
}
.title_code:hover{
                cursor:pointer;
}
.content_code{
                color:#333;
                line-height:24px;
}
.content_code ul{
                padding-left:20px;
}
.phone-number{
                position:absolute;
                right:20px;
                top:145px;
                padding-left:38px;
                background:url('images/icon-phone.png') no-repeat;
                height:28px;
                color: #019DDA;
                font-size:20px;
                line-height:28px;
}
/* ======= HOME ====== */
#left-content{
                float:left;
                width:720px;
                margin-top:35px;
}
#left-content ul, #left-content ol{
                margin-left:20px;
}
#left-content .img{
                float:right;
                margin-left:15px;
                margin-bottom:10px;
}
/* ======= SIDEBAR RIGHT ====== */
#avocat-block-wrap-absolute{
                position:absolute;
                bottom:0px;
                width:100%;
                height:100%;
                right:0;
                top:0;
                z-index:300;
}
#avocat-block-wrap{
                width:1000px;
                margin:0 auto;
}
#avocat-block{
                background:#26a7db;
                background:rgba(38,167,219,0.85);
                color:#fff;
                position:absolute;
                width:260px;
                right:0;
                top:25%;
                padding:15px 20px;
                font-style:italic;
                font-size:14px;
                line-height:20px;
}
#avocat-block strong{
                font-size:16px;
}
#sidebar{
                float:right;
                width:260px;
                vertical-align:top;
                margin-top:55px;
                position:relative;
}
#sidebar h1{
                font-size:14px;
                line-height:16px;
}
#sidebar h2{
                font-size:24px;
                line-height:20px;
                color:#115a77;
                text-transform:uppercase;
                display:block;
                font-family:'Nunito','Open Sans', Arial, sans-serif;
                font-weight:600;
              
                padding:3px 0;
}
#contact-picture{
                width:180px;
}
#contact-picture img{
                width:100%;
                height:auto;
                padding:5px;
                border:1px solid #c5c9ce;
}
#contact-picture p{
                font-size:12px;
                margin-top:10px;
}
/* news */
#news .readmore{
                position:relative;
                font-size:12px;
}
#news .readmore:after{
                content:" ";
                background:url('images/news-arrow.jpg') no-repeat;
                height:20px;
                width:20px;
                position:absolute;
                top:1px;
                left:65px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
}
#news li{
                list-style:none;
                border-top:1px dashed #c5c9ce;
                padding-top:10px;
                margin-top:10px;
}
#news li:first-child{
                border:none;
}
#news li a{          
                text-decoration:none;
                color:#333;
                display:block;
}
#news .date, #list-news .date{
                font-size:11px;
                float:left;
                margin-bottom:1px;
                color:#3BABDB;
                font-style:italic;
}
#news .category, #list-news .category{
                float:right;
                font-size:11px;
                margin-bottom:1px;
}
#news .img{
                float:left;
                margin-right:15px;
                margin-bottom:10px;
                width:65px;
                height:65px;
}
#news .img img{
                width:100%;
                height:auto;
}
#news li a:hover p{
                color:#115a77;
}
#news li a:hover .readmore:after{
                left:250px;
                top:1px;
}
/* ---- ACTUALITES ---- */
.back{
    border: 1px solid #ccc;
    color: #999;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    padding: 3px 20px 3px 30px;
    text-decoration: none;
    background: url(images/back-arrow.png) left 10px no-repeat;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    margin: 0;
    position: absolute;
    z-index: 999;
    left: -200px;
    top: 30px;
}
.back:hover{
	color:#5a88c1;
	background-position:left -20px;
}
#list-news{
                margin-left:0!important;
}
#list-news li{
                list-style:none;
                padding-bottom:15px;
                margin-bottom:15px;
                border-bottom:1px dashed #333;
}
#list-news li a{
                text-decoration:none;
                color:#333;
                display:block;
}
#list-news li a:hover{
                color:#115a77;
}
#list-news .category{
                color:#4bb1e3;
}
/* --- TEASERS --- */
#teasers{
                margin-left:0!important;
}
#teasers li{
                display:inline-block;
                list-style:none;
                width:49.5%;
                height:95px;
                margin-bottom:35px;
}
#teasers li a{
    display: flex;
    align-items: center;
    text-decoration: none;
}
#teasers img{
    display: block;
    width: 95px;
    height: 95px;
    margin-left: 20px;
    margin-right: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}
#teasers .teaser-content {
    flex: 1;
}
#teasers h2{
    color: #4BB1E3;
    font-size: 25px;
    line-height: 25px;
    margin: 0 0 3px 0;
    font-weight: bold;
}
#teasers p{ color: #333;
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}
#teasers li a:hover h2{
                color:#39A4D1;
}
#teasers li a:hover p{
                color:#39A4D1;
}
#teasers li a:hover img{
                opacity:0.5;
}
/* ======= FOOTER ====== */
#footer{
                background:#150e1a;
                margin-top:40px;
                color:#b7b6b7;
                padding:20px 0;
}
#big-footer{
                margin:0 auto;
                width:1000px;
                display:block;
                padding:15px 0;
                font-size:11px;
}
#big-footer li{
                list-style:none;
                width:24%;
                display:inline-block;
}
#big-footer h3{
                color:#b7b6b7;
                font-weight:300;
                text-transform:uppercase;
                font-size:14px;
}
#footer p{
                font-size:11px;
}
#footer > p{
                margin:0 auto;
                padding:3px 5%;
                width:1000px;
}
#footer > p a{
                float:right;
                text-decoration:none;
                color:#C3D839;
}
/* -------------------------------- MEDIA QUERIES -------------------------------------------- */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:139px;right:0;background:#023058 url(images/nav-mobile.png);height:30px;width:100%;}
#pull{display:none;}
/* ------------------------  Go back special rules -------------------------------- */
@media only screen and (max-width: 1430px){
    #left-content {
        margin-top: 75px;
    }
    .back {
        left:0px;
        top: 20px;
}
/* ------------------------  ipad horizontal -------------------------------- */

@media only screen and (min-width: 959px) and (max-width: 1024px){
}
/* ------------------------  ipad vertical -------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
                #wrapper{width:100%;}
                /* header */
                #main-menu > li > a{padding: 0 20px;}
                #avocat-block-wrap{bottom:40px;width:100%;}
                /* content */
#left-content{margin-top: 70px;
    width: 90%;
    margin-left: 5%;
    float: none;}
    .back {
        left: 5%;
        top: -50px;
    }
#teasers li{width:49.5%;}
                /* sidebar */
                #sidebar{width:90%;margin-left:5%;float:none;}
                /* footer */
                #footer{width:100%;}
                #footer p{width:90%;}
}
/* ------------------------  iphone  -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 767px){
#wrapper{width:100%;}
/* --- menu principal dropdown mobile ---  */
                a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat ; height:50px; width:100%; position:absolute;z-index:20;top:165px; right:0;outline:none;}
                .nav-list {display:none; }
                #main-menu{position:absolute;top:0px;padding-top:0px;z-index:300;background:#26a7db;background:rgba(38,167,219,0.95);width:100%;margin-top:70px;}
                #main-menu > li{display:block;padding-left:0;text-align:center;background:none;}
                #main-menu .has-children:after{right:10%;top:35px;}
                #main-menu > li > a{line-height:70px;border-top:1px solid #0989a4;}
                #main-menu > li > a, #main-menu > li > a:hover,#main-menu li a:hover, #main-menu .current a{border-bottom:none;}
                #main-menu > li > ul{position:relative;left:0!important;padding: 0 ;top:0;height:auto;width:100%;background-position:right center;}
                #main-menu > li > ul li a{border-top:1px solid #eee;}
/* header */
                .phone-number{z-index:99;left:60px;top:128px;}
                .logo{width:200px;}
                .logo:after{left:-60px;width:225px;height:100px;}
                #top-menu{padding-left:30px;}
                #top-menu > li > a{padding: 6px 3px;font-size:10px;}
                .search-form{max-width: 160px;position: relative;}
                .search-submit{position: absolute;top: 0;right: 0;}
/* banner */
                #banner{width:100%;top:10px;height:280px;overflow:hidden;}
                #banner img{height:100%;width:auto;}
                #title-banner{}
#title-banner h1, #title-banner p { font-size: 20px;line-height:24px;}
/* home */
/* small image for homepage in the content */
.home #left-content .alignright{width:35%;height:auto;}
#teasers li{width:100%;}
#teasers h2 {font-size: 20px;line-height: 24px;}
#teasers .teaser-content p{display: none;}
.home #title-banner{display:none;}
.home #avocat-block-wrap{display:block;}
#avocat-block-wrap{display:none;}
                /* content */
h1{font-size:24px;line-height:26px;}
h2{font-size:20px;line-height:24px;}
                #left-content,#content-full{margin-top:20px; width:90%;margin-left:5%;float:none;}
#left-content .img{float:none;margin:0 auto 15px;display:block;text-align:center;}
                img .alignright, .alignright, img .alignleft, .alignleft{float:none;margin:0 auto 15px;display:block;}
                /* sidebar */
.home #sidebar{display:none;}
                #sidebar{width:90%;margin-left:5%;float:none;}
                #avocat-block-wrap{width:100%;}
                #avocat-block{}
                .home #left-content .full-width-mb,.full-width-mb{width: 100%;}
                /* footer */
                #footer{width:100%;}
                #big-footer{width:90%;margin-left:5%;}
                #big-footer li{width:100%;}
                #footer p{width:90%;}
}
	.star-rating{margin-top:10px;}
	.rating-stars {color: orange;font-size: 26px;}
}