/*
 Theme Name:   energiesdelamer-enfant
 Theme URI:    http://energiesdelamer.eu//
 Description:  theme enfant EXTRA 
 Author:       Mara Mazzanti
 Author URI:   https://mara-mazzanti.com
 Template:     Extra 
 Version:      2.19.10.
*/

@media (max-width: 980px){
.et_fixed_nav #main-header {
    position: relative !important;
    width: 100% !important;
}
}


.et_pb_posts_carousel_0 .module-head h1{
	color:#EA961C !important;
}



.et_pb_posts_0 .module-head h1{
	color:#333333 !important;
}

.et_pb_posts_1 .module-head h1{
	color:#235F83 !important;
}

.et_pb_posts_2 .module-head h1{
	color:#EA961C !important;
}

.et_pb_posts_3 .module-head h1{
	color:#6991AF !important;
}



.comments-link {
	display: none;
}


.textwidget {
	padding: 0px !important;
}


.single-post-module a:link, .single-post-module a:visited, .single-post-module a:hover, .single-post-module a:active{
	text-decoration: underline;
	color:#e09900;
	font-weight: bold;
} 

.tribe-events-calendar-list__event-title-link {
	color:#e09900 !important;
}



        #et-extra-mobile-menu {
          display: flex !important;
          flex-direction: column;
        }
        #et-extra-mobile-menu :nth-child(1) { order: 3; }
        #et-extra-mobile-menu :nth-child(2) { order: 4; }
        #et-extra-mobile-menu :nth-child(3) { order: 5; }
        #et-extra-mobile-menu :nth-child(4) { order: 6; }
        #et-extra-mobile-menu :nth-child(5) { order: 7; }
        #et-extra-mobile-menu :nth-child(6) { order: 8; }
        #et-extra-mobile-menu :nth-child(7) { order: 9; }
        #et-extra-mobile-menu :nth-child(8) { order: 10; }
        #et-extra-mobile-menu :nth-child(9) { order: 11; }
        #et-extra-mobile-menu :nth-child(10) { order: 12; }
        #et-extra-mobile-menu :nth-child(11) { order: 13; }
        #et-extra-mobile-menu :nth-child(12) { order: 14; }
        #et-extra-mobile-menu :nth-child(13) { order: 15; }
        #et-extra-mobile-menu :nth-child(14) { order: 16; }
        #et-extra-mobile-menu :nth-child(15) { order: 1; }
        #et-extra-mobile-menu :nth-child(16) { order: 2; }


.et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container {
    margin: -19px !important;
}
.et_pb_pagebuilder_layout .page .post-content article {
    border-top: 1px solid #d8d8d8 !important;
    }

.tribe-events-widget-events-list__header-title{
    background: #3E5062 !important;
    padding: 15px 20px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}



.searchandfilter ul li{
    float:left;
}
.searchandfilter ul>li>ul:not(.children) {
    margin-left: 0;
    padding: 0 !important;
}

.searchandfilter ul li li {
    padding: 0 !important;
}


/* A-Z List */ 

.return{
	color: #e09900 !important;
	font-weight: bold !important;
	margin-right: 30px !important;
}

.return:hover{
	color:white !important;
}

.a_z-list{
	display:flex;
    justify-content:center; 
	list-style-type:none;
	font-size:2em;
	background-color:#225f83;
	color: white;
	padding-top:20px;
	padding-bottom:0px;
	flex-wrap: wrap;
}

.active>span{
	color: #e09900;
	text-decoration: underline;
}

.allButtonCategories{
	text-align: center;
}

.ArticlePresent{
	color:white;
	font-weight:bold;
	padding:10px;
}

.ArticlePresent:hover{
	color: #e09900;
}

.inactive{
	color:gray;
	font-weight:bold;
	padding:10px;
}

button.activeButton{
	background-color: #e09900;
}

.activeButton>a{
	color: white;
}

.ImgBusinessDirectory{
	width: 250px;
}

.ContentBusinessDirectory, .ContentBusinessDirectory>p{
	color: black;
	text-align: left;
}

.more-link{
    text-decoration: none !important;
	color: black !important;
	font-weight: 400 !important;
}

.ContentBusinessDirectory>a>h2{
	color: black;
	text-decoration:underline ;
}

