* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, button, input, select, textarea { border: none; color: #444; }

html { font: normal 14px/1.2 Arial, Helvetica, sans-serif; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
h2.sansmarge, h3.sansmarge, h4.sansmarge, h5.sansmarge, h6.sansmarge { padding: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, img, video { vertical-align: middle; border: none; max-width: 100%; height: auto; }

fieldset { border: 0; margin: 0; padding: 0; }

input, textarea, select, button { outline: none; font-family: 'Roboto', sans-serif; }

textarea { resize: vertical; }

a, a:focus { text-decoration: none; outline: none; }

/* remove password reveal from IE */
input[type=password]::-ms-reveal{ display: none; }

ul { list-style: none; }
section ol { padding-left: 30px; }
section ul { padding-left: 40px; }

sup { font-size: 0.6em; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.invisible { visibility: hidden; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

::-ms-clear {
    display: none;
}


/* General */
body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    min-width: 768px;
}

body #content {
    min-height: 789px;
}

.wrap {
    max-width: 1210px;
    padding: 0 10px;
    margin: 0 auto;
}

.col {
    float:left;
    margin-left: 1.1%;
}
.col:first-child,
.col.first {
    margin-left: 0;
}

.span-12-12 {
    width: 100%;
}

.span-11-12 {
    width: 91.53%;
}
.span-10-12 {
    width: 83.06%;
}

.span-9-12 {
    width: 74.6%;
}

.span-8-12 {
    width: 66.13%;
}

.span-7-12 {
    width: 57.66%;
}

.span-6-12 {
    width: 49.2%;
}

.span-5-12 {
    width: 40.73%;
}

.span-4-12 {
    width: 32.26%;
}

.span-3-12 {
    width: 23.8%;
}

.span-2-12 {
    width: 15.33%;
}

.span-1-12 {
    width: 6.866%;
}

table.cellspacing-5 {
    border-spacing: 5px;
    border-collapse: separate;
}

table.cellspacing-10 {
    border-spacing: 10px;
    border-collapse: separate;
}

table.cellspacing-15 {
    border-spacing: 15px;
    border-collapse: separate;
}

table.cellspacing-20 {
    border-spacing: 20px;
    border-collapse: separate;
}

table.cellspacing-25 {
    border-spacing: 25px;
    border-collapse: separate;
}

table.cellspacing-30 {
    border-spacing: 30px;
    border-collapse: separate;
}

.blue-part {
    color: #fff;
    background: #597990;
}

    .blue-part h2 {
        color: #fff;
    }

.pattern-top,
.pattern-bottom {
    position: relative;
}
.pattern-top:before,
.pattern-bottom:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 9px;
    background: url(../img/pictos/pattern-border.png) repeat 0 0;
}
.pattern-bottom:after {
    top: auto;
    bottom: 0;
}
.hasVideo .pattern-bottom:after {
    display: none;
}

h2 {
    padding-bottom: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #597990;
    font-weight: bold;
}
h2.pattern-bottom {
    padding-bottom: 39px;
}

h3 {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #597990;
    position: relative;
}
/*article h3 {
    margin-top: 40px;
}
article h3:first-child {
    margin-top: 0;
}
*/
    h3 span {
        display: block;
        font-size: 14px;
    }

    h3 span.small-info {
        position: absolute;
        right: 0;
        bottom: 23px;
        font-size: 10px;
        text-transform: none;
        color: #8d8d8d;
    }

    h3 span.number {
        display: inline-block;
        font-size: 22px;
        color: #fb2630;
    }

.title-icon {
    padding-top: 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 0;
}
.title-icon.speaker {
    background-image: url(../img/pictos/program.png);
}
.title-icon.registration {
    background-image: url(../img/pictos/registration.png);
}
.title-icon.exhibition {
    background-image: url(../img/pictos/exhibition.png);
}
.title-icon.access {
    background-image: url(../img/pictos/access.png);
}
.title-icon.call-for-papers {
    background-image: url(../img/pictos/callforpapers.png);
}
.title-icon.mail {
    padding-top: 60px;
    background-image: url(../img/pictos/newsletter.png);
}
.title-icon.eye {
    padding-top: 60px;
    background-image: url(../img/pictos/eye.png);
}
.title-icon.formation {
    background-image: url(../img/pictos/formation.png);
}
.title-icon.actualite {
    background-image: url(../img/pictos/actus.png);
}
.title-icon.events {
    background-image: url(../img/pictos/events.png);
}
.title-icon.log {
    padding-top: 60px;
    background-image: url(../img/pictos/log.png);
}
.title-icon.revue {
    padding-top: 110px;
    background-image: url(../img/magazines-thumb.png);
}
.title-icon.abonnement {
    padding-top: 60px;
    background-image: url(../img/pictos/abonnement.png);
}
.title-icon.adhesion-sia {
    background-image: url(../img/pictos/adhesion.png);
}
.title-icon.contact {
    background-image: url(../img/pictos/contact.png);
}
.title-icon.sitemap {
    background-image: url(../img/pictos/sitemap.png);
}
.title-icon.account {
    background-image: url(../img/pictos/account.png);
}

.link,
.button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: #597990;
    position: relative;
    background: transparent;
}
.link:first-child,
.button:first-child {
    margin-left: 0;
}

.link {
    padding-left: 14px;
    background: url(../img/pictos/arrow-right-blue.png) no-repeat 0 6px;
}
.link.white {
    color: #fff;
    background-image: url(../img/pictos/arrow-right-white.png);
}
.link.alt {
    padding-left: 0;
    padding-right: 20px;
    background-position: right 7px;
}
.link.pdf {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    background: url(../img/pictos/pdf.png) no-repeat 0 center;
}

.button {
    padding: 18px 35px 18px 20px;
    border: 2px solid #597990;
}
.button:hover {
    color: #fff;
    background-color: #597990;
}
.button.pdf {
    padding-left: 55px;
    background-image: url(../img/pictos/pdf.png);
    background-repeat: no-repeat;
    background-position: 15px center;
}
.button:after,
.link.alt.pdf:after {
    content: '';
    display: block;
    width: 9px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    background: url(../img/pictos/arrow-right-blue.png) no-repeat 0 0;
}
.link.alt.pdf:after {
    right: 0;
}

.button.noir {
    color: #000;
    border-color: #000;
}
.button.white {
    color: #fff;
    border-color: #fff;
}
.button.white:hover {
    color: #597990;
    background-color: #fff;
}
.link.white.pdf,
.button.white.pdf,
.button.pdf:hover {
    background-image: url(../img/pictos/pdf-white.png);
}
.button.white.pdf:hover {
    background-image: url(../img/pictos/pdf.png);
}
.button.noir:after{
    background-image: url(../img/pictos/arrow-right-black.png);
}
.button.white:after,
.button:hover:after,
.link.white.alt.pdf:after {
    background-image: url(../img/pictos/arrow-right-white.png);
}
.button.white:hover:after {
    background-image: url(../img/pictos/arrow-right-blue.png);
}

.simple-link {
    padding: 20px 0;
    border-top: 7px solid #597990;
    border-bottom: 7px solid #597990;
    margin-bottom: 60px;
}

    .simple-link a {
        display: inline-block;
        padding-left: 20px;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #597990;
        background: url(../img/pictos/arrow-right-blue.png) no-repeat 0 5px;
    }
    .simple-link a.pdf {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 63px;
        background: url(../img/pictos/simple-link-pdf.png) no-repeat 0 1px;
    }

.tag {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    background: #597990;
}

.small-info {
    font-size: 10px;
    font-style: italic;
}

.calendar-number {
    display: block;
    width: 42px;
    height: 41px;
    padding-top: 11px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #5d5c5c;
    background: url(../img/pictos/calendar.png) no-repeat 0 0;
}

.fullAligned {
    text-align: justify;
}
.rightAlighed {
    text-align: right;
}
.leftAligned {
    text-align: left;
}
.centerAligned {
    text-align: center;
}

/* Form */
input[type="text"],
input[type="email"],
input[type="password"],
.upload-input,
textarea {
    padding: 0 15px;
    border: 1px solid #ccc;
    color: #454545;
    background: #fff;
}
input[type="text"],
input[type="email"],
input[type="password"],
.upload-input {
    height: 38px;
    line-height: 36px;
}
textarea {
    padding-top: 8px;
    padding-bottom: 8px;
}
.password-eye {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    background: url(../img/pictos/picto_eye.png) no-repeat center;
    cursor: pointer;
}
.upload-input {
    min-width: 310px;
    position: relative;
}
.upload-input:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 13px;
    background: url(../img/pictos/loupe-small.png) no-repeat 0 0;
}

    .upload-input input {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter:Alpha(Opacity=0);
        cursor: pointer;
    }

    .upload-input span {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-right: 25px;
    }

label.infield {
    position: absolute;
    color: #454545;
    cursor: text;
}

input.hasDatepicker {
    background: #fff url(../img/pictos/datepicker.png) no-repeat right center;
}

.checkbox .trans-element-radio,
.checkbox .trans-element-checkbox {
    float: left;
    width: 19px;
    height: 17px;
    margin-right: 11px;
    background: url(../img/pictos/checkbox.png) no-repeat 0 0;
    cursor: pointer;
}
.checkbox.blue .trans-element-radio,
.checkbox.blue .trans-element-checkbox {
    background-image: url(../img/pictos/checkbox-blue.png);
}
/*.formulaire */.checkbox.radio-appearance .trans-element-radio {
    width: 17px;
    background-image: url(../img/pictos/radiobox.png);
}
#publication .checkbox.radio-appearance .trans-element-radio {
    background-color: #FFF;
}
/*.formulaire */.checkbox.radio-appearance.white .trans-element-radio {
    background-image: url(../img/pictos/radiobox-white.png);
    background-color: #597990;
}
.checkbox .trans-element-radio.checked,
.checkbox .trans-element-checkbox.checked {
    background-position: 0 -17px;
}
.checkbox .trans-element-checkbox input,
.checkbox .trans-element-radio input {
    z-index: -1;
    position: relative;
    margin: 3px 0 0 3px;
    display: block! important;
    /*visibility: hidden;*/
}
/*
@-moz-document url-prefix() {
    .checkbox .trans-element-checkbox input,
    .checkbox .trans-element-radio input {
        visibility: hidden;
    }
}
*/

    .checkbox .trans-element-radio + label,
    .checkbox .trans-element-checkbox + label {
        overflow: hidden;
        font-weight: 600;
        cursor: pointer;
    }
    .checkbox .trans-element-checkbox + label {
        cursor: default;
    }
    .checkbox .trans-element-radio.checked + label,
    .checkbox .trans-element-checkbox.checked + label {
        font-weight: bold;
    }

    .lt-ie9 .checkbox  .trans-element-radio + label,
    .lt-ie9 .checkbox  .trans-element-checkbox + label {
        cursor: default;
    }

.formulaire .form .part,
.formulaire form .part,
.formulaire form .part2 {
    padding: 40px 50px;
    background: #f3f3f3;
    margin-bottom: 20px;
}
.formulaire .part.custom-form .checkbox {
    display: block;
    margin: 10px 0 0 0;
    padding: 2px;
}

    .formulaire .form .part .title,
    .formulaire form .part .title {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #597990;
    }

    .formulaire .form .part p strong,
    .formulaire form .part p strong {
        font-weight: 600;
        color: #597990;
    }

    .formulaire .form .part p.label,
    .formulaire form .part p.label {
        margin-bottom: 8px;
        color: #454545;
    }

    .formulaire .form .part .line,
    .formulaire form .part .line {
        margin-top: 20px;
    }
    .formulaire .form .part .line.marge,
    .formulaire form .part .line.marge {
        margin-top: 35px;
    }
    .formulaire .form .part .line:first-child,
    .formulaire form .part .line:first-child {
        margin-top: 0;
    }

    .formulaire .form .part .field,
    .formulaire form .part .field {
        position: relative;
    }

    .formulaire .form .part label.infield,
    .formulaire form .part label.infield {
        top: 1px;
        left: 16px;
        line-height: 36px;
    }

    .formulaire form .part input[type="text"],
    .formulaire form .part input[type="email"],
    .formulaire form .part input[type="password"],
    .formulaire form .part input[type="file"],
    .formulaire form .part textarea {
        display: block;
        width: 100%;
        color: #597990;
    }

/*
    .formulaire form .part .selecter {
        height: 38px;
        border: 1px solid #ccc;
    }
*/

    .formulaire form .part .selecter > span.selecter-selected {
        border: 1px solid #ccc;
        height: 38px;
    }

    @-moz-document url-prefix() {
        .formulaire form .part .selecter.invalid > span.selecter-selected {
            box-shadow: 0px 0px 1.5px 1px red;
        }
    }

    .formulaire form .checkbox {
        margin-top: 20px;
    }

    .formulaire form .checkboxes-inline .checkbox {
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
    }
    .formulaire form .checkboxes-inline .checkbox:last-child {
        margin-right: 0;
    }

        .formulaire form .checkbox .trans-element-radio + label,
        .formulaire form .checkbox .trans-element-checkbox + label {
            font-weight: normal;
            color: #597990;
        }

        .formulaire form .tout-cocher a {
            color: #597990;
            text-transform: none;
            font-weight: bold;
        }

        .formulaire form .tout-cocher a:hover {
            text-decoration: underline;
        }

    .formulaire form .part .links {
        margin-top: 20px;
    }

.wysiwyg p {
    margin-bottom: 15px;
}

.wysiwyg strong {
    font-weight: 600;
    color: #597990;
}


