/***** breadcrumb *****/
.breadcrumb							{ line-height: 0;margin:0;padding: 0 0 25px;}
.breadcrumb li 						{ display: inline-block;font: 400 12px/32px "Poppins"; letter-spacing: 0.2px; margin-right: 25px;position: relative;color: #ffffff;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -15px; top: 10px; background: #fff;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color:#ffffff; }
.breadcrumb li a.active                    { color:#b1d350; }
@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: #b1d350;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}

/***** top page *****/
.top_page                           { background: #00334c; color: #ffffff;padding-top: 80px;margin-bottom: 115px}
.top_page .content 					{ margin:0;padding: 120px 0 80px;position: relative;z-index: 4;}
.top_page .content .titre_main 		{color: #ffffff;font-size: 35px;line-height: 65px;margin-bottom: 5px}
.top_page .sous_titre               { margin-bottom: 20px}
.top_page .chapo                    { margin-bottom: 40px}

@media (max-width:1200px) {
.top_page                           { margin-bottom: 80px}
.top_page .content                  { padding: 70px 0 80px;}
}
@media (max-width:1000px) { 
.top_page .content                  { padding-bottom: 70px; }
}
@media (max-width:600px) {
.top_page .link                     { width: 100%;padding: 0;background: url(../images/note_m.svg) no-repeat center left 30px,url(../images/arrow.svg) no-repeat center right 30px #fff;}
.top_page                           { margin-bottom: 50px;padding: 50px 0 60px}
.top_page .content .titre_main      { font-size: 20px;line-height: 35px;margin-bottom: 0}
.top_page .sous_titre               { margin-bottom: 10px}
.top_page .content .titre_page      { font-size: 20px;line-height: 30px;margin-bottom: 10px; }
.top_page .content 					{ margin: 0;background: none;padding: 0;}
.top_page .chapo			        { padding: 0; margin: 0 0 30px; font-size: 12px; line-height: 26px;}
}


/***** page content *****/
.page_content						{ position: relative;padding-bottom: 10px;}
.page_content p						{ margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a					{ color: #b1d350; border-bottom: 1px solid transparent; padding-bottom: 2px;}

.ul_list.grid                       { display: grid; grid-template-columns: 1fr 1fr;}


@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ border-color: #b1d350;}
}
@media (max-width: 1200px){
.page_content .bloc_grid            { margin:70px 0}
}
@media (max-width: 1000px){
.ul_list.grid                       {  grid-template-columns: 1fr;}}
@media (max-width:600px) { 
.page_content	                    { padding: 80px 0 10px; }
.page_content p						{ margin-bottom: 10px; }
.page_content .bloc_grid            { margin:50px 0 40px;gap: 25px}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 95px 0 90px; position: relative;}
.bloc_texte.grid      				{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img                     { width: 100%; height: auto; display: block; line-height: 0;}
@media (max-width: 1200px){
.bloc_texte                         { margin:70px 0}
}
@media (max-width:1000px) { 
.bloc_texte.grid      				{ grid-template-columns: 1fr; grid-gap: 50px;}

.bloc_texte							{ margin: 50px 0;}
}
@media (max-width:600px) {
.bloc_texte.grid      				{ grid-gap: 20px;}
.bloc_texte							{ margin: 40px 0 50px;}
}

/***** Atouts *****/
.page_content .bg                   { background: #00334c; padding: 100px 0;}
.page_content .atouts .sous_titre   { color:#b1d350 ;}
.page_content .atouts               { display:grid; grid-template-columns: 1fr 1fr; text-align: center; margin-top: 0; gap:80px;}
.page_content .atouts img           { margin: 0 auto 5px auto; width: auto; height: auto;}
.page_content .atouts .item         { background: #fff; padding: 50px 65px 40px; display:grid; align-content: center; justify-content: center;gap:15px}
.page_content .atouts p             { color: #00334c;}
.atouts .sous_titre                 { margin-bottom: 5px}
.trio                               { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px;}
@media (max-width: 1000px) {
.page_content .atouts               { gap: 40px}
.trio                               { grid-template-columns: 1fr; grid-gap: 60px;}
}
@media (max-width: 780px){
.page_content .atouts               { grid-template-columns: 1fr}
}
@media (max-width: 600px){
.page_content .atouts               { grid-template-columns: 1fr;gap:10px}
.page_content .atouts img           { margin-bottom: 0}
.page_content .atouts .item         { padding: 30px 35px 35px;gap:10px}
.atouts .sous_titre                 { margin-bottom: 0}
.page_content .bg                   { padding:50px 0}
.trio                               { grid-gap: 40px;}
}
@media (max-width: 400px){
.page_content .atouts .item         { padding: 30px 30px 35px;}
}


/***** table plus *****/
.table_plus 						{ position: relative; margin: 90px 0;}
.table_plus .sous_titre             { margin-bottom: 30px }
.table_plus>.sized					{ margin-bottom: 30px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 40px 60px 25px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ font: 400 14px/24px "Poppins"; position: relative; letter-spacing: 0.2px; color: #00334c; cursor: pointer; padding: 18px 85px 18px 30px; background: #f4f4f4;}
.titre_plus:before					{ z-index: 3; width: 60px; height: 100%; background: url("../images/plus.svg") 50% no-repeat  ; position: absolute; right: 0; top: 0; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before           {transform: rotate(45deg);}
.titre_plus:after            { content:"";position:absolute;right:0;width:60px;height:100%;background:#b0d24f;top:0;z-index: 2}

@media (max-width: 1200px)          {
.table_plus                         { margin: 70px 0}
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 60px;}
}
@media (max-width:600px) {
.table_plus .sous_titre             { margin-bottom: 20px}
.table_plus 						{ margin: 45px 0 50px;}
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 0;}
.titre_plus 						{ font-size: 12px; line-height: 23px;padding: 13px 80px 13px 7.5vw;;margin: 0 -7.5vw}
}




/*** Agreations ***/
.ul_list.agre                       { margin: 30px auto;}
.ul_list.agre li                    { display: grid; grid-template-columns: 50px 1fr; padding: 8px 0 8px 0; background-image: none; background-position: left 0 top 12px;}
.ul_list.agre li b                  { color: #b1d350; font-weight: 600;}

.agreations                         { background-color: #00334c; color: #fff; padding: 50px 60px;}
.agreations .grid                   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px;}
.agreations .grid .sous_titre       { color: #fff; border-bottom: 1px solid #ffffff22; padding-bottom: 20px;}
.agreations .grid .sous_titre span  { font-size: 15px; color: #b1d350; display: block;}

@media (max-width:1200px) {
.agreations                         { padding: 50px;}
.agreations .grid                   { grid-gap: 40px;}
}
@media (max-width:1000px) {
.agreations                         { padding: 40px;}
.agreations .grid                   { grid-template-columns: 1fr; grid-gap: 60px;}
}
@media (max-width:700px) {
.agreations                         { padding: 20px;}
.agreations .grid                   { grid-template-columns: 1fr; grid-gap: 40px;}
}