/*///////////////////////////////////////////////////////////////////////////////////
// RESET - style/reset.css */

html, body{height: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;
    border: 0; outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
select, input{
    font: inherit; font-size: 1em; white-space: normal;
    margin: 0; padding: 0;
}
body{
    line-height: 1;
    background-color: #000;
}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
:focus{outline: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
/* Les balises <table> ont besoin d'un 'cellspacing="0"' */
table{border-collapse: collapse; border-spacing: 0;}
/* CLEAR FIX */
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
/* GENERAL */
.dspNne{display: none;}
.isUnd{text-decoration: underline;} .isUnd:hover{text-decoration: none;}
.noUnd{text-decoration: none;} .noUnd:hover{text-decoration: underline;}


/*///////////////////////////////////////////////////////////////////////////////////
// STRUCTURE - style/structure.css */

.clr{
    clear: both;
}
/* STRUCTURE */
div#header{
    position: relative; z-index: 10;
    width: 100%; height: 32px;
    padding: 70px 0 0 0;
    border-bottom: 1px solid #edc722;
}

div#moral{
    position: relative; top: 135px; left: 10px; z-index:10;
    width: 100px;
}

#backHome{
    display:block;
    position: absolute; top: 10px; left: 30%;
    width: 120px; height: 120px;
    margin: 0 0 0 -400px;
}
div#header p{
    position: absolute; top: 55px; left: 155px;
    font: normal 24px Arial, Helvetica, sans-serif; color:#fff; line-height:32px; text-transform: uppercase;
}
div#header div.wrapper{
    width: 100%; height: 32px;
    background-color: rgba(0, 0, 0, 0.6);
}
div#header>div>ul{
    width: 800px; height: 32px;
    margin: 0 auto; padding: 0 0 0 145px;
}
div#header>div>ul>li{
    float: left;
    height: 32px;
    margin: 0 2px;
}
div#header>div>ul>li>a{
    display: block;
    height: 32px;
    font: normal 14px Arial, Helvetica, sans-serif; color: #fff; line-height: 32px; text-decoration: none;
    padding:0 10px;
}
div#header>div>ul>li>a:hover,
div#header>div>ul>li:hover>a,
div#header>div>ul>li.over>a{
    color: #333;
    background-color: #edc722;
}
div#header>div>ul>li>ul{
    display: none;
    position: absolute; z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 25px;
}
div#header>div>ul>li:hover>ul{display: block;}
div#header>div>ul>li>ul>li{
    list-style-type: disc;
    color: #EDC722;
    border-bottom: 1px solid #edc722;
    margin: 0 0 10px 0; padding: 5px 0;
}
div#header>div>ul>li>ul>li>a{
    display: block;
    font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; line-height: 25px; text-decoration: none;
    padding: 0 0 0 0px;
}
div#header>div>ul>li>ul>li>a:hover{color: #EDC722;}
/* MENU BAS */
div#footer{
    position: absolute; bottom: 20px; left: 30px;
    border-left: 1px solid #fff;
}
div#footer>ul{padding: 0 10px;}
div#footer>ul>li{font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 20px;}
div#footer>ul>li.der{border: 0;}
div#footer>ul>li>a{color: #fff; text-decoration: none;}
div#footer>ul>li>a:hover{text-decoration: underline;}
/* Contenu */
div#content{
    position: absolute; top: 135px; left: 50%; z-index: 1;
    width: 800px;
    margin: 0 0 0 -400px;
}
div#container{
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px;
    margin-bottom: 20px;
}
div#container div.wrapper{
    border: 0px solid #2b3139; 
    padding: 5px;
}
div#container div.wrapper{padding: 15px;}
div.wrapper h1{
    font: bold 25px Arial, Helvetica, sans-serif; color:#edc722; line-height: 25px; text-transform: uppercase; text-align: center;
    margin: 0 0 15px 0;
}
div.wrapper h2{
    font: normal 18px Arial, Helvetica, sans-serif; color:#fff; line-height: 18px; text-transform: uppercase; text-align: center;
    margin: 0 0 15px 0;
}
div.wrapper h3{
    font: normal 20px Arial, Helvetica, sans-serif; color:#edc722; line-height: 18px; text-transform: uppercase;
    margin: 15px 0;
}


div#container img.center{
    display: block;
    margin: 15px auto;
}
div#container img.fltL{
    float: left;
    margin: 15px 30px 0 0;
}
div#container img.fltR{
    float: right;
    margin: 15px 0 0 30px;
}
div#container p{
    width: 800px;
    font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ccc; line-height: 25px; text-align: center;
    margin: 15px auto;
}
div#container p strong{
    color: #fff;
}
div#container p strong.spe,
div#container p span{
    color: #edc722;
}
div#container p.spe{
    font: italic normal 30px "Times New Roman", Arial, Helvetica, sans-serif; color:#edc722; line-height: 20px; text-align: center;
    margin: 30px auto;
}
div#container p.spe2{
    width: 750px;
    font: italic normal 14px Arial, Helvetica, sans-serif; color:#edc722; line-height: 20px; text-align: center;
    border: 1px dotted #fff;
    margin: 30px auto 0 auto; padding: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
/* DIV avec OVERLAY */
div#withOverlay{
    position: relative;
    width: 800px;
    margin: 0 auto;
}
div#withOverlay div{
    position: absolute; bottom: 10px; right: -10px; z-index: 2;
    font: normal 16px Arial, Helvetica, sans-serif; color:#000; line-height: 20px; text-transform: uppercase;
    background-color: #edc722;
    padding: 10px 15px;
}
div#withOverlay div strong{
    font-size: 22px;
}
div#withOverlay div h2{
    margin: 0;
    color: #000; font-weight: bold;
}
/* TABLEAU */
table{
    width: 750px;
    margin: 15px auto;
}
table th{
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #444;
}
table td{
    font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #dadada; line-height: 20px; text-align: justify;
    padding: 10px;
    border: 1px solid #444;
    vertical-align: top;
    border: 1px solid #444;
}
table td strong{
    color:#edc722;
}
table h3{
    font:bold 25px Arial, Helvetica, sans-serif; color: #edc722; line-height: 25px; text-transform: uppercase;
    margin: 0 0 15px 0;
}
/* div#container table.wM tbody tr td ul,*/

div#container table.wM tbody tr td ul p{
    width: 750px;
}
div#container table p.style1{
    margin: 10px 0;
}
div#container table p.style2{
}
div#container table p.style3{
    color: #edc722; text-transform: uppercase;
    margin: 10px 0;
}
div#container table.wM th img{
    display: block;
    margin: 15px;
}
div#container ul{
    width: 750px;
    margin: 0 auto; padding: 0 0 0 25px;
}
div#container ul li{
    list-style: disc;
    font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #edc722; line-height: 14px;
    margin: 15px 0;
}
div#container ul li p{
    color: #dadada; text-align: left;
}
div#container table td ul li p{
    text-align: left;
}
div#container ul li p strong.spe{
    color: #edc722;
}




/*///////////////////////////////////////////////////////////////////////////////////
// VEGAS - lib/vegas/jquery.vegas.min.css */

.vegas-loading{border-radius:10px;background:#000;background:rgba(0,0,0,.7);background:url(images/loading.gif) no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0}.vegas-overlay{background:transparent url(overlays/01.png);opacity:.5;z-index:-1}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none!important;z-index:-2}.vegas-overlay,.vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}