@charset "utf-8";

@media screen and (max-width: 767px), screen and (max-device-width: 767px) { 
	body { 
		font-size: 100%; 
		}
	h1 { font-size: 2.5em; line-height: 1.05; }
	h2 { font-size: 2.1em; line-height: 1.1; }		
	h3 { font-size: 1.8em; }	
	h4 { font-size: 1.4em; }
	h5 { font-size: 1.25em; }
	h6 { font-size: 1.1em; }
	.wrap, .page, .page2, .container {
		margin-left: 1.5%;
		margin-right: 1.5%; 
		padding: 0;
		width: 97%; 
		}
	.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne55, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12 {
		margin-left: 1%;
		margin-right: 1%; 
		padding: 0;
		width: 98%; 
		}
	#haut .colonne9 { width: 100%; }
	#haut .colonne3 { width: 100%; }
	.bloc-logo { padding: 5px 0 0 0; }
	.logo { margin: 0 1.04166666666667%; width: auto; height: 75px; }
	.bloc-article { padding: 1px 10px; }
	.arborescence { display: none; }
	#bas { text-align: center; }
	h1 { font-size: 1.4em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.2em; }
	h5 { font-size: 1.1em; }
	.visible-phone { display: block; }
	.visible-tablet { display: none; }
	.visible-desktop { display: none; }
	.visible-large { display: none; } 
	.hidden-phone { display: none; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: block; }
	.hidden-large { display: block; }
	}


@media screen and (min-width: 768px) and (max-width: 959px){
	body {
		font-size: 90%; 
		}
	.wrap, .page, .page2, .container {
		margin: 0 auto;
		width: 96%;
		}
	.visible-phone { display: none; }
	.visible-tablet { display: block; }
	.visible-desktop { display: none; }
	.visible-large { display: none; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: none; }
	.hidden-desktop { display: block; }
	.hidden-large { display: block; }
    }


@media screen and (min-width: 960px) and (max-width: 1199px) {
	body {
		font-size: 85%; 
		}
	.wrap, .page, .page2, .container {
		margin: 0 auto;
		width: 960px;
		}
	.visible-phone { display: none; }
	.visible-tablet { display: none; }
	.visible-desktop { display: block; }
	.visible-large { display: none; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: none; }
	.hidden-large { display: block; }
	}
	

@media screen and (min-width: 1200px) {
	body {
		font-size: 105%; 
		}
	.wrap, .page, .page2, .container {
		margin: 0 auto;
		width: 92%;
		max-width: 1400px;
		}
	.visible-phone { display: none; }
	.visible-tablet { display: none; }
	.visible-desktop { display: none; }
	.visible-large { display: block; } 
	.hidden-phone { display: block; }
	.hidden-tablet { display: block; }
	.hidden-desktop { display: block; }
	.hidden-large { display: none; }
	}