.TitreBusinessDirectory{
	text-align: center;
	margin-left: 20px;
	margin-right: 20px ;
	padding-top: 20px;
	font-size: 0.8em;
	color: black;
	text-transform: none;
}

div.returnButtonPostBD{
	text-align: left;
    font-size: 3em;
}

div.returnButtonPostBD>a>i{
	color: #e09900;	
	
}

#TableauArticle{
	width: 140%;
}

.noresult{
	text-align: center;
	margin-top: 20px;
}
@media (max-width: 1030px){
	#TableauArticle{
		width: 100%;
	}
	}

iframe{
	/*display: none;*/
}

div.et_pb_code_inner>table>tbody>tr>td>a>div{
	display: none;
}

form#search-filter-form-34390>ul>li>label, form#search-filter-form-34390>ul>li>label>input{
    width:100%
}


.tribe-events-widget-events-list__event{
    background: none !important;
    border-top :0px !important;
}

.tribe-events-widget-events-list__event-title a {
    font-size: 12px !important;
}

.ead-document{
	padding-top: 5% !important;
	padding-bottom: 5% !important;
	height: 600px !important;
}

/*
.fluid-width-video-wrapper {
	padding-top: 5% !important;
}


.ead-document{
	padding-top:  0px !important;
}

*/

#bgPaywall {
	background-color: #EFEFEF;
	text-align: center;
	padding: 5% 15% 5% 15%;
}

#paywall {
	background-color: white;
	padding: 5% 5% 5% 5%;
	border-radius: 3px;
	box-shadow: 2px 2px 4px;
}

#h3abo {
	margin: 0px 0px 0px 0px;
	font-family: Roboto !important;
	font-size: 25px !important;
	color: black !important;
}

#pAbo {
	font-family: Roboto !important;
	font-size: 15px !important;
	margin: 25px 15% 25px 15%;
	color: black !important;
}

#formAbo {
  display: inline-block;
}

#separateur {
	border-left: 2.5px solid black;
	display: inline-block;
	width: 0px;
	height: 100px;
	margin: 0px 8% 0px 8%;
}

#boutonLog {
	border-radius: 3px;
	border: 0px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	color: white;
	padding: 10px 15px;
	background-color: #2F5F80;
}

#boutonAbo {
	border-radius: 3px;
	border: 0px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	color: white;
	padding: 10px 15px;
	background-color: #E09911;
}



@media screen and (max-width: 900px) {
	#bgPaywall {
	padding: 5% 10% 5% 10%;
	}

	#separateur {
		display: none;
	}


	#formAbo {
  	display: block;
	}
}


/*début de la carte*/

div#carta{
	background-image: url("https://www.energiesdelamer.eu/wp-content/uploads/2023/10/carte.png");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

span#eocolor{
	color:#e09900;
}

span#eocolor2{
	color:#0f9410;
}

/*Saint-Nazaire*/
div#eo1{
	z-index: 7;
	top : 335px;
	left : 130px;
	display : inline-block !important;
	position: absolute !important; 
	cursor:pointer;
}

div#exploitation1{
	z-index: 3;
	top : 335px;
	left : 250px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto1{
	display : none;
}

div#eo1 > p:hover #eolphoto1 {
  display: block;
}


div#eo1 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo1 > p:hover #eo1p{
	display : block !important;
}

div#eo1 p{
	display: block;
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : 35px;
	position : absolute;
	word-break: unset !important;
	width: 85px ;
	max-width: 100px ;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol1{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Saint-Brieuc*/
div#eo2{
	z-index: 7;
	top : 170px;
	left : 125px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#travaux1{
	z-index: 3;
	top : 180px;
	left : 250px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

div#exploitation2{
	z-index: 3;
	top : 180px;
	left : 280px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto2{
	display : none;
}

div#eo2 > p:hover #eolphoto2 {
  display: block;
}

div#eo2 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo2 > p:hover #eo2p{
	display : block !important;
}

div#eo2 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 85px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol2{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Courseulles-sur-mer*/
div#eo3{
	z-index: 7;
	top : 115px;
	left : 265px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#travaux2{
	z-index: 3;
	top : 125px;
	left : 430px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto3{
	display : none;
}

