@font-face {
  font-family: 'Optien';
  src: url('font/Optien/optien.eot');
  src: url('font/Optien/optien.eot?#iefix') format('embedded-opentype'),
		url('font/Optien/optien.otf') format('opentype'),
		/*url('font/Optien/optien.woff2') format('woff2'),*/
		url('font/Optien/optien.woff') format('woff'),
		url('font/Optien/optien.ttf') format('truetype'),
		url('font/Optien/optien.svg') format('svg');
}
@font-face {
  font-family: 'SouthAfrican';
  src: url('font/SouthAfrican/SouthAfrican.eot');
  src: url('font/SouthAfrican/SouthAfrican.eot?#iefix') format('embedded-opentype'),
		url('font/SouthAfrican/SouthAfrican.otf') format('opentype'),
		/*url('font/SouthAfrican/SouthAfrican.woff2') format('woff2'),*/
		url('font/SouthAfrican/SouthAfrican.woff') format('woff'),
		url('font/SouthAfrican/SouthAfrican.ttf') format('truetype'),
		url('font/SouthAfrican/SouthAfrican.svg') format('svg');
}
@font-face {
  font-family: 'Oswald Light';
  src: url('font/Oswald/Oswald-Light.eot');
  src: url('font/Oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'), 
		url('font/Oswald/Oswald-Light.ttf') format('truetype'), 
		/*url('font/Oswald/Oswald-Light.woff2') format('woff2'),*/
		url('font/Oswald/Oswald-Light.woff') format('woff'), 
		url('font/Oswald/Oswald-Light.otf') format('opentype'), 
		url('font/Oswald/Oswald-Light.svg') format('svg');
}
@font-face {
  font-family: 'Curve';
  src: url('font/Curve/CurveThin.eot');
  src: url('font/Curve/CurveThin.eot?#iefix') format('embedded-opentype'), 
		url('font/Curve/CurveThin.ttf') format('truetype'), 
		url('font/Curve/CurveThin.woff2') format('woff2'),
		url('font/Curve/CurveThin.woff') format('woff'), 
		url('font/Curve/CurveThin.otf') format('opentype'), 
		url('font/Curve/CurveThin.svg') format('svg');
}
@font-face {
  font-family: 'Roboto Regular';
  src: url('font/Roboto/Roboto-Regular.eot');
  src: url('font/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
		url('font/Roboto/Roboto-Regular.ttf') format('truetype'), 
		url('font/Roboto/Roboto-Regular.woff2') format('woff2'),
		url('font/Roboto/Roboto-Regular.woff') format('woff'), 
		url('font/Roboto/Roboto-Regular.otf') format('opentype'), 
		url('font/Roboto/Roboto-Regular.svg') format('svg');
}
@font-face {
  font-family: 'Roboto Thin';
  src: url('font/Roboto/Roboto-Thin.eot');
  src: url('font/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), 
		url('font/Roboto/Roboto-Thin.ttf') format('truetype'), 
		url('font/Roboto/Roboto-Regular.woff2') format('woff2'),
		url('font/Roboto/Roboto-Thin.woff') format('woff'), 
		url('font/Roboto/Roboto-Thin.otf') format('opentype'), 
		url('font/Roboto/Roboto-Thin.svg') format('svg');
}
@font-face {
  font-family: 'Cardo Regular';
  src: url('font/Cardo/Cardo-Regular.eot');
  src: url('font/Cardo/Cardo-Regular.eot?#iefix') format('embedded-opentype'), 
		url('font/Cardo/Cardo-Regular.ttf') format('truetype'), 
		url('font/Cardo/Cardo-Regular.woff2') format('woff2'),
		url('font/Cardo/Cardo-Regular.woff') format('woff'), 
		url('font/Cardo/Cardo-Regular.otf') format('opentype');
}

body{
	font-size:15px;
	font-size:0.938rem;	/* 15 / 16 = 0.938 */
	font-family:'Roboto Regular';
	background-color:#fff;

	
	font-family:'Cardo Regular';
	font-size:1rem;	/* 15 / 16 = 0.938 */
}

section{
	overflow:hidden;
}
	section > div.content{
		display:block;
		margin:auto;
		width:inline-flex;
		width:fit-content;
		max-width:1380px;
		max-width:1000px;
		padding: 20px;

		line-height:1.5rem;
	}
h1, h2, h3{
	font-family:'Oswald Light';
	padding:0px;
}
h1{
	font-size:40px;
	margin:20px 0px 25px 0px;
	color:#000;
}
#title h1{
	position:absolute;
	top: calc(50% - 50px);
	width:100%;
	margin:0px;
	font-size:30px;
}
@media screen and (min-width: 600px){
	#title h1{
		font-size:40px;
	}
}
h2{
	font-size:30px;
	margin:20px 0px 25px 0px;
}h3{
	font-size:16px;
	margin:0px;
}
.body_red .colored{
	color:#f00;
	background:-webkit-linear-gradient(#f77, #c00);
}
.body_yellow .colored{
	color:#fa0;
	background:-webkit-linear-gradient(#ff0, #fa0);
}
.body_green .colored{
	color:#af0;
	background:-webkit-linear-gradient(#af0, #6c0);
}
.body_blue .colored{
	color:#08f;
	background:-webkit-linear-gradient(#08f, #036);
}
.body_purple .colored{
	color:#86f;
	background:-webkit-linear-gradient(#a8f, #75f);
}
a.colored:hover{
	background:-webkit-linear-gradient(#08f, #036);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	text-decoration:underline !important;
	border-bottom:1px solid #08f;
}

.colored{
	-webkit-background-clip:text !important;
	-webkit-text-fill-color:transparent;
	text-shadow:none !important;
}
/*============================================================================================*/
/*                                          CONTAINER                                         */
/*============================================================================================*/
#container{
	background-color:#fffffe;
	padding-top:65px;
}

#container > .content{
	margin:auto;
	padding-bottom:190px;
}

/*============================================================================================*/
/*                                          SECTIONS                                          */
/*============================================================================================*/
#container .content{
	/*background-color:#ca4c00;
	background-color:#fc9604;
	background-color:#b96f00;
	background-color:#ffffee;*/
}
#container .content section{
	position: relative;
	padding:20px 0 20px 0;
	font-size:16px;
	font-weight:thin;
	
	background-position: bottom center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
	overflow:hidden;
}
	#container .content section div.filter ~ h1,
	#container .content section div.filter ~ h2,
	#container .content section div.filter ~ h3,
	#container .content section div.filter ~ h4,
	#container .content section div.filter ~ div:not(.filter){
		z-index:2;
		position:relative;
		color:#fff;
	}
#container .content section#title{
    width:100%;
    height:30vh;
    padding-top:60px;
}
	#container .content section#title > div:not(.filter){
		height:100%;
	}

	#container .content section .filter{
		content:"";
		z-index:1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.7;
	}
	#container .content section .filter + div{
		text-shadow:0 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 1px 1px 1px #333;
	}
	
	#container .content section h1,
	#container .content section h2{
		text-align:center;
	}
	#container .content section.red h2,
	#container .content section.yellow h2,
	#container .content section.green h2,
	#container .content section.blue h2,
	#container .content section.purple h2{
		text-shadow:0 1px 1px #000;
	}

