* { margin: 0; padding: 0; }
      
html { 
    background: url("../Photos/background.jpg") no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    color: #fff;
    font: 300 100.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
}

q::before, q::after {
    content: none;
}

#titre {
    position: relative;
    text-align:center;
    top:30px;
    left:180px;
    width: 700px;
    height:128px;
}

.name q {
    text-shadow: 2px 2px 4px black;
    position:relative;
    bottom: 5px;
    height: 26px;
    font-size:15px;
}

#holder {
    height: 480px;
    left: 50%;
    margin: -240px 0 0 -320px;
    position: absolute;
    top: 50%;
    width: 640px;
}

a#copy{
    bottom: 0px;
    position: absolute;
    right: 1em;
    text-align: right;
    z-index: -1;
}

#copy {
    bottom: 0;
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    position: absolute;
    right: 1em;
    text-align: right;
    z-index: -1;
}

#copy a {
    color: #fff;
}

#container1, #container2, #container3, #container4, #container5, #container6 {
    position:absolute;
    width: 900px;
    height: 420px;
    top: 300px;
    left: 150px;
}

#legend {
    position:absolute;
    background: #606060;
    opacity:0.9;
    background: -moz-linear-gradient(top,  #606060 0%, #1a1a1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%, #1a1a1a));
    background: -webkit-linear-gradient(top,  #606060 0%,#1a1a1a 100%);
    background: -o-linear-gradient(top,  #606060 0%,#1a1a1a 100%);
    background: -ms-linear-gradient(top,  #606060 0%,#1a1a1a 100%);
    background: linear-gradient(top,  #606060 0%,#1a1a1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#1a1a1a',GradientType=0 );
    border: 2px solid #404040;
    border-radius: 7px 0px 7px 0px;
    top: 302px;
    left: 1050px;
}

.name {
    padding-top: 5px;
    padding-left: 5px;
    width:150px;
    height:21px;
    border-bottom: 1px solid #707070;
}

#onglets {
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
}
#onglets li {
    float : left;
    height : 21px;
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;
    margin : 1px 2px 0 2px;
    border : 1px solid #9EA0A1;
    border-radius: 7px 7px 0px 0px;
}

#onglets li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover {
    background : #fff;
}

#menu {
    padding-top: 42px;
    position:absolute;
    min-width:600px;
    margin-left: 200px; 
}

.overview {
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    display:none;
    position:absolute;
    top: 30%;
    left: 3%;
    width: 300px;
    height: 450px ;
    border : 3px outset #808080;
    border-radius: 15px 15px 15px 15px;
}

.overview p {
    z-index: 2;
    color: white;
    font-weight:bold;
    font-size:12px;
    padding-top: 20px;
    margin: 5px 5px 5px 5px;    
}

#beforeVisu {
    padding-top:10px;
    width:700px;
    margin-left:200px;
    font: bold 14px Arial;
}

#article {
    position: absolute;
    top:150px;
    left:0px;
    min-width:100px;
    font: 14px Arial;
}

#article > h3.active {
    background-color: #DDDDDD;
    background-position: 100% -21px;
}

#article > h3 {
    padding: 5px;
    cursor:pointer;
    background: #eee url("../Photos/state.gif") no-repeat 100% 5px;
    display:block;
    text-decoration:none;
    margin:0;
    margin-top:5px;
}

h3 > a {
    color: #000000;
    text-decoration: none;
}

#content {
    border: 2px solid #404040;
    border-radius: 15px 15px 15px 15px;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    position:fixed;
    top:270px;
    left:150px;
    width:1050px;
    height:450px;
    z-index:42;
    overflow: auto;
}

#content > p {
    padding-left:15px;
}

img.profil {
    width:300px;
    height:300px;
}