/* ============================================================
   VÉTÉRINAIRE MORIAMÉ — Feuille de style principale
   Reproduction fidèle du design du site veterinaire-moriame.be
   Palette : bleu marine #1c2c5a, vert #72ab3a
   Typo : Merriweather (titres) + Montserrat (corps)
   Fichiers sources fusionnés : global, blocgrid, animation, home, page, formulaire, slick
   ============================================================ */

/* ===== global.css ===== */
/***** fonts et reset *****/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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:500;}
ul									{ list-style-type:none;}
body								{ font:400 14px/30px "Montserrat"; letter-spacing:0.4px; color:#000; background:#fff; position:relative; }
body.active_overflow				{ height:100vh; overflow:hidden;}
a									{ text-decoration:none; color:#000;border-bottom:1px solid transparent;position:relative;}
img									{ border:none;}
#wrapper 							{ min-width:320px; margin:0 auto; overflow: hidden; position:relative;}
#wrapper *							{ box-sizing:border-box;}
/***** scollbar *****/
::-webkit-scrollbar 				{ width:10px; background-color:#fff;}
::-webkit-scrollbar-thumb			{ background-color:#72ab3a;}
/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span, .sub { transition:all 400ms ease-in-out;}
}

/**** class ****/
.wrapper 							{ width:90vw; max-width:1200px; margin:0 auto; position:relative;}
.wrapper_large						{ width:90vw; max-width:1800px; margin:0 auto; position:relative;}
.clear								{ clear:both; display:block;}
.titre_main	 						{ font:800 28px/38px "Merriweather"; letter-spacing: 0.4px; position:relative; margin-bottom:20px;color: #1c2c5a;}
.titre		 						{ font:800 40px/50px "Merriweather"; letter-spacing:0.4px; position:relative;}
.sous_titre 						{ font:800 20px/30px "Merriweather"; color:#1c2c5a; letter-spacing: 0.2px; position:relative; margin-bottom:20px;}
.chapo		 						{ font:400 15px/36px "Montserrat"; letter-spacing: 0.4px; color: #fff;}
.link 								{ font:400 14px/52px "Montserrat"; letter-spacing:0; height:54px; border:none; display:inline-block; vertical-align:middle; color:#fff; padding:0 30px; background-color: #1c2c5a; border-radius: 8px;}
.link_arrow 						{ height:60px; width: 60px; border:none; display:inline-block; vertical-align:middle; background-color: #72ab3a; border-radius: 50%; background: url("../images/arrow_white.svg") center no-repeat #72ab3a;}
.link.green							{ background-color: #72ab3a;}
.round 								{ border-radius: 50%; background-color: #fff; padding: 10px;}
.round img							{ border-radius: 50%; width: 100%; height: auto; object-fit: cover; display: block; z-index: 10;}

.hide								{ display: none;}
.lire_plus,
.lire_moins 						{ cursor: pointer;}
.lire_plus.active					{ opacity: 0; cursor: default;}

.texte p a							{ color: #72ab3a; border-bottom:1px solid transparent;}
.anchor 							{ position: absolute; top: -120px; left:0;}
@media (min-width:1201px) {
.link:hover 						{ background-color: #72ab3a; color: #fff;}
.link.green:hover 					{ background-color: #1c2c5a;}
.texte p a:hover                    { color: #72ab3a; border-bottom:1px solid #72ab3a;}
.link_arrow:hover 					{ background-color: #1c2c5a;}

}
@media (max-width:1200px) {
.wrapper 							{ min-width:inherit;}
}
@media (max-width:1000px) {
.wrapper 							{ max-width:750px;}
.round 								{ padding: 8px;}
.titre_main	 						{ font-size: 26px;}
}
@media (max-width:600px) {
.wrapper 							{ width:85vw;}
.titre_main	 						{ font-size: 22px; }
.titre		 						{ font-size: 30px; line-height: 42px;}
.sous_titre							{ font-size: 16px;}
.chapo		 						{ padding: 0;}
}


/***** header et menu *****/
.header 							{ width: 100%; background: transparent; font-size: 0; line-height: 0; text-align: right; position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out;}
.header .logo                       { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 90; display: grid; grid-template-columns: auto auto; grid-gap: 10px; align-items: center; justify-content: flex-start; text-align: left; transition: all 400ms ease-in-out;}
.header .logo .texte                { font: 700 25px/33px "Merriweather"; color: #1c2c5a; position: relative; left: 0; padding-left: 20px; transition: all 400ms ease-in-out; } 
.header .logo img               	{ transition: all 400ms ease-in-out; } 
.header .logo .texte span           { font-weight: 400; font-size: 12px; line-height: 26px; display: block; }
.header .logo .texte span.clinique  { font-size: 16px; font-weight: 600; line-height: 20px; color: #1c2c5a; }
.header_top                         { padding-right: 0; padding-top: 30px; }
.header_top .link 				    { margin-left: 10px; }
.header_right 						{ display: none; vertical-align: middle; position: relative; z-index: 120; margin-left: 40px; padding-right: 5vw;}
.header_right .link					{ font-size: 15px; line-height: 54px; height: 50px; padding: 0; width: 160px; text-align: center;}
.header_nav							{ display: inline-block; vertical-align: middle; padding-right: 0; z-index: 50;}
.header_nav .menu					{ position: relative;}	
.header_nav .menu li				{ display: inline-block; vertical-align: middle; position: relative; margin-left: 30px;}	
.header_nav .menu li a				{ font: 500 16px/94px "Montserrat"; letter-spacing: 0.4px; height: 96px; display: block; transition-property: color, height, line-height; }
.header_nav .menu>li.active>a 		{ color: #72ab3a;}
.header_nav .sub					{ width: 360px; text-align: center; position: absolute; top: 100%; left: 50%; margin-left: -180px; display: block; visibility: hidden; opacity: 0; background: #72ab3a; padding: 15px 0;}
.header_nav .sub li					{ width: 100%; margin: 0; }
.header_nav .sub li a				{ width: 100%; font: 400 14px/48px "Montserrat"; letter-spacing: 0.4px; height: 50px; color: #fff;}
.header_nav .menu li:hover .sub		{ opacity: 1; visibility: visible; z-index: 999; top: 100%;}
.header_nav .menu .sub li.active a	{ color: #72ab3a;}
.sticky .header 					{ box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);}
@media (min-width:1201px) {
.header_nav .menu .vue_mobile,
.menu_mobile 						{ display: none;}
.header_nav .menu>li:hover>a        { color: #72ab3a;}
.header_top  a.tel:hover            { color: #72ab3a;}
.header_nav .sub 					{ display: block !important;}
.header_nav .sub:after 				{ width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin: 0 0 0 -5px; transform: rotate(45deg); background: #72ab3a; content: "";}
.header_nav .menu>li:hover>a 		{ color: #72ab3a;}
.header_nav .sub li a:hover			{ color: #1c2c5a;}

.sticky .header                     { top: -85px; background: #fff}
.sticky .header .logo img           { transform: translateY(44%) scale(0.65);}
.sticky .header .logo .texte        { transform: translateY(81%) scale(0.9); position: relative; left: -10px; padding-left: 0; transition: all 400ms ease-in-out;}
.sticky .header_nav .menu>li>a		{ line-height: 90px; height: 90px;}
}

@media (max-width:1200px) {
.menu_mobile						{ width: 60px; height: 60px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin: 15px -15px; transition: margin 400ms ease-in-out;}
.menu_mobile div					{ width: 30px; height: 2px; background: #72ab3a; position: absolute; right: 50%; top: 50%; margin: -1px -15px 0 0;}
.menu_mobile div:before				{ width: 100%; height: 2px; background: #72ab3a; position: absolute; right: 0; top: 8px; content: "";}
.menu_mobile div:after				{ width: 100%; height: 2px; background: #72ab3a; position: absolute; right: 0; top: -8px; content: "";}
.menu_mobile.active div				{ height: 0;}
.menu_mobile.active div:before		{ top: 0; transform: rotate(-135deg);}
.menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}
.header 							{ height: 165px; background: #fff; z-index: 1000; transition: box-shadow 400ms ease-in-out, height 400ms ease-in-out 400ms, top 400ms ease-in-out 0, background 400ms ease-in-out 0;}
.header .logo                       { top: 58px; grid-template-columns: 110px auto; z-index: 120; transform: none; transition: all 400ms ease-in-out;}
.header .logo img                   { width: 110px; object-fit: cover;transform: scale(1);}
.header .logo .texte                { padding: 15px 0 0; transition: all 400ms ease-in-out; }
.header_top                         { padding-top: 20px; z-index: 110; position: relative;}
.header_right 						{ display: inline-block; margin: 0; padding-right: 0;}
.header_right .link					{ margin-right: 0;}
.header_nav 	  					{ width: 100%; height: auto; max-height: 80vh; margin:5vh 0; position: fixed; right: 100%; top :50%;transform: translateY(-50%); overflow-y: scroll;z-index: 100; transition: 0ms ease-in-out 400ms;}
.header_nav .sub					{ background: #72ab3a;}

.header_nav::-webkit-scrollbar		{ display: none;}
.header_nav .menu  					{ width: 100%; text-align: center; padding: 5vw; position: relative; z-index: 100;  align-self: center; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 0ms;}
.header_nav .menu li 				{ width: 100%; display: block; margin: 0;}
.header_nav .menu li a				{ font-size: 16px; line-height: 54px; ; height: 50px;}
.header_nav .menu li i				{ width: 100%; height: 50px; position: absolute; left: 0; top: 0;}
.header_nav .menu li i:after		{ width: 10px; height: 10px; transform: rotate(45deg); position: absolute; left: 50%; bottom: -20px; margin-left: -5px; opacity: 0; transition: all 300ms ease-in-out; background: #72ab3a; content: "";}
.header_nav .menu li i.active:after	{ opacity: 1;}
.header_nav .menu .sub 				{ width: auto; visibility: visible; position: relative; left: auto; top: auto; padding: 25px 0; margin: 15px 0; opacity: 1; display: none; }
.header_nav .menu .sub li a			{ font-size: 14px; line-height: 40px; height: 40px;}
/* active menu mobile */
.header.active 						{ height: 110vh; transition-delay: 0ms;}
.header_nav.active					{ right: 0; transition-delay: 0ms;}
.header_nav.active .menu			{ opacity: 1; transform: translateY(0); transition-delay: 400ms;}

.sticky .header                     { top: -75px;}
.sticky .header .logo img           { transform: translateY(18%) scale(0.65);}
.sticky .header .logo .texte        { transform: translateY(32%) scale(0.9); left: -30px; padding: 0; transition: all 400ms ease-in-out;}

}
@media (max-width:600px) {
.header 							{ height: 145px;}
.header .logo                       { left: 0; grid-template-columns: auto auto; top: 70px;}
.header .logo img                   { width: 80px;   }
.header .logo .texte                { padding: 0 0 0;font-size: 20px;line-height: 20px; }
.header .logo .texte span           { display: none;}
.header_top,
.header_right 						{ padding-right: 0;}
.header_top 						{ padding-right: 0; font-size: 0; letter-spacing: 0; padding-top: 0; margin: 0 -7.5vw; }
.header_top .link					{ width: 50%; text-align: center; margin: 0; border-radius: 0;}
.header_right .link					{ width: 48px; height: 48px; font-size: 0; background: url("../images/tel.svg") 50% #72ab3a no-repeat; margin-right: 7.5vw;}
.menu_mobile						{ margin: 15px -15px;}
.header_nav .menu  					{ padding: 7.5vw;}
.header_nav .menu>li>a				{ font-size: 14px; line-height: 48px; ; height: 44px;}
.header_nav .menu li i				{ height: 44px;}

.sticky .header                     { top: -55px; }
.sticky .header .logo img           { transform: scale(1);}
.sticky .header .logo .texte        { left: -15px; transform: scale(0.8);}


}




/***** footer*****/
.footer								{ width:100%; position:relative; padding-top:90px; color:#fff; font-size:0;overflow: hidden; background:#1c2c5a; z-index: 1;}
.footer .titre_main					{ font: 500 30px/36px 'Merriweather'; color: #72ab3a;  margin-bottom:10px;}
.footer .sous_titre					{ font: 400 18px/28px 'Montserrat'; color: #72ab3a;  margin-bottom:10px;}
.footer .bloc_footer 				{ display:inline-block; vertical-align:top; margin-top: 40px; margin-right: 90px;}
.footer .bloc_footer.last			{ margin-top: 78px;}
.footer .bloc_footer p				{ margin-top: 0; font-size:14px; line-height: 25px; margin-bottom: 10px}
.footer .bloc_footer p b			{ font: 400 18px/28px 'Montserrat'; color: #72ab3a; margin-top: 30px; margin-bottom: 15px;}
.footer .bloc_footer p a			{ color:#fff; margin-top: 15px;}
.footer .bloc_footer p .mail		{ padding-bottom: 0;}
.footer .bloc_footer li a			{ color:#fff; font-size:14px; line-height:35px; margin-bottom:0; background:url(../images/list.svg) 0 51% no-repeat; padding-left:20px; display:inline-block;}
.footer .bloc_footer .link          { background-color: #72ab3a;}
.footer ul.bloc_footer 				{ margin:15px 0 0 120px;} 
.footer	.rs							{ position: absolute; right:0; top:-10px;}
.footer	.rs a						{ width:60px; height:60px; display:inline-block; vertical-align:middle; border-radius:50%; margin-left:10px;}
.footer	.rs .facebook				{ background:url(../images/facebook.svg) 50% no-repeat #72ab3a;}
.footer	.rs .scroll					{ background:url(../images/scrolltop_white.svg) 50% no-repeat #72ab3a;}
.footer_bottom   					{ padding:20px 0; line-height:0; margin-top:60px;}
.footer_bottom li 					{ display:inline-block; margin-right:25px; position:relative;font: 400 11px/28px "Poppins"; letter-spacing: 0.5px;}
.footer_bottom li:after				{ width:1px; height:8px; content:""; position:absolute; right:-13px; top:9px; background:#72ab3a;}
.footer_bottom li:last-child:after 	{ display:none;}
.footer_bottom li a					{ color:#fff;}

.footer .bloc_footer.horaires		{ padding: 30px; background-color: #72ab3a; border-radius: 10px;}
.footer .bloc_footer.horaires p b   { color: #fff; font-weight: 500;}
.footer .bloc_footer.horaires p:first-child	{ margin-top: 0; margin-bottom: 10px;}

@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer .bloc_footer li a:hover,
.footer_bottom li a:hover			{ color: #72ab3a;}
.footer .bloc_footer p a.tel:hover  { color: inherit;}
.footer .bloc_footer .link:hover    { background-color: #435997; color: #fff;}
.footer	.rs .facebook:hover,
.footer	.rs .scroll:hover,			
.footer .tel:hover 					{ background-color:#435997;}
}
@media (max-width:1200px) {
.footer .bloc_footer:nth-child(3)   { margin-right: 60px; }
.footer .bloc_footer:last-child 	{ margin-right: 0; }
}
@media (max-width:1000px) {
.footer .bloc_footer:nth-child(3),
.footer .bloc_footer:nth-child(4)  	{ display:none;} 
.footer .bloc_footer 				{ margin:40px 0 0 0;} 
.footer_bottom   					{ margin-top:60px;}
}
@media (max-width:600px) {
.footer								{ padding: 50px 0 10px 0; text-align:left;}
.footer	.rs							{ position:relative; right:auto; top:auto; margin-top:30px;}
.footer .titre_main					{ margin-bottom:15px;}
.footer .bloc_footer p:last-child   { margin-top: 35px; }
.footer	.rs a						{ margin:0 5px;}
.footer .bloc_footer .link          { padding: 0 36px;}
.footer .bloc_footer 				{ margin: 20px 0 0 0;} 
.footer_bottom 	 					{ text-align:left; margin-top:0;padding:40px 0 20px 17px;}
.footer_bottom li 					{ display:block; margin-right:0; line-height:30px;}
.footer_bottom li:after				{ display:none;}
}
/* ===== blocgrid.css ===== */
/***** bloc grid *****/
.bloc_grid	                        { display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 80px; position: relative; margin: 100px 0;}
.bloc_grid.align_top                { align-items: start;}
.bloc_grid :last-child				{ margin-bottom: 0;}
.bloc_grid .photo					{ position: relative; line-height: 0;}
.bloc_grid .texte					{ position: relative;}
.bloc_grid .photo img   			{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10;}
.bloc_grid .photo img:not(.top_page .photo img)   			{ border-radius: 20px;}
.bloc_grid p               			{ margin-bottom: 20px;}
.bloc_grid .link					{ margin-top: 10px;}
.bloc_grid .link_arrow 				{ margin-top: 25px;}
.bloc_grid.reverse .texte			{ grid-area: 1 / 1;}
.bloc_grid.reverse .photo        	{ grid-area: 1 / 2;}
@media (max-width:1000px) { 
.bloc_grid	                        { grid-template-columns: 1fr; grid-gap: 50px; margin: 80px 0;}
.bloc_grid.reverse .texte			{ grid-area: 2;}
.bloc_grid.reverse .photo        	{ grid-area: 1;}
}
@media (max-width:600px) { 
.bloc_grid	                        { margin: 50px 0; grid-gap: 40px;}
}





/* ===== animation.css ===== */
/***** animation *****/
.animate.fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.fade_in.play				{ opacity: 1;}
.animate.fade_up					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_up.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_down.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_left.play				{ opacity: 1; transform: translateY(0);}
.animate.fade_right					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.fade_right.play			{ opacity: 1; transform: translateY(0);}

.animate.scale_less					{ transform: scale(1.05); transition: transform 1200ms ease-out; transition-delay: 0ms;}
.animate.scale_less.play			{ transform: scale(1);}
.animate.zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.zoom_in.play				{ opacity: 1;  transform: scale(1);}
.animate.clip_cir					{ clip-path:circle(0% at 50% 50%); transition:clip-path 800ms ease-out;}
.animate.clip_cir.play				{ clip-path:circle(50% at 50% 50%);}


@media (min-width:1201px) {
.animate.fade_up					{ transform: translateY(40px);}
.animate.fade_down					{ transform: translateY(-40px);}
.animate.fade_left					{ transform: translateX(-40px);}
.animate.fade_right					{ transform: translateX(40px);}

.animate.clip_ttb					{ clip-path: inset(0 0 100% 0); transition: clip-path 800ms ease-out;}
.animate.clip_ttb.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_btt					{ clip-path: inset(100% 0 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_btt.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_ltr					{ clip-path: inset(0 100% 0 0); transition: clip-path 800ms ease-out;}
.animate.clip_ltr.play				{ clip-path: inset(-1px -1px -1px -1px);}
.animate.clip_rtl					{ clip-path: inset(0 0 0 100%); transition: clip-path 800ms ease-out;}
.animate.clip_rtl.play				{ clip-path: inset(-1px -1px -1px -1px);}

.animate.delay-200 					{ transition-delay: 200ms;}
.animate.delay-300 					{ transition-delay: 300ms;}
.animate.delay-400 					{ transition-delay: 400ms;}
.animate.delay-500 					{ transition-delay: 500ms;}
.animate.delay-600					{ transition-delay: 600ms;}
.animate.delay-700					{ transition-delay: 700ms;}
.animate.delay-800					{ transition-delay: 800ms;}
.animate.delay-900					{ transition-delay: 900ms;}
.animate.delay-1000					{ transition-delay: 1000ms;}
.animate.delay-1100					{ transition-delay: 1100ms;}
.animate.delay-1200					{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {
.animate.play.fade_in,
.animate.play.fade_down,
.animate.play.fade_up,
.animate.play.fade_left,
.animate.play.fade_right			{ transition-delay: 300ms;}

.animate.clip_ttb,					
.animate.clip_btt,					
.animate.clip_ltr,					
.animate.clip_rtl					{ opacity: 0; transition: opacity 800ms ease-out; transition-delay: 0ms;}
.animate.clip_ttb.play,	 
.animate.clip_btt.play,	 
.animate.clip_ltr.play, 
.animate.clip_rtl.play				{ opacity: 1; transition-delay: 300ms;}
}


/***** animation groups *****/
.animate .fade_in					{ opacity: 0; transition: opacity 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_in				{ opacity: 1;}
.animate .fade_up					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_up				{ opacity: 1; transform: translateY(0);}
.animate .fade_down					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_down			{ opacity: 1; transform: translateY(0);}
.animate .fade_left					{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_left			{ opacity: 1; transform: translateY(0);}
.animate .fade_right				{ opacity: 0; transition: opacity 600ms ease-out, transform 600ms ease-out; transition-delay: 0ms;}
.animate.play .fade_right			{ opacity: 1; transform: translateY(0);}
.animate .zoom_in					{ opacity: 0; transform: scale(0.9); transition: opacity 400ms ease-out, transform 800ms ease-out; transition-delay: 0ms;}
.animate.play .zoom_in				{ opacity: 1;  transform: scale(1);}
.animate .rotate					{ transform: rotate(-20deg); transition: transform 400ms ease-out; transition-delay: 0ms;}
.animate.play .rotate				{ transform: rotate(0deg);}



@media (min-width:1201px) {
.animate .fade_up					{ transform: translateY(40px);}
.animate .fade_down					{ transform: translateY(-40px);}
.animate .fade_left					{ transform: translateX(-20px);}
.animate .fade_right				{ transform: translateX(20px);}

.animate .delay-200 				{ transition-delay: 200ms;}
.animate .delay-300 				{ transition-delay: 300ms;}
.animate .delay-400 				{ transition-delay: 400ms;}
.animate .delay-500 				{ transition-delay: 500ms;}
.animate .delay-600					{ transition-delay: 600ms;}
.animate .delay-700					{ transition-delay: 700ms;}
.animate .delay-800					{ transition-delay: 800ms;}
.animate .delay-900					{ transition-delay: 900ms;}
.animate .delay-1000				{ transition-delay: 1000ms;}
.animate .delay-1100				{ transition-delay: 1100ms;}
.animate .delay-1200				{ transition-delay: 1200ms;}
}
@media (max-width:1200px) {
.animate.play .fade_in,
.animate.play .fade_down,
.animate.play .fade_up,
.animate.play .fade_left,
.animate.play .fade_right			{ transition-delay: 300ms;}
}



/* ===== home.css ===== */
/***** banner *****/
.banner 							{ width:100%; height: 100%; position:relative; z-index:10; overflow:hidden; background-color:#1c2c5a; background-size: contain; padding-top: 210px;}
.banner::after 						{ position: absolute; content: ""; background-color: #fff; top: -1450px; left: -14%; width: 2800px; height: 2080px; border-radius: 50%; z-index:-1;}
.banner .grid_banner 				{ display: grid; grid-template-columns: 600px 1fr; grid-gap: 80px; }
.banner .titre 						{ color: #1c2c5a; margin-bottom: 25px;}
.banner .titre span 				{ display: block; color: #72ab3a;}
.banner .texte           			{ text-align: center; max-width: 500px; padding:28% 0 0; position: relative; z-index: 14;}
.banner .texte p           			{ font-size: 18px; line-height: 30px; color: #1c2c5a;}

@media (min-width:1601px) {
.banner::after 						{ top: -1450px; left: -14%; width: 3800px; height: 2080px;}
}
@media (min-width:2000px) {
.banner::after 						{ width: 3800px; height: 2080px; top: -1450px; left: -2%;}
}
@media (max-width:1350px) {
.banner::after 						{ top: -1420px; left: -17%; width: 2600px; height: 2080px; }
}
@media (max-width:1200px) {
.banner 							{ min-height: inherit;}
.banner::after 						{ top: -1400px; left: -21%; width: 2200px; height: 2000px;}
.banner .grid_banner 				{ grid-template-columns: 1fr 1fr; grid-gap: 40px; }
}
@media (max-width:1000px) {
.banner 							{ height:100%; padding-top: 160px;}
.banner .content                    { position: absolute;top: -10%; transform: translateX(-50%);}
.banner .grid_banner     			{ grid-template-columns: 1fr; padding: 0 0 0; grid-gap: 0;}
.banner .grid_banner .photo			{ max-width: 520px; margin: 0 auto;}			
.banner .titre 						{ color: #fff; }
.banner .texte           			{ color: #fff; padding-top: 0; margin: 50px auto 0;}
.banner .texte p           			{ display: none;}
.banner::after 						{ top: -1350px; left: -20%; width: 2000px; height: 1880px; transform: rotate(5deg)}
}
@media (max-width:600px) {
.banner 							{ height:100%; min-height:0; max-height:none; padding-top: 150px; }
.banner::after 						{ left: -60%; top: -1280px; width: 1500px; height: 1700px;}

}
@media (max-width:510px) {
.banner                             { background-position: 50% 18%;}
}
@media (max-width:480px) {
.banner                             { background-size: auto; }
}

/***** introduction *****/
.intro                              { background: #1c2c5a; text-align: center; position: relative; padding: 80px 0 160px 0; color: #fff; }
.intro p                            { max-width: 1080px; margin: 0 auto;}

@media (min-width:1201px) {
.intro .contact a:hover             { color:#59c074; }
.intro .texte .link:hover           { background-color: #2b8a51; color: #fff;}
}
@media (max-width:1200px) {
.intro                              { padding: 80px 0 160px 0; }
}
@media (max-width:1000px) {
.intro                              { padding: 0 0 140px 0; color: #fff; }
}
@media (max-width:600px) {
.intro                              { padding: 0 0 70px 0;}
.intro .chapo 						{ display: none;}
}

/***** Animaux *****/
.animaux 							{ display: grid; grid-template-columns: 1fr 1fr; text-align: center; margin-bottom: 100px;}
.animaux .item 						{ margin: -94px auto 0 auto; /*max-width: 480px;*/ }
.animaux .item .icone				{ margin-bottom: 20px; display: block;}
.animaux .item .icone img			{ width: 188px;}
.animaux .item .icone .round		{ padding: 6px;}
.animaux .item p					{ margin-bottom: 20px;}


/***** Animaux *****/
.animaux 							{ position: relative;}
.animaux.grid 	                	{ display: grid; grid-template-columns: 1fr 1fr; margin: 0 auto 100px; }
.animaux .item 			        	{ text-align: center; padding: 0 40px; border-radius: 20px; margin: -94px auto 0 auto;}
.animaux .item .icone_titre         { display: grid; grid-template-columns: 1fr; align-items: center; }
.animaux .item .sous_titre          { color: #1c2c5a;}
.animaux .item p                    { margin-bottom: 20px;}

@media (max-width:1000px) {
.animaux:before              		{ top: 210px; }
.animaux.grid 						{ grid-template-columns: 1fr; grid-gap: 20px; margin: -50px auto 50px;}
.animaux .item .icone_titre         { grid-template-columns: 85px auto; grid-gap: 20px;}
.animaux .item p                    { display: none;}
.animaux .item                      { background: #f6f6f6; position: relative; width: 100%; height: 110px; padding: 12px 30px 12px 20px; max-width: inherit; margin: 0 auto 0 auto;}
.animaux .item .titre_main          { padding-left: 0; margin-bottom: 0px; text-align: left; font-size: 20px; }
.animaux .item .link_arrow 			{ position: absolute; top: 20%; right: 30px;}
.animaux .item .icone				{ margin-bottom: 0;  width: 85px; height: 85px;}
.animaux .item .icone img			{ width: 85px; height: 85px;}
.animaux .item .icone .round		{ padding: 0;}
}
@media (max-width:600px) {
.animaux .item .titre_main          { font-size: 16px; }
.animaux .item .link_arrow 			{ width: 100%; height: 100%; top: 0; right: 0; background-color: transparent; background-image: url("../images/arrow_green.svg");     background-position-x: calc(100% - 30px);}
}


/***** Services *****/
.services 							{ position: relative; background: linear-gradient(180deg, #fff 0%, #fff 22%, #72ab3a 22%, #72ab3a 82%, #fff 82%, #fff 100%);}
.services .titre                   	{ font: 700 60px/70px "Merriweather"; color: #eee; margin-bottom: 40px; text-align: center}
.services .grid 	                { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin: 0 0 100px; grid-gap: 30px;}
.services .item 			        { text-align: center; background-color: #f6f6f6; padding: 50px 40px; border-radius: 20px;}
.services .item .icone_titre        { display: grid; grid-template-columns: 1fr; align-items: center; }
.services .item .icone              { width: 100px; height: 100px; margin:auto; border-radius: 50%;background: #fff; display: grid; align-items: center; justify-content: center;}
.services .item .sous_titre         { color: #1c2c5a; margin-top: 25px;}
.services .item p                   { margin-bottom: 20px;}

@media (max-width:1700px) {
.services .grid 	                { grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:1300px) {
.services 							{ background: linear-gradient(180deg, #fff 0%, #fff 15%, #72ab3a 15%, #72ab3a 88%, #fff 88%, #fff 100%);}
.services .grid 	                { grid-template-columns: 1fr 1fr;}
}
@media (max-width:1200px) {
.services 							{ background: linear-gradient(180deg, #fff 0%, #fff 16%, #72ab3a 16%, #72ab3a 92%, #fff 92%, #fff 100%);}
.services .grid 	                { grid-template-columns: 1fr 1fr; }
}
@media (max-width:760px) {
.services 							{ background: #72ab3a; padding: 50px 0;}
.services .titre                    { padding-top: 0; font-size: 25px; line-height: 45px; margin: 0 0 20px 0;}
.services .grid 					{ grid-template-columns: 1fr; grid-gap: 15px; margin-bottom: 0;}
.services .item .icone_titre        { grid-template-columns: 100px 1fr; grid-gap: 0; margin-bottom: 0; height: 100%; padding-right: 30px;}
.services .item p                   { display: none;}
.services .item                     { position: relative; padding: 10px 30px 10px 0; border-radius: 10px; min-height: 100px;}
.services .item .icone              { width: auto; height: 40px; background: none;}
.services .item .icone img          { margin: auto; object-fit: cover; width: 100%;}
.services .item .sous_titre         { padding-left: 0; margin-bottom: 0px; text-align: left; line-height: 26px; margin-top: 0px;}
.services .item .link_arrow 		{ position: absolute; width: 100%; height: 100%; top:0; right: 0; background-image: url("../images/arrow_green.svg"); background-color: transparent; background-position-x: calc(100% - 30px);}
.services .grid .item:last-child    { grid-column: span 1; }
}

/***** RDV *****/
.rdv 								{ text-align: center;}
@media (max-width:1000px) {
.rdv 								{ margin: 80px auto;}
}
@media (max-width:600px) {
.rdv 								{ margin: 50px auto;}
}

/***** About *****/
.about .bloc_grid .photo img		{ border-radius: 20px; }


/***** Atouts *****/
.atouts 							{ display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: space-between; position: relative; margin: 100px auto;}
.atouts .item p 					{ padding-left: 60px; font: 400 16px/30px "Montserrat"; position: relative;}
.atouts .item p:before				{ content: ""; width: 35px; height: 35px; background: url("../images/icon_patte.svg") left center no-repeat; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
@media (max-width: 1000px) {
.atouts 							{ text-align: center; grid-template-columns: 1fr; margin: 80px auto;}
.atouts br							{ display: none; }
.atouts .item 						{ margin: 40px 0;}
.atouts .item p						{ padding-left: 0px; }
.atouts .item:last-child			{ margin: 40px 0 0 0;}
.atouts .item p:before				{ position: absolute; top: -50px; left: calc(50% - 18px);}
}
@media (max-width: 660px) {

}


/*********Marque**********/
.marque                             { margin: 110px 0 0; text-align: center; background-color: #f6f6f6; padding: 50px 0; }
.grid_slid                          { position: relative}
.grid_slid::before                  { position: relative}
.marque .item img                   { object-fit: initial;display: block; margin: auto; transition: all 400ms ease-in-out; max-width: 100%; border-radius: 8px; border: 1px solid #eee;}

@media (max-width: 1200px) {
.marque                             { margin: 80px 0 0}
}
@media (max-width: 660px) {
.marque                             { margin: 50px 0 0}
}




/* ===== page.css ===== */
/***** Header *****/
.header 							{ background-color: #fff;}
/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; margin: 0 0 35px;}
.breadcrumb li 						{ display: inline-block;font: 400 12px/30px "Montserrat"; margin-right: 35px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -18px; top: 10px; background: #72ab3a;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #fff; }
@media (min-width:1200px) { 
.breadcrumb li a:hover              { color: #72ab3a; }
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}

/***** top page *****/
.top_page	  		   				{ position:relative; background-color: #1c2c5a; overflow: hidden; padding-bottom: 60px; }
.top_page:after		   				{ position: absolute; content: ""; background-color: #fff; top: 650px; left: -50%; width: 190%; height: 700px; border-radius: 50%; z-index:0;}
.top_page .bloc_grid  		   		{ margin: 160px 0 0; align-items: flex-start; grid-gap: 60px; position: relative; z-index: 30;}
.top_page .bloc_grid .texte         { padding-left: 0; }
.top_page .titre_main  				{ font: 700 24px/40px 'Merriweather'; letter-spacing: 0.4px; color: #fff; margin-bottom: 15px; max-width:100%;}
.top_page .chapo  	 				{ font: 400 14px/30px 'Montserrat'; letter-spacing: 0.4px; color: #fff;}
.top_page .chapo span 				{ display: block; margin-top: 20px;}

@media (min-width:1501px) {
}
@media (max-width:1200px) {
.top_page	  		   				{ padding-bottom: 120px; }
.top_page .bloc_grid 				{ margin: 140px 0 0;}
.top_page:after		   				{ top: 710px; width: 200%; }
}
@media (max-width:1100px) {
.top_page	  		   				{ padding-bottom: 120px; }
.top_page:after		   				{ top: 500px; top: 690px; }
.top_page .bloc_grid .texte         { padding-top: 0;}
}
@media (max-width:1000px) { 
.top_page                           { background-color: #1c2c5a; padding-bottom: 0;}
.top_page:after		   				{ height: 960px; top: 720px; width:200%;}
.top_page .bloc_grid                { margin: 85px 0 0; grid-gap: 40px; }
.top_page .bloc_grid .photo         { padding: 0;  }
.top_page .bloc_grid .texte         { color: #000; padding-top: 50px;}
.top_page .bloc_grid .photo.round   { max-width: 500px; margin: 0 auto; top: 0;}
.top_page .img 						{ width:100%; height:75vw; top:auto; bottom:0;} 
.top_page .content 					{ padding:60px 0 80px 0; max-width:75vw;}
}
@media (max-width:600px) { 
.top_page:after		   				{ top: 880px;}
.top_page .wrapper					{ padding:0;}
.top_page .bloc_grid                { margin: 55px 0 0;grid-gap: 40px;}
.top_page ul						{ display:none;}
.top_page .content 					{ padding:120px 0 52px 0; max-width:100%;}
.top_page .titre_main  				{ font-size: 26px; margin:15px 0 20px;}
}

/***** page content *****/
.page_content						{ width: 100%; position: relative; padding: 0;}
.content_page  						{ background: #fff; position:relative;padding:0 0 110px 0;}
.content_page p						{ margin-bottom:15px;}
.content_page li a, 
.content_page .ul_list				{ margin:0 0 20px 0;}
.content_page .ul_list li			{ padding: 5px 0 5px 32px; background: no-repeat left top 13px url("../images/list.svg");  position: relative;}
.content_page li a 					{ color: #72ab3a; border-bottom: 1px solid transparent; }

.content_page .ul_list li			{ padding:0 0 0 25px; line-height: 36px; position: relative; text-align: left; }
@media (min-width:1201px) { 
.content_page p a:hover, 
.content_page li a:hover			{ color:#72ab3a; border-color:#72ab3a;}
}
@media (max-width:1000px) { 
.content_page  						{ margin-top:0; padding:40px 0 0;}
}
@media (max-width:600px) { 
.page_content						{ padding: 80px 0 60px 0 ;}
.content_page p               		{ margin-bottom: 10px;}
.content_page .ul_list				{ margin:10px 0 10px 0;}
.content_page                 		{ padding:25px 0 40px;}
}

/***** page content *****/
.page_content						{ position: relative; padding: 80px 0 0 0;}
.page_content p						{ margin-bottom: 20px;}
.page_content .ul_list a, 
.page_content p a					{ color: #72ab3a; border-bottom: 1px solid transparent;padding-bottom: 2px; }
.table_list							{ margin: 40px 0 35px 0;}
.table_list li						{ letter-spacing: 0.2px;color: #000; padding: 17px 60px 17px; position: relative;border: 1px solid #e1e1e1; border-bottom: none;}
.table_list li:last-child           { border: 1px solid #e1e1e1; }
.table_list li:before				{ content: ""; position: absolute; left: 30px; top: 22px; width: 17px; height: 17px; border-radius: 50%; background:url(../images/list.svg) no-repeat;}
@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ border-bottom: 1px solid #72ab3a;}
}

/***** bloc texte *****/
.bloc_texte 						{ margin: 100px 0;}
.bloc_texte p a						{ color: #72ab3a; border-bottom: 1px solid transparent;}
.bloc_texte:first-child				{ margin-top: 50px;}
.bloc_texte:last-child				{ margin-bottom:0;}
.bloc_texte img,						
.bloc_texte video					{ width:100%; height:auto; display:block; line-height:0;}
.bloc_grid .photo.round				{ border-radius: 50%; padding: 12px; object-fit: fill; top: 40px;}
@media (min-width:1201px) { 
.bloc_texte p a:hover				{ color: #72ab3a; border-bottom: 1px solid #72ab3a;}
}
@media (max-width:1000px) { 
.bloc_texte.small					{ max-width:none;}
.bloc_texte                         { text-align: left; margin: 70px 0;}
.bloc_texte:last-child				{ margin-bottom: 70px;}
}
@media (max-width:600px) { 
.bloc_texte 						{ margin: 50px 0;}
.bloc_texte:first-child				{ margin-top: 0px;}
.bloc_texte:last-child				{ margin-bottom: 50px;}
.bloc_grid .photo.round.int			{ padding: 8px;}
}

/***** accordéon *****/
.table_plus 						{ position: relative; margin: 50px 0 80px 0;} 
.table_plus>.sized					{ margin-bottom: 30px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 40px; display: none; background-color: #72ab3a10;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.2px; cursor: pointer; padding: 20px 80px 20px 30px; background: #72ab3a20; color: #72ab3a; font-size: 18px; transition: all 400ms ease-in-out;}
.sous_titre.titre_plus 				{ margin-bottom: 0;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus_green.svg") 50% no-repeat; border-radius: 50%; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(45deg); }

@media (min-width:1201px) {
.titre_plus:hover					{ color: #1c2c5a; }
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:600px) {
.table_plus 						{ margin: 14vw 0;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 30px;}
.titre_plus 						{ font-size: 14px; line-height: 26px; padding: 16px 55px 16px 20px;}
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}

/***** Page services *****/
#services .bloc_grid .icone         { display: grid; align-content: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background: #f6f6f6; margin-bottom: 20px;}
#services .line 					{ width: 50%; height: 1px; background-color: #ddd; margin: 100px auto;}
@media (max-width:1000px) {
#services .line 					{ margin: 70px auto;}
}
@media (max-width:600px) {
#services .bloc_grid .icone         { display: none;}
#services .line 					{ margin: 50px auto;}
}

.bloc_grid-3                        { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; grid-gap: 60px; position: relative; margin: 100px 0;}
.bloc_grid-3 img                    { max-width: 100%; height: auto; border-radius: 10px;}

@media (max-width:1200px) {
.bloc_grid-3                        { grid-gap: 40px; margin: 80px 0;}
}
@media (max-width:1000px) {
.bloc_grid-3 { grid-gap: 20px; }
}
@media (max-width:800px) {
.bloc_grid-3                       { grid-gap: 20px; margin: 40px 0; grid-template-columns: 1fr 1fr; }
.bloc_grid-3 img:nth-child(1)      { display: none;}
}


.grid_equipe                       { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; position: relative; margin: 100px 0;}
.grid_equipe .item                 { display: flex; flex-direction: column; gap: 0; align-items: stretch; background-color: #eee; border-radius: 10px; overflow: hidden;}
.grid_equipe .item img             { width: 100%; height: 260px; object-fit: cover; object-position: center top; border-radius: 0;}
.grid_equipe .item .legende        { padding: 20px 25px 25px;}
.grid_equipe .item .legende p      { margin: 0 0 6px;}
.grid_equipe .item .legende .sous_titre { margin-bottom: 8px;}
@media (max-width:900px){
.grid_equipe                       { grid-gap: 20px; margin: 80px 0; grid-template-columns: 1fr 1fr;}
}
@media (max-width:600px){
.grid_equipe                       { grid-gap: 20px; margin: 60px 0; grid-template-columns: 1fr; }
}
@media (max-width:500px){
.grid_equipe                       { margin: 40px 0; }
}




/***** Plan du site *****/
#plansite .top_page:after		   { display: none;}


/* ===== formulaire.css ===== */
.page_content p a 					{ border: none;}
.bloc_texte p a:hover 					{ border: none;}
/***** champs formulaire *****/ 
label								{ font: normal 500 15px/30px "Montserrat"; display: block; margin: 20px 0 15px 0;}
label span							{ color: #f82020;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							{ width: 100%; height: 60px; border: none; font: 400 15px/22px "Montserrat"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; background: #f0f0f0; border-radius: 0;}
select								{ -webkit-appearance: none; appearance: none; background: url(../images/arrow_bottom.svg) calc(100% - 25px) 50% no-repeat #eee; padding-bottom: 0;}
textarea							{ min-height: 160px; padding: 20px 25px; display: block;}
input[type=checkbox] 				{ -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 0;}


/***** confirmation formulaire *****/
.confirmation_form			 		{ text-align: center; background: #f0f0f0; padding: 40px;}
.confirmation_form p			 	{ margin: 5px 0 20px 0;}

@media (max-width:600px) {
.confirmation_form			 		{ padding: 30px;}
}



/***** RGPD *****/
#rgpdForm 							{ font: 400 13px/24px "Montserrat"; padding: 20px; border: 1px solid #ccc; letter-spacing: 0.4px; border-radius: 0}
#rgpdForm input[type=checkbox]		{ width: 18px; height: 18px; display: block; float: left; padding: 0; margin: 2px 0 0 0; -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox;}
#rgpdForm label						{ display: block; margin: 0; padding-left: 30px; font: 400 14px/24px "Montserrat"; letter-spacing: 0.4px;}
#rgpdForm a							{ position: relative; color: #72ab3a; border-bottom: 1px solid #72ab3a; padding-bottom: 2px;}
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #f82020;}

@media (min-width:1201px) {
#rgpdForm a:hover 					{ color:#111; border-color: #111;}
}

/* custom */
.rgpd 								{ margin-top: 40px; margin-bottom: 40px; }
@media (min-width:1201px) { 
.link:hover							{ background-color: #72ab3a; color: #fff; border: none; cursor: pointer}
}


/***** page contact *****/
#contact .bloc_contact 				{ display: grid; grid-template-columns: 400px 1fr; grid-gap: 60px; margin-bottom: 60px; margin-top: 120px;}
#contact .coordonnees 				{ color: #fff; }
#contact .coordonnees .photo		{ filter: grayscale(0.6) }
#contact .coordonnees .content 		{ background: #1c2c5a; color: #fff; padding: 50px; border-radius: 15px;}
#contact .coordonnees .content .logo{ max-width: 140px; margin-bottom: 25px;}
#contact .coordonnees .sous_titre	{ color: #72ab3a;}
#contact .coordonnees p				{ margin-bottom: 10px;}
#contact .coordonnees p	a			{ color: #fff;}
#contact form .sous_titre			{ margin-bottom: 30px;}

#contact .coordonnees .horaire { background: #72ab3a; color: #fff; padding: 70px 50px 50px 50px; border-radius: 15px; margin-top: -20px;    z-index: -1;    position: relative;}
#contact .coordonnees .horaire .sous_titre	{ color: #ffffff;}

@media (min-width:1201px) { 
#contact .coordonnees p a:hover:not(.link) 	{ color: #72ab3a; }
#contact .coordonnees .link:hover	{ background-color: #435997;}
}
@media (max-width:1000px) { 
#contact .bloc_contact 				{ grid-template-columns: 1fr; margin-top: 80px;}
}
@media (max-width:600px) { 
#contact .bloc_contact 				{ grid-gap: 50px;}
#contact .coordonnees 		 		{ margin: -110px -7.5vw 0 -7.5vw;}
#contact .coordonnees .content 		{ border-radius: 0; padding: 40px 7.5vw;}
#contact .coordonnees .horaire      { border-radius: 0; padding: 60px 7.5vw 40px 7.5vw;}
#contact .coordonnees .photo		{ margin: 0 -7.5vw 0 -7.5vw;}
#contact form .sous_titre			{ margin-bottom: 20px;}
#contact form .grid 				{ display: block;}
#contact form label 				{ margin-bottom: 10px;}
#contact form .btn_sub 				{ text-align: left;}
.chapo 								{ display: none;}
.top_page .content .titre_main 		{ margin-bottom: 0;}
}


/* ===== slick.css ===== */
/***** slick *****/
.slick-slider							{ position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list								{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus						{ outline: none;}
.slick-list.dragging					{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list				{ -webkit-transform: translate3d(0 0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track							{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after 						{ display: table; content: '';}
.slick-track:after						{ clear: both;}
.slick-loading .slick-track				{ visibility: hidden;}
.slick-slide							{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide				{ float: right;}
.slick-slide img						{ display: block;}
.slick-slide.slick-loading img			{ display: none;}
.slick-slide.dragging img				{ pointer-events: none;}
.slick-initialized .slick-slide			{ display: block;}
.slick-loading .slick-slide				{ visibility: hidden;}
.slick-vertical .slick-slide 			{ display: block; height: auto; border: 1px solid transparent;}


/***** slick arrows *****/
.slick-arrow							{ width: 60px; height: 60px; border: 0; padding: 0; font-size: 0; cursor: pointer;}
.slick-disabled 						{ opacity: 0.5; cursor: default;}
.slick-prev								{ background: url("../images/arrow_prev.svg") 50% no-repeat #fff;}
.slick-next								{ background: url("../images/arrow_next.svg") 50% no-repeat #fff;}

@media (min-width:1201px) { 
.slick-arrow:not(.slick-disabled):hover { background-color: #252348;}
.slick-prev:not(.slick-disabled):hover 	{ background-image: url("../images/arrow_prev.svg");}
.slick-next:not(.slick-disabled):hover 	{ background-image: url("../images/arrow_next.svg");}
}
@media (max-width:600px) { 
.slick-arrow							{ width: 50px; height: 50px;}
}