/* Datepicker */
.ui-datepicker {
    width: auto;
    padding: 10px;
    border: none;
    background: #597990;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.ui-datepicker-inline {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ui-datepicker .ui-datepicker-header {
        padding: 4px 0 25px;
        border: none;
        background: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .ui-datepicker .ui-datepicker-title {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 24px;
        line-height: 1.2em;
        margin: 0 100px 0 0;
        text-align: left;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        display: block;
        width: 30px;
        height: 30px;
        border: none;
        top: 0;
        right: 0;
        background: url(../img/pictos/datepicker-nav.png) no-repeat -30px 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        cursor: pointer;
    }
    .ui-datepicker .ui-datepicker-prev {
        left: auto;
        right: 53px;
        background-position: 0 0;
    }
    .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
    .ui-datepicker .ui-datepicker-next.ui-state-disabled {
        opacity: 0.3;
        filter:Alpha(Opacity=30);
    }

        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: none;
        }

    .ui-datepicker thead tr {
        border-top: 1px solid #597990;
        border-bottom: 1px solid #597990;
    }

        .ui-datepicker th {
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            color: #fff;
        }

        .ui-datepicker td {
            padding: 3px;
            text-align: center;
        }

    .ui-datepicker tbody tr:first-child td {
        padding-top: 17px;
    }

        .ui-datepicker .ui-state-default {
            display: inline-block;
            width: 33px;
            height: 33px;
            padding: 0;
            border: 2px solid #fff;
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            background: none;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
        .lt-ie9 .ui-datepicker .ui-state-default {
            behavior: url(/pie/PIE.htc);
            position: relative;
        }
        .ui-datepicker span.ui-state-default {
            border-color: transparent;
        }
        .ui-datepicker .selected .ui-state-default {
            background: #597990;
            border-color: #597990;
            color: #fff;
        }
        .ui-datepicker .ui-datepicker-unselectable,
        .ui-datepicker .ui-state-disabled {
            opacity: 1;
            filter:Alpha(Opacity=100);
        }

        .ui-datepicker .ui-state-active {
            color: #597990;
            background: #fff;
        }


/* HEADER */
#header {
    text-align: left;
    color: #597990;
    /*background: #597990;*/
}
body.home #header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
}

    #header #logo {
        float: left;
        margin-top: 30px;
    }

    #header #second-nav {
        margin-left: 360px;
        /*padding-right: 50px;*/
    }

    #header #second-nav > ul {
        display: inline-block;
    }

    #header #second-nav > ul.languages {
        float: right;
    }

    #header #second-nav > ul > li {
        display: inline-block;
        vertical-align: top;
    }

        #header #second-nav > ul > li > a,
        #header #second-nav > ul > li > span,
        #header #main-nav li > a {
            display: block;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            color: #597990;
        }
            #header #second-nav > ul > li > a:hover,
            #header #second-nav li.panier:hover > a,
            #header #second-nav li.active > a,
            #header #main-nav li > a:hover,
            #header #main-nav li > a.active {
                color: #fff;
                background: #E10019;
            }
            #header #second-nav li.renew a,
            #header #second-nav li.renew a:hover,
            #header #second-nav li.renew a.active {
                color: #FF0000;
                background: #fff;
            }

        #header #second-nav > ul > li > a,
        #header #second-nav > ul > li > span {
            padding: 10px;
        }
        #header #second-nav > ul > li > span {
            cursor: default;
        }

        #header #second-nav li .info {
            color: #78c4ff;
        }

        #header #second-nav li.panier {
            position: relative;
        }

            #header .layer-panier {
                display: none;
                width: 530px;
                border: 1px solid #597990;
                position: absolute;
                z-index: 3000;
                top: 100%;
                right: -1px;
                text-align: left;
                color: #597990;
                background: #fff;
            }
            #header li.panier:hover .layer-panier {
                display: block;
            }

                #header .layer-panier ul,
                #header .layer-panier .total {
                    margin: 15px 20px;
                }

                    #header .layer-panier ul li {
                        margin-top: 15px;
                    }
                    #header .layer-panier ul li:first-child {
                        margin-top: 0;
                    }

                    #header .layer-panier ul li.icon {
                        min-height: 26px;
                        padding-left: 42px;
                        background-repeat: no-repeat;
                        background-position: 0 0;
                    }
                    #header .layer-panier ul li.micro {
                        min-height: 26px;
                        padding-left: 42px;
                        background-image: url(../img/pictos/micro.png);
                    }

                        #header .layer-panier .quantity,
                        #header .layer-panier .text,
                        #header .layer-panier ul .price {
                            display: inline-block;
                            vertical-align: middle;
                            width: 172px;
                            padding-right: 20px;
                            margin-right: 16px;
                            position: relative;
                        }
                        #header .layer-panier .quantity:after,
                        #header .layer-panier .text:after,
                        #header .layer-panier ul .price:after {
                            content: '';
                            display: block;
                            width: 1px;
                            height: 18px;
                            position: absolute;
                            top: 50%;
                            margin-top: -9px;
                            right: 0;
                            background: #7fafd4;
                        }

                        #header .layer-panier ul .title,
                        #header .layer-panier ul .title a {
                            font-weight: 600;
                            color: #597990;
                        }
                        #header .layer-panier ul .title,
                        #header .layer-panier ul .desc {
                            overflow: hidden;
                            -o-text-overflow: ellipsis;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        #header .layer-panier ul .desc {
                            font-size: 12px;
                            color: #8d8d8d;
                        }

                        #header .layer-panier .quantity,
                        #header .layer-panier ul .price {
                            width: 150px;
                            font-size: 18px;
                            font-weight: 600;
                            text-align: right;
                        }
                        #header .layer-panier .quantity {
                            width: 40px;
                        }

                        #content.tunnel .part table .action {
                            width: 25px !important;
                        }

                        #header .layer-panier .delete,
                        #content.tunnel .part table .action a {
                            display: inline-block;
                            vertical-align: middle;
                            width: 19px;
                            height: 22px;
                            text-indent: -9999px;
                            background: url(../img/pictos/trash.png) no-repeat 0 0;
                            position: relative;
                            top: -2px;
                        }
                        #content.tunnel .part table .action a {
                            text-align: left;
                        }

                #header .layer-panier .total {
                    padding: 15px 0;
                    margin-top: 0;
                    margin-bottom: 0;
                    border-top: 1px solid #597990;
                }

                    #header .layer-panier .total p {
                        float: left;
                        font-weight: 600;
                        text-transform: uppercase;
                    }

                    #header .layer-panier .total .price {
                        float: right;
                        font-size: 18px;
                        font-weight: 600;
                    }

                #header .layer-panier .button {
                    display: block;
                    border: none;
                    border-top: 1px solid #597990;
                    margin: 0;
                    text-align: center;
                }
                #header .layer-panier .button:after {
                    display: none;
                }

                    #header .layer-panier .button img {
                        vertical-align: baseline;
                        position: relative;
                        top: 1px;
                        margin-left: 12px;
                    }
                    #header .layer-panier .button img.white {
                        display: none;
                    }
                    #header .layer-panier .button:hover img.blue {
                        display: none;
                    }
                    #header .layer-panier .button:hover img.white {
                        display: inline-block;
                    }

    #header #main-nav {
        margin-left: 360px;
        /*padding-right: 50px;*/
        position: relative;
        /*overflow: hidden;*/
    }
    #header #main-nav.open {
        /*overflow: visible;*/
    }
    #header #main-nav.open form {
        display: block;
    }

        #header #main-nav .menu {
            /*overflow-x: hidden;*/
            position: relative;
        }

        #header #main-nav .menu ul {
            width: 100%;
            display: inline-block;
            padding: 20px 30px 25px 0;
            border-top: 1px solid #337fbb;
        }

        #header #main-nav .menu li {
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }

        #header #main-nav .menu li:hover ul {
            display: block;
        }

        #header #main-nav li.home > a {
            background-image: url('../img/pictos/home-gray.png');
            background-position: center;
            background-repeat: no-repeat;
            height: 35px;
            display: inline-block;
            box-sizing: border-box;
            padding: 0;
            width: 35px;
            vertical-align: middle;
        }

        #header #main-nav li.home > a:hover,
        #header #main-nav li.home > a.active {
            background-image: url('../img/pictos/home-white.png');
        }

            #header #main-nav .menu a {
                padding: 8px 5px;
                font-size: 16px;
            }

            #header #main-nav .menu ul.sub {
                width: 300%;
                left: 0;
                display: none;
                position: absolute;
                border-top: 0;
                border-left: 1px solid #337fbb;
                border-right: 1px solid #337fbb;
                border-bottom: 1px solid #337fbb;
                background: #fff;
                padding: 0;
                z-index: 99;
            }

            #header #main-nav .menu ul.sub li {
                display: block;
                text-align: left;
            }

        #header #main-nav #search-bar {
            width: 100%;
            padding: 20px 0 24px 40px;
            border-top: 1px solid #597990;
            position: absolute;
            top: 0;
            left: 100%;
            margin-left: -26px;
            background: #fff;
        }

            #header #main-nav .search-btn {
                display: block;
                width: 26px;
                height: 26px;
                position: absolute;
                right: 0;
                top: 25px;
                text-align: left;
                text-indent: -9999px;
                background: url(../img/pictos/loupe-gray.png) no-repeat 0 0;
            }
            #header #main-nav #search-bar .search-btn {
                left: 0;
                right: auto;
            }

            #header #main-nav #search-bar .main-search {
                padding-right: 49px;
                position: relative;
            }

                #header #main-nav #search-bar .main-search input {
                    display: block;
                    width: 100%;
                    height: 36px;
                    border: 1px solid #597990;
                    background: #fff;
                }

                #header #main-nav #search-bar .main-search input[type="submit"] {
                    display: block;
                    width: 48px;
                    position: absolute;
                    top: 0;
                    right: 0;
                    font-weight: bold;
                    text-align: center;
                    color: #597990;
                }

                #header #main-nav #search-bar .main-search label.infield,
                #header .advanced-search label.infield {
                    top: 0;
                    left: 15px;
                    line-height: 36px;
                }

    #header .advanced-search {
        display: none;
        clear: both;
        text-align: left;
    }

        #header .advanced-search .mask {
            display: none;
            padding-bottom: 40px;
        }

        #header .advanced-search input {
            display: block;
            width: 100%;
            height: 36px;
            border: none;
        }

        #header .advanced-search .first-line {
            padding-left: 400px;
            position: relative;
        }

        #header .advanced-search .first-line .selecter {
            z-index: 5;
            border: 1px solid #597990;
        }

        #header .advanced-search .date {
            position: absolute;
            top: 0;
            left: 0;
        }

            #header .advanced-search .date span {
                float: left;
                display: block;
                height: 36px;
                width: 40px;
                line-height: 36px;
                text-align: center;
            }
            #header .advanced-search .date span:first-child {
                /*width: 30px;*/
                text-align: left;
            }

            #header .advanced-search .datepicker {
                float: left;
                width: 150px;
                position: relative;
            }

                #header .advanced-search .datepicker input {
                    display: block;
                    width: 100%;
                    height: 36px;
                    border: 1px solid #597990;
                }

        #header .advanced-search .domaines {
            padding-right: 80px;
            margin-top: 20px;
            position: relative;
        }

            #header .advanced-search .multi-select {
                border: 1px solid #597990;
                position: relative;
            }

                #header .advanced-search .multi-select .selecter-selected {
                    position: relative;
                    z-index: 2;
                }

                #header .advanced-search .multi-select input.fake {
                    position: absolute;
                    z-index: 0;
                    top: 0;
                    left: 0;
                    width: 0;
                }

                #header .advanced-search .multi-select .selecter-checkboxes {
                    display: none;
                    padding: 20px 0;
                    border: 1px solid #597990;
                    position: absolute;
                    z-index: 9000;
                    top: 100%;
                    left: -1px;
                    right: -1px;
                    background: #fff;
                }
                #header .advanced-search .multi-select input:focus + .selecter-checkboxes {
                    display: block;
                }

                    #header .advanced-search .multi-select ul {
                        padding-left: 20px;
                        padding-right: 20px;
                    }

                    #header .advanced-search .multi-select li {
                        margin-top: 20px;
                    }
                    #header .advanced-search .multi-select li:first-child {
                        margin-top: 0;
                    }

                    #header .advanced-search .multi-select label {
                        font-weight: normal;
                        color: #597990;
                    }

            #header .advanced-search .domaines input[type="submit"] {
                width: 50px;
                /*border: 2px solid #fff;*/
                border: 1px solid #597990;
                position: absolute;
                top: 0;
                right: 0;
                font-weight: bold;
                text-align: center;
                color: #597990;
                background: none;
            }
            #header .advanced-search .domaines input[type="submit"]:hover {
                color: #fff;
                background: #597990;
            }


/* BREADCRUMB */
#breadcrumb {
    padding: 25px 10px;
    position: relative;
}
#breadcrumb.back {
    padding-right: 120px;
}

    #breadcrumb li {
        display: inline-block;
        vertical-align: top;
        padding-left: 13px;
        margin-left: 3px;
        font-size: 12px;
        color: #597990;
        background: url(../img/pictos/arrow-right-blue-small.png) no-repeat 0 4px;
    }
    #breadcrumb li:first-child {
        padding-left: 0;
        margin-left: 0;
        background: none;
    }
/*
    #breadcrumb li:last-child {
        color: #E50119;
    }
*/
        #breadcrumb li a {
            color: #8d8d8d;
        }
        #breadcrumb li a:hover {
            text-decoration: underline;
        }

    #breadcrumb .back-btn {
        position: absolute;
        right: 10px;
        bottom: 25px;
        padding-left: 20px;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #597990;
        background: url(../img/pictos/arrow-left-blue.png) no-repeat 0 5px;
    }


/* MESSAGE VALIDATION */
.message_validation{
    padding: 40px 50px;
    background: #d9edf7;
    margin-bottom: 40px;
    color: #597990;
}

.message_error {
    padding: 40px 50px;
    background: #f2dede;
    margin-bottom: 40px;
    color: #c7254e;
}

/* HOME */
.home .col {
    padding-left: 20px;
    padding-right: 20px;
}

/* Home carousel */
#home-mea {
    position: relative;
}
#home-mea > span {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    pointer-events: none;
    text-align: center;
    z-index: 10;
}
#home-mea > span > h1 {
    display: inline-block;
    margin: 0;
    padding: 0 40px 7px 40px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    font-size: 23px;
    border-bottom: 1px solid #FFF;
}
#home-mea > a {
    position: absolute;
    z-index: 10;
    top: 286px;
    right: 20px;
    text-transform: uppercase;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-right: 14px;
    height: 19px;
    background: url(../img/pictos/arrow-red.png) no-repeat right center;
}
#home-carousel .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home-carousel .item {
    position: relative;
    text-align: center;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

    #home-carousel .item .text {
        width: 710px;
        position: absolute;
        top: 110px;
        left: 50%;
        margin-left: -355px;
        color: #fff;
    }

