* {
	margin:0; padding:0;
}
body,html {
	margin:0; padding:0;
	font-family: 'Tahoma', sans-serif;
}
a {
	text-decoration: none;
	color: #000;
}
.page a {
	text-decoration:underline;
}
h1, h2, h3, h4 {
	font-family: 'Tahoma', sans-serif;
}
h1 sup, h2 sup, h3 sup, h4 sup {
	color: white;
	padding: 0 10px 10px 10px;
	font-size:32pt;
}
ul, li {
	list-style: none;
}

hr {
	opacity: 0.2;
}

.alert {
	padding: 10px;
	margin:20px auto 20px auto;
	text-align:center;
	vertical-align: middle;
	border-radius: 5px;
	width: 70%;
}
.error, .alert_error {
	background-color: #ffb8b8;
	color:red;
	border:1px solid red;
}
.ok, .alert_ok {
	background-color: #a4dfa0;
	color:#009246;
	border:1px solid #009246;
}


header {
	text-align:center;
	position:fixed;
	width:100%;
	transition: 0.5s;
	z-index: 9999;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(162deg, rgba(102,102,102,0.9009804605435925) 0%, rgba(0,0,0,0.8981793400954132) 100%);
	background: -webkit-linear-gradient(162deg, rgba(102,102,102,0.9009804605435925) 0%, rgba(0,0,0,0.8981793400954132) 100%);
	background: linear-gradient(162deg, rgba(102,102,102,0.9009804605435925) 0%, rgba(0,0,0,0.8981793400954132) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666",endColorstr="#000000",GradientType=1);  
}
.header_top {
	background-color: #ffffffae;
	box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);
	-webkit-box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);
}
header nav {
	width:95%;
	margin:0 auto 0 auto;
}
header nav ul {
	width:100%;
	height: 50px;
	margin:10px auto 0 auto;
	vertical-align:middle;
	display: flex;
	flex-direction: row;
}
header nav ul li {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	vertical-align: middle;
}
header nav ul li:first-child {
	width:70%;
	text-align:left;
}
header nav ul li:last-child {
	width:29%;
	text-align:right;
}
header nav ul li img.logo {
	width:45px; height:auto;
	margin:0 30px 0 0;
}

header nav ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:16pt;
	padding:0 5px 0 5px;
	transition: 0.5s;
	/* text-transform: uppercase; */
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
header nav ul li a:hover {
	color:rgb(128, 128, 128);
	border-bottom:1px solid white;
	box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);
	-webkit-box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 1px 11px 25px 0px rgba(0,0,0,0.10);

}
header nav ul li a.contact {
	background-color:#000;
	/* border-radius: 10px; */
	padding:5px 10px 5px 10px;
	color:white;
}
header nav ul li a.contact:hover {
	border:1px solid 7a8fc8;
	background-color: white;
	color:#7a8fc8;
}

.home {
	margin:0;
	height:auto;
	background-color: #000;		
}

ul.col_X2 {
	vertical-align:middle;
	display: flex;
	flex-direction: row;
}
ul.col_X2 li {
	width:49.5%;
	height: 100%;
	position: relative;
}

/**/

.home .ciao h1 {
	color: #FFF;
}

