#header {
    height: 95px;
    background-image: url("Images/sv-ruis-top-img-3.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-bottom: 3px;
}

#bordureHeader {
    background-color: #ff8500;
    background: -moz-linear-gradient(
        left,
        #ffa43b 0%,
        #ff7760 10%,
        #ffa43b 20%,
        #ff7760 30%,
        #ffa43b 40%,
        #ff7760 50%,
        #ffa43b 60%,
        #ff7760 70%,
        #ffa43b 80%,
        #ff7760 90%,
        #ffa43b 100%
    );
    background: -webkit-linear-gradient(
        left,
        #ffa43b 0%,
        #ff7760 10%,
        #ffa43b 20%,
        #ff7760 30%,
        #ffa43b 40%,
        #ff7760 50%,
        #ffa43b 60%,
        #ff7760 70%,
        #ffa43b 80%,
        #ff7760 90%,
        #ffa43b 100%
    );
    background: -o-linear-gradient(
        left,
        #ffa43b 0%,
        #ff7760 10%,
        #ffa43b 20%,
        #ff7760 30%,
        #ffa43b 40%,
        #ff7760 50%,
        #ffa43b 60%,
        #ff7760 70%,
        #ffa43b 80%,
        #ff7760 90%,
        #ffa43b 100%
    );
    background: -ms-linear-gradient(
        left,
        #ffa43b 0%,
        #ff7760 10%,
        #ffa43b 20%,
        #ff7760 30%,
        #ffa43b 40%,
        #ff7760 50%,
        #ffa43b 60%,
        #ff7760 70%,
        #ffa43b 80%,
        #ff7760 90%,
        #ffa43b 100%
    );
    background: linear-gradient(
        to right,
        #ffa43b 0%,
        #ff7760 10%,
        #ffa43b 20%,
        #ff7760 30%,
        #ffa43b 40%,
        #ff7760 50%,
        #ffa43b 60%,
        #ff7760 70%,
        #ffa43b 80%,
        #ff7760 90%,
        #ffa43b 100%
    );
    height: 2px;
    width: 100%;
}

.menuPrincipal {
    background-color: #598db8;
    position: relative;
}

.menuPrincipa ul {
    font-size: 14px;
}

.menuPrincipal a {
    color: white;
}

.menuPrincipal ul.nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0;
    width: auto;
    padding: 0;
}

.menuPrincipal .nav > li > span.link {
    align-items: center;
    color: white;
    display: flex;
    cursor: pointer;
    height: 100%;
}

.menuPrincipal .nav > li > span.link:hover {
    background-color: #6fa4de;
}

.menuPrincipal .nav > li.active {
    background-color: #3f5a78;
}
.menuPrincipal .nav > li {
    height: 41px;
    float: left;
    line-height: 20px;
}

.menuPrincipal .nav > li > a,
.navbar .nav > li > .link {
    padding: 10px 15px 10px;
    text-decoration: none;
}

.menuPrincipal .nav > li > span.link > span {
    padding-left: 25px;
    background-position: center left;
    background-repeat: no-repeat;
}

.menuPrincipal .navBarDown {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTY2RDlCQzEwMzVFMTFFMzlBMkY4NUUyMzlGMzg0RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTY2RDlCQzIwMzVFMTFFMzlBMkY4NUUyMzlGMzg0RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNjZEOUJCRjAzNUUxMUUzOUEyRjg1RTIzOUYzODRFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNjZEOUJDMDAzNUUxMUUzOUEyRjg1RTIzOUYzODRFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsyDCG8AAACSSURBVHjaYvz//z8DJYCJgUIweAzwB2J+EvTxQ/UwMAAD0f4/BJwHYn5QoBLA/FC1IGAPEnj/HwEIGYKsGQTegwTj/6MCXIagawaBeJikPwGXYNgM1cOAbIM+miHvoWK4xBnQDcBlCE7N2AwAYXksfoV5Sx5dPbGhjTN2GPFkJlBiOQBlOwDxR2yKGAc8NwIEGAB1FMDiYq9O3QAAAABJRU5ErkJggg==")
        /*Images/arrow_down_small-white.png*/;
    height: 16px;
    width: 16px;
    margin-top: -3px;
    cursor: pointer;
    background-position: right !important;
}

.menuPrincipal .navBarRight {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACXRSTlMAzw/vL08/Xx/eQgn5AAAAS0lEQVR4XkWOuw3AIAxET1HEAOnSEbFCJKDLCLSMZVF52xQnH66ezp9nAKmCNX0QHn8Jx72+iFpElknFL8LZTaCWhrWug1Jsqd74Ab5oDWvMC6q6AAAAAElFTkSuQmCC")
        /*Images/arrow_right_small-white.png*/;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}

#ulVisioEtRessource.open {
    display: block;
}
.sous-sous-menu {
    display: none;
    left: 100%;
    top: -1px;
    margin-left: 1px;
}

#ulVisioEtRessource.open .sous-sous-menu {
    display: block !important;
}

