.body1{
	background-color: black;
}


.buttonGeol
{
	font-size: 0.8em;
	color: black;
	margin-top: 25px;
	margin-left: 10px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom: 1px outset #760001;
	border-radius: 4px;
	background-color: lightgray;
}

#btnLegende {
	font-size: 1em;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	border-bottom: 1px outset #760001;
	border-radius: 4px;
	
}

.caption
{
	color : blue;
	font-size :small;
}


.carte_pdf {
	 display: none;
}

.corpsExcu{
	padding-left: 20px;
	padding-right: 20px;
}

.d00 {
	flex:0.1;
	padding-top: 20px;
	padding-right: 20px;
}

.d0 {
	flex:1;
}

.d1 {
	flex:4;
	margin-left: 25px;
}

.d2 {
	flex:1;
	padding : 5px;
	font-size: 1em; 
	margin-top: 0px;
	margin-right: 5px;
	text-align: right;
	line-height: 0px ;

}


.floatD {
	float : right;
	max-width: 60%;	
	margin-left: 15px;
	margin-bottom: 15px;
}

.floatG {
	float : left;
	max-width: 60%;	
	margin-right: 15px;
	margin-bottom: 15px;
}
.floatD-2 {
	float : right;
	/*width: 25%; */
	padding-left:  10px;
	padding-right:  10px;
	margin-top: 10px;
}
.floatG-2 {
	float : left;
	
	padding-right:  20px;
	margin-top: 10px;
}


.grandePhoto{
	width:200px;
}

.headerMain{
	display: flex;
	background-color: black;
	color: white;
	width:100%;
	padding-right: 5px;

}


.headerP1 {
	display : flex;
	justify-content: space-between; 
	padding-left: 5px; 
	padding-right: 15px;
	height: auto;
	color : white;
}
	

.headerP1 ul {
	list-style-type: none; 
}


.headerMap {
	display : flex;
	flex-direction: column;
	background-color: black;
}
.headerMap h3 {
	color : white;
}
.headerMap p {
	color : white;
	font-size: 0.8em;
}


.icnUp {
	float : left; 
	position : relative;
	left : 50%;
	margin-bottom: 20px;
}


.image {
	width:320px
}


.imgBandeau{
	width:150px;
	height: auto;
	margin-right: 25px;
	

}

img {
	max-width: 100%;
    height: auto;
    display: block;
}

#image-container {
width: 100%;
  position: relative;   /* sert de référence */
 /* display: inline-block;*/

}
 #image-container img {
      width: 100%;          /* l'image s'adapte à la largeur */
  	height: auto;

    }
    

#image-container h1 {
   position: absolute;   
  top: 0px;           
  left: 10%;            
}

.italic {
	font-style: italic; 
}


li {
	margin-right: 15px;
	margin-bottom: 3px;
}


#liste1 {
	display : flex;
	flex-direction: column;
}

.marker-cluster {
	background-color:red;
	text-align: center;
  	color: black;
	border: 2px solid white;
	font-weight: bold;
}

#pgeol1{
	flex : 1;
}
#pgeol2{
	flex : 0.8;
	padding: 20px;
}
#pgeol3{
	flex : 3;
	max-width: 50%;
	
}
#pgeol4{
	flex : 0.8;
	padding: 20px;
}

span.fond {
    position: absolute;
    top: 200px;
    left: 10px;
}

#txtBandeau{
	flex: 2;	
		
	}
#txtCarteLong{
	display:block;
	color:lightgray;
}

#txtCarteCourt{
	display:none;
	color:lightgray;
}

.txtNormal {
	/*padding : 20px;*/
	font-size: 1em;
}

.txtFigure {
	padding : 20px;
	font-size: 0.85em;
}


#toggleBtn {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1000; /* pour que le bouton reste au-dessus de la carte */
      background-color: #4CAF50;
      color: white;
      border: none;
      padding: 10px 20px;
      cursor: pointer;
    }
 #toggleBtn:hover {
      background-color: #45a049;
    }


div,img, figure {
    page-break-inside: avoid;
    break-inside: avoid;
}


/*smartphone==========================================================*/

@media screen and (width <= 768px) {


	.corpsExcu{
	padding-left: 2px;
	padding-right: 8px;
}


	.imgBandeau{
		
	}

	#useNewOnglet{
		/*display:none;*/
	}

	#headerD1{
		display : flex;
	}

	#headerD1 img{
		width: 150px;
		height: 40px;
	}

	#headerD1 p{
	margin-left: 25px;
	}

	.headerP1 {
	flex-direction: column;
	}


	.headerExcu{
		display:flex;
		flex-direction: column;
	}


	#txtBandeau{
		flex:1;
		
	}

	#newOnglet{
		display: none;
	}

	#txtCarteLong{
		display:none;
	}

	#txtCarteCourt{
		display:block;
	}

	#image-container h1 {
		display: none;
		/*font-size: 1.5em;*/
	}
	#image-container h2 {
		/*display: block;*/
	}


}