/***** breadcrumb *****/
.breadcrumb							{ line-height: 0;margin:0;padding:40px 0 35px;}
.breadcrumb li 						{ display: inline-block;font: 400 12px/30px "poppins"; letter-spacing: 0.2px; margin-right: 25px;position: relative;color: #ffffff;}
.breadcrumb li:after				{ width: 8px; height: 8px; content: ""; position: absolute; right: -20px; top: 10px; background: url(../images/triangle.svg);}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color:#333e45; }
.breadcrumb li a.active             { color:#2dab66; }
.sous_titre                         { font-size: 18px;}
@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: #2dab66;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}
@media (max-width:600px) { 
.sous_titre							{ font-size: 16px; line-height: 26px;margin-bottom: 5px;}
}

/***** top page *****/
.shape_gris                         { position: absolute;width: 2200px;height: 2200px; top: -2745px; z-index: -1;left: -1050px;margin-left: 0;transform: rotate(-45deg);transform-origin: right top; background: #eaeaea;}
.top_page .content 					{ margin: 160px 0 0;position: relative;z-index: 4; margin-bottom: 100px; }
.top_page .content .titre_page      { position: relative;}
.top_page .content .link            { position: absolute; top: 0; right: 0; font-size: 14px; }
.top_page .content .titre_main 		{ font-size: 35px; color: #333e45;line-height: 55px; margin-bottom: 0;}
.top_page .chapo                    { font: 400 14px/30px "poppins";letter-spacing: 0.5px;color: #333e45; }
@media (max-width:1200px) { 
.top_page .content                  { margin: 100px 0 0; }
.shape_gris                         { display: none;}
}
@media (max-width:1000px) { 
.top_page .content .titre_page       { text-align: left; margin-bottom: 10px;}
.top_page .content .titre_main       { margin-bottom: 10px; font-size: 18px; line-height: 30px;}
.top_page .content                   { margin:100px 0 80px; }
.top_page .content .link             { margin-top: 20px; position: relative; top: 0;}
}
@media (max-width:600px) { 
.top_page                           { margin-bottom: 50px;}
.top_page .intro                    { display: block;}
.top_page .content .link            { display: block; font-size: 12px;}
.top_page .content 					{ margin: 0;background: none;padding: 50px 0 0;}
.top_page .chapo                    { font-size: 12px; }
}

/***** page content *****/
.page_content						{ position: relative;}
.page_content .ul_list a			{ color: #2dab66; border-bottom: 1px solid transparent;padding-bottom: 2px;}
.ul_list							{ margin: 20px 0 15px;}
.ul_list li							{ padding: 5px 0 5px 35px; position: relative;font-size: 14px;}
.ul_list li::after  				{ content: ""; background: url(../images/triangle.svg) no-repeat; width: 15px; height: 15px; display: block; left: 0; top: 10px; position: absolute; background-size: contain;}
@media (min-width:1201px) {
.page_content .ul_list a:hover      { border-color: #2dab66;}
}
@media (max-width:600px) { 
.page_content	                    { padding: 80px 0 0; }
.page_content p						{ margin-bottom: 10px; }
}

/***** bloc texte *****/
.bloc_texte							{ margin: 90px 0; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img                     { width: 100%; height: auto; display: block; line-height: 0;}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px 0;}
}
@media (max-width:600px) {
.bloc_texte							{ margin: 40px 0;}
}

.bg_green                           { background: #2dab66 ;}
.atouts                             { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; padding: 100px 0 160px;}
.atouts .item                       { background: #ffffff; padding:50px 40px 60px;}
.atouts .sous_titre                 { margin-bottom: 25px; padding-left: 30px; background: url(../images/triangle.svg) no-repeat left top 5px; background-size: 15px;}
.bandeau                            { background: #333e45; color: #ffffff; margin:-50px 0 100px; padding: 35px 30px; font-size: 18px; text-align: center;}
.bandeau  a                         { display: inline-block; color: #2dab66; border-bottom: transparent 1px solid; padding-bottom: 5px;}
.vers_site                           { margin: 135px 0 130px;}
@media (min-width:1200px) {
.bandeau a:hover                    { border-color: #2dab66;}
}
@media (max-width:1000px) {
.atouts                             { grid-template-columns: auto; gap: 20px; padding: 80px 0 120px;}
.bandeau                            { margin-bottom: 80px;}
.vers_site                          { margin: 100px 0 110px;}
.atouts .item                       { padding: 40px 40px 30px;}
}
@media (max-width:600px) {
.bg_green                           { background: #ffffff;}
.bg_blue                            { background: none;}
.atouts                             { margin: 35px 0 30px; padding: 0;}
.atouts .item                       { padding: 0; text-align: left;}
.atouts .sous_titre                 { margin-bottom: 15px;}
.bandeau                            { margin: 0 -15vw; padding: 30px calc(15vw);}
.vers_site                          { margin:80px 0 110px;}
}

/* Accordeon */
.table_plus                          { margin: 30px 0 0 ;}
.table_plus .item                    { position: relative;}
.table_plus .item .titre_plus        { cursor: pointer; font-weight: 400; background:#f0f0f0; padding: 15px 60px 15px 45px;position: relative; margin-bottom: 20px;}
.table_plus .item .titre_plus::after { content: ""; background: url(../images/plus.svg) no-repeat;position: absolute;top: 50%;right: 40px; width: 20px;height:20px; transform: translateY(-50%); transition: all ease-in-out 400ms;}
.table_plus .hide 					 { margin: 40px 60px 50px; display: none;}              
.table_plus .item .active::after     { transform:translateY(-50%) rotate(45deg);}
@media (max-width: 600px ) {
.table_plus                           { margin: 20px 0 0 ;}
.table_plus .item .titre_plus         { margin:0 -10vw; padding: 15px calc(10vw + 40px) 15px 10vw; line-height: 24px; margin-bottom: 2px; font-size: 12px;}
.table_plus .item .titre_plus::before { left: 10vw;}
.table_plus .item .titre_plus::after  { right: 10vw;}
.table_plus .hide                     { margin: 20px 0 30px; font-size: 12px;}
}



.grid_duo                             { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;}
.grid_duo .item                       { padding: clamp(20px, 3vw, 40px); background-color: #eee }

@media (max-width: 1000px ) {
.grid_duo                             { grid-template-columns: 1fr; gap: 15px; margin: 0;}
}