@charset "utf-8";
/* CSS Document */
 
 body, html {
	padding: 0;
	margin: 0;
	background-color: #DDDDDD;
	font-family: 'Alegreya', sans-serif;
	font-weight: normal;
	font-style: normal;
	overflow-x: hidden;
}

.language_on{
	display:inherit;
	}
	
.language_off{
	display:none;	
	}
	
/* unvisited link */
	a:link {
    color: #FFFFFF;
	text-decoration:none;
	}

/* visited link */
	a:visited {
    color: #FFFFFF;
	text-decoration:none;
	}

/* mouse over link */
	a:hover {
    color: #FFFFFF;
	text-decoration:underline;
	}

/* selected link */
	a:active {
    color: #888888;
	text-decoration:underline;
	}
	
	#slideshow {
	top:0px;
	position:absolute;
	right:-50%;
	left:-50%;
	}
	
	#slideshow > div {
	position: absolute;
	display:block;
	top: 0px;
	margin:auto;
	text-align:center;
	right:-50%;
	left:-50%;
	}

	#accueil {
	margin-top:515px;
	}
	
	#text_home {
	text-align:center;
	width: 860px;
	display:block;
	margin:auto;
	font-size:17px;
	}
	
	#wrapper_home {
	z-index: 8;
	}
	
	#wrapper_brands {
	z-index: 10;
	}
	
	#wrapper_history {
	position:relative;
	z-index:20;
	}
	
	#wrapper_events {
	position:relative;
	z-index:30;
	}
	
	#wrapper_contact {
	position:relative;
	z-index:40;
	}
	
	.stick {
	position:fixed;
	top:60px;
	color:#999999;
	text-align:center;
	font-weight:normal; 
	font-size:30px;
	width:150px;
	
	}
	
	h1 {
	line-height:35px;
	color:#555;
	text-align:center;
	font-weight:normal; 
	font-size:30px;
	width:150px;
	margin:auto;
	padding: 3px 5px 5px 5px;
	margin-bottom:20px;
	-webkit-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.15);
	-moz-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.15);
	box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.15);
	}
	
	.brands, .events {
	background-color:#DDD;
	border-radius: 40px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
	.history, .contact, .home {
	background-color:#FFF;
	border-radius: 40px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
	body{
	scrollbar-base-color: #111111;
	scrollbar-3dlight-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #111111;
	scrollbar-shadow-color: #333333;
	scrollbar-dark-shadow-color: #333333;
	}
	
	
    #header {
	background: rgba(0, 0, 0, .65);
	position: relative;
	top:30px;
	z-index: 300;
	width : 1050px;
	margin:auto;
	height: 58.5px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	visibility: visible;
	margin-bottom : 10px;
	padding:0;
	border-radius: 40px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    }
	
	footer {
	background-color: black;
	position			: fixed;
	bottom				: 0;
	left				: 0;
	right				: 0;
	height:30px;
	z-index: 300;
	width : 100%;
	line-height: 30px;
	color:white;
	}
	
	footer .name {
	text-align:center;
	position:absolute;
	max-width:1050px;
	margin:auto;
	margin-right:auto;
	margin-left:auto;
	left:25%;
	right:25%;
	display:block;
	float:left;
	}
	
	#header a {
	color:white;
 	text-decoration:none;
	}
	
	#header a span{
	vertical-align:14px;
	padding-left:10px;
	}
	
	#header a span span{
	font-size:14px;
	vertical-align:0px;
	margin-left:-10px;
	}
	
	.interligne {
	height:60px;
	display:block;
	}
	
	.interligne_small {
	height:30px;
	display:block;
	}
	
	.interligne_after {
	height:40px;
	display:block;
	}
	
	#home{
	display:block;
	/*height:500px;*/
	}
	
	
	#brands{
	display:block;
	background-color:#DDD;
	}
	
	#sticky {
    padding: 0.5ex;
    border-radius: 0.5ex;
	}
	
	#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
	}

	#history{
	display:block;
	background-color:#FFF;
	}
	
	#accueil{
	display:block;
	background-color:#FFF;
	}
	
	#events{
	display:block;
	background-color:#DDD;
	}
	
	#contact{
	display:block;
	background-color:#FFF;
	}
	
	/* unvisited link */
	#contact a:link, #history a:link, #accueil a:link {
    color: #000;
	text-decoration:none;
	}

