@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:none;}
.TAB {display:block;}
.ORD {display:none;}
/* pas ... */
.NOTTAB {display:none;}



/* bloc responsives flex */
.ligne { display: flex;
flex-flow: row wrap;
justify-content:flex-start;
width:90%;
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); }






/* 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:1%; }

.w3, .w6 { width:31.3333%; margin: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:1%; padding:0 1%; }


.w9 { width:18%; margin:1%;  padding:0 3%; }
.w10 { width:18%; margin: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; */
	margin: 2px auto;/*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%;float: left;}
body {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 1.5em;
}
/* logo */
div#logo {
	margin-top:-20px;
	margin-bottom:5px;
	text-align:center;
	max-width:292px;
}
.imgpage{ 
margin-top: 5%;
padding-right: 5%;
}
#contenu { padding:20px !important;}
}/*/mediaquery*/