@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;}


.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, { width:48%; display:inline-block; margin-left:1%; margin-right:1%; }

.w3 { 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;  vertical-align:top !important;}

.w7 { width:14.2857%; display:inline-block;}

.w8 { width:12.5000%; display:inline-block;}

.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;}




/*
.line { 
display: flex;
flex-flow: row wrap;
justify-content:center;
width:100%;
margin: auto;
}
 
.w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12  { align-items: stretch; margin:10px; vertical-align:top; }
 
.w2 { flex: 0 0 auto; width: calc(50% - 20px); } 
.w3 { flex: 0 0 auto; width: calc(33.3333% - 20px); } 
.w4 { flex: 0 0 auto; width: calc(50% - 20px); }
.w5 { flex: 0 0 auto; width: calc(20% - 20px); }
.w6 { flex: 0 0 auto; width: calc(33.3333% - 20px); }
.w7 { flex: 0 0 auto; width: calc(14.2857% - 20px); }
.w8 { flex: 0 0 auto; width: calc(50% - 20px); }
.w9 { flex: 0 0 auto; width: calc(33.3333% - 20px); }
.w10 { flex: 0 0 auto; width: calc(20% - 20px); }
.w11 { flex: 0 0 auto; width: calc(9.0909% - 20px); }
.w12 { flex: 0 0 auto; width: calc(16.6666% - 20px); } 
 
 
.w2 { flex: 0 0 auto; width: 50%; } 
.w4 { flex: 0 0 auto; width: 50%; }

.w3 { flex: 0 0 auto; width: 33.3333%; } 
.w6 { flex: 0 0 auto; width: 33.3333%; }

.w5 { flex: 0 0 auto; width: 20%; }
.w10 { flex: 0 0 auto; width: 20%; }

.w8 { flex: 0 0 auto; width: 25%; }

.w7 { flex: 0 0 auto; width: 14.2857%; }
.w9 { flex: 0 0 auto; width: 11.1111%; }
.w11 { flex: 0 0 auto; width: 9.0909%; }

.w12 { flex: 0 0 auto; width: 16.6666%; }
*/

/* grille css % */
.row {
width: 100%;
max-width: 970px;
/*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%;float: left;}


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

/* logo */
div#logo {
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
}

.imgpage{ 
margin-top: 5%;
padding-right: 5%;
}

#contenu { padding:20px !important;}

}/*/mediaquery*/