/****************************** RESPONSIVE_MENU ******************************/
#responsive_menu{
	font-family:'Oswald Light';
	top:10px;
	right:0px;
}
	#responsive_menu > #button{
		background-image:url('../img/ico/32px/responsive/responsive_menu_000.png'), linear-gradient(#eee, #fff, #eee);
		font-size:13px;
		font-size:0.813rem;
	}
	#responsive_menu > #select{
		font-size:14px;
		font-size:0.875rem;
	}
		#responsive_menu > #select .optgroup,
		#responsive_menu > #select .option{
			font-size:13px;
			font-size:0.813rem;
		}
		body.body_red #responsive_menu > #select .optgroup{
			background-image:linear-gradient(#f44, #d00);
		}body.body_yellow #responsive_menu > #select .optgroup{
			background-image:linear-gradient(#ff0, #fa0);
		}body.body_green #responsive_menu > #select .optgroup{
			background-image:linear-gradient(#af0, #6c0);
		}body.body_blue #responsive_menu > #select .optgroup{
			background-image:linear-gradient(#08f, #036);
		}body.body_purple #responsive_menu > #select .optgroup{
			background-image:linear-gradient(#a8f, #75f);
		}

/*============================================================================================*/
/*                                           HEADER                                           */
/*============================================================================================*/
#header{
	position:fixed;
	opacity:1;
	top:0px;
	margin:auto;
	width:100%;
	background-color:#fff;
	/*background-image:linear-gradient(#fff, #eee);*/
	box-shadow:0px 1px 5px #999;
	box-shadow:0 5px 10px 0 rgba(100, 100, 100, 0.1);
	/*border-bottom:1px solid #ccc;*/
	
	z-index:9;
}
	#header #header_menu{
		margin:auto;
		/*width:calc(100% - 400px);*/
		/*padding:10px 0px 10px 0px;*/
	}
		#header #header_menu #logo{
			float:left;
		}
		#header #header_menu #header_menu_logo{
			float:left;
			display:inline-block;
			background-image:url('img/logo_titre_4700x2700.png');
			background-repeat:no-repeat;
			background-position:center left;
			background-size:contain;
			/*margin:5px;*/
			width:157px;
			height:90px;
		}
		#header #header_menu .header_menu_categories{
			position:relative;
			float:right;
			font-family:'Oswald Light', 'sans-serif', 'arial', 'Tahoma';
		}#header #header_menu .header_menu_categories.large{
			width:750px;
		}#header #header_menu .header_menu_categories.medium{
			width:550px;
		}#header #header_menu .header_menu_categories.small{
			width:300px;
		}
			#header #header_menu .header_menu_categories .header_menu_category{
				float:left;
				height:100%;
			}
			#header #header_menu .header_menu_categories.large .header_menu_category{			
				width:150px;
				/*margin:5px 0px 5px 0px;*/
			}
			#header #header_menu .header_menu_categories.medium .header_menu_category{
				width:110px;
				margin:0px 0px 0px 0px;
				text-align:center;
			}
				#header #header_menu .header_menu_categories.medium .header_menu_category a.header_menu_category_title{
					line-height:80px;
				}
				#header #header_menu .header_menu_categories.large .header_menu_category a.header_menu_category_title{
					font-size:15px;
				}
				#header #header_menu .header_menu_categories.large .header_menu_category .header_menu_category_posts{
					font-size:13px;
					margin-top:5px;
				}
				#header #header_menu .header_menu_categories.medium .header_menu_category a.header_menu_category_title,
				#header #header_menu .header_menu_categories.medium .header_menu_category a.header_menu_category_title:visited,
				#header #header_menu .header_menu_categories.large .header_menu_category a.header_menu_category_title,
				#header #header_menu .header_menu_categories.large .header_menu_category a.header_menu_category_title:visited,
				#header #header_menu .header_menu_categories.large .header_menu_category a.header_menu_category_post,
				#header #header_menu .header_menu_categories.large .header_menu_category a.header_menu_category_post:visited{
					display:inline-block;
					width:100%;
					text-align:center;
					height:100%;
					color:#777;
				}
				#header #header_menu .header_menu_categories.large .header_menu_category.red a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.large .header_menu_category.red a.header_menu_category_title:visited:hover,
				#header #header_menu .header_menu_categories.large .header_menu_category.red a.header_menu_category_post:hover,
				#header #header_menu .header_menu_categories.large .header_menu_category.red a.header_menu_category_post:visited:hover{
					color:#f00;
				}#header #header_menu .header_menu_categories.large .header_menu_category.yellow a.header_menu_category_title:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.yellow a.header_menu_category_title:visited:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.yellow a.header_menu_category_post:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.yellow a.header_menu_category_post:visited:hover{
					color:#fe0;
				}#header #header_menu .header_menu_categories.large .header_menu_category.green a.header_menu_category_title:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.green a.header_menu_category_title:visited:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.green a.header_menu_category_post:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.green a.header_menu_category_post:visited:hover{
					color:#af0;
				}#header #header_menu .header_menu_categories.large .header_menu_category.blue a.header_menu_category_title:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.blue a.header_menu_category_title:visited:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.blue a.header_menu_category_post:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.blue a.header_menu_category_post:visited:hover{
					color:#08f;
				}#header #header_menu .header_menu_categories.large .header_menu_category.purple a.header_menu_category_title:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.purple a.header_menu_category_title:visited:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.purple a.header_menu_category_post:hover,
				 #header #header_menu .header_menu_categories.large .header_menu_category.purple a.header_menu_category_post:visited:hover{
					color:#86f;
				}
				#header #header_menu .header_menu_categories.medium .header_menu_category.red a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.medium .header_menu_category.red a.header_menu_category_title:visited:hover{
					background-image:linear-gradient(#f44, #d00);
					color:#fff;
				}#header #header_menu .header_menu_categories.medium .header_menu_category.yellow a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.medium .header_menu_category.yellow a.header_menu_category_title:visited:hover{
					background-image:linear-gradient(#ff0, #fa0);
					color:#fff;
				}#header #header_menu .header_menu_categories.medium .header_menu_category.green a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.medium .header_menu_category.green a.header_menu_category_title:visited:hover{
					background-image:linear-gradient(#af0, #6c0);
					color:#fff;
				}#header #header_menu .header_menu_categories.medium .header_menu_category.blue a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.medium .header_menu_category.blue a.header_menu_category_title:visited:hover{
					background-image:linear-gradient(#08f, #036);
					color:#fff;
				}#header #header_menu .header_menu_categories.medium .header_menu_category.purple a.header_menu_category_title:hover,
				#header #header_menu .header_menu_categories.medium .header_menu_category.purple a.header_menu_category_title:visited:hover{
					background-image:linear-gradient(#a8f, #75f);
					color:#fff;
				}
				#header #header_menu .header_menu_categories.large .header_menu_category .header_menu_category_band{
					margin:5px 0px 0px 0px;
					height:5px;
					width:120px;
				}#header #header_menu .header_menu_categories.large .header_menu_category.red .header_menu_category_band{
					background-color:#f00;
				}#header #header_menu .header_menu_categories.large .header_menu_category.yellow .header_menu_category_band{
					background-color:#fe0;
				}#header #header_menu .header_menu_categories.large .header_menu_category.green .header_menu_category_band{
					background-color:#af0;
				}#header #header_menu .header_menu_categories.large .header_menu_category.blue .header_menu_category_band{
					background-color:#08f;
				}#header #header_menu .header_menu_categories.large .header_menu_category.purple .header_menu_category_band{
					background-color:#86f;
				}

