@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/pages/css/police/bebasneue_regular_macroman/BebasNeue-webfont.eot');
    src: url('/pages/css/police/bebasneue_regular_macroman/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/pages/css/police/bebasneue_regular_macroman/BebasNeue-webfont.woff') format('woff'),
         url('/pages/css/police/bebasneue_regular_macroman/BebasNeue-webfont.ttf') format('truetype'),
         url('/pages/css/police/bebasneue_regular_macroman/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
-----------------------
   MENU VERTICAL
-----------------------
*/

nav.vertical
{
	position:fixed;
	top:0;
	left:0;
	width:280px;
	bottom:0;
	background:#fff;
	text-align:center;
	z-index: 3;
	
	-webkit-transition: left 0.8s ease 0s;
    -moz-transition: left 0.8s ease 0s;
    -o-transition: left 0.8s ease 0s;
    transition: left 0.8s ease 0s;
}

nav.vertical .lang
{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
}

nav.vertical .lang a
{
	padding-right:5px;
}


nav.vertical .lang a.active
{
	color:#000;
}

nav.vertical .logoContainer
{
    display: inline-block;
    width: 210px;
	position:relative;
	overflow:hidden;
	padding:0;
	margin-bottom:30px;
}

nav.vertical .logoContainer:hover
{
	background:none;
}

nav.vertical .logoContainer:hover .lightAnim
{
	-webkit-transition: left 0.8s ease 0s;
    -moz-transition: left 0.8s ease 0s;
    -o-transition: left 0.8s ease 0s;
    transition: left 0.8s ease 0s;
	left:-100%;	
}

@-webkit-keyframes lightAnim {
	0% { left:-100%;}
	10%,100% { left:100%;}
}
@-moz-keyframes lightAnim {
	0% { left:-100%;}
	10%,100% { left:100%;}
}
@keyframes lightAnim {
	0% { left:-100%;}
	10%,100% { left:100%;}
}

nav.vertical .lightAnim
{
	-webkit-animation: lightAnim 10s ease 0s infinite;
	-moz-animation: lightAnim 10s ease 0s infinite;
	animation: lightAnim 10s ease 0s infinite;
    height: 100%;
    left: -100%;
    padding: 50px 0;
    position: absolute;
    width: 100%;
}

nav.vertical .logoNav
{
	margin:50px 0;
}

nav.vertical > .allLink > div
{
	padding:15px;
	width:100%;
	display:block;
	font-family: "Archivo Narrow", Verdana, Geneva, Arial, sans-serif;
	font-weight:500;
	border-bottom: 1px solid #F7F7F7;
	color:#7f9191;
}

nav.vertical > .allLink > a.active, nav.vertical > .allLink > a:hover
{
	border-bottom: 1px solid #F7F7F7;
	background:#7f9191;
	color:#fff;
}

nav.vertical .contactNav
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:14px;
	text-align:center;
	margin-bottom:20px;
}

nav.vertical .contactNav .facebook
{
    left: 7px;
    position: absolute;
    top: -3px;
}

nav.vertical .contactNav div
{
	font-size:16px;
	margin-bottom:5px;
}

nav.vertical .contactNav a
{
	margin-bottom: 20px;
}

nav.vertical .contactNav .archivo
{
	font-size:16px;
	text-transform:uppercase;
}

nav.vertical .contactNav .pictoMerci
{
	margin:0 5px;
	vertical-align:middle;
}

nav.vertical .contactNav .pictoMerci img
{
	display:block;
}

nav.vertical .contactNav .openML
{
	cursor:pointer;
	vertical-align:middle;    
	font-size: 27px;
}

/*
-----------------------
   MENU HORIZONTAL
-----------------------
*/

nav.horizontal
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:url("/pages/images/background1.png") repeat;
	text-align:center;
	z-index: 3;
	height: 65px; 
	line-height: 65px;
	border-bottom:1px solid #cecece;
	
	-webkit-transition: left 0.8s ease 0s;
    -moz-transition: left 0.8s ease 0s;
    -o-transition: left 0.8s ease 0s;
    transition: left 0.8s ease 0s;
}

nav.horizontal .logoContainer
{
	position:relative;
	overflow:hidden;
	height:100px;
	border:none!important;
	padding:0!important;
	z-index:1;
}

