@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 !important;
	}
	/* 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 {
		background-color: rgba(255, 255, 255, 0.85);
		font-size: 1em;
		height: 100%;
		margin: 0 !important;
		padding: 10px !important;
	}

	/* logo */
	div#logo {
		margin: auto;
		padding-top: 20px;
		width: 70vw;
		margin: 7vw;
	}
	.imgpage {
		margin: 5%;
		padding: 0px;
	}
	#contenu {
		padding: 10px !important;
		font-size: 1.3em !important;
	}
	.Innerinfoszones {
		padding: 5px 10px !important;
	}
	#blocnav {
		width: 100%;
	}
} /*/mediaquery*/