#entete	img {
display: block;
max-width : 100% ;
margin : 0px ;
height: auto;
}



/******************************************************** plus que 520 */
@media (min-width:520px)  {

/*full*/
body {
Font-Family : Arial, Helvetica ;
}

P	 {
font-size: 0.94em; /* base font-size is equivalent "14px" */
Font-Weight : Normal
		}
/*full*/
H1	 {
Font-Family : Arial, Helvetica ;
font-size: 1.3em; /* base font-size is équivalent "14px" */
Color : red ;
Font-Weight : Bold
}

/*full*/
H2	 {
Font-Family : Arial, Helvetica ;
font-size: 1.0rem;
Color : red	 ;
Font-Weight : Bold ;
Text-Align : Center;
	}

H3	 {
Font-Family : Arial, Helvetica ;
Font-Size : 12pt ;
Color : blue ;
Font-Weight : Bold;
text-align: center;
	}

/*full*/
.item {
float:left;
display: block;
width : 100%; 
margin-bottom : 1px;
}

.item img {
float:left;
max-width : 40vw; 
height: auto;
margin-right : 20px;
margin-left : 10%;
margin-bottom : 2%; /* marge en dessous de l'image des posts */
}

/*full*/
.post	 {
text-align :left;
display: block;
/*height: auto;*/
margin: auto;
width: 80%;
}


/*full*/
iframe {
display: block;
width: 55.2vw;
height: 31.1vw;
margin-left : 0px;
margin-right : 20px;
margin-bottom : 2%;
}


.basdepgfull {
display: block;
width: 80%;
text-align: center;
}

/*full*/
.topnav{
Line-Height: 28pt;
word-spacing : 18px;
display: block;
margin-bottom : 10px;
margin-top : 15px;
}

.pour-mob {
display : none
}

/*full*/
.menumob img{
display : none
}

.basdepgmob{ display:none}

}


/* FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN FIN */

/*mobile mobile mobile mobile mobile mobile mobile mobile mobile  moins que 520 mobile */
/*mobile mobile mobile mobile mobile mobile mobile mobile mobile  moins que 520 mobile */
@media (max-width:520px) {

/*mob*/
.pour-full {
display : none;
}

/*mob*/
body{
Font-Family : Arial, Helvetica ;
font-size : 0.8rem ;
text-align: justify;
Font-Weight : Normal	
}

/*mob*/
p{
text-align: justify;

}

/*mob*/
H1 {
margin-top:10px;
Font-Family : Arial, Helvetica ;
font-size : 0.99rem ;
Color : blue ;
	}

/*mob*/
H2	 {
Font-Family : Arial, Helvetica ;
font-size : 0.85rem ;
Color : red;
Font-Weight : Bold
	}

/*mob*/
img{
/*Background-Color : green;*/
margin-bottom : 4%;
}
.item {
margin: auto;
}

/*mob*/
.item img {
max-width : 100%;
height: auto;
}

/*mob*/
.post	 {
display: block;
height: auto;
margin: auto;
}


/*mob*/
.menumob {
display : block;
margin-left : -1.5%;
/*margin-left:-8px;*/
}

/*mob*/
.menumob img{
max-width :100.5%;
/*padding-right : 1%;*/
height: auto;
margin: auto;
}


/*mob*/
iframe {
width: 97.0vw;
height: 54.8vw;
margin: auto;
margin-left : -2.50%;
}

/*mob*/
.basdepgmob{ 
display:block
}

/*mob*/
.basdepgfull{display:none
}

/*mob*/
.basdepgmob P {
font-size: 0.94em; /* base font-size is equivalent "14px" */
text-align: center;
		}
/* menu mob ----------*/

/*mob*/
.topnav {
overflow : hidden;
display : none;
Background-Color : #1f4a88;
Color : red;
}

.topnav a {
float : right;
display : block;
padding : 9px 16px;
Text-Align : Center;
Font-Size : 15px;
Color : yellow;
Text-Decoration : None
}


.active {
Color : white;
Text-Decoration : None
}



/*mob*/
.topnav a:not(:first-child) {
display: none
}

/* AFFICHAGE menu mob ----------*/

.topnav.responsive {position: relative;}

/*mob*/
.topnav.responsive {
float: none;
display: block;
text-align: left;
}

/*mob*/
.topnav.responsive.icon {
position: absolute;
right: 0;
top: 0;
  }

/*mob*/
.topnav.responsive a {
float: none;
display: block;
text-align: left;
  }
}