/***** page content *****/
.page_content						{ position: relative; width: 100%; padding: 80px 0 0 0;}
.page_content p						{ margin-bottom: 15px;}

.page_content .ul_list a, 
.page_content p a					{ color: #00a8cc; border-bottom: 1px solid #eee; padding-bottom: 2px; }
@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ color: #00a8cc; border-bottom:1px solid #00a8cc;}
}
@media (max-width:1200px) {
.page_content .ul_list br           { display: none;} 
}
@media (max-width:600px) { 
.page_content						{ position: relative; width: 100%; padding: 70px 0 0 0;}
}

/***** top page *****/
.top_page	  		   				{ position: relative; color: #265485; padding-top: 90px;}
.top_page .chapo	   				{ color: #265485;}
.top_page .wrapper                  { padding: 60px 0 120px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; align-items: center;}
.top_page .wrapper img              { width: 100%; height: auto; display: block;}
.top_page .texte                    { padding-right: 80px;}
.top_page .photo:after				{ content: ""; width: 1500px; height: 1200px; position: absolute; right: -600px; top: -380px; transform-origin: left top; transform: rotate(-30deg); background: linear-gradient(200deg, rgb(11 31 72) 0%, rgba(38,84,133,1) 100%); border-radius: 200px; z-index: -10}
.top_page .texte p                  { margin-top: 15px;}
@media (max-width:1200px) { 
.top_page	  		   				{ padding: 0 0 0; background: linear-gradient(200deg, rgb(11 31 72) 0%, rgba(38,84,133,1) 100%); }
.top_page .wrapper                  { padding: 60px 0 80px; }
.top_page .texte                    { z-index: 10;}                   
.top_page .texte,                   
.top_page .texte .chapo,                   
.top_page .texte .titre_main        { color: #fff;}

.top_page .photo     				{ position: relative;}
.top_page .photo:after				{ display: none; }
}
@media (max-width:1000px) { 
.top_page .wrapper                  { grid-template-columns: 1fr; grid-gap: 30px; padding: 60px 0 60px; }
.top_page .texte                    { padding-right: 0; grid-area: 2; }
.top_page .photo     				{ max-width: 450px}
}
@media (max-width:600px) { 
.top_page	  		   				{ padding: 0 0 0; background: transparent;}
.top_page .photo:after				{ display: block; width: 200vw; height: auto; right: -50vw; bottom: 30%; top: -50vw; transform-origin: initial; transform: rotate(0deg);  border-radius: 0;}
.top_page .wrapper                  { padding: 60px 0 40px; }
.top_page .texte .chapo,                   
.top_page .texte .titre_main 		{ color: #265485;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; margin-bottom: 40px;}
.breadcrumb li 						{ display: inline-block; font: 400 14px/30px "Barlow"; margin-right: 35px; position: relative;}
.breadcrumb li .active				{ color: #00a8cc;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -18px; top: 10px; background: #265485;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #265485;}
@media (min-width:1201px) { 
.breadcrumb li a:hover              { color: #00a8cc; }
}
@media (max-width:1200px) { 
.breadcrumb li a                    { color: #fff;}
.breadcrumb li:after				{ background: #fff;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}


/***** bloc texte *****/
.bloc_texte 						{ margin: 100px auto; position: relative; z-index: 90;}	
.bloc_texte.cadre        			{ z-index: 40;}	
.bloc_texte.cadre .atouts			{ display: grid; grid-template-columns: 1fr 1fr; background-color: #fff; padding: 50px 60px; grid-gap: 60px; border-radius: 40px; box-shadow: 0px 0px 30px 0px rgba(0, 168, 204, 0.1); z-index: 10;}	
.bloc_texte.cadre .atouts img		{ display: block; height: auto; width: 100%;}	
.bloc_texte.cadre:after             { content: ""; width: 900px; height: 900px; position: absolute; left: -80%; top: -80px; transform-origin: left top; transform: rotate(-30deg); background: linear-gradient(180deg, #fff 0%, #bce8f1 100%); border-radius: 200px 0; z-index: -10; }
.bloc_texte.cadre:before            { content: ""; width: 900px; height: 900px; position: absolute; right: -80%; bottom: 0; transform-origin: left top; transform: rotate(30deg); background: linear-gradient(120deg, #fff 0%, #bce8f1 100%); border-radius: 0 200px; z-index: -10;}

.bloc_grid .photos                  { width: 100%; max-width: 600px;}

@media (min-width:1201px) { 
.bloc_texte p a:hover				{ border-bottom: 1px solid #00a8cc;}

}
@media (max-width:1200px) { 
.bloc_texte.cadre:after             { display: none;}
.bloc_texte.cadre:before            { display: none;}
  
}
@media (max-width:1000px) { 
.bloc_texte                         { text-align: left; margin: 60px 0;}
.bloc_texte:last-child				{ margin-bottom: 70px;}
.bloc_texte.cadre .atouts			{ grid-template-columns: 1fr; padding: 50px 5vw; grid-gap: 50px; border-radius: 30px;}	
}
@media (max-width:600px) { 
.page_content p						{ margin-bottom: 10px;}
.bloc_texte 						{ margin: 40px 0;}
.bloc_texte:last-child				{ margin-bottom: 50px;}
.bloc_texte.cadre .atouts			{ padding: 0; grid-gap: 30px; border-radius: 0; box-shadow: none;}	

}


.line                               { width: 55%; height: 1px; background-color: #265485; margin: 120px auto;}
@media (max-width:1200px) { 
.line                               { margin: 90px auto;}
}
@media (max-width:1000px) { 
.line                               { margin: 70px auto;}
}
@media (max-width:600px) { 
.line                               { margin: 50px auto;}
}

/***** table plus *****/
.table_plus 						{ position: relative; margin: 30px 0 120px; } 
.table_plus .item 					{ border: 1px solid #265485; border-collapse: collapse; border-left: none; border-right: none;}
.table_plus .item:not(:last-of-type){ border-bottom: none;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.2px; cursor: pointer; padding: 20px 80px 20px 0; background: #fff; color: #265485; font-size: 16px; font-weight: 400; transition: all 400ms ease-in-out; }
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat #00a8cc; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(135deg); }

@media (min-width:1201px) {
.titre_plus:hover					{  }
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:600px) {
.table_plus 						{ margin: 20px 0 14vw;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 0;}
.titre_plus 						{ font-size: 14px; line-height: 26px; padding: 16px 55px 16px 0; }
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}