/* colonne de gauche */
	.pCommune002G {float:left; width: 100%; /*box-shadow: 5px 0px 12px #aaa; *//*padding: 0 10px 0 0; border-right: 1px solid lightgrey;*/}
	.pCommune002G .titreNiveau1:first-child{margin-top:0}
	.pCommune002G .liste {margin-bottom:0; margin-top:10px; padding-bottom:10px }
	.pCommune002G .liste:nth-last-child(2) {border:none }
	.pCommune002G .liste .caracteristique {margin-top:0}
	.pCommune002G .liste .titre .pourcent {padding: 1px 7px 1px 7px; font-size: 12px;}
	.pCommune002G .liste .ligneboutons .bouton_1 {padding: 4px 16px;}


/* colonne de droite */
	.pCommune002D  {float:left; width:100%; /*padding-left: 20px*/}
	.pCommune002D .liste  {margin-top:10px; }

	/* annonces */
	.pCommune002D #listeannonceavecphoto .soustitre  {padding-left:0}
	.pCommune002D #listeannonceavecphoto .titre  {padding-left:0}
	.pCommune002D #listeannonceavecphoto .texte  {padding-left:0}
	.pCommune002D #listeannonceavecphoto .ligneboutons  {float:left; padding-left:0}
	.pCommune002D #listeannonceavecphoto .photo  {float:right}
	.pCommune002D #listeannoncesansphoto .soustitre  {padding-left:0}
	.pCommune002D #listeannoncesansphoto .titre  {width:100%; padding-left:0}
	.pCommune002D #listeannoncesansphoto .texte  {width:100%; padding-left:0}
	.pCommune002D #listeannoncesansphoto .ligneboutons  {float:left; width:100%; padding-left:0}
	.pCommune002D #listeannoncesansphoto .photo  {display:none}

	/* forum */
	.pCommune002D .blocForum {border-bottom:1px solid white}

	/* on a essayé pour vous */
	.pCommune002D #onaessayepourvous {background-color:#7FA6BB; padding:5px}
	.pCommune002D #onaessayepourvous .photo {width:40%; border:0}
	.pCommune002D #onaessayepourvous .photo:hover { border:0}
	.pCommune002D #onaessayepourvous .titre {width:60%; color:white}
	.pCommune002D #onaessayepourvous .titre a:hover {color:white}
	.pCommune002D #onaessayepourvous .texte {width:60%; color:white}
	.pCommune002D #onaessayepourvous .ligneboutons {width:60%; color:white; text-align:right}
	#communePubVideo {width:100%; height:200px}

	/* vue Commune */
