@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body{ font: 18px "cl", Arial, sans-serif; color:#000000; background:#FFFFFF; height:100%; line-height:130%; -webkit-text-size-adjust:none; min-width: 980px; height: 100%;}
* html .content { height: 1%; min-width: 1024px; height: 100%;  } 
.clear { clear: both; }

img { border: none; }
*:focus {
    outline: none;
}
*:active {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    }
a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	}
a{
	text-decoration:none;
	color:#000000;
	border: 0 none;
	}
a:hover{
	text-decoration:none;
	color:#1bbbe9;
	border: 0 none;
	}
	
@font-face {font-family: 'cl';src: url('../webfonts/cl.eot');src: url('../webfonts/cl.eot?#iefix') format('embedded-opentype'),url('../webfonts/cl.woff') format('woff'),url('../webfonts/cl.ttf') format('truetype');}

.titre1 {
	font: 24px "cl", Arial, sans-serif;
	color:#000000;
}
#fond {
	background: url(../img/fond-home.jpg) no-repeat center center fixed; 
	background-position-y: -52px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
  position:absolute;
  float:left;
}


#lang {
	position:absolute;
	float:left;
	width:50px;
	height:50px;
	left:0px;
	background-color:#6D2077;
	color:#FFFFFF;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	-webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	transition: background-color 0.5s ease-out, color 0.5s ease-out;
	z-index:10000;
	overflow:hidden;
	}

#lang:hover {
	background-color:#f0f0f0;
	color:#000000;
	}
#lang.active {
	background-color:#f0f0f0;
	color:#000000;
	overflow:hidden;
	}
	
#shop {
	position:absolute;
	float:left;
	width:100px;
	height:78px;
	right:0px;
	background-color:#6D2077;
	font-size:22px;
	line-height:130%;
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
	top:45px;
	cursor:pointer;
	-webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	transition: background-color 0.5s ease-out, color 0.5s ease-out;
	z-index:10000;
	overflow:hidden;
	}

#shop:hover {
	background-color:#f0f0f0;
	color:#000000;
	}
	
#choix {
	position:absolute;
	float:left;
	width:100px;
	height:78px;
	background-color:#000000;
	font-size:22px;
	line-height:130%;
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
	top:50%;
	margin-top: -39px;
	cursor:pointer;
	-webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	transition: background-color 0.5s ease-out, color 0.5s ease-out;
	z-index:10000;
	overflow:hidden;
	}

#choix:hover {
	background-color:#f0f0f0;
	color:#000000;
	}
	
#choix.active {
	background-color:#f0f0f0;
	color:#000000;
	}
	
#marron{
	position:absolute;
	float:left;
	width:100%;
	height:90px;
	background-color:#6D2077;
	bottom:0px;
	z-index:10000;
		}
		
#ombre{
	position:absolute;
	float:left;
	width:960px;
	height:36px;
	left:50%;
	margin-left:-480px;
	background:transparent url(../img/ombre.png) center center no-repeat;
	bottom:89px;
	z-index:9900;
		}
		
#footer{
	position:absolute;
	float:left;
	width: 1000px;
	height:90px;
	left:50%;
	margin-left:-500px;
	bottom:10px;
	z-index:10000;
		}
		
#logo{
	position:absolute;
	float:left; 
	width: 160px;
	height:160px;
	background:#000000 url(../img/milas-secret-logo.jpg) center center no-repeat;
	background-size: 160px;
	bottom:11px;
	left:50%;
	margin-left:-80px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	-webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out, color 0.5s ease-out;
	transition: background-color 0.5s ease-out, color 0.5s ease-out;
	z-index:10001;
		}

		
#soc {
	position:relative;
	float:left;
	margin-left:17px;
	}
	
#menu {
	position:absolute;
	float:left;
	top:37px;
	color:#FFFFFF;
	font-size:22px;
	-webkit-transition: color 0.5s ease-out, color 0.5s ease-out;
	-moz-transition: color 0.5s ease-out, color 0.5s ease-out;
	-o-transition: color 0.5s ease-out, color 0.5s ease-out;
	transition: color 0.5s ease-out, color 0.5s ease-out;
	cursor:pointer;
	z-index:10000;
	}
	
#menu:hover {
	color:#000000;
	}
#menu.active {
	color:#000000;
	}
.new {
	position:absolute;
	float:left;
	right:50px;
	top:250px;
	width:50px;
	height:50px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color:#6D2077;
	font-size:22px;
	line-height:50px;
	color:#fff;
	text-align:center;
	opacity:0;
	-webkit-transition: .9s;
	-moz-transition: .9s;
	-ms-transition: .9s;
	-o-transition: .9s;
	transition: .9s;	
}
.rsSlide.rsActiveSlide .object.new {
  opacity:1;
  	-webkit-transform: translate3d(0px, -200px, 0px);
		-moz-transform: translate3d(0px, -200px, 0px);
		-ms-transform: translate3d(0px, -200px, 0px);
		-o-transform: translate3d(0px, -200px, 0px);
		transform: translate3d(0px, -200px, 0px);
}
.roll {
	position:relative;
	float:left;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;	
}
.roll:hover {
	opacity:0.5;	
}