/*============================================================================================*/
/*                                           FOOTER                                           */
/*============================================================================================*/
#footer{
	position:absolute;
	bottom:0px;
	margin:auto;
	margin-top:30px;
	padding:10px 0px 10px 0px;
	width:100%;
	height:170px;
	background-color:#242424;
	/*background-color:#c76b0d;
	/*background-color:#b96f00;
	/*background-color:#a76018;
	/*background-color:#e8b008;
	/*background-image:url('img/footer.jpg');/**/
	background-size:cover;
	background-repeat:no-repeat;
	font-size:0.75rem;
	text-align:center;
	z-index:2;
	color:#e8b008;
}
	#footer a,
	#footer a:visited{
		color:#e8b008;
	}#footer a:hover,
	 #footer a:visited:hover{
		color:#fff;
	}
	#footer #postfooter .separator {
		text-align: center;
		display: inline-block;
		padding: 0px 8px 0px 8px;
	}
/*============================================================================================*/
/*                                           SLIDER                                           */
/*============================================================================================*/
#slider{
	overflow:hidden;
	margin-top:120px;
	height:480px;
	-webkit-transform:translateZ(0);
	/*text-shadow:0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000;
	color:#fff;*/
	z-index:0;
	
	font-family:'Optien';
	font-family:'Oswald Light';
	
}body.body_red #slider{
	background-image:linear-gradient(#f44, #d00);
}body.body_yellow #slider{
	background-image:linear-gradient(#ff0, #fa0);
}body.body_green #slider{
	background-image:linear-gradient(#af0, #6c0);
}body.body_blue #slider{
	background-image:linear-gradient(#08f, #036);
}body.body_purple #slider{
	background-image:linear-gradient(#a8f, #75f);
}
	#slider div{
		z-index:0;
		-webkit-transform:translateZ(0);
	}#slider .item{
		width:100%;
		height:480px;
		box-shadow:0px -1px 10px #333 inset;
		
		position:relative;
		
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
		overflow:hidden;
	}#slider h1{
		color:#fff;
	}#slider a{
		color:#fff;
		font-style:italic;
	}
	
	#slider .item .slider_item{
		max-width:1400px;
		height:100%;
		margin:auto;
	}
		#slider .item .slider_item .slider_item_image{
			float:left;
			height:100%;
			max-width:480px;
		}
		#slider .item .slider_item .slider_item_text{
			float:right;
			width:calc(100% - 530px);
			margin:auto;
			font-size:1.5rem;
			height:calc(100% - 100px);
			text-shadow:0px 0px 1px #000, 2px 2px 3px #000;
			color:#fff;
			line-height:400px;
			padding:10px 10px 10px 30px;
		}
			#slider .item .slider_item .slider_item_text .slider_item_text_content{
				line-height:115%;
				vertical-align:middle;
				display:inline-block;
				font-weight:bold;
			}
				#slider .item .slider_item .slider_item_text .slider_item_text_content .slider_item_text_content_title{
					font-size:2.5rem;
				}