/*    #home-carousel .item .bubble {
        width: 230px;
        height: 230px;
        position: absolute;
        top: -120px;
        right: 13%;
        color: #fff;
        padding: 120px 40px 30px;
        box-sizing: border-box;
        background: url(../img/pictos/carrousel-bulle-250-187-0.png) no-repeat center;
        background-size: contain;
    }*/

    #home-carousel .item .bubble {
        display: table;
        width: 166px;
        height: 166px;
        position: absolute;
        top: 25px;
        right: 7.5%;
        color: #fff;
        padding: 20px 25px 50px;
        box-sizing: border-box;
        background: url(../img/pictos/carrousel-bulle-250-187-0.png) no-repeat center;
        background-size: contain;
    }

    #home-carousel .item .bubble > span {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

    #home-carousel .item .bubble > span p {
        font-weight: bold;
    }

    #home-carousel .item .bubble.color-250-187-0 {
        background-image: url(../img/pictos/carrousel-bulle-250-187-0.png);
    }
    #home-carousel .item .bubble.color-237-197-0 {
        background-image: url(../img/pictos/carrousel-bulle-237-197-0.png);
    }
    #home-carousel .item .bubble.color-164-196-0 {
        background-image: url(../img/pictos/carrousel-bulle-164-196-0.png);
    }
    #home-carousel .item .bubble.color-226-0-59 {
        background-image: url(../img/pictos/carrousel-bulle-226-0-59.png);
    }
    #home-carousel .item .bubble.color-0-127-192 {
        background-image: url(../img/pictos/carrousel-bulle-0-127-192.png);
    }
    #home-carousel .item .bubble.color-0-168-189 {
        background-image: url(../img/pictos/carrousel-bulle-0-168-189.png);
    }
    #home-carousel .item .bubble.color-82-63-143 {
        background-image: url(../img/pictos/carrousel-bulle-82-63-143.png);
    }
    #home-carousel .item .bubble.color-200-210-2 {
        background-image: url(../img/pictos/carrousel-bulle-200-210-2.png);
    }
    #home-carousel .item .bubble.color-217-183-46 {
        background-image: url(../img/pictos/carrousel-bulle-217-183-46.png);
    }
    #home-carousel .item .bubble.color-238-127-0 {
        background-image: url(../img/pictos/carrousel-bulle-238-127-0.png);
    }
    #home-carousel .item .bubble.color-0-0-0 {
        background-image: url(../img/pictos/carrousel-bulle-0-0-0.png);
    }

    #home-carousel .item .text.noir,
    #home-carousel .item .bubble.noir {
        color: #000;
    }
        #home-carousel .item h2 {
            padding-bottom: 0;
            font-size: 32px;
            line-height: 100%;
            text-transform: none;
            color: #fff;
            text-align: center;
        }

        #home-carousel .item .text.noir h2,
        #home-carousel .item .bubble.noir h2 {
            color: #000;
        }

            #home-carousel .item h2 span {
                max-height: 96px;
                overflow: hidden;
                display: block;
            }

            #home-carousel .item h2 img {
                vertical-align: baseline;
                display: block;
                height: 18px;
                width: auto;
                margin: 5px auto 0;
            }

        #home-carousel .item .date {
            margin-top: 10px;
            font-size: 14px;
            text-transform: uppercase;
        }

        #home-carousel .item .links {
            margin-top: 15px;
        }

        #home-carousel .item .links > a {
            padding: 2px 20px 2px 10px;
            font-size: 12px;
            font-weight: normal;
        }

        #home-carousel .item .links > a:hover {
            color: #E10019;
        }

        #home-carousel .item .links .button {
            border-width: 1px;
        }

        #home-carousel .item .links .button:after {
            right: 6px;
            margin-top: -7px;
        }

    #home-carousel .owl-controls {
        margin-top: 0;
    }

        #home-carousel .owl-controls .owl-buttons {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        #home-carousel .owl-controls .owl-buttons .owl-prev {
            margin: -19px 0 0 0;
            position: absolute;
            top: 50%;
            left: 0;
            width: 38px;
            height: 38px;
            color: #FFF;
            border-radius: 0;
            opacity: 1;
            padding: 0;
            background: #5A7A90 url('../img/pictos/arrow-white.png') center no-repeat;
            pointer-events: all;
        }

        #home-carousel .owl-controls .owl-buttons .owl-next {
            margin: -19px 0 0 0;
            position: absolute;
            top: 50%;
            right: 0;
            width: 38px;
            height: 38px;
            color: #FFF;
            border-radius: 0;
            opacity: 1;
            padding: 0;
            background: #5A7A90 url('../img/pictos/arrow-white.png') center no-repeat;
            pointer-events: all;
            transform: rotate(180deg);
        }

        #home-carousel .owl-controls .owl-buttons .owl-prev:hover {
            left: -1px;
        }

        #home-carousel .owl-controls .owl-buttons .owl-next:hover {
            right: -1px;
        }

        #home-carousel .owl-pagination {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 150px;
        }

            #home-carousel .owl-pagination .owl-page span {
                background: #fff;
                width: 15px;
                height: 15px;
            }

#home-mea .flex {
    display: flex;
    position: relative;
    min-height: 290px;
}

#home-mea .news {
    position: relative;
    width: 100%;
    height: 100%;
    float: right;
    max-width: 390px;
    padding-bottom: 15px;
    padding-right: 30px;
    padding-left: 10px;
    border-right: 1px solid #E10019;
}

    #home-mea .news h2 {
        display: block;
        text-align: center;
        margin-top: 30px;
        padding-bottom: 10px;
        font-size: 23px;
        color: #5A7A90;
        border-bottom: 1px solid #E10019;
        font-weight: bold;
    }

    #home-mea .news ul {
        padding-left: 0;
    }

    #home-mea .news li {
        margin-top: 12px;
    }

    #home-mea .news li a {
        display: block;
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #5A7A90;
        min-height: 69px;
    }
    #home-mea .news li a.noir {
        color: #000;
    }

        #home-mea .news li .img {
            display: block;
            width: 33.33%;
            max-width: 116px;
            height: 69px;
            float: left;
            background-size: cover;
            background-position: center;
        }

        #home-mea .news li .text {
            position: absolute;
            bottom: 0;
            left: 33.33%;
            right: 0;
            padding: 0 10px;
            display: table;
            top: 0;
            width: 66.33%;
            height: 69px;
            font-weight: bold;
        }

        #home-mea .news li .text > p {
            display: table-cell;
            vertical-align: middle;
            font-weight: bold;
        }

        #home-mea .news li .text > p .details {
            text-transform: uppercase;
            color: #13181E;
            display: inline-block;
            margin-top: 5px;
            font-size: 10px;
            font-weight: bold;
            padding-top: 1px;
            padding-right: 14px;
            height: 14px;
            background: url(../img/pictos/arrow-right-blue.png) no-repeat right 0;
        }

        #home-mea .news li .cat {
            margin-bottom: 2px;
            font-weight: bold;
            text-transform: uppercase;
            color: #597990;
        }

        #home-mea .news .all {
            display: table;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 2px;
            font-weight: bold;
            text-transform: uppercase;
            color: #597990;
        }

        #home-mea .news .all > span {
            display: table-cell;
            vertical-align: middle;
        }

        #home-mea .news .all > span .bar {
            display: block;
            border-bottom: 2px solid #FFF;
            /*margin-right: 10px;*/
        }

        #home-mea .news .all a {
            text-transform: uppercase;
            color: #13181E;
            width: 190px;
            display: table-cell;
            margin-top: 5px;
            font-size: 14px;
            padding-right: 14px;
            background: url(../img/pictos/arrow-right-blue.png) no-repeat right 0;
        }

    #home-mea .sia-home-right {
        width: 63.5%;
    }

    #home-mea .sia-home-right .sia-discover {
        display: inline-block;
        height: 130px;
        width: 100%;
        max-width: 870px;
    }

        #home-mea .sia-home-right .sia-discover a {
            display: block;
            margin: 20px 20px 0 40px;
            padding: 30px 0;
            box-sizing: border-box;
            text-align: center;
            font-size: 39px;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            text-transform: uppercase;
            color: #FFF;
            text-shadow: #000 0 0 10px;
            line-height: 100%;
            position: relative;
            background: url('../img/jazzup/discover.jpg') center;
            background-size: cover;
        }

        #home-mea .sia-home-right .sia-discover a:before {
            display: block;
            content: '';
            position: absolute;
            top: 50%;
            left: 10px;
            margin-top: -39px;
            margin-left: -39px;
            height: 78px;
            width: 78px;
            background: #E10019 url(../img/pictos/chevrons-bas.png) center no-repeat;
            border-radius: 50%;
        }

        #home-mea .sia-home-right .home-magazines {
            width: 59.5%;
            display: inline-block;
            vertical-align: top;
            max-width: 518px;
        }

        #home-mea .sia-home-right .home-bloc-nlt {
            width: 39.5%;
            display: inline-block;
            vertical-align: top;
            padding-top: 10px;
            padding-bottom: 10px;
            max-width: 343px;
        }


/* CATEGORIES */
#home-categories {
    padding: 80px 10px 60px;
}

    #home-categories .title-icon {
        padding-bottom: 0;
    }

    #home-categories ul {
        padding-left: 23px;
        border-left: 1px solid #597990;
    }

        #home-categories ul li {
            margin-top: 10px;
        }
        #home-categories ul li:first-child {
            margin-top: 0;
        }

            #home-categories ul li a {
                font-weight: 600;
                color: #597990;
            }


/* SUBSCRIPTIONS */
.home .subscriptions {
    display: table;
}


#right-column section#bloc-nlt,
.home .subscriptions section {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0 20px;
    position: relative;
}

#home-magazines {
    padding-top: 10px;
    padding-bottom: 10px;
    display: table;
    width: 100%;
    padding-left: 30px;
}

#home-magazines div.cover {
    max-width: 254px;
    width: 46.5%;
    display: table-cell;
    vertical-align: top;
}

#home-magazines img.cover {
    width: 100%;
    height: auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    max-width: 254px;
}

#home-magazines > .text {
    width: 53.5%;
    padding: 0 16px;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

    #home-magazines .col {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 48%;
    }

    #home-magazines h2 {
        color: #5A7A90;
        font-size: 35px;
        font-weight: bold;
        padding-bottom: 0;
    }

    #home-magazines .sub {
        color: #777777;
        font-size: 14px;
        font-weight: bold;
    }

    #home-magazines .sub a {
        color: #777777;
        text-decoration: underline;
    }

    #home-magazines .sub a:hover {
        text-decoration: none;
    }

/*    #home-magazines .content {
        margin-top: 20px;
    }*/

    #home-magazines .content .meta {
        color: #5A7A90;
        font-size: 20px;
    }

    #home-magazines .content .meta span {
        font-size: 32px;
    }

    #home-magazines .text > a {
        text-transform: uppercase;
        color: #5A7A90;
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
        font-weight: bold;
        padding-right: 14px;
        height: 14px;
        background: url(../img/pictos/arrow-right-blue.png) no-repeat right 0;
    }

    #home-magazines #popin-adhesion,
    #home-magazines #popin-revue,
    #publication > #popin-revue {
        display: none;
    }

    body.home .popin-adhesion,
    body.revue .popin-adhesion {
        max-width: 720px;
    }

    body.home .popin-adhesion .button,
    body.revue .popin-adhesion .button {
        width: 45%;
    }

#right-column section#bloc-nlt,
.home .subscriptions section.bloc {
    display: inline-block;
    border: 1px solid #5A7A90;
    margin-top: 40px;
    width: 80%;
    float: right;
    position: relative;
    padding: 10px 10px 10px 19%;
    box-sizing: border-box;
}
#right-column section#bloc-nlt,
.home .subscriptions section.bloc:first-child {
    margin-top: 0;
}
#right-column section#bloc-nlt {
    margin-top: 0;
    margin-bottom: 60px;
    margin-right: 0;
    width: 100%;
    float: none;
}
#right-column section#bloc-nlt:before,
.home .subscriptions section.bloc:before {
    content: '';
    display: block;
    border: 1px solid #5A7A90;
    position: absolute;
    top: 50%;
    left: -31px;
    height: 62px;
    width: 62px;
    margin-top: -31px;
    border-radius: 50%;
    background: #FFF center no-repeat;
}
.home .subscriptions section#bloc-twitter:before {
    background-image: url('../img/pictos/picto-twitter.png');
    background-size: 64%;
}
.home .subscriptions section#bloc-twitter #twitter-content ul {
    padding: 0;
}
.home .subscriptions section#bloc-twitter #twitter-content a {
    color: #5A7A90;
}
.home .subscriptions section#bloc-linkedin:before {
    background-image: url('../img/pictos/picto-linkedin.png');
    background-size: 60%;
}
#right-column section#bloc-nlt:before,
.home .subscriptions section#bloc-nlt:before {
    background-image: url('../img/pictos/picto-newsletter.png?v1');
    background-size: 70%;
}

#right-column section.bloc h2,
.home .subscriptions section.bloc h2 {
    color: #E10019;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 8px;
    padding-bottom: 0;
}
#right-column section#bloc-nlt h2 {
    color: #FFF;
}

#right-column section.bloc,
.home .subscriptions section.bloc {
    color: #666666;
    font-size: 13px;
    margin-right: 15px;
}
#right-column section#bloc-nlt a,
.home .subscriptions section#bloc-nlt a {
    color: #FFF;
    text-decoration: none;
}
#right-column section#bloc-nlt a:hover,
.home .subscriptions section#bloc-nlt a:hover {
    text-decoration: underline;
}
#right-column section#bloc-nlt p,
.home .subscriptions section#bloc-nlt p {
    font-weight: bold;
    font-size: 11px;
}
.home .subscriptions section#bloc-nlt form {
    position: relative;
    margin-top: 10px;
}
.home .subscriptions section#bloc-nlt form label.infield {
    top: 10px;
    left: 10px;
}
.home .subscriptions section#bloc-nlt input[type="text"],
.home .subscriptions section#bloc-nlt input[type="email"] {
    display: block;
    border: 1px solid #5A7A90;
    height: 33px;
    width: 100%;
    padding: 10px 43px 10px 10px;
    color: #666666;
    font-size: 13px;
    line-height: 100%;
    box-sizing: border-box;
}
.home .subscriptions section#bloc-nlt input[type="submit"] {
    display: block;
    width: 33px;
    position: absolute;
    top: 0;
    right: 0;
    height: 33px;
    line-height: 36px;
    border-top: 1px solid #5A7A90;
    border-bottom: 1px solid #5A7A90;
    border-right: 1px solid #5A7A90;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #5A7A90;
}

#twitter-content {
    overflow: hidden;
}

#bloc-nlt {
    background: #5A7A90;
    color: #FFF;
}

    #bloc-nlt h2 {
        color: #FFF;
    }

#bloc-linkedin h2 {
    color: #5A7A90;
    margin-top: 8px
}

    #bloc-linkedin h2 a {
        color: #5A7A90;
    }

#bloc-twitter h2 {
    color: #5A7A90;
}

    #bloc-twitter h2 a {
        color: #5A7A90;
    }

#bloc-newsletter {
    width: 40%;
    padding-top: 30px;
    padding-bottom: 40px;
    border-left: 19px solid transparent;
}

    .newsletter .title-icon.mail {
        text-align: left;
        width: auto;
        display: inline-block;
    }
    .newsletter .bloc-newsletter,
    #bloc-newsletter h2 {
        padding-bottom: 20px;
    }

    .newsletter .bloc-newsletter p,
    #bloc-newsletter p {
        margin-bottom: 20px;
    }

    #bloc-newsletter form {
        position: relative;
        padding-right: 50px;
    }

        #bloc-newsletter form input[type="text"],
        #bloc-newsletter form input[type="email"] {
            display: block;
            width: 100%;
        }

        #bloc-newsletter form label {
            top: 1px;
            left: 16px;
            line-height: 36px;
        }

        #bloc-newsletter form input[type="submit"] {
            display: block;
            width: 50px;
            position: absolute;
            top: 0;
            right: 0;
            height: 38px;
            line-height: 36px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            font-weight: bold;
            text-align: center;
            color: #597990;
            background: #fff;
        }


