@charset "utf-8";

/* Site SOSIE by contact@curubi.fr */
/* Code Quality Tool https://jigsaw.w3.org/css-validator/#validate_by_input */

/* @media all */

/* Add by by CURUBI */

html,
body {
    min-height: 100%;
}

/* Prevent Superscripts and Subscripts from Affecting Line-Height */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*clearfix*/
.clearfix {
    height: 1%
}

.clearfix:after {
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

/* No highlighting on select */
input::-webkit-selection,
textarea::-webkit-selection {
    background: #c8daf6;
}

input::-moz-selection,
textarea::-moz-selection {
    background: #c8daf6;
}

input::selection,
textarea::selection {
    background: #c8daf6;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#isMobile {
    display: block;
    content: '';
    width: 0.5px;
    height: 0.5px;
    overflow: hidden;
}

.hidden {
    display: none;
}

.forceBlock {
    display: block !important;
}

t {
    font-size: 1em;
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1em;
}

.trespetit {
    font-size: 0.5em;
}

.petit {
    font-size: 0.75em;
}

.grand {
    font-size: 2em;
}

.tresgrand {
    font-size: 3em;
}

.texterouge {
    color: #a00000 !important;
}

.textevert {
    color: #00a000 !important;
}

.textebleu {
    color: #0000a0 !important;
}

.textejaune {
    color: #ffcc33 !important;
}

.fondrouge {
    background-color: #a00000;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondvert {
    background-color: #00a000;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondbleu {
    background-color: #0000a0;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.fondjaune {
    background-color: #ffcc33;
    color: #ffffff;
    padding: 0 0.5em 0 0.5em;
    font-weight: 500;
}

.centre {
    text-align: center;
    display: block;
    max-width: 100% !important;
}

.gauche {
    text-align: left;
    display: block;
    max-width: 100% !important;
}

.droite {
    text-align: right;
    display: block;
    max-width: 100% !important;
}

.justifie {
    text-align: justify;
    display: block;
    max-width: 100% !important;
}

.marge {
    margin: 2em;
    display: inline-block;
}

.marge_gauche {
    margin-left: 2em;
    display: inline-block;
}

.marge_droite {
    margin-right: 2em;
    display: inline-block;
}

.marge_haute {
    margin-top: 2em;
    display: inline-block;
}

.marge_basse {
    margin-bottom: 2em;
    display: inline-block;
}

.pleine_largeur {
    width: 100% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.troisquart_largeur {
    width: 75% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.moitier_largeur {
    width: 50% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.quart_largeur {
    width: 25% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.icone_largeur {
    width: 2em !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
}

.pleine_largeur img,
.troisquart_largeur img,
.moitier_largeur img,
.quart_largeur img,
.icone_largeur img {
    width: 100% !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
}

.icone_largeur img {
    vertical-align: middle;
}

.spip_documents_left {
    margin-right: 1em;
}

.spip_documents_right {
    margin-left: 1em;
}

.vignettes img {
    width: 12em !important;
    height: auto !important;
    max-width: initial !important;
    max-height: initial !important;
    display: inline-block;
    cursor: pointer;
    margin: 2em;
}

.modal {
    max-width: 90%;
}

.left {
    float: left;
}

.right {
    float: right;
}

strong {
    font-weight: bold;
}

i,
blockquote {
    font-style: italic;
}

table.spip {
    border: 1px solid black;
    border-collapse: collapse;
    margin: 1em 0;
}

.spip th,
.spip td {
    border: 1px solid black;
    padding: 1em;
    text-align: left;
}

.spip th {
    background-color: #b8d3fe;
}

.spip tr:hover {
    background-color: #d1e3fe;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
}

/* ratio 6:9eme 560 sur 315px*/
.ratio169 {
    width: 100%;
    padding-top: 56.25%;
    margin-top: 1em;
    position: relative;
}

.ratio169 iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media print,
all and (min-width: 768px) {
    .ratio169.videoSOSIE {
        width: 50%;
        padding-top: 28.125%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Surcharge classes admin */
.spip-admin-bloc,
.spip-admin-float {
    top: 0 !important;
    right: 0 !important;
    z-index: 100;
}

.spip-admin-boutons,
a.spip-admin-boutons,
.spip-admin-boutons a {
    color: #fff !important;
    font-size: 0.8em;
    font-weight: normal;
    background: #1c4f9c;
    opacity: 0.7;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.spip-admin-boutons:hover,
a.spip-admin-boutons:hover,
.spip-admin-boutons a:hover {
    background: #1c4f9c;
    opacity: 1;
}

/* Surcharge classes cookieBar */
#cookie-bar {
    display: none;
    font-size: 1.2em;
    background: #e6eefa;
    color: #1c4f9c;
}

#cookie-bar a {
    padding: 0.5em
}

#cookie-bar .cb-enable {
    background: #1c4f9c;
    color: #fff;
}

#cookie-bar .cb-enable:hover {
    background: #1c4f9c;
    opacity: 0.7
}

/* CSS spécifique SOSIE */
.intro {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

a,
li {
    -webkit-transition: border-color 0.5s ease;
    -moz-transition: border-color 0.5s ease;
    -o-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
}

/* burger menu */
.hamburger {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.5em;
    height: 5em;
    z-index: 98;
}

.hamburger:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 8 */
    filter: alpha(opacity=100);
    /* IE 5-7 */
    -khtml-opacity: initial;
    /* Safari 1 */
    -moz-opacity: initial;
    /* Netscape */
    opacity: initial;
    /* Modern Browsers */
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    height: 3px;
    background-color: #fff;
}

/* Loader */
#loading {
    display: block;
    position: absolute;
    top: 4em;
    left: 50%;
}

#loading img {
    position: relative;
    left: -50%;
    width: 100px;
    /* in px to not change with responsive.*/
    height: auto;
}

#accueil {
    visibility: hidden;
}

#accueil.visible {
    visibility: visible;
}

