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



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

.freverse { flex-direction : row-reverse;}

/* bloc responsives */
.line { margin:auto; padding:20px; font-size:0px /* cause display inline bloc*/}

.line > h2 { font-size:1.3rem !important}
.line > h3 { font-size:1.2rem !important}
.line > p { font-size:1rem !important}


.w2, .w3, .w4, .w5, .w6 .w7, .w8, .w9, .w10, .w11, .w12  { vertical-align:top; font-size:16px; /* retablissement font size*/}

.w2 { width:48%; margin-left:1%; margin-right:1%; display:inline-block;}
.w3 { width:29.333%; margin-left:2%; margin-right:2%;  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.666%; display:inline-block;}
.w7 { width:14.2857%; display:inline-block;}
.w8 { width:12.5000%; display:inline-block;}
.w9 { width:9.1111%; display:inline-block; margin-left:1%;  margin-right:1%; padding:0 1%; }
.w10 { width:9%; display:inline-block; margin-left:0.5%;  margin-right:0.5%; padding:0 1%;}
.w11 { width:9.0909%; display:inline-block;}
.w12 { width:8.3333%; display:inline-block;}
/* grille css % */
.row {
width: 100%;
max-width: 1120px;
min-width: 480px;
margin: 2px auto; 
/*overflow: hidden;*/
}
.row:after {
	content:"";
	display:table;
	clear:both;
}
.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 {
	font-size: 100%;
	line-height: 1.4em;
}


div#entete {
	/*	width: 970px;*/
	font-size: 0.9em;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/entete.jpg);
	background-repeat: no-repeat;
	height:280px;
}


/* logo */
div#logo {
	text-align:center;
	margin-top:-25px;
	max-width:292px;
}
.imgpage{ }
#contenu { }
}/*/mediaquery*/