/* visited link */
	#contact a:visited, #history a:visited, #accueil a:visited {
    color: #000;
	text-decoration:none;
	}

/* mouse over link */
	#contact a:hover, #history a:hover, #accueil a:hover {
    color: #000;
	text-decoration:underline;
	}
	
	#contact_adress {
	text-align:center;
	margin:auto;
	display:block;
	line-height: 200%;
	width:800px;
	border-radius: 30px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	font-size:18px;
	}
	
	#contact_adress p {
	list-style-type:none;
	line-height: 150%;
	}
	
	#contact_adress iframe {
	list-style-type:none;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-webkit-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	}
	
	label {
    display:block;
    margin-top:20px;
    letter-spacing:2px;
	}
	
	form {
    margin:0 auto;
    width:459px;
	}
	
	#submit {
	margin: auto;
	background: #e1e1e1;
  	text-decoration: none;
  	color: #666;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width:127px;
    height:65px;
	display:block;
	text-align:center;
	position:relative;
	font-size:1.8em;
	font-family: 'Alegreya', sans-serif;
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
	}
	
	#submit:hover {
	background: #2098d1;
	color: white;
	}
	
	#message_php {
	color:red;
	font-weight:bold;
	text-align:center;
	}
	
	/* Style the text boxes */
	input, textarea {
	font-family: 'Alegreya', sans-serif;
    width:439px;
    height:40px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    font-size:0.9em;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	}

	textarea {
	height:213px;;
	}
	
	input:focus, textarea:focus {
    border:1px solid #97d6eb;
	}

	#content {
	margin-top:60px;
	margin-left : auto;
	margin-right:auto;
	/*padding: 10px;*/
	display: block;
	/*width : 1050px;*/
	overflow: hidden;
	/*border-radius: 20px;*/
	/*color:#FFFFFF;*/
	font-size:16px;
	/*text-align:justify;*/
	text-justify: newspaper;
	}
	
	.container {
	width:1050px;
	margin:auto;
	}	
	
	.texte_colonne {
	color:#666;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px solid lightblue; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid lightblue; /* Firefox */
    column-rule: 1px solid lightblue;
	text-align: justify;
	}
	
	.texte_colonne p {
	margin:0 0 25px 0;
	}
	
	#languages {
	text-align:center;
	height:68px;
	font-size:20px;
	}
	
	#history_fr, #history_en, #history_nl, #home_fr, #home_en, #home_nl{
	position:absolute;
	margin-top:-120px;	
	}
	
	.ligne {
	margin:auto;
	width:150px;
	height:1px;
	background-color: lightblue;
	}
	
	
	#texte {
	color:#666;
	text-align: justify;
	margin:auto;
	width:365px;
	}
	
	dl {
    padding: 0.75em;
	}

	dt {
    float: left;
    clear: left;
    width: 85px;
    text-align: left;
	}
	
	dd {
    margin: 0 0 0 95px;
    padding: 0 0 0.5em 0;
    min-height: 1em;
	}
	
	p {
	  display: block;
	  -webkit-margin-before: 0em;
	  -webkit-margin-after: 1em;
	  -webkit-margin-start: 0px;
	  -webkit-margin-end: 0px;
	}
	
	#image img {
	position:relative;
	margin:auto;
	text-align:center;
	display:block;
	-webkit-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	box-shadow: -4px 5px 3px -2px rgba(0,0,0,0.3);
	border-radius: 10px;
	}
	
	#key{
	font-size:20px;
	text-align:center;
	line-height:35px;
	vertical-align:middle;
	}
	
	#key img{
	margin-bottom:-5px;
	}
	
	.marque {
	list-style-type:none;
	padding:0;
	margin:auto;
	width:940px;
	}
	
	.marque li{
	width:400px;
	height: 400px;
	background-color:#FFF;
	display:inline-block;
	margin:30px;
	padding:0;
	text-align:center;
	}
	
	.marque li span {
	position:absolute;
	z-index:0;
	font-size:36px;
	text-align:center;
	margin-top:25px;
	}
	
	.farfalla, .siton, .finest, .cristian, .barrett {
	margin-left:-310px;
	}
	
	.gioiello, .azuree {
	margin-left:-279px;
	}
	
	.strafford {
	margin-left:-338px;
	}
	
	#more {
	color:#555;
	margin-left:-315px;
	margin-top:173px;
	}
	
	.pic {
	position:relative;
	z-index:1;
  	float: left;
  	height: 400px;
  	width: 400px;
  	overflow: hidden;
	
	  -webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
		   -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
			  transition: all 0.3s ease;
   
	}
	
	
	/*GROW*/
	.grow img {
	  height: 400px;
	  width: 400px;
	  
	 
	  -webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
		   -o-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
			  transition: all 0.3s ease;
	}
	 
	.grow img:hover {
	  width: 450px;
	  height: 450px;
	  margin-left:-25px;
	  margin-top:-25px;
	  opacity:0.2;
	  z-index:-1;
	}
	
	@media all and (-ms-high-contrast:none)
     {
     .head {
	position: absolute;
	text-align: center;
	margin: auto;
	display: inline-block;
	margin-left:525px;
	} /* IE10 */
	
     *::-ms-backdrop, .head {
	position: absolute;
	text-align: center;
	margin: auto;
	display: inline-block;
	margin-left:525px;
	}
	 }
	
	.head {
	position: absolute;
	text-align: center;
	display: inline-block;
	}
	
	x:-o-prefocus, .head {
	position: absolute;
	text-align: center;
	margin: auto;
	display: inline-block;
	margin-left:525px;
    }
	
	.name {
	position: absolute;
	float:left;
	//margin-right:300px;
	margin-left:-490px;
	}
	
	#menu ul {
 	margin:0;
 	padding:0;
 	list-style-type:none;
 	text-align:center;
	margin-top:5px;
 	} 
	
	#menu li {
 	float:right;
 	margin:auto;
 	padding:0;
	border-radius: 40px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
 	}
	
	#menu li a {
 	display:block;
 	width:100px;
 	color:white;
 	text-decoration:none;
 	//padding:5px;
 	}
	
	#menu li a:hover {
 	//color:#FFD700;
	background-color:#444444;
	border-radius: 40px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
 	}
	
	#menu ul li ul {
	display:none;
	font-size:16px;
	line-height:25px;
	z-index:20;
	
	}
	
	#menu ul li:hover ul {
	display: block;
	
	}
	
	#menu li:hover ul li {
	float: none;
 	}
	
	#menu li ul {
	position: relative;
 	}
	
	
	
	#scroll::-webkit-scrollbar{
	position:absolute;
	margin:10px;
	width:9px;
	background-color:none;
	} 
	
	#scroll::-webkit-scrollbar-thumb{
	background-color:#111111;
	}
	/*scroll::-webkit-scrollbar-thumb:hover{
	background-color:#BF4649;
	border:1px solid #333333;
	}*/
	#scroll::-webkit-scrollbar-thumb:active{
	background-color:#FFFFFF;
	} 
	#scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
	
	#scroll::-webkit-scrollbar{
	position:absolute;
	margin:10px;
	width:9px;
	background-color:none;
	} 
	
	#scroll::-moz-scrollbar-thumb{
	background-color:#111111;
	}
	/*scroll::-moz-scrollbar-thumb:hover{
	background-color:#BF4649;
	border:1px solid #333333;
	}*/
	#scroll::-moz-scrollbar-thumb:active{
	background-color:#FFFFFF;
	} 
	#scroll::-moz-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
	}
	
	@media all and (-ms-high-contrast:none)
     {
     .head {
	position: absolute;
	text-align: center;
	margin: auto;
	display: inline-block;
	margin-left:525px;
	} /* IE10 */
	
     *::-ms-backdrop, .head {
	position: absolute;
	text-align: center;
	margin: auto;
	display: inline-block;
	margin-left:525px;
	}
	 }
	
	aaaaa