/* HOME ARTICLES */
#home-articles {
    margin-bottom: 100px;
}

    #home-articles li a {
        display: block;
        border: 1px solid #ccc;
        color: #8d8d8d;
    }

    #home-articles li .illus {
        display: block;
        width: 100%;
    }

    #home-articles li .text {
        padding: 20px;
    }

        #home-articles li .title {
            margin-bottom: 5px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #597990;
        }

        #home-articles li p.desc {
            padding-right: 20px;
            background: url(../img/pictos/arrow-right-blue.png) no-repeat right 0;
        }


/* ARTICLE */
#content > header {
    padding-top: 20px;
    padding-bottom: 40px;
}

    #content > header .title {
        position: relative;
    }
    #content > header .title.callforpapers {
        padding-bottom: 20px;
    }
    #content > header .title.pattern-bottom {
        padding-bottom: 40px;
    }

    h1.h1,
    #content > header h1 {
        /*padding-right: 160px;*/
        font-family: 'Roboto', sans-serif;
        font-size: 30px;
        color: #597990;
    }

        #content > header h1 span {
            display: block;
            /*font-size: 18px;*/
            text-transform: uppercase;
        }

        #content > header h1 img {
            vertical-align: baseline;
            margin-left: 10px;
        }

    #content > header .tag {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #content > header .social,
    #content > header .title .switch-lang {
        position: absolute;
        right: 0;
        bottom: 3px;
    }
    #content > header .title.pattern-bottom .social {
        bottom: 43px;
    }

        #content > header .social li {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
        }
        #content > header .social li:first-child {
            margin-left: 0;
        }

            #content > header .social img {
                vertical-align: middle;
                margin-right: 6px;
            }

    .lt-ie9 #content > header h1 {
        padding-right: 190px;
    }
        .lt-ie9 #content > header .social li {
            min-width: 50px;
        }

    #content > header .title .switch-lang li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px;
        opacity: 0.2;
        filter:Alpha(Opacity=20);
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    #content > header .title .switch-lang li:hover,
    #content > header .title .switch-lang li.active {
        opacity: 1;
        filter:Alpha(Opacity=100);
    }

    #content > header .features {
        padding: 40px 0;
        margin-top: 25px;
    }
    #content > header .features.steps {
        padding: 38px 0;
        margin-top: 40px;
    }

        #content > header .features li {
            min-height: 42px;
            padding: 4px 20px 0 60px;
            font-weight: 600;
            text-transform: uppercase;
            position: relative;
        }
        #content > header .features li.place {
            background: url(../img/pictos/map.png) no-repeat 0 0;
        }
        #content > header .features li.price {
            background: url(../img/pictos/price.png) no-repeat 0 0;
        }
        #content > header .features li.info {
            background: url(../img/pictos/info.png) no-repeat 0 0;
        }
        #content > header .features.steps li {
            min-height: 40px;
            padding-top: 12px;
            color: #597990;
        }

            #content > header .features li.date .calendar-number,
            #content > header .features.steps .step-number {
                position: absolute;
                top: 0;
                left: 0;
            }

            #content > header .features.steps .step-number {
                display: block;
                width: 40px;
                height: 40px;
                border: 3px solid #597990;
                font-family: 'Roboto', sans-serif;
                font-weight: bold;
                font-size: 20px;
                line-height: 34px;
                text-align: center;
                color: #597990;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                behavior: url(/pie/PIE.htc);
            }
            #content > header .features.steps .active .step-number {
                color: #fff;
                background: #597990;
            }

    #article-nav {
        padding-top: 40px;
    }

        #article-nav ul {
            display: table;
        }

        #article-nav li {
            display: table-cell;
            vertical-align: middle;
            border-left: 10px solid transparent;
            text-align: center;
        }
        #article-nav li:first-child {
            border-left: none;
        }

            #article-nav li a {
                display: block;
                padding: 12px 15px;
                font-weight: bold;
                text-transform: uppercase;
                color: #597990;
                position: relative;
            }
            #article-nav li a:hover,
            #article-nav li a.active {
                color: #fff;
                background: #597990;
            }
            #article-nav li a.active:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-top: 6px solid #597990;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                position: absolute;
                bottom: -5px;
                left: 50%;
                margin-left: -3px;
            }


/* PRESENTATION */
#presentation .content {
    padding: 0 6.8% 50px 0;
}
#presentation .content a {
    color: #597990;
}
#presentation.hasVideo .content {
    padding-bottom: 0;
}

    #presentation .content table {
        width: 100%;
    }

    #presentation .content .illus {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    #presentation .content .links {
        margin-top: 30px;
    }

    #presentation .content .small-info {
        text-align: right;
    }

#presentation aside {
    padding-bottom: 30px;
}

    aside blockquote {
        padding: 0 30px;
        margin-bottom: 35px;
        font-size: 20px;
        /*font-weight: 300;*/
        text-align: center;
        color: #597990;
        position: relative;
    }
    aside blockquote:before,
    aside blockquote:after {
        content: '';
        display: block;
        width: 26px;
        height: 19px;
        position: absolute;
        left: 0;
        top: -10px;
        background: url(../img/pictos/blockquote-open.png) no-repeat 0 0;
    }
    aside blockquote:after {
        top: auto;
        bottom: -10px;
        left: auto;
        right: 0;
        background-image: url(../img/pictos/blockquote-close.png);
    }

    #presentation aside h2 {
        text-align: center;
    }

    #presentation aside .author {
        padding: 30px 0;
        border-top: 1px solid #c6c6c6;
    }

        #presentation aside .author img {
            width: 94px;
            margin-right: 20px;
        }

        #presentation aside .author .text {
            display: inline-block;
            vertical-align: middle;
            color: #1c1c1c;
            max-width: 65%;
        }

            #presentation aside .author .name {
                font-family: 'Roboto', sans-serif;
                font-size: 18px;
                color: #597990;
            }

            #presentation aside .author .small-info {
                margin-top: 10px;
                color: #8d8d8d;
            }

    #presentation aside .event-links {
        padding: 30px 0;
    }

        #presentation aside .event-links p {
            float: left;
            font-size: 18px;
            line-height: 32px;
            font-weight: 600;
            text-transform: uppercase;
            color: #597990;
        }

        #presentation aside .event-links ul {
            float: right;
        }

            #presentation aside .event-links ul li {
                display: inline-block;
                vertical-align: middle;
                margin-left: 28px;
            }
            #presentation aside .event-links ul li:first-child {
                margin-left: 0;
            }

                #presentation aside .event-links ul li a {
                    display: block;
                    width: 32px;
                    height: 33px;
                    text-indent: -9999px;
                    background: url(../img/pictos/youtube.png) no-repeat 0 0;
                }
                #presentation aside .event-links ul li a.blogger {
                    background-image: url(../img/pictos/blogger.png);
                }
                #presentation aside .event-links ul li a.linkedin {
                    background-image: url(../img/pictos/linkedin.png);
                }

    #presentation aside .partners {
        padding: 10px 0;
    }

        #presentation aside .partners .title {
            padding: 5px 0;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #597990;
        }

        #presentation aside .partners ul {
            text-align: center;
        }

            #presentation aside .partners li {
                display: inline-block;
                margin: 0 4px;
            }

    aside .contact {
        padding: 40px 0 20px;
        border-top: 7px solid #597990;
        font-size: 18px;
        color: #597990;
    }
    #exhibition-sponsoring aside .contact {
        padding-bottom: 40px;
        border-bottom: 7px solid #597990;
        margin-top: 30px;
    }

        aside .contact p {
            margin-bottom: 15px;
        }

        aside .contact .title {
            font-size: 24px;
            margin-bottom: 20px;
        }

        aside .contact p a {
            color: #597990;
        }

#committees .committees {
    padding: 25px 0 60px 0;
}
#committees .committees a {
    color: #597990;
}

    #committees .committees strong {
        font-weight: normal;
        color: #597990;
    }


    #committees .committees li {
        margin-top: 5px;
    }
    #committees .committees li:first-child {
        margin-top: 0;
    }


.freetext .freetext {
    padding: 25px 0 60px 0;
}
.freetext .freetext a {
    color: #597990;
}

    .freetext .freetext strong {
        font-weight: normal;
        color: #597990;
    }


    .freetext .freetext li {
        margin-top: 5px;
    }
    .freetext .freetext li:first-child {
        margin-top: 0;
    }


/* CALL FOR PAPERS */
#call-for-papers {
    padding: 50px 10px;
}

    #call-for-papers .content .links {
        margin-top: 30px;
    }

        #call-for-papers .content .links .button-tooltip {
            display: inline-block;
            vertical-align: middle;
            padding: 16px 20px;
            margin-left: 21px;
            font-weight: 600;
            text-transform: uppercase;
            color: #fff;
            background: #597990;
            position: relative;
        }
        #call-for-papers .content .links .button-tooltip:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-right: 5px solid #597990;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: -5px;
        }

            #call-for-papers .content .links .button-tooltip strong {
                display: block;
            }

    #call-for-papers aside .illus {
        position: relative;
    }

        #call-for-papers aside .illus img {
            display: block;
            width: 100%;
            margin-bottom: 20px;
        }

        #call-for-papers aside .illus .small-info {
            margin: 0;
            position: absolute;
            left: 12px;
            bottom: 10px;
            color: #fff;
        }

    #call-for-papers aside p {
        margin-bottom: 15px;
    }

    #call-for-papers aside .links {
        margin-top: 20px;
    }

#call-for-papers .important-information {
    padding-top: 50px;
    border-top: 1px solid #597990;
    margin-top: 50px;
}

    #call-for-papers .important-information .title {
        padding: 3px 0 3px 45px;
        margin-bottom: 25px;
        font-size: 24px;
        color: #597990;
        background: url(../img/pictos/important-info.png) no-repeat 0 center;
    }

    #call-for-papers .important-information p {
        padding-right: 25px;
        margin-bottom: 15px;
    }

        #call-for-papers .important-information p strong {
            color: #597990;
        }

    #call-for-papers .important-information p.alt {
        font-weight: 600;
        color: #597990;
        text-transform: uppercase;
    }

        #call-for-papers .important-information p.alt strong {
            color: #fb2630;
        }


/* PROGRAM */
#speaker {
    padding: 50px 10px 25px;
}

    #speaker #speakers-carousel {
        width: auto;
        padding-bottom: 30px;
        border-bottom: 4px solid #f3f3f3;
        margin: 0 -21px 0;
    }

        #speaker #speakers-carousel .owl-item {
            padding: 0 21px;
            text-align: center;
        }

            #speaker #speakers-carousel .item > a {
                display: block;
                color: #1c1c1c;
            }
            #speaker #speakers-carousel .item > a:hover .name {
                color: #fb2630;
            }

            #speaker #speakers-carousel .item .photo {
                display: block;
                width: 100%;
                margin-bottom: 20px;
            }

            #speaker #speakers-carousel .item .name,
            .popin .text .name {
                font-family: 'Roboto', sans-serif;
                font-size: 18px;
                color: #597990;
            }

            #speaker #speakers-carousel .item .social {
                margin-top: 12px;
            }

                #speaker #speakers-carousel .item .social li,
                .popin .text .social li {
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 15px;
                }
                #speaker #speakers-carousel .item .social li:first-child {
                    margin-left: 0;
                }

        #speaker #speakers-carousel .owl-prev,
        #speaker #speakers-carousel .owl-next {
            display: block;
            width: 25px;
            height: 42px;
            padding: 0;
            margin: 0;
            opacity: 1;
            text-indent: -9999px;
            position: absolute;
            top: 105px;
            left: -130px;
            background: url(../img/pictos/slider-nav.png) no-repeat 0 0;
            -webkit-border-radius: none;
            border-radius: none;
        }
        #speaker #speakers-carousel .owl-next {
            left: auto;
            right: -130px;
            background-position: -25px 0;
        }
        #speaker #speakers-carousel .owl-prev.disabled,
        #speaker #speakers-carousel .owl-next.disabled {
            opacity: 0.3;
            cursor: default;
        }

/* video */
#video {
    padding: 0 10px 25px 10px;
    background: #FFF;
}
#video .content {
    padding: 0 6.8% 0 0;
}
#video .mejs__overlay-button {
    box-shadow: 0px 0px 10px #000;
    background-color: rgba(0, 0, 0, 0.3);
}

#video .video {
    padding: 0 0 60px 0;
}
#video .video h2 {
    margin-top: 25px;
}
#video .bloc-video {
    width: 350px;
    min-height: 250px;
    display: inline-block;
    padding: 5px;
}
#video .bloc-video a.member {
    display: block;
    background-size: cover;
    background-position: center;
    width: 340px;
    height: 191px;
    position: relative;
}
#video .bloc-video img.member {
    vertical-align: top;
    margin-right: 5px;
}
#video .bloc-video video {
    width: 340px;
    height: 191px;
}
#video .bloc-video .titre {
    width: 100%;
    text-align: center;
    margin-top: 7px;
}
#video #popin-video {
    display: none;
}

.popin-video {
    background: #FFF;
    padding: 50px;
}
.popin-video .button[type="submit"] {
    margin-left: 0;
}
.popin-video .button[type="submit"] {
    margin-top: 20px;
}

/* audio */
#audio {
    padding: 25px 10px;
    background: #FFF;
}
#audio .content {
    padding: 0 6.8% 0 0;
}
#audio .mejs__overlay-button {
    box-shadow: 0px 0px 10px #000;
    background-color: rgba(0, 0, 0, 0.3);
}
#audio .audio {
    padding: 25px 0 60px 0;
}
#audio .bloc-audio {
    width: 350px;
    min-height: 250px;
    display: inline-block;
    padding: 5px;
}
#audio .bloc-audio .poster {
    display: block;
    background-size: cover;
    background-position: center;
    width: 340px;
    height: 191px;
    position: relative;
}
#audio .bloc-audio a.member {
    display: block;
    background-size: cover;
    background-position: center;
    width: 340px;
    height: 191px;
    position: relative;
}
#audio .bloc-audio img.member {
    vertical-align: top;
    margin-right: 5px;
}
#audio .bloc-audio .mejs__container {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
#audio .bloc-audio audio {
    width: 340px;
    height: 191px;
}
#audio .bloc-audio .titre {
    width: 100%;
    text-align: center;
    margin-top: 7px;
}
#audio #popin-audio {
    display: none;
}

