@charset "UTF-8";
/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}


menu {
	width:100%;
	text-align:center;
}

.container2 {
	width: 100%; /* 960px */
	background-color:#FFF; /*#e4dfd4; les bords de page */
    margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

div.hautheader {  
    z-index : 10 ;
	width: 100%;
	position: fixed ;
	background-color : #333 ;
}
.hautheader a {
  font-size:0.9em ;
  font-weight:400 ;
  color: #ccc;
  text-decoration: none;
}

.hautheader a:hover {
  color: white;
  text-decoration: underline;
}

	
div#logo {
   float:left;	
	width:100% ;
	height:55px; /* 50 */
	/*background:  #EEEEEE ;/*#E5E5E5!important ; */
	background-color : #333 ;
   }

div#connect {
   float:left;	
	width:100% ;
	text-align:left;
	margin-top:0;
	margin-left:1px;
	height:60px; /* 50 */
	background-color: #999  ;
}

div.container {
	display: flex;
    flex-direction: column;
	width: 95%; /* 960px */
	background-color:#FFF; /*#e4dfd4; les bords de page */
    margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

div.top {
  display: flex;
}

.sidebar { /* pas de colonne */
	float: right; 
	width: 0;
	padding-bottom: 10px;
}

.content {
	width: 100%; 
	margin:0 auto ;
	background-color: #FFF; 
}


article.content {
	width: 98%; 
	margin:0 auto ;
	background-color: #FFF; 
}



div.w10 {
	width:10% ;
	float:left ;
}

div.w20 {
	width:20% ;
	float:left ;
}

div.w20bis {
	width:20% ;
	float:left ;
}


div.w25 {
	width:25% ;
	float:left ;
}

div.w33 {
	width:33% ;
	float:left ;
}

div.w40 {
	 width:40% ;
	float:left ;
}

div.w50 {
	 width:50% ;
	float:left ;
}

div.w60 {
	 width:60% ;
	float:left ;
}

p,a {
	font-family: Helvetica ;
}

div.annleft {
float:left;
margin-top:20px;
border-right:solid 1px #333;	
border-left:solid 1px #333;
border-bottom:solid 1px #333; 
border-top:solid 1px #333;
border-top-left-radius : 10px ;
border-bottom-left-radius : 10px ;	
width:35%; 
height:200px; 
background-size:cover ;
}

div.anncenter {
float:left;
margin-top:20px;
border-right:solid 1px #333;	
border-bottom:solid 1px #333; 
border-top:solid 1px #333;
width:50%; 
height:200px; 
}

div.annright {
float:left;
margin-top:20px;
border-right:solid 1px #333;	
border-bottom:solid 1px #333; 
border-top:solid 1px #333;
border-top-right-radius : 10px ;
border-bottom-right-radius : 10px ;		
width:14%; 
height:200px; 
}

div.annrighttop {
float:left;
margin-top:20px;
border-right:solid 1px #333;	
border-top:solid 1px #333;
border-top-right-radius : 10px ;
width:14%; 
height:100px; 
}

div.annrightbottom {
float:left;
color:red ;
margin-top:0;
border-right:solid 1px #333;	
border-bottom:solid 1px #333; 
border-bottom-right-radius : 10px ;		
width:14%; 
height:100px; 
}



div.anncenter p {
font-weight:200 ;	
}

div.anncenter p#titre {
font-weight:500 ;	
}

div.anncenter p#mention {
font-weight:500 ;
font-size:small ; 
margin-bottom :3px ;
}


div.anncenter p#anV {
font-weight:300 ;		
text-align:left;
margin-bottom:0	;
}

div.anncenter p#anD {
font-weight:300 ;
text-align:left;
margin-top:0 ;
margin-bottom:5px ;
font-size:smaller;	
}

div.anncenter p#anR {
font-weight:300 ;
text-align:left;
margin-top:5px;
font-size:14px;
}


div.anncenter > p#anL {
font-weight:200 ;
text-align:left;	
}

div.annrightbottom p{
}

a.mini:link, a.mini:visited {
	color: #000;
	text-decoration: none;
}

a.mini:hover, a.mini:active, a.mini:focus {
	color :orangered;
	text-decoration: none;
}


div.cartegooglefixe {
    width: 100%; 
    height: 630px;
	border-radius:10px;
}

div.w40carte {
	width:35% ;
	float:left ;
    margin-left:60%;
	position:fixed;
	margin-top:30px;	/*-20px */
}

footer {
  float:left;
  background-color:transparent ;
  background-color:#E7E7E7 ;
  width:100% ;
  /*border: 1px solid black;*/
  padding: 20px;
}

footer.p {
	padding :20px;
	text-align:center ;
	color:#FFF;
	font-size:11px;
}

/* pour filtre navigateur */
.overlay-filtres {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay-filtres form {
  background: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 500px;
}
/* fin pour filtre navigateur */

.marker-default {
    width: 20px;
    height: 20px;
    background-color: blue;
    border-radius: 50%;
    border: 2px solid white;
}

.marker-hover {
    width: 24px;
    height: 24px;
    background-color: red;
    border-radius: 50%;
    border: 2px solid black;
}

p#connect {
	padding : 10px;
	font-size:13px;
	font-family:arial ;
	color:white ;
}

img.picto {
width:20px ;
vertical-align:middle	;
}

img.pictoselect {
width:20px ;
vertical-align:middle	;
border:solid 1px black ;
background-color: yellow ;
}


a.connect:link, a.connect:visited {
	color: #FFF;
	text-decoration: none;
}

a.connect:hover, a.connect:active, a.connect:focus {
	text-decoration: underline;
}

a.connectinv:link, a.connectinv:visited {
	color: #FFF;
	text-decoration: underline;
}

a.connectinv:hover, a.connectinv:active, a.connect:focus {
	text-decoration: none;
}

a.noir:link, a.noir:visited {
	color: #000;
	text-decoration: none;
}

a.noir:hover, a.noir:active, a.noir:focus {
	text-decoration: underline;
}

a.noirsur:link, a.noirsur:visited {
	color: #000;
	text-decoration: underline;
}

a.noirsur:hover, a.noirsur:active, a.noirsur:focus {
	text-decoration: none;
}




@media screen and (min-width:415px) and (max-width:768px) {

}


@media screen and (max-width : 414px) { 

}