.banner 								{ position: relative; padding-top: 140px; grid-gap: 0; margin: 0 0 50px;}
.banner .photo  						{ margin-left: -100px; background-color: #004e62; padding: 0;   box-shadow: 0px 10px 30px 0px rgba(5, 48, 66, 0.25);}
.banner .photo::after  					{ display: none;}
.banner .texte .row                     { position: relative; z-index: 1;}
.banner .texte							{ background: url(../images/bg_logo.svg) no-repeat right -20px bottom -30px #1985a1; padding: 80px 65px 100px; z-index: 100; overflow: hidden;  color: #fff;     box-shadow: 0px 10px 30px 0px rgba(5, 48, 66, 0.25);}
.banner  .titre_main 				    { font-size: 48px; line-height: 54px; max-width: 460px; }
.link_calendar                          { background-image:  linear-gradient(to top, #fff 0% 50%, #2e2e2e 50% 100%);}
.link_calendar span                     { color: #1985a1; background: url(../images/celendar_gray.svg) no-repeat top 17px left; display: inline-block; padding-left: 40px; } 
.banner .photo img                      { opacity: 0.6;}

  
@media (min-width:1200px) {
.link_phone:hover                       { background-color: #009cff;}
.link_calendar:hover span               { background-image: url(../images/calendar.svg); color: #fff;}
}

@media (max-width:1535px) {
.banner .texte	                        { margin-right: -50px;}
}
@media (max-width:1300px) {
.banner .texte                          {  padding: 60px 50px;}
}
@media (max-width:1200px) {
.banner 								{ padding-top: 80px; }
.banner .texte							{ padding: 60px 5vw; min-height: inherit; margin: 0;}
.banner .titre_main                     { font-size: 32px; line-height: 40px;}
.banner .photo                          { margin: 0; height: 100%;}
.banner .photo img                      { display: block; height: 100%; object-fit: cover; }
}
@media (max-width:1000px) {
.banner .photo img 						{ height: auto; max-height: 350px; object-position: 50%;}
.banner .texte                          { padding: 40px 5vw 50px;}
.banner .texte p 						{ max-width: none;}
.banner .texte p br						{ display: block;}
}
@media (max-width:600px) {
.banner 								{ margin: 0 -7vw;}
.banner .texte							{ padding: 30px 7vw 40px 7vw; box-shadow: none; text-align: center; background-image: none;}
.banner .texte .titre_main 				{ font-size: 24px; line-height: 30px;  margin-bottom: 20px;}
.banner .texte p 						{ display: none;}
}



/* Intro */

.intro                              { max-width: 935px; margin: 90px auto 160px; text-align: center;}

@media (max-width:1200px) {
.intro                              { margin: 80px auto ;}
}

@media (max-width:1000px) {
.intro                              { margin: 50px auto ;}
}
@media (max-width:600px) {
.intro                              { margin: 40px auto ;}
}

.grid_tempe .link                   { margin-top: 40px;}
.grid_tempe .texte p a              { color: #1985a1; border-bottom: 1px solid transparent; }
.grid_tempe               	        { margin: 135px 0;}
.grid_tempe .photo        	        {  padding: 0;}
.grid_tempe .photo .small  	        { width: 65%;}
.grid_tempe .photo img    	        { width: 100%; height: 100%; object-fit: cover; display: block; box-shadow: 0px 10px 30px 0px rgba(5, 48, 66, 0.25);}
.grid_tempe .photo:after  	        { position: absolute; content:''; top: -90px; bottom: 90px; right: 160px; width: 300%; height: auto; background:#1985a1; opacity: 0.1;}
.grid_tempe.reverse .photo:after    { right: auto; right: calc(-300% + 250px); top: -90px;}
.grid_tempe.reverse                 { grid-template-columns: auto 420px; margin: 155px 0 100px; }
.grid_tempe .liens                  { padding-top: 15px;}
.grid_tempe .liens .item            { position: relative; border-bottom: 1px solid #e1e1e1;}
.grid_tempe .liens .item:first-child { border-top: 1px solid #e1e1e1}
.grid_tempe .liens .item a          { height: 100px; display: grid; grid-template-columns: 90px 1fr; align-items: center; font-size: 18px; font-family: "Noto sans"; font-weight: 600; color: #585858;}
.grid_tempe .liens .item a:after    { content: url("../images/link.svg"); position: absolute; right: 0;}
@media (min-width:1201px) {
.grid_tempe .texte p a:hover        {  border-color: #3e9ab4; }
.grid_tempe .liens .item:hover a:after{ right: 20px;}
.grid_tempe .liens .item:hover a    { color: #1985a1;}
}

@media (max-width:1000px) {
.grid_tempe.bloc_grid               { margin: 50px auto; gap: 40px;}
.grid_tempe.reverse                 { grid-template-columns: 1fr;}
.grid_tempe .photo:after            { display: none;}
.grid_tempe .liens                  { padding-top: 20px;}
.grid_tempe .liens .item a          { height: 90px; grid-template-columns: 60px 1fr; grid-gap: 30px; font-size: 17px;}
}
@media (max-width:600px) {
.grid_tempe.bloc_grid               { margin: 40px auto; gap: 30px;}
.hypothecaire                       { margin: 50px auto 50px;}    
.hypothecaire .photo:after          { display: none;}

.grid_tempe .photo:after  	        { display: none;}
.grid_tempe .photo                 	{ grid-gap: 0;}
.grid_tempe .photo .item        	{ width: 100%;}
.grid_tempe .photo .item:first-child  { display: none; }
    
.grid_tempe .liens                  { padding-top: 25px;}
.grid_tempe .liens .item a          { height: 70px; display: grid; grid-template-columns: 40px 1fr; font-size: 14px; padding-right: 35px; line-height: 20px;}
.grid_tempe .liens .item img        { height: 40px; }
}

.apropos                            { margin:100px 0; background: url(../images/bg_logo.svg) no-repeat left top; padding: 80px 0; background-color: #1985a1;}
.apropos .texte1                    { color: #fff; padding-right: 90px;}
.apropos .texte1 .sous_titre        { color: #fff;}
.apropos_grid                       { display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
.apropos .link                      { margin-top: 30px;}
.apropos .texte2                    { background: #fff; color: #1985a1; text-align: center; padding: 50px 90px; font-size: 15px; box-shadow: 0px 10px 30px 0px rgba(5, 48, 66, 0.25);}
.apropos .stitre                    { background: #1985a1; color: #fff; padding: 0 25px; font: 400 12px/40px "Raleway"; letter-spacing: 1.6px; display: inline-block; text-transform: uppercase;}
.apropos .titre                     { font: 400 30px/45px "Cormorant garmorand"; margin: 15px 0 5px;}
.texte2 .certifie                   { display: block; margin-top: 20px;}

@media (max-width:1280px) {
.apropos .texte2                    { padding: 50px 60px;}
}
@media (max-width:1200px) {
.apropos_grid .texte1               { padding-right: 50px;}
.apropos_grid .texte2               { padding: 40px;}
}

@media (max-width:1000px) {
.apropos                            { background-image: none; padding: 50px 0; margin: 50px 0;}
.apropos .texte1                    { padding: 0;}
.apropos_grid                       { grid-template-columns: 1fr; gap: 50px; }
.apropos .titre                     { font-size: 24px; line-height: 30px;}
.apropos .texte2                    { font-size: 14px;}
}

@media (max-width:600px) {
.apropos_grid                       { gap: 40px;}
.apropos .texte2                    { padding: 30px;}
.apropos .stitre                    { font-size: 10px; }
}

.avis_link                          { text-align: right;}
.avis .info                         { display: grid; grid-template-columns: auto auto; justify-content: space-between; font: 600 18px/28px "Noto sans"; color: #1985a1; margin-bottom: 15px;}
.avis .item                         { background-color: #e8f3f5; padding: 40px;}
.avis .link                         { margin-top: 40px;}
.avis                               { margin-bottom: 110px; position: relative;}
.avis_swiper                        { margin-top: 40px;}

.arrownavwrap                       { position: absolute; right: -15px; top:0;}
.arrownav                           { transition: all ease-in-out 400ms;}
.arrownav_next                      { width: 50px; height: 50px; background: url(../images/arrow_next.svg) no-repeat center; cursor: pointer;  position: absolute; right: 0; top: 0;}
.arrownav_prev                          { width: 50px; height: 50px; background: url(../images/arrow_prev.svg) no-repeat center; cursor: pointer; position: absolute; right: 50px; top: 0;}

@media (min-width:1200px) {
.arrownav:hover                     { opacity: 0.5;}
}
@media (max-width:1000px) {
.avis                               { margin-bottom: 50px;}
}
@media (max-width:450px) {
.avis .info                         { grid-template-columns: 1fr; gap: 10px;}
}