/***** banner *****/
.banner 							{ height: 850px; max-height: 1080px; position: relative; z-index: 10; padding:0;text-align: center;}
.banner .img 						{ position: absolute; left: 32%; top:0; bottom: 0; width: 1090px; background: url(../images/banner.webp) 50% 0 / cover no-repeat;  max-height: 800px;}
.banner .content                    { position: absolute;top:300px;left: 0;width: 600px;text-align: left;}
.banner .content .titre_main        { font: 700 45px/55px "PT Serif"; letter-spacing: 0.4px; color:#0c2938; margin: 0 auto;}
.banner .content p                  { font: 400 18px/40px "Poppins"; color: #03bdd4; }
.banner .content .link              { margin-top: 35px; line-height: 65px; height: 65px; padding: 0 30px 0 65px; font: 400 15px/65px "Poppins"; text-transform: none; color:#fff; text-align: left; background: url("../images/tel.svg") left 30px center no-repeat #197194;}
.banner	.rs							{ top:280px;}

@media (min-width:1201px) {
.banner .content .link:hover            { background: url("../images/tel.svg") left 30px center no-repeat #0c2938;}
.header_nav .menu .grandmenu a:hover  	{ color:#197194;}
}
@media (max-width:1200px) {
.banner 							{ height: 600px; max-height: none; position: relative; z-index: 10; padding:0;text-align: center; margin-bottom: 70px;}
.banner .img 						{ position: absolute; left: 25%; top:0; bottom: 0; width: 900px; background: url(../images/banner.webp) bottom left / cover no-repeat;}
.banner .content                    { top: 210px;}
.banner .content .titre_main        { font: 700 35px/20px "PT Serif";}
.banner .content p                  { font: 400 16px/40px "Poppins"; }
.banner	.rs							{ top: 180px;}
}
@media (max-width:1000px) {
.banner 							{ width:100%; height: 560px; max-width:1000px;  position: relative; z-index: 10; padding:0;text-align: center;}
.banner .img 						{ position: absolute; left: 0; bottom: 0; top: 50px; width: 100%; background: url(../images/banner_tab.webp) 50% bottom / cover no-repeat;}
.banner .content                    { position: absolute; top: 150px; left: 50%; width: 540px; text-align: center; margin-left: -270px;  }
.banner .content p                  { font: 400 18px/40px "Poppins"; color: #fff; }
.banner .content .link              { display:none; }
}
@media (max-width:600px) {
.banner 							{ width:100%; height: 500px; max-width:600px; margin-bottom: 60px;}
.banner .img 						{ background: url(../images/banner_mobile.webp) 50% bottom / cover no-repeat;}
.banner .content .titre_main        { font: 700 25px/20px "PT Serif";}
.banner .content                    { top: 175px; }
.banner .content p                  { font: 400 12px/20px "Poppins"; }
}


/***** intro *****/
.cont_intro                         { background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%); }
.intro 								{ text-align: center; margin: 120px auto 0; max-width:980px; padding-bottom: 120px; }
.intro .titre_main                  { color:#00bcd4; font: 400 18px/28px "Poppins"; }
.intro .chapo						{ padding: 0; font: 400 14px/30px "Poppins"; color:#003f58; }


@media (max-width:1000px) {
.intro 								{ margin:50px 0 0 0; }
.intro .titre_main                  { margin:0px; }
.intro .chapo						{ display:none; }
}

/***** Demander offre + Declarer sinistre *****/
.home_bloctxt .bloc_grid img					{ width: 100%; max-width: 550px; margin:0 auto;}
.home_bloctxt .bloc_grid .texte					{ text-align: center;}
.home_bloctxt .titre                            { font: 700 30px/30px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; margin-bottom:20px; }
.home_bloctxt .titre span                       { font: 400 18px/28px "Poppins"; color: #03bdd4; padding-top: 15px;}

@media (max-width:1000px) {
.home_bloctxt .bloc_grid img					{ width: 100%; max-width: 400px; margin:0 auto;}
}

@media (max-width:600px) {
.home_bloctxt .bloc_grid img					{ max-width: 350px; }
.home_bloctxt .titre                            { font: 700 20px/30px "PT Serif"; }
.home_bloctxt .titre span                       { font: 400 15px/28px "Poppins";}
.home_bloctxt .link 							{ width:300px; margin:5px 0;}
}


/***** A propos de Hupe Credits *****/
.cont_generations                              { margin: 130px 0 0 0; display: grid; grid-template-columns: 1fr; gap: 0px; align-items: center; padding:0 80px;}
.generations .titre                            { font: 700 30px/30px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; margin-bottom:25px; }
.generations .titre span                       { font: 400 18px/28px "Poppins"; color: #03bdd4; padding-top: 15px;}
.generations .link_p                           { font: 400 15px/28px "Poppins"; color: #03bdd4; }
.generations .date                             { font: 700 25px/25px "PT Serif"; color:#fff; background:#fdbe03; text-align: center; border-radius: 50%; width:100px; height:100px; padding-top:15px; position:absolute; margin-left: 300px; margin-top:-100px;}
.generations .date span                        { font: 400 13px/21px "Poppins"; }
.generations .date:after                       { content: ""; width: 15px; height: 15px; background: url("../images/fleche-date.svg") left bottom no-repeat; position: absolute; left: 7px; bottom:7px; display: inline-block; transition: all 300ms ease-in-out; }

@media (max-width:1000px) {
.generations .titre                            { font: 700 20px/30px "PT Serif";  }
.generations .titre span                       { font: 400 15px/28px "Poppins";}
.generations .date                             { margin-left: 200px; }
.cont_generations                              { margin:0; padding:0px;}
.mob_generations                               { width:100%; max-width: 1024px; padding: 100px 7.5vw; background:#f6f6f6; margin:100px 0; }
}

@media (max-width:600px) {
.generations .date                             { font: 700 20px/20px "PT Serif"; width:80px; height:80px; margin-top:-80px;}
.generations .date span                        { font: 400 12px/21px "Poppins"; }
.mob_generations                               { margin:60px 0; padding: 60px 7.5vw;}
}


/***** 3 colonnes *****/
.cont_colonnes                              { background: linear-gradient(to bottom, #fff 0%, #f6f6f6 240px, #fff 241px, #fff 100%); padding-top:130px; }
.colonnes                                   {  margin: 0px auto 130px; text-align: center;}
.colonnes div                               { position:relative; }
.colonnes .titre                            { font: 700 20px/30px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; margin-bottom:25px; }
.colonnes .titre span                       { font: 400 15px/22px "Poppins"; color: #03bdd4; padding-top: 15px;}
.colonnes .video:after                      { content: ""; width: 60px; height: 60px; background: url("../images/play.svg") 24px center no-repeat #00bcd4; border-radius: 50%; position: absolute; left:50%; margin-left:40px; top:-65px; display: inline-block; transition: all 300ms ease-in-out; }

.slick-dots                                 { justify-content: center; display: flex; margin-top:40px;}
.slick-dots li button                       { background: #dddddd; height: 8px; width: 8px; border: none; font-size: 0px; border-radius: 50%; float: left; margin: 0px 15px; display: block; padding:0px;}
.slick-dots .slick-active button            { background: #197194; }

@media (max-width:1024px) {
.cont_colonnes                  { background: none; padding-top:0px; }
}

@media (max-width:800px) {
.colonnes                       {  margin: 0px auto 60px; }
}