.communeEntete {float:left; width:100%; padding-top:2px; background-color:white;}
.communeEntete .titre {float:left; padding:0 1.5%; width:97%; font-weight:bold; }
.communeEntete .titre  h1{color: #5685b5;}
.communeEntete .resume {float:left; width:97%; padding: 5px 1.5%; font-style: italic;}

.pCommune002G {float:left; width:41%; margin-bottom:15px;}
.pCommune002G .sectionCadreInferieur {float:left; width:94%; padding-left:3%; padding-top:2px; padding-bottom:10px; padding-right:3%; background-color:white}
.pCommune002G .sectionTitre {float:left; padding-top:5px; width:100%}
.pCommune002G .sectionTitre .titreType2 {font-weight:bold; font-variant:small-caps; font-size:16pt}
.pCommune002G .sectionArticle {float:left; margin-top:0; padding-top:10px; padding-right:0; color: black; width:100%}
.pCommune002G .sectionArticleImage {float:left; width:40%}
.pCommune002G .sectionArticleImage  img{float:left; width:100%}
.pCommune002G  .sectionArticleTitre {float:left; width:56%; margin-left:3%}
.pCommune002G  .sectionArticleTitre .lienType1 {font-weight:bold; color:rgb(0, 40, 87); font-size:12pt; font-variant:small-caps; }
.pCommune002G  .sectionArticleTitre .pourcentage{float:right; font-weight:bold; color:rgb(153,153,153)}
.pCommune002G .sectionArticleContenu {float:left; width:56%; margin-left:3%; margin-top:5px; }
.pCommune002G .sectionArticleContenu  .sectionArticleResume {float:left; width:100%; font-weight:bold; font-size:10pt; color:rgb(128,128,128)}
.pCommune002G .sectionArticleContenu  .sectionArticleResume  a {float:right; margin-top:5px; font-weight:bold; color:rgb(0, 40, 87); font-size:11pt; font-variant:small-caps; }
.voirTous {float:left; margin-top:10px; margin-bottom:10px; width:100%; font-weight:bold; color:rgb(0, 40, 87); font-size:12pt; font-variant:small-caps; }

.pCommune002D {width:47%; float:right; margin-left:1%}
.pCommune002D .sectionCadreInferieur {float:left; width:97%; margin-bottom:10px; padding-top:2px;padding-right:3%; background-color:white}
.pCommune002D .sectionTitre {float:left; padding-top:5px; width:100%}
.pCommune002D .sectionTitre .titreType2 {font-weight:bold; font-size:16pt}
.pCommune002D .sectionSousTitre {float:left; width:100%}
.pCommune002D .sectionSousTitre .titreType2 {font-size:11pt; font-style:italic; color:rgb(128,128,128)}
.pCommune002D .sectionArticle {float:left; width:100%; margin-top:10px; padding-top:10px; padding-right:0}
.pCommune002D .sectionArticle:first-child {margin-top:0;}
.pCommune002D .sectionArticleImage {float:left; width:40%}
.pCommune002D .sectionArticleImage  img{float:left; width:100%}
.pCommune002D .sectionArticleTitre  h5{margin:0}
.pCommune002D .sectionArticleTitre {float:left; width:56%; margin-left:3%}
.pCommune002D .sectionArticleTitre .lienType1{font-weight:bold; font-size:14pt; color:rgb(0, 40, 87); font-variant:small-caps; }
.pCommune002D .sectionArticleContenu {float:left; width:56%; margin-left:3%}
.pCommune002D .sectionArticleContenu  .sectionArticleResume {float:left; width:100%; margin-top:5px}
.pCommune002D .sectionArticleContenu  .sectionArticleResume p{margin:0}
.pCommune002D .sectionArticleContenu  .sectionArticleResume  a {float:left; width:100%; text-align:right; font-weight:bold; color:rgb(0, 40, 87); font-variant:small-caps; font-size:11pt}
.pCommune002D  .bouton  {float:left; padding:5px; margin-top:5px; background-color:rgb(146,188,211); }
.pCommune002D  .bouton  a {color:white; font-size:10pt; font-variant:small-caps;}
.pCommune002D  .bouton  span {color:white; font-size:10pt; font-variant:small-caps; cursor:pointer;}
#communePubVideo {width:100%; height:200px}
#communeCommentaireEmail{float:left; width:50%; height:30px; }
#communeCommentairePseudo{float:left; width:50%; height:30px; margin-top:10px}
#communeCommentaireTitre{float:left; width:100%; height:30px; margin-top:10px}
#communeCommentaireMessage{font-size:inherit}

/* vue Liste Complete Guides */
#pListeGuideDePeche .sectionTitre .titreType2 {font-weight:bold; font-variant:small-caps; font-size:16pt}
#pListeGuideDePeche .sectionSousTitre {float:left; width:100%}
#pListeGuideDePeche .sectionSousTitre .titreType2 {font-size:11pt; font-style:italic; color:rgb(128,128,128)}
#pListeGuideDePeche .sectionArticle {float:left; width:100%; padding-top:10px; margin-bottom:10px; padding-right:0}
#pListeGuideDePeche .sectionArticleImage {float:left; display:inline-block; vertical-align:top; width:40%}
#pListeGuideDePeche .sectionArticleImage  img{float:left; width:100%}
#pListeGuideDePeche .sectionArticleTitre  h5{margin:0}
#pListeGuideDePeche .sectionArticleTitre {float:left; width:56%; margin-left:3%}
#pListeGuideDePeche .sectionArticleTitre .lienType1{font-weight:bold; font-size:14pt; color:rgb(0, 40, 87); font-variant:small-caps; }
#pListeGuideDePeche .sectionArticleContenu {float:left; width:56%; margin-left:3%}
#pListeGuideDePeche .sectionArticleContenu  .sectionArticleResume {float:left; width:100%; margin-top:5px}
#pListeGuideDePeche .sectionArticleContenu  .sectionArticleResume p{margin:0}
#pListeGuideDePeche .sectionArticleContenu  .sectionArticleResume  a {float:left; width:100%; text-align:right; font-weight:bold; color:rgb(0, 40, 87); font-variant:small-caps; font-size:11pt}
#pListeGuideDePeche .bouton  {float:left; padding:5px; margin-top:5px; background-color:rgb(146,188,211); }
#pListeGuideDePeche .bouton  a {color:white; font-size:10pt; font-variant:small-caps;}
#pListeGuideDePeche  .bouton  span {color:white; font-size:10pt; font-variant:small-caps; cursor:pointer;}

.lienOffreReferencement{font-weight:bold; font-size:15px; color: #3B4D56; float:right; margin-top: 6px; font-variant:small-caps; }
.lienForum{font-weight:bold; font-size:15px; color: #3B4D56; float:right; margin-top: 6px; font-variant:small-caps; }
.separateurLienForum{color: lightgrey; float:right; margin-top: 6px;}

.texteImportant{font-size:14pt; color:rgb(117,150,169); }
.sectionCadreInferieur ul{list-style-type: none; float: left; margin:10px 0 0 0; padding: 0;}
.sectionCadreInferieur ul li{float:left; margin-right:5px}
.sectionCadreInferieur ul li:last-child{margin-right:0}
.sectionCadreInferieur ul li:after{content:","}
.sectionCadreInferieur ul li:last-child:after{content:""}
.sectionCadreInferieur ul li a:hover{text-decoration:underline}


/* maréees */
#tableauProchainesMarees .weekend{width:25px; color:white; background-color:rgb(0, 40, 87);}
#tableauProchainesMarees .semaine{width:25px; color:rgb(128, 128, 128);}
#tableauProchainesMarees .premierJourDuMois{border-left:2px solid grey; border-top:1px solid grey; border-bottom:1px solid grey; }
#tableauProchainesMarees .jourDuMoisStandard{border-left:1px solid lightgrey; border-top:1px solid grey; border-bottom:1px solid grey; }
#tableauProchainesMarees .prochainJour_Date{float:left; width:100%; border-bottom:1px solid lightgrey; font-weight:bold; }
#tableauProchainesMarees .prochainJour_Coef{float:left; width:100%; font-size:12px; padding-top:3px}
#tableauProchainesMarees .colonneJour{position:relative; cursor:pointer}
#tableauProchainesMarees .colonneJour .detail{padding:3px; position:absolute; left:0; top:30px; width:80px; z-index:7; margin-left:0; display:none; background-color:lightgrey; text-align:left; color:rgb(0, 40, 87)}
#tableauProchainesMarees .colonneJour:hover .detail{display:block}

/* carte */
.little_map {margin: 0; width: 100%; height: 200px;}
.big_map{width: 100%; height: 400px; display:none;}
.actionCarte{float:left; width:97%; margin-left:1.5%; text-align:center; cursor:pointer}
.actionCarte:hover span{text-decoration:underline}
.agrandirCarte{width: 100%;}
.reduireCarte{width: 100%; display:none}

/* pechabilité */
.jourpeche{margin:0 3px; cursor:pointer; color: white; font-size: 14px; display: inline-block; background: #a5b8cb; padding: 3px 6px; border-radius: 10px; }
.jourpeche:hover{text-decoration:underline}
.liensouligner:hover{text-decoration:underline}
.carteImage{float:left; width:40%;}
.carteImage img{float:left; width:100%;}
.legendeCarteImage{float:left; width:59%; margin:3px 0; line-height:23px; font-size:16px; color:#1e2a37; font-weight:bold; padding-left:1%}

/* la suite */
.lasuite{float: right; margin-top: 10px; width: 100%; color: grey; font-family: Lato; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; text-align: right;}

/* liste de pros */
.commListe{float:left; width:20%; padding-right:1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.commListe *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.commListe .sectionArticleImage{float:left; width:100%;}
.commListe .sectionArticleImagePub{float: left; width: 100%; background-color: #eceaea; color: #3b3737; padding: calc(50% - 40px) 3px; padding: -webkit-calc(50% - 40px) 3px; padding: -moz-calc(50% - 40px) 3px; line-height: 20px; text-align: center;}
.commListe .sectionArticleImage img{float:left; width:100%;}
.commListe .sectionArticleTitre{float:left; width:100%; text-align:center; font-style: italic; font-size:13px; line-height:30px}
.commListe .sectionSousTitre{float:left; width:100%; text-align:center; display: table;}
.commListe .sectionSousTitre span {display: table-cell; vertical-align: middle; text-align: center; height: 36px; padding-top:2px; font-weight: bold; font-size: 13px;}
.commListe .bouton{float:left; width:100%; margin-top:3px; padding:3px; font-variant: normal; text-align:center; cursor:pointer;}
.commSousTitre{float:left; width:100%; font-size: 18px; margin-bottom: 12px; font-weight: bold;}
.commSousTitre2{float:left; width:80%; font-size: 18px; margin-bottom: 12px; font-weight: bold;}
.publiciteSeReference{float:left; width:40%; }
.comSeReferencer{float:left; width:48%; margin-left:2%; background-color:#5685B5; color:white; font-size:18px; text-align:center; padding:0; line-height: 27px; border-radius:10px}
.comSeReferencer *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.graphImage{float:left; width:40%;}
.graphImage img{float:left; width:100%;}
.legendeGraphImage{float:left; width:59%; margin:3px 0; line-height:23px; font-size:16px; color:#1e2a37; font-weight:bold; padding-left:1%}

/* Espèces */
.materiel .comListeEspece{float: left; margin-top: 0; padding-top: 10px; padding-right: 1%; color: black; width: 25%;}
.comListeEspece{float: left; margin-top: 10px; margin-right: 20px; width: calc(25% - 15px);}
.comListeEspece:last-child{margin-right: 0;}
.comListeEspece .sectionArticleImage{float: left; width: 100%;}
.comListeEspece .sectionArticleImage a{position: relative; float: left; width: 100%;}
.comListeEspece .sectionArticleImage a img{float: left; width: 100%;}
.comListeEspece .sectionArticleImage a img:hover, .comListeEspece .sectionArticleImage a img:focus{transform: scale(1.05); box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;}
.comListeEspece .sectionArticleImage .pourcentage{position: absolute; background: #FF9800; border-radius: 15px; color: white; width: 30px; line-height: 30px; font-size: 13px; text-align: center; display: table-cell; vertical-align: middle;}
.comListeEspece .sectionSousTitre{float:left; width:100%; text-align:center; display: table;}
.comListeEspece .sectionSousTitre span {display: table-cell; vertical-align: middle; text-align: center; height: 36px; padding-top:2px; color:#5685b5; font-size: 13px;}
.comListeEspece .sectionArticleResume {text-align: center;}
.comListeEspece .bouton{float:left; width:100%; margin-top:3px; padding:3px 0; font-variant: normal; text-align:center; cursor:pointer; height:32px}
.plusun{background-color:#92bcd3; display:inline-block; width: 40px; line-height: 22px; border-radius:12px; cursor:pointer; color:white; text-align:center}

.comListeEspeceDeux{float: left; margin-top: 0; padding-top: 10px; padding-right: 1%; color: black; width: 50%;}
.comListeEspeceDeux .sectionArticleImage{float: left; width: 100%;}
.comListeEspeceDeux .sectionArticleImage a{position: relative; float: left; width: 100%;}
.comListeEspeceDeux .sectionArticleImage a img{float: left; width: 100%;}
.comListeEspeceDeux .sectionArticleImage a img:hover, .comListeEspece .sectionArticleImage a img:focus{transform: scale(1.05); box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;}
.comListeEspeceDeux .sectionArticleImage .pourcentage{position: absolute; background: #FF9800; border-radius: 15px; color: white; width: 30px; line-height: 30px; font-size: 13px; text-align: center; display: table-cell; vertical-align: middle;}
.comListeEspeceDeux .sectionSousTitre{float:left; width:100%; text-align:center; display: table;}
.comListeEspeceDeux .sectionSousTitre span {display: table-cell; vertical-align: middle; text-align: center; height: 36px; padding-top:2px; color:#5685b5; font-size: 13px;}
.comListeEspeceDeux .sectionArticleResume {text-align: center;}
.comListeEspeceDeux .bouton{float:left; width:100%; margin-top:3px; padding:3px 0; font-variant: normal; text-align:center; cursor:pointer; height:32px}
.plusun{background-color:#92bcd3; display:inline-block; width: 40px; line-height: 22px; border-radius:12px; cursor:pointer; color:white; text-align:center}

/* forum */
.comListePost{float:left; width:100%}
.comListePost .sectionArticleEntete{float:left; width:100%; font-size:13px; color:lightgrey }
.comListePost .sectionArticleTitre{float:left; width:100%; font-weight: bold; font-size: 19px;}
.comListePost .sectionArticleContenu{float:left; width:100%;}
.comListePost .sectionArticleContenu .sectionArticleResume{float: left; width:100%}
.comListePost .sectionArticleContenu .sectionArticleResume p{float: left; font-size: 16px; line-height: 20px; margin-top: 5px;}
.comForum{float:left; width:50%; background: #82949e; padding: 5px; color: white; border-radius: 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

/* photos */
.comListePhoto{float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:10px}

/* Annonces */
.comListeAnnonce{float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:10px 0 0 10px}
.comListeAnnonce .enteteArticle{float:left; width:100%; font-style: italic; text-align:left; color: rgb(117, 122, 136); border-bottom:1px lightgrey solid; margin-bottom:5px}
.comListeAnnonce .titreArticle{float:left; width:100%; font-weight: bold; font-size: 13px;}
.comListeAnnonce .sectionArticleImage{float:left; width:100%; margin-top:5px}
.comListeAnnonce .sectionArticleImage img{float:left; width:100%;}
.comListeAnnonce .sectionArticleTexte{float:left; width:100%; margin-top:5px; font-size:14px}

/* lieux dits */
.comLieuDit{float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:10px}
.comLieuDit ul{list-style-type: none; float: left; margin:0; padding: 0; font-size:13px}
.comLieuDit ul li{float:left; margin-right:5px}
.comLieuDit ul li:last-child{margin-right:0}
.comLieuDit ul li:after{content:","}
.comLieuDit ul li:last-child:after{content:""}
.comLieuDit ul li a:hover{text-decoration:underline}

/* liens utiles */
.comLienUtile{float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:10px}
.comLienUtile .titreArticle{float:left; width:100%; font-weight: bold; font-size: 13px;}
.comLienUtile .sectionArticleImage{float:left; width:100%; margin-top:5px}
.comLienUtile .sectionArticleImage img{float:left; width:100%;}
.comLienUtile .sectionArticleTexte{float:left; width:100%; margin-top:5px; font-size:14px}

.comm_prev{float:left; width:33.3333333333%; padding:0 10px; text-align: center;}

.bloc_spot_commune{float:left; width:50%}

.com_enc_espece{padding:0 10px 10px 10px; background-color:white; color:#2e4770; width:100%}

.com_enc_prev{padding-left:5px; width:25%}
.table_com_prev_mm th{background-color:#3b4d56; color:white; padding:1px 10px; font-weight:normal}
.table_com_prev_mm td{width:50px; height:50px; border:1px solid #3b4d56; color:black; padding:2px 2px; vertical-align:middle}
.tab_mar{margin-right:1%; width:24%; line-height:20px; text-align:center; border:1px solid #3b4d56}
.tab_pec{margin-right:0.9%; width:24%; line-height:20px; text-align:center; border:1px solid #3b4d56}
.classtaillecourte{width:24%;}
.classtaillelarge{width:52%;}
.tab_met{float:left; width:34.3%; line-height:20px; text-align:center; border:1px solid #3b4d56}
.tab_bou{float:right; width:11%; margin-left:0.9%; line-height:20px; text-align:center; border:1px solid #3b4d56}
.bouton_commune{float:none; display:inline-block; padding: 4px 8px; background-color: orange; color: white; cursor: pointer; border-radius: 5px; font-size: 13px; text-transform:uppercase}
.bloc1{float:left; width:100%; margin-top:10px; border-top:1px solid lightgrey;}
.bloc1 .titre{float:left; margin-top:5px; font-size:18px; color:#666666}
.bloc1 .titre_sous{font-size: 15px; width:calc(100% - 170px); float: left; margin-top: 10px; color: #666666}
.bloc1 .btn_esp{float: right; padding: 5px 10px; background-color: #ee7d34; color: white; border-radius: 3px; margin-right: 10px; margin-top: 10px; width:167px; text-align: center;}
.bloc1 img{width:30%; }
.bloc1 .description{width:70%; line-height:20px; font-size:15px }
.bloc1 .gauche img{float:left;}
.bloc1 .gauche .description{float:left; padding-left:10px}
.bloc1 .gauche .bouton_2{float:left; margin-left:10px; margin-top:10px}
.bloc1 .droite img{float:right;}
.bloc1 .droite .description{float:right; padding-right:10px}
.bloc1 .droite .bouton_2{float:left; margin-top:10px}
.bouton_commune_1{float:left; width:25%; padding:0 10px; font-size:14px; text-align:center; color:#004A7F}
.bouton_commune_1:hover{box-shadow:3px 3px 0 0 lightgrey; cursor:pointer}
.menu_ico_comm ul li{float:left; text-align:center; font-size:14px; width:calc((100% - 200px)* 2 / 3); line-height:18px; color:#ef7d00; font-weight:bold}
.menu_ico_comm ul li:first-child{margin-left:0; width:50px;  margin-right:calc((100% - 200px) / 6)}
.menu_ico_comm ul li:last-child{margin-right:0; width:50px;  margin-left:calc((100% - 200px) / 6)}
.menu_ico_comm ul li img{width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ef7d00; padding: 3px;}
.menu_ico_comm ul li .titre_poster{display:none}
.listeespececom .titre{color:color: #666666; font-size: 14px;}
.smartphone{display:none}
#questioncommunaute img{float:left; width:50px; height:50px; border-radius:50%; margin-right:10px}
.gm-style-iw{padding: 20px;
	max-width: 305px; text-align: center}
.gm-style-iw #firstHeading, .leaflet-popup-content #firstHeading{
	margin-top: 0;
	font-size: 1.2rem;
	color: #ef7d00;
	font-weight: bold;
}
.gm-style-iw #firstHeading::after, .leaflet-popup-content #firstHeading::after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	margin-top: 10px;

}
.gm-style-iw #secondHeading, .leaflet-popup-content #secondHeading {
	font-size: 1rem;
}
.gm-style-iw #thirdHeading, .leaflet-popup-content #thirdHeading {
	margin-top: 10px;
	font-size: 12px;
	}
.gm-style-iw #bodyContent, .leaflet-popup-content #bodyContent{padding-top: 11px;}
#pageCommune{margin-top:10px}
/*#pageCommune #quepecher{height:342px}*/
/*#pageCommune .liste_prise_membre{height:342px}*/
#pageCommune .liste_prise_membre .listing a{padding:10px; height:67px}
#pageCommune #oupecher .bloc1 .titre_sous{margin-top: 20px; width:calc(100% - 180px)}
#pageCommune #quisommenous{height:550px}
#pageCommune #maree{height:545px}
#pageCommune #meteo{height:545px}
#pageCommune #avecquipecher .c_last_sorties_bg{height:200px; }
#pageCommune #avecquipecher .s_sortie_club{float:none; display:inline-block; font-size:15px; border-radius:3px; padding:10px 20px; color:white}
#pageCommune #avecquipecher .s_sortie_club:first-child{margin-left:5px; background-color:#2f476f}
#pageCommune #avecquipecher .s_sortie_club:last-child{margin-right:5px; background-color:#ee7d34}
#pageCommune #avecquipecher2 {height:417px; text-align:center; background:#b15555; color:white}
#pageCommune #avecquipecher2 .innerdiv{line-height:50px; font-size:30px; margin-top: 20px}
#pageCommune #avecquipecher2 .innerdiv span{font-size:20px}
#pageCommune #questioncommunaute{display:none; height:304px}
#pageCommune #pubHomologuer{display:none; float:left; height:304px; overflow:hidden; background:white}
.headercommune{padding: 30px;margin-top: 0;font-family: Lato, sans-serif;background-size: cover;height: 60vh;font-weight: bold;text-align: left;color: white; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.headercommune *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.headercommune h1{float: left;width: 100%;font-size: 50px;text-align: left;padding-top: 50px;padding-left: 5%;color:white}
.headercommune h2{display: inline-block;float: left;width: 100%;font-size: 35px;margin-top: 10px;text-align: left;padding-left: 5%;}
.headercommune .baseline{display: inline-block;float: left;width: 100%;text-align: left;padding-top: 0;padding-left: 5%; font-size: 18px;}
.alerte_commune{line-height: 25px; font-size: 20px; color: white; background: #ef7d00; padding: 10px;}
.alerte_commune .encemoment{padding: 10px; color: white; margin-right: 10px; display: inline-block; background: #fb8d13; font-weight: 700;}

.expeMap__content a.button__reservation {
	display: block;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	background-image: linear-gradient(45deg, #2e4770 0%, #678ece 51%, #2e4770 100%);
	transition: 0.5s;
	background-size: 200% auto;
	border-radius: 50px;
	padding: 0.7em 2em;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin: 15px 0;
}
.expeMap__content a.button__reservation:hover {
	color: white;
  background-position: right center;
}