/* ============================================================================= */
/*  FONTS
/* ============================================================================= */
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
        url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
        url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
        url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans/opensans-light-webfont.eot');
    src: url('fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans/opensans-light-webfont.woff2') format('woff2'),
        url('fonts/opensans/opensans-light-webfont.woff') format('woff'),
        url('fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
        url('fonts/opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans/opensans-semibold-webfont.eot');
    src: url('fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans/opensans-semibold-webfont.woff2') format('woff2'),
        url('fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
        url('fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),
        url('fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans/opensans-bold-webfont.eot');
    src: url('fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
        url('fonts/opensans/opensans-bold-webfont.woff') format('woff'),
        url('fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
        url('fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans/opensans-italic-webfont.eot');
    src: url('fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
        url('fonts/opensans/opensans-italic-webfont.woff') format('woff'),
        url('fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
        url('fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'blissregular';
    src: url('fonts/ufonts.com_bliss-light-webfont.eot');
    src: url('fonts/ufonts.com_bliss-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/ufonts.com_bliss-light-webfont.woff2') format('woff2'),
        url('fonts/ufonts.com_bliss-light-webfont.woff') format('woff'),
        url('fonts/ufonts.com_bliss-light-webfont.ttf') format('truetype'),
        url('fonts/ufonts.com_bliss-light-webfont.svg#blissregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ============================================================================= */
/*   HTML ELEMENT
/* ============================================================================= */
*,
*:after,
*:before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
html {
    font-size: 1em;
}
body {
    font: 300 0.93em/1.5 'open_sansregular', Helvetica, Arial, sans-serif;
    color: #434343;
    overflow-x: hidden;
}
body.fixe {
    overflow: hidden;
}
h1 {
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    color: #e57d1f;
    margin-bottom: 0.6em;
}
h2 {
    font-size: 1.5em;
    color: #00becf;
    margin-bottom: 1em;
    margin-top: 0;
}
h3 {
    color: #00becf;
    font-size: 1.2rem;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
a {
    color: #c15500;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    cursor: pointer;
}
a:focus,
a:hover {
    color: #e57d1f;
}
a.disable {
    pointer-events: none;
}
hr {
    border-top: 1px solid #d2d2d2;
    margin-top: 10px;
}
hr.table-separate {
    border-top: 1px solid #d2d2d2;
    margin: 2rem 0.3rem 0 0.3rem;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
.clear-right {
    clear: right;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
*:focus {
    outline: none !important;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/* ============================================================================= */
/*   GENERAL
/* ============================================================================= */

/* MARGIN / PADDING **************************************************************/
/*********************************************************************************/
.no-margin {
    margin: 0 !important;
}
.no-margin-t {
    margin-top: 0 !important;
}
.no-margin-b {
    margin-bottom: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-t {
    padding-top: 0 !important;
}
.no-padding-b {
    padding-bottom: 0 !important;
}
.margin-small {
    margin-bottom: 0.6rem !important;
}

/* BORDER ************************************************************************/
/*********************************************************************************/
.no-border {
    border: none !important;
}
.no-border-t {
    border-top: none !important;
}
.no-border-b {
    border-bottom: none !important;
}

/* POSITIONNING ******************************************************************/
/*********************************************************************************/
.clearfix {
    clear: both;
}
.no-float {
    float: none !important;
}
.right {
    float: right;
}
.left {
    float: left;
}

.o-hidden {
    overflow: hidden;
}
.hidden {
    visibility: hidden;
}

.p-relative {
    position: relative;
}
.hidden {
    visibility: hidden;
}

.block {
    display: block;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block !important;
    vertical-align: middle;
}

.valign-top {
    vertical-align: top;
}
.valign-middle {
    vertical-align: middle;
}
.valign-bottom {
    vertical-align: bottom;
}
.valign-t-top {
    vertical-align: text-top;
}

.block-center {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* TABLEAUX **********************************************************************/
/*********************************************************************************/
.table--pct-recycle {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background: url(../image/pictos/pct-recycle.svg) center no-repeat #de720e;
    background-size: 76%;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    text-decoration: none !important;
}
.table--pct-recycle:focus,
.table--pct-recycle:hover {
    background-color: #c15500;
    text-decoration: none !important;
}


.table--pct-edit {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background: url(../image/pictos/pct-edit.svg) center no-repeat #de720e;
    background-size: 76%;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    text-decoration: none !important;
}
.table--pct-edit:focus,
.table--pct-edit:hover {
    background-color: #c15500;
    text-decoration: none !important;
}

.table--pct-processing {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background: url(../image/pictos/pct-processing.svg) center no-repeat #FFFFFF;
    background-size: 76%;
    border-radius: 0.2em;
    text-decoration: none !important;
}
.table--pct-processing:focus,
.table--pct-processing:hover {
    background-color: #c15500;
    text-decoration: none !important;
}

.table--pct-historique {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    background: url(../image/pictos/pct-historique.svg) center no-repeat #de720e;
    background-size: 76%;
    border-radius: 0.2em;
    text-decoration: none !important;
}
.table--pct-historique:focus,
.table--pct-historique:hover {
    background-color: #c15500;
    text-decoration: none !important;
}

.table--sorter {
    position: relative;
}
.table--sorter-ASC {
    position: absolute;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #000000 transparent;
    top: 0.1em;
    right: -2em;
}
.table--sorter-DESC {
    position: absolute;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
    bottom: 0.1em;
    right: -2em;
}
.table--sorter-ASC.ico-orange {
    border-color: transparent transparent #de720e transparent;
}
.table--sorter-DESC.ico-orange {
    border-color: #de720e transparent transparent transparent;
}

.table-accordion tr.odd,
.table-accordion tr.table--info-accordion-header.odd + tr.table--info-accordion-body {
    background-color: rgb(236, 233, 227);
}
.table-accordion .table--info-accordion-header td:last-child {
    position: relative;
}
.table-accordion .table--info-accordion-header.collapsed td:last-child:after,
.table-accordion .table--info-accordion-header td:last-child:after {
    content: '';
    position: absolute;
    background-color: #de720e;
    background-image: url(../image/pictos/pct-arrow-right.svg);
    background-size: 0.9em 0.9em;
    background-position: center;
    background-repeat: no-repeat;
    width: 1.6em;
    height: 1.6em;
    border-radius: 0.2em;
    top: 50%;
    margin-top: -0.8em;
    right: 1.6em;
    text-align: center;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    cursor: pointer;
}
.table-accordion .table--info-accordion-header.collapsed td:last-child:hover:after {
    background-color: #af4c00;
}
.table-accordion .table--info-accordion-header td:last-child:after {
    background-color: #af4c00;
    background-image: url(../image/pictos/pct-arrow-bottom.svg);
    background-size: 1em 1em;
}
.table-accordion tr.table--info-accordion-header.collapsed + tr.table--info-accordion-body td {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.table-accordion tbody tr.table--info-accordion-body td {
    padding: 1.3em 1em;
    width: 100%;
}
.table-accordion tbody tr.table--info-accordion-rejected td {
    border-bottom: 3px solid #af4c00;
}
.table-accordion tbody tr.table--info-accordion-toCorrect td {
    border-bottom: 3px solid #00becf;
}
.table-accordion tbody tr.table--info-accordion-body td .accordion-body {
    font-size: 0.9em;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif !important;
}
.table-accordion tbody tr.table--info-accordion-rejected td .accordion-body {
    color: #af4c00;
}
.table-accordion tbody tr.table--info-accordion-toCorrect td .accordion-body {
    color: #00becf;
}
.table-responsive .table-accordion tbody tr.table--info-accordion-body td {
    white-space: normal;
}
.table--row-locked td {

    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.table--row-locked td:first-child {
    background: url(../image/pictos/pct-locked.svg) no-repeat right;
    background-size: 1.2rem 1.2rem;

    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* BACKGROUND ********************************************************************/
/*********************************************************************************/
.bg-border {
    background-color: rgba(255,255,255,0.8);
    border: 2px dotted #959595;
    padding: 15px;
    position: relative;
}
.bg-beige {
    background-color: #e8e3d4;
    padding: 1.3em;
}
.bg-grey-strong {
    background-color: #434343;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #fff;
}
.bg-grey-light {
    background-color: #eee;
    padding: 1rem;
    margin-bottom: 1.6rem;
}
.bg-grey-light_consigne {
    background-color: #eee;
    padding: 1rem;
    margin-bottom: 1.6rem;
    /*padding-left: 0px;*/
}
.no-bg-image {
    background-image: none !important;
}

/* TEXTES ************************************************************************/
/*********************************************************************************/
.fontOpensansSemiBold {
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif !important;
}
.fontOpensansBold {
    font-family: "open_sansbold", Helvetica, Arial, sans-serif !important;
}
.fontOpensansItalic {
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif !important;
}

.subtitle {
    color: #de720e;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 1.6em;
}

.txt-orange {
    color: #c15500 !important;
}
.txt-orange-light {
    color: #de720e !important;
}
.txt-blue {
    color: #00a4b3 !important;
}
.txt-blue-light {
    color: #00adbd !important;
}
.txt-blue-fluo {
    color: #00bdef !important;
}
.txt-grey {
    color: #898989 !important;
}
.txt-grey-strong {
    color: #535353 !important;
}
.txt-grey-light {
    color: #a0a0a0 !important;
}
.txt-right {
    text-align: right !important;
}
.txt-center {
    text-align: center !important;
}
.txt-small {
    font-size: 0.83rem !important;
}
.txt-uppercase {
    text-transform: uppercase;
}
.txt-underline {
    text-decoration: underline;
}
.txt-transparent {
    color: transparent !important;
}


/* PAGER *************************************************************************/
/*********************************************************************************/
.pager-item {
    color: #c15500;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.pager-next,
.pager-prev {
    vertical-align: middle;
    font-size: 1.3em;
}
.pager-next:hover,
.pager-prev:hover {
    color: #4f4d4a;
}
.pager-next.is-inactive,
.pager-prev.is-inactive {
    color: #d2d2d2;
    cursor: default;
}

/* BOUTONS ***********************************************************************/
/*********************************************************************************/
.btn.btn-inverse {
    background-color: #fff;
    border: 1px solid #de720e;
    color: #de720e;
}
.btn.btn-white {
    background-color: #fff;
    border: none;
    color: #1b1c20;
}


.btn.btn-yellow {
    background-color: #ffff9c;
    border: none;
    color: #1b1c20;
}
.btn.btn-yellow:not(:last-child) {
    margin-right: 1rem;
}

.btn.btn-white:not(:last-child) {
    margin-right: 1rem;
}
.btn.btn-medium {
    padding: 0.6em 1.3em;
}
.btn.btn-small {
    padding: 0.2em 2em;
}
.btn.btn-xsmall {
    padding: 0.1em 1em;
    font-size: 12px;
}
.btn.btn-disconnect {
    background-image: url(../image/pictos/pct-disconnect.svg);
    background-position: 0.6em 29%;
    background-repeat: no-repeat;
    background-size: 1.4em 1.4em;
    padding: 0.2em 2em 0.2em 2.6em;
    text-decoration: none !important;
}
.btn.btn-send {
    background-image: url(../image/pictos/pct-send.svg);
    background-position: 0.6em center;
    background-repeat: no-repeat;
    background-size: 1.9em 1.9em;
    padding-left: 3em;
    text-decoration: none !important;
}
.btn.btn-save {
    background-image: url(../image/pictos/pct-save.svg);
    background-position: 0.6em center;
    background-repeat: no-repeat;
    background-size: 1.9em 1.9em;
    padding-left: 3em;
    text-decoration: none !important;
}
.btn.btn-send-pj {
    background-image: url(../image/pictos/pct-send-pj.svg);
    background-position: 0.6em center;
    background-repeat: no-repeat;
    background-size: 1.9em 1.9em;
    padding-left: 3em;
    text-decoration: none !important;
}
.btn.btn-export {
    background-image: url(../image/pictos/pct-export.svg);
    background-position: 0.6em center;
    background-repeat: no-repeat;
    background-size: 1.9em 1.9em;
    padding-left: 3em;
    text-decoration: none !important;
}
.btn.btn-delete {
    background-image: url(../image/pictos/pct-delete.svg);
    background-position: 0.6em center;
    background-repeat: no-repeat;
    background-size: 1.9em 1.9em;
    padding-left: 3em;
    text-decoration: none !important;
}
.btn.disable {
    opacity: 0.3;
    pointer-events: none;
}
.btn.boutonTelechargerTout:hover {
    text-decoration:underline;
}
.btn.btn-comm {
    width: 10rem;
    background-image: url(../image/pictos/pct-toCorrect.svg);
    background-position: 1% 50%;
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    padding-right: 0;
    padding-left: 25px;
    text-decoration: none !important;
}
.btn.btn-codif {
    width: 130px;
    background-image: url(../image/pictos/pct-arbo-colors.svg);
    background-position: 6% 50%;
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    padding-right: 0;
    padding-left: 30px;
    text-decoration: none !important;
}
.btn.btn-home {
    width: 2.5rem;
    background-image: url(../image/pictos/pct-home.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    padding-right: 0;
    padding-left: 0;
    text-decoration: none !important;
}
.btn.btn-back {
    width: 2.5rem;
    background-image: url(../image/pictos/pct-back.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    padding-right: 0;
    padding-left: 0;
    text-decoration: none !important;
}
.btn.btn-pocessing {
    width: 2.5rem;
    background-image: url(../image/pictos/pct-processing.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    padding-right: 0;
    padding-left: 0;
    text-decoration: none !important;
}
.btn.btn-addPj {
    font-size: 0.81rem;
    padding-left: 0.6em;
    padding-right: 0.6em;
    text-decoration: none !important;
}

/* TOOLTIP ***********************************************************************/
/*********************************************************************************/
.bloc--pct-info {
    position: absolute;
    right: 0.3em;
    top: 0.3em;
    background: url(../image/pictos/pct-info-blue.svg) no-repeat center #E8E8E8;
    border-radius: 1rem;
    width: 1.4em;
    height: 1.4em;
    background-size: 0.8em 0.8em;
    z-index: 1;
}
.bloc--pct-info:hover, .bloc--pct-info:focus  {
    background-color: #D2D2D2;
}
.form--pct-info,
.link--pct-modele {
    float: right;
    background: url(../image/pictos/pct-info.svg) no-repeat center #00becf;
    border-radius: 3px;
    width: 1.4em;
    height: 1.4em;
    margin-top: 0.5em;
    background-size: 0.8em 0.8em;
    position: relative;
    right: -1em;
}
.link--pct-modele {
    float: none;
    display: inline-block;
    width: 0.9rem;
    height: 0.7rem;
    background-image: url(../image/pictos/pct-modele.svg);
    background-color: #00bdef;
    background-size: 0.7rem 0.7rem;
    margin: 0;
}
.form--pct-info:before,
.link--pct-modele:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    border-color: transparent #00becf transparent transparent;
    top: 50%;
    margin-top: -4px;
    left: -4px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.link--pct-modele:before {
    border-color: transparent #00bdef transparent transparent;
    border-width: 3px 6px 3px 0;
    left: -4px;
    margin-top: -3px;
}
.form--pct-info:hover,
.link--pct-modele:hover {
    background-color: #008F9C;
}
.form--pct-info:hover:before,
.link--pct-modele:hover:before {
    border-color: transparent #008F9C transparent transparent;
}

/* FORMULAIRES *******************************************************************/
/*********************************************************************************/
.form-group.form--input-required .control-label:after {
    content: "*";
    color: #c15500;
    margin-left: 0.3em;
}
.form-group.form--input-control .form--input-invalid .form-control {
    border: 1px solid #ff0000;
    /*background: #f8f6f9;*/
}
.form-group.form--input-control .form--input-invalid:before {
    content: attr(data-error);
    background-color: #ff0000;
    color: #fff;
    position: absolute;
    font-size: 0.8em;
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    padding: 0.1em 0.6em;
    top: auto;
    bottom: 100%;
    max-width: calc(100% - 30px);
    z-index: 1;
}
.form-group.form--input-control .form--input-invalid:after {
    content: "";
    position: absolute;
    top: 0;
    border-style: solid;
    border-width: 9px 12px 0 0;
    border-color: #ff0000 transparent transparent transparent;
}
.form--footer {
    padding: 2em 0 0;
}
.form--footer-ps {
    font-size: 0.85em;
}
.form--bottom {
    background-color: #626262;
    margin-top: -2rem;
    padding: 1rem 0 0 0;
}
.form--bottom-item {
    margin-bottom: 1em;
}
.form-bg-grey {
    background-color: #f2f0ec;
    padding-top: 2.6em;
    padding-bottom: 1.6em;
    margin-bottom: 4em;
}
/* Formulaire information demande */
.form--info {
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    margin-top: 1rem;
    font-size: 0.81rem;
}
.form--info-large {
    width: 100%;
}
.form--info .table--pct-historique {
    vertical-align: top;
    margin-left: 1rem;
    float: right;
}
.form--info-motif {
    display: inline-block;
    width: 59%;
    vertical-align: top;
    border-left: 1px solid #fff;
    padding-left: 0.6rem;
    margin-left: 0.6rem;
    line-height: 1.2;
}
.form--info-motif-rejected {
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    color: #af4c00;
}
.form--info-motif-toCorrect {
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    color: #00bdef;
}
.form--info-etat {
    display: inline-block;
    width: 35%;
}
/* Formulaire fil d'ariane */
.form--header {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-bottom: 1.2rem;
}
.form--header-item {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0.6rem 1rem 0.6rem 0;
    background-image: url(../image/pictos/pct-form-header.png);
    background-repeat: no-repeat;
    background-size: 1rem 6rem;
    background-position: 96% center;
}
.form--header-item:last-child {
    background: none;
}
.form--header-item:hover {
    text-decoration: none;
}
.form--header-item-number {
    display: inline-block;
    vertical-align: middle;
    height: 1.6rem;
    width: 1.6rem;
    line-height: 1.25rem;
    border-radius: 1rem;
    background-color: #aaa;
    border: 2px solid #aaa;
    text-align: center;
    color: #fff;
    margin-right: 0.6em;
    font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
}
.form--header-item-text {
    display: inline-block;
    width: 64%;
    max-height: 2rem;
    vertical-align: middle;
    font-size: 0.8rem;
    color: #707070;
    position: relative;
}
.form--header-item-text2 {
    display: inline-block;
    width: 64%;
    max-height: 2rem;
    vertical-align: middle;
    font-size: 0.8rem;
    color: #707070;
    position: relative;
}
.form--header-item-text.textCoupe:after {
    content: '...';
    position: absolute;
}
.form--header-item.done .form--header-item-number {
    background-color: #fff;
    border: 2px solid #de720e;
    color: #de720e;
    position: relative;
}
.form--header-item.done .form--header-item-number:after {
    content: '';
    position: absolute;
    background: url(../image/pictos/pct-tick-blue.svg) no-repeat center #fff;
    background-size: 0.9rem 0.9rem;
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    margin-left: 0.1rem;
    margin-top: 0.1rem;
}
.form--header-item.active .form--header-item-number {
    background-color: #de730f;
    border: 2px solid #de730f;
}
.form--header-item.done .form--header-item-text {
    color: #434343;
}
.form--header-item.active .form--header-item-text {
    color: #e0720b;
}
.form--header-item:focus {
    font-weight: bold;
    text-decoration: none;
}
/* Pas de résultat */
.form--no-result {
    text-align: center;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif;
    color: #c15500;
    margin-top: 1em;
}
/* CUSTOM RADIO */
.form--input-radio input[type=radio] {
    display: none;
}
.form--input-radio label {
    position: relative;
    margin-right: 3em;
    padding: 0;
}
.form--input-radio label:focus {
    font-weight: bold;
}
.form--input-radio label:before {
    content: '';
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    vertical-align: top;
    background-color: #fff;
    margin-top: 0.1em;
    margin-right: 0.6em;
    border-radius: 1em;
    border: 1px solid #c9c9c9;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

input[type=radio]:checked + label:before {
    border: 2px solid rgba(223, 113, 13, 0.3);
    -o-box-shadow: inset 0px 0px 1px 3px #df710d;
    box-shadow: inset 0px 0px 1px 3px #df710d;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#df710d, Direction=NaN, Strength=1);
}

/* CUSTOM CHECKBOX */
.form--input-checkbox input[type=checkbox] {
    display: none;
}
.form--input-checkbox label {
    position: relative;
    margin-right: 3em;
    padding: 0;
}
.form--input-checkbox label:before {
    content: '';
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    vertical-align: top;
    background-color: #fff;
    margin-top: 0em;
    margin-right: 0.6em;
    border-radius: 0.2em;
    border: 1px solid #c9c9c9;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
input[type=checkbox]:checked + label:before {
    border: 2px solid #f7d8bb;
    background: url(../image/pictos/pct-tick.svg) no-repeat center #e57d1f;
    background-size: 1em 1em;
}
/* Custom type file */
.form--addPj {
    margin-bottom: 1rem;
}
.form--addPj input[type="file"] {
    display: none;
}
.form--pj {
    margin: 0 1.9em 0 0;
    display: inline-block;
}
.form--pj .pct-clear {
    margin-left: 0.1em;
    height: 1.1rem;
    width: 1.1rem;
    background: url('../image/pictos/pct-clear.svg') no-repeat center;
    background-size: 1rem 1rem;
    display: inline-block;
    vertical-align: middle;
}
.form--pj .pct-clear:hover, .form--pj .pct-clear:focus{
    opacity: 0.6;
}
/* Place Holder */
::-webkit-input-placeholder {
    opacity: 0.5;
    color: #FFFFFF !important;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif;
}
:-moz-placeholder {
    color: #FFFFFF !important;
    opacity: 0.5;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif;
}
::-moz-placeholder {
    color: #FFFFFF !important;
    opacity: 0.5;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif;
}
:-ms-input-placeholder {
    color: #FFFFFF !important;
    opacity: 0.5;
    font-family: 'open_sansitalic', Helvetica, Arial, sans-serif;
}

/* ============================================================================= */
/*   CUSTOM DATEPICKER
/* ============================================================================= */
input[type=text].datepicker {
    background: url(../image/pictos/pct-calendar.svg) no-repeat 96% center #fff;
    background-size: 1.3rem 1.3rem;
    height: initial;
    padding: 0.2rem;
    font-size: 12;
    color:black;

}

.ui-widget {
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
}

.ui-datepicker:focus {
    background: #e57d1f;
}

.ui-datepicker {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    /*width: 17em; what ever width you want*/
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background: #e57d1f;
    color: #fff;
    /*font-size: 1rem;*/
    font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
    border-radius: 0;
    text-align: center;
    width: 12em; /*what ever width you want*/
    text-decoration:none;

}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-position: 0 0;
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-prev span {
    /*background-image: url(../image/pictos/pct-arrow-left.svg);*/
    color :#fff;
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-next span {
    /*background-image: url(../image/pictos/pct-arrow-right.svg);*/
    color :#fff;
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-prev span a {
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-next span a  {
    text-decoration:none;
}

ui-datepicker .ui-datepicker-prev span a:hover {
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-next span a:hover  {
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-prev span:hover {
    color : black;
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-next span:hover {
    color : black;
    text-decoration:none;
}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: none;
    border: 0;
    color :black;
    text-decoration:none;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker table {
    width: 12em; /*what ever width you want*/
    margin: 0;
    color :black;
    text-decoration:none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0;
    background: none;
    text-align: center;
    text-decoration: none;
    color :black;
}

.ui-datepicker-today .ui-state-default,
.ui-datepicker-today .ui-widget-content .ui-state-default,
.ui-datepicker-today .ui-widget-header .ui-state-default {
    background: #aaa;
    color: #fff;
    text-decoration: none;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-datepicker-current-day .ui-state-default,
.ui-datepicker-current-day .ui-widget-content .ui-state-default,
.ui-datepicker-current-day .ui-widget-header .ui-state-default {
    background: #e57d1f;
    color: #fff;
    text-decoration: none;
}

.ui-datepicker-month{
    width: 6em;
}

.ui-datepicker-year{
    width: 6em;
}
/* ============================================================================= */
/*   CAPTCHA
/* ============================================================================= */
.captcha img {
    vertical-align: middle;
}
.captcha-pct {
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(../image/pictos/pct-arrows.svg) center no-repeat;
    background-size: 76%;
    border-radius: 0.2em;
}
.captcha-pct:hover, captcha-pct:focus{
    opacity: 0.7;
}

/* ============================================================================= */
/*   ZONE DE RECHERCHE - FILTRE
/* ============================================================================= */
.search-filter--container {
    background: #f2f0ec;
    padding: 1rem 1rem 0.3rem 1rem;
    margin-bottom: 1.3rem;
}
.search-filter--label {
    font-size: 0.85rem;
}
.search-filter--button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.search-filter--button-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* ============================================================================= */
/*   ACCORDION LIGHTBOX POUR CHOIX FORM
/* ============================================================================= */
.accordion--catJuridique > .accordion-toggle,
.accordion-body > .accordion-toggle {
    position: relative;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    font-size: 0.95rem;
    background-color: #c9620c;
    color: #fff;
    cursor: pointer;
    margin-bottom: 1px;
}
.accordion-body > .accordion-toggle {
    padding: 0.3rem 0.3rem 0.3rem 3rem;
    background-color: #c9c9c9;
    color: #000000;
}
.accordion--catJuridique > .accordion-toggle:before,
.accordion-body > .accordion-toggle:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 0.9rem;
    border-style: solid;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.accordion-body > .accordion-toggle:before {
    left: 1.9rem;
}
.accordion--catJuridique > .accordion-toggle:after,
.accordion-body > .accordion-toggle:after {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    left: calc(0.9rem + 1px);
    border-style: solid;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.accordion-body > .accordion-toggle:after {
    left: calc(1.9rem + 1px);
}
.accordion--catJuridique > .accordion-toggle.collapsed:before,
.accordion-body > .accordion-toggle.collapsed:before {
    top: calc(50% - 5px);
}
.accordion--catJuridique > .accordion-toggle.collapsed:after,
.accordion-body > .accordion-toggle.collapsed:after {
    top: calc(50% - 3px);
}
.accordion--catJuridique > .accordion-toggle:before,
.accordion-body > .accordion-toggle:before {
    border-width: 10.4px 6px 0 6px;
}
.accordion--catJuridique > .accordion-toggle:after,
.accordion-body > .accordion-toggle:after {
    border-width: 7.8px 4.5px 0 4.5px;
}
.accordion--catJuridique > .accordion-toggle.collapsed:before,
.accordion-body > .accordion-toggle.collapsed:before {
    border-width: 6px 0 6px 10.4px;
}
.accordion--catJuridique > .accordion-toggle.collapsed:after,
.accordion-body > .accordion-toggle.collapsed:after {
    border-width: 4.5px 0 4.5px 7.8px;
}
/* Spécifications couleurs 1er niveau */
.accordion--catJuridique > .accordion-toggle:before {
    border-color: #fff transparent transparent transparent;
}
.accordion--catJuridique > .accordion-toggle:after {
    border-color: #fff transparent transparent transparent;
}
.accordion--catJuridique > .accordion-toggle.collapsed:before {
    border-color: transparent transparent transparent #fff;
}
.accordion--catJuridique > .accordion-toggle.collapsed:after {
    border-color: transparent transparent transparent #c9620c;
}
/* Spécifications couleurs 2eme niveau */
.accordion-body > .accordion-toggle:before {
    border-color: #000 transparent transparent transparent;
}
.accordion-body > .accordion-toggle:after {
    border-color: #000 transparent transparent transparent;
}
.accordion-body > .accordion-toggle.collapsed:before {
    border-color: transparent transparent transparent #000;
}
.accordion-body > .accordion-toggle.collapsed:after {
    border-color: transparent transparent transparent #c9c9c9;
}
/* Ligne pour le formulaire */
.accordion-body--form-row {
    margin-bottom: 1px;
    padding: 0.3rem 0.3rem 0.3rem 3.4rem;
    font-size: 0.9rem;
    background-color: #e5e5e5;
    color: #000;
}

/* ============================================================================= */
/*   GLOBAL
/* ============================================================================= */
.page {
    position: relative;
}

/* ============================================================================= */
/*   HEADER
/* ============================================================================= */
.header--item {
    padding-top:0.5em;
    padding-bottom: 2em;
}
.header--item-text {
    vertical-align: middle;
    display: inline-block;
    /*margin-left: 0.6rem;*/
    width: 100%;
}
.header--top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 7.8rem;
}
.connected-user .header--top {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header--top .header--item {
    padding-right: 3rem;
    padding-left: 2.3rem;
    text-align: left;
}
.header--top .header--item img {
    max-height: 5rem;
}
.connected-user .header--top .header--item {
    padding-right: 0.6rem;
    padding-left: 1rem;
}
.header--top .header--item h1 {
    margin: 0;
}

/* LOGO / SLOGAN ************************************************************************/
/****************************************************************************************/
.header--title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: 'open_sanslight', Helvetica, Arial, sans-serif;
    font-size: 1.06rem;
    color: #212022;
    margin: 0;
}

.header--title img {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

/* LOGO EUROPE / PARTAGE *********************************************************/
/*********************************************************************************/
.header--bottom {
    background-color: #4f4d4a;
}
.header--bottom .header--item {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
}
.header--europe {
    position: relative;
    height: 100%;
}
.header--europe-img {
    position: absolute;
    height: 5.2rem;
    left: 0;
    bottom: 0;
}
.header--europe-img-act {
    padding-left: 150px;
    height: 50%;
}
.header--europe-text {
    color: #fff;
    position: absolute;
    bottom: 0.2rem;
    left: 4.6rem;
    font-family: 'blissregular', Helvetica, Arial, sans-serif;
    font-size: 1rem;
}
.header--europe-text-img {
    width: 5rem;
    height: 1.2rem;
}
.header--share {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #fff;
    text-align: right;
}
.header--share-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.header--share-item-fb,
.header--share-item-twitter,
.header--share-item-google,
.header--share-item-youtube,
.header--share-item-reseau {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-right: 0.6em;
}
.header--share-item-fb:focus,
.header--share-item-twitter:focus,
.header--share-item-google:focus,
.header--share-item-youtube:focus,
.header--share-item-reseau:focus
{
    border: solid 1px #fff;
}
.header--share-item-fb:hover,
.header--share-item-twitter:hover,
.header--share-item-google:hover,
.header--share-item-youtube:hover,
.header--share-item-reseau:hover{
    opacity: 0.5;
    text-decoration: none;
}
.header--share-item-fb {
    background: url(../image/pictos/pct-fb-white.svg) no-repeat center bottom;
}
.header--share-item-twitter {
    background: url(../image/pictos/pct-twitter-white.svg) no-repeat center bottom;
}
.header--share-item-youtube {
    background: url(../image/pictos/pct-youtube-white.svg) no-repeat center bottom;
}
.header--share-item-reseau {
    background: url(../image/pictos/pct-reseaux-white.svg) no-repeat center bottom;
}

/* BOX LOGIN *********************************************************************/
/*********************************************************************************/
.header--box-login .header--item-text {
    margin-left: 0;
    padding-left: 0;
}
.header--box-login .header--item-text .header--box-login-pct-gestionnaire,
.header--box-login .header--item-text .header--box-login-pct-utilisateur {
    border-left: 1px solid #41768b;
}
.header--box-login-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: inherit;
}
.header--box-login-btn .btn {
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
}
.header--box-login-pct-utilisateur,
.header--box-login-pct-gestionnaire {
    padding: 0.0em 0 0.3em 3.6em;
    margin-top: 2em;
}
.header--box-login-pct-utilisateur-gestion {
    background: url(../image/pictos/pct-boxLogin-utilisateur.svg) left center no-repeat;
    background-size: 3.3em 3.3em;
    padding: 1em 0 1em 4em;
    margin-top: 1em;
}
.header--box-login-pct-utilisateur {
    background: url(../image/pictos/pct-boxLogin-utilisateur.svg) left center no-repeat;
    background-size: 3.3em 3.3em;
}
.header--box-login-pct-gestionnaire {
    background: url(../image/pictos/pct-boxLogin-gestionnaire.svg) left center no-repeat;
    background-size: 3.3em 3.3em;
}
.header--box-login-link {
    display: block;
    text-decoration: underline;
    font-size: 0.96em;
}
.header--box-login-link:focus {
    font-weight: bold;
}
.header--box-login-subtitle {
    color: #313131;
    font-size: 0.86em;
}

/* ============================================================================= */
/*   MAIN CONTENT - HOME
/* ============================================================================= */

/* PRESENTATION ******************************************************************/
/*********************************************************************************/
.intro-acceuil {
    padding-top: 2em;
    padding-bottom: 3.6em;
}
.intro {
    padding-top: 1em;
    padding-bottom: 3.6em;
}
.intro a {
    text-decoration: underline;
}
.intro--chapo {
    margin-bottom: 1.6em;
    color: #000;
}
.intro--pct-euro,
.intro--pct-note {
    position: relative;
    padding-left: 4em;
}
.intro--pct-euro:before,
.intro--pct-note:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3em;
    height: 3em;
}
.intro--pct-euro:before {
    background: url(../image/pictos/pct-euro.svg) left center no-repeat;
}
.intro--pct-euro2,
.intro--pct-note {
    position: relative;
    padding-left: 4em;
}
.intro--pct-euro2:before,
.intro--pct-note:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3em;
    height: 3em;
}
.intro--pct-euro2:before {
    background: url(../image/pictos/pct-euro-white.svg) left center no-repeat;
}
.intro--pct-note:before {
    background: url(../image/pictos/pct-note.svg) left center no-repeat;
}
.intro--user {
    padding-top: 3em;
}
.intro--inscription {
    border-right: 1px solid #a0a0a0;
}
.intro--inscription,
.intro--connection {
    position: relative;
    margin-bottom: 4rem;
}
.intro--inscription .intro--title,
.intro--connection .intro--title {
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    font-size: 1.55rem;
    text-align: center;
}
.intro--connection .intro--title {
    color: #db6a06;
}
.intro--inscription .intro--text {
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    color: #00adbd;
    font-size: 1.55rem;
    position: relative;
    padding-left: 6rem;
    padding-bottom: 1rem;
}
.intro--inscription .intro--text:before {
    content: '';
    position: absolute;
    left: 0;
    width: 5.3rem;
    height: 100%;
    background: url(../image/pictos/pct-ampoule.svg) no-repeat center;
}
.intro--inscription .intro--link,
.intro--connection .intro--link {
    display: block;
    position: absolute;
    bottom: -4rem;
    left: 5%;
    width: 90%;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    text-align: center;
    padding: 0.6rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.intro--inscription .intro--link {
    background-color: #00adbd;
}
.intro--inscription .intro--link:hover {
    background-color: #048490;
}
.intro--connection .intro--link {
    background-color: #e46e02;
}
.intro--connection .intro--link:hover {
    background-color: #BD5C06;
}
.intro--connection .form--input-control:first-child .form-control {
    margin-bottom: 1rem;
}

/* LOGIN *************************************************************************/
/*********************************************************************************/
.login {
    background: url(../image/background/bg-login.svg) right bottom no-repeat #dc6f00;
    padding-bottom: 1.6em;
    background-size: 26em 22em;
}
.login .container {
    padding-top: 2em;
    padding-bottom: 0.6em;
}
.login--border {
    position: relative;
}
.login--border:after {
    content: '';
    position: absolute;
    top: 0;
    right: -2rem;
    width: 0.05rem;
    height: 100%;
    background-color: rgba(255,255,255,0.3);
}
.login--title {
    color: #fff;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
    font-size: 1.6em;
}
/* BLOC LEFT */
.login--new-particulier,
.login--new-association,
.login--new-collectivite,
.login--new-entreprise {
    color: #fff;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    text-align: center;
    display: block;
    position: relative;
}
.login--new-particulier:hover,
.login--new-association:hover,
.login--new-collectivite:hover,
.login--new-entreprise:hover,
.login--new-particulier:focus,
.login--new-association:focus,
.login--new-collectivite:focus,
.login--new-entreprise:focus {
    color: #fff;
    text-decoration: none;
}
.login--new-pct-container {
    position: relative;
    display: block;
    height: 6.6em;
    width: 100%;
    margin-bottom: 1.6em;
}
.login--new-pct {
    display: block;
    height: 6em;
    width: 100%;
}
.login--new-particulier:hover .login--new-pct,
.login--new-association:hover .login--new-pct,
.login--new-collectivite:hover .login--new-pct,
.login--new-entreprise:hover .login--new-pct {
    height: 6.6em;
}
.login--new-particulier:hover:before,
.login--new-association:hover:before,
.login--new-collectivite:hover:before,
.login--new-entreprise:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,225,0,1)), color-stop(12%,rgba(255,225,0,0.5)), color-stop(70%,rgba(255,225,0,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,225,0,1) 0%,rgba(255,225,0,0.5) 12%,rgba(255,225,0,0) 70%);
    background: -webkit-radial-gradient(center ellipse,  rgba(255,225,0,1) 0%,rgba(255,225,0,0.5) 12%,rgba(255,225,0,0) 70%);
    background: radial-gradient(ellipse at center,  rgba(255,225,0,1) 0%,rgba(255,225,0,0.5) 12%,rgba(255,225,0,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#00ffe100',GradientType=1 );
}
.login--new-pct-container:after {
    content: "";
    position: absolute;
    bottom: 0.3em;
    left: 29%;
    width: 42%;
    height: 0.4em;
    background-color: transparent;
    -o-box-shadow: 0px 20px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 20px 6px 0px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=6);
    border-radius: 50%;
}
.login--new-particulier .login--new-pct {
    background: url(../image/pictos/pct-particulier.svg) center no-repeat;
}
.login--new-association .login--new-pct {
    background: url(../image/pictos/pct-association.svg) center no-repeat;
}
.login--new-collectivite .login--new-pct {
    background: url(../image/pictos/pct-collectivite.svg) center no-repeat;
}
.login--new-entreprise .login--new-pct {
    background: url(../image/pictos/pct-entreprise.svg) center no-repeat;
}
.login--new-particulier:hover .login--new-pct {
    background: url(../image/pictos/pct-particulier-hover.svg) center no-repeat;
}
.login--new-association:hover .login--new-pct {
    background: url(../image/pictos/pct-association-hover.svg) center no-repeat;
}
.login--new-collectivite:hover .login--new-pct {
    background: url(../image/pictos/pct-collectivite-hover.svg) center no-repeat;
}
.login--new-entreprise:hover .login--new-pct {
    background: url(../image/pictos/pct-entreprise-hover.svg) center no-repeat;
}
.login--new-small {
    display: block;
    font-size: 0.8em;
    line-height: 1;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
}
/* BLOC RIGHT */
.login--connect-bloc .form-group:first-child .col-xs-12:last-child {
    margin-bottom: 1rem;
}
.login--connect-bloc .control-label {
    color: #fff;
}
.login .form-control {
    border: none;
}
.login .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 0, 0.6);
}
.login--connect-lostMdp {
    color: #000;
    text-decoration: underline;
    font-size: 0.8em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}
.login--connect-lostMdp:hover {
    color: #fff;
}
.login--connect-submit {
    text-align: right;
    margin-top: 0.6em;
}
.login--connect-submit .btn {
    background-color: #fff;
    color: #1b1b1b;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    padding: 0.6em 2em;
}

.show--password {
    color: #000;
    text-decoration: underline;
    font-size: 0.8em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    

}

.show--password:hover {
    color  :#000 !important;
}


.show--password a:hover {
    color  :#000 !important;
}

.show--password a:visited {
    color  :#000 !important;
}



/* ACTUALITES ********************************************************************/
/*********************************************************************************/
.actu .carousel {
    position: relative;
    padding-left: 22%;
}
.actu .carousel:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../image/background/bg-actu.svg) left center no-repeat;
}
.actu--title {
    color: #c2c1bf;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    margin-bottom: 0.6em;
}
.actu--detail-img {
    float: left;
    width: 26%;
    padding-right: 3em;
    padding-bottom: 1em;
}
.actu--detail-date {
    color: #000;
    font-size: 0.9em;
}
.actu--detail-cat {
    color: #3eb5c0;
    font-size: 0.9em;
    text-transform: uppercase;
}
.actu--detail-title {
    color: #c15500;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 0.4em;
}
.actu--detail-tag {
    text-transform: uppercase;
    color: #fff;
    background-color: #df1924;
    position: relative;
    font-size: 0.6rem;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    height: 1rem;
    display: inline-block;
    padding: 0 0.6rem;
    margin-left: 1.3rem;
    vertical-align: middle;
}
.actu--detail-tag:before {
    content: "";
    position: absolute;
    left: -0.56rem;
    top: 0;
    border-style: solid;
    border-width: 0.5rem 0.6rem 0.5rem 0;
    border-color: transparent #df1924 transparent transparent;
}
.actu--detail-tag:after {
    content: "";
    position: absolute;
    top: 45%;
    height: 0.1rem;
    width: 0.3rem;
    background: #fff;
    left: -0.1rem;
    border-radius: 1rem;
}
.actu--detail-chapo {
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 1em;
}
.actu--detail-body {
    color: #666;
    margin-bottom: 1em;
}
.actu--detail-body:after {
    content: "(...)";
    color: #c15500;
    margin-left: 0.3em;
}
.actu--detail-more.btn {
    padding: 0.1em 3em;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    background-color: #c15500;
}
.actu--detail-more.btn:hover {
    background-color: #de720e;
}
.actu--pager {
    text-align: center;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    margin-left: -22%;
}

/* ============================================================================= */
/*   MAIN CONTENT - HOME NATIONAL
/* ============================================================================= */
.home-national .content {
    padding-bottom: 0;
}
.home-national .login--connect-lostMdp:hover {
    color: #9A9A9A;
}
.home-national .intro {
    padding-top: 3.6rem;
}
/* FULL IMG */
.fullImg {
    background: #d15a04;
    background: -webkit-linear-gradient(top,  #d15a04 0%,#e87e1d 57%,#d25a03 100%);
    background: linear-gradient(to bottom,  #d15a04 0%,#e87e1d 57%,#d25a03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15a04', endColorstr='#d25a03',GradientType=0 );
}
.fullImg .container {
    background: url(../image/background/bg-home-national.svg) center bottom no-repeat;
    background-size: 100% 100%;
    padding-top: 2.6em;
}
.fullImg--title-item {
    position: relative;
    padding-bottom: 1rem;
}
.fullImg--title-item:after {
    content: '';
    position: absolute;
    background: url(../image/pictos/pct-cursor.png) center no-repeat;
    width: 3em;
    height: 3em;
    right: -3rem;
    top: 20%;
}
.fullImg--title {
    color: #fff;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 2.35em;
    line-height: 1.2;
}
.fullImg--text {
    color: #fff;
    font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
    padding-top: 0.6rem;
}
/* EN SAVOIR PLUS */
.info {
    background: url(../image/background/bg-info-national.png);
    padding-top: 3em;
    padding-bottom: 3em;
}
.info--bloc-europe,
.info--bloc-france,
.info--bloc-projet {
    background-color: #fff;
    height: 100%;
    width: 100%;
    -o-box-shadow: 1px 3px 4px 1px rgba(28,27,26,0.19);
    box-shadow: 1px 3px 4px 1px rgba(28,27,26,0.19);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#1c1b1a, Direction=170, Strength=6);
    position: relative;
}
.info--img img {
    width: 100%;
}
.info--img {
    position: relative;
}
.info--img:after {
    content: '';
    position: absolute;
    top: 100%;
    bottom: auto;
    left: calc((100% - 40%)/2);
    width: 40%;
    height: 0.5em;
}
.info--bloc-europe .info--img:after {
    background-color: #0f0084;
}
.info--bloc-france .info--img:after {
    background-color: #110e0f;
}
.info--bloc-projet .info--img:after {
    background-color: #e57d1f;
}
.info--bottom {
    padding: 1.3em 1.3em 4.6em 1.3em;
}
.info--title {
    font-size: 1.7em;
    margin-bottom: 0.3em;
}
.info--bloc-europe .info--title {
    color: #0f0084;
}
.info--bloc-france .info--title {
    color: #110e0f;
}
.info--bloc-projet .info--title {
    color: #e57d1f;
}
.info--desc {
    font-size: 0.94em;
}
.info--more {
    text-align: right;
    position: absolute;
    bottom: 1em;
    right: 1.3em;
    line-height: 1.3;
}
.info--bloc-europe .info--more {
    color: #0f0084;
}
.info--bloc-france .info--more {
    color: #110e0f;
}
.info--bloc-projet .info--more {
    color: #e57d1f;
}
.info--more-txt {
    float: left;
    margin-right: 1em;
}
.info--more-pct {
    color: #fff;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 30px;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
}
.info--bloc-europe .info--more-pct {
    background-color: #0f0084;
}
.info--bloc-europe .info--more-pct:hover {
    background-color: #432FE6;
    color: #fff;
    text-decoration: none;
}
.info--bloc-france .info--more-pct {
    background-color: #110e0f;
}
.info--bloc-france .info--more-pct:hover {
    background-color: #5D5759;
    color: #fff;
    text-decoration: none;
}
.info--bloc-projet .info--more-pct {
    background-color: #e57d1f;
}
.info--bloc-projet .info--more-pct:hover {
    background-color: #c15500;
    color: #fff;
    text-decoration: none;
}

/* ============================================================================= */
/*   MAIN CONTENT - PROGRAMME OPERATIONNEL
/* ============================================================================= */
.programme-orientation .content {
    padding-bottom: 9rem;
}
.programme--search-text {
    text-align: center;
    color: #009eac;
    font-size: 1.25rem;
    padding-top: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    border-top: 1px solid #a0a0a0;
}
.programme--search-form label {
    display: block;
}
.programme--search-form .form--input-checkbox label:before {
    width: 0.9rem;
    height: 0.9rem;
    vertical-align: middle;
}
.programme--search-form input[type=checkbox]:checked + label:before {
    border: 2px solid #9ad8de;
    background-color: #009eac;
    background-size: 0.55rem 0.55rem;
}
.programme--search-form input[type=checkbox]:checked + label {
    color: #009eac;
}
/* MAP */
.programme--search-map {
    position: relative;
}
.programme--search-map:before {
    content: "";
    position: absolute;
    width: 9em;
    height: 9em;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top-right-radius: 100%;
    -webkit-transform: rotate(-140deg);
    transform: rotate(-136deg);
    top: 50%;
    margin-top: -4.5rem;
    left: -5em;
}
.programme--search-map .map-svg {
    max-width: 100%\9;
    height: 30rem\9;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .programme--search-map .map-svg {
        max-width: inherit;
        height: inherit;
    }
}
.programme--search-map .st1 {
    fill: #7F7F7F;
    stroke: #FFFFFF;
    stroke-width: 1.5825;
    stroke-miterlimit: 10;
}
.programme--search-map .st3 {
    fill: #9F9F9F;
}
.programme--search-map [id^="bloc_"].active .st1 {
    fill: #00ADBD;
}

/* SEARCH SUBMIT */
.programme--search-submit {
    text-align: center;
    margin-top: 1rem;
}
.programme--search-submit .btn {
    padding: 0.6rem 8rem;
    background-color: #00ADBD;
}
.programme--search-submit .btn:hover {
    background-color: #048490;
}

/* LISTE PROGRAMMES */
.programme--list-title {
    position: relative;
    background-color: #00adbd;
    color: #fff;
    text-align: center;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
    font-size: 2rem;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
}
.programme--list-title:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -1rem;
    border-style: solid;
    border-width: 12px 15px 0 15px;
    border-color: #00adbd transparent transparent transparent;
}
.programme--item {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #959595;
}
.programme--item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.programme--item-title {
    color: #00adbd;
    font-size: 1.4rem;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    margin-bottom: 1rem;
}
.programme--subitem {
    padding-bottom: 1.3rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
}
.programme--subitem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.programme--item-subtitle {
    font-size: 1.1rem;
}
.programme--item-link {
    font-size: 0.7rem;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    margin-top: 1rem;
}
.programme--item-link-black {
    padding: 0.4rem 1rem;
    border: 1px solid #535353;
    color: #535353;
    text-align: center;
}
.programme--item-link-black:hover {
    text-decoration: none;
}
.programme--item-link-orange {
    padding: 0.4rem 1rem;
    background-color: #d86601;
    border: 1px solid #d86601;
    color: #fff;
    text-align: center;
}
.programme--item-link-orange:hover {
    background-color: #c15500;
    border: 1px solid #c15500;
    text-decoration: none;
    color: #fff;
}

/* ============================================================================= */
/*   MAIN CONTENT - GLOBAL PAGE
/* ============================================================================= */
.content {
    background-image: url(../image/background/bg-flower-top.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 39rem 14.7rem;
    padding-bottom: 4em;
}

/* ============================================================================= */
/*   MAIN CONTENT - EDITION INSCRIPTION
/* ============================================================================= */

/* INTRODUCTION ******************************************************************/
/*********************************************************************************/
.inscription--profil {
    background-color: #f2f0ec;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 3rem;
}
.inscription--entreprise label,
.inscription--association label,
.inscription--collectivite label,
.inscription--particulier label {
    height: 6rem;
    padding-left: 6rem;
    padding-top: 3.3rem !important;
}
.inscription--entreprise label .block,
.inscription--association label .block,
.inscription--collectivite label .block,
.inscription--particulier label .block {
    font-size: 1.1rem;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
}
.inscription--entreprise label:before,
.inscription--association label:before,
.inscription--collectivite label:before,
.inscription--particulier label:before {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 6.6rem;
    width: 5.9rem;
    transition: none;
    -webkit-transition: none;
}
.inscription--entreprise input[type=radio]:checked + label,
.inscription--collectivite input[type=radio]:checked + label,
.inscription--particulier input[type=radio]:checked + label,
.inscription--association input[type=radio]:checked + label {
    color: #df710e;
}
.inscription--entreprise input[type=radio]:checked + label:before,
.inscription--collectivite input[type=radio]:checked + label:before,
.inscription--particulier input[type=radio]:checked + label:before,
.inscription--association input[type=radio]:checked + label:before {
    border: none;
    box-shadow: none;
}
.inscription--entreprise input[type=radio]:checked + label:after,
.inscription--collectivite input[type=radio]:checked + label:after,
.inscription--particulier input[type=radio]:checked + label:after,
.inscription--association input[type=radio]:checked + label:after {
    content: '';
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 1.8rem;
    height: 1.8rem;
    background: url(../image/pictos/pct-tick-orange.svg) no-repeat center;
    background-size: 1.8rem 1.8rem;
}
.inscription--entreprise label:before {
    background: url(../image/pictos/pct-entreprise-inscription.svg) no-repeat;
}
.inscription--association label:before {
    background: url(../image/pictos/pct-association-inscription.svg) no-repeat;
}
.inscription--collectivite label:before {
    background: url(../image/pictos/pct-collectivite-inscription.svg) no-repeat;
}
.inscription--particulier label:before {
    background: url(../image/pictos/pct-particulier-inscription.svg) no-repeat;
}
.inscription--entreprise input[type=radio]:checked + label:before {
    background: url(../image/pictos/pct-entreprise-inscription-hover.svg) no-repeat;
}
.inscription--association input[type=radio]:checked + label:before {
    background: url(../image/pictos/pct-association-inscription-hover.svg) no-repeat;
}
.inscription--collectivite input[type=radio]:checked + label:before {
    background: url(../image/pictos/pct-collectivite-inscription-hover.svg) no-repeat;
}
.inscription--particulier input[type=radio]:checked + label:before {
    background: url(../image/pictos/pct-particulier-inscription-hover.svg) no-repeat;
}

/* ============================================================================= */
/*   MAIN CONTENT - GESTION LISTE UTILISATEURS
/* ============================================================================= */
.gestion--title {
    margin-bottom: 0.6em;
}
.gestion--title-nb-resultat {
    padding-left: 1em;
}

/* ============================================================================= */
/*   MAIN CONTENT - ESPACE UTILISATEUR / ESPACE GESTIONNAIRE
/* ============================================================================= */
.espace--bloc-title {
    margin-bottom: 1rem !important;
}

/* BLOC SUIVI ********************************************************************/
/*********************************************************************************/
.suivi--bloc {
    background-image: url(../image/background/bg-suivi.svg);
    background-position: right 90%;
    background-repeat: no-repeat;
    background-size: 14em 14em;
    margin-bottom: 4em;
}
.suivi--last-connect {
    font-size: 0.9em;
    position: relative;
    margin-bottom: 1rem;
}
.suivi--last-connect:before {
    content: '';
    position: absolute;
    width: 2em;
    height: 2em;
    background: url(../image/pictos/pct-lastConnect.svg) no-repeat;
    left: -2.3em;
}
.suivi--date {
    font-size: 0.83em;
    padding: 0.2em 1.6em 0.2em 0.6em;
    display: table;
    margin-bottom: 0.2em;
    background-color: #dcdcdc;
    position: relative;
    display: inline-block;
}
.suivi--date:first-child {
    margin-top: 0;
}
.suivi--date-new {
    background-color: #00becf;
    color: #fff;
}
.suivi--date-new:after {
    content: '!';
    position: absolute;
    color: #00becf;
    font-size: 1.8em;
    line-height: 1;
    top: 0;
    right: -0.6em;
}
.suivi--demande-rejected,
.suivi--demande-processed,
.suivi--demande-processing,
.suivi--demande-toCorrect,
.suivi--op-deprog{
    position: relative;
    padding: 0.4em 0 0.4em 2.6em;
    display: table;
    color: #de720e;
    font-size: 0.93em;
    margin-bottom: 1.3em;
}
.suivi--notif-autre--lot:last-child {
    margin-bottom: 1.3em;
}
.suivi--demande-accept,
.suivi--demande-refuse,
.suivi--acces-accept,
.suivi--acces-refuse {
    position: relative;
    padding: 0.2em 0 0.2em 2em;
    display: table;
    color: #000;
    font-size: 0.93em;
}
.suivi--demande-accept:hover,
.suivi--demande-refuse:hover,
.suivi--acces-accept:hover,
.suivi--acces-refuse:hover {
    color: #de720e;
    text-decoration: none;
}
.suivi--demande-rejected:hover,
.suivi--demande-processed:hover,
.suivi--demande-processing:hover,
.suivi--demande-toCorrect:hover,
.suivi--op-deprog:hover{
    color: #B34F00;
    text-decoration: none;
}
.suivi--demande-rejected:before,
.suivi--demande-processed:before,
.suivi--demande-processing:before,
.suivi--demande-toCorrect:before,
.suivi--op-deprog:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.15em;
    width: 2.3em;
    height: 2.3em;
}
.suivi--demande-accept:before,
.suivi--demande-refuse:before,
.suivi--acces-accept:before,
.suivi--acces-refuse:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.65em;
    width: 1.3em;
    height: 1.3em;
    border-radius: 1em;
    background-color: #dd720e;
    background-image: url(../image/pictos/pct-accept.svg);
    background-repeat: no-repeat;
    background-size: 0.8rem 0.8rem;
    background-position: center;
}
.suivi--demande-refuse:before,
.suivi--acces-refuse:before {
    background-color: #000;
    background-image: url(../image/pictos/pct-refuse.svg);
}
.suivi--demande-rejected:before {
    background: url(../image/pictos/pct-rejected.svg) no-repeat;
}
.suivi--op-deprog:before {
    background: url(../image/pictos/pct-refuse.svg) no-repeat;
}
.suivi--demande-processed:before {
    background: url(../image/pictos/pct-processed.svg) no-repeat;
}
.suivi--demande-processing:before {
    background: url(../image/pictos/pct-processing.svg) no-repeat;
}
.suivi--demande-toCorrect:before {
    background: url(../image/pictos/pct-toCorrect.svg) no-repeat;
}
.suivi--pager {
    margin-top: 1em;
}

/* BLOC SEARCH *******************************************************************/
/*********************************************************************************/
.search--bloc {
    background-image: url(../image/background/bg-search.svg);
    background-repeat: no-repeat;
    background-position: right 56%;
    background-size: 14em 11em;
    margin-bottom: 4em;
}
.search--title {
    color: #df710d;
    font-size: 1.3em;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
}
.search--bloc .control-label {
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    font-size: 0.93em;
}
.search--bloc .form-control {
    background-color: rgba(255,255,255,0.8);
}
.search--bloc .form-footer {
    margin-top: 1em;
}
.search--bloc .form-footer .btn {
    padding: 0.5em;
    font-size: 0.82em;
    width: 49%;
}

/* BLOC TABLEAU DE BORD **********************************************************/
/*********************************************************************************/
.tableauBord--bloc {
    padding: 0 1em;
    margin-bottom: 4em;
}
.tableauBord--bloc table tr th,
.tableauBord--bloc table tr td {
    text-align: center;
}
.tableauBord--bloc table thead tr th {
    font-size: 0.83em;
    padding: 4.6em 0.6em 0.3em 0.6em;
    position: relative;
    white-space: nowrap;
}
.tableauBord--header-column-left {
    font-size: 0.75rem !important;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    text-align: left !important;
}
.tableauBord--draft:before,
.tableauBord--sent:before,
.tableauBord--processing:before,
.tableauBord--rejected:before,
.tableauBord--processed:before,
.tableauBord--toCorrect:before {
    content: '';
    position: absolute;
    top: 1.6em;
    left: 0;
    width: 100%;
    height: 2.6em;
}
.tableauBord--header-column {
    font-size: 0.75rem !important;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    text-align: center !important;
}
.tableauBord--draft:before,
.tableauBord--sent:before,
.tableauBord--processing:before,
.tableauBord--rejected:before,
.tableauBord--processed:before,
.tableauBord--toCorrect:before {
    content: '';
    position: absolute;
    top: 1.6em;
    left: 0;
    width: 100%;
    height: 2.6em;
}
.rechercheAvancee--etat {
    font-size: 0.76rem;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif !important;
}
.form--input-checkbox.rechercheAvancee--etat label {
    margin-top: 2rem;
}
.form--input-checkbox.rechercheAvancee--etat label:before {
    margin-top: -0.1em;
}
.rechercheAvancee--etat-draft:after,
.rechercheAvancee--etat-sent:after,
.rechercheAvancee--etat-processing:after,
.rechercheAvancee--etat-rejected:after,
.rechercheAvancee--etat-processed:after,
.rechercheAvancee--etat-toCorrect:after,
.rechercheAvancee--etat-delete:after {
    content: '';
    position: absolute;
    top: -2rem;
    left: 0;
    width: calc(100% + 1.6em);
    height: 2.6rem;
}
.tableauBord--draft:before,
.rechercheAvancee--etat-draft:after {
    background: url(../image/pictos/pct-draft.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--sent:before,
.rechercheAvancee--etat-sent:after {
    background: url(../image/pictos/pct-sent.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--processing:before,
.rechercheAvancee--etat-processing:after {
    background: url(../image/pictos/pct-processing.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--rejected:before,
.rechercheAvancee--etat-rejected:after {
    background: url(../image/pictos/pct-rejected.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--processed:before,
.rechercheAvancee--etat-processed:after {
    background: url(../image/pictos/pct-processed.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--toCorrect:before,
.rechercheAvancee--etat-toCorrect:after {
    background: url(../image/pictos/pct-toCorrect.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.rechercheAvancee--etat-delete:after {
    background: url(../image/pictos/pct-delete.svg) no-repeat center;
    background-size: 2rem 2rem;
}
.tableauBord--nbDelete,
.tableauBord--nbToCorrect,
.tableauBord--nb {
    background-color: #de720e;
    border-radius: 1rem;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 2;
    display: block;
    margin: auto;
    text-align: center;
    color: #fff;
    text-decoration: underline;
    font-family: "open_sansbold", Helvetica, Arial, sans-serif !important;
    font-size: 0.86em;
}
.tableauBord--nb:hover {
    background-color: #c15500;
    color: #fff;
}
.tableauBord--nbDelete {
    background-color: #a0a0a0;
}
.tableauBord--nbDelete:hover {
    background-color: #636363;
    color: #fff;
}
.tableauBord--nbToCorrect {
    background-color: #00becf;
}
.tableauBord--nbToCorrect:hover {
    background-color: #008F9C;
    color: #fff;
}
.tableauBord--pager {
    margin-bottom: 1em;
}

/* BLOC ACTU *********************************************************************/
/*********************************************************************************/
.actu--bloc .actu--pager {
    margin-left: 0;
}
.actu--bloc .actu--detail-tag {
    line-height: 1.6;
}
.actu--bloc .actu--detail-more.btn {
    display: block;
}

/* BLOC MES DEMARCHES ************************************************************/
/*********************************************************************************/
.demarches--bloc .row:first-child {
    margin: 0;
}
.demarches--bloc-subvention,
.demarches--bloc-paiement {
    padding-bottom: 2.8em;
    padding-top: 1rem;
}
.demarches--bloc-subvention {
    background-color: #f8891b;
}
.demarches--bloc-paiement {
    background-color: #de720e;
}
.demarches--title {
    color: #fff;
    margin-bottom: 0.4em;
}
.demarches--body {
    color: #000;
    position: relative;
    padding-left: 3em;
    padding-bottom: 0.5em;
    line-height: 1.3;
}
.demarches--body:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.4em;
    height: 2.4em;
}
.demarches--bloc-subvention .demarches--body:before {
    background: url(../image/pictos/pct-note-white.svg) no-repeat left center;
}
.demarches--bloc-paiement .demarches--body:before {
    background: url(../image/pictos/pct-euro-white.svg) no-repeat left center;
}
.demarches--bloc .btn {
    position: absolute;
    bottom: 1.2em;
    left: 1.2em;
    background-color: #fff;
    color: #000;
    font-size: 0.9em;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    padding: 0.1em 2.6em;
    width: calc(100% - 30px);
}

/* SPECIFICATIONS GESTIONNAIRE ***************************************************/
/*********************************************************************************/
/* BLOC DEMARCHES */
.gestionnaire--demarches-bloc {
    margin-bottom: 4em;
}

/* BLOC GESTION UTILISATEUR */
.pct-utilisateur {
    position: relative;
    padding-left: 5em;
    margin-bottom: 1em;
}
.pct-utilisateur:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.6em;
    height: 4.6em;
    background: url(../image/pictos/pct-boxLogin-utilisateur.svg) no-repeat center;
}
.gestion-utilisateur--nb-total,
.gestion-utilisateur--nb-detail {
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #df710d;
    margin: 0;
}
.gestion-utilisateur--nb-detail {
    color: #000;
}
.gestion-utilisateur--bloc .btn {
    width: 49%;
}
/* BLOC GESTION UTILISATEUR */
.gestionnaire-tableauBord--bloc table tr th:first-child,
.gestionnaire-tableauBord--bloc table tr td:first-child {
    text-align: left;
}
.gestionnaire-tableauBord--bloc table tr th:first-child {
    padding: 4.6em 1em 0.3em 1em;
}

/* ============================================================================= */
/*   MAIN CONTENT - HISTORIQUE
/* ============================================================================= */
.historique--header {
    margin-bottom: 3em;
}
.historique--header-btn .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.historique--header-info {
    font-size: 1.1em;
    line-height: 2.3;
}
.table tbody tr td.historique--refus-accordion-body {
    padding: 0;
}

/* ============================================================================= */
/*   MAIN CONTENT - ACTUALITES
/* ============================================================================= */
.actu--filter {
    background-color: #eee;
    padding: 0.6em 1em 0.5em 1em;
    margin-bottom: 1em;
}
.actu--filter .form-group {
    margin-bottom: 0;
}
.actu--filter .control-label {
    font-size: 0.96em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    color: #00b2ce;
}
.actu--page .actu--detail {
    padding-bottom: 2em;
    border-bottom: 1px solid #000;
}
.actu--page .actu--detail-body:after {
    display: none;
}
.actu--util-title {
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    margin-top: 0.3em;
}
.actu--page .actu--pager {
    margin-left: 0;
}
.actu--page .pager-item {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}
.actu--page .pager-prev,
.actu--page .pager-next {
    background-color: #df710d;
    color: #fff;
    padding: 0.3em 1em 0.13em 1em;
}
.actu--page .pager-prev:hover,
.actu--page .pager-next:hover,
.actu--page .pager-prev:focus,
.actu--page .pager-next:focus {
    text-decoration: none;
    background-color: #c15500;
}
.actu--page .pager-prev.is-inactive,
.actu--page .pager-next.is-inactive {
    background-color: #d2d2d2;
    color: #4f4d4a;
    text-decoration: none;
}
.actu--page .pager-prev {
    float: left;
}
.actu--page .pager-next {
    float: right;
}
.actu--page-txt {
    font-size: 0.73em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    vertical-align: text-top;
}

/* ============================================================================= */
/*   MAIN CONTENT - RECHERCHE AVANCEE
/* ============================================================================= */
.rechercheAvancee--btn {
    position: relative;
    font-size: 1.2rem;
    padding: 1rem 1rem 1rem 3.3rem;
    background-color: #fff;
    width: 100%;
    display: block;
}
.rechercheAvancee--btn:before {
    content: '-';
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #de720e;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.5rem;
    line-height: 0.7em\9;
    text-decoration: none;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .rechercheAvancee--btn:before {
        padding-top: 0.6rem;
        line-height: 1.5rem;
    }
}
.rechercheAvancee--btn.collapsed {
    background-color: transparent;
}
.rechercheAvancee--btn.collapsed:before {
    content: '+';
    line-height: 1.7rem;
    line-height: 1em\9;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .rechercheAvancee--btn.collapsed:before {
        padding-top: 0.8rem;
        line-height: 1.7rem;
    }
}
.rechercheAvancee--criteres {
    background-color: #fff;
    margin-bottom: 1.6em;
    padding: 0 0 1.3em 0;
    border-bottom: 1px solid #de720e;
}

/* ============================================================================= */
/*   MAIN CONTENT - MODELES DOCUMENTS (FORM)
/* ============================================================================= */
.form-modele--btn {
    position: relative;
    font-size: 0.9375rem;
    padding: 1rem 1rem 1rem 3rem;
    background-color: #eee;
    width: 100%;
    display: block;
    color: #2e2113;
    border-top: 2px solid #dcdcdc;
}
.form-modele--btn:focus,
.form-modele--btn:hover {
    color: #00bdef;
    text-decoration: none;
}
.form-modele--btn:before {
    content: '-';
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #00bdef;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.3rem;
    line-height: 0.8em\9;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-modele--btn:before {
        padding-top: 0.5rem;
        line-height: 1.3rem;
    }
}
.form-modele--btn.collapsed {
    background-color: transparent;
}
.form-modele--btn.collapsed:before {
    content: '+';
    line-height: 1.5rem;
    line-height: 1em\9;
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-modele--btn.collapsed:before {
        padding-top: 0.7rem;
        line-height: 1.5rem;
    }
}
.form-modele--criteres {
    background-color: #eee;
    margin-bottom: 1.6em;
    padding: 0 0 1.3em 2.3em;
}
.form-modele--item:nth-child(2n + 1) {
    border-right: 1px solid #898989;
}
.form-modele--link {
    text-decoration: underline;
    color: #00bdef;
    font-size: 0.8125rem;
}
.form-modele--link:hover {
    color: #008F9C;
}

/* ============================================================================= */
/*   MAIN CONTENT - DETAIL MON SUIVI
/* ============================================================================= */
.detail-suivi--header {
    margin-bottom: 4rem;
    position: relative;
    padding-left: 7rem;
    padding-top: 1rem;
}
.detail-suivi--header:before {
    content: '';
    position: absolute;
    background: url(../image/background/bg-suivi-detail.svg) no-repeat center;
    width: 6rem;
    height: 6rem;
    top: 0;
    left: 0;
}

/* ============================================================================= */
/*   MAIN CONTENT - VUE ENRICHIE MON SUIVI
/* ============================================================================= */
.suivi--enrichi-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 1px solid #a0a0a0;
    -moz-column-rule: 1px solid #a0a0a0;
    column-rule: 1px solid #a0a0a0;
    -webkit-column-gap: 3.6rem;
    -moz-column-gap: 3.6rem;
    column-gap: 3.6rem;
    margin-bottom: 3rem;
}
.suivi--enrichi-item {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    display:inline-block;
}

/* ============================================================================= */
/*   MAIN CONTENT - VUE ENRICHIE TABLEAU DE BORD
/* ============================================================================= */
.tableau--sub-title {
    color: #4f4d4a;
    font-size: 1.75rem;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    margin-bottom: 0.3rem;
}
.tableau--header-column {
    text-align: center !important;
    color: #de720e !important;
    font-size: 0.8rem !important;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif !important;
}

/* ============================================================================= */
/*   MAIN CONTENT - TABLEAUX DE SAISIE RESPONSIVE
/* ============================================================================= */
.table-saisie--responsive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.3rem;
    overflow-x: auto;
}
.table-saisie--responsive--header {
    display: none;
}
.table-saisie--responsive--header .table-saisie--responsive--item {
    background-color: #fff !important;
    border-bottom: 1px solid #de720e;
    height: inherit !important;
}
.table-saisie--responsive--body {
    font-size: 0.8rem;
}
.table-saisie--responsive--footer .table-saisie--responsive--row {
    background-color: #4f4d4a !important;
    color: #fff;
    font-size: 0.8rem;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}
.table-saisie--responsive--footer .table-saisie--responsive--row .table-saisie--responsive--item {
    background-color: #4f4d4a !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
.table-saisie--responsive--row {
    width: 100%;
}
.table-saisie--responsive--row .table-saisie--responsive--item,
.table-saisie--responsive--row .table-saisie--responsive--item {
    height: 3rem;
}
.table-saisie--responsive--row.even .table-saisie--responsive--item {
    background-color: #ffffff;
}
.table-saisie--responsive--row.odd .table-saisie--responsive--item {
    background-color: #f2f2f2;
}
.table-saisie--responsive--row.even {
    background-color: #ffffff;
}
.table-saisie--responsive--row.odd {
    background-color: #f2f2f2;
}
.table-saisie--responsive--row.even {
    background-color: #ffffff;
}
.table-saisie--responsive--subrow .table-saisie--responsive--item {
    background-color: #EAEAEA;
    border-bottom: 1px solid #fff;
}
.table-saisie--responsive--row.even .table-saisie--responsive--item .table-saisie--responsive--item {
    height :auto;
    background:none;
}
.table-saisie--responsive--row.odd .table-saisie--responsive--item .table-saisie--responsive--item {
    height :auto;
    background:none;
}
.table-saisie--responsive--item {
    display: inline-block;
    position: relative;
}
.table-saisie--responsive--item .bloc--pct-info {
    display: inline-block;
    vertical-align: middle;
    position: initial;
    margin-left: 0.6rem;
}
.table-saisie--responsive--item:before {
    content: attr(data-header);
}
.table-saisie--btn--add .btn {
    padding: 0.3rem 1rem;
    font-size: 0.85rem;
}
.table-saisie--btn--add {
    margin-bottom: 0.6rem;
}
.table-saisie--responsive--number-bubble {
    background-color: #C46012;
    color: #fff;
    border-radius: 1rem;
    width: 1.3rem;
    height: 1.3rem;
    display: inline-block;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.table-saisie--responsive--number-bubble:hover {
    background-color: #DE720E;
}
.table-saisie--responsive--item-add {
    display: inline-block;
    width: 1.3rem;
    height: 1.6rem;
    border-radius: 0.2rem;
    background-color: #de720e;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    line-height: 0.9;
    font-family: "open_sans", Helvetica, Arial, sans-serif;
}
.table-saisie--responsive--item-add:hover,
.table-saisie--responsive--item-add:focus{
    background-color: #c4640c;
}
@media (max-width: 991px) {
    .table-saisie--responsive {
        overflow: hidden;
    }
    .table-saisie--responsive--item {
        vertical-align: middle;
        height: inherit !important;
        padding: 0.4rem 1rem 0.4rem 0.6rem;
        background-color: #f2f0ec !important;
    }
    .table-saisie--responsive--item:before {
        margin-right: 0.6rem;
        font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    }
    .table-saisie--responsive--item.beforeHide:before {
        display: none;
    }
    .table-saisie--responsive--item .form-group,
    .table-saisie--responsive--item .form--input-radio,
    .table-saisie--responsive--item .form--input-checkbox {
        display: inline-block;
        vertical-align: middle;
    }
    .table-saisie--responsive--item .accordion-toggle {
        display: none;
    }
    .table-saisie--responsive .accordion-body {
        width: 100% !important;
        background-color: #f2f0ec !important;
        height: auto !important;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--row {
        display: block;
        margin-top: 1.6rem;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--row .table-saisie--responsive--item {
        height: auto !important;
        display: inline-block;
        position: relative;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--item:not(.table-saisie--responsive--footer-title):after {
        content: '';
        position: absolute;
        right: 0;
        top: 20%;
        width: 1px;
        height: 60%;
        background-color: #fff;
    }
    .table-saisie--responsive--body .table-saisie--responsive--row {
        background-color: #f2f0ec;
        position: relative;
    }
    .table-saisie--responsive--body .table-saisie--responsive--subrow .table-saisie--responsive--row {
        background-color: #DEDCD7;
        border-bottom: 1px solid #fff;
        padding: 0.3rem 5rem 0.3rem 0.3rem;
    }
    .table-saisie--responsive--body .table-saisie--responsive--subrow .table-saisie--responsive--row .table-saisie--responsive--item {
        background-color: transparent !important;
    }
    .table-saisie--responsive--item-header {
        display: block;
        padding: 0.3rem 0.6rem;
        width: 100%;
        border-bottom: 3px solid #4f4d4a;
        background-color: #fff !important;
        margin-bottom: 0.1rem;
        margin-top: 0.6rem;
        font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
        font-size: 0.9rem;
    }
    .table-saisie--responsive--item-header .form-control {
        width: inherit;
    }
    .table-saisie--responsive--item-header > div {
        display: inline-block;
    }
    .table-saisie--responsive--item-title {
        display: block;
    }
    .table-saisie--responsive--item-titleOrange {
        display: block;
        font-size: 1rem;
        color: #DE720E;
    }
    .table-saisie--responsive--item-subtitleOrange {
        display: block;
        font-size: 0.85rem;
        color: #DE720E;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--item {
        font-size: 0.9rem;
        font-family: "open_sansbold", Helvetica, Arial, sans-serif;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--item.table-saisie--responsive--footer-title {
        display: block !important;
        font-size: 1.15rem;
        font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    }
    .table-saisie--responsive--delete {
        position: absolute;
        top: 2.3rem;
        right: -0.6rem;
        background-color: transparent !important;
    }
    .table-saisie--responsive--add {
        position: absolute;
        top: 2.3rem;
        right: -0.6rem;
        background-color: transparent !important;
    }
    .table-saisie--responsive--subdelete {
        position: absolute;
        top: 0;
        right: 0;
    }
    .table-saisie--responsive--subdetail {
        position: absolute;
        top: 0;
        right: 2rem;
    }
    .table-saisie--responsive--public:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 1.2rem;
        height: 1.2rem;
        background-image: url(../image/pictos/pct-public.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
    .table-saisie--responsive--subrow .table-saisie--responsive--item {
        border-bottom: none;
    }
    .table-saisie--responsive--item-empty {
        display: none !important;
    }
    .table-saisie--responsive--footer .table-saisie--responsive--row .table-saisie--responsive--item {
        background-color: transparent !important;
    }
}
@media (max-width: 768px) {
    .table-saisie--btn--add,
    .table-saisie--form-plus {
        width: 100%;
    }
    .table-saisie--btn--add {
        text-align: left !important;
        margin-top: 0.6rem;
    }
}
@media (max-width: 480px) {
    .table-saisie--responsive--item {
        display: block;
    }
}
@media (min-width: 992px) {
    .table-saisie--responsive--header .table-saisie--responsive--item {
        font-size: 0.76rem;
        font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    }
    .table-saisie--responsive--item:before {
        content: none;
    }
    .table-saisie--responsive--row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .table-saisie--responsive--body .table-saisie--responsive--row {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }
    .table-saisie--responsive--row.even {
        background-color: #ffffff;
    }
    .table-saisie--responsive--row.odd {
        background-color: #f2f2f2;
    }
    .table-saisie--responsive--subrow {
        background-color: #EAEAEA;
    }
    .table-saisie--responsive--item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-flex: 5%;
        -webkit-flex: 5% 1 0;
        -ms-flex: 5% 1 0;
        flex: 5% 1 0;
        padding: 0.5em;
        word-break: break-word;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    @-moz-document url-prefix() {
        .table-saisie--responsive--item {
            word-break: break-all;
            white-space: pre-wrap;
        }
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .table-saisie--responsive--item {
            word-break: break-all;
            white-space: pre-wrap;
        }
    }
}
.table-saisie--responsive--item-grow1 {
    -webkit-box-flex: 8.5%;
    -webkit-flex: 8.5% 1 0;
    -ms-flex: 8.5% 1 0;
    flex: 8.5% 1 0;
}
.table-saisie--responsive--item-grow2 {
    -webkit-box-flex: 11.5%;
    -webkit-flex: 11.5% 2 0;
    -ms-flex: 11.5% 2 0;
    flex: 11.5% 2 0;
}
.table-saisie--responsive--item-grow3 {
    -webkit-box-flex: 20%;
    -webkit-flex: 20% 3 0;
    -ms-flex: 20% 3 0;
    flex: 20% 3 0;
}
.table-saisie--responsive--item-grow4 {
    -webkit-box-flex: 23.333%;
    -webkit-flex: 23.333% 4 0;
    -ms-flex: 23.333% 4 0;
    flex: 23.333% 4 0;
}
.table-saisie--responsive--item-grow5 {
    -webkit-box-flex: 31.667%;
    -webkit-flex: 31.667% 5 0;
    -ms-flex: 31.667% 5 0;
    flex: 31.667% 5 0;
}
.table-saisie--responsive--item-grow6 {
    -webkit-box-flex: 40%;
    -webkit-flex: 40% 6 0;
    -ms-flex: 40% 6 0;
    flex: 40% 6 0;
}
.table-saisie--responsive--item-grow7 {
    -webkit-box-flex: 43.5%;
    -webkit-flex: 43.5% 7 0;
    -ms-flex: 43.5% 7 0;
    flex: 43.5% 7 0;
}
.table-saisie--responsive--item-grow8 {
    -webkit-box-flex: 56.667%;
    -webkit-flex: 56.667% 8 0;
    -ms-flex: 56.667% 8 0;
    flex: 56.667% 8 0;
}
.table-saisie--responsive--item-grow9 {
    -webkit-box-flex: 65%;
    -webkit-flex: 65% 9 0;
    -ms-flex: 65% 9 0;
    flex: 65% 9 0;
}
.table-saisie--responsive--item-grow10 {
    -webkit-box-flex: 73.333%;
    -webkit-flex: 73.333% 10 0;
    -ms-flex: 73.333% 10 0;
    flex: 73.333% 10 0;
}
/* Picto */
.table-saisie--responsive--item-public {
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(../image/pictos/pct-public.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.table-saisie--responsive--item-delete {
    display: inline-block;
    width: 1.3rem;
    height: 1.6rem;
    border-radius: 0.2rem;
    background-color: #c20024;
    background-image: url(../image/pictos/pct-delete-white.svg);
    background-repeat: no-repeat;
    background-size: 1rem 1.3rem;
    background-position: center;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.table-saisie--responsive--item-delete:hover {
    background-color: #aa0020;
}
.table-saisie--responsive--item-delete:focus {
    /*background-color: #aa0020;*/
    background-color: red;
}
.table-saisie--responsive--item-operation,
.table-saisie--responsive--item-legal {
    display: block;
    width: 1.5rem;
    height: 1.6rem;
    background-image: url(../image/pictos/pct-referent-legal.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    cursor: pointer
}
.table-saisie--responsive--item-operation {
    width: 1.3rem;
    background-image: url(../image/pictos/pct-referent-operation.svg);
    margin-right: 0.6rem;
}
@media (max-width: 991px) {
    .table-saisie--responsive--operation,
    .table-saisie--responsive--legal {
        position: relative;
        margin-right: 0.6rem;
    }
    .table-saisie--responsive--operation:before,
    .table-saisie--responsive--legal:before {
        content: '';
        display: inline-block;
        vertical-align: bottom;
        width: 1.3rem;
        height: 1.6rem;
        background-image: url(../image/pictos/pct-referent-legal.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center;
        margin-right: 0.6rem;
    }
    .table-saisie--responsive--operation:before {
        width: 1.2rem;
        background-image: url(../image/pictos/pct-referent-operation.svg);
    }
}
/* Accordion */
.table-saisie--responsive .accordion-toggle {
    width: 2rem;
    height: 1.3rem;
    margin-left: 0.3rem;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.table-saisie--responsive .accordion-toggle.collapsed:focus{
    background-color:#4f4d4a;
}
.table-saisie--responsive .accordion-toggle.collapsed:after,
.table-saisie--responsive .accordion-toggle:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/pictos/pct-arrow-right-orange.svg);
    background-size: 1.1em 1.1em;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.table-saisie--responsive .accordion-toggle:after {
    background-image: url(../image/pictos/pct-arrow-bottom-orange.svg);
    background-size: 1.2em 1.2em;
}
.table-saisie--responsive .accordion-body {
    padding: 0.3rem 0.5rem 1rem 0.5rem;
    min-width: 100%;
}
.table-saisie--responsive .accordion-body label {
    font-size: 0.8rem;
}
@media (max-width: 991px) {
    .table-saisie--responsive .accordion-toggle.no-toggle-responsive {
        display: none !important;
    }
    .table-saisie--responsive .accordion-body.no-toggle-responsive {
        display: block !important;
    }
}
/* Champs saisissable */
.table-saisie--responsive .form-group,
.table-saisie--responsive .form--input-radio,
.table-saisie--responsive .form--input-checkbox {
    white-space: normal;
}
.table-saisie--responsive .form-control {
    height: 1.8rem;
    padding: 0.3rem;
    box-shadow: none;
    word-break: normal;
    font-size: 0.75rem;
}
.table-saisie--responsive .form--input-control {
    margin-bottom: 0;
    width: 100%;
}
.table-saisie--responsive .form--input-radio + .form--input-radio {
    margin-left: 1rem;
}
.table-saisie--responsive .form--input-checkbox label,
.table-saisie--responsive .form--input-checkbox label:before,
.table-saisie--responsive .form--input-radio label,
.table-saisie--responsive .form--input-radio label:before {
    margin-right: 0;
}
.table-saisie--responsive input[type=number] {
    -moz-appearance: textfield;
}
.table-saisie--responsive input[type=number]::-webkit-inner-spin-button,
.table-saisie--responsiveinput[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.table-saisie--responsive textarea {
    resize: none;
    display: inline-block;
}
.table-saisie--responsive .form-group.form--input-control .form--input-invalid:before {
    max-width: inherit;
    z-index: 1;
}
@media (max-width: 991px) {
    .table-saisie--responsive .form--input-control {
        width: inherit;
    }
    .table-saisie--responsive .table-saisie--responsive--item-header .form--input-control {
        display: inline-block;
        width: initial;
    }
}
/* Résolution probleme avec classe 'form-horizontal' */
.form-horizontal .table-saisie--responsive .form-group {
    margin-left: inherit;
    margin-right: inherit;
}
.form-horizontal .table-saisie--responsive .radio,
.form-horizontal .table-saisie--responsive .checkbox,
.form-horizontal .table-saisie--responsive .radio-inline,
.form-horizontal .table-saisie--responsive .checkbox-inline {
    padding-top: inherit;
}
.checkbox-inline:focus{
    border-bottom : 1px solid #de720e;
}

/* ============================================================================= */
/*   MAIN CONTENT - PLAN DU SITE
/* ============================================================================= */
.sitemap--item {
    border-right: 1px solid #bfbfbf;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.sitemap--item:nth-child(4n),
.sitemap--item:last-child {
    border-right: none;
}
.sitemap--link {
    display: block;
    text-decoration: underline;
    color: #2e2113;
}
.sitemap--link:hover {
    color: #c15500;
}
.sitemap--link-title {
    color: #de720e;
}
.sitemap--link.disable {
    color: #535353;
    text-decoration: none;
}

/* ============================================================================= */
/*   FOOTER
/* ============================================================================= */
footer {
    font-size: 0.9em;
}

/* FOOTER TOP ********************************************************************/
/*********************************************************************************/
.footer-top {
    background: #4f4d4a;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4f4d4a), color-stop(50%,#4f4d4a), color-stop(50%,#df710d), color-stop(100%,#df710d));
    background: -webkit-linear-gradient(left, #4f4d4a 0%,#4f4d4a 63%,#df710d 50%,#df710d 100%);
    background: -webkit-linear-gradient(left, #4f4d4a 0%,#4f4d4a 50%,#df710d 50%,#df710d 100%);
    background: linear-gradient(to right, #4f4d4a 0%,#4f4d4a 50%,#df710d 50%,#df710d 100%);
}
.footer-top .container {
    padding: 1em;
    position: relative;
    background: #4f4d4a;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4f4d4a), color-stop(66%,#4f4d4a), color-stop(66%,#df710d), color-stop(100%,#df710d));
    background: -webkit-linear-gradient(left, #4f4d4a 0%,#4f4d4a 66%,#df710d 66%,#df710d 100%);
    background: linear-gradient(to right, #4f4d4a 0%,#4f4d4a 66%,#df710d 66%,#df710d 100%);
}
.footer-top .container2 {
    padding: 1em;
    position: relative;
    background: #4f4d4a;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4f4d4a), color-stop(66%,#4f4d4a), color-stop(66%,#df710d), color-stop(100%,#df710d));
    background: -webkit-linear-gradient(left, #4f4d4a 0%,#4f4d4a 66%,#df710d 66%,#df710d 100%);
    background: linear-gradient(to right, #4f4d4a 0%,#4f4d4a 66%,#df710d 66%,#df710d 100%);
}
.footer-top .container:before {
    position: absolute;
    content: "";
    left: 0;
    top: 1rem;
    height: 1.9em;
    width: 100%;
    border-left: 3px solid #ff8b00;
}
.footer-top .container2:before {
    position: absolute;
    content: "";
    left: 0;
    top: 1rem;
    height: 1.9em;
    width: 100%;

}

/* NAVIGATION */
.footer-top--nav {
    padding: 0.3rem 0 0 0;
    font-size: 0.9em;
}
.footer-top--nav-item {
    display: inline-block;
}
.footer-top--nav-link {
    color: #fff;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    cursor: pointer;
    border-right: 1px solid #fff;
    padding-right: 0.6em;
    margin-right: 0.4em;
}
.footer-top--nav-item:last-child .footer-top--nav-link {
    border-right: none;
}
.footer-top--nav-link:focus,
.footer-top--nav-link:hover {
    color: #FFA049;
}

/* FOLLOW FOOTER */
.footer-top--follow {
    width: 80%;
    padding-bottom: 1em;
    margin-bottom: 0.6em;
    border-bottom: 1px solid #fff;
}
.footer-top--follow-fb,
.footer-top--follow-twitter,
.footer-top--follow-google,
.footer-top--follow-youtube,
.footer-top--follow-reseau {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-right: 0.6em;
}
.footer-top--follow-fb:hover,
.footer-top--follow-twitter:hover,
.footer-top--follow-google:hover,
.footer-top--follow-youtube:hover,
.footer-top--follow-reseau:hover {
    opacity: 0.6;
    text-decoration: none;
}
.footer-top--follow-fb {
    background: url(../image/pictos/pct-fb-white.svg) no-repeat center bottom;
}
.footer-top--follow-twitter {
    background: url(../image/pictos/pct-twitter-white.svg) no-repeat center bottom;
}
.footer-top--follow-youtube {
    background: url(../image/pictos/pct-youtube-white.svg) no-repeat center bottom;
}
.footer-top--follow-reseau {
    background: url(../image/pictos/pct-reseaux-white.svg) no-repeat center bottom;
}

/* LIENS UTILES FOOTER */
.footer-top--follow-title,
.footer-top--useful-title {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 0.3em;
}
.footer-top--useful-list {
    padding: 0;
    list-style: none;
}
.footer-top--useful-list-link {
    color: #fff;
    text-decoration: underline;
}
.footer-top--useful-list-link:focus,
.footer-top--useful-list-link:hover {
    color: #4f4d4a;
    color: #FFA049\9;
}

/* BOTTOM FOOTER (partenaires/réalisé par) ***************************************/
/*********************************************************************************/
.footer-bottom {
    background-color: rgba(183, 192, 189, 0.4);
    background-image: url(../image/background/bg-flower-bottom.svg), url(../image/background/bg-circle-bottom.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, left bottom;
    background-size: 41rem 15.4rem, 13rem 11.4rem;
    padding: 1rem 1rem 2rem 1rem;
}
.footer-bottom--bloc a {
    text-decoration: none;
}
.footer-bottom--bloc img {
    vertical-align: top;
    padding: 0 2em 0 0;
}
.footer-bottom--title {
    text-transform: uppercase;
    margin-right: 0.6em;
}
.footer-bottom--txt {
    width: 50%;
    display: inline-block;
    font-size: 0.86em;
    margin-right:1em;
}
.footer-bottom--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    position: relative;
    padding-top: 1.4rem;
}
.footer-bottom--item:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0.05rem;
    height: 100%;
    background-color: #a0a0a0;
}
.footer-bottom--item a {
    display: block;
}

/* ============================================================================= */
/*   BOX AIDE EN LIGNE
/* ============================================================================= */
.box-aide {
    display: inline-block;
    position: absolute;
    top: 10.3rem;
    right: 0;
    color: #00becf;
    width: 4rem;
    background: url(../image/pictos/pct-aide.svg) no-repeat 90% 0;
    background-size: 2rem 2rem;
    font-size: 0.9rem;
}
.box-aide:focus,
.box-aide:hover {
    color: #008F9C;
    text-decoration: none;
}
.box-aide-txt {
    display: block;
    width: 100%;
    border-bottom: 3px solid #00becf;
    line-height: 1.2;
    padding-bottom: 0.2rem;
    margin-top: 0.9rem;
    font-size: 0.83rem;
}

/* ============================================================================= */
/*   LOADER
/* ============================================================================= */
.loader {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgb(6, 4, 0);
    background-color: rgba(6, 4, 0, 0.67);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";
}
.loader.is-show {
    display: table;
}
.loader--body {
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.loader--pct {
    background: url(../image/pictos/loading.png) no-repeat center;
    width: 9em;
    height: 9em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
}
.loader--txt {
    color: #df710d;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

/* ============================================================================= */
/*   OVERRIDES BOOTSTRAP
/* ============================================================================= */

/* FIL ARIANE ********************************************************************/
/*********************************************************************************/
.breadcrumb {
    font-size: 0.8em;
    float: none;
}
.breadcrumb a:focus {
    font-weight: bold;
}
/* FORMULAIRES *******************************************************************/
/*********************************************************************************/
.control-label,
.form-horizontal .control-label {
    color: #433a33;
    font-weight: inherit;
    text-align: left;
}
.form-control {
    border-radius: 0;
    border: 1px solid #c9c9c9;
}
select.form-control {
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    font-size: 0.86em;
    height: inherit;
}
select.form-control,
.ui-datepicker .ui-datepicker-title select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    color: #000f17;
    padding: 0.3em 1em;
    background: url('../image/pictos/pct-select.svg') no-repeat 96% center #fff;
    background-size: 1em 1em;
}
.ui-datepicker .ui-datepicker-title select {
    font: 0.86em "open_sansitalic", Helvetica, Arial, sans-serif;
    border-radius: 0;
    border: 1px solid #c9c9c9;
}
select.form-control::-ms-expand,
.ui-datepicker .ui-datepicker-title select::-ms-expand {
    display: none;
}
.form-control:focus {
    border-color: #c9c9c9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.form-horizontal .radio-inline {
    padding-top: 0;
}
textarea.form-control {
    max-width: 100%;
}

.radio-inline:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6);
}

.form-horizontal {
    margin-bottom : 0;
}

/* BOUTONS ***********************************************************************/
/*********************************************************************************/
.btn {
    border-radius: 0;
    background-color: #de720e;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding: 0.6em 3em;
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    font-size: inherit;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    background-color: #c15500;
}

.acceuil--inscription .btn {
    background-color: #00adbd;
}
.acceuil--inscription .btn:hover,
.acceuil--inscription .btn:focus,
.acceuil--inscription .btn.focus{
    background-color: #048490;
}

/* TABLEAUX **********************************************************************/
/*********************************************************************************/
.table,
.table tbody tr th,
.table thead tr td,
.table tbody tr td,
.table thead tr th {
    border: none;
}
.table tbody {
    border-top: 1px solid #de720e;
    border-bottom: 1px solid #de720e;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ece9e3;
}
.table thead tr th {
    font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #000;
    padding: 1em;
}
.table tbody tr td {
    font-size: 0.96em;
    color: #433a33;
    padding: 0.6em 1em;
}

/* CAROUSEL **********************************************************************/
/*********************************************************************************/
.actu .carousel {
    padding-bottom: 2em;
    padding-top: 2em;
}
.page-espace.actu {
    border-top: 1px solid #4f4d4a;
    margin-top: 4rem;
}

/* POPOVER ***********************************************************************/
/*********************************************************************************/
.popover {
    border: 1px solid #00becf;
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    border-radius: 0.3em;
}
.popover.bottom>.arrow {
    border-bottom-color: #00becf;
}

/* MODAL *************************************************************************/
/*********************************************************************************/
.modal-content {
    border-radius: 0;
    border: 2px solid #aaaaaa;
}
.modal-header {
    border: none;
    padding: 1.6em 2em 0 2em;
}
.modal-footer {
    border: none;
    padding: 1em 2em 1.6em 2em;
}
.modal-body {
    padding: 1.6em 2em 1em 2em;
    font-size: 1.1em;
}
.modal-title {
    border-bottom: 1px solid #c9c9c9;
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 2em;
    padding-bottom: 0.3em;
    color: #df710d;
}
button.close {
    color: #df710d;
    border: 1px solid #df710d;
    opacity: 1;
    border-radius: 1em;
    width: 1.3em;
    height: 1.3em;
    line-height: 0.8;
}
button.close:focus,
button.close:hover {
    color: #df710d;
    opacity: 0.6;
}
button.close span {
    font-family: "open_sanslight", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 100;
    line-height: 0.2;
}

/* ============================================================================= */
/*   MEDIAQUERIES
/* ============================================================================= */

@media (min-width: 768px) {
    .container {
        width: 96%;
    }
}
@media (min-width: 900px) {
    .container {
        width: 94%;
    }
}
@media (min-width: 1100px) {
    .container {
        width: 92%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1280px;
    }
}

@media only screen and (min-width: 62em) { /* + 980px */
    .table-responsive {
        overflow: visible;
    }
    .programme--item-link .col-xs-12.col-md-6:first-child {
        padding-right: 0;
    }
}
@media only screen and (max-width: 1060px) {
    .suivi--last-connect {
        margin-right: 3rem;
    }
}
@media only screen and (max-width: 61.9em) { /* 980px */
    .inscription--entreprise:after,
    .inscription--association:after,
    .inscription--particulier:after {
        left: 3%;
    }
    .connected-user .header-top .header--item {
        padding-top: 0.6em;
    }
    .header--box-login .header--item-text {
        margin-top: 2rem;
    }
    .connected-user .header--title:before {
        display: none;
    }
    .header--share-item .valign-bottom {
        display: none;
    }
    .search--bloc .form-footer .btn {
        margin-bottom: 1em;
        width: 100%;
        font-size: 0.93em;
    }
    .gestion-utilisateur--bloc .btn {
        margin: 0;
        padding: 0.6em 1.3em;
    }
    .form--header-item-number {
        display: block;
        margin: auto;
    }
    .form--header-item-text {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0.3rem;
    }
    .footer-bottom--bloc img {
        padding-right: 1em;
    }
    .form--bottom-item {
        margin-bottom: 1em;
        width: 48%;
    }
    .form--bottom-item .btn {
        width: 100%;
        margin-bottom: 1em;
    }
    .form--info-motif {
        width: 48%;
    }
    .form--info-etat {
        width: 44%;
    }
    .fullImg--title {
        font-size: 2.8em;
    }
    .fullImg--title-item:after {
        display: none;
    }
    .fullImg--img-item {
        display: none;
    }
    .join--txt {
        padding-left: 5em;
    }
    .sitemap--item:nth-child(4n) {
        border-right: 1px solid #bfbfbf;
    }
    .sitemap--item:nth-child(3n) {
        border-right: none;
    }
    .footer-bottom {
        background-image: url(../image/background/bg-flower-bottom.svg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 41rem 15.4rem;
    }
}
@media only screen and (min-width: 33.75em) and (max-width: 47.9em) { /* 540px - 768px */
    .programme--item-link .col-xs-12.col-md-6 {
        width: 50%;
    }
    .programme--item-link .col-xs-12.col-md-6:first-child {
        padding-right: 0;
    }
}


@media only screen and (max-width: 47.9em) { /* 768px */
    .header--top {
        margin-bottom: 2em;
    }
    .connected-user .header--top {
        width: 100%;
        /*text-align:justify;*/
    }
    .header--box-login-btn {
        text-align: right;
    }
    .header--box-login-btn .btn {
        color: transparent;
        width: 2.3rem;
        height: 2.3rem;
        padding: 0;
        background-size: 1.8em 1.8em;
        background-position: center;
    }
    .header--item {
        height: inherit;
        line-height: inherit;
    }
    .header--box-login-btn .btn:first-child {
        display: none;
    }
    .header--title:before {
        display: none;
    }
    .login--connect-bloc {
        margin-top: 4em;
    }
    .header--box-login {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }
    .header--box-login .row {
        margin: 0;
    }
    .header--box-login .header--item-text,
    .header--box-login-btn {
        position: relative;
        float: right;
        margin-top: 0;
    }
    .header--box-login-pct-utilisateur,
    .header--box-login-pct-gestionnaire {
        margin: 0;
    }
    .box-aide {
        position: initial;
        width: 100%;
        text-align: right;
        padding-right: 3rem;
        background-position: 98% center;
        background-size: 2rem 2rem;
    }
    .suivi--last-connect {
        margin-right: 0;
    }
    .box-aide-txt {
        border: none;
    }
    .box-aide-txt .block {
        display: inline-block;
    }
    .actu .carousel {
        padding-left: 15px;
    }
    .actu .carousel:before {
        display: none;
    }
    .actu--pager {
        margin-left: 0;
    }
    .intro--pct-euro:before,
    .intro--pct-note:before {
        left: 0.5em;
    }
    .intro--inscription,
    .intro--connection {
        height: inherit !important;
    }
    .intro--inscription {
        margin-bottom: 5rem;
    }
    .programme--search-map {
        display: none;
    }
    .programme--list-column:first-child {
        border: none;
    }
    .footer-top,
    .footer-top .container {
        background: transparent;
        padding-bottom: 0;
    }
    .footer-top .container:before {
        display: none;
    }
    .footer-top .container:after {
        bottom: calc(100% - 3.4rem);
    }
    .footer-top--bloc-nav {
        background-color: #4f4d4a;
        padding: 1em;
    }
    .footer-top--bloc-follow {
        background-color: #df710d;
        padding: 1em;
    }
    .footer-top--nav {
        margin: 0;
    }
    .footer-top--follow,
    .footer-top--useful {
        width: 49%;
        vertical-align: bottom;
        display: inline-block;
        border: none;
    }
    .footer-bottom {
        background-image: none;
    }
    .footer-bottom--item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-bottom--item:first-child:after {
        display: none;
    }
    .content {
        background: transparent;
    }
    .form--pct-info {
        right: 0;
    }
    .form-group.form--input-required .form--input-invalid:before {
        position: relative;
        margin-bottom: -0.1em;
        display: inline-block;
    }
    .form-group.form--input-required .form--input-invalid:after {
        bottom: 24px;
        top: inherit;
    }
    .form-group {
        max-width: 36em;
    }
    .login--connect-submit {
        text-align: left;
    }
    .suivi--bloc,
    .search--bloc,
    .tableauBord--bloc,
    .gestionnaire--demarches-bloc,
    .actu--bloc,
    .gestion-utilisateur--bloc {
        margin-bottom: 2em;
    }
    .intro--btn {
        text-align: left !important;
        margin-top: 1.6em;
    }
    .gestion--pager {
        text-align: center !important;
    }
    .gestion--title .gestion--pager {
        display: none;
    }
    .gestion-utilisateur--bloc .btn {
        padding: 0.6em 0.9em;
    }
    .search--bloc .form-footer .btn {
        margin-bottom: 0;
        width: 49%;
    }
    .historique--header-btn .btn {
        width: initial;
        margin-top: 0.6em;
        padding: 0.6em 3em;
    }
    .historique--header-info {
        text-align: center;
    }
    .table-accordion .table--info-accordion-header td:last-child {
        padding-right: 5em;
    }
    .actu--detail-img {
        width: 40%;
    }
    .footer-bottom--title {
        display: inline-block;
        margin-right: 2em;
    }
    .footer-bottom--logo-gouv .container {
        display: block;
    }
    .footer-bottom--logo-gouv .container a {
        display: inline-block;
        margin-right: 1em;
        margin-bottom: 1em;
    }
    .form-modele--item:nth-child(2n + 1) {
        border: none;
    }
    .form--info-motif {
        width: 100%;
        border: none;
        padding: 0;
        margin: 0.6rem 0 0 0;
    }
    .form--info-etat {
        width: 100%;
    }
    .fullImg--title-item {
        text-align: center;
    }
    .fullImg--img-item {
        text-align: center;
        margin-top: 3em;
    }
    .info .info--bloc-item:last-child {
        margin-top: 2rem;
    }
    .join--txt:before {
        display: none;
    }
    .join--txt {
        padding: 0;
    }
    .sitemap--item:nth-child(3n) {
        border-right: 1px solid #bfbfbf;
    }
    .sitemap--item:nth-child(2n) {
        border-right: none;
    }
}
@media only screen and (max-width: 42.5em) { /* 680px */
    .connected-user .header--top .header--item:not(.header--box-login) {
        width: 36%;
        margin-top: 3.6em;
    }
    .connected-user .header--top .header--item.header--title {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .connected-user .header--top {
        width: 100%;
    }
    .header--box-login .header--item-text {
        width: 56%;
    }
    .header--box-login .header--item-text .header--box-login-pct-gestionnaire,
    .header--box-login .header--item-text .header--box-login-pct-utilisateur {
        border-left: none;
    }
    .actu--page .pager-prev,
    .actu--page .pager-next {
        width: 2rem;
        height: 2rem;
        padding: 0.2rem;
    }
    .actu--page .pager-prev .actu--page-txt,
    .actu--page .pager-next .actu--page-txt {
        display: none;
    }
    .form--header-item {
        display: inline-block;
        width: 50%;
        background: none;
    }
    .form--header-item-number {
        display: inline-block;
        margin-right: 1rem;
    }
    .form--header-item-text {
        display: inline-block;
        width: 70%;
        text-align: left;
        margin-top: 0;
    }
    .footer-bottom--txt {
        width: 42%;
    }
}
@media only screen and (max-width: 33.75em) { /* 540px */
    .form--footer-item {
        width: 100%;
    }
    .form--footer-item .btn {
        width: 100%;
        margin-bottom: 1em;
        margin-top: 0 !important;
    }
    .programme--search-form .form--input-checkbox .col-xs-6 {
        width: 100%;
    }
    .header--europe-img {
        height: 3.6rem;
        bottom: 0.8rem;
    }
}
@media only screen and (max-width: 30em) { /* 480px */
    .header--top {
        display: block;
    }
    .header--title {
        padding-top: 0;
        text-align: center;
    }
    .header--share-item,
    .header--box-login-btn,
    .header--box-login-pct-utilisateur,
    .header--box-login-pct-gestionnaire {
        margin-top: 0;
    }
    .header--box-login-pct-utilisateur,
    .header--box-login-pct-gestionnaire {
        background: none;
        padding: 0;
    }
    .header--box-login .header--item-text {
        width: 85%;
    }
    .header--europe-text {
        left: 0;
    }
    .header--europe-text-img,
    .header--europe-text-with {
        display: none;
    }
    .header--top .header--item:first-child {
        width: 100% !important;
        text-align: center !important;
        padding-bottom: 0.4em !important;
    }
    /*    .header--top .header--item:first-child img {
            max-width: 4em !important;
        }*/
    .header--top .header--item.header--title {
        width: 100% !important;
        margin-top: 0 !important;
        padding-bottom: 0.4em !important;
    }

    .footer-top--nav {
        font-size: 1.1em;
    }
    .login--new-bloc {
        width: 100%;
    }
    .login--new-particulier,
    .login--new-association,
    .login--new-collectivite,
    .login--new-entreprise {
        text-align: left;
    }
    .login--new-pct-container {
        display: inline-block;
        width: 6em;
        height: 5em;
        vertical-align: middle;
    }
    .login--new-small {
        display: inline-block;
        vertical-align: middle;
    }
    .login--new-particulier .block,
    .login--new-association .block,
    .login--new-collectivite .block,
    .login--new-entreprise .block {
        display: inline-block;
    }
    .login--new-particulier:hover:before,
    .login--new-association:hover:before,
    .login--new-collectivite:hover:before,
    .login--new-entreprise:hover:before {
        display: none;
    }
    .login--new-pct {
        height: 5em;
    }
    .login--new-particulier:hover .login--new-pct,
    .login--new-association:hover .login--new-pct,
    .login--new-collectivite:hover .login--new-pct,
    .login--new-entreprise:hover .login--new-pct {
        height: 5.6em;
    }
    .suivi--bloc {
        background: none;
    }
    .form--footer .btn {
        margin-top: 1.6em;
    }
    .form--footer .txt-right {
        text-align: center !important;
    }
    .table--sorter-ASC,
    .table--sorter-DESC {
        display: none;
    }
    .gestion-utilisateur--bloc .btn {
        width: 100%;
        margin-bottom: 1em;
        float: none;
    }
    .pct-utilisateur {
        padding-left: 0;
    }
    .pct-utilisateur:before {
        display: none;
    }
    .suivi--last-connect {
        float: none;
        margin-left: 3em;
    }
    .historique--header-info {
        text-align: left;
    }
    .historique--header-info .col-xs-6 {
        width: 100%;
    }
    .actu--detail-img {
        display: none;
    }
    .detail-suivi--header {
        padding-left: 0;
    }
    .detail-suivi--header:before {
        display: none;
    }
    .form--input-checkbox.rechercheAvancee--etat label {
        margin-top: 0;
    }
    .rechercheAvancee--etat-draft:after,
    .rechercheAvancee--etat-sent:after,
    .rechercheAvancee--etat-processing:after,
    .rechercheAvancee--etat-rejected:after,
    .rechercheAvancee--etat-processed:after,
    .rechercheAvancee--etat-toCorrect:after,
    .rechercheAvancee--etat-delete:after {
        display: none;
    }
    .footer-bottom--txt {
        width: 100%;
        margin-top: 1.6em;
        margin-bottom: 2em;
    }
    .form--bottom-item {
        width: 100%;
        margin-bottom: 0;
    }
    .form--bottom-item .btn {
        width: 100%;
        margin-bottom: 1em;
    }
    .info .info--bloc-item {
        width: 100%;
        margin-bottom: 2em;
        margin-top: 0 !important;
    }
    .sitemap--item,
    .sitemap--item:nth-child(3n) {
        border-right: none;
        width: 100%;
    }
    .inscription--entreprise label:before,
    .inscription--association label:before,
    .inscription--collectivite label:before,
    .inscription--particulier label:before {
        display: none;
    }
    .inscription--entreprise label,
    .inscription--association label,
    .inscription--collectivite label,
    .inscription--particulier label {
        padding-left: 0;
        padding-top: 2rem !important;
        text-align: center;
        width: 100%;
        height: inherit;
    }
    .inscription--entreprise input[type=radio]:checked + label:after,
    .inscription--collectivite input[type=radio]:checked + label:after,
    .inscription--particulier input[type=radio]:checked + label:after,
    .inscription--association input[type=radio]:checked + label:after {
        top: 50%;
        left: 0;
        right: auto;
    }
}
@media only screen and (max-width: 25em) { /* 400px */
    .login--new-pct-container {
        display: none;
    }
    .login--new-particulier,
    .login--new-association,
    .login--new-collectivite,
    .login--new-entreprise {
        text-align: center;
        margin-bottom: 0.6em;
        background-color: #ffe100;
        color: #1b1b1b;
        padding: 0.3em 1em;
        font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
    }
    .login--new-particulier:hover,
    .login--new-association:hover,
    .login--new-collectivite:hover,
    .login--new-entreprise:hover {
        background-color: #c15500;
        color: #fff;
    }
    .login--connect-bloc {
        margin-top: 1.3em;
    }
    .search--bloc .form-footer .btn {
        margin-bottom: 1em;
        width: 100%;
    }
    .form--header-item {
        width: 100%;
    }
}
@media only screen and (max-width: 22.5em) { /* 360px */
    .footer-bottom--title {
        width: 100%;
    }
    .inscription--entreprise,
    .inscription--association,
    .inscription--collectivite,
    .inscription--particulier {
        width: 100%;
    }
}
@media handheld {
}

.item-altered .table-saisie--responsive--row.even .table-saisie--responsive--item {
    background-color: #FFFF9C;
}
.item-altered .table-saisie--responsive--row.odd .table-saisie--responsive--item {
    background-color: #FFFF9C;
}
.item-altered .table-saisie--responsive--row.even {
    background-color: #FFFF9C;
}
.item-altered .table-saisie--responsive--row.odd {
    background-color: #FFFF9C;
}

/* ============================================================================= */
/*   Communication
/* ============================================================================= */

.orgColor {
    color:#de720e;
}
.infoPaveUsr {
    color:#de720e;
    font-weight:bold;
}
.infoPaveMsg1 {
    padding:6px 0 2px 6px;
    padding:0 19px 2px 5%;
}
.paveMsg1 {
    overflow:auto;
    padding:12px;
    margin-bottom:12px;
    width:95%;
    float:right;
    background-color:#ddd;
    border:1px solid transparent;
    border-color:#4f4d4a;
    border-radius:4px 4px 4px 4px;
}

.infoPaveMsg2 {
    width:95%;
}
.paveMsg2 {
    overflow:auto;
    padding:12px;
    margin-bottom:12px;
    width:95%;
    background-color:#f4f4f4;
    border:1px solid transparent;
    border-color:#4f4d4a;
    border-radius:4px 4px 4px 4px;
}

.paveMsgPJ {
    padding:6px;
    margin:4px 0 0 0;
    width:95%;
    float:right;
    font-weight:bold;
    background-color:#fff;
    color:#2D5457;
    border:1px solid transparent;
    border-color:#de720e;
    border-radius:4px 4px 4px 4px;
}
.paveMsgPJ ul {
    margin:0px;
    padding:4px 0 0 18px;
    color:#000;
    list-style-type:none;
    font-weight:normal;
}

.msgTitre {
    font-weight:bold;
    margin-bottom:9px;
}

/* ============================================================================= */
/*   ACCORDION LIGHTBOX POUR CHOIX FORM
/* ============================================================================= */
.cocSubmit > .accordion-toggle,
.accordion-body > .accordion-toggle {
    position: relative;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    font-size: 0.95rem;
    background-color: #c9620c;
    color: #fff;
    cursor: pointer;
    margin-bottom: 1px;
}
.accordion-body > .accordion-toggle {
    padding: 0.3rem 0.3rem 0.3rem 3rem;
    background-color: #c9c9c9;
    color: #000000;
}
.cocSubmit > .accordion-toggle:before,
.accordion-body > .accordion-toggle:before {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    left: 0.9rem;
    border-style: solid;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.accordion-body > .accordion-toggle:before {
    left: 1.9rem;
}
.cocSubmit > .accordion-toggle:after,
.accordion-body > .accordion-toggle:after {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    left: calc(0.9rem + 1px);
    border-style: solid;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.accordion-body > .accordion-toggle:after {
    left: calc(1.9rem + 1px);
}
.cocSubmit > .accordion-toggle.collapsed:before,
.accordion-body > .accordion-toggle.collapsed:before {
    top: calc(50% - 5px);
}
.cocSubmit > .accordion-toggle.collapsed:after,
.accordion-body > .accordion-toggle.collapsed:after {
    top: calc(50% - 3px);
}
.cocSubmit > .accordion-toggle:before,
.accordion-body > .accordion-toggle:before {
    border-width: 10.4px 6px 0 6px;
}
.cocSubmit > .accordion-toggle:after,
.accordion-body > .accordion-toggle:after {
    border-width: 7.8px 4.5px 0 4.5px;
}
.cocSubmit > .accordion-toggle.collapsed:before,
.accordion-body > .accordion-toggle.collapsed:before {
    border-width: 6px 0 6px 10.4px;
}
.cocSubmit > .accordion-toggle.collapsed:after,
.accordion-body > .accordion-toggle.collapsed:after {
    border-width: 4.5px 0 4.5px 7.8px;
}
/* Spécifications couleurs 1er niveau */
.cocSubmit > .accordion-toggle:before {
    border-color: #fff transparent transparent transparent;
}
.cocSubmit > .accordion-toggle:after {
    border-color: #fff transparent transparent transparent;
}
.cocSubmit > .accordion-toggle.collapsed:before {
    border-color: transparent transparent transparent #fff;
}
.cocSubmit > .accordion-toggle.collapsed:after {
    border-color: transparent transparent transparent #c9620c;
}
/* Spécifications couleurs 2eme niveau */
.accordion-body > .accordion-toggle:before {
    border-color: #000 transparent transparent transparent;
}
.accordion-body > .accordion-toggle:after {
    border-color: #000 transparent transparent transparent;
}
.accordion-body > .accordion-toggle.collapsed:before {
    border-color: transparent transparent transparent #000;
}
.accordion-body > .accordion-toggle.collapsed:after {
    border-color: transparent transparent transparent #c9c9c9;
}
/* Ligne pour le formulaire */
.accordion-body--form-row {
    margin-bottom: 1px;
    padding: 0.3rem 0.3rem 0.3rem 3.4rem;
    font-size: 0.9rem;
    background-color: #e5e5e5;
    color: #000;
}

/* menu flottant naviguation erreur */
.affix {
    left :0px;
    top: 150px;  /* décalage  position du menu flottant au premier affichage*/
    z-index: 9999 !Important;

}

.nav li a:hover{
    background-color:#c15500;
}

.ajouterSIRET {
    padding: 0.6em 1em;
}

.historiqueSiret {
    margin: auto;
    align-content: center;
    height:15rem;
    width:auto;
    overflow-y: auto;
}

.tableauSiret {
    width:auto;
}

.monCompte {
    position: relative;
}

.form-group.form--input-control.alert-fca:before {
    content: attr(data-error);
    background-color: #ff0000;
    color: #fff;
    position: absolute;
    border: 1px solid red;
    font-size: 0.8em;
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    padding: 0.1em 0.6em;
    top: auto;
    bottom: 100%;
    max-width: 100%;
    z-index: 1;
}

.form-group.form--input-control.alert-fca:after {
    content: "";
    position: absolute;
    top: 0;
    border-style: solid;
    border-width: 9px 12px 0 0;
    border-color: #ff0000 transparent transparent transparent;
}

.form-group.form--input-control.alert-fca input{
    border: 1px solid #ff0000;
    /*background: #f8f6f9;*/
}

.form-group.form--input-required.form--input-control .alert-fca:before {
    content: attr(data-error);
    background-color: #ff0000;
    color: #fff;
    position: absolute;
    border: 1px solid red;
    font-size: 0.8em;
    font-family: "open_sansitalic", Helvetica, Arial, sans-serif;
    padding: 0.1em 0.6em;
    top: auto;
    bottom: 100%;
    max-width: 100%;
    z-index: 1;
}

.form-group.form--input-required.form--input-control .alert-fca:after {
    content: "";
    position: absolute;
    top: 0;
    border-style: solid;
    border-width: 9px 12px 0 0;
    border-color: #ff0000 transparent transparent transparent;
}

.form-group.form--input-required.form--input-control .alert-fca input{
    border: 1px solid #ff0000;
}

.alert-success {
    background-color: #dcdcdc;
    color: #434343;
    border-color: #c15500;
}