/*============================================================================================*/
/*                                          CONTENT                                           */
/*============================================================================================*/
#post_content > .block{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f0f0f0;
	font-size:1.0625rem;
}
	#post_content > .block h2{
		background:-webkit-linear-gradient(#999, #000);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		font-size:16px;
		padding:0px;
		margin:0px 0px 5px 0px;
	}

/* -------------------------------   ACCUEIL (Nos Services)   ------------------------------- */
#post_content .post_format {
    padding:0px;
}
	#post_content .post_format .subpart{
		float:left;
		margin:10px;
		width:calc(25% - 25px);
	}
		#post_content .post_format .subpart .subpart_content .subpart_content_title,
		#post_content .post_format .subpart .subpart_content .subpart_content_title:visited{
			background:-webkit-linear-gradient(#999, #000);
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
		}#post_content .post_format .subpart .subpart_content .subpart_content_title.blue,
		 #post_content .post_format .subpart .subpart_content .subpart_content_title:hover,
		 #post_content .post_format .subpart .subpart_content .subpart_content_title:visited:hover{
			background:-webkit-linear-gradient(#08f, #036);
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
		}
/* -----------------------------   ACCUEIL (Nos R�alisations)   ----------------------------- */
#post_content > .block.content_index .realisation{
	float:left;
	width:calc(25% - 25px);
	margin:10px;
	height:100%;
}
	#post_content .block.content_index .realisation .realisation_title,
	#post_content .block.content_index .realisation .realisation_title:visited{
		display:block;
		font-weight:bold;
		background:-webkit-linear-gradient(#999, #000);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}#post_content .block.content_index .realisation .realisation_title.blue,
	 #post_content .block.content_index .realisation .realisation_title:hover,
	 #post_content .block.content_index .realisation .realisation_title:visited:hover{
		background:-webkit-linear-gradient(#08f, #036);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
	#post_content > .block.content_index .realisation .icon{
		float:left;
		width:32px;
		height:32px;
		background-size:32px 32px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	#post_content > .block.content_index .realisation .text{
		float:right;
		width:calc(100% - 40px);
		height:100%;
	}
	#post_content > .block.content_index .realisation .realisation_content{
		margin:0px;
		color:#555;
		text-align:justify;
		font-size:14px;
	}
	#post_content > .block.content_index .realisation .realisation_picture{
		/*border:1px solid #eee;*/
		display:block;
		height:160px;
		background-image:linear-gradient(#fdd, #fff);
		margin:0px 0px 10px 0px;
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
	}#post_content > .block.content_index .realisation .realisation_picture:hover{
		box-shadow:0px 0px 15px #f77 inset;
	}