.popin-audio {
    background: #FFF;
    padding: 50px;
}
.popin-audio .button[type="submit"] {
    margin-left: 0;
}
.popin-audio .button[type="submit"] {
    margin-top: 20px;
}

/* Planning */
#planning {
    padding: 25px 10px;
    background: #FFF;
}

#planning .planning ul.date {
    min-height: 42px;
    padding: 5px 0 30px 65px;
    position: relative;
}
#planning .planning ul.date.bottom {
    padding: 30px 0 5px 65px;
}

    #planning .planning ul.date li {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 30px;
        font-size: 30px;
    }
    #planning .planning ul.date li:first-child {
        margin-left: 0;
    }

        #planning .planning ul.date .calendar-number {
            position: absolute;
            top: 0;
            left: 0;
        }
        #planning .planning ul.date.bottom .calendar-number {
            top: 25px;
        }

        #planning .planning ul.date li.active {
            font-family: 'Roboto', sans-serif;
            text-transform: uppercase;
            color: #597990;
        }

        #planning .planning ul.date li a {
            /*font-weight: bold;*/
            text-transform: uppercase;
            color: #8d8d8d;
        }

    #planning .planning table {
        width: 100%;
    }
    #planning .planning .part {
        border-top: 2px solid #f3f3f3;
    }
    #planning .planning .part tr.alt {
        background: #F3F3F3;
        font-weight: bold;
        text-transform: uppercase;
    }

    #planning .planning table td {
        float: none;
        vertical-align: top;
    }

    #planning .planning table .col {
        border-left: 8px solid #fff;
    }
    #planning .planning table .col:first-child {
        border-left: none;
    }
    #planning .planning table .col.part-title {
        /*border-left: none;*/
        padding-left: 30px;
    }

        #planning .planning .part-title {
            min-height: 72px;
            padding: 25px 30px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            background: #597990;
            color: #fff;
            overflow-wrap: break-word;
              word-wrap: break-word;
              -ms-word-break: break-all;
              word-break: break-word;
              -ms-hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
        }
        #planning .planning .part-title.alt {
            color: #fb2630;
        }

            #planning .planning .part-title > span {
                display: block;
                font-size: 12px;
                font-weight: normal;
                text-transform: none;
                color: #fff;
            }

                #planning .planning .part-title span .alt {
                    color: #fb2630;
                }

                #planning .planning .part-title span .name {
                    color: #597990;
                    padding-left: 8px;
                    margin-left: 4px;
                    position: relative;
                }
/*
    #planning .planning .line.odd {
        background: #f3f3f3;
    }
*/
    #planning .planning .line.odd.last {
        border-bottom: 30px solid #fff;
    }

        #planning .planning .line > td {
            padding: 18px 30px;
        }

        #planning .planning .line .hour {
            float: left;
            width: 65px;
            font-weight: bold;
            color: #597990;
            background: url(../img/pictos/arrow-right-blue-small.png) no-repeat right 6px;
        }

        #planning .planning .line .entry {
            padding-left: 30px;
            overflow: hidden;
        }

            #planning .planning .line .name {
                margin-top: 18px;
                font-weight: bold;
                color: #597990;
            }
            #planning .planning .line .name:first-child {
                margin-top: 0;
            }

            #planning .planning .line .details li {
                display: inline;
                padding-left: 8px;
                margin-left: 4px;
                position: relative;
            }
            #planning .planning .line .details li:before,
            #planning .planning .part-title span .name:before {
                content: '';
                display: block;
                width: 1px;
                height: 10px;
                position: absolute;
                top: 5px;
                left: 0;
                background: #597990;
            }
            #planning .planning .line .details li:first-child,
            #planning .planning .part-title span .name.first {
                padding-left: 0;
                margin-left: 0;
            }
            #planning .planning .line .details li:first-child:before,
            #planning .planning .part-title span .name.first:before {
                display: none;
            }

                #planning .planning .line .details strong {
                    font-weight: normal;
                    color: #597990;
                }

#planning .links,
#speaker .links {
    margin-top: 30px;
}

#planning .links .link.alt,
#speaker .links .link.alt {
    float: right;
    padding-top: 20px;
    padding-bottom: 16px;
    background-position: right 27px;
}

#planning .small-info,
#speaker .small-info {
    margin-top: 25px;
}


/* REGISTRATION */
#registration {
    padding: 50px 0 60px;
}

    #registration .desc {
        padding: 0 40px 20px;
        text-align: center;
    }

    #registration form {
        padding: 0 40px 0;
    }

        #registration form .title {
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
        }

            #registration form .title span {
                margin-left: 5px;
                font-size: 14px;
            }

            #registration form .title span.small-info {
                float: right;
                margin-left: 0;
                margin-top: 8px;
                font-size: 10px;
                text-transform: none;
            }

        #registration form .column {
            width: 45%;
            float: left;
        }
        #registration form .right {
            float: right;
        }

            #registration form .column li {
                margin-bottom: 14px;
                position: relative;
            }

                #registration form .column li label {
                    display: block;
                    padding-right: 90px;
                    font-weight: 600;
                }

                #registration form .column li .price {
                    margin-top: -11px;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    font-size: 18px;
                    font-weight: bold;
                }

    #registration .links {
        margin-top: 30px;
        text-align: center;
    }

    #registration .content {
        padding-right: 45px;
        border-right: 1px solid #659ECC;
    }

    #registration .content.alone {
        padding-right: 0;
        border-right: 0;
        margin: auto;
        float: none;
    }

    #registration aside {
        padding-left: 35px;
        padding-right: 25px;
        margin-top: 60px;
    }

        #registration aside p {
            font-size: 18px;
        }

            #registration aside p a {
                color: #fff;
            }

        #registration aside .title {
            margin-bottom: 20px;
            font-size: 24px;
        }

        #registration aside .links {
            text-align: left;
        }


/* EXHIBITION */
#exhibition-sponsoring {
    padding: 60px 10px;
}

    #exhibition-sponsoring .illus {
        position: relative;
    }

        #exhibition-sponsoring .illus img {
            display: block;
            width: 100%;
            margin-bottom: 35px;
        }

        #exhibition-sponsoring .illus .small-info {
            position: absolute;
            left: 12px;
            bottom: 10px;
            color: #fff;
        }

    #exhibition-sponsoring .content {
        padding-right: 6.8%;
    }

        #exhibition-sponsoring .content table {
            width: 100%;
        }

        #exhibition-sponsoring .content .links {
            margin-top: 30px;
        }

    #exhibition-sponsoring .logos {
        /*text-align: justify;*/
        margin: 0 -10px;
    }

        #exhibition-sponsoring .logos.platinum img {
            max-width: 170%;
            width: 170%;
        }

        #exhibition-sponsoring .logos li {
            display: inline-block;
            vertical-align: middle;
            margin: 10px;
            position: relative;
            max-width: 95%;
        }

            #exhibition-sponsoring .logos li .tooltip {
                display: none;
                width: 170px;
                padding: 12px 10px;
                position: absolute;
                z-index: 1;
                top: 100%;
                margin-top: 8px;
                left: 50%;
                margin-left: -85px;
                font-size: 11px;
                text-align: center;
                color: #fff;
                background: #597990;
            }
            #exhibition-sponsoring .logos li:hover .tooltip {
                display: block;
            }
            #exhibition-sponsoring .logos li .tooltip:before {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-bottom: 5px solid #597990;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                position: absolute;
                top: -5px;
                left: 50%;
                margin-left: -3px;
            }

                #exhibition-sponsoring .logos li .tooltip .name {
                    font-weight: bold;
                    text-transform: uppercase;
                }

    #exhibition-sponsoring .logos-large {
        margin-top: 50px;
    }


/* ACCESS-ACCOMODATION */
#access-accomodation > .container {
    padding: 60px 0 90px;
    position: relative;
}
.contact #access-accomodation > .container {
    padding: 0;
    position: relative;
}
#access-accomodation > .container.pattern-top {
    padding-top: 69px;
    min-height: 500px;
}

.contact #access-accomodation aside {
    padding: 35px 0;
}

    #access-accomodation .content {
        padding: 0 6.8%;
    }

    #access-accomodation .address {
        padding-top: 45px;
        text-align: center;
    }
    .contact #access-accomodation .address {
        padding: 45px 100px;
    }

        #access-accomodation .address .title,
        #access-accomodation .hotels .title {
            margin-bottom: 8px;
            font-family: 'Roboto', sans-serif;
            font-size: 22px;
            color: #597990;
        }

        #access-accomodation .address .sub-title,
        #access-accomodation .address .numbers {
            margin-bottom: 20px;
            font-weight: 600;
            text-transform: uppercase;
            color: #1c1c1c;
        }

        #access-accomodation .address .numbers {
            margin-bottom: 0;
        }

            #access-accomodation .address .numbers li {
                margin-top: 15px;
            }
            #access-accomodation .address .numbers li:first-child {
                margin-top: 0;
            }

            #access-accomodation .address .numbers img {
                margin-right: 10px;
            }

    #access-accomodation .itinerary {
        padding-top: 30px;
        border-top: 1px solid #c6c6c6;
        margin-top: 30px;
    }
    .contact #access-accomodation .itinerary {
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

        #access-accomodation .itinerary li {
            margin-bottom: 15px;
        }

            #access-accomodation .itinerary .pictos {
                margin-right: 10px;
            }

            #access-accomodation .itinerary img {
                margin-right: 2px;
                margin-bottom: 3px;
            }

            #access-accomodation .itinerary .links {
                padding-top: 30px;
                border-top: 1px solid #c6c6c6;
                margin-top: 30px;
            }

    #access-accomodation .hotels {
        padding-top: 45px;
        margin-top: 30px;
        text-align: center;
    }
    .contact #access-accomodation .hotels {
        padding-top: 0;
        margin-top: 0;
    }

        #access-accomodation .hotels .title {
            margin-bottom: 20px;
        }

        #access-accomodation .hotels .sub-title {
            margin-bottom: 15px;
        }

            #access-accomodation .hotels .sub-title strong,
            #access-accomodation .hotels .name,
            #access-accomodation .hotels .name a {
                font-weight: 600;
                color: #597990;
            }
            #access-accomodation .hotels .name a:hover {
                text-decoration: underline;
            }

        #access-accomodation .hotels li {
            margin-bottom: 15px;
        }

            #access-accomodation .hotels .name {
                text-transform: uppercase;
            }

    #access-accomodation .map {
        position: absolute;
        top: 70px;
        right: 0;
        bottom: 105px;
    }
    .contact #access-accomodation .map {
        top: 0;
        bottom: 0;
    }


/* HUB FORMATIONS */
.hub-formations {
    padding-bottom: 80px;
}

    .hub-formations h2 {
        margin-bottom: 60px;
    }

    .hub-formations h3.list-toggle {
        display: flex;
        align-items: center;
        border: 1px solid;
        padding: 8px 19px;
    }

    .hub-formations h3.list-toggle span {
        font-size: inherit;
    }

    .hub-formations h3.list-toggle span.text {
        display: inline;
        flex: 1;
    }

    .hub-formations h3.list-toggle span.arrow::after {
        content: '>';
        display: block;
        transform: rotate(-90deg);
    }

    .hub-formations h3.list-toggle[aria-expanded="false"] span.arrow::after {
        transform: rotate(90deg);
    }

    .hub-formations article p {
        margin-bottom: 15px;
    }

        .hub-formations article p strong {
            color: #597990;
        }

    .hub-formations article ul.list[aria-expanded="false"] {
        display: none;
    }


/* FORMATION */
#formation {
    padding-bottom: 50px;
}

    #formation .content {
        margin-bottom: 30px;
    }

    #formation .wysiwyg strong {
        color: inherit;
    }

    #formation .objectifs p {
        margin-bottom: 15px;
    }

    #formation .next-sessions a,
    #formation .next-sessions strong,
    #formation .next-sessions .dates,
    #formation .next-sessions .anim span {
        color: #597990;
    }

        #formation .next-sessions .dates span {
            display: block;
            font-size: 18px;
            font-weight: 600;
        }

        #formation .next-sessions .anim  {
            margin-bottom: 15px;
            margin-top: 10px;
        }

        #formation .next-sessions .anim strong {
            display: block;
        }


/* ACCOUNT */
#content.account h2 {
    margin-bottom: 60px;
}

    #content.account .my-account,
    #content.tunnel .part.participant,
    #content.tunnel .part.facturation .address {
        font-size: 18px;
        color: #597990;
    }

        #content.account .my-account p,
        #content.tunnel .part.participant p,
        #content.tunnel .part.facturation .address p {
            margin-bottom: 20px;
        }

        #content.account .my-account a,
        #content.tunnel .part.participant a,
        #content.tunnel .part.facturation .address a {
            color: #597990;
        }

    #content.account .my-account header {
        margin-bottom: 30px;
    }

        #content.account .my-account header p {
            margin-bottom: 0;
            font-family: 'Roboto', sans-serif;
            font-size: 30px;
            text-transform: uppercase;
            color: #597990;
        }

            #content.account .my-account header p span {
                display: block;
                color: #597990;
            }

        #content.account .my-account header p.num-member,
        #content.account .my-account header p.info-member {
            font-size: 18px;
        }

    #content.account .columns {
        margin-top: 40px;
    }

        #content.account .columns .col {
            padding-right: 10px;
        }

        #content.account .columns .list .title {
            font-size: 16px;
        }

    #content.account .my-account .account-links {
        padding-left: 20px;
        border-left: 1px solid #597990;
    }

        #content.account .my-account .account-links li {
            margin-top: 15px;
        }
        #content.account .my-account .account-links li:first-child {
            margin-top: 0;
        }


/* LIST */
.list li {
    padding-left: 19px;
    border-left: 1px solid #597990;
    margin-top: 30px;
}
.actu .list li {
    height: 100px;
}
.list li:first-child {
    margin-top: 0;
}
.list.images li,
.list.pictos li {
    padding-left: 0;
    border-left: none;
}
.list.pictos li {
    /*padding-left: 50px;*/
    position: relative;
}

    .list li .image {
        display: block;
        float: left;
        width: 24%;
        border: 1px solid #ccc;
        margin-right: 20px;
    }

    .list li .image.thumb {
        width: auto;
        height: 41px;
    }
    .actu .list li .image.thumb {
        height: 100px;
    }

    .list li .picto {
        position: absolute;
        top: 0;
        left: 0;
    }

    .list li .text {
        overflow: hidden;
    }

    .list li p {
        margin-bottom: 5px;
    }

    .list li a,
    .magazine a,
    .newsletter a,
    .non-membre a {
        color: #597990;
    }

    .list li .title,
    .magazine .title {
        font-size: 16px;
        font-weight: 600;
        color: #597990;
    }


    .list.images li .title,
    .list.pictos li .title,
    .hub-publications article .list .title {
        font-size: 18px;
    }

    .list li .cat {
        display: block;
        font-weight: normal;
        font-size: 16px;
    }
    .list.images li .cat,
    .list.actus li .title {
        font-weight: 600;
        /*text-transform: uppercase;*/
    }

    .list li .title img {
        margin-left: 5px;
    }

    .list li .infos,
    .magazine .infos {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        color: #1c1c1c;
    }

