@charset "UTF-8";
/* CSS Document */
 
body {
    margin: 0;
    padding: 0;
    font-family:'Abel', arial, serif;
    text-transform: uppercase;
    /*background: none repeat scroll 0 0 rgba(23, 24, 26, 0.7);*/
    float:left;
    z-index:999 !important;
    background: url(../img/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.jpg', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.jpg', sizingMethod='scale');
}

#navigation{
    background: none repeat scroll 0 0 rgba(23, 24, 26, 0.7);
    position:fixed;
    height: 100%;
    width: 248px;
}
.logo{
    height:200px;
    width: 290px;
    margin-left: -43px;
    margin-top: -50px;
}
.menu {
    /*height: 100%;*/
    width: 220px;
    padding-top: 50px;
    margin: 0px auto 0px auto;
    /*background: none repeat scroll 0 0 rgba(23, 24, 26, 0.7);
    position:fixed;*/
}
 
.menu ul {
    padding: 0;
    margin: 0;
    margin-left: 50px;
    float: left;
}
 
.menu ul li {
    list-style: none;
    padding: 0px;
}
 
.menu ul li a {
    text-decoration: none;
    font-size: 18px;
    padding: 7px;
    margin-left: -40px;
    display: block;
    color: white;
    background: transparent;
    width: 180px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    line-height: 27px;
    border-bottom: 1px solid;
}
 
.menu ul li a:hover {
    background: #ffdd0e;
    padding-left: 20px;
    width: 170px;
    color: #000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.menu ul li a, .menu ul li a:visited {
    display:block; 
    text-decoration:none; 
    margin: 2px 2px 2px 14px;
   
    text-align:center; 
   
}
.menu ul {
    padding:0; 
    margin:0;
    list-style-type: none;
    width:176px; 
}
.menu ul li {
    float:left; 
    margin-right:172px; 
    position:relative;
}
.menu ul li ul {
    display: none;
}

/* spécifique à IE */

.menu ul li:hover ul {
    display:block;
    position:absolute; 
    top:0; 
    left:177px; 
    width:210px;
}

.menu ul li:hover ul li ul {
    display: none;
}
.menu ul li:hover ul li a {
    display:block; 
    background:none repeat scroll 0 0 rgba(23, 24, 26, 0.7); 
    color:#fff;
    width:176px;
}
.menu ul li:hover ul li a:hover {
    background:#ffdd0e; 
    color:#000;
}
.menu ul li:hover ul li:hover ul {
    display:block; 
    position:absolute; 
    left:230px; 
    top:0; 
    color:#000;
}
.menu ul li:hover ul li:hover ul li a {
    display:block; 
    width:176px; 
    background:#dfc184; 
    color:#000;
    margin: 0;
}
.menu ul li:hover ul li:hover ul li a:hover {
    background:#bd8d5e; 
    color:#fff;
    margin:0;
}
.end_padding {
    padding:35px
}

#progress-back{ z-index:5; position:fixed; bottom:0px; left:0; height:8px; width:100%; background:url('../img/progress-back.png') repeat-x; }
        #progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }
    




#footer{
color: #FFFFFF;
    bottom: 10px !important;
    position: absolute;
    z-index: 999 !important;
    font-size: 13px;
    margin-left: 20px;
}



#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
    
    #supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
        #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
            #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
            #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/
        
        #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
        #supersized a { width:100%; height:100%; display:block; }
            #supersized li.prevslide { z-index:-20; }
            #supersized li.activeslide { z-index:-10; }
            #supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
                #supersized li.image-loading img{ visibility:hidden; }
            #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
/* Ici le code pour appliquer une lueur externe */
/* 0px de décalage en x, 0px de décalage en y, 12px de flou et la valeur en RGBA soit RedGreenBlueAlpha donc le 0.5 pour 50% d'opacité */#apDiv1 p a:hover {
	color: #333;
}