@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg'),
    url('../fonts/bebasneue-webfont.woff') format('woff'),
    url('../fonts/bebasneue-webfont.ttf') format('truetype');
         
    font-weight: normal !important;
    font-style: normal !important;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProLight') format('svg'),
    url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
    url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype');
    
    font-weight: normal !important;
    font-style: normal !important;

}

header{
	width:1010px;
	height:160px;
	margin:auto;
}

.logo{
	width:475px;
	height:35px;
	display: block;
	background-position: top left;
	background-image:url(../images/logo.jpg);
	background-repeat: no-repeat;
	color:#ffffff;
	text-decoration: none;
	padding-top:125px;
	padding-left:60px;
	font-size:18px;
	float:left;

}

.headerdroite{
	float:right;
	background-position: top left;
	background-image:url(../images/header-droite.jpg);
	background-repeat: no-repeat;
	height:160px;
	width:250px;

}
.logo span {
	font-family: 'SourceSansProLight';
	font-size:21px;
}
.rose{
	color: #BB0082;
	font-family: 'SourceSansProLight';
	font-size:28px;
}

.fondrose{
	background-color: #B41E8C!important;
}

/*MENU*/

.menu{
	width:800px;
	margin-top:35px;
	float:left;
}

.menu ul{
	margin-left:30px;
	height:20px;
}

.menu ul > li{
	float:left;
	/*margin-left:30px;*/
	position: relative;
	display: block;
	width: auto;
}

.menu ul > li > a{
	padding-left: 30px;
	color:#fff;
	display: block;
	width: auto;
}

.menu ul li a{
	font-family: 'bebas_neueregular', sans-serif;
	font-size:20px;
}

.menu > ul > li > ul{
	position: absolute;
	top:14px;
	z-index:200;
	display: none;
	width:0;
	height:0;
	opacity: 0;
}

.menu > ul > li > ul > li{
	z-index: 500;
}

.menuactif{
	color:#B41E8C!important;
}


.revendeurs{
	overflow: hidden;
	float: none;
}

.collections{
	overflow: hidden;
	float: none;
}

