.cygnus header, footer {
    display: none;
}

main#skipToContent {
    padding-top: 10px
}

.cnil {
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}

a.lnk {
    padding: 20px;
    margin: 0 20px;
    color: #9e8652;
    border: 1px solid #9e8652;
    text-decoration: none;
    display: inline-block;
}

.recapitulatifdossierwpc h2 .code {
    color: #999;
    font-weight: normal;
    font-family: "Courier New", monospace;
}

.dossier-infos .vdd-base-button {
    /*display: inline-block;*/
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}

.dossier-infos .dossier-title {
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
}

.episode {
    background: none;
    border: 1px solid #ccc;
    margin: 15px 0;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px;
}

    .episode .lieu {
        display: block;
        font-size: 1.3em;
        margin-bottom: 10px;
    }

    .episode span {
        display: block;
        margin: 10px 4px;
    }

    .episode .extra {
        float: right;
        min-width: 250px;
    }

.root-dijon .dijon-content .vdd-form.recapitulatifdossierwpc a, .vdd-form.recapitulatifdossierwpc .episode .actions a {
    box-sizing: border-box;
    min-width: 90px;
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 7px;
    text-align: center;
    line-height: 25px;
}

.episodes > .actions .add {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0px;
}

.aremplir i, .incomplet i, .complet i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid black;
    border-radius: 50%;
    vertical-align: middle;
}

.complet i {
    border-color: #00cc00;
    background: #bbffbb;
}

.incomplet i {
    border-color: #ff8800;
    background: #fff43a;
}

.aremplir i {
    border-color: #cc0000;
    background: #ffbbbb;
}

.MrPres-tab {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 7px 10px;
    background: white;
    color: #bababa;
    border: 1px solid #bababa;
    border-bottom: 0;
    font-size: 1.2em;
}

.MrPres-footer {
    display: inline-block;
    padding: 7px 10px;
    background: white;
    text-align: center;
    width: 100%;
}

    .MrPres-footer .vdd-base-button {
        margin-right: 15px;
    }

.ui-widget-header {
    background: white;
    border: 0;
}

.ms-WPBody a.MrPres-tab:link, .ms-WPBody a.MrPres-tab:hover, .ms-WPBody a.MrPres-tab:visited {
    color: black;
    text-decoration: none;
}

a.MrPres-tab:hover {
    background: #eeeeee;
}

.ms-WPBody a.MrPres-tab.active:link, .ms-WPBody a.MrPres-tab.active:hover {
    color: white;
    outline: 1px solid white;
    font-weight: bold;
}

a.MrPres-tab.active {
    cursor: default;
}

.vdd-form.episodesousdossierwpc {
    outline: 0;
}

.vdd-form.subpart {
    padding-top: 3px;
    border: 1px solid #bababa;
    outline: 0;
    padding: 10px
}

    .vdd-form.subpart .tab-bar .tab {
        margin-top: 1px;
    }


.recapitulatifdossierwpc .finalisation-infos {
    margin-top: 10px;
    padding: 10px;
    border: 3px double #ccffcc;
    background-color: #eeffee;
    color: #008800;
}

.recapitulatifdossierwpc .buttons {
    margin-top: 20px;
}

    .recapitulatifdossierwpc .buttons .vdd-base-button {
        margin-right: 10px;
        height: 75px;
        vertical-align: top;
        white-space: normal;
        width: 180px;
    }

.root-dijon .recapitulatifdossierwpc .buttons .vdd-base-button {
    height: auto;
    width: auto;
}

.recapitulatifdossierwpc .buttons .btn-dijon-label {
    margin-right: 10px;
    height: 40px;
    vertical-align: top;
    white-space: normal;
    width: 180px;
    line-height: 20px;
    font-size: 12px;
    margin: 10px;
}

.securite.active, .securite.active:hover {
    background-color: #df3830;
}

.securite.active, .securitewpc.subpart {
    border-color: #df3830;
}

.materiel.active, .materiel.active:hover {
    background-color: #9400d3;
}

.materiel.active, .materielwpc.subpart {
    border-color: #9400d3;
}

.voiepublique.active, .voiepublique.active:hover {
    background-color: #0000dd;
}

.voiepublique.active, .voiepubliquewpc.subpart {
    border-color: #0000dd;
}

.ateliers.active, .ateliers.active:hover {
    background-color: #ffa400;
}

.ateliers.active, .atelierswpc.subpart {
    border-color: #ffa400;
}

.espacesverts.active, .espacesverts.active:hover {
    background-color: #00dd00;
}