/* Moteur de recherche */
#formulaire_recherche {
    font-size: 1em;
    position: absolute;
}

#formulaire_recherche .recherche {
    font-size: 1.3em;
    padding-left: 0.5em;
    height: 2em;
    width: 7em;
    border: 0.5px solid #b8c9d5;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

#formulaire_recherche .submit {
    font-size: 1.3em;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-size: 1.3em;
    background-repeat: no-repeat;
    background-image: url("search.png");
    height: 2em;
    width: 2em;
}

.pagination-items {
    margin: 2rem 0;
}

.page_content .menu li.pagination-item {
    display: inline-block;
    padding: .5rem;
    margin: .25rem;
}

.page_content .menu li.pagination-item:first-of-type {
    margin-left: 0;
}

.page_content .menu li.pagination-item:last-of-type {
    margin-right: 0;
}

.page_content .menu li.pagination-item.active {
    border: 1px solid #1c4f9c;
}

@media print,
all and (min-width: 768px) {
    /*font-size:16px = 1em in index.js>curubi.responsive.js*/

    /* -------- PAGE D'ACCUEIL --------- */
    body.page_sommaire {
        background-color: #fff;
        background-position: center top;
        background-size: 60em;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }

    body.page_sommaire.background {
        background-image: url("fond_page_accueil.png");
    }

    .page_sommaire #accueil {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 60em;
    }

    .page_sommaire .hamburger {
        display: block;
    }

    .page_sommaire #formulaire_recherche {
        right: 0;
        top: 0;
    }

    .page_sommaire #formulaire_recherche .recherche:hover,
    .page_sommaire #formulaire_recherche .recherche:focus {
        width: 10em;
    }

    .page_sommaire #menu_deroulant {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 97;
        background-color: #1c4f9c;
        height: 0;
        width: 100%;
        overflow: hidden;
        background-position: 22em center;
        background-size: 30em;
        background-repeat: no-repeat;
        background-image: url("logo_sosie_blanc.png");
        -webkit-transition: height 0.3s ease;
        -moz-transition: height 0.3s ease;
        -o-transition: height 0.3s ease;
        transition: height 0.3s ease;
    }

    .page_sommaire #menu_deroulant.is-visible {
        height: 22em;
        border-bottom: 0.2em solid #fff;
    }

    .page_sommaire #menu_deroulant li {
        padding: 1em;
    }

    .page_sommaire #menu_deroulant li.n1 {
        padding-top: 6em;
    }

    .page_sommaire #menu_deroulant a {
        font-size: 1.3em;
        color: #fff;
        text-decoration: none;
        border-bottom: 0.5px solid #fff;
    }

    .page_sommaire #menu_deroulant a:hover {
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #menu_haut {
        font-size: 0.8em;
        display: block;
        position: absolute;
        top: 0.7em;
        left: 18em;
    }

    .page_sommaire #menu_haut li {
        zoom: 1;
        /* IE6 & 7 */
        *display: inline;
        /* IE6 & 7 */
        display: -moz-inline-stack;
        /* Firefox 2 */
        display: inline-block;
        /* Modern browser */
        font-size: 1.5em;
        margin-right: 1em;
    }

    .page_sommaire #menu_haut li.n1 {
        /*margin-right: 1em;*/
    }

    .page_sommaire #menu_haut li.n2 {
        /*margin-right: 2em;*/
    }

    .page_sommaire #menu_haut li.intro.init {
        margin-right: 0em;
    }

    .page_sommaire #menu_haut a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #menu_haut a:hover {
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #logo_sosie {
        position: absolute;
        top: 2.5em;
        left: 17em;
        width: 25em;
    }

    .page_sommaire #logo_sosie.intro.init {
        left: 0;
    }

    .page_sommaire #losanges_sosie {
        position: absolute;
        top: 8em;
        left: 9em;
        width: 42em;
    }

    .page_sommaire #losanges_sosie.intro.init {
        left: 0;
    }

    .page_sommaire #services {
        color: #1c4f9c;
        position: absolute;
        display: block;
        top: 36em;
        left: 3.3em;
    }

    .page_sommaire #services.intro.init {
        left: 0;
    }

    .page_sommaire #services a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #services a:hover {
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #services li {
        font-size: 1.7em;
        line-height: 2em;
        background-position: left center;
        background-size: 2em;
        background-repeat: no-repeat;
        padding-left: 2.5em;
    }

    .page_sommaire #services li.n1 {
        margin-left: 0;
        background-image: url("mini-losange.png");
        /*url("un.png");*/
    }

    .page_sommaire #services li.n2 {
        margin-left: 1.85em;
        background-image: url("mini-losange.png");
        /*url("deux.png");*/
    }

    .page_sommaire #services li.n3 {
        margin-left: 3.75em;
        background-image: url("mini-losange.png");
        /*url("trois.png");*/
    }

    .page_sommaire #services li.n4 {
        margin-left: 5.65em;
        background-image: url("mini-losange.png");
        /*url("quatre.png");*/
    }

    .page_sommaire #transports {
        color: #1c4f9c;
        position: absolute;
        display: block;
        top: 62em;
        left: 6em;
    }

    .page_sommaire #transports.intro.init {
        left: 0;
    }

    .page_sommaire #transports a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #transports a:hover {
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #transports li {
        font-size: 1.7em;
        line-height: 3em;
        background-position: left center;
        background-size: 3em;
        background-repeat: no-repeat;
        padding-left: 3.5em;
    }

    .page_sommaire #transports li.n1 {
        margin-left: 0.5em;
        margin-bottom: 0.5em;
        background-image: url("camion.png");
    }

    .page_sommaire #transports li.n2 {
        margin-left: 4em;
        margin-bottom: 0.5em;
        background-image: url("bateau.png");
    }

    .page_sommaire #transports li.n3 {
        margin-left: 7em;
        background-image: url("avion.png");
    }

    .page_sommaire #produits {
        color: #fff;
        text-align: center;
        position: absolute;
        display: block;
        top: 28em;
        right: 0;
    }

    .page_sommaire #produits a {
        color: #fff;
        text-decoration: none;
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #produits a:hover {
        border-bottom: 0.5px solid #fff;
    }

    .page_sommaire #produits h2 {
        padding-bottom: 0.1em;
    }

    .page_sommaire #produits ul {
        position: relative;
        display: block;
    }

    .page_sommaire #produits li {
        position: absolute;
        display: block;
        width: 15em;
    }

    .page_sommaire #produits li.n1 {
        top: 10em;
        right: -2em;
    }

    .page_sommaire #produits li.n2 {
        top: 16em;
        right: 4em;
    }

    .page_sommaire #produits li.n3 {
        top: 22em;
        right: 10em;
    }

    .page_sommaire #produits li.n4 {
        top: 28em;
        right: 16.2em;
    }

    .page_sommaire #produits li.n5 {
        top: 28em;
        right: 3em;
    }

    .page_sommaire #produits li.n6 {
        top: 34em;
        right: 10em;
    }

    .page_sommaire #produits img {
        max-width: initial;
        width: 10em;
    }

    .page_sommaire #promotions {
        color: #1c4f9c;
        text-align: center;
        position: absolute;
        display: block;
        top: 79em;
        right: 1em;
        width: 17em;
    }

    .page_sommaire #promotions.intro.init {
        left: 0;
    }

    .page_sommaire #promotions a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid transparent;
    }

    .page_sommaire #promotions a:hover {
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #promotions h2 {
        font-size: 2.3em;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .page_sommaire #promotions p {
        font-size: 1.2em;
        font-weight: bold;
    }

    .page_sommaire #promotions img {
        max-height: 10em;
        width: auto;
    }

    .page_sommaire #promotions prix {
        font-size: 1.8em;
    }

    .page_sommaire #contacts {
        color: #fff;
        position: absolute;
        display: block;
        top: 80em;
        left: 0.3em;
        margin-left: 1em;
    }

    .page_sommaire #contacts h2 {
        font-size: 1.8em;
        margin-bottom: 1.5em;
    }

    .page_sommaire #contacts a {
        color: #fff;
        text-decoration: none;
    }

    .page_sommaire #contacts a:hover {
        border-bottom: 1px solid #fff;
    }

    .page_sommaire #contacts .tDIR,
    .page_sommaire #contacts .tCOM,
    .page_sommaire #contacts .tSEC,
    .page_sommaire #contacts .mCOM,
    .page_sommaire #contacts .mSEC,
    .page_sommaire #contacts .tADD,
    .page_sommaire #contacts .tTEL {
        font-weight: 500;
        padding-bottom: 0.5em;
    }

    .page_sommaire #contacts .sFH,
    .page_sommaire #contacts .sCA,
    .page_sommaire #contacts .sTR,
    .page_sommaire #contacts .sAR,
    .page_sommaire #contacts .sIG,
    .page_sommaire #contacts .sMM,
    .page_sommaire #contacts .sCAU {
        font-weight: 700;
        padding-bottom: 0.5em;
    }

    .page_sommaire #contacts .sFH,
    .page_sommaire #contacts .sCA,
    .page_sommaire #contacts .sAR,
    .page_sommaire #contacts .sIG,
    .page_sommaire #contacts .sMM,
    .page_sommaire #contacts .tADD,
    .page_sommaire #contacts .tTEL {
        display: inline-block;
    }

    .page_sommaire #contacts .tDIR {
        padding-left: 8.1em;
    }

    .page_sommaire #contacts .sFH {
        padding-right: 7.1em;
    }

    .page_sommaire #contacts .tCOM {
        padding-left: 7.6em;
    }

    .page_sommaire #contacts .sTR {
        padding-left: 6.2em;
    }

    .page_sommaire #contacts .sAR,
    .page_sommaire #contacts .sIG {
        padding-right: 1em;
    }

    .page_sommaire #contacts .mCOM {
        /*padding-left: 4.8em;*/
    }

    .page_sommaire #contacts .tSEC {
        padding-left: 7.4em;
    }

    .page_sommaire #contacts .sCAU {
        padding-left: 5.8em;
    }

    .page_sommaire #contacts .mSEC {
        padding-left: 4.7em;
    }

    .page_sommaire #contacts .tADD {
        padding-right: 4em;
    }

    .page_sommaire #menu_bas {
        font-size: 0.8em;
        display: block;
        position: absolute;
        top: 126.7em;
        right: 0;
        height: 2em;
    }

    .page_sommaire #menu_bas li {
        font-size: 1.5em;
        zoom: 1;
        /* IE6 & 7 */
        *display: inline;
        /* IE6 & 7 */
        display: -moz-inline-stack;
        /* Firefox 2 */
        display: inline-block;
        /* Modern browser */
    }

    .page_sommaire #menu_bas li.n1 {
        margin-right: 1em;
    }

    .page_sommaire #menu_bas li.n2 {
        margin-right: 2em;
    }

    .page_sommaire #menu_bas a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #menu_bas a:hover {
        border-bottom: 0.5px solid transparent;
    }

    /* -------- PAGE DE CONTENU --------- */
    body.page_content {
        padding: 13em 5em 0 5em;
        background-color: #e6eefa;
        background-position: center top;
        background-size: 100%;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-image: url("fond_page_contenu.png");
    }

    .page_content h2,
    .page_content h3 {
        font-size: 1.5em;
        color: #1c4f9c;
        border-left: 4px solid #1c4f9c;
        padding-left: 1em;
        margin-top: 2em;
    }

    .page_content .logo {
        position: absolute;
        top: 5em;
        left: 5em;
        width: 20em;
    }

    .page_content .nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 79em;
        height: 4em;
        padding-top: 1em;
        background-color: #e6eefa;
    }

    .page_content #menu_haut ul,
    .page_content #menu_haut li,
    .page_content #formulaire_recherche,
    .page_content #formulaire_recherche form {
        float: left;
    }

    .page_content #formulaire_recherche {
        position: relative;
    }

    .page_content #menu_haut a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid #1c4f9c;
        padding: 0.35em;
    }

    .page_content #menu_haut a:hover {
        color: #fff;
        background-color: #1c4f9c;
        border-bottom: 0.5px solid transparent;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#b5c9d4, Direction=0, Strength=0.1em);
        -webkit-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -moz-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -o-box-shadow: 0 0 1em 0.2em #b5c9d4;
        box-shadow: 0 0 1em 0.2em #b5c9d4;
    }

    .page_content #menu_haut li {
        font-size: 1.5em;
        padding: 0.3em 1em 0 0;
    }

    .page_content #content {
        font-size: 1.3em;
        font-weight: bold;
    }

    .page_content #content p {
        line-height: 1.2em;
        margin: 1em 0;
    }

    .page_content #content a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid transparent;
    }

    .page_content #content a:hover {
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_content #content .spip_documents a:hover {
        border-bottom: 0.5px solid transparent;
    }

    .page_content #content .arbo {
        margin-bottom: 1.5em;
        color: #1c4f9c;
    }

    .page_content .footer {
        margin: 4em 0 1em 0;
    }

    .page_content #menu_bas {
        width: 100%;
        text-align: center;
    }

    .page_content #menu_bas li {
        font-size: 1.5em;
        padding-left: 1em;
        margin: 0;
        display: inline-block;
        list-style-type: none;
        font-weight: normal;
    }

    .page_content #menu_bas a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_content #menu_bas a:hover {
        border-bottom: 0.5px solid transparent;
    }

    .page_content .menu li {
        font-size: 1.2em;
        padding: 1em 0 0 0;
        /*background-position: left bottom;
        background-size: 1em;
        background-repeat: no-repeat;
        background-image: url("puce.png");*/
    }

    .page_content #content .partenaire {
        display: block;
        float: left;
        margin: 1em;
        width: 10em;
        min-height: 10em;
    }

    .page_content #content .partenaire img {
        width: 100%;
    }

    .page_content #content .partenaire a {
        border: none;
    }

    .page_content #content .partenaire a:hover {
        border: none;
    }

    /* -------- PAGE D'ARTICLE --------- */
    .page_article #content li {
        margin-left: 2em;
        list-style-type: square;
        line-height: 1.5em;
    }

    .page_article #content .documents li {
        margin-left: 2em;
        list-style-type: none;
        line-height: 1.5em;
        background-repeat: no-repeat;
        padding-bottom: 1em;
        padding-top: 1em;
        background-size: 2em;
        padding-left: 3em;
        background-position: left center;
    }

    .page_article #content #menu_bas li {
        font-size: 1.15em;
        padding-left: 1.05em;
        margin: 0;
        display: inline-block;
        list-style-type: none;
        font-weight: normal;
    }

    .page_article #content .documents .info_document {
        font-size: 0.7em;
        display: block;

    }

    /* -------- PAGE DE CONTACT --------- */
    .page_contact #contact {
        float: left;
        margin-right: 5em;
        margin-left: 4.4em;
        padding-right: 5em;
        border-right: 2px solid #1c4f9c;
        height: 30em;
    }

    .page_contact #content legend {
        font-weight: bold;
        margin-bottom: 1em;
    }

    .page_contact #content label {
        display: block;
        margin-bottom: 1em;
    }

    .page_contact #content input,
    .page_contact #content textarea {
        font-size: 1em;
        display: block;
        padding: 0.5em;
        margin-bottom: 1em;
        border: 0.5px solid #000;
    }

    .page_contact #content input.submit {
        color: #fff;
        cursor: pointer;
        background: #1c4f9c;
        border: 1px solid #1c4f9c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: box-shadow 0.5s ease;
        -moz-transition: box-shadow 0.5s ease;
        -o-transition: box-shadow 0.5s ease;
        transition: box-shadow 0.5s ease;
    }

    .page_contact #content input.submit:hover {
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#b5c9d4, Direction=0, Strength=0.1em);
        -webkit-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -moz-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -o-box-shadow: 0 0 1em 0.2em #b5c9d4;
        box-shadow: 0 0 1em 0.2em #b5c9d4;
    }

    .page_contact #content .tDIR,
    .page_contact #content .tCOM,
    .page_contact #content .tSEC,
    .page_contact #content .mCOM,
    .page_contact #content .mSEC,
    .page_contact #content .tADD,
    .page_contact #content .tTEL {
        font-weight: 500;
        padding-bottom: 1.3em;
    }

    .page_contact #content .sFH,
    .page_contact #content .sCA,
    .page_contact #content .sTR,
    .page_contact #content .sAR,
    .page_contact #content .sIG,
    .page_contact #content .sMM,
    .page_contact #content .sCAU {
        font-weight: 700;
        padding-bottom: 1.3em;
    }

    .page_contact #content .sFH,
    .page_contact #content .sCA,
    .page_contact #content .sAR,
    .page_contact #content .sIG,
    .page_contact #content .sMM,
    .page_contact #content .tADD,
    .page_contact #content .tTEL {
        display: inline-block;
    }

    .page_contact #content .tDIR {
        padding-left: 8.6em;
    }

    .page_contact #content .sFH {
        padding-right: 9.4em;
    }

    .page_contact #content .tCOM {
        padding-left: 8em;
    }

    .page_contact #content .sTR {
        padding-left: 6.7em;
    }

    .page_contact #content .sAR,
    .page_contact #content .sIG {
        padding-right: 1.5em;
    }

    .page_contact #content .mCOM {
        /*padding-left: 5.3em;*/
    }

    .page_contact #content .tSEC {
        padding-left: 8em;
    }

    .page_contact #content .sCAU {
        padding-left: 6.4em;
    }

    .page_contact #content .mSEC {
        padding-left: 5.3em;
    }

    .page_contact #content .tADD {
        padding-right: 5em;
    }


    /* -------- BOUTON DE CONTACT --------- */
    .page_content #content .bouton_contact {
        font-size: 1.2em;
        font-weight: normal;
        text-align: center;
        color: #fff;
        cursor: pointer;
        display: block;
        clear: both;
        height: 2em;
        width: 100%;
        margin: 2em auto;
        padding-top: 0.5em;
        background: #1c4f9c;
        border: 1px solid #1c4f9c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: box-shadow 0.5s ease;
        -moz-transition: box-shadow 0.5s ease;
        -o-transition: box-shadow 0.5s ease;
        transition: box-shadow 0.5s ease;
    }

    .page_content #content .bouton_contact:hover {
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#b5c9d4, Direction=0, Strength=0.1em);
        -webkit-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -moz-box-shadow: 0 0 1em 0.2em #b5c9d4;
        -o-box-shadow: 0 0 1em 0.2em #b5c9d4;
        box-shadow: 0 0 1em 0.2em #b5c9d4;
    }

    .menu_rubriques {
        margin-top: 2em;
        border-top: 1px solid #1c4f9c;
    }

    .spip_logo {
        vertical-align: middle;
        margin-right: 1em;
    }

    .onlyInMobile {
        display: none !important;
    }
}

