﻿/*Web Font*/

.Dosis {
    visibility: hidden;
}

.wf-loading .Dosis {
    font-family: 'Trebuchet MS';
}

.wf-inactive .Dosis {
    visibility: visible;
    font-family: 'Trebuchet MS';
}

.wf-active .Dosis {
    visibility: visible;
    font-family: 'Dosis', 'Trebuchet MS';
}

/*Structure*/

.sat {
    color: #131f28;
    font-size: 14px;
}

#main.sat {
    margin: 0px auto 0px auto;
    min-height: 100%;
    width: 980px;
    background-color: #fff;
    background-color: #131f28;
    background-image: url('../images/charte/main.png');
    background-position: 0px 323px;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 10px 1px #212121;
    box-shadow: 0px 0px 10px 1px #212121;
}

.sat #banner {
    position: relative;
    overflow: hidden;
    padding: 0px;
    height: 170px;
    background-image: url('../images/charte/header/01.jpg');
}

    .sat #banner a {
        display: block;
        margin: 40px 0px 0px 36px;
        width: 263px;
        height: 84px;
    }

    .sat #banner > .title {
        position: absolute;
        right: 0px;
        bottom: 0px;
        padding: 5px 12px 6px 12px;
        background-color: #ff7409;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 19px;
    }

.sat.purple #banner > .title {
    background-color: #92117d;
}

.sat.green #banner > .title {
    background-color: #41a62a;
}

.sat.red #banner > .title {
    background-color: #e1001a;
}

.sat.blue #banner > .title {
    background-color: #2cc8fb;
}

.sat #menu {
    min-height: 38px;
    height: auto;
    background-color: #ff7409;
    clear: both;
    position:relative;
    z-index:10;
}

.sat.purple #menu {
    background-color: #92117d;
}

.sat.green #menu {
    background-color: #41a62a;
}

.sat.red #menu {
    background-color: #e1001a;
}

.sat.blue #menu {
    background-color: #2cc8fb;
}

.sat #menu ul {
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

.sat #menu li {
    position: relative;
    float: left;
    margin-top: 7px;
    padding-bottom: 7px;
    height: 24px;
    list-style: none;
    z-index:1;
}

.sat #menu > ul > li > a {
    padding: 0px 12px 0px 12px;
    height: 24px;
    border-left: solid 1px #fff;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
}

.sat #menu li:first-child a {
    padding-left: 7px;
    border-left: none;
}

.sat #menu li ul li a {
    border-left: none;
}

.sat #menu li:hover {
z-index:2;
}

.sat #menu li:hover > ul {
    top: 31px;
}

.sat #menu li ul {
    position: absolute;
    top: -9999px;
    left: 0px;
    overflow: visible;
    padding: 20px 16px 10px 16px;
    background-color: #fff;
    background-image: url('../images/charte/menu/arrow-down_orange.png');
    background-position: 27px 0px;
    background-repeat: no-repeat;
    -webkit-box-shadow: 2px 2px 4px 1px #414141;
    box-shadow: 2px 2px 2px 0px #414141;
    white-space: nowrap;
}

.sat.purple #menu li ul {
    background-image: url('../images/charte/menu/arrow-down_purple.png');
}

.sat.green #menu li ul {
    background-image: url('../images/charte/menu/arrow-down_green.png');
}

.sat.red #menu li ul {
    background-image: url('../images/charte/menu/arrow-down_red.png');
}

.sat.blue #menu li ul {
    background-image: url('../images/charte/menu/arrow-down_blue.png');
}

.sat #menu li ul li {
    float: none;
    margin: 0px;
    padding: 0px 16px 0px 0px;
    border-top: dashed 1px #c4c7c9;
    border-left: none;
}

    .sat #menu li ul li:first-child {
        border-top: none;
    }

    .sat #menu li ul li a {
        display: block;
        padding-left: 15px;
        border: none;
        background-image: url('../images/charte/menu/bullet_orange.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        color: #1a161b;
        text-transform: none;
        font-size: 13px;
        line-height: 24px;
        text-decoration: none;
    }

.sat.purple #menu li ul li a {
    background-image: url('../images/charte/menu/bullet_purple.png');
}

.sat.green #menu li ul li a {
    background-image: url('../images/charte/menu/bullet_green.png');
}

.sat.red #menu li ul li a {
    background-image: url('../images/charte/menu/bullet_red.png');
}

.sat.blue #menu li ul li a {
    background-image: url('../images/charte/menu/bullet_blue.png');
}

.sat #menu li ul li a:first-child {
    padding-left: 15px;
}

