/***** header *****/
@media (max-width:1000px) {
.header 							{ box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);}
}


/***** top page *****/
.top_page	  		   				{ padding-top: 50px; position: relative; background: linear-gradient(to top, #fff 0%, #cfe9f3 100%);}
.top_page .breadcrumb				{ line-height: 0; padding: 30px 0 25px 0;}
.top_page .breadcrumb li 			{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 25px; position: relative;}
.top_page .breadcrumb li:after		{ width: 1px; height: 10px; content: ""; position: absolute; right: -14px; top: 5px; background: #1e2b50;}
.top_page .breadcrumb li:last-child:after{ display:none;}
.top_page .breadcrumb li a.active	{ color: #0082c2;}
.top_page .content 				    { background: #fff; padding: 80px; text-align: center; border-radius: 5px; margin-bottom: -90px;}
.top_page .content .titre_main	    { font-size: 40px; line-height: 50px; margin: -5px 0 5px 0;}

@media (min-width:1201px) {
.top_page .breadcrumb li a:hover 	{ color: #0082c2;}
}
@media (max-width:1200px) {
.top_page	  		   				{ padding-top: 0;}
.top_page .content 				    { padding: 60px; margin-bottom: -80px;}
.top_page .content .titre_main	    { font-size: 30px; line-height: 40px;}
}
@media (max-width:1000px) {
.top_page	  		   				{ background: none;}
.top_page .breadcrumb				{ padding: 30px 0 40px 0;}
.top_page .content 				    { padding: 0; margin-bottom: 0;}
}
@media (max-width:600px) {
.top_page .breadcrumb				{ display: none;}
.top_page .content 				    { text-align: left;}
.top_page .content .titre_main	    { font-size: 22px; line-height: 32px;}
}


/***** page content *****/
.page_content						{ width: 100%; position: relative; padding-top: 70px; padding-bottom: 20px;}
.page_content p						{ margin-bottom: 20px;}
.page_content .ul_list a, 
.page_content p a					{ color: #0082c2; border-bottom: 1px solid #0082c2; padding-bottom: 2px;}
.ul_list							{ margin: -5px 0 20px 0;}
.ul_list li							{ padding: 6px 0 6px 28px; position: relative; line-height: 26px; background: url("../images/list.svg") 0 13px no-repeat;}

@media (min-width:1201px) { 
.page_content .ul_list a:hover, 
.page_content p a:hover				{ color: #0ba7f4; border-color: #0ba7f4;}
}
@media (max-width:1200px) { 
.page_content						{ padding-top: 80px;}
}
@media (max-width:620px) { 
.page_content						{ padding-top: 120px;}
}


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

@media (max-width:1000px) { 
.bloc_texte							{ margin: 70px 0;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 50px 0;}
}


/***** grid link societe *****/
.grid_links 						{ width: 330px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin: 0 auto; text-align: center;}
.grid_links .link					{ background-image: linear-gradient(to top, #f2f2f2 0% 50%, #1e2b50 50% 100%); color: #1e2b51;}
.grid_links .link.active			{ background: #1e2b50; color: #fff;}

@media (min-width:1201px) { 
.grid_links .link:hover				{ color: #fff;}
}
@media (max-width:600px) { 
.grid_links 						{ display: none;}
}


/***** link video *****/
.link_video            				{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
.link_video span           			{ width: 80px; height: 80px; background: url("../images/play.svg") 55% 50% no-repeat #00000095; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%;}

@media (min-width:1201px) { 
.link_video:hover					{ background: #00000050;}
.link_video:hover span				{ background-color: #0082c2;}
}


/***** historique*****/
#story .timeline .item				{ background: #f5f5f5; padding: 30px 40px; border-radius: 5px; margin: 20px 0;}
#story .timeline .sous_titre 		{ margin: 3px 0 5px 0;}
#story .timeline .ul_list	 		{ margin: 0;}

@media (max-width:600px) { 
#story .timeline .item				{ padding: 6vw 7.5vw;}
}


/***** station-service *****/
#station .photo .logo_euro_energies	{ width: 245px; height: auto; display: block; position: absolute; right: 30px; bottom: 30px; background: #fff; border-radius: 5px; padding: 15px 20px 20px 20px;}

@media (max-width:600px) { 
#station .photo .logo_euro_energies	{ width: 210px; right: 20px; bottom: 20px;}
}
@media (max-width:400px) { 
#station .photo .logo_euro_energies	{ width: 195px;}
}


/***** plan du site*****/
#sitemap .grid_plan 				{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; padding: 0 80px;}
#sitemap .grid_plan .item			{ background: #f5f5f5; padding: 40px; border-radius: 5px;}
#sitemap .grid_plan .sous_titre		{ color: #000;}
#sitemap .grid_plan .ul_list		{ margin-bottom: 0;}
#sitemap .grid_plan .ul_list li		{ background-image: url("../images/list_arrow.svg"); background-position: 0 15px; padding-left: 22px;}

@media (max-width:1200px) { 
#sitemap .grid_plan 				{ padding: 0 60px;}
}
@media (max-width:1000px) { 
#sitemap .grid_plan 				{ grid-template-columns: 1fr; padding: 0;}
}
@media (max-width:600px) { 
#sitemap .grid_plan .item			{ padding: 9vw 7.5vw;}
}

/*** Dynalmique ***/
.dynamique img { max-width: 100%; height: auto}
.dynamique h2, .dynamique h3, .dynamique h4, .dynamique h5, .dynamique h6 { font: 500 20px/30px "Barlow"; color: #0082c2; position: relative; margin-bottom: 20px;}
.dynamique ul { margin: -5px 0 20px 0;}
.dynamique ul li { padding: 6px 0 6px 28px; position: relative; line-height: 26px; background: url(../images/list.svg) 0 13px no-repeat;}