.dl_catalogue {
	width:150px; height:30px;
	line-height:30px;
	display:block;
	background-color:#000;
	margin:20px auto 0 auto;
	border-radius:10px;
	padding:5px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

.home ul.ciao {
	width:100%;
	min-height: 600px;
	padding-top:100px;
}
.home ul.ciao li {
	width:49.5%; height: 100%;
	display:inline-block;
	vertical-align: middle;
	position:relative;
}
.home ul.ciao li:last-child {
	text-align: center;
}
.home ul.ciao li h1, .home ul.ciao li p {
	width: 60%;
	margin:10% auto 0 30%;
}
.home ul.ciao li h1 {
	color:#FFF;
	font-size:18pt;
	font-stretch: 10%;
}
.home ul.ciao li h1 span 	{ font-size:32pt; }
.home ul.ciao li p 			{ color:#ffffff; }
.home ul.ciao li .clip {
	border:5px solid #009246;
	border-radius:3px;
	width:480px; height:280px;
	margin:10% auto 0 15%;
}
.home ul.ciao li .clip video {
	position: relative;
	width:480px; height:auto;
	padding:25px 0 0 25px;
	z-index: 10;
}
.home ul.ciao li.video .bloc {
	border:4px solid white;
	opacity: 0.3;
	transform: rotate(20deg);
	width:380px; height:300px;
	position: absolute;
	top:22%; left:28%;
}

/* Catalogue */

.catalogue {
	position: relative;
}
.catalogue .print span {
	width:100%;
	display: block;
	text-align: center;
}
.catalogue .demande {
	text-align: center;
	vertical-align:middle;
}
.catalogue .demande h2 {
	padding: 0 0 30px 0;
	font-size: 22pt;
}
.catalogue .demande .appel {
	border-radius:10px;
	width: 300px; height: 30px;
	padding: 3px;
	margin:20px 0 20px 0;
	border:2px solid #e8e8e8;
	background-color: #fff;
	vertical-align:middle;
}
.catalogue .demande .appel input {
	background-color: #fff;
	border:none;
	font-size: 14pt;
}
.catalogue .demande .appel input:focus {
	border:none;
}
.catalogue .demande .appel img {
	width: 25px; height: auto;
	margin:3px 0 0 10px;
}
.catalogue .bg_catalogue {
	width: 100%;
	height: 750px;
	overflow: hidden;
	position: absolute;
	top:-35%; left:0;
}
.catalogue .bg_catalogue .bg {
	position: absolute;
	top:10%; left: 50%;
	margin:0 0 0 -100%;
	width:160%;
	height: 600px;
	transform: rotate(4deg);

	background:  rgb(255,180,180);
	background-image: -moz-linear-gradient(142deg, rgba(255,180,180,1) 0%, rgba(255,255,255,1) 50%, rgba(203,243,231,1) 100%);
	background-image: -webkit-linear-gradient(142deg, rgba(255,180,180,1) 0%, rgba(255,255,255,1) 50%, rgba(203,243,231,1) 100%);
	background-image: -webkit-gradient(142deg, rgba(255,180,180,1) 0%, rgba(255,255,255,1) 50%, rgba(203,243,231,1) 100%);
	background-image: -o-linear-gradient(142deg, rgba(255,180,180,1) 0%, rgba(255,255,255,1) 50%, rgba(203,243,231,1) 100%);
	background-image: linear-gradient(142deg, rgba(255,180,180,1) 0%, rgba(255,255,255,1) 50%, rgba(203,243,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb4b4",endColorstr="#cbf3e7",GradientType=1);
}

.catalogue .bg_catalogue .bg .losange {
	width:100%; height:600px;
	position:absolute;
	top:0; left:0;
	background-image:url('/assets/images/ui/bg_illustration_catalogue.png');
	background-size:50%;
	background-position:-500px -250px;
}
/* NOS PRODUITS */

.nos_produits {
	margin-top:100px;
	min-height: 850px;
}
.nos_produits .familles h2 {
	padding:0 0 20px 0;
}
.nos_produits .familles div.item {
	width: 70%;
	margin:0 auto 0 auto;
	font-size:12pt;
}
.nos_produits .familles div p {
	font-style: italic;
	color: #616161;
	line-height: 1.9em;
}
.nos_produits .familles div p i {
	color:#ff6f6f;
}
.nos_produits .familles div p b, .nos_produits .familles div .preco b {
	color:#23ad58;
	font-size: 10pt;
}
.nos_produits .familles div .preco {
	width: 100%;
	padding:50px 0;
	font-size: 10pt;
	font-style: italic;
	color: #aaaaaa;
}

.nos_produits .preview {
	margin: 0 auto 0 auto;
	position: relative;
	width: 60%; height: auto;
}
.nos_produits .preview div {
	width: 300px;
	height: auto;
	position: absolute;
	top:0; left:0;
	transition: 0.5s;
	margin:0;
}
.nos_produits .preview div:nth-child(1) { left:20px; z-index: 4; }
.nos_produits .preview div:nth-child(2) { top:120px; left:210px; width:280px; }
.nos_produits .preview div:nth-child(3) { top:250px; left:0; z-index:3; width:260px;}
.nos_produits .preview div:nth-child(4) { top:365px; left:200px; width:240px; z-index:1; }
.nos_produits .preview div:nth-child(5) { top:470px; left:20px; width:220px; }

.nos_produits .preview div:hover {
	padding: 10px;
}

.nos_produits .preview div img {
	width: 100%;
	height: auto;
	border:1px solid #fff;
	box-shadow: 15px 8px 7px 5px rgba(0,0,0,0.05);
	-webkit-box-shadow: 15px 8px 7px 5px rgba(0,0,0,0.05);
	-moz-box-shadow: 15px 8px 7px 5px rgba(0,0,0,0.05);
}

/* Preco */

.precommandes {
	background-color: #ac2d2d;
	min-height: 700px;
	width: 100%;
}

.precommandes .root {
	width:100%; min-height:800px;
	overflow: hidden;
	top:-40px;
	position: relative;
}

.precommandes .preco_svg {
	margin-top:-20px;
	width:900px;
	height:800px;
	vertical-align:right;
}

.precommandes ul.preco_graph {
	width: 100%;
	display: flex;
}
.precommandes ul.preco_graph li {
	color:white;
	vertical-align: bottom;
	align-items:baseline;
}
.precommandes ul.preco_graph li h2 {
	width:100%;
	display: block;
}
.precommandes ul.preco_graph li h2 span {
	color: #52c252;
}
.precommandes ul.preco_graph li:first-child {
	width: 100%;
}
.precommandes ul.preco_graph li:last-child {
	width: 100%;
}
.precommandes ul.preco_graph li.preco_date:last-child {
	width: 100%;
	display: grid;
	height: 200px;
	margin: auto;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.precommandes ul.preco_graph li:first-child {
	text-align:right;
	vertical-align:right;
	align-items:right;
}
.precommandes ul.preco_graph li:nth-child(2) {
	min-width: 128px; height: 200px;
}
.precommandes ul.preco_graph li.email_sms:nth-child(2) {
	background-image: url('/assets/images/ui/preco/preco_graph_01.png');
	background-repeat: repeat-y;
	background-position: center center;
}
.precommandes ul.preco_graph li.vg:nth-child(2) {
	background-image: url('/assets/images/ui/preco/preco_graph_04.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.precommandes ul.preco_graph li:first-child, .precommandes ul.fresh li:nth-child(2) {
	height:98px;
}
.precommandes ul.preco_title li:first-child {
	display: flex;
	height: 200px;
	margin: auto;
	align-items:center;
	justify-content:center;
	text-align: center;
}
.precommandes ul.fresh li:nth-child(2) li {
	height:200px;
}
.precommandes ul.preco_graph li .c_emailsms {
	margin:60px 0 0 15px;
}
.precommandes ul.preco_graph li .c_emailsms img {
	margin-top:25px;
}

.precommandes ul.fresh2 li:first-child, .precommandes ul.fresh2 li:nth-child(2), .precommandes ul.fresh2 li:nth-child(2) li {
	height: 300px;
}
.precommandes ul.fresh2 li .frais {
	width:127px; height:100%;
	display:inline-block;
	background-image: url('/assets/images/ui/preco/preco_graph_05.png');
}
.precommandes ul.fresh2 li .frais .c_fresh {
	margin:70% 0 0 -20px;
}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle {
	border:2px solid white;
	width:200px; height:200px;
	border-radius:50%;
	margin:-130px 0 0 -51%;
	position: relative;
}

.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div {
	position: absolute;
	width: 70%; height: 100px;
	text-align: center;
	margin:0 auto 0 auto;
	vertical-align: middle;
	align-items: center;
}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div img {
	vertical-align: middle;
	align-items: center;
	margin: 10px auto 0 auto;
}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div span {
	width: 100%;
	display: block;
}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div:first-child 	{ left:-100px; top:-30px; 		}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div:nth-child(2) 	{ right:-100px; top:-30px; 		}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div:nth-child(3) 	{ left:-100px; bottom:-30px; 	}
.precommandes ul.fresh2 li .frais .c_fresh .grand_cercle div:last-child 	{ right:-100px; bottom:-30px; 	}


.precommandes ul.transport li:first-child, .precommandes ul.transport li:nth-child(2), .precommandes ul.transport li:last-child {
	height: 352px;
	vertical-align: middle;
}

ul.TwoTransports {
	width:100%; height:100%;
	display: flex;
	margin-top:-129px;
}
ul.TwoTransports li {
	background-position:center center;
	background-repeat:repeat-x;
	display:inline-block;
	position: relative;
}
ul.TwoTransports li:first-child {
	width:100%;
	background-image:url('/assets/images/ui/preco/preco_graph_09.png');
}
.precommandes ul.TwoTransports li:nth-child(2) {
	width:95px;
	min-width:95px;
	background-image:url('/assets/images/ui/preco/preco_graph_10.png');
	background-repeat: no-repeat;
}
ul.TwoTransports li:last-child {
	width:100%;
	background-image:url('/assets/images/ui/preco/preco_graph_11.png');
}

ul.TwoTransports li .c_transport {
	position: absolute;
	right: 15%;
	top:36%;
}
ul.TwoTransports li .c_transport img {
	margin:25px 0 0 0;
}

ul.TwoTransports li div.livraison_sum, ul.TwoTransports li div.livraison_autre {
	position: absolute;
	left: 20%;
	width:200px;
	height: 100px;
}
ul.TwoTransports li div.livraison_sum {
	top: -14px;
}
ul.TwoTransports li div.livraison_autre {
	bottom:-40px;
}
ul.TwoTransports li div.livraison_autre span {
	font-size: 11pt;
}
ul.TwoTransports li div span {
	width: 40px; height: 30px;
	padding: 10px 0 0 0;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	position:absolute;
	left: 10px;
	color: #000;
	text-align: center;
}
ul.TwoTransports li div.livraison_sum span i {
	display: block;
}
ul.TwoTransports li div.livraison_sum img {
	width: 30px; height: auto;
	margin:-5px auto 0 auto;
}

.precommandes .cercle {
	background-color: white;
	width: 100px; height:100px;
	border-radius: 50%;
	text-align:center;
	vertical-align:middle;
	align-items:center;
	position: relative;
}

.partenaria {
	background: rgb(255,136,72);
	background: -moz-linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	background: -webkit-linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	background: linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8848",endColorstr="#fb3d65",GradientType=1);
}
.partenaria h2 {
	color: #FFFFFF;
	text-align: center;
}
.partenaria .arrow-down {
	background-image: url('/assets/images/ui/main-item-arrow-down.png');
	width: 520px; height: 141px;
	margin: 0 auto 0 auto;
}

.partenaria ul.transport, .partenaria .clients {
	width: 80%;
	display: flex;
	margin:0 auto 0 auto;
	vertical-align: bottom;
}
.partenaria ul.transport{
	margin: 100px auto 0 auto;
}
.partenaria ul.transport li {
	width: 25%;
	text-align: center;
	vertical-align:middle;
	align-items:center;
}
.partenaria ul.transport li img {
	align-items:baseline;
	vertical-align:bottom;
}
.partenaria .forms {
	width:100%; height:auto;
}
.partenaria ul.form, .clients ul.form {
	width: 650px;
	display: flex;
}
.partenaria ul.form li, .clients ul.form li {
	color:#000;
	width: 50%;
}
.partenaria ul.form li h3 {
	color: #000;
	padding:10px 0 0 0;
	background-color: rgba(255, 255, 255, 0.1);
	height: 50px;
}
.partenaria ul.form li img {
	width: 100%; height: auto;
}
.partenaria ul.form li:first-child img {
	border-radius: 15px 0 0 0;
}
.partenaria ul.form li:last-child img {
	border-radius: 0 15px 0 0;
}

.partenaria ul.form:last-child {
	margin:0 auto 0 auto;
	display: flex;
}
.partenaria ul.form:last-child li {
	color:#000;
	width: 50%; height: 180px;
	color:#FFF;
	position: relative;
	text-align: center;
}
.partenaria ul.form:last-child li span {
	padding: 20px 10px 0 10px;
	display: block;
	font-size: 11pt;
	width: 80%;
	margin: 0 auto 0 auto;
}
.partenaria ul.form:last-child li a {
	background-color: white;
	border-radius: 10px;
	text-align: center;
	padding: 5px;
	color:#000;
	display: block;
	position: absolute;
	left:50%; bottom:0;
	margin:0 0 0 -100px;
	width: 200px;
	text-decoration: none;
}
.partenaria .contact {
	background-color: #000;
	padding-bottom: 30px;
}

.partenaria .trompone {
	background-image: url("/assets/images/ui/icon-trombone.png");
	width:50px; height: 50px;
}

/* CLIENTS */

.clients {
	background-image: url("/assets/images/ui/bg_ciel.jpg"), -moz-linear-gradient(0deg, rgba(254,254,255,1) 0%, rgba(66,110,154,1) 38%, rgba(66,110,154,1) 100%);
	background-image: url("/assets/images/ui/bg_ciel.jpg"), -webkit-linear-gradient(0deg, rgba(254,254,255,1) 0%, rgba(66,110,154,1) 38%, rgba(66,110,154,1) 100%);
	background-image: url("/assets/images/ui/bg_ciel.jpg"), linear-gradient(0deg, rgba(254,254,255,1) 0%, rgba(66,110,154,1) 38%, rgba(66,110,154,1) 100%);
	background-repeat: repeat-x;
	background-position:top center;
}
.clients h2 {
	color: #ffffff;
	width:100%; height: 300px;
	line-height: 300px;
	text-align:center;
	vertical-align:middle;
	align-items:center;
	font-weight: normal;
	text-shadow:rgb(255, 255, 255) 3px 3px 20px, rgb(255, 255, 255) -2px 1px 30px;
}

.clients .logos {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	vertical-align:top;
	align-items:center;
}

.clients .logos div {
	width:250px; height:150px;
	flex: 20%;
}
.clients .logos div img { transition: 0.5s; }
.clients .logos div img:hover { opacity: 0.5; }

.clients .other {
	height: 100px;
	margin:50px auto 0 auto;
	text-align: center;
	font-size: 16pt;
	color: #FFF;
	text-shadow:rgba(0, 0, 0, 0.3) 3px 3px 20px, rgba(0, 0, 0, 0.3) -2px 1px 30px;
}
.sum {

	background-image: -moz-linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 20%, rgba(255,0,0,0) 100%), url('/assets/images/ui/bg-depot-sum-ciel4.jpg');
	background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255) 0%, rgba(255,255,255,0) 20%, rgba(255,0,0,0) 100%), url('/assets/images/ui/bg-depot-sum-ciel4.jpg');
	background-image: linear-gradient(to bottom, rgba(255,255,255) 0%, rgba(255,255,255,0) 20%, rgba(255,0,0,0) 100%), url('/assets/images/ui/bg-depot-sum-ciel4.jpg');
	
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;
	width:100%;
	height: 1000px;
	text-align: center;

	display: flex;
	align-items: flex-end;
}
.sum_bloc {
	margin-bottom:40px;
	width: 100%;
}

.sum .title {
	width:70%;
	font-size:12pt;
	margin:0 auto 0 auto;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:30px;
	background-color: #FFFFFF;
	border-radius: 15px;
	-webkit-box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4); 
	box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4);

	margin-bottom: auto;
}
.sum .title i {
	color:#2c8c2c;
}

.sum .item-bloc-3 {
	width: 300px;
	height: 220px;
	color: #000;
  	/* background-color: #ffffffbf; */
	/* background-color: #FFFFFF; */
	background:linear-gradient(#e9e9e9, #ffffff);
	display: inline-block;
	vertical-align: top;
	margin:5% auto 0 auto;
	text-align: justify;
	border-radius: 15px;
	border:3px solid #FFF;
	padding: 20px;
	-webkit-box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4); 
	box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4);

	 margin-bottom: auto;
}
.sum .item-bloc-3:nth-child(3) {
	margin-right:5%;
	margin-left:5%;
}
.sum .item-bloc-3 h4 {
	height: 40px;
	border-bottom: 1px solid rgb(0, 0, 0);
	margin-bottom: 20px;
}

