.banner                              { position: relative; background-color: #ecf4ff;}
.banner .wrapper                     { padding-top: 170px; display: grid; grid-template-columns: 45% 1fr; align-items: center; }
.banner .wrapper img                 { display: block; width: 100%; height: auto;}
.banner .ul_list                     { margin: 35px 0 40px;}
.banner .ul_list li                  { background: url("../images/check.svg") 0 12px no-repeat;}
.banner .btn                         { display: inline-flex; grid-gap: 10px;}
@media (max-width:1200px) {
.banner .wrapper                     { padding-top: 100px; grid-template-columns: 40% 1fr;}
}
@media (max-width:1000px) {
.banner .wrapper                     { padding-top: 100px; grid-template-columns: 1fr; grid-gap: 40px;}
.banner .textes                      { grid-area: 2; padding: 0 0 65px 0; }
.banner .btn                         { display: block;}
.banner .btn .link                   { display: block; margin-bottom: 10px; }
}
@media (max-width:600px) {
.banner .wrapper                     { grid-gap: 0;}
.banner .textes                      { background-color: #fff; padding: 35px 7.5vw 0; margin: 0 -7.5vw;}
.banner .btn                         { display: none;}
.banner .ul_list li                  { background-size: 18px; padding: 6px 0 6px 30px ;}
}



.intro                               { margin: 100px auto;}
@media (max-width:1200px) {
.intro                               { margin: 80px auto;}
}
@media (max-width:1000px) {
.intro                               { margin: 70px auto;}
}
@media (max-width:600px) {
.intro                               { margin: 0 auto; padding: 50px 0 0 0;}
.intro .chapo,
.intro .titre_main,
.intro .titre_main span              { color: #fff;}
}




.assurances.particuliers             { position: relative; margin: 100px auto 140px auto;}
.assurances.particuliers:before      { content: ""; width: 620px; height: 620px; border-radius: 50%; position: absolute; top: -10%; right: 90%; background-color: #ecf4ff; display: block; z-index: -1;}
.assurances.professionnels           { position: relative; margin: 140px auto 100px auto;}
.assurances.professionnels:before    { content: ""; width: 620px; height: 620px; border-radius: 50%; position: absolute; top: -10%; left: 90%; background-color: #ecf4ff; display: block; z-index: -1;}

.assurances .grid_title              { display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; align-items: center; margin-bottom: 25px;}
.assurances .list_liens              { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 60px; }
.assurances .quotes                  { margin-top: -20px; text-align: center;}
.assurances .quotes img              { display: block; width: auto; height: auto; border-radius: 0; margin: 0 auto;}
.assurances .quotes .content         { margin-top: 15px; font: italic 400 20px/30px "DM Serif Display"; }

@media (max-width:1200px) {
.assurances .bloc_grid               { grid-template-columns: 1fr;}
.assurances .bloc_grid.reverse       { grid-template-columns: 1fr;}
.assurances .bloc_grid.reverse .photo { grid-area: 1;}
.assurances .bloc_grid.reverse .texte { grid-area: 2;}
.assurances .bloc_grid .photo img    { max-width: 650px; margin: 0 auto;}

.assurances.particuliers             { margin: 80px auto 100px;}
.assurances.particuliers:before      { display: none;}
.assurances.professionnels           { margin: 100px auto 80px auto;}
.assurances.professionnels:before    { display: none;}
}
@media (max-width:1000px) {
.assurances.particuliers             { margin: 70px auto 80px;}
.assurances.professionnels           { margin: 80px auto 70px auto;}
}
@media (max-width:600px) {
.assurances                          { color: #fff;}
.assurances .bloc_grid               { grid-gap: 0;}
.assurances .txt                     { display: none;}
.assurances .bloc_grid .photo        { display: none;}
    
.assurances.particuliers             { margin: 0 auto 30px ;}
.assurances.professionnels           { margin: 30px auto 0 ;}
.assurances .grid_title              { margin-bottom: 10px;}
.assurances .grid_title .sous_titre  { color: #fff;}

.assurances .list_liens              { grid-template-columns: 1fr; grid-gap: -5px 0;}
.assurances .list_liens .lien_arrow  { background-color: #fff; border-radius: 5px; padding: 0 25px; margin: 10px 0 0 0; background-position: calc(100% - 25px);}
}


.deux_btn                            { margin: -30px auto 100px; text-align: center; display: flex; grid-gap: 10px; justify-content: center;}
@media (max-width:1200px) {
.deux_btn                            { margin: -20px auto 80px;}
}
@media (max-width:1000px) {
.deux_btn                            { margin: -20px auto 70px;}
}
@media (max-width:600px) {
.deux_btn                            { margin: 0 auto; padding: 0 0 50px; flex-direction: column;}
.deux_btn .link                      { display: block; width: 100%;}
}


.s_bancaires                         { background-color: #ecf4ff; padding-top: 80px; text-align: center; }
.s_bancaires .fintro                 { margin: 40px auto 100px; display: grid; grid-template-columns: auto auto; grid-gap: 25px; justify-content: center; align-items: center; }
.s_bancaires .fintro img             { border-radius: 10px; }
.s_bancaires .bulles                 { position: relative; }
.s_bancaires .bulles .row            { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.s_bancaires .bulles:after           { content: ""; position: absolute; width: 200vw; top: 29%; bottom: 0; right: -30vw; left: -30vw; display: block; background-color: #fff; z-index: 0;}
.s_bancaires .bulles .item           { z-index: 5;}
.s_bancaires .bulles .item p         { padding: 0 10px;}
.s_bancaires .bulles .item .link     { margin-top: 25px;}
.s_bancaires .bulles .item img       { border-radius: 50%; width: 100%; height: auto; display: block; margin-bottom: 25px;}
@media (max-width:1200px) {
.s_bancaires                         { padding-top: 70px;}
.s_bancaires .fintro                 { margin: 35px auto 80px; grid-gap: 30px; }
.s_bancaires .fintro img             { border-radius: 8px; }
.s_bancaires .bulles .row            { grid-gap: 25px;}
.s_bancaires .bulles:after           { top: 24%;}
.s_bancaires .bulles .item .link     { margin-top: 20px;}
.s_bancaires .bulles .item img       { margin-bottom: 20px;}
.s_bancaires .bulles .item p         { padding: 0;}
}
@media (max-width:1000px) {
.s_bancaires                         { padding-top: 60px;}
.s_bancaires .bulles:after           { bottom: 5px;}
.s_bancaires .fintro img             { width: 130px; height: auto; }

.s_bancaires .bulles .row			 { overflow-x: scroll; padding: 0 15vw 30px 15vw; margin: 0 -15vw;}
.s_bancaires .bulles .row .item 	 { min-width: 380px; max-width: 400px;}
.s_bancaires .bulles .row::-webkit-scrollbar 	 { width: 5px; height: 5px; background-color: #ecf4ff;}
.s_bancaires .bulles .row::-webkit-scrollbar-thumb	 { background-color: #4499f9;}
.s_bancaires .bulles .row:before	 { width: 100vw; height: 5px; background: #fff; position: absolute; left: -100vw; bottom: 0; content: "";}
.s_bancaires .bulles .row:after		 { width: 100vw; height: 5px; background: #fff; position: absolute; right: -100vw; bottom: 0; content: "";}
}
@media (max-width:600px) {
.s_bancaires                         { padding-top: 50px; text-align: left;}
.s_bancaires .fintro                 { margin: 30px auto 60px; justify-content: start; }
.s_bancaires .fintro img             { border-radius: 5px; }
.s_bancaires .bulles                 { grid-gap: 10px;}
.s_bancaires .bulles .row .item 	 { min-width: 300px;}
.s_bancaires .bulles .item img       { border-radius: 10px; margin-bottom: 15px;}
}


.about                              { margin: 100px auto; background-color: #ecf4ff; border-radius: 40px; padding: 80px 80px 95px;}
.about .lien_arrow                  { max-width: 120px;}
@media (max-width:1200px) {
.about                              { margin: 80px auto; border-radius: 30px; padding: 70px 60px;}
}
@media (max-width:1000px) {
.about                              { margin: 70px auto; border-radius: 25px; padding: 60px 5vw;}
}
@media (max-width:600px) {
.about                              { margin: 50px -7.5vw; border-radius: 0; padding: 50px 7.5vw;}
}


.news:after                         { content: ""; position: absolute; width: 200vw; top: 45%; bottom: 0; right: -30vw; left: -30vw; display: block; background-color: #ecf4ff; z-index: -1;}
.news .actus                        { display: block;}
.news .actus .row                   { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
@media (max-width:1000px) {
.news .actus .row     	            { overflow-x: scroll; padding: 0 15vw 30px 15vw; margin: 0 -15vw;}
.news .actus .row .item 	        { max-width: 400px; min-width: 380px}
.news .actus .row::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff;}
.news .actus .row::-webkit-scrollbar-thumb { background-color: #4499f9;}
.news .actus .row:before	        { width: 100vw; height: 5px; background: #ecf4ff; position: absolute; left: -100vw; bottom: 0; content: "";}
.news .actus .row:after		        { width: 100vw; height: 5px; background: #ecf4ff; position: absolute; right: -100vw; bottom: 0; content: "";}
}
@media (max-width:600px) {
.news .actus .row .item 	        { max-width: 320px; min-width: 320px}
}