/* MOB ************************************************************** margin: auto; ******/
@media (max-width:767px) {

#container{
display: flex;
width: 100%;
margin: auto;
/*background-color:green;*/
flex-wrap:wrap;
}


.objet{
width: 380px;
max-width:350px;
border: 1px solid ;
padding:6px;
text-align:center;
margin: 5px auto;
/*background-color:blue;*/
}

.objet img{
}

.pour-full{
display: none;
/*Background-Color : green;
}

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 : white;
/*Background-Color : green;*/
}

/*moyen - tablette*/
H1 {
Text-Align : center ;
margin-left:8px;
max-width :96%;
margin-top:10px;
Font-Family : Arial, Helvetica ;
font-size : 0.99rem ;
Color : #ffcc00 ;
}

/*moyen - tablette*/
H2	 {
margin-left:8px;
max-width :96%;
Font-Family : Arial, Helvetica ;
font-size : 0.85rem ;
Color : #ffcc00 ;
Font-Weight : Bold;
Text-Align : Center;
}

/*moyen - tablette*/
img{
margin-bottom : 4%;
max-width :100%;
}


/* 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: #666666;
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%;
}

.post p {
padding-top :4%;
padding-left :4%;
padding-right :4%;
margin-bottom: 2em ;
}



/*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;
}

.basdepgmob A{
color: blue;
}

/*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;
}

}
















