/*Fonts*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700');



/*

font-family: 'Lato', sans-serif;

*/



/*Layout*/



.layout-container {max-width: 860px;}

@media (min-width: 851px) {

.layout-container {max-width: 1290px;}

}



/*Generic*/

body {overflow-x: hidden; background: white;}

body, #header, .site-footer, .button, .messages__wrapper {font-family: 'Lato', sans-serif; color: #555555;}

#header {background: #9b1826; height: 100px;position: fixed; width: 100%; top: 0; left: 0;z-index: 40;border-top: 2px solid white;}

.region-header .site-branding {float: none;}

img {display: block;max-width: 100%; height: auto; max-height: 100%; width: auto;}

.block ul, .block ol {padding: 0;}

.content, .block .content {margin-top: 0;}

a:hover, a:active, a:focus {text-decoration: none; color: #ba9b32;}

a {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border: 0; color: #9b1826;}

.col-md-25 {float: left; width: 25%; box-sizing: border-box;}

.col-md-30 {float: left; width: 30%; box-sizing: border-box;}

.col-md-40 {float: left; width: 40%; box-sizing: border-box;}

.col-md-50 {float: left; width: 50%; box-sizing: border-box;}

.col-md-60 {float: left; width: 60%; box-sizing: border-box;}

.col-md-70 {float: left; width: 70%; box-sizing: border-box;}

.col-md-100 {float: left; width: 100%; box-sizing: border-box;}

h1.page-title, .sidebar h2, .block-title {text-transform: uppercase; padding-left: 1em; color: #33332d; margin: 1em 0; font-size: 2em; border-bottom: 0; position: relative; padding-bottom: 0; line-height: 1.2;}

h1.page-title:before, .sidebar h2:before, .block-title:before {content: ""; position: absolute; width: 0.2em; height: 80%; left: 0; top: 10%; border-left: 1px solid #ba9b32; border-right: 1px solid #ba9b32;}

#content {position: inherit; z-index: 1;}

.sidebar h2, .block-title {margin: 0 0 0.5em;}

a.button, #edit-actions input {text-transform: uppercase; padding: 0.4em 1.5em; border-radius: 0; border: 1px solid #ba9b32; text-align: center; background: white; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out}

a.button:hover, #edit-actions input:hover {border-color: #9b1826; color: white; background: #9b1826;}

.tabs ul.primary {position: relative; z-index: 10;}

input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, textarea.form-textarea, select.form-select {border-color: #dddddd;}



/*Header*/

.region-header {text-align: center; padding-top: 1.1em;}

.site-branding__logo {margin: 0; position: absolute; left: 33%; width: 34%; top: 0; background: url(../images/bg-log.png) no-repeat top center; padding-bottom: 7em; background-size: 100%; z-index: 30;}

.site-branding__logo img {margin: 0 auto; max-width: 62%;}



/*Menu*/

#block-jvavocats-main-menu .menu li:nth-child(n+4) {float: right;}

/*#block-jvavocats-main-menu .menu li:first-child {margin-left: 4%;}*/

#block-jvavocats-main-menu .menu a {text-shadow: none; text-transform: uppercase; color: white; font-size: 1.15em; background: none; font-weight: 700; border-radius: 0; padding: 0.7em 1.2em;}

#block-jvavocats-main-menu .menu a:hover, ul.menu a.is-active, #block-jvavocats-main-menu .menu .menu-item--active-trail a {color: #555555; background: white;}



/*Home*/

.featured-top {padding: 0; background: none; position: relative; border: 0; text-shadow: none; margin: 100px 0 2em;}

#main-wrapper {margin-top: 100px;}

.path-frontpage #main-wrapper {margin-top: 0;}

#block-views-block-portraits-accueil-block-1 {margin: 0 auto; box-sizing: border-box; position: absolute; top: 0; left: 0;text-align: center; display: inline-block; width: 100%;height: 100%;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row {height: 71%;position: relative; margin-top: 10%;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:first-child {float: left}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:last-child {float: right;}

#block-views-block-portraits-accueil-block-1 .view-content {max-width: 1290px; margin: 0 auto; display: inline-block; width: 80%;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row .views-field, #block-views-block-portraits-accueil-block-1 .view-content .views-row .field-content {height: 100%;}

#block-views-block-portraits-accueil-block-1 .views-field-title {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#block-views-block-portraits-accueil-block-1 .views-field-title a {display: inline-block; width: 100%; height: 100%; position: relative;border: 1px solid white; box-sizing: border-box;}

#block-views-block-portraits-accueil-block-1 .views-field-title a:after {content:""; position: absolute; left: -8%; top: -5%; width: 100%; height: 110%; border: 1px solid white;}

#block-views-block-portraits-accueil-block-1 .views-field-title a:hover {background: rgba(0, 0, 0, 0.5);}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:last-child .views-field-title a:after {left: 8%;}

#block-blocaccueil1 img {margin: 0 auto;}

.divabs-1 {position: absolute; top: 0; left: 0; color: #33332d; font-size: 1.4em; line-height: 1.1;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:last-child .divabs-1 {left: initial; right: 0; text-align: right;}

.cont-lien {position: absolute; bottom: 2em; width: 100%; left: 0; text-align: center;}

.field-lien {background: white; color: #33332d;padding: 0.8em 3em 0.8em 1.5em; text-transform: uppercase; display: inline-block; position: relative; z-index: 2; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.field-lien:after {content:""; position: absolute; right: 1.1em; top: 50%; width: 1.2em; height: 1.2em; background: url(../images/main-sprite.svg) no-repeat -130px -214px; background-size: 370px; margin-top: -0.66em; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.field-lien:before {content:""; position: absolute; left: -3px; bottom: -3px; width: 98%; height: 93%; border-left: 3px solid #ba9b32; border-bottom: 3px solid #ba9b32; z-index: 1;}

#block-views-block-portraits-accueil-block-1 .views-field-title a:hover .field-lien {color: #ba9b32;}

#block-views-block-portraits-accueil-block-1 .views-field-title a:hover .field-lien:after {background-position: -159px -214px;}

.field-prenom {background: white; padding: 0 0.5em; margin: 1em 0 5px; display: inline-block;}

.field-nom {background: white; padding: 0 0.5em; text-transform: uppercase; display: inline-block;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:first-child .field-prenom {margin-right: 60%;float: left;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:last-child .field-prenom {margin-left: 60%;float: right;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:first-child .field-nom {float: left;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row:last-child .field-nom {float: right;}

.men-tt {display: none;}



.path-frontpage #content {width: 60%; box-sizing: border-box; float: left; padding-right: 1.5em;}

.path-frontpage #sidebar-second {width: 40%; box-sizing: border-box; float: left; margin-left: 0; padding-left: 1.5em;}

.path-frontpage.layout-sidebar-second .main-content {margin-right: 0;}

.path-frontpage .region-breadcrumb {display: none;}

.overlay iframe {pointer-events: none;}



/*Home Matieres intervention*/

#block-matieresdintervention ul.menu {height: 11em}

#block-matieresdintervention li.menu-item {width: 20%; float: left; box-sizing:border-box; text-align: center; border-right: 1px solid #dddddd; height: 100%;}

#block-matieresdintervention ul.menu li.menu-item:last-child {border: 0;}

#block-matieresdintervention li.menu-item span, #block-matieresdintervention li.menu-item a {position: relative; display: inline-block; padding: 5em 1em 0; color: #555555;}

#block-matieresdintervention li.menu-item span:before, #block-matieresdintervention li.menu-item a:before {content: ""; width: 5em; height: 5em; top: 0; left: 50%; margin-left: -2.5em; background: url(../images/main-sprite.svg) no-repeat 10px -55px; position: absolute; border-radius: 50%; background-size: 296px; border: 1px solid #666666;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

#block-matieresdintervention li.menu-item span.dt-conso:before, #block-matieresdintervention li.menu-item a.dt-conso:before {background-position: -53px -53px; background-size: 270px;}

#block-matieresdintervention li.menu-item span.dt-famille:before, #block-matieresdintervention li.menu-item a.dt-famille:before {background-position: -124px -53px; background-size: 270px;}

#block-matieresdintervention li.menu-item span.dt-mediation:before, #block-matieresdintervention li.menu-item a.dt-mediation:before {background-position: 9px -190px; background-size: 315px;}

#block-matieresdintervention li.menu-item span.dt-formation:before, #block-matieresdintervention li.menu-item a.dt-formation:before {background-position: -204px -53px; background-size: 270px;}



#block-matieresdintervention li.menu-item a:hover:before {border-color: #ba9b32;}

#block-matieresdintervention li.menu-item a.dt-travail:hover:before {background-position: 10px 4px;}

#block-matieresdintervention li.menu-item a.dt-conso:hover:before {background-position: -53px 5px;}

#block-matieresdintervention li.menu-item a.dt-famille:hover:before {background-position: -123px 7px;}

#block-matieresdintervention li.menu-item a.dt-mediation:hover:before {background-position: 9px -132px;}

#block-matieresdintervention li.menu-item a.dt-formation:hover:before {background-position: -204px 8px;}



.path-frontpage #block-jvavocats-content {color: #ba9b32; margin-top: 2em;}



/*Home block actu*/

.block-views-blockactualites-block-1 .custom_paging li {display: none;}

.block-views-blockactualites-block-1 .custom_paging li.slick-active {display: block;}

.sidebar .block {background: none; border: 1px solid #ba9b32; padding: 1.5em; position: relative; box-sizing: border-box;}

.sidebar .block:before {width: 100.5%; height: 100.5%; border: 1px solid #dddddd; position: absolute; left: -11px; top: 8px; content: "";}

button.slick-arrow {border: 0; text-indent: -99999px; white-space: nowrap; overflow: hidden; width: 2.1em; height: 2.1em; background: url(../images/main-sprite.svg) no-repeat -158px -205px; background-size: 420px; position: absolute; top: 22px; right: 2em;}

button.slick-arrow.slick-prev {transform: rotate(180deg); right: 7em; top: 21px;}

.block-views-blockactualites-block-1 .slick-slider {position: initial;}

.block-views-blockactualites-block-1 .custom_paging {position: absolute; top: 2.1em; right: 4.8em;}

.block-views-blockactualites-block-1 .views-field-title {text-transform: uppercase; font-size: 1.1em; color: #ba9b32; font-weight: bold;}

.sidebar .block.block-views-blockactualites-block-1 {margin-top: 3em;}



/*Home bottom*/

#block-blocmap {float: left; width: 50%; box-sizing: border-box;}

#block-bloccontact {float: left; width: 50%; box-sizing: border-box; position: relative;}

#block-bloccontact p {margin: 0;}

a.contact {width: 100%; height: 100%; display: inline-block;}

a.contact span {position: absolute; top: 46%; left: 46%; color: white; font-size: 1.3em; background: #9b1826; padding: 0.25em 0.7em; display: inline-block; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

a.contact span:before {content: ""; position: absolute; width: 2.4em; height: 1.8em; top: -1.8em; left: 50%; margin-left: -1.2em; background: #9b1826 url(../images/main-sprite.svg) no-repeat -99px -243px; background-size: 420px;}

a.contact:hover span, a.contact:hover span:before {background-color: #ba9b32; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.cont-feat {margin-bottom: 2em; display: inline-block; width: 100%;}



/*Footer*/

.site-footer {background: #33332d; padding: 0;}

.site-footer__top .region {display: inline-block; width: 20%; box-sizing: border-box;}

.site-footer__top .region.region-footer-first {width: 20%;}

.site-footer__top .region.region-footer-second {width: 40%;}

.site-footer .block, .site-footer nav {margin: 0; border: 0; padding: 2em 1em 1em 2em; position: relative; height: 160px; box-sizing: border-box; line-height: 1.9; color: #eeeeee;}

.site-footer .block:before, .site-footer nav:before {content: ""; position: absolute; width: 0.4em; height: 100%; left: 0; top: 0; border-left: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b;}

.site-footer .content {font-size: 1em;}

.site-footer__top p {margin-top: 0; color: white;}

.site-footer a {color: #eeeeee;}

.site-footer a:hover {color: #ba9b32;}

#block-footer2 span {background: #9b1826; font-size: 1.3em; color: white; display: inline-block; padding: 0 0.5em; line-height: 1.6;}

#block-footer2 a {background: #9b1826; font-size: 1.1em; color: white; display: inline-block; padding: 0 0.5em; line-height: 1.6;}

.site-footer .region-footer-second .block:before {display: none;}



/*Breadcrumb*/

.breadcrumb {position: relative; z-index: 1; color: white; font-weight: 700;}

.breadcrumb a {color: white; font-weight: 300;}





/*Page interne*/

.node--type-page-interne {
	padding: 1rem;	
}

@media (min-width: 560px) {

/*body.has-menu-anchor .node .field--name-field-image-principale {position: absolute; left: 0; top: 100px; z-index: 0;}*/

/*body:not(.has-menu-anchor)*/ .node .field--name-field-image-principale {float: left; width: 41%;margin: -5px 0 0 0; padding-right: 1em; box-sizing: border-box;}
.node--type-page-interne {
	padding: 0;	
}
}



.field--name-field-image-principale img{width: 100%;}

.main-content {position: inherit;}

/*.has-menu-anchor #div-insert {float: left; margin: 0 21px 21px 0;}*/

#block-jvavocats-breadcrumbs {position: absolute; left: 0; width: 41%; box-sizing: border-box;}

/*body:not(.has-menu-anchor)*/ #block-jvavocats-breadcrumbs {padding-right: 15px;}

.page-node-type-page-interne .breadcrumb {float: right; background: rgba(0, 0, 0, 0.75); padding: 1em;}

/*body:not(.has-menu-anchor)*/.page-node-type-page-interne h1 {width: 59%;float: right; box-sizing: border-box; margin-top: 4em;}

/*body.has-menu-anchor.page-node-type-page-interne h1 {margin-top: 4em;}*/







.lk-anchor {top: -180px; position: relative;}

#presentation.lk-anchor, #presentationK.lk-anchor {top: -260px;}

.has-menu-anchor #content {box-sizing: border-box; /*padding-right: 25%;*/}

.paragraph--type--menu-ancres {width: 290px; position: fixed; top: 200px; box-sizing: border-box; padding: 0 2em;}

.field--name-field-liens-page {display: inline-block; width: 100%;}

.field--name-field-liens-page a {position: relative; z-index: 5}

.field--name-field-image-du-menu {}

.field--name-field-image-du-menu img {margin: 0 0 -2em; border-radius: 50%;}

.field--name-field-liens-page {background: white; border: 1px solid #dddddd; padding: 1.5em; position: relative; box-sizing: border-box; text-align: right;}

.field--name-field-liens-page:after {width: 100%; height: 100%; border: 1px solid #ba9b32; position: absolute; left: 12px; top: -12px; content: "";}

.field--name-field-liens-page li {list-style: none; margin-bottom: 1em; line-height: 1.2;}

.field--name-field-liens-page li a {padding-right: 1.5em; position: relative; color: #555555; display: inline-block;}

.field--name-field-liens-page li a:after {content:""; width: 0.7em; height: 0.7em; position: absolute; right: 0; top: 0.15em; border-radius: 50%; border: 1px solid #555555; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.field--name-field-liens-page li a:hover, .field--name-field-liens-page li a:hover:after, .field--name-field-liens-page li a.lk-active, .field--name-field-liens-page li a.lk-active:after {color: #ba9b32; border-color: #ba9b32;}

.firstWord {display: inline-block; width: 100%;}

.page-node-type-page-interne .contextual-region {position: inherit;}







/*body:not(.has-menu-anchor)*/.page-node-type-page-interne .main-content .section {padding: 0;}

/*body:not(.has-menu-anchor)*/.page-node-type-page-interne #main-wrapper.layout-container {max-width: 100%;}

/*body:not(.has-menu-anchor)*/.page-node-type-page-interne article .field--name-body, .page-node-type-page-interne article .field--name-field-paragraphes {max-width: 1200px; margin: 0 auto;}

/*body:not(.has-menu-anchor)*/.page-node-type-page-interne .node__content {margin-top: 0;}

.has-menu-anchor.page-node-type-page-interne article .field--name-body, .has-menu-anchor.page-node-type-page-interne article .field--name-field-paragraphes {box-sizing: border-box; padding-right: 250px;}

.has-menu-anchor.page-node-type-page-interne .main-content .section {margin-top: -15px;}



/*Paragraphs*/

.field--name-field-colonne-de-gauche {float: left; width: 50%; box-sizing: border-box; padding-right: 1em;}

.field--name-field-colonne-de-droite {float: left; width: 50%; box-sizing: border-box; padding-left: 1em;}

.field--name-field-colonne-centrale {display: inline-block; width: 100%;}



.main-content h2, .main-content h2 a {text-transform: uppercase; color: #ba9b32; font-size: 18px; line-height: 1.2;}

.main-content h2 a:hover {border: none;}

.main-content h2.h2-small, h3.h3-small {color: #555555; font-weight: 700; font-size: 1em; margin-bottom: 0;}

h3, .ttre-rouge {color: #9b1826; margin: 0; font-size: 1.092em;}

.paragraph--type--_-colonne, .paragraph--type--_-colonnes {width: 100%; box-sizing: border-box; padding-left: 6em; position: relative; display: inline-block;}
@media all and (max-width: 750px) {
	.paragraph--type--_-colonne,
	.paragraph--type--_-colonnes {
		padding-left: 1em;
	}
}
.paragraph--type--_-colonne:before, .paragraph--type--_-colonnes:before  {content: ""; background: url(../images/main-sprite.svg) no-repeat 100px -55px; width: 4.5em; height: 4.5em; top: 1em; left: 0; position: absolute; border-radius: 50%; background-size: 296px;}

.par-dt-travail:before {background-position: 9px -56px; border: 1px solid #666666;}

.par-formation:before {background-position: -206px -53px; background-size: 270px; border: 1px solid #666666;}

.par-mediation:before {background-position: 9px -190px; background-size: 315px; border: 1px solid #666666;}

.par-dt-conso:before {background-position: -53px -53px; background-size: 270px; border: 1px solid #666666;}

.par-dt-famille:before {background-position: -124px -53px; background-size: 270px; border: 1px solid #666666;}

.par-comm:before {background-position: -223px -196px; background-size: 320px; border: 1px solid #666666;}

.par-baux:before {background-position: -176px -221px; background-size: 360px; border: 1px solid #666666;}



.paragraph--type--_-colonnes a.button {width: 100%; box-sizing: border-box;}



/*Contact*/

#block-webform, #block-blocmap-2, .larg-int {float: left; box-sizing: border-box; width: 600px;}

.left-input {box-sizing: border-box; width: 50%; float: left; padding-right: 1.5em;}

.right-input {box-sizing: border-box; width: 50%; float: left; padding-left: 1.5em;}

#block-webform .js-form-type-select {display: inline-block; width: 100%;}

#block-webform .js-form-type-select select {width: 100%;}

#block-webform .js-form-type-select option {width: 100%; text-align: center;}

#block-webform .form-type-textfield input {width: 100%;}

#block-webform #edit-actions {margin-top: 0;}

#block-webform #edit-actions input {width: 100%; font-weight: 700; border-color: #dddddd;}

#block-webform #edit-actions input:hover {border-color: #ba9b32; background: #ba9b32;}

#block-webform .messages.messages--info {box-shadow: none; background: none; border: 0; padding: 0; color: #555555;}

#block-webform .messages__wrapper {padding: 0; margin: 0;}

.lk-nv, .lk-kj {position: relative; padding: 0.6em 0 1.5em 4em; margin-bottom: 0.5em; display: inline-block; margin-left: 1.5em; color:#555555;}

.lk-nv:before, .lk-kj:before {content: ""; width: 50px; height: 50px; position: absolute; left: 0; top: 0; border-radius: 50%; background: url(../images/portraits.jpg) no-repeat top left;}

.lk-kj:before {background-position: -50px 0;}

.mentions #div-insert {margin: 0;}

.mentions .text-formatted ul {margin-top: 0; padding-left: 1.5em;}



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

.paragraph--type--menu-ancres {width: 25%; right: 0;}

.field--name-field-image-principale {position: relative; width: 40%; top:0;}

#block-webform, #block-blocmap-2, .larg-int {width: 58%; padding-left: 1.5em;}

.page-node-type-page-interne h1 {margin-top: 2em;}

#div-insert {margin: 0;}

}



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

.path-frontpage #content {padding-right: 0;}

.path-frontpage #sidebar-second {padding-left: 0;}

#block-matieresdintervention li.menu-item span, #block-matieresdintervention li.menu-item a {padding: 5em 0.5em 0;}

.field-lien {font-size: 0.8em;}

.field-lien:after {background-position: -131px -216px;} 

#block-views-block-portraits-accueil-block-1 .views-field-title a:hover .field-lien:after {background-position: -160px -216px;}

.divabs-1 {font-size: 1.2em;} 

}	



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

.site-branding__logo {width: 30%; left: 35%;}	

#block-jvavocats-main-menu .menu a {font-size: 1em;}

#header {height: 75px;}

.featured-top, #main-wrapper {margin-top: 75px;}

.region-header {padding-top: 0.5em;}

}	





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

#block-matieresdintervention ul.menu {height: 13em;}	

h1.page-title, .sidebar h2 {font-size: 1.5em;}

.path-frontpage #sidebar-second {width: 33%;}

.path-frontpage #content {width: 67%;}

.lk-nv, .lk-kj {margin-left: 0;}

}	



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

.path-frontpage #sidebar-second, .path-frontpage #content {width: 100%;}

.sidebar .block.block-views-blockactualites-block-1 {margin-top: 0;}

.node-contact .field--name-field-image-principale {width: 30%;}

#block-webform, #block-blocmap-2, .larg-int {width: 70%;}

}	

@media screen and (max-width:950px) {
    #block-jvavocats-main-menu .menu a {padding: 0.7em 0.8em; font-size: 0.9em;}
}


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

.region-primary-menu .menu-item, body:not(:target) .region-primary-menu .menu-item {width: auto; margin-right: 0;}

.region-primary-menu .menu-item:nth-child(3n) {margin-right: 0;}

.field-lien {padding: 0.8em 2em 0.8em 1em; text-transform: none;}

.field-lien:after {right: 0.5em;}

.divabs-1 {font-size: 1em;}


.has-menu-anchor .featured-top, .has-menu-anchor #main-wrapper {margin-top: 150px;}

.has-menu-anchor #header {overflow: hidden;}

.has-menu-anchor.page-node-type-page-interne h1 {margin-top: 0.8em;}

.paragraph--type--menu-ancres {width: 100%; top: 76px; padding: 1em 0 1em 5em; z-index: 31; border-bottom: 1px solid #ba9b32; background: white;}

.field--name-field-paragraphes {position: relative; z-index: 1;}

.node .paragraph--type--menu-ancres .field--type-image {position: absolute; width: 4em; left: 0; top: 1em;}

.has-menu-anchor #content {padding-right: 0;}

.field--name-field-liens-page li {float: left; max-width: 25%; margin-bottom: 0; width:auto;}

.field--name-field-liens-page {padding: 0.5em; border: 0;}

.field--name-field-liens-page:after {display: none;}

.page-node-type-page-interne .breadcrumb {float: left;}

.has-menu-anchor.page-node-type-page-interne {margin-top: 2em;}

#block-jvavocats-breadcrumbs {width: 100%; position: relative; display: inline-block;}

.field--name-field-liens-page {text-align: left;}

.field--name-field-liens-page li a:after {display: none;}



.has-menu-anchor.page-node-type-page-interne article .field--name-body, .has-menu-anchor.page-node-type-page-interne article .field--name-field-paragraphes {padding-right: 0;}

}



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

.region-footer-third {clear: none;}

.site-footer .block, .site-footer nav {height: auto; padding-left: 1em;}

#block-footer2 span {font-size: 1.1em;}

.node-contact .field--name-field-image-principale {display: none;}

#block-webform, #block-blocmap-2, .larg-int, #block-blocmap-2 {width: 100%; padding-left: 0;}

}



@media (max-width: 767px) {

.has-menu-anchor #header {overflow: inherit;}

.has-menu-anchor.page-node-type-page-interne, .has-menu-anchor .featured-top, .has-menu-anchor #main-wrapper {margin-top: 0;}

.paragraph--type--menu-ancres {display: none;}

.region-primary-menu .men-tt {display: inline-block;width: 100%;text-align: left;text-transform: uppercase;color: white;font-weight: 600; line-height: 3.5em; cursor: pointer; position: relative; padding-left: 4em;}

.region-primary-menu nav {position: relative;}

.men-tt:before {content:""; width: 2em; height: 8px; position: absolute; left: 1em; top: 13px; border-top: 2px solid white; border-bottom: 2px solid white;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.men-tt:after {content:""; width: 2em; height: 2px; position: absolute; left: 1em; top: 33px; background: white;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.is-active .men-tt:before {border-top: 0;left: 21px;top: 18px;transform: rotate(45deg);}

.is-active .men-tt:after {left: 18px;top: 25px; transform: rotate(-45deg);}

.region-primary-menu {margin-right: 0;width: 50%;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.region-primary-menu.is-active {width: 100%;}

.region-primary-menu .menu li, body:not(:target) .region-primary-menu .menu-item {display: inline-block; width: 100%; box-sizing: border-box; height: 3.5em; }

.region-primary-menu .menu {padding: 1em 0.5em; background: #9b1826; position: absolute; top: 3em; left: -100%;width: 100%; box-sizing: border-box;margin-left: 0;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; text-align: left;}

#block-jvavocats-main-menu .menu a {font-size: 1em;}

.region-primary-menu.is-active .menu {left: 0;}

a.menu-toggle {display: none;}

.region-primary-menu.is-active:before {opacity: 1;}



#header {height: auto; position: relative;}

.site-branding__logo {position: relative; padding-bottom: 0; background: white; left:0; width: 50%;}

.site-branding__logo img {max-width: 100%;}

.featured-top, #main-wrapper {margin-top: 0;}

#block-jvavocats-main-menu .menu li:first-child {margin-left: 0;}

.region-header .site-branding {margin-top: 0;}

.region-header {padding: 0;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row {width: 25%;}

}



@media (max-width: 690px) {

.cont-lien {bottom: 0;}

.field-lien {width: 100%; box-sizing: border-box;}

.field-lien:before {display: none;}

.field-prenom {margin-top: 0;}

#block-bloccontact {width: 100%;}

#block-blocmap {width: 100%;}

.site-footer__top .region, .site-footer__top .region.region-footer-first, .site-footer__top .region.region-footer-second {width: 50%; height: 11em;}

.node-contact .col-md-50 {width: 100%;}

.lk-nv {margin-top: 1em;}

}	





@media (max-width: 560px) {

#block-views-block-portraits-accueil-block-1 {position: relative;}

#block-views-block-portraits-accueil-block-1 .view-content .views-row {height: auto; width: 50%; box-sizing: border-box;}

#block-views-block-portraits-accueil-block-1 .views-field-title a:after {display: none;}

#block-views-block-portraits-accueil-block-1 .view-content {width: 100%;}

#block-views-block-portraits-accueil-block-1 .views-field-title a {box-sizing: initial;}

#block-matieresdintervention ul.menu {height: auto;}

#block-matieresdintervention li.menu-item {width: 100%; margin-bottom: 1em; padding-bottom: 1em; border-right: 0; border-bottom: 1px solid #dddddd;}

a.contact span {left: inherit; right: 0; font-size: 1em;}

a.contact span:before {width: 3em;height: 2em; background-size: 400px; background-position: -95px -233px;}

.layout-main {margin-bottom: 0;}

.site-footer .region-footer-second .block:before {display: block;}

.site-footer__top .region, .site-footer__top .region.region-footer-first, .site-footer__top .region.region-footer-second {width: 100%; height: auto;}

.site-footer__top p {margin: 0;}

.field--name-field-colonne-de-gauche, .field--name-field-colonne-de-droite {width: 100%; padding: 0;}

}





@media (max-width: 340px) {

.site-branding__logo {width: 100%;}

.sidebar #block-views-block-actualites-block-1 h2 {margin-bottom: 2em;}

button.slick-arrow {top: 4.2em; right: inherit; left: 5em;}

button.slick-arrow.slick-prev {top: 53px; right: inherit; left: 0.9em;}

.block-views-blockactualites-block-1 .custom_paging {top: 4.6em; right: inherit; left: 3.2em;}

.paragraph--type--_-colonne, .paragraph--type--_-colonnes {padding-left: 0;}

.paragraph--type--_-colonne:before, .paragraph--type--_-colonnes:before {display: none;}

.left-input, .right-input {width: 100%; padding: 0;}

.form-item, .form-actions {margin-top: 0;}

.lk-nv, .lk-kj {padding: 3.5em 0 1.5em 0em;}

}	




/**
 * CKEditor Styles
 */

.small-text {
	margin: 1rem;
	font-size: .9em;
    background: #efebeb;
    padding: 1rem 2rem;
    color: #837f7f;
}