.hautcollection, .hautrevendeur {
	background-image:url(../images/hautssmenu.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	width:224px;
	height:28px;
}
.bascollection, .basrevendeur {
	background-image:url(../images/basssmenu.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:224px;
	height:28px;
}


.contentrevendeur{
	color:#000;
	padding:12px;
	width:200px;
	background-image:url(../images/ssmenu.png);
	background-position:top center;
	background-repeat:repeat-y;
}

.contentcollections{
	color:#000;
	padding:12px;
	width:200px;
	background-image:url(../images/ssmenu.png);
	background-position:top center;
	background-repeat:repeat-y;
}


.contentcollections a{
	color:#000!important;
	font-size:16px!important;
	display:block
}

.contentcollections a:hover{
color:#BB0082 !important;	
}

.revendeurs input{
	border:1px solid #000;
	width:48px;
	height:22px;
	float:left;
	color:#000;
	padding-left:2px;
	background-color:#FFFFFF;
}

.revendeurs .bouton{
	padding:5px 10px;
	float:left;
	margin-left:10px;
}

/*PARTAGE*/
.partage{
	float:left;
	margin-right:50px;
	margin-top:35px;
}

.facebook{
	width:18px;
	height:17px;
	float:left;
	background-position: top left;
	background-image:url(../images/facebook.jpg);
	background-repeat: no-repeat;

}

.twitter{
	margin-left:5px;
	width:21px;
	height:17px;
	float:left;
	background-position: top left;
	background-image:url(../images/twitter.jpg);
	background-repeat: no-repeat;
}

/*COVERFLOW*/
#coverflow{
	background-color: #000;
	z-index:100;
	position: relative;
}

.slides_container{
	width:930px;
    height:380px;
   	margin-bottom:20px;
   	float:left;
   	z-index:100;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.slides_container .unbandeau {
    width:930px;
    height:380px;
    display:block;
    background-repeat: no-repeat;
    background-position: left center;
}

.slides_control{
	z-index:10;
}

.flechegauche{
	background-image:url(../images/fgauche.jpg);
	background-repeat: no-repeat;
	background-position: top left;
 	width:40px;
 	height:380px;
 	display: block;
 	float:left;
}

.flechedroite{
	background-image:url(../images/fdroite.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:40px;
 	height:380px;
 	display: block;
 	float:left;
}

.bubulle{
	margin-left:40px;
	margin-right:40px;
	margin:auto;
	width: 85px;
	height:12px;
}

.bubulle li{
	background-color: #fff;
	float:left;
	margin-left:5px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.bubulle a{
	height:12px;
	width:12px;
	display: block;
}

.encarbandeau{
	margin-top:175px;
	height:200px;
	width:300px;
	margin-right:65px;
	float:right;
}
.encarbandeau h1 {
	font-family: 'SourceSansProLight';
	font-size:32px;
	color:#b41d8d;
}
.encarbandeau p{
	padding:0;
	margin:0;
	text-transform: uppercase;
	font-family: 'bebas_neueregular', sans-serif;
	font-size:18px;
	text-align: left;
	line-height:22px;
}

/*GALERIE PHOTOS*/

#galerie{
	background-color: #000;
	z-index:100;
	position: relative;
}

.slides_container_galerie{
    height:400px;
    width:890px;
    height:390px;
    float:left;
    margin-bottom:20px;
    z-index:500;
    overflow:hidden;
	border-radius: 6px!important;
	overflow: hidden!important;
	position: relative;
}

.slides_container_galerie div {
    width:890px;
    height:400px;
    display:block;
    background-repeat: no-repeat;
    background-position: left center;
	z-index: 10;
}

.flechegaleriegauche{
	background-image:url(../images/fgauche.jpg);
	background-repeat: no-repeat;
	background-position: top left;
 	width:40px;
 	margin-right:25px;
 	height:400px;
 	display: block;
 	float:left;
}

.flechegaleriedroite{
	background-image:url(../images/fdroite.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:40px;
	margin-left:15px;
 	height:400px;
 	display: block;
 	float:left;
}

.thumb{
	margin-left:60px;
	/*margin-left:40px;
	margin-right:40px;
	margin:auto;
	width: 85px;
	height:12px;*/
}

.thumb li{
	background-color: #fff;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height:50px;
	width:50px;
}

.thumb a{
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.thumb img{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.thumbcurent{
	border:1px solid #BB0082;
}


/*PAGE DE BASE*/

.page{
	margin-left: 60px;
	margin-right: 50px;
	margin-top:30px;
	width:900px;
}

/*POINTS DE VENTE*/
.recherche{
	background-color:#797979;
	font-size: 14px;
	margin-bottom:10px;
}

.recherche input{
	border:1px solid #000;
	background-color: #fff;
	width:40px;
	height: 20px;
	color:#000;
	padding:2px;
}

.unrevendeur{
	width:200px;
	height:65px;
}

/*FOOTER*/

footer {
	margin-top: 60px;
	margin-bottom:40px;
}

footer .follow{
	text-align: center;
}

footer .follow span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-family: "bebas_neueregular", Arial, sans-serif;
	line-height: 20px;
	font-size: 18px;
}

footer .follow-facebook{
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	height: 48px;
    width: 201px;
	background-image: url("../images/facebook-follow.png");
    background-position: left top;
    background-repeat: no-repeat;
}


/* Page collection.php*/

.contenu_collections{
	width:900px;
	border-bottom: 1px solid #424242;
	margin-bottom:15px;
	padding-bottom: 15px;
	
}

.div_collection{
	width:520px;
	float:left;
}

.illustration_collection{
	width:350px;
	float:left;
	margin-right:30px;
	height:190px;
}

.choix_couleur{
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
	cursor: pointer;
}

.div_collection p{
	margin-bottom:25px;
}


/* Page produits.php*/

.contenu_produits{
	width:900px;
	border-bottom: 1px solid #424242;
	margin-bottom:15px;
	padding-bottom: 15px;
	
}

.div_produits{
	width:600px;
	float:left;
}

.illustration_produits{
	width:270px;
	float:left;
	margin-right:30px;
}
.div_produits p{
	margin-bottom:25px;
}


/* Tableau*/

table h2 {
	font-family: 'SourceSansProLight';
	font-size:22px;
	color:#7b7a7b;
	border-bottom:solid 1px #424242;
	margin-top:15px;
	margin-bottom:5px;
}

.middle{
	vertical-align: middle;
}

.top{
	vertical-align: top;
}