/* Layout for desktop version */


@font-face {

}

.clear {height:1px; clear:both;}
.color {color:;}
h2 {}
h3.title-serif {font-family:'Source Serif Pro', Georgia, serif !important; font-size:48px; line-height:58px; font-weight:normal;}
h4 { font-family:'Source Serif Pro', Georgia, serif !important; font-size:32px; line-height:45px; font-weight:normal; }
h5 { font-family:'Source Serif Pro', Georgia, serif !important; font-size:26px; line-height:36px; font-weight:normal; }
h6 { color:#242424; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important; font-weight:normal; font-size:18px; line-height:25px;}

p {}
p, a {}
img {filter: grayscale(100%);}

body {color:#242424; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important; font-weight:normal; font-size:15px; line-height:22px;}

a { letter-spacing:0.1em; font-weight:bold; }
*:hover {transition: background-color 0.5s ease;transition: color 0.5s ease;}

ul li {list-style:none; display:inline; float:left; padding-right:5px; font-weight:400; font-size:20px; line-height:30px;}

.content-wrapper {margin-top:80px;}

.relative {position:relative;}
.relative img {z-index:1000;}
.absolute {position:absolute; width:450px; height:650px; background: repeating-linear-gradient( to right, #ebebeb, #ebebeb 2px, white 2px,  white 12px); top:60px; right:-60px; z-index:999;}

.delimiter {border-bottom:1px solid #e8e8e8; margin:50px 0;}

a.color-grey {color:#adadad !important ;}

/*************
LOADER
**************/
    #loader-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999999999999;
    }

 #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ebebeb;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

/* Loaded */
.loaded #loader-wrapper .loader-section{
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
}



.loaded .loader {
    opacity: 0;
    -webkit-transition: all 1s ease-out;
            transition: all 1s ease-out;
}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);

        -webkit-transition: all 0.3s 1s ease-out;
                transition: all 0.3s 1s ease-out;
}
/*.no-js #loader-wrapper { display: none; }
.no-js h1 { color: #222222; }*/


.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:1001;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  height: 10px;
  background: black;
  border-radius: 5px;
  -webkit-animation: load 1.8s ease-in-out infinite;
          animation: load 1.8s ease-in-out infinite;
}
.loader:before, .loader:after {
  position: absolute;
  display: block;
  content: "";
  -webkit-animation: load 1.8s ease-in-out infinite;
          animation: load 1.8s ease-in-out infinite;
  height: 10px;
  border-radius: 5px;
}
.loader:before {
  top: -20px;
  left: 10px;
  width: 40px;
  background: black;
}
.loader:after {
  bottom: -20px;
  width: 35px;
  background: black;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  50% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}

@keyframes load {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  50% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}



/*************
ANIMATIONS
**************/

.scale-up-center {-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) 2s both}

.slide-in-top{-webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2s both;animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2s both; }

.slide-in-top-delay {-webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2.3s both;animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2.3s both; }

.slide-in-top-delayer {-webkit-animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2.6s both;animation:slide-in-top 1s cubic-bezier(.25,.46,.45,.94) 2.6s both; }

/* ----------------------------------------------
 * Generated by Animista on 2020-4-8 10:49:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}

@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

@-webkit-keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes slide-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}


/*************
HEADER
**************/

.header {height:6em;}

.sticky { position: fixed; top: 0; width: 100%;  transition: all 0.5s ease; background-color:white; z-index:99999999; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}

.logo {width:200px;}

.menu-ul li {margin-right:20px;}
.menu-ul li a {font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important; color:black !important; font-size:17px; text-transform:uppercase; letter-spacing:0.1em; line-height:50px; font-weight:700;}
.menu-ul li a:hover {color:#bcbcbc !important;}

.link-box {font-family:'Source Sans Pro', sans-serif; padding:20px; border-radius:3px; text-transform:uppercase; letter-spacing:0.1em; font-weight:bold; line-height:73px; font-size:14px; text-align:right;}
.link-box:hover {}

/************
CONTENT
************/

.overlay-wrapper {position:relative;}
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #e8e8e8; border-radius:3px; }
.container .overlay-wrapper:hover .overlay {
  opacity: 0.9;
}
.text { color: black; font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-family:'Source Sans Pro', sans-serif;}
.text .btn {font-size:0.8rem;}

.contact-highlighter {:150px;}

/**** Etude *****/

.link-list {font-family:'Source Serif Pro', Georgia, serif!important; border-bottom:1px solid #242424; padding-bottom:3px; transition: all 0.5 ease; line-height:53px;}

.etude img {border-radius:3px;display:block; width:100%; height:102%;}
.etude img:hover { opacity:0.3;}

.etude div p {text-align:justify;}

.wp-image-201 {width:50%;height:50%;}
.wp-image-202 {width:50%;height:50%;}
.wp-image-203 {width:100%;height:100%;}


/**** Activités *****/

.activite {border-color:#bcbcbc; padding:35px 25px;}
.activite h5 {margin-top:10px; margin-bottom:20px; text-align:left; padding-left:15px;}
.activite ul li {list-style:disc !important; font-size:15px; line-height:25px; color: #646464}
.activite ul li::before {content: "•"; color: #bcbcbc; display: inline-block; width: 1em; margin-left: -1em; text-indent:-6px;}

.activite img {filter: grayscale(0%);}


/**** Avocat *****/

.avocat h5 {margin:20px 0 0;}
.avocat h6 {margin:5px 0 0; text-align:center; display:block;}
.avocat img {width:100%; border-radius:3px;}

/**** Avocat-single *****/

.avocats-single {margin-top:30px;}
.avocats-single h5 {margin:40px 0 0px !important;}
.avocats-single .avocat-langues ul li {float:none;}

.avocat-contact .link-box, .avocat-secretariat .link-box  {text-align:center; padding:10px !important; line-height:45px;}

.avocat-cv p {margin:10px 0;}

/**** Contact *****/

.contact img {filter: grayscale(0%); margin-top:70px;}
.contact h5 {margin-bottom:10px; margin-top:30px;}
.contact h6 {margin-top:5px; margin-bottom:15px;}

/******
FOOTER
****/

.footer {}


}
/* Layout for mobile version */

@media only screen and (max-width: 1200px) {


}


@media only screen and (max-width: 800px) {

    .hide {display:none !important; display:block;}
    .link-box {font-size:11px; padding:10px; line-height:60px;}
    .absolute {display:none;}

    .content-wrapper {margin-top:20px;}

}

@media only screen and (max-width: 400px) {

    .hide {display:none;}
    .link-box {font-size:11px; padding:10px; line-height:60px;}
    .absolute {display:none;}

    .content-wrapper {margin-top:20px;}
}

.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {

}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
.download {
background: url(../img/downarrow@2x.png) no-repeat;
background-size: 27px 28px;
}
*/

}