/* *** GLOBAL *** */
#main .editorial-page .editorial-page-content {
    max-width: 120rem;
    margin: 0 auto;
}

.block-titre .border{background-color:#FE5716}
.block-titre .horizontal{height:.3125rem;width:5rem}
.border.vertical + .title-container h2, .border.vertical + .title-container h3 {
	position: relative;
	padding-left: 1.2rem;
}
.border.vertical + .title-container h2::before, .border.vertical + .title-container h3::before {
	position: absolute;
	left: 0;
	content: '';
	height:100%;width:.3125rem;
	background-color:#FE5716
}
.hover-double {
    border-width: 30px !important;
    margin: -35px 0 0 -35px !important;
}
.page-edito-main h2 {
    font: 1.5rem "EDF-Light",sans-serif;
}

.editorial-page {
    margin-bottom: 0;
}

.banner-intro-inner {
    z-index: 2;
}

.hover-double svg {
	width:70px !important;
	height:70px !important;
}
sub {font-size:0.7em;}
div#personalization-wrapper:empty { display:none; }
#smart-grids + br { display:none; }
.smart-grids p { font-size:.875rem; }
.sg-main-title {
	margin-top:0;
	color:#FFF;
    font-size:2.05rem;
	font-family:"EDF-Bold", sans-serif;
	line-height:1.2;
}
.sg-main-title .sg-main-subtitle {
	display:block;
	margin-bottom:1.2rem;
	font-size:.875rem;
	font-family:"EDF-Regular", sans-serif;
}
.sg-back {
	display:inline-block;
	margin-bottom:1.3rem;
	font-size:.975rem;
	color:#FFF;
}
.sg-back:before {
	content:'';
	display:inline-block;
	margin-right:.6em;
	vertical-align:-2px;
	width:16px; height:16px;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfAQMAAAAlYIR6AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABVJREFUCNdj+C//8B8xBCogSRuZegHq2ke5EvLxRwAAAABJRU5ErkJggg==') no-repeat 0 0;
	background-size:15px auto;
}
.sg-cta-arrow {
	display:block;
	margin:0 auto;
    width:54px;
	color:#FFF;
	font-size:.8rem;
}
.sg-cta-arrow span { display:none; }
.sg-cta-arrow:after {
	content:'';
	display:inline-block;
	width:50px; height:50px;
	border-radius:50%;
	border:2px solid #ffa02f;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMAgMAAAAFXpXmAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAfX+gXa/IAAAAOElEQVQI1xXJOQEAIQDEwL3qZGAFZ1hEAiIoaHiSNCkm7dJJcSu/G/lcjbgTcTKwMxACIRESIRF6m0gi84hIL0QAAAAASUVORK5CYII=');
	background-size:12px 6px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.sg-notif-project {
	position:fixed;
	top:5.125rem; right:2rem;
	min-width:3.125rem; min-height:3.125rem;
	padding:.5rem 0;
	background:#FFF;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCRkQyODQ4QjI5MTFFODk2QTlDNTRCQ0I2NEExNUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCRkQyODU4QjI5MTFFODk2QTlDNTRCQ0I2NEExNUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkJGRDI4MjhCMjkxMUU4OTZBOUM1NEJDQjY0QTE1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkJGRDI4MzhCMjkxMUU4OTZBOUM1NEJDQjY0QTE1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmBFJVkAAAGVSURBVHjajFQLTsJAEJ3ZchBOIGDxUkYpeAyVdisSE5EjEThCwznojm+mCyKBwiZN5/ve7My0LOtySqvshSghoppEiJip9RzHCAQWByGQOIFsxsY5LLyj/mgm97kXDrDwVXA9rEEAsQyAi9SNPbBCkPENXz+ln5UsKAekXV77TFaTsSWrpe0GhgOUAAoXyXAD56IzLXzdzwqoWxdzKuqBbej9NXCrVENCE2floUgFFy0f3SBUDtdW/e4orzIH2K8RaJGBm0EYmRMzsoGPS8OKx53kVhaQlvnxQGuNCvtQRW8S97NUPaT+/RT8HEEk0cF7I2HcPdlpZGgAwWhjCknTHhBKmnvXG81PwS8RGAkPspm1C72WhP96L81qhqRWdgwUhQwm5TnwNoLDTeihzPkwd6a6o+uIoeoeDYqc+k/zS+Cxx4IiUWUdTP7/4MML0q0300J+oH5DXWKzF3g2vkBeV2MsP8Sc+N5F3FsIVO6GzcebLKEunJgM4hBj2gg6dNup6O7xC78TbCea1HueYxbVLYm/AgwAlB0mA+ce0MIAAAAASUVORK5CYII=');
	background-size:.75rem .375rem;
	background-position:50% 85%;
	background-repeat:no-repeat;
	border-radius:50%;
	box-shadow:0 0 1.25rem 0 rgba(0, 0, 0, 0.2);
	color:#333;
	font-size:.625rem;
	line-height:1.3;
	text-transform:uppercase;
	text-align:center;
}
.sg-notif-project strong {
	display:block;
}
.sg-notif-project:after {
	content:'';
}
/* *** LAYOUT *** */
.sg-main-panel {
	position:relative;
	padding:2rem 1rem 3rem;
	background:#193d4b no-repeat 50% 50%;
	background-size:cover;
	color:#FFF;
}
.sg-aside-panel { display:none; }
.sg-content {
	padding:2rem 1rem 0;
	background:#FFF;
}
.sg-desc-numbers {
	margin:0; padding:0;
	list-style:none;
	text-transform:uppercase;
	font-size:.9rem;
}
.sg-desc-numbers li { display:inline; }
.sg-desc-numbers li:before {
	content:'|';
	margin:0 .5em;
	vertical-align:1px;
}
.sg-desc-numbers li:first-child:before { display:none; }


/* *** TERRITOIRE CONTENT *** */
.sg-content .sg-content-title {
    margin: 0 0 1em;
    font-size: 1.25rem;
    line-height: 1.15em;
}
.sg-content-highlight {
	margin-left:1.2em;
	margin-bottom:1.9em;
	padding-left:1.6em;
	border-left:2px solid #e85224;
}
.sg-content-highlight h3 {
	margin: 0 0 1em;
    font-size: 1.25rem;
    font-family:"EDF-Light", sans-serif;
    line-height: 1.2em;
}
.sg-content-list,
.sg-content-checklist {
	margin:1.3em 0 1.3em 1em;
	padding:0;
	list-style:none;
	color:#6d6f71;
	font-size:.875rem;
}
.sg-content-list li,
.sg-content-checklist li {
	margin-bottom:.7em;
	padding-left:calc(19px + 1em);
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAe1BMVEX//////v3/8Or+ZSf/3tD+gU7+mnL+WBX+Xx/+lmz/28z+hVP/7eX/5dz/4tb+n3n/8u3+YiP+XBv/9/P/sI/+o3/+ay/+qYf+bzX/+/r/9O//6+L/w6z/tZf+fUn+aS3/+vj/vaP/spT+kGP+jV/+iFj/1MP/yLH/up8Bmh9tAAABBklEQVQ4y4XTi26DIBQGYEHLAQVUFLWt1V63vf8TTk7WuLaAf9Rw+TxggoknJCHnpiFJNMh022bo4jCf+H3bkarncNNx52aPJYd73OGktAbEf0f879CSG3R/1ydbRnBdY24KuyhDka6eQhINtTVnKgLW/XF2dMXOUud59h4c0UpdBjClW1dei2na+VM8ig6An5okUazjqTd1mnbDDACWLsuPpWBvEUK4J7O9WKoN41KNNFTSQA70Z4b5QrfOgH5AdzpsHqcCUqdIUDzVtcKuRxC8UdUtqgBDla0qkNdaJAz3TvUVFg8zIgXwnmIzVuxrN1i57jbwCXs1fkucjzIX13yC+B+2gl8uiA3Lj5vXMAAAAABJRU5ErkJggg==');
	background-size: 19px auto;
	background-repeat:no-repeat;
	background-position:0 4px;
}

.sg-content-checklist li {
	margin-bottom:1.0em;
	padding-bottom:1.0em; 
	border-bottom:1px solid #dfe0e1;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAYFBMVEUAAAD+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBVBOBEqAAAAH3RSTlMAvg8G+vbUyKVaTiMV8NzOl2lCNhwKiHjkspNwZEUtO8xSvAAAAJ9JREFUKM+l0MkSgyAQRdEWFXEKTkQz8v9/GaqpgBRUs/CuKPqsHtD18guZtpse+yzR+iDRYIhJUoQjGddLhMk8aZDUyyWiCiTVJ086v3exhaSMyaH5EJCHxtpgb4MoAnYGzhwREYG1xq+GhWSGc0uAPEkiZd6TJa9ojq7CQ6H+ZI+IR09HUkifukO6liIe0QR7WzIB1ewIjQTk2kUJqX7dtRpZyWnh/AAAAABJRU5ErkJggg==');
	background-size: 17px auto;
	background-position:0 5px;
}
.sg-content-checklist li:last-child {
	border:none;
	padding-bottom:0;
}


/* *** PROJECT LIST *** */
.sg-projectlist-title {
	margin-top:1.3em;
	margin-right:4rem;
	margin-bottom:1em;
	line-height:1.2;
	font-family:"EDF-Light", sans-serif;
	font-size:1.625rem;
}
.sg-projectlist {
	margin:0 -1rem; padding:0;
	list-style:none;
}
.sg-projectlist li {
	margin-top:-1px;
	border-top:1px solid #e9e9e9;
}
.sg-projectlist li:first-child { border-top:none; }
.sg-projectlist a {
	display:-ms-flexbox;
	display:flex;
	text-decoration:none;
}
.sg-projectlist a:hover,
.sg-projectlist a:focus { text-decoration:none; }
.sg-projectlist a:hover .sg-projectlist-content,
.sg-projectlist a:focus .sg-projectlist-content { text-decoration:underline; }
.sg-projectlist a:hover .sg-projectlist-content span,
.sg-projectlist a:focus .sg-projectlist-content span { text-decoration:none; }
.sg-projectlist-thumb {
	position:relative;
	display:inline-block;
	-ms-flex-negative:0;
	flex-shrink:0;
	min-height:6.7rem;
	width:30%;
	overflow:hidden;
}
.sg-projectlist-thumb span {
	position:absolute;
	display:block;
	width:100%; height:100%;
	background-size:cover;
    background-repeat:no-repeat;
	background-position: 50% 50%;
	transition:transform .3s ease-out;
}
a:hover .sg-projectlist-thumb span,
a:focus .sg-projectlist-thumb span { transform:scale(1.1); }
.sg-projectlist-content {
	display:inline-block;
	padding:1rem 1rem 1rem 1.6rem;
	color:#e85224;
	font-family:"EDF-Bold", sans-serif;
	font-size:.825rem;
	line-height:1.4;
	-ms-flex-item-align:center;
	align-self:center;
}
.sg-projectlist-subtitle {
	display:inline-block;
	width:100%;
	margin-bottom:0.5em;
	color:#828282;
	font-family:"EDF-Regular", sans-serif;
	font-size:.7rem;
}

/* *** PROJET *** */
.sg-project-panel {
	display:none;
	position:fixed;
	top:0; right:0; bottom:4rem; left:0;
	padding:2rem 1rem 3rem;
	overflow:auto;
	background:#FFF;
	z-index:50;/*to top mobile header*/
}
.sg-panel-opened .sg-project-panel {
	display:block;
}
.sg-project-close {
	position:absolute;
	top:1.2rem; right:1.9rem;
	padding:1.5em;
	border:none;
	border-radius:50%;
	width:9px; height:10px;
	box-shadow:0px 0px 11px 1px #DDD;
	-webkit-appearance:none;
	text-indent:-99999px;
	background-color:#FFF;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQwQTk5NkMyQzMwMTFFODg0NjJBNkZERkQxRkJCNDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQwQTk5NkQyQzMwMTFFODg0NjJBNkZERkQxRkJCNDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDBBOTk2QTJDMzAxMUU4ODQ2MkE2RkRGRDFGQkI0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDBBOTk2QjJDMzAxMUU4ODQ2MkE2RkRGRDFGQkI0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi5oJkUAAACMSURBVHjaYmBgYLgKxNoM2IESEJ8BMWKA+B0QS6IpEATiV0CcDROoAeJnQMwN5XMA8QMg7kY3ejYQX4cqOAfEK3E4gWEXEP8C4sNAzAgTZEJSABLkhLK/A/F/bIpWQN3EB8SyUOtRQDfUoRxQPjfUIzUwBdlQrwqiaZSEBg0oiMCBpYTDI6BAvgoQYACSsxgVPhMxuQAAAABJRU5ErkJggg==');
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:all .1s linear;
}
.sg-project-close:hover, .sg-project-close:focus {
	box-shadow:0px 0px 21px 1px #EDEDED;
}

.sg-project-pagination {
	position:fixed;
	bottom:0;
	left:0; right:0;
	display:flex;
	padding:0 1em;
	background:#FFF;
	box-shadow:0px 4px 28px 4px rgba(0,0,0,.2); 
}
.sg-project-pagination button {
	position:relative;
	align-self: center;
	border:1px solid #005bbb;
	border-radius:50%;
	width: 3.3rem;
    height: 3.3rem;
	background:#FFF;
	text-indent:-99999px;
	-webkit-appearance:none;
}
.sg-project-pagination button:before {
	content:'';
	position:absolute;
	top:50%; left:50%;
	margin:-5px 0 0 -3px;
	width:6px; height:11px;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAMAAADD5o0oAAAARVBMVEX///8BAQH19fXd3d3MzMy2trZbW1spKSkWFhYLCwv4+Pjr6+vq6uqtra2bm5uXl5d8fHx3d3dFRUVBQUEzMzMkJCQcHBwqxE7gAAAAUUlEQVQY02XQRw4AMQgEQY+zN+f/P3VvbllwKwkBg1svR73KIDSdKEo7SlJCmxTRoRZQVl3QreI7fNEzdc1VnwVtDLCjWco5HGoiEM7GHh7yA1vAAms4quj0AAAAAElFTkSuQmCC');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size: 6px auto;
}
.sg-project-pagination button.sg-pp-prev:before {
	transform:rotate(180deg);
}
.sg-project-pagination .sg-pp-label {
	flex-grow:1;
	text-align:center;
	text-transform:uppercase;
	color:#fe5815;
}
.sg-project-pagination .sg-pp-pag {
    display: block;
    color: #AAA;
    font-size: 1.9rem;
    font-family:"EDF-Light", sans-serif;
    line-height:1;
}
.sg-project-pagination .sg-pp-pag .sg-pp-counter {
	color:#333;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
.sg-project-content {
	display:none;
}
.sg-project-content.sg-project-active {
	display:block;
	animation:fadeIn .35s linear;
}
.smart-grids .sg-project-content p,
.sg-project-content ul {
	font-size:.875rem;
}
.sg-pc-subtitle {
	color:#fe5815;
}
.sg-pc-title {
    font-size: 1.4rem;
    line-height: 1.2;
    border-left: 2px solid #d1d3d4;
    padding-left: 0.8em;
}
.sg-pc-intro {
	color:#6d6e71;
}
.sg-pc-columns {
	margin-top:1.5em;
}
.sg-pc-title-medium {
	margin-bottom:1.1em;
	font-family:"EDF-Light", sans-serif;
	font-size:1.4rem;
	line-height:1.3;
}
.sg-pc-title-medium:after {
	content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #333;
    margin-top: 0.3em;
}
.sg-pc-title-medium.sg-pc-orange:after { background:#fe5815; }
.sg-pc-title-medium.sg-pc-green:after { background:#509e2f; }
.sg-pc-illus {
	display:block;
	width:100%;
}
.sg-pc-list {
	list-style:none;
	padding:0;
}
.sg-pc-list li,
.sg-pc-list ~ p {
	margin-top:1em;
	color:#6d6e71;
}
.sg-pc-list li:before {
	content: "• ";
	display:inline-block;
	margin-right:.4em;
	color:#333;
}
.sg-pc-list.sg-pc-orange li:before { color:#ffa02f; }
.sg-pc-list.sg-pc-green li:before { color:#c4d600; }

.sg-pc-sublist {
    list-style:none;
}
.sg-pc-keylegend {
	margin:1em auto 2em;
	max-width:240px;
	text-align:center;
}
.sg-pc-keylegend strong, .sg-pc-keylegend img {
	display:block;
	margin:0 auto;
	font-size:2.2rem;
	font-family:"EDF-Light", sans-serif;
}
.sg-pc-keylegend img {
	margin-bottom:0.3em;
}
.sg-pc-keylegend.sg-pc-orange strong, .sg-pc-keylegend.sg-pc-orange img { color:#ffa02f; }
.sg-pc-keylegend.sg-pc-green strong, .sg-pc-keylegend.sg-pc-green img { color:#c4d600; }

.sg-pc-keylegend span {
	display:inline-block;
	margin-top:.2em;
	font-size:.8rem;
	text-transform:uppercase;
}
ul.sg-pc-keylegend {
	padding-left:0;
	list-style:none;
}
ul.sg-pc-keylegend,
ul.sg-pc-keylegend strong {
	font-size:.8rem;	
}
ul.sg-pc-keylegend strong {
	text-transform:uppercase;
}
ul.sg-pc-keylegend strong {
    font-family: "EDF-Bold",sans-serif;
}
ul.sg-pc-keylegend li:not(:first-child) {
	margin-top:.5rem;
}
.sg-pc-indent {
	margin:1.7em 0 1em;
	padding-left:2.5rem;
}
.sg-pc-indent strong {
	position:relative;
	display:block;
	font-size:.75rem;
	font-family:"EDF-Regular", sans-serif;
	text-transform:uppercase;
}
.sg-pc-indent.sg-pc-orange strong { color:#fe5815; }
.sg-pc-indent.sg-pc-green strong { color:#509e2f; }
.sg-pc-indent strong:before {
	content:'';
	position:absolute;
	left: -2.5rem;
    top: 0.1rem;
	display:block;
	background:#eff0f0;
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
    box-shadow:0.7rem 0px 0px 0px #eff0f0, 1.4rem 0px 0px 0px #eff0f0;
    height: 1rem;
    width: .55rem;

}
.sg-pc-indent span {
	display:block;
	font-family:"EDF-Light", sans-serif;
	font-size:1.1rem;
}
.sg-pc-pushimg {
	margin:2em 0;
	padding:1.5em 1.6em;
	border:1px solid #e8e9e9;
}
.sg-pc-pushimg-title {
	margin:0 0 1em;
	text-transform:uppercase;
	font-size:.75rem;
}
.sg-pc-orange .sg-pc-pushimg-title { color:#fe5815; }
.sg-pc-green .sg-pc-pushimg-title { color:#509e2f; }
.sg-pc-pushimg-title:after {
	content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #e8e9e9;
    margin-top: 1em;
}
.sg-pc-pushimg ul {
	margin:1.3em 0 0;
	padding:0;
	list-style:none;
}
.sg-pc-pushimg li {
	margin-bottom:1.0em;
	padding-left:calc(19px + 1em);
	padding-bottom:1.0em; 
	border-bottom:1px solid #dfe0e1;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAYFBMVEUAAAD+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBX+WBVBOBEqAAAAH3RSTlMAvg8G+vbUyKVaTiMV8NzOl2lCNhwKiHjkspNwZEUtO8xSvAAAAJ9JREFUKM+l0MkSgyAQRdEWFXEKTkQz8v9/GaqpgBRUs/CuKPqsHtD18guZtpse+yzR+iDRYIhJUoQjGddLhMk8aZDUyyWiCiTVJ086v3exhaSMyaH5EJCHxtpgb4MoAnYGzhwREYG1xq+GhWSGc0uAPEkiZd6TJa9ojq7CQ6H+ZI+IR09HUkifukO6liIe0QR7WzIB1ewIjQTk2kUJqX7dtRpZyWnh/AAAAABJRU5ErkJggg==');
	background-size: 17px auto;
	background-position:0 5px;
	background-repeat:no-repeat;
}
.sg-pc-pushimg.sg-pc-green li {
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAbCAMAAADBLsarAAAAS1BMVEUAAABQni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni9Qni/mex9uAAAAGHRSTlMA+Ae+D9TIpZZoWk5CNiQV8NzOdhyI5LK2T9pWAAAAlElEQVQoz6XQ3Q6DIAyG4cqPiIo6dK73f6UjkGw2kNbE96hpnqMP+JYYQOh44baIBPFk0ZpIKnLEZrKFR8REmfSZdPMjovRtMv331odITrQrIR/MjWTvhDgCZQZrfsRVBEKXX72hxMO1mSBCaqTSPRSyV3NMBWlFSRsRUiG89IZ2IyESooTmCxmAy4ukIAdSu1PQ6gultBSofEsLrAAAAABJRU5ErkJggg==');
}
.sg-pc-pushimg li:last-child {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}

.sg-pc-more {
	margin:2em 0;
	padding:1.3em 0;
	border-top:1px solid #dfe0e1;
	border-bottom:1px solid #dfe0e1;
}
.sg-pc-more-title {
	margin:0 0 1em;
	text-transform:uppercase;
	font-size:.75rem;
}
.sg-pc-more ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:.875rem;
}
.sg-pc-more li {
	margin-bottom:.7em;
	padding-left:calc(17px + 1em);
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAWCAMAAACScr5LAAAANlBMVEUAAACwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbOwsbMV+YdEAAAAEnRSTlMA5p+zS9rU0MOBZT0dDwZSLRaBNMAtAAAAaElEQVQoz6XSSQ6AMAwDwKQt3Rf4/2fxkQM4SPV5pDaJ5T1XOpbwLFVtnHSQ4+QmwKTOTYXJg5sC4yc3DsZxMj1M4WZkmCrS3He8IkGiGol/iP2Q/d2NocnqyAHYGXkZNisVnsW0630DfR0C/s5TUhkAAAAASUVORK5CYII=');
	background-size: 17px auto;
	background-repeat:no-repeat;
	background-position:0 5px;
}
.sg-pc-more li:last-child {
	margin-bottom:0;
}

/* *** NODE VIDEO SEULE *** */
.video-seule{
	position:relative;
	width:100%; height:0;
	padding-bottom:56.25%; margin:1.4em 0 2.1em;
	background-repeat:no-repeat; background-position:50% 50%; background-color:#000; background-size:cover;
}
.video-seule .open-youtube {
	position:absolute; top:.9375rem; left:.9375rem;	
	display:flex; align-items:center; 
	float:none;
	margin:0;
	color:#fff;
	width:calc(100% - 1.875rem); height:calc(100% - 1.875rem);
	text-align:center;
}
.video-seule .play {
	margin:0 auto;
	width:2.5rem; height:2.5rem;
}
.video-seule .play polygon, .video-seule .play path {fill:#ffffff;}
.video-seule .js-youtube-embed {
	float:none;
	margin:0;
	width:100%; height:0;
	padding-bottom:56.25%;
}
.video-seule .js-youtube-embed iframe {
	position:absolute; top:0; left:0;
    border:0;
    width:100%; height:100%;
}

/*Adjust logo*/
.sg-pc-columns .sg-pc-logo {
	max-width:21.875rem;
	margin-left:auto; margin-right:auto;
}

#reunion-project2 .sg-pc-keylegend.sg-pc-green {
	max-width:275px;
}


/*Fix overflow issue on iPhone*/
@supports (-webkit-overflow-scrolling: touch) {
	.sg-panel-opened .sg-project-panel { height:100%; }
}

/* Special BP : Width bigger than portrait (48em) and height smaller than 630px */
@media screen and (min-width:48em) and (max-height:630px) {
	/* in small screen, remove desc to gain more place for the map */
	.sg-aside-detail .sg-detail-desc { display:none; }
}
@media screen and (min-width: 48em) {
	.page-edito .page-edito-main.content .sg-aside-title {
		font-size: 1.125rem;
		font-family: "EDF-Regular",sans-serif;
		color: inherit;
	}
    .smart-grids-detail,
    .sg-aside-panel-helper {
      background-image: url(/sites/sei_gp/files/2022-04/bg-guadeloupe.jpg);
    }
}

/* 768px and up */
@media screen and (min-width:48em) {
	
	/* *** GLOBAL *** */
	.smart-grids p {
		font-size:1rem;
	}
	.sg-main-title {
	    font-size:5vmax;
		line-height:1.2;
	}
	.sg-main-title .sg-main-subtitle {
		margin-bottom:1.3rem;
		font-size:.975rem;
	}
	.sg-cta-arrow {
		display:inline-block;
		margin:2.5rem 0 0;
		width:auto;
		font-size:1rem;
	}
	.sg-cta-arrow:after {
		position:relative; top:0;
		margin-left:1.6rem;
		width:80px; height:80px;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAWCAMAAACScr5LAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAGHRSTlMA5p+aS+Ha1NDDsWUdDwaBUrY5LRaCQkG2Qgk/AAAAcElEQVQoz6XSSw6AIAwE0I6AfwH/97+p3bHRqQmzI3kJ0I685+jbLDwZCBcncwDanRsPoJ+5mdQMCzdJzRi5cWocJ3FUk7hZBjWTyOaaz6zQeOlgpPtD7Ivs59qfrhzdWRZA12iXobJSHgh3OVr1fgCCAQOyRtv/cwAAAABJRU5ErkJggg==');
		background-size:17px 11px;
		transition:top .3s ease-out;
	}
	.smart-grids .sg-cta-arrow.sg-cta-scroll:after {
		transform:rotate(90deg);
	}
	.sg-cta-arrow:hover:after {
		/*top:1em;*/
		animation:sg-scroll-bounce 1.3s ease-in-out infinite;
	}
	@keyframes sg-scroll-bounce {
		75% { top:1em; }
	}
	.sg-cta-arrow span { display:inline; }
	.sg-notif-project { display:none; }
	

	/* *** LAYOUT *** */
	.smart-grids-detail {
		position:relative;
		overflow:hidden;
		background-color:#193d4b;
		background-attachment:fixed;
		background-size:cover;
	}

	/* main panel */
	.sg-main-panel {
		float:left;
		padding:3rem 12vw 2.5rem 7vw; 
		width:65%;
		min-height:calc(100vh - 3.75rem - 2.8rem);
		background:none !important;
	}
	.sg-desc {
		max-width:510px;
	}
	.sg-desc-numbers {
		font-size:.875rem;
		width:calc(100% + 10vw)
	}

	/* content page */
	.sg-content {
		clear:both;
		width:65%;
		padding:3rem 7vw 0;
	}

	/*aside panel*/
	.sg-aside-panel-helper {
		/* background is not directly on .sg-aside-panel to avoid too much flicker on IE:
		 * cf known bug , position fixed/absolute and backgroundattachment fixed generate bug on scroll 
		 * https://stackoverflow.com/questions/20995478/fixed-positioned-element-flicker-in-ie-only-how-to-solve
		 */
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		width: calc(35% - 1px);
		z-index: 1;
		background-attachment: fixed;
		background-size: cover;
	}
	.sg-aside-panel {
		position:fixed;
		top:0; right:0;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		margin-top:0;
		padding:0 2rem 4rem;
		padding-top:calc(3.75rem + 2.8rem + 3rem); /*header+breadcrumbs+spacing*/
		border-left:1px solid rgba(255,255,255, .2);
		width:35%;
		height:100vh;
		color:#FFF;
		background-position:1.6em 1em;
		z-index:1;
		transition:color .4s linear;
		/*transition:all .3s linear 0.8s;*/
	}
	.sg-aside-panel.sg-not-sticky {
		position:absolute; 
		top:auto; bottom:0;
	}
	.sg-panel-opened .sg-aside-panel {
		color:#6d6e71;
	}
	.sg-aside-panel:before {
		content: '';
		display: block;
		position: absolute;
		top: 0; right: 0;
		left: 0; bottom: 0;
		z-index:-1;
	}
	.sg-aside-panel:after {
		content: '';
		display: block;
		position: absolute;
		top: 0; right: 0;
		left: 0; bottom: 0;
		background-color:transparent;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABBAQMAAAC5JytBAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlMATX7+8BUAAAAXSURBVCjPY1BgwAQrMIWA6kbBKKAhAAA8sADpP4A0VAAAAABJRU5ErkJggg==');
		z-index:-1;
		transition:background .8s ease-out;
	}
	.sg-panel-opened .sg-aside-panel:after { 
		background-color:#f1f1f1;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABBAQMAAAC5JytBAAAABlBMVEUAAAC4uLiHjAlpAAAAAXRSTlMAQObYZgAAABdJREFUKM9jUGDABCswhYDqRsEooCEAADywAOk/gDRUAAAAAElFTkSuQmCC');
	}

	.page-edito .page-edito-main.content .sg-aside-title {
		margin:0 0 1.4rem;
		font-size:1.125rem;
		font-family:"EDF-Regular", sans-serif;
    	color: inherit;
	}

	/*aside panel > map*/
	.sg-aside-map {
		position:relative;
		height:100%;
	}
	.sg-aside-map > span {
		position:absolute;
		top:0; bottom:0;
		right:0; left:0;
		display:inline-block;
		text-align:center;
	}
	.sg-aside-map > span > span {
		position:relative;
		display:inline;
		top:50%;
		/*size and pos calculated in JS*/
	}
	.sg-aside-map img {
		display:block;
		height:auto;
		width:auto;
		max-height:100%;
		max-width:100%;
	}
	.sg-aside-map .sg-aside-map-dark { display:none; }
	.sg-panel-opened .sg-aside-map .sg-aside-map-light {
		/*transition:all .3s linear;*/
		display:none;
	}
	.sg-panel-opened .sg-aside-map .sg-aside-map-dark {
		/*transition:all .3s linear;*/
		display:block;
	}

	.sg-aside-map .sg-project-dot {
		box-sizing:content-box;
		position:absolute; /*position top/left in JS*/
		display:block;
		width:10px; height:10px;
		margin:-15px 0 0 -15px; 
		/*box-shadow:0px 0px 0px 10px #FFF;*/
		border:10px solid #FFF;
		border-radius:50%; 
		background:#e85224;
		transition:all .2s ease-out;
		cursor:pointer;
		text-indent:-99999px;
	}
	.sg-aside-map .sg-project-dot:hover {
		margin:-35px 0 0 -35px; 
		border-width:30px;
		/*margin:-20px 0 0 -20px; */
		/*border-width:15px;*/
	}
	.sg-aside-map .sg-project-dot.sg-active {
		margin:-35px 0 0 -35px; 
		border-width:30px;
		border-color:#e85224;
		background-color:#FFF;
	}
	.sg-aside-map .sg-project-dot.sg-timer,
	.sg-aside-map .sg-project-dot.sg-timer-no-anim {
		margin:-35px 0 0 -35px; 
		border-width:30px;	
		z-index:1;
	}
	.sg-aside-map .sg-project-dot svg {
		position: absolute;
		transform-origin: center;
		transform: translate(-30px, -30px);
		display:none;
	}
	.sg-aside-map .sg-project-dot circle {
		fill:transparent;
		stroke: #e85224;
		stroke-width: 3;
		stroke-dasharray: 600;
		stroke-dashoffset: 0;
	}
	.sg-aside-map .sg-project-dot.sg-timer circle {
		animation: sg-timer 18s;
	}
	.sg-aside-map .sg-project-dot.sg-timer svg,
	.sg-aside-map .sg-project-dot.sg-timer-no-anim svg { display:block; }
	@keyframes sg-timer {
		from { stroke-dashoffset:600; }
		to { stroke-dashoffset:0; }
	}

	/*aside panel > detail*/
	.sg-aside-detail-wrapper {
		position:relative;
		margin-top:1.5rem;
		flex-shrink:0;
	}
	.sg-aside-detail {
		position:relative;
		display:none;

		position:absolute;
		bottom:0; left:0;
	}
	.sg-aside-detail.active { display:block; }
	.sg-aside-detail:before {
		content:'';
	    position:absolute;
	    top:-1.3em;
	    bottom:-1em;
	    left:calc(-2rem - 1px);
	    width:1px;
	    background:#FFF;
	}
	.sg-aside-detail .sg-detail-project {
		margin:0 0 0.6em;
		font-size:17px;
	}
	.sg-aside-detail .sg-detail-title {
		color:#e85224;
		font-size:24px; 
		margin:0 0 0.6em;
		line-height:1.2;
	}
	.sg-aside-detail .sg-detail-desc {
		margin:0 0 0.6em;
		font-size:13px;
	}
	.sg-aside-detail .sg-detail-more {
		color:#FFF;
		font-family:"EDF-Bold", sans-serif;
		font-size:13px;
		transition:all .2s linear;
		visibility:visible;
	}
	.sg-panel-opened .sg-aside-detail .sg-detail-more {
		visibility:hidden;
		opacity:0;
	}
	.sg-aside-detail .sg-detail-more:before {
		content:'';
		display:inline-block;
		margin-right:.6em;
		width:0;
		height:0;
		border-style:solid;
		border-width:4px 0 4px 6px;
		border-color:transparent transparent transparent #FFF;
	}
	



/*
	
	.sg-aside-panel .sg-aside-map img {
		transition:all .3s linear 8s;
	}
	.sg-panel-opened .sg-aside-panel .sg-aside-map .sg-aside-map-light {
		transition:all .3s linear;
		display:none;
	}
	.sg-panel-opened .sg-aside-panel .sg-aside-map .sg-aside-map-dark {
		transition:all .3s linear;
		display:block;
	}

*/
	/* *** CONTENT TERRITOIRE *** */
	.sg-content-list,
	.sg-content-checklist {
		font-size:1rem;
	}

	/* *** PROJECT LIST *** */
	.sg-projectlist-title {
		font-size: 2.8rem;
		line-height: 1.15;
	}
	.sg-projectlist {
		margin:0 -7vw;
	}
	.sg-projectlist-content {
		padding-left:2.2rem;
		padding-right:2rem;
		font-size: 1.2rem;
		line-height: 1.3;
		max-width:470px; 
	}
	.sg-projectlist-subtitle {
		font-size: 0.825rem;
		margin-bottom: 0.3em;
	}
	.sg-projectlist-thumb {
		width:45%;
		min-height:8.9rem;
	}

	/* *** PROJET *** */
	.sg-project-panel {
		display:block;
		position:absolute;
		/*right:-35%;*/right:-65%; left:auto;
		bottom:auto;
		padding-bottom:2rem;
		width:calc(100% - 35%);
		transition:right 0.7s linear;
		z-index:0; /*to pass under side panel*/ 
	}
	.sg-panel-opened .sg-project-panel {
		right:34.5%;
	}
	.sg-pc-columns {
		overflow:hidden;
		margin-bottom:2.6em;
	}
	.sg-pc-column {
		position:relative;
		float:left;
		width:50%;
		padding-right:1em;
	}
	.sg-pc-column + .sg-pc-column {
		padding-left:1em;
		padding-right:0;
	}
	.sg-pc-column:after {
		content:'';
		position:absolute; top:0; right:0; 
		display:block;
		width:1px; height:100%;
		background:#dfe0e1;
	}
	.sg-pc-column + .sg-pc-column:after {
		right:auto; left:-1px;
	}
	.sg-pc-pushimg {
		display:flex;
		padding:0;	
	}
	.sg-pc-pushimg .sg-pc-pushimg-content {
		padding:1.5em 1.6em;
		flex-grow:1;
	}
	.sg-pc-pushimg .sg-pc-pushimg-illus {
		flex-shrink: 0;
		width: calc(50% - 1em);
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	.sg-project-pagination { display:none; }

	/* *** NODE VIDEO SEULE *** */
	.video-seule {
		margin:1.6em 0 2.3em;
	}
	.video-seule .play {
		width:4.375rem; height:4.375rem;
	}
}


/* 1024px and up */
@media screen and (min-width:64em) {
	.sg-main-title {
	   font-size:3.3rem;
	}
	.smart-grids .sg-project-content p, .sg-project-content ul {
		font-size:1rem;
	}
	/* *** TERRITOIRE CONTENT *** */
	.sg-content {
		padding-top:3.8rem;
	}
	.sg-content .sg-content-title {
		margin-top:2em;
		margin-bottom:0.9em;
		font-size:34px; 
	}
	.sg-content .sg-content-title:first-child {
		margin-top:0;
	}
	.sg-projectlist-title {
		margin-top:1.6em;
	}
	.sg-content-highlight {
		margin-top: 4em;
		margin-left: 4em;
	    margin-right: 6em;
	    margin-bottom:3em;
	}
	.sg-content-highlight h3 {
		margin-bottom:0.5em;
		font-size:34px; 
	}
	.sg-content-list {
		margin-left:3em;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}
	.sg-content-checklist {
		margin:1.3em 5.3em 1.3em 3em;
	}
	.sg-content .video-seule {
		margin:1.9em 0 2.6em;
	}
	.sg-content p,
	.sg-content-checklist,
	.sg-content-list {
		margin-bottom:1.7em;
	}
	/* *** PROJET CONTENT *** */
	.sg-project-panel {
		/*left:3em;*/
		padding:2rem 3.8rem;
		width:calc(100% - 35% - 3.7em);
	}
	.sg-pc-column:first-child {
		padding-right:2em;
	}
	.sg-pc-column + .sg-pc-column {
		padding-left:2em;
	}
	
}

/* 1280px and up */
@media screen and (min-width:80em) {
	.sg-main-title {
	   font-size:3.8rem;
	}
	.sg-main-panel {
	    /*max-width:1050px;*/
	}
	.sg-aside-detail .sg-detail-pjt-label {
		display:inline-block;
		width:200px;
	}
	.sg-aside-detail .sg-detail-title {
		float:left;
		margin-bottom:1.3em;
		width:200px;
		padding-right:1em;
	}
	.sg-aside-detail .sg-detail-desc {
		margin-left:200px;
		max-width:270px;
	}
	.sg-aside-detail .sg-detail-more {
		position:absolute;
		bottom:.6em;
		left:0;
	}


	.sg-pc-columns {
		margin-bottom:3em;
	}
	.smart-grids .sg-project-content p, .sg-project-content ul {
		margin-bottom:1.5em;
	}
	.smart-grids .sg-project-content .sg-pc-intro {
		margin-bottom:2rem;
	}
	.sg-pc-title {
		margin-bottom:1em;
		font-size: 1.8rem;
		padding-right: 2em;
		line-height: 1.3;
	}
	.sg-pc-title-medium {
		font-size: 2rem;
		padding-right: 2em;
		line-height: 1.2;
	}
	.sg-pc-title-medium:after {
		margin-top:0.5em;
		width:70px;
	}
	.sg-pc-illus {
		margin-bottom:2em;
	}
	.sg-pc-keylegend + .sg-pc-keylegend {
		margin-top:2.2em;
	}
	.sg-pc-keylegend span {
		font-size:0.875rem;
	}
	ul.sg-pc-keylegend,
	ul.sg-pc-keylegend strong {
		font-size:0.875rem;
	}
	.sg-pc-keylegend strong, .sg-pc-keylegend img {
		font-size:2.8rem;
	}
	.sg-pc-indent {
		margin-top:2em;
	}
	.sg-pc-indent span {
		font-size:1.2rem;
	}
	.sg-pc-indent strong {
		font-size:.85rem;
	}
	.sg-pc-pushimg .sg-pc-pushimg-content {
		padding:3.1em 2.9em;
	}
	.sg-pc-pushimg-title {
		font-size:.8rem;
	}
	.sg-pc-pushimg .sg-pc-pushimg-illus {
		width:calc(50% - 2em);
	}
	.sg-pc-more {
		margin-top:3.5em;
		padding:1.7em 0;
	}
	.sg-pc-more ul {
		margin-bottom:0;
	}
	.sg-pc-more-title {
		margin-bottom:1.5em;
		font-size:.8rem;
	}
}