/*
 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;
}
/*
div.ead-document {
	padding-top: 5% !important;
}

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

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

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

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer de Saint-Nazaire \A - Puissance totale : 480MW \A - Superficie : 78km² \A - Consortium : EDF RE, Enbridge Inc. \A - Éolienne : 80 éoliennes créées par Halstom, fondation monopieux, 6MW par unité \A - Base de maintenance : Port de La Turballe \A - Équivalent de production : 20% de la consommation électrique de Loire Atlantique, soit 200.000 personnes \A - Date de mise en service : #";
}

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: 5;
	top : 170px;
	left : 125px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer de Saint-Brieuc \A - Puissance totale : 496MW \A - Superficie : 75km² \A - Consortium : Ailes Marines (Iberdrola) \A - Éolienne : 62 éoliennes créées par Halstom, fondation jackets, 8MW par unité \A - Base de maintenance : Port de Saint-Quay-Portrieux \A - Équivalent de production : 9% de la consommation électrique de la Bretagne, soit 835.000 personnes \A - Date de mise en service : #";
}

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: 5;
	top : 115px;
	left : 265px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer du Calvados \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#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: 5;
	top : 75px;
	left : 320px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer de Fécamp \A - Puissance totale : 497MW \A - Superficie : 60km² \A - Consortium : EDF énergies nouvelles, Enbridge, WPD Offshore \A - Éolienne : 71 éoliennes créées par Halstom, fondation gravitaire, 7MW par unité \A - Base de maintenance : Port de Fécamp \A - Équivalent de production : 60% de la consommation électrique de Seine Maritime, soit 777.000 personnes \A - Date de mise en service : #";
}

div#eo4 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#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: 4;
	top : 365px;
	left : 135px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer posé des îles d'Yeu et de Noirmoutier \A - Puissance totale : 496MW \A - Superficie : 83km² \A - Consortium : Engie, EDP Renewables, Sumimoto, Groupe Caisse des dépôts \A - Éolienne : 62 éoliennes créées par Halstom, fondation monopieux, 8MW par unité \A - Base de maintenance : Port-Jointville et l'Herbaudière \A - Équivalent de production : Plus que la population vendéenne, soit 800.000 personnes \A - Date de mise en service : #";
}

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: 5;
	top : 50px;
	left : 360px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer Posé de Dieppe Le Tréport \A - Puissance totale : 496MW \A - Superficie : 83km² \A - Consortium : Engie, Portugais EDP Renewables, Sumimoto, Groupe Caisse des dépôts \A - Éolienne : 62 éoliennes créées par Halstom, fondation jackets, 8MW par unité \A - Base de maintenance : Base d’exploitation et de maintenance de Dieppe \A - Équivalent de production : 850.000 personnes \A - Date de mise en service : #";
}

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: 5;
	top : -30px;
	left : 410px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer de Dunkerque \A - Puissance totale : 600MW \A - Superficie : 50km² \A - Consortium : EDF Renouvelables, Innogy SE, Blauracke GmBh (Enbridge) \A - Éolienne : 46 éoliennes créées par Halstom, fondation monopieux \A - Base de maintenance : Port de Dunkerque \A - Équivalent de production : plus de 30% de la consommation électrique du département du Nord, soit 1.000.000 personnes \A - Date de mise en service : #";
}

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*/
div#eo8{
	z-index: 6;
	top : 40px;
	left : 200px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
	padding : 10px;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Puissance totale : 1GW \A - Superficie : 100 à 150km² \A - Éolienne : 83 éoliennes \A - Équivalent de production : 800.000 personnes \A - Date de mise en service : #";
}

div#eo8 p{
	padding : 5px;
	z-index: 6;
	top : 15px;
	left : -85px;
	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#eol8{
	z-index: 5;
	width : 30px !important;
	max-width : 30px !important;
	height : 30px !important;;
	max-height : 30px !important;
}

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

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer de Bretagne Sud \A - Puissance totale : 250MW \A - Date de mise en service : #";
}

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éditérranée 1*/
div#eo10{
	z-index: 5;
	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éditérranée 2*/
div#eo11{
	z-index: 3;
	top : 745px;
	left : 555px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc d'éoliennes flottantes en Méditerranée \A - Date de mise en service : #";
}

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: 3;
	top : 435px;
	left : 190px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc d'éoliennes en mer de Nouvelle-Aquitaine \A - Puissance totale : 500MW à 1GW \A - Superficie : 60 à 180km² \A Éolienne : 35 à 70 éoliennes \A - Date de mise en service : #";
}

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: 5;
	top : 80px;
	left : 225px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer Centre-Manche 2 \A - Puissance totale : 1.5GW \A - Superficie : 220 à 250km² \A - Date de mise en service : #";
}

div#eo13 p{
	padding : 5px;
	z-index: 6;
	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- Nom : Parc éolien en mer du Calvados \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: 5;
	top : 730px;
	left : 485px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Éoliennes Flottantes du Golfe du Lion \A - Puissance totale : 30MW \A - Superficie : 6.17km² \A - Consortium : Engie, EDP Renewables, Caisse de dépôts (Éolien en Mer Participation) \A - Éolienne : 3 éoliennes, flotteurs semi-submersibles, 10MW par unité \A - Base de maintenance : Port La Nouvelle \A - Équivalent de production : 50.000 personnes \A - Date de mise en service : #";
}

div#eo15 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : -200px;
	position : absolute;
	word-break: unset !important;
	width: 200px !important;
	max-width: 200px !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: 5;
	top : 680px;
	left : 525px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Projet Éolmed au large de Gruissan \A - Puissance totale : 30MW \A - Superficie : 8.15km² \A - Consortium : Qair Marine \A - Éolienne : 3 éoliennes, Barge Ideol et Bouygues Construction semi-immergée, 10MW par unité \A - Base de maintenance : Port La Nouvelle \A - Équivalent de production : 50.000 personnes \A - Date de mise en service : #";
}

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: 4;
	top : 695px;
	left : 610px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}

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:after{
	white-space: pre-wrap;
	content : "\A- Nom : Ferme pilote d'éoliennes flottantes de Faraman \A - Puissance totale : 24MW \A - Superficie : 0.78km² \A - Consortium : EDN EN \A - Éolienne : 3 éoliennes, Flotteur sur plateforme avec ancrage à lignes tendues, 8MW par unité \A - Base de maintenance : Port Saint Louis \A - Équivalent de production : 40.000 personnes \A - Date de mise en service : #";
}

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: 3;
	top : 375px;
	left : 105px;
	display : inline-block !important;
	position: absolute !important;
	cursor: pointer;
}
/*
div#eo18 > p:hover{
	z-index: 10 !important;
	width : 250px !important;
	max-width : 270px !important;
	padding : 10px;
	border : 2px solid black;
	background-color: #e7e7e7;
}

div#eo18 > p:hover:after{
	white-space: pre-wrap;
	content : "\A- Nom : Parc éolien en mer du Calvados \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#eo18 p{
	padding : 5px;
	z-index: 6;
	top : 5px;
	left : -120px;
	position : absolute;
	word-break: unset !important;
	width: 120px !important;
	max-width: 120px !important;
	line-height : 1em !important;
	background-color: #e7e7e7;
	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;
}

/*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*/

#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;
}

/*.bouton {
	border-radius: 3px;
	border: 0px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	color: white;
	padding: 10px 15px;
}*/

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

	#separateur {
		display: none;
	}

	/*.bouton {
	margin-bottom: 15px;
	}*/

	#formAbo {
  	display: block;
	}
}