/***** top page *****/
.top_page 							{ position: relative;}
.top_page .banner                   { align-items: start; margin-top: 180px;}
.top_page .banner .texte            { padding: 0;}
.top_page .banner .photo            { padding-left: 80px;}

.top_page .sous_titre               { margin: -15px 0 20px; font-size: 25px;}
.top_page .chapo                    { color: #000; margin-bottom: 30px;}
@media (min-width:1201px) { 
.top_page .banner .photo::after     { left: -395px; top: -1360px;}
}
@media (max-width:1000px) { 
.top_page .banner                   { margin-top: 90px;}
.top_page .banner .photo            { padding: 0;}
}
@media (max-width:600px) { 
.breadcrumb 						{ display: none}
.top_page .sous_titre               { font-size: 20px;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:5px 0 70px;}
.breadcrumb a                       { color: #024f37; font-size: 13px;}
.breadcrumb a.active                { color: #87c600;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 30px; letter-spacing: 0.8px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 4px; height: 4px; border-radius: 50%; position: absolute; right: -20px; top: 14px; background: #024f37; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:#87c600;}
}
@media (max-width:1200px) { 
.breadcrumb							{ display: none;}
}

/***** page content *****/
.page 								{ position: relative; padding-bottom: 100px; padding-top: 120px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #cfb18c; padding-bottom: 2px;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #000; color: #000;}
}
@media (max-width:1200px) {
.page 								{ padding: 100px 0 80px;}
}
@media (max-width:700px) {
.page 								{ padding-top: 100px;}
}
@media (max-width:600px) {
.page 								{ padding-bottom: 50px;}
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
}


/***** atouts *****/
.atouts                             { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; margin: 100px 0;}
.atouts .item                       { padding: 50px 60px 50px; background-color:#fff; border-radius: 10px;}
.atouts .icone                      { height: 55px; display: grid; align-items: end; margin-bottom: 20px;}
.atouts .icone img                  { max-height: 100%;}

@media (max-width:1200px) {
.atouts                             { gap: 20px;}
.atouts .item                       { padding: 30px;}
}
@media (max-width:1000px) {
.atouts                             { gap: 10px; margin: 40px 0;}
.atouts .item                       { padding: 30px;}
}
@media (max-width:600px) {
.atouts                             { grid-template-columns: 1fr; gap: 10px;}
.atouts .item                       { padding: 30px 20px; border-radius: 5px;}
.atouts .item:first-child           { grid-area:auto;}
.atouts .icone                      { height: auto; margin-bottom: 5px;}
.atouts .icone img                  { transform: scale(0.8);}
}



/***** faq *****/
.table_plus 						{ position: relative; margin: 90px 0 100px;}
.table_plus>a                       { color: #cfb18c;}
.table_plus .item                   { text-align: left; margin-bottom: 10px;}
.table_plus .sous_titre             { margin-bottom: 25px;}
.table_plus .item:not(:last-of-type){ border-bottom: none;}
.table_plus .hide 					{ padding: 40px 30px 30px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.8px; cursor: pointer; padding: 20px 30px 20px 80px; background: #fff; color: #87c600; font-size: 18px; font-weight: 400; transition: all 400ms ease-in-out; border-radius: 5px;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat #87c600; border-radius: 50%; position: absolute; left: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(135deg); background-color: #024f37;}
@media (min-width:1201px) {
.table_plus>a:hover                 { color: #000;}
}

@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:700px) {
.table_plus 						{ margin: 20px 0 50px;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 0;}
.titre_plus 						{ font-size: 15px; line-height: 24px; padding: 16px 30px 16px 60px; }
.titre_plus:before					{ width: 24px; height: 24px; left: 20px; margin-top: -12px;}
}




/***** bloc texte *****/
.bloc_texte							{ margin: 80px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 30px 0;}
}

.ul_list.col-2     { column-count: 2; margin: 40px 0;}

@media (max-width:700px) {
    .ul_list.col-2    { column-count: 1; margin: 20px 0;}
}