/***** banner *****/
.banner 							{ width:100%; height:90vh; min-height:600px; max-height: 1000px; margin:70px auto 0; position:relative; background:#000; overflow:hidden; z-index:20;}
.banner .img						{ width:100%; height:100%; position:absolute; left:0; top:0; background:url("../images/banner.webp") 50% no-repeat; background-size:cover; background-attachment:fixed;}
.banner .logo						{ width:400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:40px;}
.banner .logo img					{ width:100%; height:auto;}

@media (max-width:1200px) {
.banner .img						{ background-attachment:scroll;}
}
@media (max-width:1000px) {
.banner 							{ height:60vh; min-height: inherit; max-height: inherit; margin:50px auto 0; }
}
@media (max-width:600px) {
.banner 							{ height:100vw;  }
}


.intro 								{ margin: 120px auto; max-width: 1080px;}
.intro .philo 						{ position: relative;}
.intro .philo .dossier 				{ position: absolute; top: 0; right:0; z-index: 10;}
.intro .infos 						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 90px; margin: 50px auto;} 
.intro .infos .coordonnees			{ margin: 30px 0;} 
.intro .infos .map iframe 			{ filter: grayscale(1);}
.intro .infos .titre_main 			{ font-size: 30px; line-height: 40px;}
.intro .infos .titre 				{ color: #7460A0; margin: 30px 0 15px;}
.intro .infos p  					{ margin-bottom: 10px;}
@media (min-width:1201px) {
.intro .infos p a:hover				{ color: #7460A0; }
}
@media (max-width:1000px) {
.intro 								{ margin: 80px auto; }
.intro .infos .coordonnees			{ margin: 0;} 
.intro .philo .dossier 				{ position: relative; top: 0; right:inherit; left: 0; margin-bottom: 25px;}
.intro .infos 						{ grid-template-columns: 1fr; grid-gap: 60px;} 
.intro .infos .map iframe 			{ height: 40vh}
}
@media (max-width:600px) {
.intro 								{ margin: 50px auto; }
.intro .philo .dossier 				{ display: block; width: 100%;}
.intro .infos .map iframe 			{ height: 90vw}
}


.about 								{ margin: 120px auto 0; background: url("../images/sinatra_about.webp") center no-repeat; background-size: cover; padding: 80px 0; color: #fff; background-color: #372E50; max-width: 1900px}
.about .content						{ max-width: 500px; margin-right: auto;}
.about .titre,
.about .titre_main 					{ color: #fff;}
.about .link 						{ margin-top: 25px;}
@media (max-width:1000px) {
.about 								{ margin: 80px auto 0; background-image: none; padding: 60px 0; }
.about .content						{ max-width: inherit; margin-right: inherit; padding: 30px 0;}
}
@media (max-width:600px) {
.about 								{ margin: 50px auto 0; padding: 40px 0; }
}

@media (max-width:1000px) {
.territorial.bloc_grid .photo		{ max-width: 500px; margin: 0 auto; }
}


.quote 								{ margin: 120px auto 0; background: url("../images/sinatra_quote.webp") center no-repeat; background-size: cover; padding: 200px 0; color: #fff; text-align: center; max-width: 1900px}
.quote .titre_main 					{ color: #fff; font-size: 30px; line-height: 40px; letter-spacing: 0.6px}

@media (max-width:1000px) {
.quote 								{ margin: 80px auto 0;  padding: 150px 0; }
}
@media (max-width:600px) {
.quote 								{ margin: 50px auto 0;  padding: 50px 0; }
.quote .titre_main 					{ font-size: 20px; line-height: 30px;}
}



.mission                            { background: linear-gradient(to bottom, #372E50 420px, #fff 420px); margin: 0 auto; max-width: 1900px; padding-top: 80px; text-align: center;}
.mission .texte,
.mission .titre_main                { color: #fff;}
.mission .slider                    { margin: 70px 0 80px;}
.mission .item 		                { padding:0 25px;}  
.mission .item .sous_titre          { margin-top: 35px;}  
.mission .item img                  { width: 140px; height: 140px; border-radius: 50%; margin: auto; background-color: #eee; padding: 25px;}  
.mission .detail                    { padding: 15px 30px 0;}                         
.mission .slick-next                { position: absolute; right: -50px; background-image: url(../images/arrow_next_big.svg); top: 50%; transform: translateY(-50%);background-color: transparent;}
.mission .slick-prev                { position: absolute; left: -50px; background-image: url(../images/arrow_prev_big.svg); top: 50%; transform: translateY(-50%); background-color: transparent;}

@media (min-width:1201px) {
.mission .slick-arrow:hover         { background-color: transparent;}
.mission .slick-prev:hover          { background-image: url(../images/arrow_prev_light.svg);}
.mission .slick-next:hover          { background-image: url(../images/arrow_next_light.svg);}
}
@media (max-width:1000px) {
.mission .slider                    { margin:35px 40px 20px;}
}
@media (max-width:600px) {
.mission                            { background: #fff; padding-top: 40px; }
.mission .texte 					{ color: #333;}
.mission .titre_main                { color: #7460A0;}
.mission .slider                    { margin:35px 7.5vw 0;}
.mission .item 		                { padding:0 ;}  
.mission .item p 					{ display: none;}
.mission .item .sous_titre          { margin-top: 20px; margin-bottom: 0px; font-size: 16px;}  
.mission .slick-next                { top: 25%;}
.mission .slick-prev                { top: 25%;}
.mission .item img                  { width: 120px; height: 120px; }  
}



.cta                                { position: relative; color: #fff; text-align: center; padding: 60px 50px 65px; background: url("../images/sinatra_cta.webp") center no-repeat; margin: 120px 0;}
.cta .titre_main                    { color: #fff; font-size: 28px; line-height: 38px}
.cta .content                       { max-width: 620px; margin: auto;}
.cta .link              			{ max-width: 180px; margin: 25px 5px 0;}
.cta .link span              		{ padding-left: 30px;}
.cta .tel span               		{ background: url(../images/tel.svg) no-repeat left ;}
.cta .formulaire span        		{ background: url(../images/mail.svg) no-repeat left ;}
@media (max-width:600px) {
.cta                                { margin: 50px -10vw; padding: 50px 10vw; background: #372E50;}
.cta .link	 						{ display: block; max-width: inherit; width: 100%; margin: 10px 0;}
}



.traitement 						{ text-align: center; margin: 120px auto;}
.traitement .titre_main 			{ margin-bottom: 10px; font-size: 30px; line-height: 40px}
.traitement p 						{ margin-bottom: 30px;}
@media (max-width:1000px) {
.traitement 						{ margin: 80px auto;}

.traitement .slick-dots             { position: absolute; bottom: 0; left: 50%; padding-top: 0; margin-right: 6px; transform: translate(-50%, 50%); z-index: 50;}
.traitement .slick-dots li          { line-height: 30px; margin: 5px;}
.traitement .slick-dots button      { border-radius: 50%; border: none; font-size: 0; line-height: 0; padding: 5px; position: relative; cursor: pointer; background-color: #eee;}
.traitement li button::after        { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%; transition: all 400ms ease-in-out;}
.traitement li.slick-active button::after { background-color: #7460A0;}
}
@media (max-width:600px) {
.traitement 						{ margin: 50px auto;}
}