/*nav ul,
.check-list,
*/
section.wrap ul.check-list,
ul.column,
ul.col.span-6-12,
#access-accomodation ul {
    padding-left: 0;
}
.check-list li {
    /*padding: 15px 20px 0;*/
    padding: 15px 10px 0 20px;
    background: url(../img/pictos/check.png) no-repeat 0 17px;
}
.check-list li li {
    padding-top: 0;
    background-position: 0 2px;
}
.check-list li li:first-child {
    padding-top: 15px;
    background-position: 0 17px;
}


/* MAGAZINE */
.magazine {
    margin-bottom: 35px;
}

    .magazine img,
    .magazine .text {
        display: inline-block;
        vertical-align: middle;
        max-width: 45%;
    }
    .magazine .text {
        max-width: 48%;
        margin-left: 4%;
        position: relative;
        top: -10px;
    }

    .magazine p,
    .magazine .title {
        margin-bottom: 5px;
    }


/* RIGHT COLUMN */
#right-column {
    padding-left: 40px;
}

    #right-column .bloc-image {
        display: block;
        margin-bottom: 60px;
        position: relative;
        color: #fff;
    }

        #right-column .bloc-image img {
            display: block;
            width: 100%;
        }

        #right-column .bloc-image p {
            padding-top: 25px;
            padding-left: 30px;
            border-top: 7px solid #fff;
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 25px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #fff;
            background: url(../img/pictos/arrow-right-white.png) no-repeat 10px 28px;
        }

    #right-column .bloc-list,
    #right-column .bloc-magazines {
        display: block;
        padding-top: 50px;
        border-top: 7px solid #597990;
    }
    #right-column .bloc-list {
        margin-bottom: 50px;
    }

        #right-column .bloc-list li {
            border-left-width: 3px;
        }

            #right-column .bloc-list li .title {
                font-size: 18px;
            }

        #right-column .bloc-list > .title,
        #right-column .bloc-magazines > .title {
            margin-bottom: 30px;
            font-size: 24px;
            color: #597990;
        }


/* HUB EVENTS */
#hub-events {
    position: relative;
    /*background: #597990;*/
    /*background: #597990 url(../img/pictos/hub-events-shadow.jpg) repeat-x 0 0;*/
}
#hub-events:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    background: #fff;
}

    #hub-events #content {
        padding-bottom: 60px;
        position: relative;
    }
    #hub-events #content:before {
        content: '';
        display: block;
        width: 68.3%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background: #fff;
    }

    #hub-events .left-column,
    #hub-events .right-column {
        float: left;
    }

    #hub-events #breadcrumb,
    #hub-events h2,
    #hub-events .left-column {
        width: 68.6%;
        padding-right: 2.9%;
        position: relative;
        z-index: 1;
        background-color: #fff;
    }
    #hub-events h2 {
        padding-right: 0;
        position: relative;
        left: -2.9%;
    }

    #hub-events .right-column {
        width: 31.4%;
        padding-left: 2.9%;
        color: #597990;
    }

    #hub-events .left-column h3.month {
        padding-bottom: 0;
        margin-top: 60px;
        margin-bottom: 30px;
        background: url(../img/pictos/pattern-border.png) repeat 0 0;
    }
    #hub-events .left-column h3.month:first-child {
        margin-top: 0;
    }

        #hub-events .left-column h3.month span {
            padding-right: 20px;
            font-size: 22px;
            display: inline-block;
            background: #fff;
        }

    #hub-events .left-column .illus {
        display: block;
        width: 100%;
        border: 1px solid #c0c0c0;
        margin-bottom: 30px;
    }

        #hub-events .left-column .list {
            min-height: 60px;
        }
        #hub-events .left-column .list li {
            min-height: 41px;
            padding-left: 63px;
            border-left: none;
            position: relative;
        }
        #hub-events .left-column .list li.ended {
            opacity: 0.5;
        }
        #hub-events .left-column .list li.ended a {
            color: #1c1c1c;
        }
        #hub-events .left-column .list li.pattern-bottom {
            padding-bottom: 34px;
        }

            #hub-events .left-column .list li .calendar-number {
                position: absolute;
                top: 0;
                left: 0;
            }

            #hub-events .left-column .list li p {
                margin-bottom: 5px;
            }

    #hub-events .right-column > div {
        padding-top: 40px;
        border-top: 7px solid #597990;
        margin-top: 40px;
    }
    #hub-events .right-column > div:first-child {
        margin-top: 0;
    }

    #hub-events .right-column .filter {
        padding-top: 30px;
    }

        #hub-events .right-column .filter p {
            margin-bottom: 10px;
            font-weight: bold;
            text-transform: uppercase;
        }

        #hub-events .right-column .filter .selecter-selected {
            border: 1px solid #597990;
        }

    #hub-events .right-column .become-member {
        font-size: 18px;
        text-align: center;
        margin-bottom: 60px;
    }
    #hub-events .right-column .become-member.rates {
        padding-top: 100px;
        background: url(../img/pictos/newsletter.png) no-repeat center 30px;
    }

        #hub-events .right-column .become-member .links {
            margin-top: 20px;
        }

        #hub-events .right-column .become-member .links a {
            background-color: #597990;
        }

        #hub-events .right-column .become-member .links a:hover {
            color: #FFF;
        }

    #hub-events .right-column .events-by-year li {
        margin-top: 20px;
    }
    #hub-events .right-column .events-by-year li:first-child {
        margin-top: 0;
    }

    #hub-events .right-column .infos p {
        margin-bottom: 15px;
    }
    #hub-events .right-column .infos .title {
        padding-left: 50px;
        font-size: 24px;
        line-height: 30px;
        background: url(../img/pictos/info-white.png) no-repeat 0 0;
    }

#partners-events {
    padding: 80px 0;
    color: #fff;
    background: #597990;
}

    #partners-events h3,
    #partners-events .list {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
    }

    #partners-events h3 {
        padding: 0 40px;
        font-size: 30px;
        color: #fff;
        text-align: center;
    }

    #partners-events .list {
        width: 44%;
        margin-left: 4%;
    }

        #partners-events .list li {
            border-left: 3px solid #fff;
        }

            #partners-events .list li p {
                margin-bottom: 5px;
            }

            #partners-events .list li .title a,
            #partners-events .list li .title {
                font-size: 18px;
                color: #fff;
            }

                #partners-events .list li .title span {
                    display: block;
                    font-weight: normal;
                }

            #partners-events .list li .desc {
                color: #add4fe;
            }

            #partners-events .list li .infos {
                color: #fff;
            }


/* HUB PUBLICATIONS */
#content.account,
#content.hub-publications,
#content.search-results {
    padding-bottom: 100px;
}

    .hub-publications h2 {
        text-transform: none;
    }

.bloc-search-large {
    padding: 35px 0 35px 0;
    margin-bottom: 40px;
}

    .bloc-search-large form {

    }

    .bloc-search-large form .picto {
        background: url(../img/pictos/loupe-gray.png) no-repeat 20px center;
        padding: 0 48px 0 60px;
    }

    .bloc-search-large form .form {
        position: relative;
        padding-right: 48px;
    }

        .bloc-search-large form .form label.infield {
            top: 1px;
            left: 16px;
            line-height: 36px;
        }

        .bloc-search-large form .form input {
            display: block;
            width: 100%;
            background: #f9f9f9;
        }

        .bloc-search-large form .form input[type="submit"] {
            width: 48px;
            position: absolute;
            top: 0;
            right: 0;
            height: 38px;
            line-height: 36px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            font-weight: bold;
            text-align: center;
            color: #597990;
        }

    .bloc-search-large form .centres-interet {
        padding: 10px 48px 0 60px;
        background: #fff;
    }

        .bloc-search-large form .centres-interet .cf {
            margin-top: 10px;
        }

        .bloc-search-large form .centres-interet label {
            font-weight: normal;
            color: #597990;
        }

.account article .links,
.hub-publications article .links,
.search-results article .links {
    margin-top: 30px;
}

article .magazines {
    padding-top: 40px;
    margin-top: 30px;
}

    article .magazines li {
        display: inline-block;
        vertical-align: top;
        width: 48%;
    }


/* RESULTAT DE RECHERCHE */
#content.search-results h2 {
    position: relative;
    padding-right: 200px;
    text-transform: none;
}

    #content.search-results h2 .result-numb {
        float: right;
        position: absolute;
        right: 0;
        bottom: 34px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 18px;
        text-transform: uppercase;
    }

#content.account h3.pattern-top,
#content.search-results h3.pattern-top {
    padding-top: 40px;
}
#content.search-results h3.pattern-top {
    margin-top: 30px;
}

#content.search-results .pagination.bottom {
    margin-top: 30px;
}

    #content.search-results .pagination .selecter {
        float: left;
        width: 200px;
        border: 1px solid #ccc;
    }

        #content.search-results .pagination .selecter .selecter-selected {
            background: #f9f9f9;
        }

    #content.search-results .pagination .right {
        text-align: right;
    }

    #content.search-results .pagination .link {
        line-height: 38px;
        background-position: 0 center;
        background-image: url(../img/pictos/arrow-left-blue.png);
    }

    #content.search-results .pagination .pages,
    .pagination .pages li {
        display: inline-block;
        vertical-align: middle;
    }
    #content.search-results .pagination .pages {
        margin-left: 30px;
    }
    .pagination .pages li {
        margin-left: 6px;
    }
    .pagination .pages li:first-child {
        margin-left: 0;
    }

        .pagination .pages li > span,
        .pagination .pages li > a {
            display: block;
            width: 38px;
            height: 38px;
            line-height: 38px;
            font-weight: bold;
            text-align: center;
            color: #597990;
            background: #f3f3f3;
        }
        .pagination .pages li a:hover,
        .pagination .pages li .active {
            color: #fff;
            background: #597990;
        }


/* PUBLICATION */
#publication.actu .visuel {
    margin-right: 3%;
}
/*
#publication.actu .wysiwyg img {
    margin: 10px;
}
*/
#publication.actu .wysiwyg ul {
    margin: 1em 0;
    padding-left: 40px;
    list-style: disc;
}
#publication.actu .wysiwyg table {
    border-collapse: separate;
    border-spacing: 10px 10px;
}


/* PUBLICATION */
#publication {
    padding-bottom: 100px;
}

    #publication .visuel {
        margin-right: 10.07%;
        display: block;
        position: relative;
        text-align: center;
    }

        #publication .visuel .fancybox-image-thumb {
            display: none;
        }
        #publication .visuel .fancybox-image-thumb.preview {
            display: inline;
            max-height: 80px;
            max-width: 80px;
            margin: 5px;
        }
        #publication .visuel .fancybox-image-thumb.preview img {
            height: auto;
            width: auto;
            max-width: 80px;
            max-height: 80px;
            display: inline;
            border: 1px solid #CCC;
        }
        #publication .visuel .fancybox-image-thumb:first-child {
            display: block;
            margin-bottom: 10px;
        }

        #publication .visuel .photo {
            display: block;
            width: 100%;
        }

        #publication .visuel .loupe {
            position: absolute;
            right: 16px;
            bottom: 17px;
        }

    #publication .content {
        overflow: hidden;
    }

    #publication:not(.actu) .content table {
        width: 100% !important;
    }

    #publication ul {
        padding-left: 0;
    }
    #publication .wysiwyg ul {
        padding-left: 40px;
        list-style: disc;
    }

    #publication .wysiwyg.revue .text {
        font-size: 16px;
        font-weight: bold;
        color: #ff0000;
        text-align: center;
    }
    #publication .wysiwyg.revue .subtext {
        font-size: 14px;
        font-style: italic;
        text-align: center;
    }
    #publication .wysiwyg.revue a {
        color: #444;
        text-decoration: underline;
    }
    #publication .wysiwyg.revue a:hover {
        text-decoration: none;
    }

    #publication .table {
        margin-bottom: 40px;
    }

        #publication .table li {
            margin-bottom: 10px;
            font-size: 18px;
            color: #597990;
        }

            #publication .table li .label {
                display: inline-block;
                vertical-align: top;
                width: 165px;
                font-weight: bold;
                float: left;
            }

            #publication .table li .text {
                display: block;
                margin-left: 170px;
            }

            #publication .table li a {
                color: #597990;
                text-decoration: none;
            }

            #publication .table li a:hover {
                text-decoration: underline;
            }

    #publication .purchase {
        margin-top: 35px;
    }

        #publication .select-fee {
            margin: 20px 0;
            color: #597990;
        }

        #publication .select-fee .title {
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
        }

            #publication .select-fee .title span {
                margin-left: 5px;
                font-size: 14px;
            }

        #publication .select-fee li {
            width: 70%;
            margin-bottom: 14px;
            position: relative;
        }

            #publication .select-fee li label {
                display: block;
                padding-right: 60px;
            }

            #publication .select-fee li .price {
                margin-top: -11px;
                position: absolute;
                right: 0;
                top: 9px;
                font-size: 18px;
                font-weight: bold;
            }

    #publication .links {
        margin-top: 30px;
    }

    #publication #popin-add {
        display: none;
    }

    .popin-add {
        background: #FFF;
        padding: 50px;
    }

    #publication .button[type="button"],
    .popin-add .button[type="submit"] {
        margin-left: 0;
    }
    .popin-add .button[type="submit"] {
        margin-top: 20px;
    }


/* Advanced Search */
#right-column .advanced-search {
    color: #597990;
    background: #fff;
}

    #right-column .advanced-search h3 {
        padding: 25px 30px;
        /*border-bottom: 1px solid #597990;*/
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 24px;
        text-transform: none;
        /*color: #fff;*/
    }

    #right-column .advanced-search .selecter-selected {
        border: 1px solid #597990;
    }

    #right-column .advanced-search input {
        border: none;
        height: 36px;
    }

    #right-column .advanced-search input[type="submit"] {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 30px 20px 50px;
        border: 3px solid #597990;
        margin-left: 0;
        text-align: left;
        background-position: 30px 27px;
        color: #597990;
        background-image: url(../img/pictos/arrow-right-blue.png);
    }
    #right-column .advanced-search input[type="submit"]:hover {
        color: #FFF;
        background-color: #597990;
        background-image: url(../img/pictos/arrow-right-white.png);
    }

    #right-column .advanced-search .container {
        padding: 25px 30px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        #right-column .advanced-search .container > div {
            margin-top: 25px;
        }
        #right-column .advanced-search .container > div:first-child {
            margin-top: 0;
        }

        #header .advanced-search .title,
        #right-column .advanced-search .container .title {
            margin-bottom: 15px;
            font-weight: bold;
            text-transform: uppercase;
        }

        #right-column .advanced-search .datepicker {
            margin-bottom: 10px;
            position: relative;
        }

            #right-column .advanced-search .datepicker input {
                display: block;
                width: 100%;
            }

            #right-column .advanced-search .datepicker label.infield {
                top: 0;
                left: 15px;
                line-height: 36px;
            }

        #right-column .advanced-search .price .checkbox,
        #right-column .advanced-search .domaines .checkbox {
            margin-top: 15px;
        }
        #right-column .advanced-search .checkbox .trans-element-checkbox {
            background-image: url(../img/pictos/checkbox-blue.png);
        }
        #right-column .advanced-search .domaines .checkbox:first-child {
            margin-top: 0;
        }