.sat #menu li ul li a:hover,
.sat #menu li ul li a.actif {
    background-position: 0px -24px;
}

.sat.purple #menu li ul li a:hover,
.sat.purple #menu li ul li a.actif {
    color: #92117d;
}

.sat.green #menu li ul li a:hover,
.sat.green #menu li ul li a.actif {
    color: #41a62a;
}

.sat.red #menu li ul li a:hover,
.sat.red #menu li ul li a.actif {
    color: #e1001a;
}

.sat.blue #menu li ul li a:hover,
.sat.blue #menu li ul li a.actif {
    color: #2cc8fb;
}

.lt-ie8 .sat #menu li ul li {
    width: 100%;
}

.sat #website-access {
    height: 115px;
    background-image: url('../images/charte/website-access/background.png');
}

    .sat #website-access > a {
        float: left;
        overflow: hidden;
        overflow: hidden;
        margin-top: 7px;
        padding-top: 4px;
        padding-right: 13px;
        padding-left: 13px;
        max-width: 22%;
        width: 218px;
        height: 97px;
        border-left: solid 1px #5b575b;
        color: #121f28;
        text-align: right;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 15px;
    }

        .sat #website-access > a:first-child {
            border-left: solid 1px transparent;
        }

        .sat #website-access > a strong {
            overflow: hidden;
            max-width: 212px;
            font-weight: normal;
        }

        .sat #website-access > a > img {
            border: solid 3px transparent;
        }

        .sat[data-website="0"] #website-access > a[data-index="0"] > img,
        .sat[data-website="1"] #website-access > a[data-index="1"] > img,
        .sat[data-website="2"] #website-access > a[data-index="2"] > img,
        .sat[data-website="3"] #website-access > a[data-index="3"] > img,
        .sat #website-access > a:hover > img {
            border: solid 3px #ff7409;
        }

.sat.purple[data-website="0"] #website-access > a[data-index="0"] > img,
.sat.purple[data-website="1"] #website-access > a[data-index="1"] > img,
.sat.purple[data-website="2"] #website-access > a[data-index="2"] > img,
.sat.purple[data-website="3"] #website-access > a[data-index="3"] > img,
.sat #website-access > a[data-index="3"]:hover > img {
    border: solid 3px #92117d;
}

.sat.green[data-website="0"] #website-access > a[data-index="0"] > img,
.sat.green[data-website="1"] #website-access > a[data-index="1"] > img,
.sat.green[data-website="2"] #website-access > a[data-index="2"] > img,
.sat.green[data-website="3"] #website-access > a[data-index="3"] > img,
.sat #website-access > a[data-index="0"]:hover > img {
    border: solid 3px #41a62a;
}

.sat.red[data-website="0"] #website-access > a[data-index="0"] > img,
.sat.red[data-website="1"] #website-access > a[data-index="1"] > img,
.sat.red[data-website="2"] #website-access > a[data-index="2"] > img,
.sat.red[data-website="3"] #website-access > a[data-index="3"] > img,
.sat #website-access > a[data-index="2"]:hover > img {
    border: solid 3px #e1001a;
}

.sat.blue[data-website="0"] #website-access > a[data-index="0"] > img,
.sat.blue[data-website="1"] #website-access > a[data-index="1"] > img,
.sat.blue[data-website="2"] #website-access > a[data-index="2"] > img,
.sat.blue[data-website="3"] #website-access > a[data-index="3"] > img,
.sat #website-access > a[data-index="1"]:hover > img {
    border: solid 3px #2cc8fb;
}

.sat #content {
    overflow: auto;
    padding: 25px 25px 0px 25px;
}

.sat #content-left {
    float: left;
    padding: 25px;
    width: 605px;
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 23px 0px #000000;
    box-shadow: 6px 6px 23px 0px #000000;
}

    .sat #content-left.unstyled {
        float: left;
        padding: 25px;
        width: 605px;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.sat #content-right {
    float: right;
    width: 250px;
}

.sat #content-full {
        padding: 25px;
         background-color: #fff;
    -webkit-box-shadow: 6px 6px 23px 0px #000000;
    box-shadow: 6px 6px 23px 0px #000000;
    }

    .sat #content-right > .big-link-item,
    .sat #content-right > .small-link-item,
    .sat #content-right > .form-item {
        display: block;
        background-color: #ff7409;
        padding: 12px 22px 12px 22px;
        color: #fff;
        font-size: 17px;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-box-shadow: 4px 4px 15px 0px #000000;
        box-shadow: 4px 4px 15px 0px #000000;
        background-repeat: no-repeat;
        background-position: 177px center;
        margin-bottom: 6px;
        overflow: hidden;
    }

