header{
    width:100%;
    margin:0px;
}
header #header-top{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}
header #header-top div{
    width:25%;
    height:6px;
    float:left;
}
header #header-top div:nth-child(1){
    background-color:rgb(237,3,124);
}
header #header-top div:nth-child(2){
    background-color:rgb(0,163,230);
}
header #header-top div:nth-child(3){
    background-color:rgb(0,157,87);
}
header #header-top div:nth-child(4){
    background-color:rgb(244,121,32);
}
header #header-logo{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
header #header-logo p{
    width:100%;
    text-align: center;
}
header #header-logo p a{
    text-decoration: none;
}
header #header-logo p a img{
    width:170px;
}
header #header-lang{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
}
header #header-lang p{
    width:100%;
    text-align: right;
}
header #header-lang p a{
    text-decoration: none;
    padding-left:6px;
}
header #header-nav{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}
header #header-nav nav{
    width:100%;
}
header #header-nav nav ul{
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
header #header-nav nav ul li{
    display: inline-block;
    float:left;
    text-align:left;
    padding:10px 0px;
    padding-right:60px;
    font-family: 'Quicksand', sans-serif;
    font-size:13px;
    color:#57585A;
    font-weight: bold;
    text-transform: uppercase;
}
header #header-nav nav ul li:nth-child(7){
    text-align:right;
    padding-right:0px;
    float:right;
}
header #header-nav nav ul li a{
    font-size:inherit;
    color:inherit;
    font-family:inherit;
    text-decoration:none;
}
header #header-nav nav ul li a:hover{
    text-decoration: underline;
}
header #header-nav nav ul li a.nav-selected{
    text-decoration: underline;
}

header #header-nav #navi{
    display: none;
}

@media (max-width:1100px) {
    header #header-top{
        width:100%;
    }
    header #header-logo{
        width:100%;
    }
    header #header-lang{
        width:100%;
    }
    header #header-lang p{
        text-align: center;
    }
    header #header-nav{
        width:95%;
        margin-left:auto;
        margin-right:auto;
    }
    header #header-nav nav ul li{
        padding-right:25px;
    }
}

@media (max-width:900px) {
    header #header-nav #navi{
        display: block;
        background-color:rgb(249,249,249);
        padding:8px 0px 5px 0px;
        padding-left:10px;
        cursor:pointer;
    }
    header #header-nav{
        width:100%;
    }
    header #header-nav nav{
        display:none;
        position:absolute;
        z-index:1000;
        background-color: white;
    }
    header #header-nav nav ul li{
        display:block;
        float:none;
        width:100%!important;
        border-bottom:1px solid rgb(230,230,230);
        text-align: center!important;
    }  
    header #header-nav nav ul li a.nav-selected{
        text-decoration: none;
    }
}


/* INTRANET */

#int-header{
    width:100%;
    margin:0px;
}
#int-header #int-header-logo{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    margin-top:5px;
}
#int-header #int-header-logo a{
    text-decoration: none;
}

#int-header #int-header-sub-menu{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;
    margin-top:5px;
}
#int-header #int-header-sub-menu tbody tr td{
    font-family: 'Quicksand', sans-serif;
    font-size:13px;
    color:#57585A;
    font-weight: bold;
}
#int-header #int-header-sub-menu tbody tr td:nth-child(1){
    text-align: left;
}
#int-header #int-header-sub-menu tbody tr td:nth-child(2){
    text-align: right;
}
#int-header #int-header-sub-menu tbody tr td a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    font-weight: inherit;
    text-decoration: none;
}
#int-header #int-header-sub-menu tbody tr td a:hover{
    text-decoration: underline;
}

#int-header #int-header-main-menu{
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;
    margin-top:15px;
}
#int-header #int-header-main-menu tbody tr td{
    font-family: 'Quicksand', sans-serif;
    font-size:9px;
    color:white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color:#C68E5C;
    border-right:1px solid white;
    padding : 0px 5px;
    text-transform: uppercase;
    width:10%;
    height:100px;
}
#int-header #int-header-main-menu tbody tr td a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: none;
}
#int-header #int-header-main-menu tbody tr td a img{
    width:30%;
    max-height: 50px;
}

#int-header #int-header-main-menu tbody tr #header-int-main-menu-1{
    background-color: rgb(237,3,124); /* rose */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-2{
    background-color:rgb(0,157,87); /* vert */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-3{
    background-color:rgb(0,163,230); /* bleu */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-4{
    background-color:rgb(244,121,32); /* orange */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-5{
    background-color:rgb(0,163,230); /* bleu */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-6{
    background-color: rgb(237,3,124); /* rose */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-7{
    background-color:rgb(0,157,87); /* vert */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-8{
    background-color:rgb(244,121,32); /* orange */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-9{
    background-color:rgb(0,163,230); /* bleu */
        border:0px;
}
#int-header #int-header-main-menu tbody tr #header-int-main-menu-10{
    background-color: rgb(237,3,124); /* rose */
        border:0px;
}

.int-nav-selected{
background: repeating-linear-gradient(
  45deg,
  #C68E5C,
  #C68E5C 10px,
  rgba(255,255,255,0) 10px,
  rgba(255,255,255,0) 20px
);
}
.int-nav-selectedd{
background: repeating-linear-gradient(
  45deg,
  grey,
  grey 10px,
  rgba(255,255,255,0) 10px,
  rgba(255,255,255,0) 20px
);
}

#int-header #navi{
    display: none;
}


@media (max-width:1100px) {
    #int-header #int-header-logo{
        width:100%;
    }
    #int-header #int-header-sub-menu{
        width:95%;
    }
    #int-header #int-header-main-menu{
        width:95%;
    }

}
@media (max-width:1000px) {
    #int-header #int-header-logo a img{
        width:150px;
    }
    #int-header #int-header-main-menu tbody tr td{
        height:90px;
    }
}
@media (max-width:900px) {
    #int-header #int-header-logo a img{
        width:140px;
    }
    #int-header #int-header-main-menu tbody tr td{
        height:80px;
        font-size: 8px;
    }
    #int-header #int-header-main-menu tbody tr td a img{
        width:35%;
    }
}
@media (max-width:750px) {
    #int-header #int-header-logo a img{
        width:130px;
    }
}
@media (max-width:650px) {
    #int-header #navi{
        display: block;
        background-color:rgb(249,249,249);
        padding:8px 0px 5px 0px;
        padding-left:10px;
        cursor:pointer;
        width:100%;
        margin-top:10px;
    }
    #int-header #int-header-sub-menu tbody tr td{
        font-size: 11px;
    }
    #int-header #int-header-main-menu tbody tr td{
        width:100%;
        height:auto;
        font-size:11px;
        padding:6px 0px;
        display: block;
        border-top:1px solid white;
        border-right: 0px;
    }
    #int-header #int-header-main-menu tbody tr td a span{
        display: none;
    }
    #int-header #int-header-main-menu tbody tr td a img{
        display: none;
    }
    #int-header #int-header-main-menu tbody tr td a:hover{
        text-decoration: underline;
    }
    #int-header #int-header-main-menu{
        display:none;
        position:absolute;
        z-index:1000;
        margin-top:0px;
        width:100%;
    }
}