/*
            #right-column .advanced-search .domaines .checkbox label {
                font-weight: normal;
            }
*/

/* ADHESION */
#content.adhesion-sia {
    margin-bottom: 60px;
}

    #content.adhesion-sia h2 {
        margin-bottom: 60px;
    }

    #content.adhesion-sia #registration {
        padding-bottom: 0;
        margin-bottom: 50px;
    }

        #content.adhesion-sia #registration h3 {
            padding: 0 40px 30px;
            font-size: 30px;
            text-align: center;
            color: #fff;
        }

        #content.adhesion-sia #registration .links {
            padding: 15px 40px;
            border-top: 1px solid #fff;
            margin-left: -40px;
            margin-right: -40px;
            margin-top: 25px;
            text-align: left;
        }

#content.adhesion-form {
    margin-bottom: 100px;
}

    .formulaire .part.fee .title {
        margin-bottom: 20px;
        position: relative;
        font-weight: bold;
        text-transform: none;
    }

        .formulaire .part.fee .title .price {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 24px;
        }

    .formulaire .part.fee .line {
        margin-top: 10px;
    }

        .formulaire .part.fee .field {
            display: inline-block;
            vertical-align: middle;
        }

    .formulaire .birthday-container {
        padding-right: 250px;
        position: relative;
    }

        .formulaire .birthday-container .birthday {
            position: absolute;
            top: 0;
            right: 0;
            width: 250px;
        }
        .formulaire .birthday-container .birthday .span-3-12 {
            width: 29.4%;
        }
        .formulaire .birthday-container .birthday .span-6-12 {
            width: 38%;
        }

    .formulaire .checkbox.newsletter {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .formulaire .links > .link {
        line-height: 66px;
        background-position: 0 center;
    }

    .formulaire .links .align-left {
        float: left;
        text-align: left;
    }

    .formulaire .links .align-right {
        float: right;
        text-align: right;
    }


/* INSCRIPTION */
#content.inscription {
    margin-bottom: 60px;
}

    #content.inscription > header {
        padding: 80px 0 30px;
    }

    .formulaire .select-address {
        margin-bottom: 30px;
    }

        .formulaire .select-address p {
            margin-bottom: 10px;
        }

    #content.inscription .part.domaines {
        color: #597990;
    }

    .formulaire p.legal {
        margin-bottom: 30px;
    }


/* SITEMAP */
#content.sitemap {
    margin-bottom: 60px;
}

    #content.sitemap h2 {
        margin-bottom: 40px;
    }

    #content.sitemap article > ul > li {
        margin-bottom: 30px;
    }

    #content.sitemap li a:hover {
        text-decoration: underline;
    }

        #content.sitemap article > ul > li > a {
            font-weight: 600;
            text-transform: uppercase;
            color: #597990;
        }

        #content.sitemap ul ul li {
            margin-top: 5px;
        }

            #content.sitemap li li a {
                color: #8d8d8d;
            }

            #content.sitemap ul ul ul {
                padding-left: 10px;
            }

                #content.sitemap li li li a {
                    color: #597990;
                }


/* GOUVERNANCE */
#content.gouvernance {
    margin-bottom: 60px;
}

    #content.gouvernance h2 {
        margin-bottom: 40px;
    }

    #content.gouvernance article > ul {
        width: 100%;
        vertical-align: top;
    }

    #content.gouvernance article > ul > li {
        margin-bottom: 30px;
        display: inline-block;
        width: 195px;
        height: 264px;
        vertical-align: top;
    }

    #content.gouvernance article > ul > li .img {
        width: 100%;
        height: auto;
        padding: 0;
        background: center/cover no-repeat;
    }

    #content.gouvernance article > ul > li .img::before {
        content: '';
        width: 100%;
        padding-top: calc(189 / 195 * 100%);
        display: block;
    }

    #content.gouvernance article > ul > li > div {
        background: #5A7A90;
        color: #FFF;
        font-size: 12px;
        padding: 6px;
        height: 95px;
        box-sizing: border-box;
    }


/* ÉQUIPE */
#content.equipe-sia {
    margin-bottom: 60px;
}

    #content.equipe-sia h2 {
        margin-bottom: 40px;
    }

    #content.equipe-sia article {
        min-height: 1150px;
    }

    #content.equipe-sia article > ul {
        position: relative;
        width: 100%;
        vertical-align: top;
        margin-bottom: 60px;
        display: block;
    }

    #content.equipe-sia article > ul:before {
        content: '';
        position: absolute;
        background: #5A7A90;
        height: 580px;
        width: 2px;
        top: 133px;
        left: 33%;
        margin-left: -1px;
        z-index: 0;
    }

    #content.equipe-sia article > ul:after {
        content: '';
        position: absolute;
        background: #5A7A90;
        height: 2px;
        width: 60%;
        top: 427px;
        left: 15%;
        z-index: 0;
    }

    #content.equipe-sia article > ul > li {
        position: absolute;
        margin-bottom: 30px;
        display: inline-block;
        width: 195px;
        height: 266px;
        vertical-align: top;
        z-index: 1;
    }

    #content.equipe-sia article > ul > li.orga-1 {
        top: 0;
        left: 33%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li.orga-2 {
        top: 294px;
        left: 15%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li.orga-3 {
        top: 294px;
        left: 51%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li.orga-4 {
        top: 294px;
        left: 86%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li.orga-5 {
        top: 588px;
        left: 33%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li.orga-6 {
        top: 882px;
        left: 33%;
        margin-left: -97px;
    }

    #content.equipe-sia article > ul > li img {
        width: 100%;
        height: auto;
    }

    #content.equipe-sia article > ul > li > div {
        background: #5A7A90;
        color: #FFF;
        font-size: 12px;
        padding: 6px;
        height: 77px;
        box-sizing: border-box;
    }

    #content.equipe-sia article > ul > li > div.no-image {
        background: #D8D8D8;
        padding: 0;
        height: 189px;
    }


/* ANNUAIRE */
#content.annuaire,
#content.member {
    margin-bottom: 60px;
}

    #content.annuaire h2,
    #content.member h2 {
        padding-bottom: 5px;
        text-transform: none;
    }

    #content.annuaire p.title-desc {
        margin-bottom: 10px;
    }

    #content.annuaire .no-logged p {
        margin-bottom: 20px;
        font-size: 18px;
        color: #597990;
    }

    #content.member .societe {
        font-weight: bold;
        text-transform: uppercase;
    }

    #content.member header {
        margin-bottom: 50px;
    }

        #content.member header .societe {
            padding-left: 18px;
            border-left: 2px solid #597990;
            margin-top: 13px;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            line-height: 1em;
            font-weight: normal;
            color: #597990;
        }

    #content.member article {
        font-size: 18px;
    }

        #content.member article p {
            margin-bottom: 20px;
        }

        #content.member article strong,
        #content.member article a {
            color: #597990;
        }

        #content.member article .domaines li {
            min-height: 17px;
            padding-left: 30px;
            margin-top: 15px;
            font-size: 14px;
            color: #597990;
            position: relative;
        }
        #content.member article .domaines li:first-child {
            margin-top: 0;
        }
        #content.member article .domaines li:after {
            content: '';
            display: block;
            width: 19px;
            height: 17px;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../img/pictos/checkbox-blue.png) no-repeat 0 -17px;
        }
        #content.member article .domaines li.not-checked:after {
            background-position: 0 0;
        }

.members-list.entreprises {
    font-size: 0;
}
.members-list.entreprises li {
    width: 18%;
    margin-bottom: 25px;
    margin-right: 2.5%;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.members-list.entreprises li:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    -webkit-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);
}
.members-list.entreprises li:nth-child(5n) {
    margin-right: 0;
}
.members-list.entreprises li a {
    display: block;
    padding: 20px;
    width: 100%;
    text-transform: none;
    background: none;
}
.members-list.entreprises li span {
    text-indent: -9999px;
    background: center no-repeat;
    background-size: contain;
    display: block;
    height: 75px;
}
.members-list li:first-child {
    margin-top: 0;
}

.members-list.personnes li {
    margin-bottom: 15px;
    font-size: 14px;
    border-top: 1px solid #CCC;
    padding-top: 15px;
}
.members-list.personnes li:first-child {
    border: 0;
}

    .members-list li .name,
    .members-list li .name a {
        color: #597990;
    }

    .members-list li .name {
        width: 26%;
    }

    .members-list li .societe {
        width: 27%;
        margin-left: 3.2%;
        text-transform: uppercase;
    }

    .members-list li .fonction {
        margin-left: 3.2%;
        width: 40%;
    }


/* CONTACT */
.contact .formulaire {
    padding: 50px 0 100px;
}


/* MENTIONS LÉGALES */
body.mentions-legales #content p {
    margin: 10px 0;
    text-align: justify;
}
body.mentions-legales #content a {
    color: #5A7A90;
}
body.mentions-legales #content h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    color: #597990;
    position: relative;
    margin-top: 10px;
}
body.mentions-legales #content h5 {
    font-weight: bold;
    color: #597990;
    margin-top: 10px;
}
body.mentions-legales #content ul {
    list-style: disc;
}


/* CREDITS */
body.credits #content p {
    margin: 10px 0;
    text-align: justify;
}


/* CONNEXION */
#content.connexion h2,
#content.abonnement h2 {
    margin-top: 60px;
    padding-bottom: 50px;
}
#content.abonnement h2 {
    padding-bottom: 25px;
}

#content.abonnement .intro {
    margin: 20px 0;
    font-size: 16px;
    text-align: center;
    color: #597990;
}

    #content.abonnement .intro strong {
        font-weight: 600;
    }

.squarres-3 {
    display: table
}

    .squarres-3 > .col {
        display: table-cell;
        float: none;
        width: 33.87%;
        padding: 50px 50px 70px;
        border-left: 19px solid #fff;
        text-align: center;
        background: #f3f3f3;
        position: relative;
    }
    .squarres-3 > .col.blue-part {
        background: #597990;
    }
    .squarres-3 > .col.img {
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }
    .squarres-3 > .col:first-child {
        width: 32.26%;
        border-left: none;
    }

        .squarres-3 h3 {
            color: #597990;
        }
        .squarres-3 .blue-part h3,
        .squarres-3 .blue-part .text {
            color: #fff;
        }

        .squarres-3 .text {
            padding-top: 20px;
            padding-bottom: 30px;
            font-size: 18px;
            color: #454545;
        }

        .squarres-3 .links,
        #popin-login .links {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 50px;
        }

            .squarres-3 form,
            #popin-login form {
                padding-bottom: 20px;
            }

                .squarres-3 form .line,
                #popin-login form .line {
                    position: relative;
                    margin-bottom: 15px;
                }

                .squarres-3 form input,
                #popin-login form input {
                    display: block;
                    width: 100%;
                    border: none;
                }

                .squarres-3 form label.infield,
                #popin-login form label.infield {
                    top: 0;
                    left: 15px;
                    line-height: 36px;
                }

                .squarres-3 .forget-pwd,
                #popin-login .forget-pwd {
                    font-size: 13px;
                    font-weight: 600;
                    font-style: italic;
                    color: #fff;
                }

.continue {
    padding: 20px 0;
    text-align: center;
    background: #f3f3f3;
    position: relative;
    margin-bottom: 10px;
}


/* TUNNEL DE COMMANDE */
#content.tunnel {
    padding-bottom: 100px;
}

#content.tunnel header {
    padding-top: 80px;
}

    #content.tunnel .part table {
        width: 100%;
        font-size: 18px;
        color: #597990;
    }

    #content.tunnel .part table a {
        color: #597990;
    }

    #content.tunnel .part table tr {
        border-bottom: 1px solid #597990;
    }

    #content.tunnel .part table td,
    #content.tunnel .part table th {
        padding: 20px 20px 20px 0;
        text-align: left;
        vertical-align: top;
    }
    #content.tunnel .part table th {
        padding-top: 0;
        font-weight: 600;
        text-transform: uppercase;
    }

    #content.tunnel .part table .code {
        width: 11%;
    }

    #content.tunnel .part table .date {
        padding-right: 0;
    }

    #content.tunnel .part table .quantity {
        width: 115px;
        padding-left: 20px;
        padding-right: 0;
        text-align: right;
    }

    #content.tunnel .part table .quantity a {
        display: inline-block;
        text-align: center;
        width: 22px;
        margin: 0;
        padding: 0;
        line-height: 18px;
    }

    #content.tunnel .part table .quantity a:hover {
        color: #FFF;
    }

    #content.tunnel .part table .quantity a:after {
        display: none;
    }

    #content.tunnel .part table .quantity span {
        width: 20px;
        display: inline-block;
        text-align: center;
        margin: 0 5px;
    }

    #content.tunnel .part table .quantity span.single {
        width: 68px;
    }

    #content.tunnel .part table .format {
        width: 130px;
        padding-left: 20px;
        padding-right: 0;
        text-align: right;
    }

    #content.tunnel .part table .price {
        width: 130px;
        padding-left: 20px;
        padding-right: 0;
        text-align: right;
    }

    #content.tunnel form > .links {
        margin-top: 40px;
    }

/* Commande */
    #content.tunnel .part.payment.banque {
        color: #597990;
    }

    #content.tunnel .part.commande .total {
        margin-top: 25px;
    }

        #content.tunnel .part.commande .total .align-right {
            float: right;
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            color: #597990;
        }

        #content.tunnel .part.commande .total .align-right span {
            display: inline-block;
            min-width: 140px;
            font-weight: bold;
            text-align: right;
        }

/* Participant */
    #content.tunnel .part.participant p strong,
    #content.tunnel .part.facturation p strong {
        font-weight: bold;
    }

    #content.tunnel .part.participant .email {
        padding-left: 20px;
        border-left: 1px solid #597990;
    }

        #content.tunnel .part.participant .email p {
            margin-bottom: 0;
        }

        #content.tunnel .part.participant .email strong {
            display: block;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

    #content.tunnel .part.participant .links,
    #content.tunnel .part.facturation .links {
        margin-top: 0;
    }

        #content.tunnel .part.participant .links li,
        #content.tunnel .part.facturation .links li {
            margin-top: 15px;
        }
        #content.tunnel .part.participant .links li:first-child,
        #content.tunnel .part.facturation .links li:first-child {
            margin-top: 0;
        }