@media all and (max-width:768px) {

    /*font-size:16*1.2px in index.js>curubi.responsive.js*/
    .spip-admin-bloc,
    .spip-admin-float,
    #cookie-bar {
        display: none;
    }

    .pleine_largeur {
        width: 100% !important;
    }

    .troisquart_largeur {
        width: 100% !important;
    }

    .moitier_largeur {
        width: 100% !important;
    }

    .quart_largeur {
        width: 100% !important;
    }

    /* burger menu */
    .hamburger {
        text-align: left;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 2.8em;
        background-color: #1c4f9c;
        z-index: 98;
        padding: 0.5em;
    }

    .hamburger:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 8 */
        filter: alpha(opacity=100);
        /* IE 5-7 */
        -khtml-opacity: initial;
        /* Safari 1 */
        -moz-opacity: initial;
        /* Netscape */
        opacity: initial;
        /* Modern Browsers */
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        height: 3px;
        background-color: #fff;
    }

    /* logo */
    .logo {
        position: fixed;
        width: 4.7em;
        top: 0.8em;
        left: 3.5em;
        z-index: 98;
    }

    /* Moteur de recherche */
    #formulaire_recherche {
        font-size: 0.8em;
        position: fixed;
        right: 0;
        top: 0.5em;
        z-index: 98;
    }

    #formulaire_recherche .recherche {
        border: none;
    }

    #formulaire_recherche .submit {
        background-image: url(search_white.png);
    }

    /* menu déroulant */
    #menu_deroulant,
    #menu_haut {
        text-align: left;
        position: fixed;
        top: 2.2em;
        left: 0;
        z-index: 97;
        background-color: #1c4f9c;
        height: 0;
        width: 100%;
        overflow: hidden;
        -webkit-transition: height 0.3s ease;
        -moz-transition: height 0.3s ease;
        -o-transition: height 0.3s ease;
        transition: height 0.3s ease;
    }

    #menu_deroulant.is-visible,
    #menu_haut.is-visible {
        height: 14em;
        border-bottom: 0.2em solid #fff;
    }

    #menu_deroulant.is-visible li,
    #menu_haut.is-visible li {
        font-size: 1.3em;
        padding: 0.5em;
    }

    #menu_deroulant a,
    #menu_haut a {
        color: #fff;
        text-decoration: none;
        border-bottom: 0.5px solid #fff;
    }

    /* page d'accueil */
    .page_sommaire {
        padding: 3em 0.2em 0 0.2em;
        background-color: #fff;
        background-position: center 2.8em;
        background-size: 100%;
        background-repeat: no-repeat;
        background-attachment: scroll;
        text-align: center;
    }

    .page_sommaire.background {
        background-image: url("fond_page_contenu.png");
    }

    .page_sommaire a {
        color: #1c4f9c;
        text-decoration: none;
    }

    .page_sommaire #services li {
        font-size: 1.2em;
        text-align: left;
        padding: 1em 0 0 2.5em;
        background-position: left center;
        background-size: 2em;
        background-repeat: no-repeat;
    }

    .page_sommaire #services li.n1 {
        background-image: url("mini-losange.png");
        /*url("un.png");*/
    }

    .page_sommaire #services li.n2 {
        background-image: url("mini-losange.png");
        /*url("deux.png");*/
    }

    .page_sommaire #services li.n3 {
        background-image: url("mini-losange.png");
        /*url("trois.png");*/
    }

    .page_sommaire #services li.n4 {
        background-image: url("mini-losange.png");
        /*url("quatre.png");*/
    }

    .page_sommaire #transports li {
        font-size: 1.2em;
        background-position: center top;
        background-size: 3em;
        background-repeat: no-repeat;
    }

    .page_sommaire #transports {
        margin-top: 2em;
        border-top: 2px solid #1c4f9c;
    }

    .page_sommaire #transports li {
        padding-bottom: 1.5em;
    }

    .page_sommaire #transports li.n1 {
        margin-top: 1.5em;
        padding-top: 1.5em;
        background-image: url("camion.png");
    }

    .page_sommaire #transports li.n2 {
        padding-top: 2.2em;
        background-image: url("bateau.png");
    }

    .page_sommaire #transports li.n3 {
        padding-top: 3em;
        background-image: url("avion.png");
    }

    .page_sommaire #produits {
        margin: 1em 0;
        background-color: #e6eefa;
        border-top: 2px solid #1c4f9c;
        border-bottom: 2px solid #1c4f9c;
    }

    .page_sommaire #produits h2 {
        padding: 1em 0 0.2em 0;
    }

    .page_sommaire #produits a {
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_sommaire #promotions h2,
    .page_sommaire #promotions prix {
        font-size: 1.2em;
        font-weight: bold;
    }

    /* page de contenu */
    .page_content a {
        color: #1c4f9c;
        text-decoration: none;
        border-bottom: 0.5px solid #1c4f9c;
    }

    .page_content h2,
    .page_content h3 {
        font-size: 1.2em;
        color: #1c4f9c;
        border-left: 4px solid #1c4f9c;
        padding-left: 0.5em;
        margin: 1em 0;
    }

    .page_content p,
    ul {
        padding: 0.2em;
    }

    .page_content .arbo {
        font-size: 0.8em;
        margin: 1em 0 1em 0.2em;
    }

    .page_content .partenaire {
        display: block;
        margin: 0.5em 0.2em;
        text-align: center;
    }

    .page_content #content {
        margin-top: 3.5em;
    }

    .page_content .menu li {
        font-size: 1.2em;
        padding: 1em 0 0 0;
        /*background-position: left bottom;
        background-size: 1em;
        background-repeat: no-repeat;
        background-image: url("puce.png");*/
    }

    .page_article #content li {
        margin-left: 2em;
        list-style-type: square;
        line-height: 1.5em;
    }

    .page_article #content .documents li {
        margin-left: 0em;
        list-style-type: none;
        line-height: 1.5em;
        background-repeat: no-repeat;
        padding-bottom: 1em;
        padding-top: 1em;
        background-size: 2em;
        padding-left: 3em;
        background-position: left center;
    }

    .page_article #content .documents .info_document {
        font-size: 0.7em;
        display: block;
    }

    /* bouton de contact */
    .bouton_contact {
        font-size: 1.2em;
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        color: #fff;
        cursor: pointer;
        display: block;
        clear: both;
        width: 100%;
        margin: 2em auto;
        padding: 0.5em;
        background: #1c4f9c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    a.bouton_contact {
        color: #fff;
    }

    /* page de contact */

    .page_contact #content legend {
        font-weight: bold;
        display: block;
        width: 100%;
        padding: 1em 0 0 0.2em;
        border-top: 2px solid #1c4f9c;
    }

    .page_contact #content label {
        display: block;
        margin-top: 0.5em;
        padding: 0 0.2em;
    }

    .page_contact #content input,
    .page_contact #content textarea {
        display: block;
        width: 100%;
        padding: 0.5em;
        margin-bottom: 0.5em;
        border: 0.5px solid #1c4f9c;
    }

    .page_contact #content input.submit {
        font-size: 1.2em;
        color: #fff;
        background: #1c4f9c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .page_contact #content td {
        font-weight: normal;
        padding: 0 0 1em 0.2em;
    }

    .page_contact #content td.strong {
        font-weight: bold;
    }

    .page_contact #content td.left {
        width: 50%;
    }

    .page_contact #content td.tel,
    .page_contact #content td.addr {
        font-weight: normal;
        font-size: 0.8em;
        line-height: 1.3em;
    }

    #sep2 {
        margin-top: 1em;
    }

    .menu_rubriques {
        margin-top: 2em;
        border-top: 1px solid #1c4f9c;
    }

    .spip_logo {
        vertical-align: middle;
        margin-right: 1em;
    }

    .onlyInScreen {
        display: none !important;
    }
}

@media all and (max-width:340) {
    /*font-size:16*1.2*0.8px in index.js>curubi.responsive.je*/
    /*none specific*/
}

@page {
    size: A4 portrait;
}

@media print {

    html,
    body {
        font-size: 12px !important;
        height: 27cm;
        /*29.7cm - marge 2*1,35 cm*/
        width: 18.3cm;
        /*21cm - marge 2*1,35 cm*/
    }
}