.espacesverts.active, .espacesvertswpc.subpart {
    border-color: #00dd00;
}

.vdd-form.episodesousdossierwpc .footer {
    background: none repeat scroll 0 0 white;
    margin-top: 5px;
    text-align: center;
}

.infos-generales.warning {
    margin-top: 10px;
    padding: 10px;
    border-color: #ddcc00;
    background-color: #fff8dd;
    color: #aa8800;
}

a .MrPres-tab .securite .active {
    color: #fff;
}

.epiosde-MrPres-header {
    background: url('/Resources/Common/Base/images/header-background.jpg') fixed no-repeat;
    color: white;
    padding: 20px;
}

.ms-dialog .epiosde-MrPres-header {
    background: #eaeaea;
    color: rgba(0,0,0,0.8)
}

.epiosde-MrPres-header .dossier-section {
    float: right;
    min-width: 250px;
    font-size: 18px;
}

.epiosde-MrPres-header .dossier-title {
    font-size: 18px;
}

.epiosde-MrPres-header .episode {
    border: none;
    margin: 0;
    padding: 0;
    margin: 15px 0;
}


.securitewpc.subpart .epiosde-MrPres-header .episode {
    border-color: #df3830;
}

.materielwpc.subpart .epiosde-MrPres-header .episode {
    border-color: #9400d3;
}

.voiepubliquewpc.subpart .epiosde-MrPres-header .episode {
    border-color: #0000dd;
}

.atelierswpc.subpart .epiosde-MrPres-header .episode {
    border-color: #ffa400;
}

.espacesvertswpc.subpart .epiosde-MrPres-header .episode {
    border-color: #00dd00;
}

/*****/

.root-dijon.content h2, .root-dijon.content .idee {
    display: true;
}

.supprimer {
    float: right;
}

.vdd-header th {
    font-weight: bold;
    border: solid black 2px;
    padding: 2px 20px;
    text-align: center;
}

table .vdd-status-normal td {
    border: solid black 1px;
    padding: 2px 20px;
    text-align: center;
}

#dijon-root .results .item-control-consult .col-edit a,
#dijon-root .results .item-control-consult .col-edit a:hover,
#dijon-root .results .item-control-consult .col-edit a:active,
#dijon-root .results.item-control-consult .col-edit a:visited {
    color: rgba(0,140,212,1);
    border: none;
    background: none;
}

.form-group .form-entry .datetimebox .inputwrap > input {
    border-radius: 5px;
    border: 1px solid #6f767d;
    width: 170px;
}

.form-group .form-entry .datetimebox.control.editable {
    border: none;
    background-color: #fff;
}

.onetomanycontrol .deleted input, .onetomanycontrol .deleted select {
    text-decoration: line-through;
}

.grid-item .item-page {
    width: 100%;
    text-align: center;
    background: #139ee0;
    color: blue;
    padding: 7px 15px;
    border-radius: 30px;
}

.grid-item item-page::after {
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #139ee0;
    position: absolute;
}

.ideaBlock {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    color: #9e9e9e;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column-gap: 1%;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    margin: 35px 10px 10px;
    max-width: 100%;
    position: relative;
    /*    text-align: center;*/
    width: 100%;
    background-color: #ffffff;
    border-radius: 20px;
    border-top: 5px solid #666088;
}

    .ideaBlock *,
    .ideaBlock *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
    }

    .ideaBlock figcaption {
        padding: 20px 15px 15px 15px;
    }

        .ideaBlock figcaption:before {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
            color: #666088;
            content: "\f0eb";
            font-family: 'FontAwesome';
            font-size: 45px;
            font-style: normal;
            left: 50%;
            line-height: 60px;
            position: absolute;
            top: -30px;
            width: 60px;
        }

    .ideaBlock h3 {
        color: #3c3c3c;
        font-size: 25px;
        font-weight: 300;
        line-height: 24px;
        margin: 10px 0 5px;
        text-align: left;
    }


    .ideaBlock blockquote {
        font-weight: 300;
        margin: 0 0 20px;
    }

.text-Decript {
    text-align: right;
    font-style: italic;
    font-size: 15px;
    opacity: 0.7;
    margin-bottom: 15px !important;
}

.text-idee {
    text-align: left;
}

.class_group_intern .grid-list .grid-item {
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: 30px;
}

.hub p {
    padding: 20px;
    text-align: justify;
    margin: 0;
}

.hub div {
    text-align: center;
}

.vdd-form.mrpresidenthubwpc .hub p a {
    font-weight: bold;
    color: #444;
}