body.home .bigwrap
{
    border:none;
}

body.home #page,
body.home #main{
    min-width: 960px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}


body.home #menu,
body.home #logo,
body.home #nav,
body.home #wrap_titres,
body.home #wrap_soustitres,
body.home #wrap_top,#wrap_bottom
{
    position: absolute;
}

body.home #wrap_top,#wrap_bottom {
    background-color: #fff200;
}


body.home #page
{
	margin: 0 auto;
}


body.home #menu
{
    display: block;
    top: 50%;
    margin-top: -10px;
    opacity:0;
    -moz-transition: all .6s ease-in-out 1s;
    -webkit-transition: all .6s ease-in-out 1s;
    -o-transition: all .6s ease-in-out 1s;
    -ms-transition: all .6s ease-in-out 1s;
    transition: all .6s ease-in-out 1s;
}

#wrap_bottom, #wrap_top {
	opacity: 0;
}

#wrap_top {
    background-color: #fff200; }
#wrap_bottom {
    background-color: #fff200; }

body.home.loaded #wrap_bottom,
body.home.loaded #wrap_top
{
	opacity:1;
}

body.home.loaded #menu
{
    opacity:1;
}


body.home #nav
{
    width: 200px;
    display: block;
    text-align: center;

    z-index: 150;
    top: 90%;
    left:50%;
    margin-left:-60px;
        
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}


 body.home #nav a
 {
     display: block;
     float: left;
     background-image: url("../i/layout/prev.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 10px 0px;
    margin: 0px 0px;

    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

body.home #nav
{
    opacity:0;
    -moz-transition: all .6s ease-in-out 20ms;
    -webkit-transition: all .6s ease-in-out 20ms;
    -o-transition: all .6s ease-in-out 20ms;
    -ms-transition: all .6s ease-in-out 20ms;
    transition: all .6s ease-in-out 20ms;
}

body.home.loaded #nav
{
    opacity:1;
}

body.home #nav a span
{
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 10px;
    width: 40px;

    border-left : 1px solid white;
    border-right : 1px solid white;
        font-family: Arial;
}

body.home #nav a.next
{
     background-image: url("../i/layout/next.png");
     margin-left: -1px;

}

body.home #nav a:hover
{
    background-position: 55% 50%;
}


body.home #nav a.next:hover
{
    background-position: 45% 50%;
}

body.home #page.over #nav
{
	opacity:0;
    margin-top:85px;
}

body.home #logo
{
    z-index: 150;
    top: 50%;
    left:50%;
    margin-top: -55px;
    margin-left: -55px;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

body.home #page.over #logo
{
    margin-top: -140px;
}

body.home #wrap_top
{
    overflow: hidden;
    top:0;
    left:0;
    right:0;
    height:50%;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

body.home #wrap_bottom
{
    margin-top: -1px;
    overflow: hidden;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

body.home #slider_bottom ul,
body.home #slider_top ul
{
    width: 200%;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}



body.home #slider_top li,#slider_bottom li
{
    height: 100px;
    width:50%;
 overflow: hidden;
    display: block;
    float: left;
}

body.home #slider_top img,
body.home #slider_bottom img
{
    width:100%;
    position:absolute;
}


body.home #slider_top img{
    bottom:0;
}


body.home #page.over #wrap_top
{
    margin-top: -85px;
}

body.home #page.over #wrap_bottom
{
    margin-top: 85px;
}


body.home #wrap_titres
{
    opacitiy:0;
    text-align: center;
    z-index: 120;
    width: 500px;
    left:50%;
    margin-left: -250px;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

body.home.loaded #wrap_titres
{
    opacitiy:.5;
}


body.home #wrap_titres ul
{
    width: 400%;
}

body.home #wrap_titres li
{
    display: block;
    float: left;
    width: 25%;
    overflow: hidden;
}

body.home #wrap_titres li
{
    font-size: 35px;
}

body.home #page.over #wrap_titres
{
  margin-top: 100px;
    opacity:0;
}

body.home #wrap_titres
{
    top:65%;
    padding-bottom: 20px;
    
}

body.home #wrap_titres h2
{
    font-family: 'ProximaNova-Bold', Arial;
    text-transform: uppercase;
    color: white;
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 8px;
    border-bottom: 4px solid white;
    display: inline-block;
    letter-spacing: 4px;
}

body.home #wrap_titres .sub
{
    padding-top: 15px;
    font-family: 'Mercury-TextG1Italic', Arial;
    letter-spacing: 9px;
    color: white;
    font-size: 30px;
    display: block;
}

body.home #wrap_titres ul
{
    -moz-transition: all .8s ease-in-out .2s;
    -webkit-transition: all .8s ease-in-out .2s;
    -o-transition: all .8s ease-in-out .2s;
    -ms-transition: all .8s ease-in-out .2s;
    transition: all .8s ease-in-out .2s;
    margin-left:100%;

}

body.home #wrap_titres li
{
    opacity:1;
    -moz-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

body.home #wrap_titres li.future,
body.home #wrap_titres li.past
{
    opacity:0;
    -moz-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

/*--------------------------------------------------
Version mobile vertical
--------------------------------------------------*/

@media screen and (max-width: 768px) {
	
body.home #page,
body.home #main{
    min-width: 100%;
}
	
body.home #slider_top img, body.home #slider_bottom img {
    width: auto;
}

}