* {
    margin:0;
    padding:0;
}

body {
    font-size: 20px;
    font-family: 'Arial';
    text-align:left;
    min-width: 720px;
   /* background-image: url(../images/paper.jpg);
    background-repeat: no-repeat;    */
    

}
.marge { 
    text-align: left;
}
    
.inner{
    width: 980px;
    margin:0 auto;
}

.link{
    z-index: 5;
}
.travaux h2{
    margin-top: 25px;
}    

a {
    text-decoration:none;
    color:inherit;
}


.title {
    font-size:2rem;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #f26522;
}

.link {
    cursor:pointer;   
}

#wrap {
    position:relative;
}

.header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding:20px;
    box-sizing:border-box;
    width:100%;
    height:150px;
    z-index:999;
    background: #FFF;
    border-bottom: 3px solid orange;
    background-image: url(../images/baniere.jpg);
    background-repeat: no-repeat;
    background-position: right
}

.header h1 {
   font-size: 40px;
    color: mediumslateblue;
}

.header h2 {
    font-size: 30px;
    color: grey;
}

.main-content {
    position:relative;
    padding:0 40px;
    box-sizing:border-box;
    top: 200px;
    min-height:100vh;
}

.menu {
    
}


.menu ul li {
    
    display: inline-block;
    margin-right: 30px;
    
}


.menu ul li a {
    color:#000    
}


.menu ul li a:hover {
    color:mediumslateblue;
}

.sidebar {
    position:fixed;
    top:320px;
    bottom:0;
    left:0px;
    width:18%  ;
    border-top: 3px solid orange;
    border-right: 3px solid orange;
    background: white;
    font-size: 25px;
    font-family: 'Arial';
    text-transform: uppercase;
    color: #f26522;
    
}

.sidebar .list {
    padding-top:40px;
   
    
}

.sidebar .item {
    list-style:none;
    padding-left:30px;
    padding-bottom: 20px;
}

.sidebar .item .link:hover {
    color:mediumslateblue;
}

.main-content .content {
    position:relative;
    max-width: 100%;
    min-height: inherit;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
}



.main-content .content .panneau {
    min-height: inherit;
}


.main-content .content .panneau:before {
    content:"";
    display:block;
    height:320px; /* fixed header height*/
    margin:-320px 0 0; /* negative fixed header height */
}

.panneaux: {
    margin-left: 20px;
}

.gallery: { 
    background:#222;}

    img {vertical-align:middle; border:none;}
    #thumbs {overflow:auto; list-style:none; margin:30px; padding:0;}
    #thumbs li {float:left;}
    #thumbs a {display:block; padding:10px; outline:none;}
    #thumbs a:hover, #thumbs a:focus {background:#fff;}
    #thumbs a.active {background:#000;}
    #viewer {width:700px; height:465px; margin-left:30px;}