/* ------------------------------------------------------------------------------------ IMPORT */

@import url( "../../css/reset.min.css" );
@import url( "../../css/defaults.min.css" );
@import url( "https://www.ainsifont.com/webfonts/e26359e05caf1c3c0ad1b51a45b83486e0231cf6/172982.css" );


/* ------------------------------------------------------------------------------------ COMMONS */

body,
input,
select,
optgroup,
option,
textarea,
button
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-weight :			normal;
		font-size :				13px;
		-webkit-appearance :		none;
		-webkit-border-radius :		0;
		outline :				none;
		color :				#172982;
	}



/* ------------------------------------------------------------------------------------ TEXTES */

b,
strong,
.bold
	{
		font-family :			"Rijsel_Black", Sans-serif;
		font-weight :			normal;
	}

.light
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-weight :			normal;
	}

.medium
	{
		font-family :			"Rijsel_Medium", Sans-serif;
		font-weight :			normal;
	}

.petit_texte
	{
		font-size :				11px;
	}

.gros_texte
	{
		font-size :				16px;
	}

.blanc,
.blanc:link,
.blanc:visited
	{
		color :				#FFFFFF;
	}

.noir
	{
		color :				#000000;
	}

.txt_bleu
	{
		color :				#172982;
	}

h1, h2, h3, h4, h5
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-weight :			normal;
		margin-bottom :			0.3em;
	}

h1
	{
		font-family :			"Rijsel_Medium", Sans-serif;
		font-size :				22px;
		text-transform :			uppercase;
	}

h1.big
	{
		font-family :			"Rijsel_Thin", Sans-serif;
		font-size :				30px;
	}

h2	{	font-size :				18px;		}
h3	{	font-size :				16px;		}
h4	{	font-size :				14px;		}
h5	{	font-size :				12px;		}


p
	{
		margin :				0;
		padding :				8px 0;
		white-space :			normal;
		line-height :			inherit;
	}

.lettrine::first-letter
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				140%;
		font-weight :			normal;
		text-transform :			uppercase;
	}

a,
a:link,
a:visited
	{
		color :				#000000;
	}

a.link.current
	{
		text-decoration :			underline;
	}


.titre_page
	{
		margin-top :			10px;
		margin-left :			50%;
		font-family :			"Rijsel_Black", Sans-serif;
		font-size :				20px;
		color :				#172982;
	}

.titre
	{
		font-family :			"Rijsel_Black", Sans-serif;
		font-size :				20px;
		color :				#172982;
	}

.titre > div
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				14px;
		color :				#000000;
	}
	
.titre_fin
	{
		font-family :			"Rijsel_Thin", Sans-serif;
		font-size :				20px;
	}
	
.gros_texte_fin
	{
		font-family :			"Rijsel_Thin", Sans-serif;
		font-size :				22px;
	}
	
.gros_titre_fin
	{
		font-family :			"Rijsel_Thin", Sans-serif;
		font-size :				34px;
	}
	
.gros_titre_fin.bold
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				27px;
	}

.lh
	{
		line-height :			1.1em;
	}


/* ------------------------------------------------------------------------------------ BOUTONS & TAGS */

.tag
	{
		padding-top :			5px !important;
		padding-bottom :			5px !important;
	}

.bouton
	{
		padding-top :			7px !important;
		padding-bottom :			5px !important;
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				14px;
	}

.btn,
.btn2,
a.btn,
a.btn2
	{
		display :				inline-block;
		margin :				2px 0;
		padding :				8px 16px;
		vertical-align :			middle;
		cursor :				pointer;
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				14px;
		text-align :			center;
		text-decoration :			none;
		color :				#CA9E67;
		background-color :		#FFFFFF;
		border :				2px solid #CA9E67;

		-webkit-touch-callout :	none;
		  -webkit-user-select :	none;
		     -moz-user-select :	none;
		      -ms-user-select :	none;
		          user-select :	none;
	}

.btn:hover,
.btn.current
	{
		color :				#AA5F03;
		border :				2px solid #AA5F03;
		text-decoration :			none;
	}

.btn.current
	{
		background-color :		#FFFCF9;
	}


.btn2,
a.btn2
	{
		color :				#FFFFFF;
		background-color :		#CA9E67;
		border :				2px solid #CA9E67;
	}

.btn2:hover,
.btn2.current
	{
		color :				#FFFFFF;
		background-color :		#AA5F03;
		border :				2px solid #AA5F03;
	}




.btn.rouge,
a.btn.rouge
	{
		color :				#DB0020;
		background-color :		#FFFFFF;
		border :				2px solid #DB0020;
	}

.btn.rouge:hover,
a.btn.rouge:hover
	{
		color :				#FFFFFF;
		background-color :		#DB0020;
		border :				2px solid #720011;
	}


/* ------------------------------------------------------------------------------------ BULLE */

.bulle
	{
		display :				inline-block;
		padding :				0;
		margin :				0;
		width :				28px;
		height :				28px;
		border-radius :			14px;
		line-height :			30px;
		font-family :			"Rijsel_Medium", Sans-serif;
		font-size :				14px;
		text-align :			center;
		vertical-align :			middle;
		color :				#FFFFFF;
		background-color :		#80C8E9;
	}


/* ------------------------------------------------------------------------------------ MSG */

#msg
	{
		z-index :				1000000;
		display :				none;
		position :				fixed;
		top :					0;
		left :				0;
		right :				0;
		padding :				50px;
		font-family :			"Rijsel_Medium", Sans-serif;
		font-size :				14px;
		color :				#aa4f03;
		background-color :		#ffecb2;
		box-shadow :			0 0 50px rgba( 0 , 0 , 0, 0.9 );
	}


/* ------------------------------------------------------------------------------------ COLOR DIV */

.color_div
	{
		margin-top :			20px;
		padding :				40px 20px;
		color :				#000000;
		background-color :		#FFEEA5;
		text-align :			center;
	}

.color_div.ok
	{
		background :			#DCF7C8;
	}

.color_div.error
	{
		background :			#ffd2d2;
	}

.color_div.bleu
	{
		background :			#E8EAF3;
	}

/* ------------------------------------------------------------------------------------ DIVERS */

.spacer
	{
		position :				relative;
		margin :				5px auto 20px auto;
		width :				10%;
		height :				2px;
		background-color :		#172982;
	}

.legende
	{
		display :				block;
		padding :				5px 0;
		font-size :				12px;
	}

.shadow
	{
		box-shadow :			0 0 5px rgba( 0 , 0 , 0 , 0.1 );
	}

/* ------------------------------------------------------------------------------------ VIEWPORT */