.sat #content-right > .small-link-item {
        padding: 6px 22px 6px 22px;
        font-size: 14px;
}

.sat.purple #content-right > .big-link-item,
.sat.purple #content-right > .small-link-item ,
.sat.purple #content-right > .form-item {
    background-color: #92117d;
}

.sat.green #content-right > .big-link-item,
.sat.green #content-right > .small-link-item ,
.sat.green #content-right > .form-item {
    background-color: #41a62a;
}

.sat.red #content-right > .big-link-item,
.sat.red #content-right > .small-link-item ,
.sat.red #content-right > .form-item {
    background-color: #e1001a;
}

.sat.blue #content-right > .big-link-item,
.sat.blue #content-right > .small-link-item ,
.sat.blue #content-right > .form-item {
    background-color: #2cc8fb;
}

.sat #content-right > .big-link-item.ticket {
    font-size: 16px;
    background-image: url('../images/charte/content-right/ticket.png');
    line-height: 22px;
    padding-top: 13px;
}

    .sat #content-right > .big-link-item.ticket .big {
        font-size: 25px;
    }

.sat #content-right > .big-link-item.booklet {
    font-size: 16px;
    background-image: url('../images/charte/content-right/booklet.png');
    line-height: 22px;
    padding-top: 13px;
}

    .sat #content-right > .big-link-item.booklet .big {
        font-size: 25px;
    }


.sat #content-right > .big-link-item.phone {
    font-size: 16px;
    background-image: url('../images/charte/content-right/phone.png');
    line-height: 22px;
    padding-top: 13px;
}

    .sat #content-right > .big-link-item.phone .big {
        font-size: 27px;
    }

.sat #content-right > .big-link-item.schedule {
    font-size: 14px;
    background-image: url('../images/charte/content-right/schedule.png');
    line-height: 16px;
    padding-top: 17px;
}

    .sat #content-right > .big-link-item.schedule .big {
        font-size: 27px;
    }

.sat #content-right > .big-link-item.newsletter,
.sat #content-right > .big-link-item.contact {
    background-image: url('../images/charte/content-right/pattern-orange.jpg');
    background-color: #d25a18;
    background-position: top right;
    background-repeat: repeat-y;
}

    .sat #content-right > .big-link-item.newsletter .ico,
    .sat #content-right > .big-link-item.contact .ico {
        display: block;
        background-image: url('../images/charte/content-right/newsletter.png');
        background-position: right center;
        background-repeat: no-repeat;
    }

    .sat #content-right > .big-link-item.newsletter .big {
        font-size: 21px;
    }

    .sat #content-right > .big-link-item.contact .ico {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sat #content-right > .big-link-item.contact .big {
        font-size: 21px;
    }

.sat #content-right > .form-item {
    padding-top: 15px;
    font-size: 15px;
    line-height: 21px;
    padding-top: 20px;
}

    .sat #content-right > .form-item .big:first-child {
        font-size: 29px;
    }

    .sat #content-right > .form-item .big {
        font-size: 27px;
    }

    .sat #content-right > .form-item > .component-wrapper {
        padding-top: 7px;
        float: left;
        width: 186px;
    }

        .sat #content-right > .form-item > .component-wrapper select {
            width: 184px;
            margin: 0px;
            margin-top: 1px;
            padding: 1px;
            text-transform: none;
            font-size: 12px;
            height: 21px;
            line-height: 12px;
        }

    .sat #content-right > .form-item > .button {
        width: 17px;
        height: 66px;
        background-image: url('../images/charte/content-right/travel-btn.jpg');
        background-position: 0px 0px;
        padding: 0px;
        margin: 8px 0px 0px 0px;
        border: none;
        float: left;
        border-radius: 0px 0px;
    }

.lt-ie8 .sat #content-right > .form-item > .component-wrapper {
    margin-top: 10px;
}

.lt-ie8 .sat #content-right > .form-item > .button {
    margin-top: 18px;
}


.sat #footer {
    padding: 25px 0px 15px 0px;
    color: #fff;
    text-align: center;
    font-size: 11px;
}

    .sat #footer > a {
        color: #fff;
        text-decoration: none;
    }

        .sat #footer > a:hover {
            text-decoration: underline;
        }

    .sat #footer > span {
        padding: 0px 5px 0px 5px;
    }

    /*404*/

.page-404-content {
text-align:center;
font-size:25px;
color:#a4a4a4;
}