div#eo3 > p:hover #eolphoto3 {
  display: block;
}

div#eo3 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo3 > p:hover #eo3p{
	display : block !important;
}

div#eo3 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 125px !important;
	max-width: 125px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol3{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Fécamp*/
div#eo4{
	z-index: 7;
	top : 75px;
	left : 320px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#travaux3{
	z-index: 3;
	top : 85px;
	left : 415px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

div#exploitation3{
	z-index: 3;
	top : 85px;
	left : 445px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto4{
	display : none;
}

div#eo4 > p:hover #eolphoto4 {
  display: block;
}

div#eo4 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo4 > p:hover #eo4p{
	display : block !important;
}

div#eo4 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 55px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol4{
	z-index: 5;
	max-width : 30px !important;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Yeu-Noirmoutier*/
div#eo5{
	z-index: 6;
	top : 365px;
	left : 135px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#travaux4{
	z-index: 3;
	top : 375px;
	left : 275px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto5{
	display : none;
}

div#eo5 > p:hover #eolphoto5 {
  display: block;
}

div#eo5 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo5 > p:hover #eo5p{
	display : block !important;
}

div#eo5 p{
	padding : 5px;
	z-index: 5;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 100px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol5{
	z-index: 4;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Dieppe-Le Tréport*/
div#eo6{
	z-index: 7;
	top : 48px;
	left : 360px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
	padding-bottom: 0px !important;
}

div#travaux5{
	z-index: 3;
	top : 58px;
	left : 510px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto6{
	display : none;
}

div#eo6 > p:hover #eolphoto6 {
  display: block;
}

div#eo6 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo6 > p:hover #eo6p{
	display : block !important;
}

div#eo6 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 110px !important;
	max-width: 110px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol6{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Dunkerque*/
div#eo7{
	z-index: 7;
	top : -30px;
	left : 410px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

img#eolphoto7{
	display : none;
}

div#eo7 > p:hover #eolphoto7 {
  display: block;
}

div#eo7 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo7 > p:hover #eo7p{
	display : block !important;
}

div#eo7 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : 40px;
	position : absolute;
	word-break: unset !important;
	width: 85px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol7{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Centre-Manche 1*/
div#eo8{
	z-index: 8;
	top : 40px;
	left : 200px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#dessin1{
	z-index: 3;
	top : 50px;
	left : 75px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto8{
	display : none;
}

div#eo8 > p:hover #eolphoto8 {
  display: block;
}

div#eo8 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo8 > p:hover #eo8p{
	display : block !important;
}

div#eo8 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : -95px;
	position : absolute;
	word-break: unset !important;
	width: 105px !important;
	max-width: 110px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol8{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Bretagne-Sud*/
div#eo9{
	z-index: 7;
	top : 323px;
	left : 45px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

div#blabla1{
	z-index: 4;
	top : 333px;
	left : 85px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto9{
	display : none;
}

div#eo9 > p:hover #eolphoto9 {
  display: block;
}

div#eo9 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo9 > p:hover #eo9p{
	display : block !important;
}

div#eo9 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : -75px;
	position : absolute;
	word-break: unset !important;
	width: 85px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol9{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Méditerranée 1*/
div#eo10{
	z-index: 2;
	top : 715px;
	left : 570px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eol10{
	border-radius: 25px;
	z-index: 5;
	max-width : 30px !important;
	max-height : 30px !important;
}

/*Méditerranée 2*/
div#eo11{
	z-index: 2;
	top : 745px;
	left : 555px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

div#blabla2{
	z-index: 1;
	top : 745px;
	left : 670px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto11{
	display : none;
}

div#eo11 > p:hover #eolphoto11 {
  display: block;
}

div#eo11 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo11 > p:hover #eo11p{
	display : block !important;
}

div#eo11 p{
	padding : 5px;
	z-index: 6;
	top : 0px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 85px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol11{
	border-radius: 25px;
	z-index: 5;
	top : 745px;
	left : 555px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Sud-Atlantique*/
div#eo12{
	z-index: 5;
	top : 435px;
	left : 190px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

div#blabla3{
	z-index: 2;
	top : 435px;
	left : 315px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto12{
	display : none;
}

div#eo12 > p:hover #eolphoto12 {
  display: block;
}

