.forminator-bouton-envoyer {
display: block !important;
width: 100% !important;
font-size: 17px !important;
}  .cabinet-avocats-portrait img {
border: 4px solid #000 !important;
max-height: 220px!important;
max-width: 220px!important;
}     .equipe-accueil-portrait {
border: 4px solid #000 !important;
} .page-id-2019 .vc_gitem-zone {
border-radius: 50% !important;
max-width: 230px !important;
max-height: 230px !important;
}
@media only screen and (max-width: 430px) {
.page-id-2019 .vc_gitem-zone {
margin: 0 auto !important; }
} .equipe-grille-nom-avocat h3 {
color: white !important;
font-size: clamp(20px, 6px + 2vw, 20px)!important;   
padding: 10px !important;
} .page-id-2019 .field_64ea18c857d15 {
color: white !important;
}   .equipe-bio-portrait{
border: 4px solid #000 !important;
border-radius: 50% !important;
}
#content .equipe-profil-telephone p {
margin-top: 35px;
border-top: 4px solid #000000;
padding-top: 14px;
padding-bottom: 13px;
text-align: center !important;
font-size: 20px !important;
}
.equipe-profil-mail {
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
padding-top: 14px;
padding-bottom: 13px;
margin-top: 35px;
}
#content .equipe-profil-competences p {
text-align: left !important;
}
.equipe-profil-bibliographie {
margin-top: 35px;
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
padding-top: 14px;
padding-bottom: 13px;
}
.equipe-profil-formation {
border-bottom: 4px solid #000000;
padding-top: 14px;
padding-bottom: 13px;
}
#content .equipe-profil-competences a, .equipe-profil-bibliographie a, .equipe-profil-formation a {
color: #fff !important;
background-color: #000 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
}
#content .equipe-profil-competences a:hover, .equipe-profil-bibliographie a:hover, .equipe-profil-formation a:hover {
background-color: #7E7E7E !important;
}  .identite-verbatim h3 {
font-size: 24px !important;
}
@media only screen and (max-width: 768px) {
.identite-verbatim h3 {
font-size: 18px !important;
}
}  #content .champ-investigation-col img {
width: 300px !important;
height: auto !important;
padding-left: 10px !important;
padding-right: 10px !important;
} .champ-investigation-col h3 a {
font-size: 1.8vw !important;
}
.champ-investigation-col h3 a:hover {
background-color: #000 !important;
color: #FFF !important;
padding-bottom: 10px !important;
}
.champ-investigation-col h3 a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.champ-investigation-filet-col-dessous {
margin-top: 15px !important;
margin-bottom: 20px !important;
}
@media only screen and (max-width: 768px) {
#content .champ-investigation-col h3 a {
font-size: 20px !important;
} .page-id-187 #content .vc_single_image-img {
width: 200px !important;
height: auto !important;
}
}
@media only screen and (max-width: 768px) { .champ-investigation-col {
display: flex !important;
flex-direction: row !important;
}
}
@media only screen and (max-width: 400px) { .champ-investigation-filet-col-dessous-MOBILE-INVISIBLE {
display: none !important;
}
} .formation-row-2 {
margin-top: -20px !important;
padding-left: 35px !important;
padding-right: 35px !important;
}
@media only screen and (max-width: 768px) {
.formation-row-2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}  .mip-drop-nav {
background-color: #9E9E9E !important;
color: white !important;
} #content .actu-sous-menu-actif p, #content .actu-sous-menu-NIVEAU2-actif p {
background-color: #000;
color: white !important;
}
#content .actu-sous-menu-actif p, .actu-sous-menu-1 a, .actu-sous-menu-2 a, .actu-sous-menu-3 a, #content .actu-sous-menu-NIVEAU2-actif p {
text-transform: uppercase !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
} #content .actu-sous-menu-actif p, .actu-sous-menu-1 a, .actu-sous-menu-2 a, .actu-sous-menu-3 a {
font-size: 20px !important;
line-height: 28px !important;
min-height: 120px !important;
padding: 30px !important;
margin-top: 3px !important;
} #content .actu-sous-menu-NIVEAU2-actif p, #content .actu-sous-menu-NIVEAU2 p a {
font-size: 18px !important;
line-height: 26px !important;
min-height: 60px !important;
padding-top: 25px !important;
padding-right: 30px !important;
padding-left: 30px !important;
padding-bottom: 25px !important;
margin-top: 4px !important;
} .actu-sous-menu-1 a, .actu-sous-menu-2 a, .actu-sous-menu-3 a {
background-color: #dadada;
color: #FFF !important;
}
.actu-sous-menu-1 a:hover, .actu-sous-menu-2 a:hover, .actu-sous-menu-3:hover a {
background-color: #000000;
}
.actu-sous-menu-1 a:before, .actu-sous-menu-2 a:before, .actu-sous-menu-3:before a {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 375px) {
.actu-sous-menu--actif {
padding-bottom: 25px;
} #content .actu-sous-menu-actif p, .actu-sous-menu-1 a, .actu-sous-menu-2 a, #content .actu-sous-menu-NIVEAU2-actif p {
margin-bottom: -40px !important;
}
}    .vc_grid-container-wrapper .vc_grid-item-mini {
box-sizing: border-box !important;
padding: calc(var(--vc-grid-gap, 35px) / 2) !important;
}  .vc_gitem_row {
border-bottom-width: 4px !important;
border-bottom-style: solid !important;
border-bottom-color: #000 !important;
} .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
border-bottom: none !important;
} #content .actu-grille-image-hover {
margin-bottom: 4px !important;
}
.vc_gitem_row:hover {
border-bottom: none !important;
}
@media only screen and (max-width: 1700px) { #content .actu-grille-titre h3 a {
font-size: 19px !important;
}
}
@media only screen and (max-width: 1024px) { #content .actu-grille-titre h3 a {
font-size: 18px !important;
} #content .actu-grille-date h4 a {
font-size: 18px !important;
}
}
@media only screen and (max-width: 768px) { #content .actu-grille-titre h3 {
font-size: 16px !important;
}
}
@media only screen and (min-width: 667px) and (max-width: 768px) { #content .actu-grille-titre h3 {
margin-left: -25px !important;
}
}
@media only screen and (max-width: 375px) { #content .actu-grille-titre h3 {
font-size: 16px !important;
margin-left: 0px !important;
} .wpb_single_image .vc_single_image-wrapper.vc_box_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img {
height: auto !important;
max-width: 60% !important;
} #content .actu-grille-date h4 {
margin-top: -30px !important;
}
}  .vc_general.vc_btn3 {
text-transform: uppercase !important;
font-size: 18px !important;
background-color: #FFF !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
border: 4px solid #000 !important;
color: #000 !important;
}
.vc_general.vc_btn3:hover {
background-color: #000 !important;
color: #FFF !important;
}
.vc_general.vc_btn3:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}  .single #content h1 {
font-family: 'helveticabold', sans-serif !important;
font-size: 32px !important;
}
.single #content h2 {
font-family: 'playfair display' !important;
font-size: 26px !important;
} .single #main #content-wrap {
margin-top: -220px !important;
} .single .entry-title {
font-family: Playfair Display !important;
border-bottom: 4px solid #000;
} .single .page-header {
min-height: 250px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(https://www.lagraulet-avocat.fr/wp-content/uploads/2021/03/ban-actualites.jpg);
}
.single .entry-content h2 {
font-size: 26px !important;
line-height: 38px !important;
} .single-post.content-max-width .thumbnail {
max-height: 500px !important;
overflow: hidden !important;
} .single-post ul.meta {
border: none !important;
}  .single .site-breadcrumbs {
display: none !important;
} .single-post #content .entry-share li, .single-post #content .meta li {
list-style-image: none !important;
} .single .entry-share {
border: none !important;
} .single-post .entry-share li {
list-style-image: none !important;
} .single-post .entry-share.top .theme-heading { font-size: 16px !important;
margin-bottom: 10px !important;
}  .formations-row {
margin-bottom: 10px !important;
}
.formation-titre {
margin-bottom: 20px !important;
}
.formation-date-col, .formation-description-col, .formation-savoir-plus-col {
padding-top: 20px !important;
padding-right: 30px !important;
padding-left: 30px !important;
padding-bottom: 20px !important;
}
.formation-date-col {
color: #FFF !important;
background-color: #666 !important;
}
.formation-description-col { background-color: #F3F3F3 !important;
}
#content .formation-description-col p { font-size: 18px !important;
}
.formation-savoir-plus-col {
background-color: #9c9e9f !important;
}
.formation-savoir-plus-col a {
color: #FFF !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.formation-savoir-plus-col a:hover {
background-color: #000 !important;
}
.formation-savoir-plus-col a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}  #site-logo {
margin-top: -40px !important;
} #main #content-wrap {
padding-top: 240px !important;
} .background-image-page-header {
height: 600px !important; } .background-image-page-header-overlay {
background: none !important;
}
@media only screen and (max-width: 414px) { .background-image-page-header {
max-height: 400px !important; }
}   .page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
margin-top: 720px !important; padding-bottom: 20px !important;
text-transform: uppercase !important;
}
@media only screen and (max-width: 414px) { .page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
margin-top: 500px !important; }
} .site-breadcrumbs {
margin-top: -20px !important;
margin-bottom: 30px !important;
}
.filet-header-titre {
margin-top: -80px !important;
padding-bottom: 5px !important;
}
@media only screen and (max-width: 1024px) { .page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
font-size: 24px !important;
} #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
max-width: 260px !important;
}
}
@media only screen and (max-width: 375px) { .page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
font-size: 20px !important;
margin-top: 500px !important;
} .site-breadcrumbs {
display: none !important;
} .has-transparent-header .page-header {
height: 390px !important;
}
}  .cn-button.bootstrap {
background-color: #FFF !important;
color: #222 !important;
border-radius: 0px !important;
border: none !important;
}
.cn-button.bootstrap:hover {
background-color: #F3F3F3 !important;
color: #222 !important;
}   .page-header.background-image-page-header .page-header-title {
color: #000 !important;
}
a {
text-decoration: none !important;
}
#content p {
text-align: justify !important;
}
#content p, #content li { line-height: 24px !important;
}
#content h2 {  margin-bottom: 15px !important;
}
#content h3 {
margin-bottom: 12px !important;
}
#content h4 { margin-bottom: 10px !important;
}
#content h5 { font-size: 17px !important;
line-height: 26px !important;
margin-bottom: 10px !important;
} hr {
border-bottom-width: 4px !important;
border-bottom-style: solid !important;
border-bottom-color: #000 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
} .encadre-gris-filet-gauche {
padding-top: 30px;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 27px;
background-color: #F3F3F3 !important;
}
.encadre-gris-filet-gauche h3, .encadre-gris-filet-gauche h4, .encadre-gris-filet-gauche h5 {
border-left: 4px solid #000;
padding-left: 15px;
}
.encadre-gris-filet-gauche h3 a:hover, .encadre-gris-filet-gauche h4 a:hover, .encadre-gris-filet-gauche h5 a:hover {
background-color: #000 !important;
color: #FFF !important;
padding-bottom: 3px;
}
.encadre-gris-filet-gauche h3 a:before, .encadre-gris-filet-gauche h4 a:before, .encadre-gris-filet-gauche h5 a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .encadre-gris {
background-color: #F3F3F3 !important;
padding-top: 30px;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 35px;
}
.bouton-noir a {
color: #FFF !important;
text-align: center;
padding-top: 25px;
padding-right: 35px;
padding-bottom: 26px;
padding-left: 35px;
display: block;
font-weight: 400 !important;
margin-top: 25px;
transition: 0.5s !important; background-color: #000 !important;
}
.bouton-noir a:hover {
color: #FFF !important;
letter-spacing: 6px;
padding-top: 15px;
padding-bottom: 16px;
transition: 0.5s !important; margin-top: 45px;
margin-bottom: -25px;
background-color: #5B5B5B;
}
.texte-exergue {
color: #fff !important;
background-color: #000 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
} .lettrine {
font-size: 130%;
} #content li {
list-style-image: url(//www.lagraulet-associes.fr/wp-content/themes/oceanwp-child/img/list-tiret-noir.png) !important;
list-style-type: none !important;
margin-top: 5px !important;
}
#content li li {
list-style-type: circle !important;
list-style-image: none !important;
} .row {
padding-left: 50px !important;
padding-right: 50px !important;
margin-top: 40px !important;
}
@media only screen and (max-width: 768px) {
.row {
padding-left: 30px !important;
padding-right: 30px !important;
margin-top: 20px !important;
}
}  #site-navigation-wrap .dropdown-menu > li > a { text-transform: uppercase !important;
}   .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
width: 40px !important;
} a.mobile-menu {
padding: 20px !important;
margin-right: -20px !important; } #mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after {
background-color: #FFF !important;
}  #mobile-dropdown ul li, #mobile-dropdown ul li ul {
border: none !important; } #mobile-dropdown ul li {
font-size: 24px !important;
} #mobile-dropdown ul li ul li {
font-size: 20px !important;
} #mobile-dropdown ul li a .dropdown-toggle:before {
font-size: 35px !important;
margin-top: -20px !important;
}      .home-visuel {
margin-top: -240px !important;
} @media only screen and (max-width: 768px) {
.home .vcpb-fix, .vcpb-vz-jquery, .vertical_layer_parallax {
background-position: right -200px top !important;
}
}  #content .home-accroche-sous-photo h2 {
font-family: "Playfair Display" !important;
font-size: clamp(20px, 2.2vw, 30px) !important;
color: #c46f35 !important;
text-align: center !important;
font-weight: 400 !important;
}
#content .home-accroche-sous-photo {
background-color: #241d24 !important;
padding-top: 40px !important;
padding-bottom: 45px !important;
padding-left: 45px !important;
padding-right: 45px !important;
}
@media only screen and (max-width: 768px) {
#content .home-accroche-sous-photo {
padding-top: 30px !important;
padding-bottom: 30px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
}  .home-bouton-sous-photo ul {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
}
.home-bouton-sous-photo li {
display: inline-block;
}
.home-bouton-sous-photo a {
display: inline-block; color: #c46f35 !important;
padding: 10px 20px;
text-decoration: none;
text-align: center;
width: 200px;
transition: background-color 0.3s ease;
border-width: 1px;
border-style: solid;
border-color: #c46f35;
border-radius: 2px;
}
.home-bouton-sous-photo a:hover {
background-color: #000000;
color: #ffffff !important;
}
@media only screen and (max-width: 768px) {
.home-bouton-sous-photo a {
width: 160px !important;
}
} .row-une-col-avec-marge-haut {
margin-top: 50px !important;
padding-left: 50px !important;
padding-right: 50px !important;
}
@media only screen and (max-width: 768px) {
.row-une-col-avec-marge-haut {
padding-left: 35px !important;
padding-right: 35px !important;
}
} .row-une-col-sans-marge-haut {
padding-left: 50px !important;
padding-right: 50px !important;
}
@media only screen and (max-width: 768px) {
.row-une-col-sans-marge-haut {
padding-left: 35px !important;
padding-right: 35px !important;
}
} .row-plusieurs-col-avec-marge-haut {
margin-top: 50px !important;
padding-left: 35px !important;
padding-right: 35px !important;
}
@media only screen and (max-width: 768px) {
.row-plusieurs-col-avec-marge-haut {
padding-left: 20px !important;
padding-right: 20px !important;
}
} .row-plusieurs-col-sans-marge-haut {
padding-left: 35px !important;
padding-right: 35px !important;
}
@media only screen and (max-width: 768px) {
.row-plusieurs-col-sans-marge-haut {
padding-left: 20px !important;
padding-right: 20px !important;
}
}  .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
background-color: #000 !important;
} .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading a, .wpb-js-composer .vc_tta-color-sky.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading a { font-size: 18px !important;
padding-top: 20px !important;
padding-right: 35px !important;
padding-left: 35px !important;
padding-bottom: 20px !important;
} .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title a:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}  .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
background-color: #F3F3F3 !important;
color: #000 !important;
} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a:visited {
background-color: #000 !important;
color: #FFF !important;
} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
margin-top: 0px !important;
margin-bottom: 25px !important;
background-color: #FFF !important;
color: #000 !important;
padding-right: 0px !important;
padding-left: 0px !important;
}  .wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
border-left-width: 2px !important;
} .wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
border-top-width: 2px !important;
} .wpb-js-composer .vc_tta .vc_tta-controls-icon {
height: 30px !important;
width: 30px !important;
} .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {
border-color: #FFF !important;
} .contact-row-1 {
margin-top: 40px !important;
padding-left: 50px !important;
padding-right: 50px !important;
}
#content .contact-row-1 p {
text-align: left !important;
}
@media only screen and (max-width: 768px) {
.contact-row-1 {
margin-top: 35px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
}   #formulaire-responsive { ;
margin: 0 auto;
width: 100%;
} .rang-form {
width: 100%;
} .demi-colonne, .colonne {
float: left;
position: relative;
padding: 1.5rem;
width: 100%;
}
.clearfix:after {
content: "";
display: table;
clear: both;
} @media only screen and (min-width: 48em) {
.demi-colonne {
width: 50%;
}
} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
width: 100%;
padding: 10px;
border: 1px solid #000000 !important;
border-radius: 0px !important;
margin-bottom: -7px !important;
font-size: 16px !important;
color: #000 !important;
} .wpcf7 textarea {
max-height: 177px !important;
} .wpcf7 input[type="text"]:focus {
background-color: #F3F3F3;
}  #content #contact-legende {
margin-left: -20px !important;
padding-left: 35px !important;
display: block !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
}
.wpcf7-submit {
font-family: 'helvetica_neue_ltcondensed', sans-serif !important;
color: #FFF !important;
font-size: 16px !important;
background-color: #000 !important;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 26px;
padding-right: 26px;
width: 100% !important;
margin-top: 15px !important;
} .wpcf7-submit:hover {
color: #FFF !important;
background-color: #5B5B5B !important;
} span.wpcf7-not-valid-tip {
text-shadow: none;
font-size: 12px;
color: #fff;
background: #ff0000;
padding: 5px;
}
div.wpcf7-validation-errors {
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
div.wpcf7-mail-sent-ok {
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #59a80f;
border-color: #59a80f;
color: #fff;
margin: 0;
} .grecaptcha-badge {
display: none;
}  .footer-row {
padding-left: 45px;
padding-right: 45px;
}
@media only screen and (max-width: 768px) {
.footer-row {
padding-left: 35px !important;
padding-right: 35px !important;
}
} .footer-adresse {
padding-bottom: 15px !important;
}  .footer-tel, .footer-tel-mobile, .footer-mail, .footer-linkedin {
padding-top: 15px !important;
padding-bottom: 10px !important;
} .footer-tel-mobile {
margin-left: 0px !important;
} .footer-mail {
margin-left: -50px !important;
} .footer-linkedin {
margin-left: -45px !important;
}
@media only screen and (max-width: 950px) { .footer-tel-mobile {
margin-left: 3px !important;
} .footer-mail {
margin-left: 5px !important;
} .footer-linkedin {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 768px) { .footer-tel-mobile, .footer-mail, .footer-linkedin {
margin-left: 0px !important;
} .footer-tel, .footer-tel-mobile, .footer-mail {
margin-bottom: -20px !important;
}
}  .footer-adresse, .footer-tel, .footer-tel-mobile, .footer-mail, .footer-linkedin, .footer-mention-legales {
color: #808080 !important;
} .footer-mail a, .footer-linkedin a, .footer-mention-legales a {
color: #FFFFFF !important;
}
.footer-adresse, .footer-tel, .footer-tel-mobile, .footer-mail a, .footer-linkedin a {
font-size: 16px !important;
} .footer-mention-legales, .footer-mention-legales a {
font-size: 15px !important;
} .footer-mention-legales {
padding-top: 14px !important;
font-size: 14px !important;
}  #scroll-top {
right: 0px !important;
bottom: 0px !important;
border-radius: 0px !important;
}