/* ---------------------------------   ACCUEIL (L'Agence)   --------------------------------- */
#post_content > .block .aboutus{
	float:left;
	width:calc(100% - 490px);
	margin:10px;
	height:100%;
}
#post_content > .block .news{
	float:right;
	width:450px;
	margin:10px;
	height:100%;
}
	#post_content > .block .news .news_new{
		padding:5px 0px 5px 0px;
		border-top:1px solid #eee;
		margin:10px 0px 10px 0px;
	}
		#post_content > .block .news .news_new .news_new_image{
			float:left;
			width:60px;
			height:60px;
			background-image:linear-gradient(#999, #fff);
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}#post_content > .block .news .news_new .news_new_content{
			float:right;
			width:calc(100% - 70px);
		}
			#post_content > .block .news .news_new .news_new_content h4{
				padding:0px;
				margin:0px;
			}#post_content > .block .news .news_new .news_new_content p{
				padding:0px;
				margin:0px;
				line-height:1rem;
				max-height:3rem;
				text-align:justify;
				overflow:hidden;
			}#post_content > .block .news .news_new .news_new_content a,
			#post_content > .block .news .news_new .news_new_content a:visited{
				text-decoration:underline;
				color:#c00;
			}#post_content > .block .news .news_new .news_new_content a:hover,
			#post_content > .block .news .news_new .news_new_content a:visited:hover{
				color:#f00;
			}