nav.horizontal .logoContainer:hover .lightAnim
{
	-webkit-transition: left 0.8s ease 0s;
    -moz-transition: left 0.8s ease 0s;
    -o-transition: left 0.8s ease 0s;
    transition: left 0.8s ease 0s;
	left:100%;	
}

@-webkit-keyframes lightAnim {
	0%,90% { left:-100%;}
	100% { left:100%;}
}
@-moz-keyframes lightAnim {
	0%,90% { left:-100%;}
	100% { left:100%;}
}
@keyframes lightAnim {
	0%,90% { left:-100%;}
	100% { left:100%;}
}

nav.horizontal .lightAnim
{
	-webkit-animation: lightAnim 10s ease 0s infinite;
	-moz-animation: lightAnim 10s ease 0s infinite;
	animation: lightAnim 10s ease 0s infinite;
    height: 100%;
    left: -100%;
	top:0;
    position: absolute;
    width: 100%;
}
nav.horizontal > .allLink
{
    margin-right: 490px;
}
nav.horizontal > .allLink > a
{
	display:inline-block;
	vertical-align:top;
}
nav.horizontal > .allLink > .thisMenu
{
    font-family: 'bebas_neueregular';
	font-weight:500;
	font-size:25px;	
	padding:0 18px;
	display:inline-block;
	vertical-align:top;
	color:#000;
	border-right:1px solid #cecece;
	text-transform:uppercase;
	cursor:pointer;
}
nav.horizontal > .allLink > .thisMenu:hover
{
	color:#555;
}
nav.horizontal > .allLink > .thisMenu.active, nav.horizontal > .allLink > .thisMenu:hover
{
	background:url("/pages/images/background2.png") repeat;
}
nav.horizontal > .allLink > .thisMenu.doubleLigne
{
	font-size: 20px;
	line-height: 25px;
	width: 150px;
	height: 65px;
	padding-top: 8px;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink
{
	position:absolute;
	left:0;
	top:65px;
	width:100%;
	background:url("/pages/images/background2.png") repeat;
	
	opacity:0;
	visibility:hidden;
    -webkit-transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
    -moz-transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
    -o-transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
    transition: opacity 0.3s linear 0s, visibility 0s linear 0.3s;
		
	-webkit-box-shadow: inset 0px -80px 100px -100px #656565;
	-moz-box-shadow: inset 0px -80px 100px -100px #656565;
	-o-box-shadow: inset 0px -80px 100px -100px #656565;
	box-shadow: inset 0px -80px 100px -100px #656565;
}
nav.horizontal > .allLink > .thisMenu:hover > .allSsLink
{
	opacity:1;
	visibility:visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	cursor:auto;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink .territoireAventureHaut
{
	margin-bottom:30px;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink .territoireAventureHaut > a
{
	vertical-align:bottom;
    font-family: 'bebas_neueregular';
	font-size:22px;
	color:#000;
	border-left:1px solid #eee;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink .territoireAventureHaut > a:first-child
{
	border-left:none;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink .territoireAventureBas > a
{
    font-family: 'bebas_neueregular';
	font-size:14px;
	color:#000;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink .choixSaison
{
	display:block;
    font-family: 'bebas_neueregular';
	font-size:17px;
	background:#212224;
	color:#fff;
	line-height:40px;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data
{
	max-width:1200px;
	height:100%;
	margin:auto;
	padding-top:50px;
	padding-bottom:60px;
	position:relative;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data > .col-custom
{
	border-left:1px solid #eaeaea;
	height:100%;
	text-align:left;
	overflow:hidden;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data > .col-custom:first-child
{
	border-left:none;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data > .col-custom > .titre
{
	color:#000;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:21px;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data > .col-custom > a:not(.titre)
{
	color:#616365;
	font-size:12px;
	line-height:17px;
	margin-top:5px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
}
nav.horizontal > .allLink > .thisMenu > .allSsLink > .data > .col-custom > a.voirTous
{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	bottom:10px;
	text-transform:lowercase;
	white-space:nowrap;
}
nav.horizontal .menuRight
{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
nav.horizontal .menuRight > a
{
    font-family: 'bebas_neueregular';
	font-weight:500;
	font-size:25px;	
	padding:0 22px;
	display:inline-block;
	vertical-align:top;
	color:#000;
	position:relative;
	bottom:0;
	border-left:1px solid #cecece;
	text-transform:uppercase;
}
nav.horizontal .menuRight > a:hover
{
	color:#555;
}
nav.horizontal .menuRight > a.active
{
	background:url("/pages/images/background2.png") repeat;
}
nav.horizontal .menuRight > a.choixSaison
{
	border:2px solid #ee652f;
	color:#ee652f;
	font-size:20px;
    padding: 5px 10px;
	margin-right:10px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	display:inline;
}
nav.horizontal .menuRight > a.choixSaison:hover
{
	border:2px solid #F28B62;
	color:#F28B62;
}
nav.horizontal .menuRight > a.monCompte
{
	background:url("/pages/images/menu_mon_compte.png") no-repeat;
	background-position:center -35px;
	width:24px;
	height:100%;
}
nav.horizontal .menuRight > a.monCompte.active
{
	background-position:center 20px;
}
nav.horizontal .menuRight > a.monCompte .logout
{
	position:absolute;
	top:5px;
	right:5px;
	font-size:13px;
	display:none;
}
nav.horizontal .menuRight > a.monCompte.active .logout
{
	display:block;
}
nav.horizontal .menuRight > a.monPanier 
{
	background:url("/pages/images/menu_panier.png") no-repeat;
	background-position:center -36px;
	width:27px;
	height:100%;
}
nav.horizontal .menuRight > a.monPanier.active
{
	background-position:center 23px;
}
nav.horizontal .menuRight > a.monPanier .nbProduit 
{
    bottom: 17px;
    font-size: 15px;
    line-height: normal;
    position: absolute;
    right: 3px;
}
nav.horizontal .menuRight .search
{
	display:inline-block;
	vertical-align:top;
	height:100%;
	background:#212226;
	position:relative;
}
nav.horizontal .menuRight .search .searchIcone
{
	display:inline-block;
	background:#ee652f;
	width:65px;
	height:100%;
}
nav.horizontal .menuRight .search .searchIcone img
{
	vertical-align:middle;
}
nav.horizontal .menuRight .search input
{
	height:100%;
	background:#212226;
	font-family: 'Indie Flower', cursive;
	font-size:16px;
	vertical-align: middle;
    margin: 0 10px;
	line-height:normal;
}
nav.horizontal .menuRight .search .searchResults
{
    background: #444;
    position: absolute;
    width: 100%;
	max-height:240px;
	overflow:auto;
    z-index: 1;
}
nav.horizontal .menuRight .search .searchResults a
{
	display:block;
	color:#fff;
	line-height:20px;
	padding:10px;
	text-align:left;
}
nav.horizontal .menuRight .search .searchResults a:hover
{
	color:#bbb;
	background:#222;
}
nav.horizontal .menuRight .lang
{
	padding:0 10px;
	line-height:normal;
	display:inline-block;
}
nav.horizontal .menuRight .lang a
{   
    display: block;
    line-height: 30px;
	color:#424241;
}
nav.horizontal .menuRight .lang a:hover
{   
	color:#666;
}
nav.horizontal .menuRight .lang a.active
{
	color:#ee652f;
}
nav.horizontal .menuRight .lang span
{
	display:none;
}

.openCloseMenu
{
	display:none;
	cursor:pointer;
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	
	-webkit-transition: left 0.8s ease 0s, background 0.6s ease 0s;
    -moz-transition: left 0.8s ease 0s, background 0.6s ease 0s;
    -o-transition: left 0.8s ease 0s, background 0.6s ease 0s;
    transition: left 0.8s ease 0s, background 0.6s ease 0s;
	
	width:42px;
	height:42px;
	background-image:url("/pages/images/menu_open_close.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
.openCloseMenu.active, .openCloseMenu:hover
{
	background-position:0 -58px;
}
#page
{
	left:0;
	-webkit-transition: left 0.8s ease 0s;
    -moz-transition: left 0.8s ease 0s;
    -o-transition: left 0.8s ease 0s;
    transition: left 0.8s ease 0s;
}