.comments {
	background: rgb(47,179,131);
	background: -moz-linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	background: linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fb383",endColorstr="#18a86b",GradientType=1); 
	display: flex;
	flex-wrap: wrap;
}
.comments .top {
	width: 49%;
	height: 150px;
	line-height: 150px;
	text-align: center;
	align-items:center;
	vertical-align: top;
	padding:30px 0 0 0;
}

/* @keyframes infiniteScroll {
	from {transform: translateX(0) }
	to {transform: translateX(calc(0px - 50% - 25px));}
  } */

.slides {
	display: flex;
	/* overflow: hidden; */
	padding: 40px;
	width:85%;
	margin:0 auto 0 auto;

	animation-name: infiniteScroll;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}
.slides::-webkit-scrollbar {
  display: none;
}

.item {
  height: 200px;
  /* width: 450px; */
  width: 30%;
  flex-shrink: 0;
  position:relative;
}

.item:not(:last-child) {
  margin-right: 30px;
}
.item:last-child {
  position: relative;
}

.item:last-child::after {
  position: absolute;
  left: 100%;
  height: 1px;
  width: 20px;
  display: block;
  content: "";
}
.slides {
  list-style: none;
  padding: 20px;
}

.item:not(:last-child) {
  margin-right: 100px;
}