/* ---------------------------------   PACKS   --------------------------------- */
@media screen and (max-width:700px){
	section#offres table.pack_responsive{
		display:block;
	}section#offres table.packs{
		display:none;
	}
}
@media screen and (min-width:700px){
	section#offres table.pack_responsive{
		display:none;
	}section#offres table.packs{
		display:block;
	}
}

section#offres table tr th,
section#offres table tr td{
	padding:10px;
	background-color:#fff;
}

section#offres table.pack_responsive{
	margin:auto;
	padding:10px;
	width:calc(100% - 40px);
	margin:10px;
	background-color:#fff;
	box-shadow:5px 5px 5px #ccc;
}
		section#offres table.pack_responsive tr td:nth-child(1){
			font-size:15px;
			color:#000;
			width:75%;
		}
			section#offres table.pack_responsive tr td:nth-child(1) div{
				-webkit-background-clip:text !important;
				-webkit-text-fill-color:transparent;
				text-shadow:none !important;
				font-size:18px;
				font-weight:bold;
				padding-bottom:5px;
			}
		section#offres table.pack_responsive tr td:nth-child(2){
			vertical-align:middle;
			text-align:center;
			font-size: 12px;
			padding:30px;
			color: #fff;
			text-shadow: 1px 1px 1px #000;
			width:25%;
			min-width:60px;
		}
			section#offres table.pack_responsive tr td:nth-child(2) .amount{
				font-size:22px;
			}

section#offres table thead tr th,
section#offres table tfoot tr td{
	padding-top:20px;
}
section#offres table tfoot tr td{
	text-align:right;
}
	section#offres table thead tr th .pack_title,
	section#offres table tfoot tr td .price{
		display:block;
		font-size:12px;
		padding:10px;
		background-color:#ccc;
		color:#fff;
		text-shadow:1px 1px 1px #000;
	}
	section#offres table thead tr th .pack_title{
		font-size:15px;
	}
	section#offres table thead tr th:nth-child(1) .pack_title,
	section#offres table tfoot tr td:nth-child(1) .price{
		background-color:#c00;
		background-image:linear-gradient(#f00, #c00);
		border:1px solid #c00;
	}
	section#offres table thead tr th:nth-child(2) .pack_title,
	section#offres table tfoot tr td:nth-child(2) .price{
		background-color:#fa0;
		background-image:linear-gradient(#fd0, #fa0);
		border:1px solid #fa0;
	}
	section#offres table thead tr th:nth-child(3) .pack_title,
	section#offres table tfoot tr td:nth-child(3) .price{
		background-color:#6c0;
		background-image:linear-gradient(#af0, #6c0);
		border:1px solid #6c0;
	}
	section#offres table thead tr th:nth-child(4) .pack_title,
	section#offres table tfoot tr td:nth-child(4) .price{
		background-color:#036;
		background-image:linear-gradient(#08f, #036);
		border:1px solid #036;
	}
		section#offres table thead tr th .pack_title .amount,
		section#offres table tfoot tr td .price .amount{
			font-size:22px;
		}

