/***** banner *****/
.banner 							{ display: grid; grid-template-columns: 1fr 450px; align-items: center; grid-gap: 200px; position: relative; margin: 235px auto 230px;}
.banner .img          				{ position: relative; line-height: 0; border-radius: none; width:450px; height: 450px;}
.banner .img img         			{ width: 100%; height: 100%; border-radius: 50%; background: #fff;}
.banner .img:after                  { content: ""; background: #eeeeee; height: 600px; width: 1000%; top: -75px; left: -80px; position: absolute; z-index: -1; border-top-left-radius: 350px; border-bottom-left-radius: 350px; }
.banner .content                    { position: relative;left: 0;text-align: left; z-index: 1;}
.banner .content .titre_page        { font: 500 45px/55px "Barlow";letter-spacing: 0.8px; color:#08233d;}
.banner .content .titre_main        { font: 500 20px/30px "Barlow";  color: #f57f20;    margin-bottom: 20px;}
.banner .content p                  { font: 400 18px/32px "Barlow";color: #08233d; margin-bottom: 30px; }
.banner .content .link              { margin-top: 0px; line-height: 60px; height: 60px; padding: 0 30px 0 30px; font: 400 15px/58px "Barlow"; text-transform: none; color:#fff; text-align: center; background:#f57f20;}
#nobanner .banner 					{ grid-template-columns: 1fr !important; margin: 220px auto 0px !important;} 
.banner .chapo                      { margin-bottom: 30px; }
@media (min-width:1201px) {
.banner .content .link:hover              {background:#2d3e51;}
}

@media (max-width:1200px) {
#homepage                           { background: none; }
.banner .img:after                  { display:none; }
.banner .img img         			{ border-radius: 0%; background: none;}
.banner .content			{ grid-area: 2;}
.banner .cont_img        	{ grid-area: 1;}
    
.banner .cont_img                   { background: #eeeeee; margin: 0 -5vw; padding:60px 7.5vw; }    
.banner 							{ display: grid; grid-template-columns: 1fr; align-items: center; grid-gap: 0px; position: relative; margin: 80px auto 0px;}
.banner .content                    { position: relative; top: 0px; left: 0; width: 100%; margin: 80px 0; padding: 0;  }
.banner .content .titre_page        { font: 500 30px/40px "Barlow";}
.banner .content p                  { font: 400 15px/30px "Barlow"; }
.banner .content .link              { margin-top: 0px; height: 60px; padding: 0 30px 0 30px; font: 400 16px/58px "Barlow"; text-transform: none; color: #fff; text-align: center; background: #f57f20; display: block; border-radius: 5px; }
.banner .img          				{ max-width: 400px; width: 100%; height: auto; margin:0 auto;}
.banner .img img      				{ width: 100%; height: auto;}    
.banner .cont_img:before            { display: none; }
}
@media (max-width:1000px) {
.banner 							{ max-width: 1000px;}
}
@media (max-width:600px) {
.banner .content                    { margin: 60px 0; }
.banner .cont_img                   { margin: 0 -7.5vw;}
.banner .content .titre_page        { font: 500 24px/34px "Barlow"; }
.banner .content .titre_main        { font-size: 16px; line-height: 28px; margin-bottom: 13px;}
}

/***** breadcrumb *****/
.breadcrumb							{ text-align: left; line-height: 0; margin: 0 0 30px 0;}
.breadcrumb li 						{ display: inline-block; font-size: 11px; line-height: 30px; margin-right: 20px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 11px; content: ""; position: absolute; right: -12px; top: 10px; background: #c4c4c4;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #08233d; }
.breadcrumb li a.active             { color: #08233d; }
@media (max-width:1200px) { 
.breadcrumb							{ display: none;}
}

/***** page content *****/
.page_content						{ position: relative;}
#page_content p						{ margin-bottom: 20px;}
.inner_page                         { margin: 140px 0 130px; }
.inner_page .bloc_grid:first-child .photo       { background: #a7253b;text-align: right;padding-left: 155px;}
.inner_page .bloc_grid:first-child .photo img   { max-width: 445px;display: inline-block;}
#page_content .ul_list a, 
#page_content p a					{ color: #a7253b;}
.ul_list							{ margin: 0px 0 20px 0; display: grid; grid-gap: 0px; grid-template-columns: 1fr;}
.ul_list li							{ padding: 7px 0 7px 35px;line-height: 30px;  position: relative;}
.ul_list li:before					{ content: ""; position: absolute; left: 0; top: 10px; width: 25px; height: 25px; border-radius: 50%; background-color: #a7253b;   background: url("../images/ul_list.svg") 50% 50% no-repeat;  }
.ul_list2							{ grid-template-columns: 1fr 1fr; }
.s_titre                            { font: 500 18px/30px "Barlow";letter-spacing: 0.2px;}
.anchor                             { top: -80px; position: relative; }

@media (min-width:1201px) {
#page_content .ul_list a:hover, 
#page_content p a:hover				{  color: #323232;}
}
@media (max-width:1200px) {
.ul_list2							{ grid-template-columns: 1fr; }
.anchor                             { top: -100px; position: relative; }
}
@media (max-width:1000px) { 
.inner_page                         { margin: 60px 0; }
.ul_list                            { margin: 20px 0; }
.inner_page .bloc_grid:first-child .photo img   { max-width: inherit; }
}
@media (max-width:600px) { 
.inner_page                         { margin: 30px 0 30px; }
.ul_list                            { margin: -10px 0 20px 0; }
.inner_page .bloc_grid:first-child .photo       { padding-left: 98px; }
.banner .content .link              { display: block;}
.rassurants							{ margin:20px 0;}
#page_content p						{ margin-bottom: 10px;}
.scroll_services                    { margin-top:20px !important; }
}

/***** bloc grid/bloc texte *****/
.bloc_grid .photo .content          { position: absolute;bottom: 60px;left: 60px;z-index: 10; }
.bloc_grid .photo .content p        { font: 500 30px/40px "Barlow";letter-spacing: 0.2px;color: #ffffff;}
.bloc_texte							{ margin: 90px auto; position: relative;}
.bloc_texte p                       { margin-bottom: 20px; }
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_grid 							{ display: grid; grid-template-columns: 450px 1fr; align-items: center; grid-gap: 160px; position: relative; margin:130px auto 130px;}
.bloc_grid .photo          			{ position: relative; line-height: 0; border-radius: none; width:450px; height: 450px;}
.bloc_grid .photo img         		{ width: 100%; height: 100%; border-radius: 50%; border: 10px solid #fff;}
.bloc_grid .photo:after             { content: ""; background: #eeeeee; height: 600px; width: 1000%; top: -75px; right: -80px; position: absolute; z-index: -1; border-top-right-radius: 350px; border-bottom-right-radius: 350px; }
.bloc_grid.reverse 							{ display: grid; grid-template-columns: 1fr 450px; align-items: center; grid-gap: 160px; position: relative; margin:130px auto 130px;}
.bloc_grid.reverse .photo:after             { content: ""; background: #eeeeee; height: 600px; width: 1000%; top: -75px; left: -80px; position: absolute; z-index: -1; border-top-left-radius: 350px; border-bottom-left-radius: 350px; }
.bloc_grid.bloc_orange .photo:after              { background: #f57f20; }
.bloc_grid.bloc_rouge .photo:after              { background: #e30613; }
.bloc_grid.bloc_bleu .photo:after              { background: #0074bf; }
.bloc_grid.bloc_vert .photo:after              { background: #00963f; }
.bloc_grid.bloc_gris .photo:after              { background: #b2b2b2; }
.bloc_grid.bloc_orange .sous_titre            { color: #f57f20; }
.bloc_grid.bloc_rouge .sous_titre             { color: #e30613; }
.bloc_grid.bloc_bleu .sous_titre              { color: #0074bf; }
.bloc_grid.bloc_vert .sous_titre              { color: #00963f; }
.bloc_grid.bloc_gris .sous_titre              { color: #b2b2b2; }
.bloc_grid.bloc_orange .ul_list li:before            { background: url("../images/ul_list.svg") 50% 50% no-repeat; }
.bloc_grid.bloc_rouge .ul_list li:before             { background: url("../images/ul_list_rouge.svg") 50% 50% no-repeat; }
.bloc_grid.bloc_bleu .ul_list li:before              { background: url("../images/ul_list_bleu.svg") 50% 50% no-repeat; }
.bloc_grid.bloc_vert .ul_list li:before              { background: url("../images/ul_list_vert.svg") 50% 50% no-repeat; }
.bloc_grid.bloc_gris .ul_list li:before              { background: url("../images/ul_list_gris.svg") 50% 50% no-repeat; }
.bloc_grid .texte .logoInt                           { height: auto; width:145px; border-radius: 0px; margin: 0; }

@media (max-width:1200px) { 
    
.bloc_grid 							{ grid-template-columns: 300px 1fr;  grid-gap: 160px; margin:130px auto 130px;}
.bloc_grid .photo          			{ width:300px; height: 300px;}

    
.bloc_grid .photo					{ padding-bottom:0px;}
.bloc_grid .photo:before            { display: none; }
.reverse .photo:before              { display: none; }
.bloc_grid 							{ grid-template-columns: 300px 1fr; grid-gap: 100px; position: relative; margin:130px auto 130px;}
.bloc_grid .photo          			{ width:300px; height: 300px;}
.bloc_grid .photo img         		{ border: 5px solid #fff;}
.bloc_grid .photo:after             {  height: 400px; width: 1000%; top: -50px; right: -50px; position: absolute; z-index: -1; border-top-right-radius: 200px; border-bottom-right-radius: 200px; }
.bloc_grid.reverse 					{ display: grid; grid-template-columns: 1fr 300px;grid-gap: 100px; position: relative; margin:130px auto 130px;}
.bloc_grid.reverse .photo:after     { height: 400px; width: 1000%; top: -50px; left: -50px; position: absolute; z-index: -1; border-top-left-radius: 200px; border-bottom-left-radius: 200px; }   
}

@media (max-width:1000px) { 
.bloc_texte							{ margin: 55px auto;}
.bloc_texte + .bloc_grid            { margin:70px 0 60px; grid-gap: 50px;}
.bloc_grid .photo          			{ width:100%; height: auto;}
.bloc_grid .photo img         		{ border: 0px solid #fff;}
.bloc_grid .photo:after, .bloc_grid.reverse .photo:after             {display: none; }
    
.bloc_grid 							{ grid-template-columns: 1fr;  grid-gap: 60px; margin:80px auto 80px;}
.bloc_grid .photo          			{ width:450px; height: 450px; margin:0 auto;}
.bloc_grid .photo img      			{ /*border-radius: 8px;*/}
.bloc_grid.reverse 					{ grid-template-columns: 1fr;  grid-gap: 50px; margin:80px auto 80px;}
}

@media (max-width:600px) { 
.bloc_grid .photo          			{ width:100%; height:auto; max-width:400px;  margin:0 auto;}
.bloc_grid .photo .content          { bottom: 38px;left: 38px; }
.bloc_grid .photo .content p        { font-size: 19px;line-height: 39px; }
.bloc_texte							{ margin: 35px 0;}
.bloc_texte + .bloc_grid            { margin:30px 0 20px; grid-gap: 50px;}
.bloc_texte .parten                 { grid-template-columns: 1fr 1fr; }
}

/* SLIDER */
.g_slider                           { margin: 180px 0; }
.slider                             { position: relative; }
.slider .nav_slider                 { position: absolute;top: 50%; right: 0px; width: 100%; z-index: 10; }
.slider .slick-arrow                { width: 50px;height: 50px; border-radius: 50%; }
.slider .slick-prev                 { margin:-25px 0 0 15px; background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat ; }
.slider .slick-next                 { float: right; margin:-25px 15px 0 0; margin-left: 10px;background: url("../images/arrow_next_white.svg") 52% 50% no-repeat; }

.bloc_grid.bloc_orange .slick-prev             { background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_rouge .slick-prev              { background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_bleu .slick-prev               { background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_vert .slick-prev               { background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_gris .slick-prev               { background: url("../images/arrow_prev_white.svg") 46% 50% no-repeat rgba(0, 0, 0, 0.4);}

.bloc_grid.bloc_orange .slick-next             { background: url("../images/arrow_next_white.svg") 52% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_rouge .slick-next              { background: url("../images/arrow_next_white.svg") 52% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_bleu .slick-next               { background: url("../images/arrow_next_white.svg") 52% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_vert .slick-next               { background: url("../images/arrow_next_white.svg") 52% 50% no-repeat rgba(0, 0, 0, 0.4);}
.bloc_grid.bloc_gris .slick-next               { background: url("../images/arrow_next_white.svg") 52% 50% no-repeat rgba(0, 0, 0, 0.4);}

.slider .list_item                  { z-index: 5; width:450px; height:450px; }
.slider .list_item img              { width: 100%;height: 100%;object-fit:cover; }
.slider .slick-next:before          { display:none; }
/*.reverse .photo:after               { left: 100%;margin: 0 0 0 30px; }
.reverse .slider .nav_slider        { left: 30px;}*/
@media (min-width:1201px) {
.slider .slick-next:hover,
.slider .slick-prev:hover           { background-color: #08233d; }
.bloc_grid.bloc_orange .slick-next:hover, .bloc_grid.bloc_orange .slick-prev:hover           { background-color: #f57f20; }
.bloc_grid.bloc_rouge .slick-next:hover, .bloc_grid.bloc_rouge .slick-prev:hover             { background-color: #e30613; }
.bloc_grid.bloc_bleu .slick-next:hover, .bloc_grid.bloc_bleu .slick-prev:hover               { background-color: #0074bf; }
.bloc_grid.bloc_vert .slick-next:hover, .bloc_grid.bloc_vert .slick-prev:hover               { background-color: #00963f; }
.bloc_grid.bloc_gris .slick-next:hover, .bloc_grid.bloc_gris .slick-prev:hover               { background-color: #b2b2b2; }
.slick-arrow:not(.slick-disabled):hover { opacity: 1 !important; }
}
@media (max-width:1200px) {
.slider .list_item                  { width:300px; height:300px; }
.g_slider                           { margin: 80px 0; }
}
@media (max-width:1000px) {
.g_slider                           { grid-template-columns: 100%;grid-gap: 50px;margin: 80px 0 65px; } 
.g_slider .texte                    { padding: 0; }
.slider .list_item                  { width:450px; height:450px; }
}
@media (max-width:600px) { 
.g_slider                           { grid-gap: 50px;margin: 60px 0 45px !important;} 
.slider .nav_slider                 { display: none;}
.slider .list_item                  { width:300px; height:300px; margin:0 auto; }
}

@media (max-width:360px) { 
.slider .list_item                  { width:250px; height:250px; margin:0 auto; }
}

/* ANCRE */
.anchor						{ position: absolute; left: 0; top: -200px;}



/***** questions fréquentes *****/
.table_plus 						{ position: relative; margin: 30px 0 130px;}
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 45px 40px 30px; display: none;}
.table_plus .hide .ul_list			{ margin: 0 0 30px 0;}
.table_plus .hide .ul_list li		{ padding: 5px 0 5px 30px; position: relative ; font-size: 14px;}
.table_plus .hide .ul_list li:before{ content:"";width:8px;height:8px;border-radius: 50%;background:#ffc200;position:absolute;top: 50%;transform:translateY(-50%);left: 0}
.table_plus .hide p:last-child     	{ margin: 0px;}
.titre_plus 						{ font: 400 15px/25px "Barlow"; position: relative; letter-spacing: 0.2px; color: #08233d; cursor: pointer; padding: 23px 30px 23px 30px; background: #eeeeee; border-radius: 50px;}
.titre_plus:after					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat; border-radius: 50%; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:after 			{ transform: rotate(45deg);}
.table_plus p                       { margin-bottom: 30px; }


@media (max-width: 1200px){
.table_plus                         { margin:30px 0 80px}
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
.titre_plus                         { padding: 23px 90px 23px 30px; border-radius: 12px;}
}
@media (max-width:600px) {
.table_plus 						{ margin: 30px 0 60px; }
.table_plus .sized					{ margin-bottom: 20px;}
.table_plus .hide 					{ padding: 30px 0;}
.titre_plus 						{ font-size: 13px; line-height: 23px;padding: 20px 60px 20px 20px; border-radius: 5px;}
.titre_plus:before					{ display: none;}
.titre_plus:after					{ right: 20px;}
}