/***** banner *****/
.banner 							{ width: 100%; height: 90vh; position: relative; z-index: 10; padding: 90px 0 0 0; background: #fff; text-align: center;}
.banner .content                    { position: absolute;top: 55%;left: 0;transform: translateY(-50%); width: 100%;height: auto;margin: auto;text-align: left; }
.banner .img 						{ width: 100%; height: 100%; position: relative; background:url(../images/banner.jpg) 50% 0 / cover no-repeat;}
.banner .titre_main 				{ font: 40px/52px "gr medium"; width: 400px;color: #000000;margin-bottom: 20px;text-transform: none;}
@media (max-width:1200px) {
.banner 							{ padding: 100px 0 0 0;}
.banner .titre_main 				{ width: 440px;}
}
@media (max-width:600px) {
.banner 							{ padding: 80px 0 0 0;height: auto; margin-bottom: 40px;}
.banner .img 						{ height: 355px; background-image: url(../images/banner_mobile.jpg);}
.banner .content                    { position: relative;top: inherit;left: inherit;transform: none;background: #efcfa0;text-align: center;padding: 35px 0 50px; }
.banner .titre_main                 { font-size: 30px;line-height: 36px;width: inherit; }
}   
/***** intro *****/
.intro 								{ text-align: center; margin: 90px 0;}
.intro .titre_main                  { line-height: 32px; }
.intro .chapo						{ padding: 0 140px; margin: 0 0 30px 0;}
@media (max-width:1000px) {
.intro 								{ margin: 70px 0;}
.intro .chapo						{ padding: 0 ; margin: 0 0 30px 0;}
}
@media (max-width:600px) {
.intro                              { margin: 40px 0; }
.intro .chapo                       { display: none; }
}
/***** services *****/
.services 							{ margin: 90px 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.services .item                     { text-align: center;border-radius: 180px 180px 0 0;background: #f9f9f9;transition: all 400ms ease-in-out;}
.services .item img                 { display: block; width: 100%;height: auto;object-fit: cover;border-radius: 50% 50% 0 0;}
.services .item .content            { position: relative;padding: 60px 45px 20px; background: #f9f9f9;margin-top: 0;}
.services .item .icone              { position: absolute;top: -50px;left: 0;right: 0; width: 95px;height: 95px;background: #c59570;display: grid;align-items: center;justify-content: center;border-radius: 50%;margin: auto;transition: all 400ms ease-in-out;}
.services .item .icone img          { width: auto;height: auto;border-radius: 0; }
.services .item .link_item          { position: relative;display: inline-block;margin-top: 10px;padding: 20px 40px; background: url(../images/arrow.svg) 50% 50% no-repeat; }
.services p a   					{ color: #c59570;border-bottom: 1px solid transparent; padding-bottom: 2px; }
.services .titre_main				{ text-transform: none; font-size: 20px;margin-bottom: 5px;}
.services .link_plus				{ margin-top: 25px;}
@media (min-width:1200px) {
.services .item:hover               { box-shadow: 1px 50px 73px 0px #00000026; }
.services .item:hover .icone        { background: #efcf9f; }
.services .item .link_item:hover    { background-position: 90% 50% ; }
.services p a:hover 				{ border-color: #c59570;}
}
@media (max-width:1000px) {
.services 	                        { margin: 70px 0;grid-template-columns: 1fr;grid-gap: 10px; }
.services .item .content            { display: grid;grid-template-columns: 100px auto;grid-gap: 20px;align-items: center;padding: 0;text-align: left; }
.services .item .link_item          { position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0; background-position:right 30px  bottom 50% ; }
.services .item .icone              { position: relative;top: inherit;left: inherit;right: inherit;width: 100px;height: 100px; border-radius: 0; }
.services .item .titre_main         { margin-bottom: 0;max-width: 200px;padding-right:20px; }
.services .item img:not(.item .icone img) ,
.services .item p                   { display: none; }
}
@media (max-width:600px) {
.services                           { margin: 45px 0; }
.services .item .titre_main         { line-height: 28px; }
}
@media (max-width:480px) {
.services .item .content            { grid-template-columns: 80px auto; }
.services .item .icone              { width: 100%;height: 80px; }
.services .item .icone img          { max-width: 50px; }
.services .item .link_item          { background-position:right 15px  bottom 50% ; }
.services .item .titre_main         { max-width: 150px;font-size: 16px; }
}
/***** temoignage *****/
.temoignage                         { margin: 90px 0 ;text-align: center; }
.temoignage .content                { display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80px;}
.temoignage .content .item          { position: relative; background: #f9f9f9;padding: 60px 50px 35px; margin-top: 60px;}
.temoignage .content .item::before  { position: absolute;content: "";top: -25px;left: 0;right: 0;width: 60px;height: 60px;background: url(../images/temoignage.svg) no-repeat; margin: auto; }
.temoignage .content .sous_titre    { position: relative; font: 20px/32px "gr medium";margin: 20px 0 0;padding-top: 20px; }
.temoignage .content .sous_titre:after  { position: absolute;content: "";top: 0;left: 0;right: 0; width: 25px;height: 1px;background: #c59570;margin:auto; }
@media (max-width:1000px) {
.temoignage                         { margin: 75px 0 80px; }
.temoignage .content                { grid-gap: 30px; }
}
@media (max-width:600px) {
.temoignage                         { margin: 40px 0; }
.temoignage .titre                  { line-height: 32px; }
.temoignage .content                { grid-template-columns: 1fr; }
.temoignage .content .item          { margin-top: 45px;padding: 60px 30px 35px; }
.temoignage .content .sous_titre    { padding-top: 15px; }
.temoignage .content .item:last-child { display: none;}
}
/***** Partenaires *****/
.partenaires                        { background: #f9f9f9;margin: 100px 0 0; }
.partenaires .content               { display: grid;grid-template-columns: 1fr 1fr;grid-gap:0 80px;align-items: center; padding: 100px 0; }
.partenaires .item .titre           { line-height: 32px;margin-bottom: 20px; }
.partenaires .item .link            { margin-top: 20px; }
@media (min-width:1000px) {
.partenaires .item_logo .slick-track                    { display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px; }
.partenaires .item_logo .slick-track > div              { border: 1px solid #ededed;filter: grayscale(1);width: 100% !important;height: 110px;line-height: 0; display: grid;align-items: center;justify-content: center;background: #ffffff;opacity: 0.6;}
.partenaires .item_logo .slick-track > div img          { width: 100%;}
.partenaires .slick-track:before, .slick-track:after    { display: none; }
}
@media (max-width:1200px) {
.partenaires .content                       { grid-gap: 60px; }
}
@media (max-width:1000px) {
.partenaires                                { margin: 80px 0 0; }
.partenaires .content                       { display: block; padding: 70px 0 80px;}
.partenaires .content .item                 { margin: 0 0 80px; }
.partenaires .content .slick-slider         { margin: 0 -10px; }
.item_logo .slick-track > div               { opacity: 1;filter: none; display: grid;align-items: center;justify-content: center;background: #ffffff;border: 1px solid #ededed;}
.item_logo .slick-track > div img           { width: 100%; }
.partenaires .content .slick-slide          { margin: 0 10px; }
}
@media (max-width:600px) {
.partenaires                                { margin: 50px 0 0;}
.partenaires .content                       { grid-gap: 50px;padding: 50px 0}
.partenaires .content .item                 { margin: 0 0 50px; }
.partenaires .item_logo                     { opacity: 1; }
.partenaires .item_logo img:nth-child(3),
.partenaires .item_logo img:nth-child(4)    { display: none; }
}