section#offres table thead tr th{
	width:25%;
}
/*
section#offres table thead tr th{
	width:25%;
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-shadow: none !important;
}
section#offres table thead tr th:nth-child(1){
	color:#f00;
    background:-webkit-linear-gradient(#f77, #c00);
}
section#offres table thead tr th:nth-child(2){
	color: #fa0;
    background: -webkit-linear-gradient(#fd0, #fa0);
}
section#offres table thead tr th:nth-child(3){
	color: #af0;
    background: -webkit-linear-gradient(#af0, #6c0);
}
section#offres table thead tr th:nth-child(4){
	color: #08f;
    background: -webkit-linear-gradient(#08f, #036);
}
*/
/* -------------------------------------   RESEAUX SOCIAUX   -------------------------------------- */
#socialmedia > div:not(.filter){
	text-align:center;
}
	#socialmedia > div:not(.filter) a{
		display:inline-block;
		width:64px;
		margin:10px;
		text-decoration:none;
	}

/* -------------------------------------   PORTFOLIO   -------------------------------------- */
#post_content > .block.portfolio .ih-item{
	float:left;
	width:calc(50% - 25px);
	min-width:200px;
	margin:10px;
}
	#post_content > .block.portfolio .ih-item .img{
		width:100%;
		height:100%;
		background-position:center center;
		background-size:cover;
		background:-webkit-linear-gradient(#036, #08f);
	}
/* ---------------------------------------   VIEW   ----------------------------------------- */
.divided_definition{
	float:left;
	width:calc(25% - 20px);
	min-width:160px;
	margin:20px 10px 10px 10px;
	/*margin:0px 0px 0px 20px;
	display:list-item;*/
}
	.divided_definition p{
		/*display:none;*/
	}
/* ---------------------------------------   VIEW   ----------------------------------------- */
#post_content > .post_format .post_title h1{
	font-weight:bold;
	text-shadow:none;
	font-family:'Oswald Light';
	padding:0px;
	font-size:30px;
	margin:0px 0px 30px 0px;
	border-bottom:none;
	background:-webkit-linear-gradient(#f77, #c00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
#post_content > .post_format + .post_format h1{
	padding:0px;
	font-family:'Oswald Light';
	font-size:20px;
	background:-webkit-linear-gradient(#999, #000);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
/*============================================================================================*/
/*                                     RESPONSIVE_DESIGN                                      */
/*============================================================================================*/
/* --------------------------------------   ACCUEIL   --------------------------------------- */

/* -------------------------------------   PORTFOLIO   -------------------------------------- */
@media screen and (max-width:799px){
	#post_content > .block.portfolio .realisation.ih-item{
		float:none;
		width:100%;
		min-width:200px;
		margin:0px 0px 10px 0px;
	}
}@media screen and (min-width:800px){
	#post_content > .block.portfolio .realisation.ih-item{
		float:left;
		width:calc(50% - 25px);
		min-width:200px;
		margin:10px;
	}
}
@media screen and (max-width:799px){
	.divided_definition{
		float:none;
		min-width:200px;
		min-width:calc(100% - 25px);
		
		margin:0px 0px 0px 20px;
		display:list-item;
	}
		.divided_definition p{
			display:none;
		}
}@media screen and (min-width:800px){
	.divided_definition{
		float:left;
		width:calc(25% - 20px);
		min-width:160px;
		margin:20px 10px 10px 10px;
		display:inline-block;
	}
		.divided_definition p{
			display:block;
		}
}

/***************************************************
 * @url: /post/index/
 ***************************************************/