/* Facturation */
    #content.tunnel .part.facturation .tva {
        padding-right: 40px;
        min-height: 1px;
    }

        #content.tunnel .part.facturation .tva label {
            display: block;
            margin-bottom: 5px;
            color: #454545;
        }

/* Paiement */
    #content.tunnel .part.payment .choice {
        padding-top: 35px;
        border-top: 1px solid #597990;
        margin-top: 25px;
    }
    #content.tunnel .part.payment .choice:first-child {
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

        #content.tunnel .part.payment .radio-appearance {
            margin-top: 0;
        }

            #content.tunnel .part.payment .radio-appearance .trans-element-radio {
                margin-top: 2px;
                margin-bottom: 6px;
            }

            #content.tunnel .part.payment .radio-appearance label {
                font-size: 18px;
                font-weight: 600;
                text-transform: uppercase;
                color: #597990;
            }

        #content.tunnel .part.payment .online li {
            display: inline-block;
            vertical-align: middle;
            margin-right: 55px;
        }
        #content.tunnel .part.payment .online li:last-child {
            margin-right: 0;
        }

            #content.tunnel .part.payment .online li .trans-element-radio {
                margin-top: 23px;
            }

            .lt-ie9 #content.tunnel .part.payment .online li label {
                display: inline-block;
            }

        #content.tunnel .part.payment .online p,
        #content.tunnel .part.payment .cheque p {
            margin-top: 20px;
        }

        #content.tunnel .part.payment .cheque .address {
            font-weight: 600;
            color: #597990;
        }

        #content.tunnel .part.payment .cheque .links {
            margin-top: 5px;
        }

            #content.tunnel .part.payment .cheque .link {
                line-height: 1.2em;
            }

/* Confirmation */
    #content.tunnel .confirmation p {
        font-size: 18px;
        color: #597990;
        margin-bottom: 50px;
    }


#content.tunnel.newsletter .bloc-newsletter p {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #597990;
    margin-bottom: 10px;
}

/* FOOTER */
#footer {
    padding: 30px 0;
    color: #fff;
    background: #597990;
}

    #footer .left {
        float: left;
    }

    #footer .right {
        margin-top: 17px;
        float: right;
    }

        #footer #footer-nav {
            padding: 10px 0;
        }

            #footer #footer-nav li {
                display: inline-block;
                padding-left: 20px;
                border-left: 1px solid #677aab;
                margin-left: 16px;
            }
            #footer #footer-nav li:first-child {
                padding-left: 0;
                border-left: none;
                margin-left: 0;
            }

                #footer #footer-nav li a {
                    line-height: 1em;
                    font-weight: 600;
                    text-transform: uppercase;
                    color: #fff;
                }
                #footer #footer-nav li a:hover {
                    text-decoration: underline;
                }

        #footer .copyright {
            font-size: 12px;
        }

    #footer .social {
        float: right;
        text-align: right;
    }

        #footer .social .newsletter,
        #footer .social ul {
            display: inline-block;
            vertical-align: middle;
        }

        #footer .social .newsletter {
            padding-left: 50px;
            margin-right: 50px;
            background: url(../img/pictos/footer-nl.png) no-repeat 0 center;
        }

            #footer .social .newsletter form {
                position: relative;
            }

                #footer .social .newsletter label {
                    top: 7px;
                    left: 13px;
                    font-size: 13px;
                    color: #172548;
                }
                .lt-ie9 #footer .social .newsletter label {
                    z-index: 2;
                    top: 8px;

                }
                #footer .social .newsletter input {
                    float: left;
                    width: 174px;
                    height: 30px;
                    padding: 0 13px;
                    border: none;
                    border-right: 1px solid #626b83;
                    font-size: 13px;
                    line-height: 30px;
                    color: #172548;
                    -webkit-border-radius: 14px 0 0 14px;
                    border-radius: 14px 0 0 14px;
                    background: #fff;
                }
                .lt-ie9 #footer .social .newsletter input {
                    behavior: url(/pie/PIE.htc);
                    position: relative;
                }

                #footer .social .newsletter input[type="submit"] {
                    width: auto;
                    padding: 0 10px 0 8px;
                    border: none;
                    font-weight: bold;
                    -webkit-border-radius: 0 14px 14px 0;
                    border-radius: 0 14px 14px 0;
                }

        #footer .social ul li {
            display: inline-block;
            vertical-align: middle;
            margin-left: 25px;
        }
        #footer .social ul li:first-child {
            margin-left: 0;
        }

            #footer .social ul li a {
                display: block;
                height: 23px;
                text-align: left;
                text-indent: -9999px;
                background: url(../img/pictos/social.png) no-repeat 0 0;
            }
            #footer .social ul li .facebook {
                width: 13px;
            }
            #footer .social ul li .twitter {
                width: 24px;
                background-position: -39px 0;
            }
            #footer .social ul li .google {
                width: 15px;
                background-position: -84px 0;
            }
            #footer .social ul li .linkedin {
                width: 24px;
                background-position: -126px 0;
            }


/* POPIN */
.popin {
    max-width: 1190px;
    padding: 50px 60px 50px 50px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}
.popin-content {
    display: none;
}

    .popin .photo {
        float: left;
        margin-right: 40px;
    }

    .popin .text {
        overflow: hidden;
    }

        .popin .text .name {
            color: #fb2630;
            display: inline-block;
            vertical-align: middle;
        }

        .popin .text .social {
            display: inline-block;
            vertical-align: middle;
        }

        .popin .text .function {
            color: #1c1c1c;
            margin-bottom: 15px;
        }

#popin-login {
    width: 384px;
    padding: 50px 50px 70px;
    text-align: center;
    background: #597990;
    position: relative;
}

    #popin-login h3 {
        color: #fff;
    }

    .popin-login .fancybox-close {
        top: -2px;
        right: -2px;
        background-image: url(../img/pictos/close-popin-light.png);
    }

.button.renouvelement:after {
    right: 15px;
}

body strong.no-color {
    font-weight: bold !important;
    color: inherit !important;
}
body strong.blue {
    font-weight: bold !important;
    color: #597990 !important;
}

body .check-list.no-space li {
    padding: 0 10px 0 20px;
    background: url(../img/pictos/check.png) no-repeat 0 1px;
}
body ul.default {
    list-style: inherit !important;
    padding: 0 0 0 40px !important;
}
body ul.default li {
    margin: 0 !important;
}



/* RESPONSIVE */
@media only screen and (max-width: 1530px) {
    #speaker #speakers-carousel .owl-prev {
        left: -50px;
    }
    #speaker #speakers-carousel .owl-next {
        right: -50px;
    }
}

@media only screen and (max-width: 1360px) {
    #speaker {
        overflow: hidden;
    }

    #speaker #speakers-carousel .owl-prev {
        left: 31px;
    }
    #speaker #speakers-carousel .owl-next {
        right: 31px;
    }
}

@media only screen and (max-width: 1200px) {
    #home-mea > span {
        text-align: left;
        left: 25px;
    }
    #home-carousel .item .text {
        left: 0;
        margin-left: 65px;
    }
    #home-carousel .item h2,
    #home-carousel .item .links {
        text-align: left;
    }
}

@media only screen and (max-width: 1170px) {
    .link,
    .button {
        margin-left: 20px;
        font-size: 16px;
    }
    .button {
        padding: 15px 35px 15px 15px;
    }
    .button:after {
        right: 15px;
    }
    .button.pdf {
        padding-left: 60px;
        background-position: 18px center;
    }
    .link.pdf {
        padding-left: 40px;
    }

    .formulaire .links > .link {
        line-height: 60px;
    }

    #header #logo {
        margin-bottom: 20px;
    }

    #header #second-nav {
        margin-top: 35px;
    }

    #header #main-nav {
        /*display: table;*/
        width: 100%;
        border-top: 1px solid #337fbb;
        margin-left: 0;
        clear: both;
        text-align: left;
    }

        #header #main-nav .menu ul,
        #header #main-nav #search-bar {
            border-top: none;
        }

        #header #main-nav .menu li {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

        #header #main-nav .menu li a {
            font-size: 14px;
        }


        #header #main-nav .menu ul.sub {
            left: 14px;
        }
/*
    #presentation.v1 .content,
    #presentation.v1 aside {
        float: none;
        width: auto;
        padding-right: 0;
        margin-left: 0;
    }
*/
    #presentation.v2 aside .author img {
        float: left;
    }

    #presentation.v2 aside .author .text {
        display: block;
        overflow: hidden;
    }

    #presentation.v2 aside .event-links p,
    #presentation.v2 aside .event-links ul {
        float: none;
    }
    #presentation.v2 aside .event-links ul {
        margin-top: 10px;
        text-align: center;
    }

    #speaker .links .link.alt {
        padding-top: 17px;
        padding-bottom: 13px;
        background-position: right 24px;
    }

    #call-for-papers .content .links .button-tooltip {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    #content.adhesion-sia #registration .links {
        text-align: center;
    }

    .squarres-3 > .col {
        padding: 20px 20px 40px;
        border-left: 19px solid #fff;
    }
    .squarres-3 > .col:first-child {
        width: 32.26%;
        border-left: none;
    }

        .squarres-3 h3 {
            font-size: 18px;
        }

        .squarres-3 .text {
            font-size: 14px;
        }

        .squarres-3 .links {
            bottom: 20px;
        }

            .squarres-3 .link {
                font-size: 14px;
            }

    .formulaire form .part {
        padding-left: 20px;
        padding-right: 20px;
    }

        .formulaire h3 {
            font-size: 18px;
        }

            .formulaire h3 span.small-info {
                bottom: 21px;
            }

        .formulaire form .part .line .mobile-large {
            margin-top: 15px;
            margin-left: 0;
            width: auto;
            float: none;
        }
        .formulaire form .part .line .mobile-large:first-child {
            margin-top: 0;
        }
        .formulaire .birthday-container {
            padding-right: 0;
        }
        .formulaire .birthday-container .birthday {
            position: static;
            margin-top: 15px;
        }

    #content.search-results .pagination .link + .pages {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    /*#footer .left,*/
    #footer .social {
        float: none;
        text-align: center;
    }

    #footer .social {
        margin-bottom: 20px;
    }
    #planning .planning .line .hour {
        width: 50px;
    }
    #planning .planning .line .entry {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 1024px) {
    #planning .planning .line .hour {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
    #planning .planning .line .entry {
        padding-left: 0;
    }
    #home-carousel .item .bubble {
        right: 10%;
    }
    #home-carousel .item .text {
        width: 520px;
    }
}

@media only screen and (max-width: 1000px) {
    #hub-events .ui-datepicker .ui-datepicker-title,
    #hub-events .right-column .become-member {
        font-size: 16px;
    }
    #hub-events .ui-datepicker .ui-state-default {
        width: 24px;
        height: 24px;
        font-size: 10px;
        line-height: 20px;
    }

    #partners-events h3 {
        padding: 0 20px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 970px) {
    #home-magazines {
        display: block;
    }
    #home-magazines div.cover {
        max-width: none;
        width: 80%;
        text-align: center;
        display: block;
    }
    #home-magazines img.cover {
        max-width: 254px;
    }
    #home-magazines > .text {
        width: 80%;
        display: block;
    }
}

@media only screen and (max-width: 900px) {
    #header #second-nav li.welcome {
        display: block;
    }

        #header #second-nav li.welcome span {
            padding: 0;
            padding-right: 10px;
        }

    .home .col,
    .home .subscriptions section {
        padding-left: 0;
        padding-right: 0;
    }

    .home .subscriptions section:before,
    .home .subscriptions section:after {
        left: 0;
        right: 0;
    }

    #home-magazines h2 {
        font-size: 26px;
    }

    #bloc-newsletter {
        border-left-width: 12px;
    }

    #speaker .planning .line > td {
        padding: 10px;
    }

    #speaker .planning .part-title {
        font-size: 16px;
    }

    #speaker .planning .line .hour {
        width: 55px;
    }

    #speaker .planning .line .entry {
        padding-left: 10px;
    }

    #access-accomodation .content {
        padding-left: 3%;
        padding-right: 3%;
    }

    .contact #access-accomodation .address {
        padding-left: 30px;
        padding-right: 30px;
    }

    #right-column {
        padding-left: 0;
    }

        #right-column .bloc-image p {
            left: 10px;
            right: 10px;
            bottom: 15px;
            padding-top: 10px;
            font-size: 14px;
            background-position: 10px 12px;
        }

    .magazine {
        font-size: 12px;
    }

        #right-column .bloc-magazines > .title {
            font-size: 20px;
        }

        .magazine .text {
            top: -5px;
        }

        .magazine .title {
            font-size: 14px;
        }

    #registration form .column {
        float: none;
        width: auto;
    }

    #registration form .title span.small-info {
        float: none;
        display: block;
    }

    #content.account .my-account {
        font-size: 16px;
    }
    #content.tunnel .part.participant,
    #content.tunnel .part.facturation .address {
        font-size: 14px;
    }

        #content.account .my-account header p {
            font-size: 24px;
        }

    #content.tunnel .part table {
        font-size: 14px;
    }

    #content.equipe-sia article > ul::before {
        left: 36%;
    }

    #content.equipe-sia article > ul::after {
        top: 390px;
    }

    #content.equipe-sia article > ul > li {
        width: 130px;
    }

    #content.equipe-sia article > ul > li.orga-1,
    #content.equipe-sia article > ul > li.orga-5,
    #content.equipe-sia article > ul > li.orga-6 {
        left: 42.5%;
    }

    #content.equipe-sia article > ul > li.orga-2 {
        left: 25%;
    }

    #content.equipe-sia article > ul > li.orga-3 {
        left: 60%;
    }

    #content.equipe-sia article > ul > li.orga-4 {
        left: 90%;
    }
}

@media only screen and (max-width: 800px) {
    #right-column .ui-datepicker {
        left: auto !important;
        right: 0 !important;
    }
    #header .ui-datepicker {
        left: 0 !important;
    }

    #registration .content {
        padding-right: 10px;
    }
    #registration form {
        padding: 0 28px 0;
    }
/*
    #publication .content table img {
        min-width: 225px;
        padding-right: 20px !important;
    }
*/
    #publication .content table img {
        max-width: none !important;
    }
    /*
    #hub-events .col {
        float: none;
        width: auto;
    }

    #hub-events .col:first-child {
        margin-bottom: 20px;
    }
    */
}

/* PRINT */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}