/***** header *****/
.header 							{ background: #fff;}

/***** breadcrumb *****/
.breadcrumb							{ text-align: left; line-height: 0; margin: 70px 0 45px 0;}
.breadcrumb li 						{ display: inline-block; font-size: 11px; line-height: 30px; margin-right: 20px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 11px; content: ""; position: absolute; right: -12px; top: 10px; background: #00bcd4;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #0c2938; }
.breadcrumb li a.active             { color: #0c2938; }
@media (min-width:1200px) { 
.breadcrumb li a:hover              { color: #00bcd4; }
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}
/***** top page *****/
.top_page 							{ background: #f6f6f6; text-align: left; padding: 190px 0 90px;}
.top_page .titre_page               { font: 700 30px/30px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; margin-bottom:10px; }
.top_page .titre_main 				{ margin: 0 auto 20px; color: #00bcd4;  font: 400 18px/28px "Poppins";} 
.top_page .chapo					{ margin-top: 0; padding: 0 190px 0 0; font: 400 14px/30px "Poppins"; color: #003f58; letter-spacing: 0.6px;}
.top_page	.rs						{ position: absolute; right: 0; top:50px; width:60px; z-index: 10;}
.top_page	.rs a						{ width: 60px; height: 60px; display: inline-block; vertical-align: top; border-radius: 50%; align-items: center; background: #197194; margin-bottom:10px; transition: all 200ms ease-in-out;}
.top_page	.rs a:last-child    		{ margin-bottom:0px;}					
.top_page	.rs .mail  img              { filter: invert(100%); position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); transition: all 200ms ease-in-out;}
.top_page	.rs .facebook  img          { filter: invert(100%); position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); transition: all 200ms ease-in-out;}
.top_page	.rs .instagram  img         { filter: invert(100%); position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); transition: all 200ms ease-in-out;}
.header_nav .menu>li.active>a 		{ color:#00bcd4;}

@media (min-width:1200px) {
.header_nav .menu>li:hover>a        { color:#00bcd4; }
 }   

@media (min-width:1201px) {
.top_page	.rs a:hover						{ background: #0c2938; transition: all 200ms ease-in-out;}
}

@media (max-width:1200px) { 
.header 							{ background: #0c2938;}
.top_page	.rs						{ display:none;}
.top_page                           { padding:80px 0 70px 0; }
.top_page .chapo					{ padding: 0;}
}
@media (max-width:600px) { 
.top_page .titre_page               { font: 700 20px/30px "PT Serif"; }
.top_page .titre_main 				{ font: 400 16px/28px "Poppins";} 
.top_page .chapo					{ font: 400 12px/26px "Poppins";}
.top_page 							{ margin: 70px 0 0 0; padding:50px 0;}
.top_page .titre_main               { margin-bottom: 15px; }
}
 
/***** page content *****/
.page_content						{ position: relative;}
.page_content p						{ margin-bottom: 20px;}
.inner_page                         { margin: 140px 0 130px; }
.inner_page .bloc_grid:first-child .photo       { background: #00bcd4;text-align: right;padding-left: 155px;}
.inner_page .bloc_grid:first-child .photo img   { max-width: 445px;display: inline-block;}
.page_content .ul_list a, 
.page_content p a					{ color: #00bcd4;}
.ul_list							{ margin: 0px 0 20px 0;}
.ul_list li							{ padding: 7px 0 7px 35px;line-height: 30px;  position: relative;}
.ul_list li:before					{ content: ""; position: absolute; left: 0; top: 10px; width: 25px; height: 25px; border-radius: 50%; background-color: #00bcd4;   background: url("../images/icon-ulist.svg") 50% 50% no-repeat;  }
.s_titre                            { font: 500 18px/30px "Poppins";letter-spacing: 0.2px;}

@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{  color: #003f58;}
}
@media (max-width:1000px) { 
.inner_page                         { margin: 60px 0; }
.ul_list                            { margin: 20px 0; }
.inner_page .bloc_grid:first-child .photo img   { max-width: inherit; }
}
@media (max-width:600px) { 
.inner_page                         { margin: 30px 0 30px; }
.ul_list                            { margin: -10px 0 20px 0; }
.inner_page .bloc_grid:first-child .photo       { padding-left: 98px; }
}
/***** bloc grid/bloc texte *****/
.bloc_grid .photo .content          { position: absolute;bottom: 60px;left: 60px;z-index: 10; }
.bloc_grid .photo .content p        { font: 500 30px/40px "Poppins";letter-spacing: 0.2px;color: #ffffff;}
.bloc_texte							{ margin: 90px 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;}
.bloc_texte .parten                 { text-align: center;     display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;    grid-gap: 20px; }
.bloc_texte .parten img             { border:1px solid #ccc;  border-radius: 10px; padding:15px;}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 55px auto;}
.bloc_texte + .bloc_grid            { margin:70px 0 60px; grid-gap: 50px;}
.bloc_texte .parten                 { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media (max-width:600px) { 
.bloc_grid .photo .content          { bottom: 38px;left: 38px; }
.bloc_grid .photo .content p        { font-size: 19px;line-height: 39px; }
.bloc_texte							{ margin: 35px 0;}
.bloc_texte + .bloc_grid            { margin:30px 0 20px; grid-gap: 30px;}
.bloc_texte .parten                 { grid-template-columns: 1fr 1fr; }
}


.grid-team                     { display: grid; grid-template-columns: 1fr; grid-gap: 80px; position: relative; margin: 90px 0;}
.grid-team .item               { text-align: center;}
.grid-team .item img           { max-width: 100%; height: auto;}
.grid-team .item h3.titre      { font: 700 30px/30px "PT Serif"; letter-spacing: 0.4px; color: #0c2938; margin-bottom: 20px;}
.grid-team .item h3.titre span { font: 400 18px/28px "Poppins"; color: #03bdd4; padding-top: 15px;}

@media (max-width:1000px) {
    .grid-team                     { grid-gap: 60px; margin: 70px 0;}
    .grid-team .item h3.titre      { font: 700 25px/30px "PT Serif"; margin-bottom: 15px;}
    .grid-team .item h3.titre span { font: 400 16px/22px "Poppins";padding-top: 10px;}
}

@media (max-width:800px) {
    .grid-team                     { grid-template-columns: 1fr;grid-gap:60px 0; margin: 60px 0;}
}

/***** Date famille *****/
.colonne_date                       { display: grid;  grid-template-columns: 60px 1fr; gap: 15px; align-items: center; position:relative; margin-top:30px;}
.colonne_date .date                 { font: 500 15px/30px "Poppins"; letter-spacing: 0.2px; color:#197194; background: url("../images/arrow-right-blue.svg") right 50% no-repeat; padding-right:30px;}
.colonne_date .description          { font: 500 14px/30px "Poppins"; letter-spacing: 0.6px; color:#003f58; background: #f6f6f6; border-radius:10px; padding:20px 30px; }

@media (max-width:600px) {
.colonne_date                       { grid-template-columns: 50px 1fr; gap: 10px;}
.colonne_date .date                 { font: 500 14px/30px "Poppins";}
.colonne_date .description          { font: 500 12px/26px "Poppins"; border-radius:5px; padding:10px 20px; }
}

/***** Partenaires *****/
.colonne_partenaires                                { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 50px; align-items: center; position:relative;}
.colonne_partenaires .bloc_partenaire               { text-align: center; background: #f6f6f6; border-radius: 15px; padding: 30px;}
.colonne_partenaires .bloc_partenaire img           { width:140px; height:auto; border-radius: 10px; margin:0 auto 20px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);}
.colonne_partenaires .bloc_partenaire strong        { font: 600 14px/30px "Poppins"; letter-spacing: 0.6px;  color: #003f58;}
.colonne_partenaires .bloc_partenaire .pdf           { color: #00bcd4;}

@media (max-width:1200px) {
.colonne_partenaires                       { grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width:1000px) {
.colonne_partenaires                       { grid-template-columns: 1fr 1fr;}
}

@media (max-width:600px) {
.colonne_partenaires                       { grid-template-columns: 1fr; gap: 20px;}
}

/***** table plus *****/
.table_plus 						{ position: relative; margin: 30px 0 0 0;} 
.table_plus .sous_titre				{ margin-bottom: 30px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ font: 400 15px/26px "Poppins"; position: relative; letter-spacing: 0.2px; color: #fff; cursor: pointer; padding: 15px 90px 15px 40px; background: #197194; border-radius:50px; transition: all 400ms ease-in-out;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/arrow-right-blue.svg") 50% no-repeat #fff; border-radius: 50%; position: absolute; right: 40px; top: 50%; margin-top: -15px; content: "";}
.titre_plus.active 			        { background-color: #0c2938;}
.titre_plus.active:before	        { transform: rotate(90deg);}

@media (min-width:1201px) {
.titre_plus:hover			    { background-color: #0c2938; transition: all 400ms ease-in-out;}
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
.table_plus 						{ position: relative; margin: 0px 0px 30px 0;} 
}
@media (max-width:600px) {
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 30px 0;}
.titre_plus 						{ font-size: 14px; line-height: 22px;}
.titre_plus 						{ border-radius:10px;}
}