@charset "utf-8";
/* CSS Document */
/* MODIFICATIONS DES STYLES POUR LES DIFFERENTES RESOLUTIONS AVEC LES MEDIA QUERIES @media */

/* 1 - Smartphones en mode paysage (767px de large max) et autres mobiles  */
@media screen and (max-width: 767px), screen and (max-device-width: 767px) { 
	body { 
		/* on grossit tous les textes */
		font-size: 100%; 
		}
	.fond-img1 {
		background-image:url('../images/004.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		background-attachment: fixed;
		}
	h1 { font-size: 3.5em; line-height: 1.05; }
	h2 { font-size: 2.5em; line-height: 1.1; }		
	h3 { font-size: 2em; }	
	h4 { font-size: 1.5em; }
	h5 { font-size: 1.25em; }
	h6 { font-size: 1.1em; }
	header, #haut { padding-bottom: 5px; }
	.wrap, .page, .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 {  
		/*  reglage monocolonne: colonne12 */
		margin-left: 1%;
		margin-right: 1%; 
		padding: 0;
		width: 98%; 
		}
	.repousse-colonne1, .repousse-colonne2, .repousse-colonne3, .repousse-colonne4, .repousse-colonne5, .repousse-colonne6, .repousse-colonne7, .repousse-colonne8, .repousse-colonne9, .repousse-colonne10, .repousse-colonne11, .repousse-colonne12 { 
		margin-left: 1.5% !important; 
		}
	/*
		.colonne-phone1, .colonne-phone2, .colonne-phone3, .colonne-phone4, .colonne-phone5, .colonne-phone6, 
		.colonne-phone7, .colonne-phone8, .colonne-phone9, .colonne-phone10, .colonne-phone11, .colonne-phone12 {
			margin-left: 1.5%;
			margin-right: 1.5%;
			}
	*/
	.colonne-phone1 { width:5.3333333333333%; }
	.colonne-phone2 { width:13.666666666667%; }
	.colonne-phone3 { width:22%; }
	.colonne-phone4 { width:30.333333333333%; }
	.colonne-phone5 { width:38.666666666667%; }
	.colonne-phone6 { width:47%; }
	.colonne-phone7 { width:55.333333333333%; }
	.colonne-phone8 { width:63.666666666667%; }
	.colonne-phone9 { width:72%; }
	.colonne-phone10 { width:80.333333333333%; }
	.colonne-phone11 { width:88.666666666667%; }
	.colonne-phone12 { width:97%; }

	.multicolonnes2, .multicolonnes3, .multicolonnes4 { 
		column-count: auto; 
		column-gap: 0;
		column-rule-width: 0;
		column-rule-color: none;
		column-rule-style: auto;
		}
	.box-text { max-height: none; height: auto; }
	.fixe { position: static; }
	 .bloc-fixe {
		position: static; 
		max-height: auto; 
		}
	.bloc-logo { 
		margin: 0 0 0 50px; 
		padding: 10px 0px;
		width: auto; 
		float: none; 
		text-align: center; 
		}
	.logo { width: 250px; height: auto; }
	.bloc-nav {
		margin:0;
		padding-top: 10px 5px 0 5px;
		width: auto;
		float: none;
		border-bottom: 3px solid #909437;
		}
	.bloc-fixe {
		position: static; 
		}
	.arborescence { display: none; }
	h1 { font-size: 2.25em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.4em; }
	h5 { font-size: 1.25em; }
	h6 { font-size: 1.1em; }
	/* --- MASONRY --- */
	#container .item {
		width: 98%;
		margin: 1%;
		font-size: 90%;
		}
	#container .item img { 
		width: 100%;
		height: auto;
		}
	#container article h2 { font-size: 1.15em; border: none; }
	.bloc-contenu {
		padding: 5px 10px;
		}
	.parallax-container {
		padding: 30px 0 40px 0;
		height: 250px;
		max-height: 250px;
		}
	.table-responsive { height:auto; }
	.cell1 { display: inline-block; width: 100%; float: left; font-size: 80%; }
	.cell1 img { width: 110px; height: auto; }
	.cell2 { display: inline-block; width:96%; float: left; }
	.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; }
	.visible-touch { display: block; }
	.hidden-touch { display: none; }
	}