div#eo12 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo12 > p:hover #eo12p{
	display : block !important;
}

div#eo12 p{
	padding : 5px;
	z-index: 4;
	top : 5px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 95px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol12{
	z-index: 3;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Centre-Manche 2*/
div#eo13{
	z-index: 7;
	top : 80px;
	left : 225px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

div#blabla4{
	z-index: 3;
	top : 80px;
	left : 90px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto13{
	display : none;
}

div#eo13 > p:hover #eolphoto13 {
  display: block;
}

div#eo13 > p:hover{
	z-index: 10 !important;
	width : 260px !important;
	max-width : 280px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo13 > p:hover #eo13p{
	display : block !important;
}

div#eo13 p{
	padding : 5px;
	z-index: 5;
	top : 5px;
	left : -105px;
	position : absolute;
	word-break: unset !important;
	width: 105px !important;
	max-width: 110px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol13{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Groix-Belle Ile*/
div#eo14{
	z-index: 5;
	top : 305px;
	left : 70px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}
/*
div#eo14 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo14 > p:hover:after{
	white-space: pre-wrap;
	content : "\A - Puissance totale : 448MW \A - Superficie : 45km² \A - Consortium : Éolien Maritime France, WPD Offshore France \A - Éolienne : 64 éoliennes créées par Halstom, fondation jackets, 7MW par unité \A - Base de maintenance : Base d’exploitation et de maintenance de Ouistreham \A - Équivalent de production : 90% de la consommation électrique du Calvados, soit 630.000 personnes \A - Date de mise en service : #";
}
*/
div#eo14 p{
	padding-left : 2px;
	z-index: 6;
	top : 5px;
	left : -80px;
	position : absolute;
	word-break: unset !important;
	width: 80px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol14{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Leucate*/
div#eo15{
	z-index: 4;
	top : 730px;
	left : 488px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto15{
	display : none;
}

div#eo15 > p:hover #eolphoto15 {
  display: block;
}

div#eo15 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo15 > p:hover #eo15p{
	display : block !important;
}

div#eo15 p{
	padding : 5px;
	z-index: 6;
	top : 32px;
	left : -75px;
	position : absolute;
	word-break: unset !important;
	width: 120px !important;
	max-width: 212px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol15{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Gruissan*/
div#eo16{
	z-index: 4;
	top : 680px;
	left : 525px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto16{
	display : none;
}

div#eo16 > p:hover #eolphoto16 {
  display: block;
}

div#eo16 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo16 > p:hover #eo16p{
	display : block !important;
}

div#eo16 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : -55px;
	position : absolute;
	word-break: unset !important;
	width: 55px !important;
	max-width: 100px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol16{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Faraman*/
div#eo17{
	z-index: 3;
	top : 695px;
	left : 610px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto17{
	display : none;
}

div#eo17 > p:hover #eolphoto17 {
  display: block;
}

div#eo17 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo17 > p:hover #eo17p{
	display : block !important;
}

div#eo17 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 130px !important;
	max-width: 130px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol17{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Floatgen*/
div#eo18{
	z-index: 6;
	top : 375px;
	left : 105px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

div#exploitation4{
	z-index: 3;
	top : 375px;
	left : 15px;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
	display : inline-block !important;
	position: absolute !important;
}

img#eolphoto18{
	display : none;
}

div#eo18 > p:hover #eolphoto18 {
  display: block;
  width : 250px !important;
}

img#eolphoto18b{
	display : none;
}

div#eo18 > p:hover #eolphoto18b {
  display: block;
  width : 400px !important;
}

div#eo18 > p:hover{
	z-index: 10 !important;
	width : 440px !important;
	max-width : 440px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #f8b619;
}

div#eo18 > p:hover #eo18p{
	display : block !important;
}

div#eo18 p{
	padding : 5px;
	z-index: 7;
	top : 5px;
	left : -60px;
	position : absolute;
	word-break: unset !important;
	width: 60px !important;
	max-width: 60px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol18{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Tidal Turbine*/
div#eo19{
	z-index: 8;
	top : 155px;
	left : 105px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto19{
	display : none;
	width: 100px !important;

}

div#eo19 > p:hover #eolphoto19 {
  display: block;
}