/* Les icones du menu */
.icone-calendrier-blanc {
    /*Images/icone-calendrier-blanc.png*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAANlBMVEVMaXH39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/cy3UxcAAAAEXRSTlMATr2u0uFd8A+3Wu0GS3U8FS4da4oAAABKSURBVHgB7ck5DoAwFAPRYUn4Yff9L0tD4SYSoYUnubCG7xltbiCFIrGQ6HE62LSfWfOahZN7WOy2lW6qlVIt8aJAYzG4YqHwu11+2wanme3XxAAAAABJRU5ErkJggg==");
}
.icone-mon-compte-blanc {
    /*Images/icone-mon-compte-blanc.png*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAAZlBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9FN16zAAAAIXRSTlMAbOGEPO2lZr1U2wyx/BKrzDC6Tt4hXVokRaKWw9KuitVoinyjAAAAZUlEQVR4AeXBxxGDUBBEwcGAPsh7b17+SWoPOkypNgO6NUmrYT9XZttBfVRiQbgrUQi9Ej3hrURDqJRogeVFmRGKUg94KXHdEdat/lQHfj4nuRumkRkxRabGbGQ6zFPmPDODpuULv78Ni5Zf4OwAAAAASUVORK5CYII=");
}
.icone-nouvelle-reservation-blanc {
    /*Images/icone-nouvelle-reservation-blanc.png*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAARVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////+Gg3WpAAAAFnRSTlMAFfwS4Q8M8B4t2OTq0glC1dsY3sPGBgTNmwAAAF9JREFUeAHt0DkOhDAQRFHvOwsD1P2PiiWQmgY5gXD4kVWvI4t/zK1q1rd1QUxQOgHST0yKFnX1qGKzO4u39O4sl3q/Fy/yIxm5BBIjmxLeimoKnshAH1uYZFCmP8avDVnVCseVuZwxAAAAAElFTkSuQmCC");
}
.icone-mes-reservations-blanc {
    /*Images/icone-mes-reservations-blanc.png*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAAAk1BMVEVMaXH////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////bzZmPAAAAMHRSTlMA1WMVe+QD8A/hLfYkGx6Z7Ql1z9IqkDwGzL1O3vNsh4FytBgzUUJg/JMh20UMycZHUiIrAAAAiElEQVR4AeXPZw6CQBRF4UcZVBCw9967Z/+rMzCJYeJzBZy/X3KTK7WqGXb/kdfpRbr4MBhiCx2J+pAgRS3mDo0BVlaWsUMjgLAUFkFVJlOAbSnMpFpqgDwrTzTEqY3xvY0msjsYjqdYkbXsg/OFx69QLMJVFXnD/aZK+iLJM01EnqKsfbNSnz4dBxANKTcULwAAAABJRU5ErkJggg==");
}
.icone-carte-interactive {
    /*Images/icone-carte-interactive-blanc.png*/
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAiCAMAAACdioI/AAABHVBMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+2WtrsAAAAX3RSTlMA9cLl1fLN1ATG8S5pkqqrww8saIMogoQmp4VqzspQNahfXgPmMgoNx7ZNtEmtGmVnJ2vMU9zQ89rZUqmslGOTYtY5NpU9448/liQlpjMC58gjMG0ty1xuXa8QwRzPG48zbREAAADPSURBVHgB7dBFdsMwAIRhgQUyM4Q5DiRlZmZmaO9/jO76JJ8h/3K+3YBZckaJEkITo7jzRVaBZxakrMxVMVnt4vq23bBqLFAgWrPP0TMAj+gwIwuylA7su87bcPiEsbMeyyJaD3nV+UITKi73hSys2x+8etOp1xr1jjRFbvqDd+/3+7M56tUVEc2r/GXiuh8/9+mukCXZcDq4PB6b+HR7JZYlIlsnyACg69YzPQVygbZ53Ghz21rW5grvmGwV7u3ACpvnoJAfLul6NfT/h1l/4ewWnpHNnGQAAAAASUVORK5CYII=");
}

/****  LA RECHERCHE PAR NO DE RÉSERVATION ****/
#lnkAllerDirect {
    float: right;
    padding: 0 10px;
}

#lnkAllerDirect #btnAccederParNumero {
    border: 1px solid white;
    padding: 2px 5px;
    margin: 0 5px;
}

/* l'écriture No réservation */
#lnkAllerDirect div > span.link {
    color: white;
    display: inline-block;
    padding: 10px 0;
}

#lnkAllerDirect input[type="text"] {
    width: 90px;
    padding: 2px;
}

/***********************************************/

/********** LE SOUS-MENU  **********************/
.menuPrincipal .dropdown-menu {
    background-color: #598db8;
    border-top: 1px solid white;
    color: #ffffff;
    font-size: 13px;

    padding-left: 0;
    position: absolute;
    z-index: 1000;
    display: none;
}

.menuPrincipal .dropdown-submenu {
    position: relative;
}

.menuPrincipal .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.menuPrincipal .dropdown-menu > li > a,
.menuPrincipal .dropdown-menu > li > span.link {
    align-items: center;
    padding: 5px 10px;
    display: flex;
    cursor: pointer;
    width: 150px;
}

.nav .open > .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu > li:hover {
    background-color: #6fa4de;
}

.dropdown-toggle:hover ul.dropdown-menu {
    display: block !important;
}
/* **********************************************/