/* 2 - Ipad + Tablette */
@media screen and (min-width: 768px) and (max-width: 959px){
	body { 
		/* on grossit tous les textes */
		font-size: 95%; 
		}
	.nav {
		height: 40px;
		font-size: 16px;
		}
	ul.nav li a:visited, ul.nav li a:link { 
		padding: 0 10px; /* espacement interieur des boutons */
		height: 40px; 
		line-height: 40px; /* centrage vertical du texte */
		}
	/* --- MASONRY --- */
	#container .item {
		width: 24%;
		margin: 0.5%;
		font-size: 85%;
		}

	/*
		.colonne-tablet1, .colonne-tablet2, .colonne-tablet3, .colonne-tablet4, .colonne-tablet5, .colonne-tablet6, 
		.colonne-tablet7, .colonne-tablet8, .colonne-tablet9, .colonne-tablet10, .colonne-tablet11, .colonne-tablet12 {
			margin-left: 1.5%;
			margin-right: 1.5%;
			}
	*/
	.colonne-tablet1 { width:5.3333333333333%; }
	.colonne-tablet2 { width:13.666666666667%; }
	.colonne-tablet3 { width:22%; }
	.colonne-tablet4 { width:30.333333333333%; }
	.colonne-tablet5 { width:38.666666666667%; }
	.colonne-tablet6 { width:47%; }
	.colonne-tablet7 { width:55.333333333333%; }
	.colonne-tablet8 { width:63.666666666667%; }
	.colonne-tablet9 { width:72%; }
	.colonne-tablet10 { width:80.333333333333%; }
	.colonne-tablet11 { width:88.666666666667%; }
	.colonne-tablet12 { width:97%; }

	.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; }
	.visible-touch { display: block; }
	.hidden-touch { display: none; }
    }

/* 3 - PC standard : version 960px */
@media screen and (min-width: 960px) and (max-width: 1199px) {
	body { 
		/* on grossit tous les textes */
		font-size: 100%; 
		}
	.bloc-projet { height: 130px; }
	.titre-projet {
		font-size: 0.75em; 
		}
	/* --- MASONRY --- */
	#container .item {
		width: 19%;
		margin: 0.5%;
		font-size: 85%;
		}
	#container article h2 { font-size: 1.15em; border: none; }
	.bloc-contenu {
		padding: 5px 10px;
		}
	.table-responsive { height: 600px; }

/*
	.colonne-desktop1, .colonne-desktop2, .colonne-desktop3, .colonne-desktop4, .colonne-desktop5, .colonne-desktop6, 
	.colonne-desktop7, .colonne-desktop8, .colonne-desktop9, .colonne-desktop10, .colonne-desktop11, .colonne-desktop12 {
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
*/
	.colonne-desktop1 { width:5.3333333333333%; }
	.colonne-desktop2 { width:13.666666666667%; }
	.colonne-desktop3 { width:22%; }
	.colonne-desktop4 { width:30.333333333333%; }
	.colonne-desktop5 { width:38.666666666667%; }
	.colonne-desktop6 { width:47%; }
	.colonne-desktop7 { width:55.333333333333%; }
	.colonne-desktop8 { width:63.666666666667%; }
	.colonne-desktop9 { width:72%; }
	.colonne-desktop10 { width:80.333333333333%; }
	.colonne-desktop11 { width:88.666666666667%; }
	.colonne-desktop12 { width:97%; }

	.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; }
	.visible-touch { display: none; }
	.hidden-touch { display: block; }
	}
/* 4 - XL > 1200 px */
@media screen and (min-width: 1200px) {
	body { 
		/* on grossit tous les textes */
		font-size: 105%; 
		}
	.table-responsive { height: 700px; }
	.cell2 { font-size: 120%; }

/*
	.colonne-large1, .colonne-large2, .colonne-large3, .colonne-large4, .colonne-large5, .colonne-large6, 
	.colonne-large7, .colonne-large8, .colonne-large9, .colonne-large10, .colonne-large11, .colonne-large12 {
		margin-left: 1.5%;
		margin-right: 1.5%;
		}
*/
	.colonne-large1 { width:5.3333333333333%; }
	.colonne-large2 { width:13.666666666667%; }
	.colonne-large3 { width:22%; }
	.colonne-large4 { width:30.333333333333%; }
	.colonne-large5 { width:38.666666666667%; }
	.colonne-large6 { width:47%; }
	.colonne-large7 { width:55.333333333333%; }
	.colonne-large8 { width:63.666666666667%; }
	.colonne-large9 { width:72%; }
	.colonne-large10 { width:80.333333333333%; }
	.colonne-large11 { width:88.666666666667%; }
	.colonne-large12 { width:97%; }

	.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; }
	.visible-touch { display: none; }
	.hidden-touch { display: block; }
	}