.slide_comment {
  max-width: 100%;
  width: calc(100% - 20px);
  position: relative;
}
.slide_comment .slides .item .txt {
    height:150px;
}

.slide_comment .slides .item em {
	position: absolute;
	width: 30px; height: 30px;
    opacity: 0.3;
}
.slide_comment .slides .item em.radius1 {
	border-top:1px solid white;
	border-right:1px solid white;
	top:-20px; right:-10px;
}
.slide_comment .slides .item em.radius2 {
	border-bottom:1px solid white;
	border-left:1px solid white;
	bottom:20px; left:-20px;
}

.slide_comment .arrow_left, .slide_comment .arrow_right {
    position: absolute;
    top:70px;
    width:50px;
    height:50px;
    background-size:cover;
    transition:0.5s;
	opacity: 0;
}

.slide_comment .arrow_left:hover, .slide_comment .arrow_right:hover {
    opacity: 0.1;
}
.slide_comment .arrow_left{
    background-image: url('/assets/images/ui/arrow_slider_left.png');
}
.slide_comment .arrow_right {
    right:0px;
    background-image: url('/assets/images/ui/arrow_slider_right.png');
}
.slide_comment .scroll-h {
    background-image: url('/assets/images/ui/mouse-scroll-h-blanc.png');
    background-size:cover;
    width:30px;
    height:25px;
    position: absolute;
    left:50%;
    bottom:-15px;
    margin:0 0 0 -22px;
}


