/***** fonts et reset *****/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');*/

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}  
input, textarea						{ -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
*          							{ outline: none;}
strong, b							{ font-weight: 600; font-size: 15px;}
ul									{ list-style-type: none;}
body								{ font: 400 14px/28px "Open Sans"; letter-spacing: 0.6px; color: #000; background: #fff; position: relative;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
a									{ text-decoration: none; color: #000; position: relative;}
img									{ border: none;}
main 								{ position: relative;}
#wrapper 							{ min-width: 320px; overflow: hidden; position: relative;}
#wrapper *							{ box-sizing: border-box;}
#footer 							{ position: relative;}

@media (max-width:700px) {
body								{ font-size: 13px; line-height: 26px;}
strong, b							{ font-size: 14px;}
}


/***** scollbar *****/
::-webkit-scrollbar 				{ width: 6px; height: 6px; background-color: #fff;}
::-webkit-scrollbar-thumb			{ background-color: #ec6608;}


/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span, .logo, .header, .sub { transition: all 300ms ease-in-out;}
}


/***** class *****/
.wrapper 							{ width: 90vw; max-width: 1200px; margin: 0 auto; position: relative;}
.wrapper_large						{ max-width: 1600px;}
.clear								{ clear: both; display: block;}
.anchor								{ position: absolute; left: 0; top: -140px;}
.titre_main	 						{ font: 700 40px/50px "Playfair Display"; color: #1b233c; letter-spacing: 0.4px; position: relative; margin-bottom: 15px;}
.titre_main.smaller					{ font-size: 25px; line-height: 35px; color: #1b233c;}
.titre_serif 						{ font: 400 25px/35px "Playfair Display"; letter-spacing: 0.4px; position: relative; margin-bottom: 15px;}
.sous_titre 						{ font: 500 19px/29px "Open Sans"; position: relative; color: #ec6608; margin-bottom: 15px;}
.sous_titre.blue					{ color: #1b233c;}
.chapo		 						{ font: 400 14px/28px "Open Sans"; margin-bottom: 15px;}
.chapo span	 						{ display: block; margin-top: 15px;}
.link 								{ font: 400 14px/46px "Open Sans"; letter-spacing: 0.8px; height: 46px; display: inline-block; color: #fff; padding: 0 30px; border-radius: 8px; background: linear-gradient(to top, #ec6608 0% 50%, #da5a00 50% 100%); background-size: 100% 200%; background-position: 0 100%;}
.link.reverse						{ background-image: linear-gradient(to top, #fff 0% 50%, #eee 50% 100%); color: #1b233c;}

.link_rdv 							{ width: 190px; padding: 0 20px 0 50px;}
.link_rdv:before					{ width: 17px; height: 100%; background: url("../images/calendar-dark.svg") 50% / contain no-repeat; position: absolute; left: 24px; top: -1px; content: "";}
.link_tel 							{ width: 190px; padding: 0 20px 0 50px;}
.link_tel:before					{ width: 14px; height: 100%; background: url("../images/tel_white.svg") 50% no-repeat; position: absolute; left: 28px; top: 0; content: "";}
.link_email 						{ width: 190px; padding: 0 20px 0 52px;}
.link_email:before					{ width: 14px; height: 100%; background: url("../images/email_blue.svg") 50% no-repeat; position: absolute; left: 28px; top: 0; content: "";}

.link_email.full { width: max-content;}

.bloc_short 						{ max-width: 900px; margin: 0 auto; position: relative;}
.read_more,
.read_less							{ display: inline-block; color: #ec6608; cursor: pointer; transition: color 300ms ease-in-out;}
.hide 								{ display: none;}

@media (min-width:1201px) {
.link:hover 						{ background-position: 0 0;}
.read_more:hover, 
.read_less:hover 					{ color: #1b233c;}
}
@media (max-width:1600px) {
.titre_main	 						{ font-size: 35px; line-height: 45px;}
}
@media (max-width:1200px) {
.wrapper 							{ min-width: inherit;}
.titre_main	 						{ font-size: 30px; line-height: 38px;}
.titre_main.smaller					{ font-size: 24px; line-height: 34px;}

.titre_serif 						{ font-size: 20px; line-height: 32px;}
}
@media (max-width:1000px) {
.wrapper 							{ max-width: 750px;}
.sous_titre	 						{ font-size: 18px; line-height: 28px;}
.titre_main	 						{ font-size: 25px; line-height: 35px;}
.titre_main.smaller					{ font-size: 22px; line-height: 32px;}

}
@media (max-width:700px) {
.wrapper 							{ width: 86vw;}
.anchor								{ top: -110px;}
.titre_main	 						{ font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.titre_main.smaller					{ font-size: 18px; line-height: 30px;}
.titre_serif 						{ font-size: 18px;}

.sous_titre 						{ font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.chapo		 						{ font-size: 13px; line-height: 26px; margin-bottom: 10px;}
.chapo span	 						{ margin-bottom: 10px;}
.link 								{ font-size: 13px; line-height: 42px; height: 44px; padding: 0 22px; border-radius: 5px;}
.link_email:before					{ left: 20px;}
.link_tel:before					{ left: 28px;}
.link_email.full          { width: initial; padding-left: 50px; height: auto; line-height: 20px; padding-top: 15px; padding-bottom: 15px;}
}



/***** header et menu *****/
.header 							{ width: 100%; font-size: 0; line-height: 0; letter-spacing: 0; position: fixed; left: 0; top: 0; z-index: 100; text-align: right; transition: all 400ms ease-in-out;}
.header:before						{ width: 100%; height: 0; background: #151b2c; position: absolute; left: 0; top: 0; transition: all 400ms ease-in-out; content: "";}
.header .logo						{ width: 220px; position: absolute; left: 0; top: 25px; z-index: 240; transition: all 400ms ease-in-out;}
.header .logo img					{ width: 100%; height: auto; display: block; position: relative; z-index: 5; transition: all 400ms ease-in-out;}
.header_top  						{ position: relative; z-index: 205; padding-top: 24px;}
.header_top a 						{ text-align: left; margin-left: 10px;}

.header .header_nav 				{ display: inline-block; vertical-align: middle; position: relative; z-index: 10;}
.header .menu>li					{ position: relative; display: inline-block; vertical-align: top; margin-left: 50px;}
.header .menu>li a					{ font: 400 15px/78px "Open Sans"; height: 80px; display: block; letter-spacing: 0.8px; color: #fff;}
.header .menu>li.active>a			{ color: #ec6608;}

.header .sub						{ width: 900px; text-align: left; position: absolute; top: 100%; left: 50%; margin-left: -450px; display: block; visibility: hidden; opacity: 0; padding: 25px 40px; background: #fff; column-count: 2; column-gap: 60px;}
.header .sub li						{ width: 100%; margin: 0;}
.header .sub li a					{ width: 100%; height: auto; font-size: 14px; line-height: 35px; letter-spacing: 0.6px; color: #1b233c; background: url("../images/list.svg") 100% 50% no-repeat;}
.header .sub li.active a			{ color: #ec6608;}
.header .sub.simple					{ width: 240px; margin-left: -120px; padding: 20px 30px; column-count: 1;}

.sticky .header:before 				{ height: 100%;}

@media (min-width:1201px) {
.menu_mobile 						{ display: none;}
.header .sub:after 					{ width: 10px; height: 10px; position: absolute; left: 50%; top: -4px; margin: 0 0 0 -5px; transform: rotate(45deg); background: #fff; content: "";}

.header .menu>li:hover .sub			{ opacity: 1; visibility: visible; z-index: 999;}
.header .menu>li:hover>a,	
.header .sub li a:hover 			{ color: #ec6608;}

.sticky:not(.scrolling_top) .header .logo				{ width: 130px; top: 85px;}
.sticky:not(.scrolling_top) .header						{ top: -75px;}
.sticky:not(.scrolling_top) .header .menu>li>a 			{ line-height: 85px; height: 85px;}
}

@media (max-width:1366px) {
    ul.menu li:nth-child(1)  { display: none;}
}

@media (max-width:1200px) {
ul.menu li:nth-child(1)  { display: block;}

.menu_mobile						{ width: 70px; height: 120px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; z-index: 250; margin: 0 -15px; transition: height 400ms ease-in-out;}
.menu_mobile div					{ width: 40px; height: 2px; background: #fff; position: absolute; right: 50%; top: 50%; margin: -1px -20px 0 0;}
.menu_mobile div:before				{ width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: 7px; content: "";}
.menu_mobile div:after				{ width: 100%; height: 2px; background: #fff; position: absolute; right: 0; top: -7px; content: "";}
.menu_mobile.active div				{ height: 0;}
.menu_mobile.active div:before		{ top: 0; transform: rotate(45deg);}
.menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}

.header ::-webkit-scrollbar			{ display: none;}
.header:before						{ background: #1b233c;}
.header .logo						{ width: 200px;}
.header_top  						{ padding: 0;}
.header_top a 						{ vertical-align: middle;}
.header_top a.link_tel 				{ margin-right: 5vw;}

.header .header_nav 				{ width: 100%; height: 100vh; position: fixed; right: -100%; top: 0; overflow-y: scroll; display: grid; z-index: 200; background: #1b233c; border-top: 120px solid transparent; transition: all 400ms ease-in-out 600ms;}
.header .menu  						{ display: block; width: 100%; text-align: left; padding: 40px 10vw 80px 10vw; position: relative; z-index: 100; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 200ms;}
.header .menu>li 					{ width: 100%; display: block; margin: 10px 0 0 0; background: #fff; border-radius: 5px;}
.header .menu>li>a					{ font-size: 16px; font-weight: 500; line-height: 52px; height: 54px; padding: 0 30px; color: #1b233c;}
.header .menu>li>i					{ width: 50%; height: 54px; display: block; margin-top: -54px; position: relative; z-index: 5; float: right;}
.header .menu>li>i:after			{ width: 70px; height: 100%; background: url("../images/plus.svg") 50% no-repeat; float: right; content: "";}
.header .menu>li>i.active:after 	{ transform: rotate(45deg);}
.header .sub 						{ width: 100%; position: relative; left: auto; top: auto; margin: 0; background: none; visibility: visible; opacity: 1; display: none; z-index: 150; column-count: auto; padding: 0 30px 20px 30px;}
.header .sub li  					{ width: 100%;}
.header .sub li a					{ width: 100%; line-height: 40px; height: 40px; text-align: left;}
.header .sub li.active a			{ opacity: 1; color: #ffb600;}

.header.active .logo 				{ width: 160px; top: 22px;}
.header.active .header_nav 			{ right: 0; transition-delay: 200ms;}
.header.active .menu				{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}

.sticky .menu_mobile 				{ height: 90px;}
.sticky .header .logo				{ width: 130px; top: 13px;}
.sticky .header .menu 				{ padding-top: 10px;}
}
@media (max-width:1000px) {
.header_top a.link_email 			{ width: 46px; padding: 0; font-size: 0;}
.header_top a.link_email:before 	{ width: 100%; left: 0;}
.header_top a.link_rdv 			    { width: 46px; padding: 0; font-size: 0;}
.header_top a.link_rdv:before 	    { width: 100%; background-size: 16px; left: 0;}
}
@media (max-width:700px) {
.menu_mobile						{ height: 90px; width: 56px; margin: 0 -18px;}
.menu_mobile div					{ width: 34px; margin: -1px -17px 0 0;}
.header 							{ padding: 0;}
.header .logo						{ width: 130px; top: 14px;}
.header_top a.link_tel 				{ width: 40px; height: 40px; padding: 0; font-size: 0; margin-right: 7vw;}
.header_top a.link_tel:before 		{ width: 100%; left: 0;}
.header_top a.link_email 			{ width: 40px; height: 40px;}
.header_top a.link_rdv     			{ width: 40px; height: 40px;}
.header .header_nav 				{ border-width: 90px;}
.header .menu  						{ padding: 10px 7vw 100px 7vw;}
.header .menu>li>a					{ font-size: 14px; line-height: 48px; height: 48px; padding: 0 20px;}
.header .menu>li>i					{ height: 48px; margin-top: -48px;}
.header .menu>li>i:after			{ width: 60px;}
.header .menu>li>i.active:after 	{ transform: rotate(45deg);}
.header .sub 						{ padding: 0 20px 12px 20px;}
.header .sub li  					{ border-bottom: 1px solid #ddd;}
.header .sub li:last-child			{ border-bottom: 0;}
.header .sub li a					{ font-size: 13px; line-height: 18px; height: auto; padding: 10px 0; background: none; letter-spacing: 0.5px;}
.header.active .logo 				{ width: 130px; top: 14px;}
.header.active .header_nav 			{ right: 0; transition-delay: 200ms;}
.header.active .menu				{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}
.sticky .menu_mobile 				{ height: 70px;}
.sticky .header .logo				{ width: 105px; top: 11px;}
.sticky .header .menu 				{ padding-top: 0;}
}
@media (max-width:380px) {
.header .logo						{ width: 100px; top: 20px;}
.header.active .logo				{ width: 100px; top: 20px;}
.sticky .header .logo				{ width: 100px; top: 14px;}
}



/***** link plan *****/
.link_plan 							{ display: grid; grid-template-columns: 1fr auto; border-radius: 10px; overflow: hidden; color: #fff; margin-top: 30px;}
.link_plan div 						{ margin: 0; padding: 18px 30px 18px 75px; line-height: 23px; background: url("../images/pointer.svg") 30px 50% no-repeat #000;}
.link_plan .link					{ padding: 15px 75px 15px 30px; height: auto; border-radius: 0; margin: 0;}
.link_plan .link:after				{ width: 9px; height: 100%; background: url("../images/arrow_sub.svg") 50% no-repeat; position: absolute; right: 30px; top: 0; content: "";}

@media (min-width:1201px) {
.link_plan .link:hover:after 		{ filter: invert(1);}
}
@media (max-width:1400px){
.link_plan div 						{ padding: 18px 30px; background: #000;}
}
@media (max-width:1200px){
.link_plan 							{ grid-template-columns: 1fr 160px; background: #ffb600; align-items: center;}
.link_plan .link					{ line-height: 18px;}
}
@media (max-width:1200px){
.link_plan 							{ grid-template-columns: 1fr auto;}
}
@media (max-width:700px){
.link_plan 							{ grid-template-columns: 1fr;  margin-top: 20px; background: none; text-align: center; border-radius: 5px;}
.link_plan div 						{ font-size: 15px; line-height: 22px; padding: 15px 0;}
.link_plan .link					{ padding: 0; height: 50px; line-height: 48px;}
.link_plan .link:after				{ display: none;}
}



/***** show hide *****/
.show_hide                        	{ position: relative; border: 2px solid #ec6608; overflow: hidden; margin: 25px 0;}
.show_hide .item                  	{ border-bottom: 1px solid #ec6608;}
.show_hide .item:last-child 		{ border-color: #fff;}
.show_hide .titre                 	{ position: relative; cursor: pointer; padding: 24px 80px 26px 50px; font: 500 19px/24px "Open Sans"; letter-spacing: 0.4px; color: #ec6608; margin: 0; transition: all 400ms ease-in-out;}
.show_hide .titre:after          	{ width: 20px; height: 100%; background: url("../images/plus.svg") 50% no-repeat; position: absolute; right: 40px; top: 0; transition: none; content: "";}
.show_hide .titre.active    		{ background-color: #fff;}
.show_hide .titre.active:after   	{ background: url("../images/moins.svg") 50% no-repeat;}
.show_hide .item:first-child .hide 	{ display: block;}

.show_hide .hide                  	{ margin: 0; padding: 0 50px 30px 50px; background: #fff; color: #000; letter-spacing: 0.4px; display: none;}
.show_hide .hide p 					{ margin-bottom: 10px;}
.show_hide .hide p a				{ color: #222; border-bottom: 1px solid #ccc; padding-bottom: 1px;}
.show_hide .hide p a.link			{ color: #fff; border-bottom: none; padding-bottom: 0;}
.show_hide .hide :last-child 	 	{ margin-bottom: 0;}

@media (min-width: 1201px){
.show_hide .hide p a:hover     		{ color: #0081c8; border-color: #0081c8;}
.show_hide .hide p a.link:hover     { color: #fff;}
}
@media (max-width: 1200px){
.show_hide                        	{ margin: 20px 0;}
.show_hide .titre                 	{ padding: 18px 80px 18px 30px; font-size: 14px;}
.show_hide .hide                  	{ padding: 20px 30px;}
.show_hide .item:last-child .titre 	{ padding-bottom: 18px;}
}
@media (max-width: 1000px){
.show_hide                        	{ margin: 20px 0;}
.show_hide .titre                 	{ padding: 18px 70px 18px 5vw; background-position: 30px 50%; }
.show_hide .hide                  	{ padding: 20px 30px;}
}
@media (max-width: 700px){
.show_hide                        	{ margin: 15px 0;}
.show_hide .titre                 	{ padding: 12px 70px 12px 7.5vw; background-position: 20px 50%; font-size: 12px;}
.show_hide .titre:after          	{ right: 20px;}
.show_hide .hide                  	{ padding: 20px 7.5vw;}
.show_hide .item:last-child .titre 	{ padding-bottom: 12px;}
}




/***** equipe *****/
.equipe 								{ margin: 100px auto;}
.equipe>.titre_main						{ margin-bottom: 10px;}
.equipe>.sous_titre						{ font-size: 21px;}

.equipe .slider 						{ position: relative; margin: 35px -20px 0 0; max-height: 600px;}
.equipe .slider:after					{ width: 100%; background: #fff; position: absolute; left: 100%; top: 0; bottom: 0; margin-left: -20px; content: "";}
.equipe .slider .item 					{ margin-right: 20px;}
.equipe .nav_slider 					{ position: absolute; right: -15px; top: 45px;}

.item_avocat  							{ position: relative;}
.item_avocat>a 							{ display: block;}
.item_avocat img						{ width: 100%; height: auto; display: block; transition: filter 400ms ease-in-out;}
.item_avocat .titre_main				{ font-size: 21px; line-height: 30px; margin: 20px 0 0 0;}
.item_avocat .titre_main span 			{ text-transform: uppercase;}
.item_avocat .poste						{ color: #ec6608; margin: 0;}


@media (min-width:1201px) {
.item_avocat>a:hover img 				{ filter: brightness(0.65);}
}

@media (max-width: 1200px){
.equipe 								{ margin: 80px auto;}
.equipe>.sous_titre						{ font-size: 18px;}

.equipe .slider 						{ margin: 25px -20px 0 0; max-height: inherit;}
.equipe .slider .item 					{ margin-right: 20px;}
.equipe .nav_slider 					{ right: -15px; top: 45px;}

.item_avocat .titre_main				{ font-size: 18px; line-height: 28px; margin: 15px 0 0 0;}
}
@media (max-width: 1000px){
.equipe 								{ margin: 60px auto;}
.equipe>.sous_titre						{ font-size: 17px;}

.equipe .slider 						{ margin: 15px -20px 0 0; }
.equipe .nav_slider 					{ top: 35px;}

.item_avocat .titre_main				{ font-size: 17px; line-height: 27px;}
}

@media (max-width: 700px){
.equipe 								{ margin: 50px auto;}
.equipe>.sous_titre						{ font-size: 16px;}

.equipe .slider 						{ margin: 15px -20px 0 0;}
.equipe .slider .item 					{ margin-right: 10px;}
.equipe .nav_slider 					{ top: -5px;}

.item_avocat .titre_main				{ font-size: 16px; line-height: 24px; margin: 10px 0 0 0;}
}


/***** CTA *****/
.cta_wrap 							{ position: relative; padding: 100px 0;}
.cta_wrap:before					{ width: 200vw; background: #1b233c; position: absolute; left: -50vw; top: 0; bottom: 0; content: ""; z-index: -1;}
.cta 								{ position: relative; display: grid; grid-template-columns: 250px 1fr auto; background: #fff; overflow: hidden; text-align: center;}
.cta .titre_main					{ color: #fff; background: #ec6608; font-size: 25px; line-height: 34px; text-align: center; margin: 0; padding-top: 24px; letter-spacing: 0.6px;}
.cta .row  							{ padding: 37px 40px; font-size: 0; line-height: 0; letter-spacing: 0;}
.cta .row .link						{ display: inline-block;}
.cta .row .link_email				{ background-image: linear-gradient(to top, #eee 0% 50%, #fff 50% 100%); margin-right: 10px;}
.cta .urgence						{ max-width: 445px; padding: 0 40px; text-align: left; border-left: 1px solid #ccc; color: #1b233c; line-height: 24px; display: grid; align-items: center;}
.cta .urgence p						{ margin: 0;}
.cta .urgence p a					{ display: inline-block; color: #ec6608; padding: 0; border: none;}
.cta .urgence p span.orange { color: #ec6608; font-weight: 700;}

@media (min-width: 1201px){
.cta .row .tel a:hover 				{ opacity: 0.65;}
.cta .row .form .link:hover			{ color: #7aaf2e;}
}
@media (max-width: 1400px){
.cta 								{ grid-template-columns: 240px 1fr auto;}
.cta .row  							{ padding: 35px 35px; }
.cta .urgence						{ max-width: 380px; padding: 0 35px;}
}
@media (max-width: 1200px){
.cta_wrap 							{ padding: 80px 0;}
.cta 								{ border-radius: 10px; }
.cta .titre_main					{ padding-top: 0; display: grid; align-items: center; font-size: 22px; line-height: 30px; }
.cta .row  							{ padding: 25px 35px; display: grid; grid-template-columns: 1fr; justify-items: center;}
.cta .row .link						{ display: inline-block;}
.cta .row .link_email				{ margin-right: 0; margin-bottom: 10px;}
.cta .row .tel a 					{ background: url("../images/tel.svg") 42px 50% no-repeat; border-radius: 10px; padding: 35px 0 35px 80px; }
.cta .row .tel a span				{ font-size: 20px;}
.cta .row .form   					{ margin-left: 60px;}
.cta .urgence						{ max-width: 420px; padding: 0 35px; }
}
@media (max-width: 1000px){
.cta_wrap 							{ padding: 70px 0;}
.cta 								{ grid-template-columns: 1fr; justify-items: center;}
.cta .titre_main					{ width: 100%; padding: 15px; font-size: 20px;}
.cta .row .tel a 					{ padding: 25px 0 25px 60px; background-position: 15px 50%;}
.cta .row .tel a span				{ font-size: 18px;}
.cta .row .form   					{ margin-left: 50px;}

.cta .urgence						{ max-width: 600px; padding: 25px 5vw; border-left: 0; border-top: 1px solid #ccc; }
.cta .urgence p						{ margin: 0;}
.cta .urgence p a					{ display: inline-block; color: #ec6608; padding: 0; border: none;}
}
@media (max-width: 700px){
.cta_wrap 							{ padding: 50px 0;}

.cta 								{ border-radius: 8px;}
.cta .titre_main					{ font-size: 16px; line-height: 30px; padding: 15px 7.5vw;}
.cta .row .tel a 					{ background: url("../images/tel.svg") 0 50% no-repeat; background-size: 24px auto; border-radius: 15px; padding: 5px 0 5px 45px; line-height: 18px;}
.cta .row .tel a span				{ font-size: 18px;}
.cta .row .form   					{ margin-left: 0; }
.cta .row .form .link				{ display: block; width: 100%;}
.cta .urgence p						{ text-align: center;}
}





/***** avis *****/
.avis 									{ position: relative; margin: 120px 0;}
/*.avis:before 							{ width: 200vw; position: absolute; left: -50vw; top: 0; bottom: 0; background: #fff; z-index: -1; content: "";}*/ /*Fais bugger le scroll horizontal*/
.avis .swiper 							{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.avis .item 							{ background: #f2f2f2; position: relative; padding: 40px 40px 80px 40px;}

.avis .item p							{ font-size: 13px; line-height: 26px; margin: 0;}
.avis .item p.author					{ position: absolute; right: 40px; bottom: 30px; color: #ec6608;}
.avis .note   							{ line-height: 0; letter-spacing: 0; font-size: 0; margin-bottom: 15px;}
.avis .note img 						{ display: inline-block; width: 16px; height: auto; margin-right: 10px;}
.avis .note img:last-child 				{ margin-right: 0;}

.avis .score 							{ position: relative; display: grid; grid-template-columns: auto auto auto 1fr; align-items: center; grid-gap: 20px; margin-bottom: 35px;}
.avis .score .note						{ font-size: 40px; line-height: 30px; font-weight: 600; margin: 0;}
.avis .score img						{ display: inline-block; vertical-align: middle;}
.avis .score p							{ font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; margin: 0;}


@media (max-width: 1400px){
.avis 									{ margin: 100px 0;}
.avis .item 							{ padding: 40px 30px 70px 30px;}
.avis .item p.author					{ right: 30px; bottom: 25px;}
}
@media (max-width: 1200px){
.avis 									{ display: block; margin: 80px 0;}
.avis .item 							{ padding: 30px 30px 50px 30px; box-shadow: none;}
.avis .item p.author					{ bottom: 20px;}
}
@media (max-width: 1100px){
.avis 									{ margin: 60px 0;}
.avis .swiper 							{ grid-template-columns: auto auto auto auto; overflow-x: auto; justify-content: start; grid-gap: 0; width: 100vw; padding: 0 5vw; margin-left: -5vw;}
.avis .swiper::-webkit-scrollbar 		{ display: none;}
.avis .swiper .item 					{ width: 300px; margin: 0 20px 0 0;}
.avis .swiper .item:last-child 			{ margin: 0;}
}
@media (max-width: 700px){
.avis 									{ margin: 40px 0;}
.avis .item p							{ font-size: 12px; line-height: 24px;}
.avis .item p.author					{ bottom: 20px; right: 7.5vw; }
.avis .note img 						{ width: 14px; margin-right: 8px;}
.avis .swiper 							{ padding: 0 7vw; margin-left: -7vw;}
.avis .swiper .item 					{ width: 280px; margin: 0 15px 0 0; padding: 25px 20px 55px 20px;}
.avis .swiper .item:last-child 			{ margin: 0;}
.avis .score 							{ margin: 0 0 10px 0; grid-template-columns: auto auto; grid-gap: 10px; }

.avis .score .note						{ font-size: 26px; line-height: 22px; display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
.avis .score img:first-of-type			{ height: 22px;}
.avis .score img:last-of-type			{ height: 34px;}
.avis .score p							{ height: 34px; font-size: 13px; line-height: 44px; left: 125px; display: block; grid-column: span 4;}
}





/***** book bloc *****/
.book_bloc 												{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 999; }
.book_bloc_close 										{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.5;}
.book_bloc .wrapper										{ width: 100%; max-width: 1024px; height: 100%; padding: 0; margin: 0; float: right;}
.book_bloc .container									{ width: 100%; height: 100%; background: #fff; margin: 0 auto; padding: 80px 80px 40px; overflow-y: scroll;}
.book_bloc .container .titre_main						{ font-size: 30px;}

.book_bloc .close										{ position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; cursor: pointer; z-index: 20;}
.book_bloc .close:after          						{ width: 26px; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background: #000; transition: none; content: "";}
.book_bloc .close:before          						{ width: 2px; height: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background: #000; transition: none; content: "";}

@media (max-width:1200px){
.book_bloc .container									{ padding: 80px 70px 40px;}
.book_bloc .container .titre_main						{ font-size: 20px; line-height: 30px;}
}
@media (max-width:1000px){
.book_bloc .container									{ padding: 70px 60px 40px;}
}
@media (max-width:700px){
.book_bloc .container									{ padding: 50px 30px 40px;}
.book_bloc .container .titre_main						{ font-size: 18px;}
.book_bloc .close										{ right: 0; top: 0; filter: invert(1); background: #fff; width: 44px; height: 44px;}
.book_bloc .close:after          						{ width: 22px;}
.book_bloc .close:before          						{ height: 22px;}
}



.book_bloc .bloc_list									{ margin-bottom: 50px; }
.book_bloc p								{ margin-bottom: 15px;}
.book_bloc .ul_list a						{ border-bottom: 1px solid #ddd; padding-bottom: 2px;}
.book_bloc .ul_list						{ margin-bottom: 15px;}
.book_bloc .ul_list li					{ padding: 5px 0 5px 20px; position: relative;}
.book_bloc .ul_list li:before			{ position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: #ec6608; content: "";}

@media (max-width:700px) {
.book_bloc .ul_list						{ margin-bottom: 10px;}
.book_bloc .ul_list li					{ padding-left: 18px;}
.book_bloc .ul_list li:before			{ top: 15px; width: 5px; height: 5px;}
.book_bloc .bloc_list									{ margin-bottom: 30px; }
}




/***** footer *****/
.footer								{ position: relative; background: #1b233c; color: #fff; font-size: 0; padding-top: 100px;}
.footer .bloc_footer 				{ display: inline-block; vertical-align: top; position: relative;}

.footer .coordonnees  				{ width: 340px; margin-right: 80px;}
.footer .coordonnees img			{ display: block; margin-top: -30px;}
.footer .coordonnees .titre_serif	{ font-size: 17px; margin: 35px 10px 20px 0;}
.footer .coordonnees .titre_main	{ font-size: 19px; color: #fff; margin: 30px 0 20px 0;}
.footer .coordonnees p				{ font-size: 14px; line-height: 26px; letter-spacing: 0.8px; margin-top: 10px;}
.footer .coordonnees p a 			{ padding-left: 30px; color: #fff;}
.footer .coordonnees p a.tel		{ background: url("../images/tel_orange.svg") 0 3px no-repeat;}
.footer .coordonnees p a.email		{ background: url("../images/email_orange.svg") 0 6px no-repeat;}

.footer .adresses .grid	 			{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px 60px; padding-top: 60px;}
.footer .adresses p	 				{ font-size: 14px; line-height: 26px; letter-spacing: 0.8px;}
.footer .adresses p b	 			{ font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.footer .adresses p:last-of-type	{ margin-top: 8px;}

.footer	.rs							{ position: absolute; right: 0; top: 0; font-size: 0; line-height: 0; letter-spacing: 0;}
.footer	.rs a						{ width: 50px; height: 50px; border-radius: 8px; display: inline-block; vertical-align: top; margin-right: 10px; background: #ec6608;}
.footer	.rs a img					{ width: 50px; height: 50px; display: block; object-fit: none; transition: filter 300ms ease-in-out;}
.footer	.rs .scroll 				{ margin: 0; background: #fff;}


.footer_bottom   					{ padding: 20px 0; line-height: 0; margin-top: 80px; position: relative; color: #fff;}
.footer_bottom li 					{ display: inline-block; font-size: 11px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;}
.footer_bottom li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -16px; top: 6px; background: #ec6608;}
.footer_bottom li:last-child:after 	{ display: none;}
.footer_bottom li a					{ color: #fff;}

.toponweb							{ display: block; z-index: 85; position: absolute; right: 0; bottom: 0; transition: bottom 300ms ease-in-out;}
.toponweb span						{ width: auto; height: 60px; display: block; padding: 20px; background: linear-gradient(to left, #fff 0% 50%, #eee 50% 100%); background-size: 200% 100%; background-position: 100% 0;}
.toponweb img						{ width: 76px; height: auto; display: block; margin: 0 auto; filter: invert(1); transition: all 300ms ease-in-out;}
.toponweb.show						{ bottom: 0;}


@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer_bottom li a:hover 	 		{ color: #ec6608;}
.footer	.rs a:hover   				{ /*background: #da5a00;*/ height: 55px; margin-top: -5px;}
/*
.footer	.rs .scroll:hover    		{ background: #151b2c;}
.footer	.rs .scroll:hover img 		{ filter: invert(1);}
*/
.toponweb:hover span				{ background-position: 0 0;}
}
@media (max-width:1200px) {
.footer ul.bloc_footer     			{ display: none;}
.footer_bottom   					{ margin-top: 60px;}
.site_kids 							{ right: 220px;}
}
@media (max-width:1000px) {
.footer_bottom   					{ margin-top: 100px;}
.site_kids 							{ right: 0; top: 80px;}
.site_kids img:last-of-type 		{ display: none;}
}
@media (max-width: 700px) {
.footer								{ padding-top: 40px; text-align: center;}
.footer .bloc_footer 				{ width: 100%; padding: 0;}
.footer .coordonnees img			{ margin: 0 auto 20px auto; width: 140px; height: auto;}
.footer .coordonnees p				{ line-height: 24px;}
.footer .adresses p	 				{ font-size: 13px;}
.footer .adresses p b	 			{ font-size: 13px;}

.footer .coordonnees p a 			{ padding: 0; background: none;}
.footer .coordonnees p a.tel,		 
.footer .coordonnees p a.email,		 
.footer .coordonnees p.horaire		{ padding: 0; background: none;}
.footer .adresses .grid	 			{ grid-template-columns: 1fr; grid-gap: 30px; padding-top: 40px;}
.footer	.rs							{ position: static; margin: 30px auto;}
.footer	.rs a						{ width: 46px; height: 46px;}
.footer	.rs a img					{ width: 46px; height: 46px;}
.footer	.rs .scroll img				{ height: 44px;}
.site_kids 							{ display: block; position: static; max-width: none; margin-top: 25px;}
.site_kids a						{ padding: 15px 25px;}
.site_kids p						{ display: none;}
.site_kids img						{ width: 130px; margin: 0 auto;}
.footer_bottom 	 					{ margin-top: 30px; padding: 0 0 25px 0; color: #fff; text-align: center;}
.footer_bottom:before				{ display: none;}
.footer_bottom li 					{ display: block; margin: 0; font-size: 12px; line-height: 26px;}
.footer_bottom li:after				{ display: none;}
.footer_bottom li a					{ color: #fff;}
.toponweb							{ position: static; width: 100vw;}
.toponweb span						{ height: auto; padding: 18px 0 15px 0; background: #fff;}
.toponweb img						{ width: 70px; height: auto;}
}