#viewport
	{
		position :				relative;
		margin :				0 auto;
		width : 				100%;
		height :				100%;
		
		 -webkit-box-sizing :		border-box;
		  -khtml-box-sizing :		border-box;
		    -moz-box-sizing :		border-box;
			   box-sizing :		border-box;
	}




/* ------------------------------------------------------------------------------------ TEMPLATE : CONTAINER */

#container
	{
		position :				relative;
		margin :				0 auto;
		padding-bottom :			250px;
		width :				100%;
		min-height :			100%;
	}


#container > header > #header_content,
nav#menu,
#container > section#content,
#container > footer > #footer_content
	{
		position :				relative;
		margin :				0 auto;
		width :				1000px;
	}


/* ------------------------------------------------------------------------------------ TEMPLATE : HEADER */

#container > header
	{
		position :				fixed;
		z-index :				90000;
		padding-bottom :			6px;
		width :				100%;
		height :				180px;
		background-color :		#FFFFFF;
		text-align :			center;

		-webkit-transition :		all 200ms ease;
		   -moz-transition :		all 200ms ease;
		    -ms-transition :		all 200ms ease;
		     -o-transition :		all 200ms ease;
		        transition :		all 200ms ease;
	}

#container > header.shadow
	{
		box-shadow :			0 0 20px rgba( 0 , 0 , 0 , 0.4 );
	}

#header_content
	{
		height :				inherit;
	}

#header_content > a#logo
	{
		display :				inline-block;
		margin-top :			20px;
		margin-bottom :			20px;

		width :				250px;
		height :				70px;
		
		width :				200px;
		height :				56px;
		
		width :				180px;
		height :				50px;

		background-image :		url( "./images/logo_imprimerie_monsoise.svg" );
		background-position :		center center;
		background-repeat :		no-repeat;
		opacity :				1;
	}

/* ------------------------------------------------------------------------------------ URGENCE CONTACTS */

#contact_urgence
	{
		position :				absolute;
		display :				block;
		z-index :				1000;
		top :					1rem;
		right :				0;
		bottom :				auto;
		height :				auto;
		padding :				0.8em 2em;
		font-size :				1rem;
		font-weight :			700;
		line-height :			1em;
		color :				#FFF;
		background :			crimson;
		animation :				blink 1s infinite alternate;
	}

#contact_urgence:hover
	{
		text-decoration :			none;
		background :			#B70021;
		animation :				none;
	}