/**/

.magazine {
	background: rgb(47,179,131);
	background: -moz-linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	background: linear-gradient(0deg, rgba(47,179,131,1) 0%, rgba(24,168,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fb383",endColorstr="#18a86b",GradientType=1); 
	display: flex;
	flex-wrap: wrap;
	min-height: 400px;
	text-align: center;
	align-items: center;
	vertical-align: middle;
}

.magazine .publication {
	width: 50%;
	display: inline-block;
	margin:100px auto 100px auto;
	text-align: center;
	align-items: center;
	vertical-align: middle;
}
.magazine .publication p {
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 30px;
	text-align: justify;
}
.magazine .publication i {
	display: block;
	text-align: left;
	width: 60%;
	margin: 0 auto 0 auto;
}
.magazine .publication i:last-child {
	color: #fff;
}
.magazine .info {
	width: 100%; height: 100px;
	font-size: 9pt;
	text-align: center;
}

.commandes {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	background: rgb(255,136,72);
	background: -moz-linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	background: -webkit-linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	background: linear-gradient(142deg, rgba(255,136,72,1) 0%, rgba(251,61,101,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8848",endColorstr="#fb3d65",GradientType=1);
}
.commandes h2 {
	width: 100%;
	text-align: center;
	padding: 100px 0 50px 0;
	color: white;
}
.commandes h3, h4 {
	width: 100%;
	text-align: center;
}
.commandes h3 {
	color: #fff;
	font-size: 22pt;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.18);
}
.commandes a {
	color: #fff;
}
.commandes h3 i { color:#000000; }
.commandes h3 b { color:#5bc817; }

.commandes h4 { color: #000; font-size: 14pt; padding:20px 0 20px 0; }

.commandes h2 b {
	color: #000;
}
.commandes .outils {
	width: 80%; min-height: 720px;
	margin:0 auto 0 auto;
	background-image: url("/assets/images/ui/bg_ERP.jpg");
	background-size: cover;
	border-radius: 15px;
}
.commandes .outils .steps, .commandes .outils .detail {
	display: inline-block;
	vertical-align: top;
	height: 40vb;
}
.commandes .outils .steps { width: 70%; }
.commandes .outils .detail { width: 29%; color: #FFF; }

.commandes .outils .steps ul {
	margin: 100px auto 0 50px;
}
.commandes .outils .steps ul li {
	height: 100px;
}
.commandes .outils .steps ul li span {
	width: 20px; height: 20px;
	border-radius: 50%;
	display: inline-block;
	margin:0 20px 0 20px;
	background-color: white;
	border:2px solid #ff6f6f;
}

.commandes .previews {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	margin:100px auto 0 auto;
}
.commandes .previews div {
	border-radius: 10px;
	padding:4px;
	width: 33%;
	height: 320px;
	line-height: 320px;
}
.commandes .previews div img {
	width:100%; height: auto;
	vertical-align: bottom;
	align-items:baseline;
	margin-bottom: -10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.182);
	border:4px solid rgba(255, 255, 255, 0.182);
}

.commandes .previews div:first-child { margin-right: -30px; text-align: right; }
.commandes .previews div:first-child img, .commandes .previews div:last-child img { width: 70%; margin-bottom:-30px; }
.commandes .previews div:last-child { margin-left: -30px; text-align: left; }

.commandes .previews div:nth-child(2) {
	z-index:3;
	-webkit-box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4); 
	box-shadow: -1px 16px 24px 6px rgba(0,0,0,0.4);
}

/**/

footer {
	background: rgb(209,195,252);
	background: -moz-linear-gradient(0deg, rgba(209,195,252,1) 0%, rgba(155,196,252,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(209,195,252,1) 0%, rgba(155,196,252,1) 100%);
	background: linear-gradient(0deg, rgba(209,195,252,1) 0%, rgba(155,196,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1c3fc",endColorstr="#9bc4fc",GradientType=1);
	padding-top:50px;
	height: 100vh;
	-webkit-box-shadow: 0px -15px 90px -27px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px -15px 90px -27px rgba(0,0,0,0.3);
	box-shadow: 0px -15px 90px -27px rgba(0,0,0,0.3);
}

footer ul.visual, footer ul.link {
	width: 80%;
	margin:0 auto 0 auto;
	display: flex;
	flex-wrap: wrap;
}
footer ul.visual {
	height: 150px;
	vertical-align: middle;
	align-items: center;
	border-bottom:2px solid #000;
	margin:0 auto 50px auto;
}
footer ul.visual li {
	width: 33%;
	display: inline;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	height: 150px;
}
footer ul.visual li a img {
	width: 40px; height: 40px;
	margin:20px 5px 0 5px;
	transition: 0.5s;
}
footer ul.visual li a img:hover {
	opacity: 0.2;
}

footer ul.link li {
	width: 25%;
}
footer ul.link li b {
	height: 50px;
	display: block;
}
footer ul.link li a {
	display: block;
	text-decoration: none;
	color:#737887;
}

footer .copyright {
	width: 100%;
	height: 150px;
	line-height: 150px;
	text-align: center;
	padding:50px 0 50px 0;
}
footer .copyright .agence {
	text-decoration: line-through;
}

.page {
	width: 100%; min-height: 500px;
	background: rgb(182,250,235);
	background: -moz-linear-gradient(142deg, rgba(182,250,235,1) 0%, rgb(253, 223, 223) 100%);
	background: -webkit-linear-gradient(142deg, rgba(182,250,235,1) 0%, rgba(251,226,226,1) 100%);
	background: linear-gradient(142deg, rgba(182,250,235,1) 0%, rgba(251,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6faeb",endColorstr="#fbe2e2",GradientType=1);
}
.page .p {
	margin: 0 auto 0 auto;
	padding: 100px 20px 100px 20px;
	width: 80%;
}

section.contact .form {
	width: 70%;
	margin: 100px auto 0 auto;
}

section.contact h1 {
	padding-bottom: 50px;
}

section.contact .radio {
	width: 45%; height: 20px;
	display: inline-block;
	border:1px solid #fff;
	padding: 10px;
	border-radius: 5px;
}
section.contact .radio label {
	vertical-align: middle;
	align-items: center;
	height: 50px;
	line-height: 50%;
	display: inline-block;
}
section.contact label {
	display: inline-block;
	width: 120px;
	height: 50px;
}
section.contact label.input {
	width: 49%; height: 50px;
	margin:5px auto 0 auto;
}

section.contact label span {
	width: 100px;
	display: inline-block;
}
section.contact label input[type='text'] {
	width: 70%;
	padding: 5px;
	font-size: 16pt;
	border:none;
	border-radius: 5px;
}
section.contact textarea {
	width: 80%; min-height:200px;
	margin:40px auto 40px auto;
	padding: 20px;
	display: block;
	font-size: 16pt;
	border:none;
	border-radius: 10px;
}
section.contact .protect {
	text-align: center;
}
section.contact .protect label img {
	width: 50px; height: auto;
}
section.contact button {
	margin:30px 50% 30px auto;
	padding: 10px 20px 10px 20px;
	background-color: #000;
	color: white;
	border-radius: 10px;
	border:none;
	float:right
}


/* PAGE ALIAS */

.mon-compte-sum section {
	color:white;
	/* background: rgb(187, 56, 52); */

	background: rgb(255,104,104);
	background: -moz-linear-gradient(0deg, rgba(255,104,104,1) 0%, rgba(117,0,0,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,104,104,1) 0%, rgba(117,0,0,1) 100%);
	background: linear-gradient(0deg, rgba(255,104,104,1) 0%, rgba(117,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6868",endColorstr="#750000",GradientType=1); 
}
.mon-compte-sum header nav ul li a {
	color: white;
}
.mon-compte-sum section section a {
	color: white;
}