/***** top page *****/
.top_page 							{ background: #283d57; padding: 200px 0 100px; position: relative}
.top_page .titre_main               { color: #fff; margin-bottom: 5px;}
.top_page .titre                    { color: #fff;}
.top_page .sous_titre               { color: #83a5ca;}
.top_page .titre_main:after		    { height: 4px; }
.top_page .chapo,
.top_page p                         { color: #fff;}
.top_page .link                     { margin-top: 30px;}
.top_page .wrapper                  { z-index: 40;}
.top_page .visio_cta                { margin-top: 25px;}
.top_page .visio_cta .link          { margin: 0;}
@media (max-width:1200px) {
.top_page							{ padding: 170px 0 80px;}
}
@media (max-width:1000px) {
.top_page							{ padding: 160px 0 70px;}
}
@media (max-width:600px) { 
.top_page							{ padding: 140px 0 50px;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; margin: 10px 0 40px 0; text-align: left;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.6px; position: relative;}
.breadcrumb li a					{ color: #fff;}
.breadcrumb li a.active    			{ color: #83a5ca;}
.breadcrumb li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -16px; top: 5px; background: #fff;}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: #08404E; }
}
@media (max-width:1200px) { 
.breadcrumb							{ margin: 0 0 40px 0;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}

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

@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ border-color: #83a5ca; color: #83a5ca;}
}
@media (max-width:600px) {
.page_content						{ padding-bottom: 0;}
.page_content p						{ margin-bottom: 15px;}
.ul_list 							{ margin: -5px 0 15px 0;}
}

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

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


.cadre_bleu                         { background-color: #e9f2fa; padding: 50px 60px 70px; border-radius: 20px; }
@media (max-width:1200px) { 
.cadre_bleu                         { padding: 40px 50px 60px; border-radius: 15px; }
}
@media (max-width:1000px) { 
.cadre_bleu                         { padding: 40px 5vw 50px; border-radius: 8px; }
}
@media (max-width:600px) { 
.cadre_bleu                         { padding: 40px 7.5vw 50px; border-radius: 0; margin: 0 -7.5vw;}
}


.atouts                             { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.atouts .cadre_bleu                 { padding: 50px 50px 60px;}
@media (max-width:1200px) { 
.atouts                             { grid-template-columns: 1fr 1fr 1fr; grid-gap: 25px;}
.atouts .cadre_bleu                 { padding: 50px 40px;}
}
@media (max-width:1000px) { 
.atouts                             { grid-template-columns: 1fr; grid-gap: 20px;}
.atouts .cadre_bleu                 { padding: 45px 5vw;}
}
@media (max-width:600px) { 
.atouts                             { grid-gap: 5px;}
.atouts .cadre_bleu                 { padding: 9vw 7.5vw;}
}

/***** toggle show - hide *****/
.table_plus                         { margin: 40px 0 0 ;}
.table_plus .item                   { position: relative; margin-bottom: 15px;}
.table_plus .item .titre_plus       { background: #e9f2fa; color: #283d57; padding: 18px 80px 18px 30px; position: relative; border-radius: 5px; cursor: pointer; transition: color 300ms ease-in-out; }
.table_plus .item .titre_plus:after	{ content: ""; background: url("../images/plus.svg") 50% no-repeat; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); right: 30px; transition: all ease-in-out 400ms;}
.table_plus .hide 					{ padding: 40px 60px 25px 60px; display: none;}              
.table_plus .item .active:after     { transform: rotate(135deg);}

@media (min-width: 1201px ) {
.table_plus .item .titre_plus:hover { color: #83a5ca; }

}

@media (max-width: 600px ) {
.table_plus                          { margin: 20px 0 0 ;}
.table_plus .item                    { margin-bottom: 10px;}
.table_plus .item .titre_plus        { margin:0 -7.5vw; padding: 15px 60px 15px 7.5vw; border-radius: 0; line-height: 24px;}
.table_plus .item .titre_plus::after { right: 10vw; top: calc(50% - 10px);}
.table_plus .hide                    { padding: 30px 0 20px;}
}