@keyframes blink {
	0%	{ background-color: #ff3258; }
	100%	{ background-color: #c10023; }
}



/* ------------------------------------------------------------------------------------ TEMPLATE : NAV / MENU */

nav#menu
	{
		position :				absolute;
		left :				0;
		right :				0;
		bottom :				6px;
	}

#msg_menu
	{
		z-index :				70000;
		display :				none;
		position :				absolute;
		left :				0;
		right :				0;
		top :					0;
		bottom :				0;
		padding-top :			15px;
		text-align :			center;
		color :				#172982;
		background-color :		#E8EAF3;
		border-top :			4px solid #FF1755;
		border-bottom :			4px solid #FF1755;
		font-family :			"Rijsel_Medium", Sans-serif;
		font-size :				18px;
		text-align :			center;
		vertical-align :			middle;
	}



nav#menu > ul
	{
		display :				-webkit-flex;
		display :				-moz-flex;
		display :				flex;

		-webkit-flex-flow :		wrap;
		   -moz-flex-flow :		wrap;
		   	  flex-flow :		wrap;

		position :				relative;
		margin :				0 -3px;
		padding :				0;
		list-style :			none;
		text-align :			center;
	}

nav#menu > ul > li
	{
		-webkit-flex :			1 24%;
		   -moz-flex :			1 24%;
		        flex :			1 24%;

		display :				inline-block;
		position :				relative;
		margin :				0;
		height :				70px;
		line-height :			70px;
		background-color :		#E8EAF3;
		border-left :			3px solid #FFFFFF;
		border-right :			3px solid #FFFFFF;
	}

nav#menu > ul > li:first-child
	{
		/*border-left :			none;*/
	}
	
nav#menu > ul > li > a
	{
		position :				relative;
		display :				block;
		width :				inherit;
		height :				inherit;
		font-family :			"Rijsel_Light", Sans-serif;
		font-size :				20px;
		color :				#727272;

		-webkit-transition :		all 200ms ease;
		   -moz-transition :		all 200ms ease;
		    -ms-transition :		all 200ms ease;
		     -o-transition :		all 200ms ease;
		        transition :		all 200ms ease;
	}
	
nav#menu > ul > li > a > span
	{
		font-family :			"Rijsel_Black", Sans-serif;
		font-size :				20px;
		color :				#172982;
	}

nav#menu > ul > li > a:focus,
nav#menu > ul > li > a:hover,
nav#menu > ul > li > a.selected
	{
		color :				#FFFFFF;
		background-color :		#FF1755;
		text-decoration :			none;
	}


nav#menu > ul > li > a > i,
nav#menu > ul > li > a:before
	{
		position :				absolute;
		display :				block;
		bottom :				15px;
		left :				50%;
		margin-left :			-10px;
		width :				20px;
		height :				2px;
		line-height :			normal;
		background-color :		#172982;
		content :				" ";
	}



/* ------------------------------------------------------------------------------------ TEMPLATE : NAV / PETIT MENU */

#petit_menu
	{
		position :				absolute;
		right :				0;
		top :					20px;
		margin :				0;
		padding :				0;
		list-style :			none;
		text-align :			right;
	}

#petit_menu li
	{
		padding :				4px 0;
		text-align :			right;
	}

#petit_menu li,
#petit_menu li a
	{
		font-family :			"Rijsel_Black", Sans-serif;
		text-transform :			uppercase;
		color :				#172982;
		vertical-align :			middle;
	}

#petit_menu li img
	{
		display :				inline-block;
		padding :				0;
		margin :				0 0 0 4px;
		height :				14px;
	}



/* ------------------------------------------------------------------------------------ TEMPLATE : CONTENT */

#container > section#content
	{
		position :				relative;
		padding-top :			180px;
		min-height :			inherit;
	}

section#content > article
	{
		margin :				10px 0;
	}

section#content article.presentation
	{
		margin :				20px auto 50px auto;
		padding :				0 100px;
		font-size :				20px;
		text-align :			center;
	}


/* ------------------------------------------------------------------------------------ TEMPLATE : FOOTER */

#container > footer
	{
		position :				absolute;
		width :				100%;
		height :				250px;
		bottom :				0;
		left :				0;
		right :				0;

		font-size :				12px;
		background :			#e8eaf3;
	}


#footer_content
	{
		padding-top :			20px;

		display :				-webkit-flex;
		display :				-moz-flex;
		display :				flex;

		-webkit-flex-flow :		wrap;
		   -moz-flex-flow :		wrap;
		   	  flex-flow :		wrap;
	}

#footer_content > div
	{
		display :				block;
		margin :				0;
		padding :				0;

		-webkit-flex :			1 33.3333%;
		   -moz-flex :			1 33.3333%;
		        flex :			1 33.3333%;
	}

#footer_content > div:nth-child(1)
	{
		text-align :			center;
	}

#footer_logo
	{
		display :				inline-block;
		margin-bottom :			5px;
		width :				107px;
		height :				30px;
		background-image :		url( "./images/logo_imprimerie_monsoise.svg" );
		background-position :		center center;
		background-repeat :		no-repeat;
	}


#footer_content *
	{
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				12px;
		color :				#172982;
	}

#footer_content .bold
	{
		font-weight :			normal;
		font-family :			"Rijsel_Medium", Sans-serif;
	}

#footer_content h2
	{
		font-family :			"Rijsel_Medium", Sans-serif;
		font-weight :			normal;
		font-size :				14px;
	}
	









/* ------------------------------------------------------------------------------------ TEMPLATE : BLURRED OVERLAY */

#overlay
	{
		display :				none;
		padding-top :			200px;
		position :				fixed;
		top :					0;
		right :				0;
		bottom :				0;
		left :				0;
		font-size :				30px;
		text-align :			center;
		background-color :		rgba( 0 , 0 , 0 , 0.5 );
		z-index :				100000;
	}







/* ------------------------------------------------------------------------------------ FICHES */

.fiche
	{
		position :				relative;
		float :				none;
		clear :				both;
		margin-top :			30px;
		margin-bottom :			20px;
	}

.fiche:first-child
	{
		margin-top :			0;
	}

.fiche:first-child.titre
	{
		margin-top :			20px !important;
	}

.fiche.titre > h1
	{
		text-transform :			uppercase;
	}

.fiche.titre > h2
	{
		/*font-size :			17px;*/
	}

.fiche.text
	{
		text-align :			justify;
	}

.fiche.text.colonnes,
.fiche.text article.colonnes
	{
		-webkit-column-count :		3;
		   -moz-column-count :		3;
		     -o-column-count :		3;
		        column-count :		3;

		-webkit-column-width :		250px;
		   -moz-column-width :		250px;
		        column-width :		250px;

		-webkit-column-gap :		40px;
		   -moz-column-gap :		40px;
		        column-gap :		40px;
	}

.fiche.text .colonnes h1,
.fiche.text .colonnes h2,
.fiche.text .colonnes h3,
.fiche.text .colonnes h4,
.fiche.text .colonnes h5,
.fiche.text .colonnes h6
	{		
		text-align :			left;
		display :				block;
		margin-top :			10px;
		margin-bottom :			20px;
	}


.fiche.text p
	{
		margin :				0 0 20px 0;
		padding :				0;
		display :				inline-block;
	}

.fiche.image img
	{
		width :				100%;
		max-width :				inherit;
	}

.fiche_image_texte
	{
		position :				absolute;
		left :				0;
		right :				0;
		bottom :				0;
		padding :				20px;

		font-family :			"Rijsel_Thin", Sans-serif;
		font-size :				40px;
		color :				#FFFFFF;

		/* background-color :		rgba( 23 , 41 , 130 , 0.7 ); */
		background-image :		-ms-linear-gradient( left, rgba( 23 , 41 , 130 , 1 ) 20%, rgba( 255 , 255 , 255 , 0 ) 100%);
		background-image :		-moz-linear-gradient( left, rgba( 23 , 41 , 130 , 1 ) 20%, rgba( 255 , 255 , 255 , 0 ) 100%);
		background-image :		-o-linear-gradient( left, rgba( 23 , 41 , 130 , 1 ) 20%, rgba( 255 , 255 , 255 , 0 ) 100%);
		background-image :		-webkit-linear-gradient( left, rgba( 23 , 41 , 130 , 1 ) 20%, rgba( 255 , 255 , 255 , 0 ) 100%);
		background-image :		linear-gradient(to right, rgba( 23 , 41 , 130 , 1 ) 20%, rgba( 255 , 255 , 255 , 0 ) 100%);
	}

figcaption.legende
	{
		position :				relative;
		padding :				5px 4px 2px 4px;
		font-size :				12px;
		color :				#777777;
	}
	

.fiche.html iframe
	{
	}

.fiche.file
	{
		display :				inline-block;
		padding :				5px 20px 5px 0;
	}
	
.fiche.file > .file_link {}
.fiche.svg {}


.fiche.file.viewer
	{
		display :				block;
		margin-bottom :			40px;
		padding :				0;
	}

/*
.fiche.text + .fiche.file:not(.viewer)
	{
		margin-left :			330px;
	}
*/




.fiche.block
	{
		display :				block;
	}

.fiche.file.block
	{
		margin-top :			0;
		margin-bottom :			0;
	}

.fiche.float_left
	{
		clear :				none;
		float :				left;
		margin-left :			25px;
		margin-right :			25px;
		padding :				0;
		width :				350px;
	}

.fiche.float_right
	{
		clear :				none;
		float :				right;
		margin-left :			25px;
		margin-right :			25px;
		margin-bottom :			50px;
		padding :				0;
		width :				750px;
	}

.fiche.centered
	{
		text-align :			center;
	}



/* ------------------------------------------------------------------------------------ LISTE */

ul.liste
	{
		margin :				0;
		padding :				0;
		list-style :			none;
	}

ul.liste li
	{
		 padding :				3px 0 3px 0;
		 line-height :			1.3em;
	}

.puce:before,
ul.liste li:before
	{
		padding-right :			5px;
		content :				"→";
		font-family :			"Rijsel_Heavy", Sans-serif;
	}





/* ------------------------------------------------------------------------------------ BOUTON DE RETOUR */

.btn_retour
	{
		display :				inline-block;
		height :				25px;
		line-height :			27px;
		padding-left :			35px;
		font-family :			"Rijsel_Medium", Sans-serif;
		font-size :				16px;
		color :				#FFFFFF !important;
		text-transform :			uppercase;

		background-image :		url( "./images/fleche_gauche.png" );
		background-position :		left center;
		background-repeat :		no-repeat;
		background-size :			auto 100%;
	}








/* ------------------------------------------------------------------------------------ COLONNES */

.colonnes
	{
		position :				relative;
		display :				table;
		table-layout :			fixed;
		/*overflow :				hidden;*/
		width :				100%;
	}


.colonnes .colonne_gauche,
.colonnes .colonne_droite
	{
		display :				table-cell;
		vertical-align :			top;
		background-color :		#FFFFFF;
		padding :				0 50px 50px 50px;
		/*
		width :				50%;
		min-width :				50%;
		max-width :				50%;
		*/
	}

.colonnes.no_padding .colonne_gauche,
.colonnes.no_padding .colonne_droite
	{
		padding :				0px;
	}

.colonnes .colonne_gauche
	{
		width :				497px;
	}

.colonnes .colonne_droite
	{
		width :				503px;
		color :				#3D3D3F;
		padding-bottom :			100px;
	}



.colonnes.header > .colonne_gauche,
.colonnes.footer > .colonne_gauche
	{
		padding :				0;
		height :				200px;
		padding-top :			0;
		background-position :		top center;
		background-repeat :		no-repeat;
		background-size :			100% auto;
	}

.colonnes.footer > .colonne_gauche
	{
		padding-bottom :			40px;
		height :				160px;
		vertical-align :			bottom;
		text-align :			center;
	}

.colonnes.header > .colonne_gauche
	{
		background-image :		url( "./images/fond_colonne_header.png" );
	}

.colonnes.footer > .colonne_gauche
	{
		background-image :		url( "./images/fond_colonne_footer.png" );
	}



/* -------------------------------------------------------------- COLONNES : TEXTES */

.colonnes .colonne_gauche .gros_titre_fin,
.colonnes .colonne_gauche .gros_texte_fin
	{
		color :				#FFFFFF;
	}

.colonnes .colonne_droite .gros_titre_fin
	{
		color :				#172982;
	}

.colonnes .colonne_droite b
	{
		font-family :			"Rijsel_Black", Sans-serif;
		font-weight :			normal;
		color :				#172982;
		text-transform :			uppercase;
	}

.colonnes .titre
	{
		padding :				0 0 5px 0;
	}

#notre_histoire .colonnes .titre
	{
		padding :				20px 0;
	}










/* -------------------------------------------------------------- ANNÉE */

.annee
	{
		z-index :				10000;
		display :				block;
		position :				absolute;
		width :				120px;
		left :				50%;
		margin-top :			-30px;
		margin-left :			-63px;
		font-family :			"Rijsel_Regular", Sans-serif;
		font-size :				28px;
		color :				#172982;
		text-align :			center;
	}


/* -------------------------------------------------------------- BULLETS */

span.bullet
	{
		display :				inline-block;
		width :				20px;
		height :				20px;
		border-radius :			10px;
		border-width :			3px;
		border-style :			solid;
		border-color :			#172982;
		background-color :		#FFFFFF;
	}
	
span.bullet.active
	{
		background-color :		#FF1755;
	}




/* -------------------------------------------------------------- COLONNES : INFOS */

.colonne_gauche_infos
	{
		float :				right;
		width :				80%;
	}

.colonne_gauche_infos:after
	{
		content :				"\0020";
		display :				block;
		overflow :				hidden;
		visibility :			hidden;
		width :				0;
		height :				0;
		clear :				both;
	}





/* ------------------------------------------------------------------------------------ .MENU */

ul.menu
	{
		margin :				10px 0;
		padding :				0;
		list-style :			none;
	}

ul.menu li
	{
		padding :				0;
	}

ul.menu li > a
	{
		display :				block;
		padding :				5px 0 5px 10px;
		text-decoration :			none;
	}

ul.menu li > a:hover,
ul.menu li > a.current
	{
		cursor :				pointer;
		background-color :		rgba( 0 , 0 , 0 , 0.1 );
	}




/* ------------------------------------------------------------------------------------ .ASIDE : COLONNE SIMPLE */

.aside_panel,
.aside_content
	{
		padding-bottom :			500em;
		margin-bottom :			-500em;
	}

.aside
	{
		position :				relative;
		min-height :			700px;
		padding-left :			252px;
		overflow :				hidden;
	}

.aside_panel
	{
		display :				block;
		float :				left; 
		margin-left :			-252px;
		width :				246px;
	}

.aside_panel_header > h1
	{
		margin :				0;
		padding :				10px 0 0 10px;
		text-align :			left;
	}

.aside_panel_header > h1 a
	{
		color :				inherit;
	}

.aside_panel_header,
.aside_panel_footer
	{
		margin :				0;
		padding :				0;
		min-height :			150px;
		background-position :		top center;
		background-repeat :		no-repeat;
		background-size :			101% auto;
	}

.aside_panel_header
	{
		background-image :		url( "./images/fond_aside_header.png" );
	}

.aside_panel_footer
	{
		display :				table-cell;
		position :				absolute;
		bottom :				0;
		padding-top :			100px;
		padding-bottom :			20px;
		width :				inherit;
		vertical-align :			bottom;
		text-align :			center;
		background-image :		url( "./images/fond_colonne_footer.png" );
		background-position :		bottom center;
	}

.aside_panel_footer .btn_retour
	{
		font-size :				13px;
	}

.aside_panel p
	{
		padding :				10px;
		color :				#FFFFFF;
	}






.aside.multiple .aside_content
	{
		display :				none;
	}



.aside_content_colonnes
	{
		position :				relative;
		margin-bottom :			50px;
		display :				table;
	}


.aside_content_gauche,
.aside_content_droite
	{
		display :				table-cell;
		padding-left :			20px;
		vertical-align :			bottom;
	}

.aside_content_gauche
	{
		width :				246px;
	}

.aside_content_droite
	{
		width :				503px;
	}



.aside .gros_titre_fin
	{
		padding :				30px;
		text-transform :			uppercase;
	}

.aside_content_gauche_texte_bas
	{
		margin-top :			20px;
	}

.aside_content_gauche_texte_bas:before
	{
		display :				block;
		margin-bottom :			10px;
		width :				25%;
		height :				3px;
		content :				"";
		background-color :		#172982;
	}

/*
.aside_content .padding
	{
		padding :				20px 40px;
	}
*/




/* ------------------------------------------------------------------------------------ TABLEAU */

table.tableau
	{
		width :			100%;
		border-spacing :		2px;
		border-collapse :		collapse;
		background-color :	#FAFAFA;
	}

table.tableau > thead > tr > td,
table.tableau > tbody > tr > td
	{
		padding :			2px;
		vertical-align :		top;
		border :			1px solid #555555;
	}

table.tableau > thead > tr > td
	{
		color :			#FFFFFF;
		background :		#262626;
	}

table.tableau > tbody > tr > td
	{
		padding :			5px 8px;
		vertical-align :		top;
	}
	
table.table_spaced_td > tbody > tr > td
	{
		padding-bottom :		30px;
	}




/* ------------------------------------------------------------------------------------ BOXES */	

div.boxes
	{
		position :				relative;
	}
	
div.boxes:after
	{
		content :				"\0020";
		display :				block;
		overflow :				hidden;
		visibility :			hidden;
		width :				0;
		height :				0;
		clear :				both;
	}



div.box
	{
		position :				relative;
		float :				left;
		margin-left :			5px;
		margin-bottom :			5px;
		width :				330px;
		height :				223px;
	}

div.box:nth-child( 3n+1 )
	{
		margin-left :			0;
	}


div.box img
	{
		width :				100%;
		max-width :				100%;
		min-width :				100%;
	}


div.box > h1
	{
		z-index :				80000;
		position :				absolute;
		display :				block;
		left :				0;
		right :				0;
		bottom :				0;

		padding :				0;
		margin :				0;
		line-height :			normal;
	}

div.box a.box_titre
	{
		display :				block;
		height :				inherit;
		padding :				20px;

		font-family :			"Rijsel_Black", Sans-serif;
		font-weight :			normal;
		font-size :				18px;
		text-transform :			uppercase;
		color :				#FFFFFF;
	}




/* ------------------------------------------------------------------------------------ FLEXBOXES */

div.flexboxes
	{
		position :				relative;
		margin :				0 -3px;

		display :				-webkit-flex;
		display :				-moz-flex;
		display :				flex;

		-webkit-flex-flow :		wrap;
		   -moz-flex-flow :		wrap;
		   	  flex-flow :		wrap;
	}

	
div.flexboxes:after
	{
		content :				"\0020";
		display :				block;
		overflow :				hidden;
		visibility :			hidden;
		width :				0;
		height :				0;
		clear :				both;
	}


div.flexbox
	{
		position :				relative;

		width :				33.33%;
		max-width :				33.33%;
		max-width :				calc( 100% / 3 );
		
		border :				3px solid rgba( 255 , 255 , 255 , 0 );

		-webkit-flex :			1 calc( 100% / 3 );
		   -moz-flex :			1 calc( 100% / 3 );
		        flex :			1 calc( 100% / 3 );
	}

div.flexbox:nth-child( 3n+1 )
	{
		margin-left :			0;
	}


div.flexbox img
	{
		position :				relative;
		width :				100%;
		max-width :				100%;
		min-width :				100%;
	}


div.flexbox > h1
	{
		z-index :				80000;
		position :				absolute;
		display :				block;
		left :				0;
		right :				0;
		bottom :				0;

		padding :				0;
		margin :				0;
		line-height :			normal;
	}

div.flexbox a.box_titre
	{
		display :				block;
		height :				inherit;
		padding :				20px;

		font-family :			"Rijsel_Black", Sans-serif;
		font-weight :			normal;
		font-size :				18px;
		text-transform :			uppercase;
		color :				#FFFFFF;
	}



/* ------------------------------------------------------------------------------------ BOX + FLEXBOXES */


div.box:hover a.box_titre,
div.flexbox:hover a.box_titre
	{
		text-decoration :			none;
	}

div.box:hover img,
div.flexbox:hover img
	{
		/*opacity :				0.5;*/
	}





/* ------------------------------------------------------------------------------------ BOX TITRE */

a.box_titre
	{
		background: -moz-linear-gradient(left, rgba(23,41,130,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(23,41,130,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(23,41,130,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172982', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}


div.box:hover a.box_titre,
div.flexbox:hover a.box_titre
	{
		background: -moz-linear-gradient(left, rgba(210,163,128,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(210,163,128,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(210,163,128,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2a380', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

div.box:hover a.box_titre.bleu,
div.flexbox:hover a.box_titre.bleu
	{
		background: -moz-linear-gradient(left, rgba(151,213,224,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(151,213,224,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(151,213,224,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d5e0', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

div.box:hover a.box_titre.rose,
div.flexbox:hover a.box_titre.rose
	{
		background: -moz-linear-gradient(left, rgba(255,23,85,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,23,85,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,23,85,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1755', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

div.box:hover a.box_titre.orange,
div.flexbox:hover a.box_titre.orange
	{
		background: -moz-linear-gradient(left, rgba(239,86,45,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(239,86,45,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(239,86,45,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef562d', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

div.box:hover a.box_titre.vert,
div.flexbox:hover a.box_titre.vert
	{
		background: -moz-linear-gradient(left, rgba(136,177,75,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(136,177,75,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(136,177,75,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88b14b', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

div.box:hover a.box_titre.jaune,
div.flexbox:hover a.box_titre.jaune
	{
		background: -moz-linear-gradient(left, rgba(254,208,96,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(254,208,96,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(254,208,96,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed060', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}



/* ------------------------------------------------------------------------------------ PAGE : PRODUITS */	

table.table
	{
		width :				100%;
		border-collapse :			collapse;
	}

table.table > tbody > tr > td
	{
		vertical-align :			top;
		padding-bottom :			40px;
	}

table.table > tbody > tr > td:nth-child(1)
	{
		padding-right :			20px;
		width :				80px;
	}

.icone_h1
	{
		position :				absolute;
		margin-left :			-85px;
		width :				70px;
		height :				70px;
	}







/* ------------------------------------------------------------------------------------ GALERIES */	

div.galerie
	{
		position :				relative;
	}
	
div.galerie:after
	{
		content :				"\0020";
		display :				block;
		overflow :				hidden;
		visibility :			hidden;
		width :				0;
		height :				0;
		clear :				both;
	}



div.galerie > figure
	{
		position :				relative;
		float :				left;
		margin-left :			5px;
		margin-bottom :			5px;
		width :				246px;
		height :				166px;
		overflow :				hidden;
	}


div.galerie.news > figure
	{
		height :				auto;
		margin-bottom :			20px;

		-webkit-transition :		all 200ms ease;
		   -moz-transition :		all 200ms ease;
		    -ms-transition :		all 200ms ease;
		     -o-transition :		all 200ms ease;
		        transition :		all 200ms ease;
	}

div.galerie > figure:nth-child( 3n+1 )
	{
		margin-left :			0;
	}


div.galerie > figure img
	{
		width :				100%;
		max-width :				100%;
		min-width :				100%;
	}

div.galerie.news:hover > figure
	{
		opacity :				0.5;
	}

div.galerie.news > figure:hover
	{
		box-shadow :			0 0 20px rgba( 0 , 0 , 0, 0.4 ) !important;
		opacity :				1;
	}



/* ------------------------------------------------------------------------------------ FORMULAIRES */

textarea,
select,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"]
	{
		display :			inline-block;
		margin :			1px 0;
		padding :			6px 8px;
		border :			1px solid #A6A6A6;
		box-shadow :		inset 0 1px 1px 0 rgba( 0 , 0 , 0 , 0.2 );
		resize :			none;
	}

.formulaire textarea,
.formulaire select,
.formulaire input[type="text"],
.formulaire input[type="number"],
.formulaire input[type="password"],
.formulaire input[type="email"]
	{
		width :			100%;
	}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus
	{
		color :			#C11A46;
		border :			1px solid #828282;
		/*box-shadow :		0 0 3px #AAAAAA;*/
	}


input:required,
select:required,
textarea:required
	{
		border-left-width :	4px !important;
		border-left-color :	#F88;
	}

input:required:focus,
select:required:focus,
textarea:required:focus
	{
		border-color :		#A66;
		border-left-color :	#F00;
	}

input.date
	{
		width :			100px;
		text-align :		center;
	}

input.date_heure
	{
		width :			150px;
		text-align :		center;
	}



.formulaire
	{
		/*max-width :			748px;*/
	}

.formulaire div.ligne
	{
		margin :			6px 0;
		padding :			6px;
		width :			100%;
		background-color :	rgba( 0 , 0 , 0 , 0.04 );

		display :			-webkit-flex;
		display :			-moz-flex;
		display :			flex;

		-webkit-flex-flow :	wrap;
		   -moz-flex-flow :	wrap;
		   	  flex-flow :	wrap;
	}

.formulaire div.ligne > div.label
	{
		display :			inline-block;
		padding-top :		5px;
		width :			220px;
		font-family :			"Rijsel_Medium", Sans-serif;
	}

.formulaire div.ligne > div.field:nth-child(n+2)
	{
		display :			block;
		-webkit-flex :		1 460px;
		   -moz-flex :		1 460px;
		        flex :		1 460px;
	}

.field_error
	{
		color :			#C10000 !important;
		border-color :		#C10000 !important;
		background-color :	#FFEDED !important;
	}

.field_status
	{
		margin-bottom :		10px;
		width :			inherit;
		padding :			4px 8px;
		color :			#aa4f03;
		background-color :	#ffecb2;
	}

.field_status.error
	{
		color :			#910000;
		background-color :	#FFBBB2;
	}




/* ------------------------------------------------------------------------------------ MSG FORMULAIRES */

#msg_form
	{
		margin :			10px 0;
		padding :			20px;
		background-color : 	#fcd1d1;
		color :			#a00;
		display :			none;
	}




/* ------------------------------------------------------------------------------------ HOME / ACCUEIL */

.presentation_imse
	{
		display :			none;
	}





/* ------------------------------------------------------------------------------------ LOGOS FSC / PEFC */

div#logos_fsc_pefc > img
	{
		width :				80%;
		max-width :				130px;
		vertical-align :			top;
	}

div#logos_fsc_pefc > span
	{
		display :				block;
		height :				1em;
	}








/* ------------------------------------------------------------------------------------ COULEURS */
/* -------------------------------------------------------------- COULEUR : MARRON */

.colonnes.marron > .colonne_gauche,
.aside.marron > .aside_panel,
.marron .aside_content_gauche_texte_bas:before		{ background-color :	#D1AF94; }
.colonnes.marron span.bullet					{ border-color :		#D1AF94; }
.aside.marron > .aside_panel > ul.menu *			{ color :			#FFFFFF; }
.marron .puce:before,
.marron ul.liste li:before,
.aside.marron .gros_titre_fin,
.marron .lettrine::first-letter,
.marron .aside_content_gauche_texte_bas			{ color :			#D1AF94; }


/* -------------------------------------------------------------- COULEUR : JAUNE */

.colonnes.jaune > .colonne_gauche,
.aside.jaune > .aside_panel,
.jaune .aside_content_gauche_texte_bas:before		{ background-color :	#FED060; }
.colonnes.jaune span.bullet					{ border-color :		#FED060; }
.aside.jaune > .aside_panel > ul.menu *			{ color :			#FFFFFF; }
.jaune .puce:before,
.jaune ul.liste li:before,
.aside.jaune .gros_titre_fin,
.jaune .lettrine::first-letter,
.jaune .aside_content_gauche_texte_bas			{ color :			#FED060; }


/* -------------------------------------------------------------- COULEUR : VERT */

.colonnes.vert > .colonne_gauche,
.aside.vert > .aside_panel,
.vert .aside_content_gauche_texte_bas:before		{ background-color :	#88B14B; }
.colonnes.vert span.bullet					{ border-color :		#88B14B; }
.aside.vert > .aside_panel > ul.menu *			{ color :			#FFFFFF; }
.vert .puce:before,
.vert ul.liste li:before,
.aside.vert .gros_titre_fin,
.vert .lettrine::first-letter,
.vert .aside_content_gauche_texte_bas			{ color :			#88B14B; }


/* -------------------------------------------------------------- COULEUR : BLEU */

.colonnes.bleu > .colonne_gauche,
.aside.bleu > .aside_panel,
.bleu .aside_content_gauche_texte_bas:before		{ background-color :	#80c8e9; }
.colonnes.bleu span.bullet					{ border-color :		#80c8e9; }
.aside.bleu > .aside_panel > ul.menu *			{ color :			#FFFFFF; }
.bleu .puce:before,
.bleu ul.liste li:before,
.aside.bleu .gros_titre_fin,
.bleu .lettrine::first-letter,
.bleu .aside_content_gauche_texte_bas			{ color :			#80c8e9; }


/* -------------------------------------------------------------- COULEUR : SAUMON */

.colonnes.saumon > .colonne_gauche,
.aside.saumon > .aside_panel,
.saumon .aside_content_gauche_texte_bas:before		{ background-color :	#f8c5ae; }
.colonnes.saumon span.bullet					{ border-color :		#f8c5ae; }
.aside.saumon > .aside_panel > ul.menu *			{ color :			#FFFFFF; }
.saumon .puce:before,
.saumon ul.liste li:before,
.aside.saumon .gros_titre_fin,
.saumon .lettrine::first-letter,
.saumon .aside_content_gauche_texte_bas			{ color :			#f8c5ae; }


/* -------------------------------------------------------------- COULEUR : GRIS */

.colonnes.gris > .colonne_gauche,
.aside.gris > .aside_panel,
.gris .aside_content_gauche_texte_bas:before		{ background-color :	#EFEFEF; }
.colonnes.gris span.bullet					{ border-color :		#EFEFEF; }
.aside.gris > .aside_panel > ul.menu *			{ color :			#000000; }
.gris .puce:before,
.gris ul.liste li:before,
.aside.gris .gros_titre_fin,
.gris .lettrine::first-letter,
.gris .aside_content_gauche_texte_bas			{ color :			#f8c5ae; }







/* ------------------------------------------------------------------------------------ MEDIA QUERIES : plus grand que 1600px x 900px */

@media only screen and ( min-width : 1600px ) and ( min-height : 900px ) {

	#container > header > #header_content,
	nav#menu,
	#container > section#content,
	#container > footer > #footer_content
		{
			width :				1495px;
		}

	#container > header
		{
			height :				210px;
		}


	#container > section#content
		{
			padding-top :			210px;
		}

	nav#menu > ul > li
		{
			height :				100px;
			line-height :			100px;
		}
		
	nav#menu > ul > li > a,
	nav#menu > ul > li > a > span
		{
			font-size :				25px;
		}

	div.box
		{
			width :				495px;
			height :				334px;
		}

	.colonnes .colonne_gauche
		{
			width :				745px;
		}
	
	.colonnes .colonne_droite
		{
			width :				750px;
		}

	.colonnes.header > .colonne_gauche,
	.colonnes.header > .colonne_droite 
		{
			height :				280px;
		}

	.aside
		{
			padding-left :			375px;
			min-height :			850px;
		}
	
	.aside_panel
		{
			margin-left :			-375px;
			width :				369px;
		}

	.aside_panel_header,
	.aside_panel_footer
		{
			min-height :			250px;
		}

	.aside_content_gauche
		{
			width :				369px;
		}
	
	.aside_content_droite
		{
			width :				751px;
		}

	.titre_page
		{
			font-size :				25px;
		}

	div.galerie > figure
		{
			margin-left :			5px !important;
			width :				370px;
			height :				250px;
		}

	div.galerie > figure:nth-child( 3n+1 )
		{
			margin-left :			0 !important;
		}

}








/* ------------------------------------------------------------------------------------ MEDIA QUERIES : 1024px */

@media only screen and ( max-width : 1024px ) {

	body,
	input,
	select,
	optgroup,
	option,
	textarea,
	button
		{
			font-size :				12px;
		}

		
	#container > header > #header_content,
	nav#menu,
	#container > section#content,
	#container > footer > #footer_content
		{
			width :				715px;
		}
	
	nav#menu > ul > li > a,
	nav#menu > ul > li > a > span
		{
			font-size :				17px;
		}

	div.box
		{
			width :				355px;
			height :				240px;
		}
	div.box:nth-child( 3n+1 )
		{
			margin-left :			5px;
		}

	div.box:nth-child( 2n+1 )
		{
			margin-left :			0;
		}

	.fiche_image_texte
		{
			padding :				20px;
			font-size :				28px;
		}


	.colonnes > .colonne_gauche,
	.colonnes > .colonne_droite
		{
			padding :				30px;
		}

	.colonnes .colonne_gauche
		{
			width :				355px;
		}
	
	.colonnes .colonne_droite
		{
			width :				360px;
		}

	.colonnes.header > .colonne_gauche,
	.colonnes.header > .colonne_droite 
		{
			height :				150px;
		}

	.colonnes.header > .colonne_gauche h1
		{
			margin-top :			20px;
			margin-left :			30px;
			font-size :				20px;
		}

	.colonnes.footer > .colonne_gauche
		{
			height :				100px;
		}

	.colonnes .colonne_gauche h1
		{
			font-size :				25px;
		}

	.annee
		{
			font-size :				25px;
		}

	
	#notre_histoire .colonnes .gros_titre
		{
			padding :				20px;
		}


	.titre_page
		{
			font-size :				14px;
		}
	
	.titre
		{
			font-size :				17px;
		}

	.titre_fin
		{
			font-size :				17px;
		}

	.gros_titre_fin
		{
			font-size :				25px;
		}
	
	
	
	
	
	
	ul.menu li > a
		{
			display :				block;
			padding :				4px 0 4px 5px;
			font-size :				11px;
			text-decoration :			none;
		}


	.aside
		{
			padding-left :			180px;
		}
	
	.aside_panel
		{
			margin-left :			-180px;
			width :				174px;
		}

	.aside_panel_footer .btn_retour
		{
			height :				20px;
			line-height :			21px;
			padding-left :			22px;
			font-size :				10px;
			background-size :			auto 80%;
		}

	.aside_content_colonnes
		{
			display :				-webkit-flex;
			display :				-moz-flex;
			display :				flex;

			-webkit-flex-direction :	column;
			    -ms-flex-direction :	column;
			        flex-direction :	column;

			-webkit-box-align :		stretch;
			   -moz-box-align :		stretch;
			        box-align :		stretch;
		}

	.aside_content_gauche,
	.aside_content_droite
		{
			width :				auto;
			padding :				10px;

			-webkit-flex :			1;
			   -moz-flex :			1;
			        flex :			1;
		}

	.aside_content_gauche
		{
			margin-top :			50px;
			-ms-flex-order :			2;
			 -webkit-order :			2;
			         order :			2;
		}

	.aside_content_droite
		{
			-ms-flex-order :			1;
			 -webkit-order :			1;
			         order :			1;
		}

	.aside .gros_titre_fin
		{
			padding :				20px;
		}


	.icone_h1
		{
			margin-left :			-50px;
			width :				40px;
			height :				40px;
		}

	.table_produits > tbody > tr > td:nth-child(1)
		{
			padding-right :			20px;
			width :				60px;
		}

	div.galerie > figure
		{
			margin-left :			5px !important;
			width :				265px;
			height :				175px;
		}

	div.galerie > figure:nth-child( 2n+1 )
		{
			margin-left :			0 !important;
		}




	.formulaire div.ligne
		{
			background :			none;
		}

	.formulaire div.ligne > div.label
		{
			padding-bottom :			10px;
		}

}





/* ------------------------------------------------------------------------------------ MEDIA QUERIES : 740px */

@media only screen and (max-width : 740px ) {

	#container > header > #header_content,
	nav#menu,
	#container > section#content,
	#container > footer > #footer_content
		{
			width :				inherit;
			padding-left :			20px;
			padding-right :			20px;
		}

	#container
		{
			padding-bottom :			0;
		}

	#container > header
		{
			position :				relative;
			display :				block;
			padding-bottom :			5px;
			height :				auto;
		}
	
	#container > header.shadow
		{
			box-shadow :			none;
		}

	#header_content > a#logo
		{
			margin-bottom :			17px;
			width :				180px;
			height :				50px;
		}

	nav#menu
		{
			display :				block;
			position :				relative;
			left :				auto;
			right :				auto;
			bottom :				auto;
			padding :				0;
			margin-bottom :			10px;
		}


	nav#menu > ul
		{
			display :				block;
			position :				relative;
			margin :				0;
			padding :				0;
		}
	
	nav#menu > ul > li
		{
			-webkit-flex :			0;
			   -moz-flex :			0;
			        flex :			0;
	
			display :				block;
			position :				relative;
			height :				50px;
			line-height :			50px;
			border :				none;
			margin-top :			5px;
		}

	nav#menu > ul > li:nth-child( 2 ),
	nav#menu > ul > li:nth-child( 4 )
		{
			display :				none;
		}

	#petit_menu
		{
			right :				20px;
		}



	#home_content
		{
			display :				none;
		}

	#container > section#content
		{
			padding-top :			0;
		}


	
	div.box
		{
			position :				relative;
			float :				none;
			margin-left :			0;
			margin-left :			0 !important;
			margin-bottom :			5px;
			width :				100%;
			height :				auto;
		}
	
	




	#container > footer
		{
			position :				relative;
			height :				auto;
			bottom :				auto;
			left :				auto;
			right :				auto;
			margin-top :			20px;
			padding-bottom :			100px;
		}
	
	#footer_content
		{
			display :				block;
		}
	
	#footer_content > div
		{
			display :				block;
			margin :				0;
			padding :				0 0 30px 0;
	
			-webkit-flex :			0;
			   -moz-flex :			0;
			        flex :			0;
		}


	
	.colonnes
		{
			display :				block;
			padding-bottom :			100px;
		}
	
	
	.colonnes .colonne_gauche,
	.colonnes .colonne_droite
		{
			display :				block;
			width :				100%;
			min-width :				100%;
			max-width :				100%;
			padding :				10px;
		}


	.colonnes .colonne_gauche:empty,
	.colonnes .colonne_droite:empty
		{
			display :				none;
		}


	.colonnes > .colonne_gauche
		{
			padding-top :			0;
			margin :				0;
			padding :				20px;
		}

	.colonnes > .colonne_gauche > h1
		{
			padding :				10px;
		}

	.colonne_gauche_infos
		{
			float :				none;
			width :				100%;
		}


	.annee
		{
			z-index :				10000;
			display :				block;
			position :				relative;
			width :				100%;
			height :				35px;
			left :				auto;
			margin-top :			auto;
			margin-left :			auto;
			margin-bottom :			0;
			padding :				0;
			font-size :				22px;
		}

	span.bullet
		{
			display : none;
		}

	.annee:after
		{
			content :				"\0020";
			position :				absolute;
			display :				block;
			overflow :				hidden;
			left :				50%;
			margin-left :			-10px;
			width :				20px;
			height :				20px;
			border-radius :			10px;
			border-width :			3px;
			border-style :			solid;
			border-color :			#172982;
			background-color :		#FFFFFF;
		}

	.colonnes,
	.colonnes .colonne_gauche,
	.colonnes .colonne_droite
		{
			padding-left :			0 !important;
			padding-right :			0 !important;
		}
	
	.colonnes.header,
	.colonnes.footer,
	.colonnes.header > .colonne_droite
		{
			background :			transparent;
			height :				auto;
		}

	.colonnes.header
		{
			padding :				0;
			margin-bottom :			20px;
		}
	
	.colonnes.header > .colonne_gauche
		{
			height :				auto;
			background :			#E7E9F2;
		}

	.colonnes.header > .colonne_gauche > h1
		{
			margin :				0;
			padding :				20px;
			background :			transparent;
		}





	
	.aside_panel,
	.aside_content
		{
			padding-bottom :			0;
			margin-bottom :			0;
		}
	
	.aside
		{
			position :				relative;
			padding-left :			0;
		}
	
	.aside_panel
		{
			display :				block;
			float :				none;
			margin-left :			0;
			width :				inherit;
		}

	.aside_panel_header,
	.aside_panel_footer
		{
			margin :				0;
			padding :				0;
			min-height :			100px;
			background :			none;
		}
	
	.aside_panel_footer
		{
			display :				block;
			position :				absolute;
			bottom :				0;
			padding :				10px 0px;
			height :				auto;
			min-height :			auto;
			width :				100%;
			border-top :			1px solid #172982;
		}
	
	.aside_panel_footer .btn_retour
		{
			color :				#172982 !important;
			background-image :		url( "./images/fleche_gauche_bleu.png" );
		}


	.aside_content
		{
			padding-bottom :			50px;
		}

	.aside .gros_titre_fin
		{
			padding :				20px 5px;
		}


	.icone_h1
		{
			display :				block;
			position :				relative;
			margin :				10px 0;
		}


	/* -------------------------------------------------------------- COULEURS */
	
	.colonnes.marron > .colonne_gauche,
	.colonnes.jaune > .colonne_gauche,
	.colonnes.vert > .colonne_gauche
		{
			padding-top :			0;
			margin :				0;
			background-color :		#FFFFFF;
		}

	
	/* -------------------------------------------------------------- COULEUR : MARRON */

	.colonnes.marron.header > .colonne_gauche,		
	.colonnes.marron > .colonne_gauche > h1 	{ background-color :	#D1AF94; }
	.colonnes.marron .annee				{ border-bottom :		5px solid #D1AF94; }
	.colonnes.marron .annee:after			{ border-color :		#D1AF94; }


	/* -------------------------------------------------------------- COULEUR : JAUNE */

	.colonnes.jaune.header > .colonne_gauche,
	.colonnes.jaune > .colonne_gauche > h1 	{ background-color :	#FED060; }
	.colonnes.jaune .annee				{ border-bottom :		5px solid #FED060; }
	.colonnes.jaune .annee:after			{ border-color :		#FED060; }
	
	
	/* -------------------------------------------------------------- COULEUR : VERT */
	
	.colonnes.vert.header > .colonne_gauche,
	.colonnes.vert > .colonne_gauche > h1	{ background-color :	#88B14B; }
	.colonnes.vert .annee				{ border-bottom :		5px solid #88B14B; }
	.colonnes.vert .annee:after			{ border-color :		#88B14B; }
		

	div.galerie > figure
		{
			float :				none;
			width :				100%;
			height :				auto;
			margin-left :			0;
		}

	img#logos_fsc_pefc
		{
			width :				100%;
			max-width :				260px;
		}

	div#logos_fsc_pefc > span
		{
			display :				inline-block;
			width :				1em;
		}
		
}






/* ------------------------------------------------------------------------------------ MEDIA QUERIES : 480px */

@media only screen and (max-width : 480px ) {


	#contact_urgence
		{
			position :				relative;
			width :				100%;
			margin-bottom :			1rem;
		}

	#petit_menu
		{
			position :				relative;
			right :				auto;
			top :					auto;
			margin :				0;
			padding :				0;
			text-align :			center;
		}
	
	#petit_menu li
		{
			display :				inline-block;
			padding-right :			10px;
			text-align :			center;
			direction :				rtl;
		}

	#petit_menu li img
		{
			margin :				0 2px 0 0;
			vertical-align :			middle;
		}
	

}













/* ------------------------------------------------------------------------------------ INTERNET EXPLORER */

@media all and (-ms-high-contrast:none) {

}