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

/* bloc responsives flex */
.ligne { 
display: flex;
flex-flow: row wrap;
justify-content:space-between;
width:100%;
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:250px;
}
 
.c2 { flex: 0 0 auto; width: calc(50% - 10px); } 
.c3 { flex: 0 0 auto; width: calc(33.33% - 10px); } 
.c4 { flex: 0 0 auto; width: calc(25% - 10px); }
.c5 { flex: 0 0 auto; width: calc(20% - 10px); }
.c6 { flex: 0 0 auto; width: calc(16.6666% - 10px); }
.c7 { flex: 0 0 auto; width: calc(14.2857% - 10px); }
.c8 { flex: 0 0 auto; width: calc(12.5% - 10px); }
.c9 { flex: 0 0 auto; width: calc(11.1111% - 10px); }
.c10 { flex: 0 0 auto; width: calc(10% - 10px); }
.c11 { flex: 0 0 auto; width: calc(9.0909% - 10px); }
.c12 { flex: 0 0 auto; width: calc(8.3333% - 10px); }

.f1col { flex: 0 0 auto; width: calc( 8.3333% - 20px); }
.f2col { flex: 0 0 auto; width: calc(16.6666% - 20px); } 
.f3col { flex: 0 0 auto; width: calc(25% - 20px); } 
.f4col { flex: 0 0 auto; width: calc(33.3333% - 20px); }
.f5col { flex: 0 0 auto; width: calc(41.6667% - 20px); }
.f6col { flex: 0 0 auto; width: calc(50% - 20px); }
.f7col { flex: 0 0 auto; width: calc(58.3333% - 20px); }
.f8col { flex: 0 0 auto; width: calc(66.6667% - 20px); }
.f9col { flex: 0 0 auto; width: calc(75% - 20px); }
.f10col { flex: 0 0 auto; width: calc(83.3333% - 20px); }
.f11col { flex: 0 0 auto; width: calc(91.6667% - 20px); }
.f12col { flex: 0 0 auto; width: calc(100% - 20px); }


/* bloc responsives */
.line { margin:auto; padding:15px; font-size:0px /* cause display inline bloc*/}
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12  {display:inline-block; vertical-align:top; font-size:16px; /* retablissement font size*/}
.w2, .w4 { width:48%; display:inline-block; margin-left:1%; margin-right:1%; }
.w3, .w6 { width:31.3333%; margin-left:1%; margin-right:1%;  padding:0 1%; display:inline-block;}
/*.w4 {  width:23%; display:inline-block;  margin-left:1%;  margin-right:1%; padding:0 1%; }*/
.w5 { width:20%; display:inline-block;}
/*.w6 { width:16.6666%; display:inline-block;}*/
.w7 { width:14.2857%; display:inline-block;}
.w8 { width:12.5000%; display:inline-block;}
.w8 { width:23%; display:inline-block;  margin-left:1%;  margin-right:1%; padding:0 1%; }
.w9 { width:18%; margin-left:1%; margin-right:1%;  padding:0 3%; }
.w10 { width:18%; margin-left:1%; margin-right:1%;  padding:0 3%; }
.w11 { width:9.0909%; display:inline-block;}
.w12 { width:20%; display:inline-block;}


/* grille css % */
.row {
	width: 100%;
	max-width: 970px;
	/* [disabled]min-width: 480px; 
*/
	overflow: hidden;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
margin-right: 3.85%;
float: left;
min-height: 1px;
}
.row .col1 {width: 4.85%;}
.row .col2 {width: 13.45%;}
.row .col3 {width: 22.05%;}
.row .col4 {width: 30.75%;}
.row .col5 {width: 39.45%;}
.row .col6 {width: 48%;}
.row .col7 {width: 56.75%;}
.row .col8 {width: 65.4%;}
.row .col9 {width: 74.05%;}
.row .col10 {width: 82.7%;}
.row .col11 {width: 91.35%;}
.row .col12 {width: 100%;}


body {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 1.5em;
}

.section {

	}

.bloc-adresse {
  color: rgba(255, 255, 255, 0.5);
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  padding:0 !important;
}

/* logo */
div#logo {
text-align: center;
max-width: 200px;
margin: auto;
width:150px;
}

.imgpage{ 
margin-top: 5%;
padding-right: 5%;
}
#contenu { padding:20px !important;}
}/*/mediaquery*/