section#services{}
	section#services > div{
		display:block;
		margin:auto;
		width:inline-flex;
		width:fit-content;
		max-width:1380px;
		
		padding-top:20px;
		padding: 20px;
	}
	section#services .service{
		float:left;
		width:calc((100% - 180px) / 3);
		max-width:400px;
		padding:0 30px 0 30px;
		margin-bottom:30px;
	}
		section#services .service .separation{
			display:none;
		}
	@media screen and (max-width:799px){
		section#services .service{
			width:calc(100% - 60px);
			max-width:calc(100% - 60px);
		}
			section#services .service .separation{
				display:block;
				min-width:200px;
				width:calc(100% - 40px);
				max-width:400px;
				margin:auto;
				margin-top:20px;
				border-bottom:1px solid #ddd;
			}
	}
		section#services .service .picto{
			display:block;
			position:relative;
			min-width:80px;
			
			max-width: fit-content;
			margin: auto;
			background-position: top center;
			background-size: 80px 80px;
			background-repeat: no-repeat;
			
			color:#444;
			font-family: 'Oswald Light';
			text-align:center;
			font-weight: bold;
			font-size: 16px;
		}
		section#services .service .picto{
			color:#d96f00;
		}
		.body_red section#services .service .picto:hover{
			color:#d00;
		}
		.body_yellow section#services .service .picto:hover{
			color:#fa0;
		}
			section#services .service .picto span{}
			section#services .service .picto .icon{
				border:none;
				display:block;
				height:80px;
				background-repeat:no-repeat;
				
				margin-top: 10px;
				margin-bottom: 10px;
			}
			/*
			section#services .service .picto svg{
				fill:url(#gris);
			}
				.body_red section#services .service .picto:hover svg{
					fill:url(#rouge);
				}
			*/
		section#services .service h3{
			text-align:center;
			margin:20px 0 20px 0;
			padding:0;
		}
		section#services .service p{
			display:inline-block;
			text-align:justify;
			color:#555555;
		}
		section#services .service:hover p{
			color:#000;
		}

section#portfolio{
	
}
	section#portfolio #realisations{
		display:block;
		margin:auto;
		/*width:max-content;*/
		padding-top:0;
		/*height:calc(20vw - 0px);*/
	}
		section#portfolio #realisations .realisation{
			float:left;
			margin:3px;
			width:calc(20vw - 10px);
			height:calc(20vw - 10px);
			position:relative;
			background-color:#fff;
			background-position:center center;
			background-size:cover;
			background-repeat:no-repeat;
			
			transition:0.3s all;
			
			overflow:hidden;
		}
			section#portfolio #realisations .realisation a{
				position:absolute;
				width:calc(20vw - 10px);
				height:calc(20vw - 10px);
				top:0;
				left:0;
				z-index:7;
				
				transition:0.3s all;
			}
				section#portfolio #realisations .realisation a .background{
					position:absolute;
					width:calc(20vw - 10px);
					height:calc(20vw - 10px);
					top:0;
					left:0;
					z-index:8;
					background-color:#000;
					opacity:0.1;
				}
				section#portfolio #realisations .realisation a .content,
				section#portfolio #realisations .realisation a .filter{
					opacity:0;
				}
		section#portfolio #realisations:hover .realisation{
			filter:blur(2px);
			opacity:0.5;
			transform: scale(0.98);
		}
		section#portfolio #realisations:hover .realisation:hover{
			filter:blur(0px);
			opacity:1;
			transform: scale(1);
			
		}
				section#portfolio #realisations:hover .realisation:hover a .content{
					opacity:1;
				}
				section#portfolio #realisations:hover .realisation:hover a .filter{
					opacity:0.7;
					z-index:8 !important;
				}
				section#portfolio #realisations .realisation a .content{
					position:absolute;
					width:calc(20vw - 10px);
					height:calc(20vw - 10px);
					top:0;
					left:0;
					z-index:9;
					color:#fff;
					text-align:center;
					vertical-align:middle;
					line-height:calc(20vw - 10px);
					font-weight:bold;
					font-family:'Oswald Light';
					font-size:20px;
					text-shadow:1px 1px 0px #000;
					
					padding: 10px 0px 10px 0px;
					transition:0.3s all;
				}
				
				section#portfolio #realisations .realisation a .image{
					position:absolute;
					width:calc(20vw - 10px);
					height:calc(20vw - 10px);
					top:0;
					left:0;
					z-index:7;
					color:#fff;
					
					background-position:center center;
					background-size:cover;
					background-repeat:no-repeat;
					transition:0.3s all;
				}
				section#portfolio #realisations .realisation:hover a .image{
					width:calc(20vw + 40px);
					height:calc(20vw + 40px);
					top:-25px;
					left:-25px;
				}

#post_index section#home{
	width:100%;
	height:100vh;
	background-position:bottom center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image:url('../img/bg02.jpeg');
	
	display:none;
}









.hidden{
	display:none;
}


.contain-fruit {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}

.contain-fruit .icon {
  margin-right: 40px;
}

.contain-fruit .icon:last-child {
  margin-right: 0;
}

.contain-fruit .p {
  text-align: center;
  font-family: Arial, sans-serif;
}