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

body{
font-size : 0.8rem ;
max-width :96%;
margin-left:8px;
/*Background-Color : green;*/
text-align: justify;
Font-Weight : Normal	
}

/*moyen - tablette*/
p{
margin-left:3px;
max-width :98%;
text-align: justify;
color : black;
/*Background-Color : green;*/
}

/*moyen - tablette*/
H1 {
margin-left:8px;
max-width :96%;
margin-top:10px;
Font-Family : Arial, Helvetica ;
font-size : 0.99rem ;
Color : blue ;
}

/*moyen - tablette*/
H2	 {
margin-left:8px;
max-width :96%;
Font-Family : Arial, Helvetica ;
font-size : 0.85rem ;
Color : blue;
text-align: left;
Font-Weight : Bold;
Text-Align : Center;
}

/*moyen - tablette*/
img{
margin-bottom : 4%;
}


/* menu mob ----------*/
.menumob {
display : block;
/*margin-left:-1%;*/
margin-bottom:-10px;
}

/*moyen - tablette*/
.menumob img{
max-width :100%;
height: auto;
margin:auto;
margin-bottom:-10px;
}

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

/*moyen - tablette*/
.topnav a {
float : right;
display : block;
padding : 9px 16px;
Text-Align : Center;
Font-Size : 15px;
Color : #F2F2F2;
Text-Decoration : None
}

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

.topnav.responsive {
position: relative;
}

/*moyen - tablette*/
.topnav.responsive  {
    float: none;
    display: block;
    text-align: left;
}
 
/*moyen - tablette*/
.topnav.responsive.menu_general {
    position: absolute;
    right: 0;
    top: -0px;
  }

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

.txt_entete{
max-width :100%;
background: silver;
padding-top :4%;
padding-left :4%;
padding-right :4%;
margin-bottom: 2em ;
/*margin-bottom: 4px;*/
}

.txt_entete p{
margin-top: 0.5em ;
margin-bottom: -0.5em ;
/*background: red;*/
}


/*moyen - tablette*/
.item {
margin-bottom : 4%;
margin-left : -1%;
}

/*moyen - tablette*/
.item img {
margin-left : -0.5%;
width: 95.90vw;
float:left;
max-width : 102%;
height: auto;
}

/*moyen - tablette*/
.post_img	 {
display: block;
height: auto;
width : 95%;
margin-bottom : 4px;
margin-left : 0%;
}

/*moyen - tablette*/
.post_video	 {
display: block;
height: auto;
width : 95%;
margin-bottom : 4px;
margin-left : 0%;
}

/*moyen - tablette*/
iframe {
margin-left : -0.0%;
display: block;
/*max-width : 100%;*/
width: 96.00vw;
height: 53.91vw;
}



/*moyen - tablette*/
a {
text-decoration: none;
Line-Height: 18pt;
}

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

/*moyen - tablette*/
.basdepgmob{ 
display:block;
background: #FFCC00
}




/*moyen - tablette*/
.basdepgfull{
display:none
}

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



#conteneur {
max-width: 100%;
}


#conteneur p	 {
text-align: center;

}


#conteneur .imgtab	 {
margin: auto

}







#conteneur:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

}