@charset "iso-8859-1";
/* CSS Document */
* { box-sizing:border-box; }
/* mobile */
@media only screen and (max-width: 768px) {
.left { float:left !important;}
.right { float:right !important;}
/* Que ... */
.MOB {display:block;}
.TAB {display:none;}
.ORD {display:none;}
/* pas ... */
.NOTMOB {display:none;}
/* bloc responsives */



/* bloc responsives flex */
.ligne { display: flex;
flex-flow: row wrap;
justify-content:flex-start;

margin: auto;
box-sizing:border-box;
}
 
.c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12  { 
align-items: stretch; 
vertical-align:top; 
margin: 10px auto;
/*min-width:200px;*/
}
 
.c2 { flex: 0 0 auto; width: calc(50% - 20px); } 
.c3 { flex: 0 0 auto; width: calc(33.33% - 20px); } 
.c4 { flex: 0 0 auto; width: calc(25% - 20px); }
.c5 { flex: 0 0 auto; width: calc(20% - 20px); }
.c6 { flex: 0 0 auto; width: calc(16.6666% - 20px); }
.c7 { flex: 0 0 auto; width: calc(14.2857% - 20px); }
.c8 { flex: 0 0 auto; width: calc(12.5% - 20px); }
.c9 { flex: 0 0 auto; width: calc(11.1111% - 20px); }
.c10 { flex: 0 0 auto; width: calc(10% - 20px); }
.c11 { flex: 0 0 auto; width: calc(9.0909% - 20px); }
.c12 { flex: 0 0 auto; width: calc(8.3333% - 20px); }


.f1col, .f2col, .f3col, .f4col, .f5col, .f6col, .f7col, .f8col, .f9col, .f10col, .f11col, .f12col { flex: 0 0 auto; width: 100%; }


.line { margin:auto; padding:10px; font-size:0px /* cause display inline bloc*/}
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 { vertical-align:top; font-size:16px; /* retablissement font size*/}
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 { width:95%; margin-left:auto; margin-right:auto;  padding:0 1%; display:block;}
/*
.w2, .w3, .w4, .w5, .w6, .w7,      .w9,       .w11,      { width:98%; margin-left:1%; margin-right:1%;  padding:0 1%; display:block;}
.w8, .w10, .w12 { width:48%; margin-left:1%; margin-right:1%;  padding:0 1%; display:inline-block;}
*/
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	}
	
	.row .col1, .row .col2, .row .col3, .row .col4, .row .col5, .row .col6, .row .col7, .row .col8, .row .col9, .row .col10, .row .col11, .row .col12 {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	}
	
	body {
	-webkit-text-size-adjust: none;
	font-size: 1em;
	line-height: 1.5em;
	}

.section {
	margin-left:1%;
	margin-right:1%;
	}
	
div#header {
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0;
}

div#entete {
	/*	width: 970px;*/
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0;
}

div#page {
  font-size: 1em;
  height: 100%;
  margin: 0 !important;
  padding: 10px !important;
}

#content {
  padding-top: 0px !important;
  padding-bottom: 60px !important;
}

.formulaire {
  padding: 10px !important;
  margin: auto;
}

/* logo */
#logo {
width: 84vw !important;
}

.imgpage{ 
margin: 5%;
padding:0px;
}
#contenu { padding:10px !important; font-size:1.3em !important;}

.Innerinfoszones { padding:5px 10px !important;}

#blocnav {
    width: 100%;
}
 
}/*/mediaquery*/