div#eo19 > p:hover{
	z-index: 10 !important;
	width : 160px !important;
	max-width : 160px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #f8b619;
}

div#eo19 > p:hover #eo19p{
	display : block !important;
}

div#eo19 p{
	padding : 5px;
	z-index: 10;
	top : 5px;
	left : -85px;
	position : absolute;
	word-break: unset !important;
	width: 85px !important;
	max-width: 85px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol19{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Sainte-Anne du Portzic*/
div#eo20{
	z-index: 7;
	top : 220px;
	left : 5px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto20{
	display : none;
	width: 300px !important;

}

div#eo20 > p:hover #eolphoto20 {
  display: block;
}


div#eo20 > p:hover{
	z-index: 10 !important;
	width : 340px !important;
	max-width : 340px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #f8b619;
}

div#eo20 > p:hover #eo20p{
	display : block !important;
}

div#eo20 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 136px !important;
	max-width: 136px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol20{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Sem-Rev*/
div#eo21{
	z-index: 3;
	top : 300px;
	left : 105px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

div#eo21 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 60px !important;
	max-width: 60px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol21{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Seeneoh*/
div#eo22{
	z-index: 3;
	top : 530px;
	left : 240px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto22{
	display : none;
	width: 100px !important;

}

div#eo22 > p:hover #eolphoto22 {
  display: block;
}


div#eo22 > p:hover{
	z-index: 10 !important;
	width : 160px !important;
	max-width : 160px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #f8b619;
}

div#eo22 > p:hover #eo22p{
	display : block !important;
}

div#eo22 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : 30px;
	position : absolute;
	word-break: unset !important;
	width: 60px !important;
	max-width: 60px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol22{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*Mistral*/
div#eo23{
	z-index: 8;
	top : 680px;
	left : 565px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

img#eolphoto23{
	display : none;
	width: 300px !important;

}

div#eo23 > p:hover #eolphoto23 {
  display: block;
}


div#eo23 > p:hover{
	z-index: 10 !important;
	width : 340px !important;
	max-width : 340px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #f8b619;
}

div#eo23 > p:hover #eo23p{
	display : block !important;
}

div#eo23 p{
	padding : 5px;
	z-index: 6;
	top : -22px;
	left : -10px;
	position : absolute;
	word-break: unset !important;
	width: 50px !important;
	max-width: 50px !important;
	line-height : 1em !important;
	background-color: #f8b619;
	font-size : 12px;
	font-weight: bold;
	color : black;
}

img#eol23{
	border-radius: 25px;
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

/*ligne*/ 
div#ligne{
	z-index: 2;
	top : 365px;
	left : 130px;
	display : inline-block !important;
	position: absolute !important;
}

img#ligne{
	border-radius: 25px;
	z-index: 2;
	width : 22px !important;
	max-width : 22px !important;
	height : 15px !important;;
	max-height : 15px !important;
}

/*fin de la carte*/

/*début dsf*/
div.div_dsf{
	position : relative!important;
	width : 900px !important;
	max-width : 900px !important;
	height : 540px !important;
	max-height : 540px !important;
}

img.carte_dsf{
	position : absolute!important;
	z-index: 1;
	width : 900px !important;
	height : 540px !important;
}

img.norm_dsf{
	position : absolute!important;
	z-index: 5;
	left : 267px;
	top : 50px;
	max-width : 266px !important;
	opacity : 0;
}

img.norm_dsf:hover{
	opacity : 1;
}

img.namo_dsf{
	position : absolute!important;
	z-index: 4;
	left : 199px;
	top : 143px;
	max-width : 243px !important;
	opacity : 0;
}

img.namo_dsf:hover{
	opacity : 1;
}

img.sa_dsf{
	position : absolute!important;
	z-index: 3;
	left : 197px;
	top : 251px;
	max-width : 291px !important;
	opacity : 0;
}

img.sa_dsf:hover{
	opacity : 1;
}

img.med_dsf{
	position : absolute!important;
	z-index: 2;
	left : 404px;
	top : 331px;
	max-width : 261px !important;
	opacity : 0;
}

img.med_dsf:hover{
	opacity : 1;
}

/*fin dsf*/