@font-face {
    font-family: 'raleway';
    src: url('../fonts/raleway/raleway-regular-webfont.eot');
    src: url('../fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway/raleway-regular-webfont.ttf') format('truetype');
    font-weight: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway/raleway-light-webfont.eot');
    src: url('../fonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway/raleway-light-webfont.ttf') format('truetype');
    font-weight: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway/raleway-bold-webfont.eot');
    src: url('../fonts/raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway/raleway-bold-webfont.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto-bold-webfont.eot');
    src: url('../fonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.eot');
    src: url('../fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto-medium-webfont.eot');
    src: url('../fonts/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.starter-template {
    margin-top: 10px;
    margin-bottom: 40px;
    min-height: 400px; /** pour eviter les pages trop petites avec un énorme footer **/
}

.starter-template-admin {
   display: flex;
   /** min-height: 600px;    pour eviter les pages trop petites avec un énorme footer **/
    background: #535353;

}

.zone-entreprise {
	margin-top: 25px;
}

.container-home-admin {
    background-image: url(../img/FOND1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
    flex-direction: column;
    min-height: 89vh;
}

.page-login {
	margin-top: 0px !important;
}

body {
    font-family: 'robotoregular';
    font-size: 1.35em;

}

select option {
    font-family: sans-serif;
    font-size: 13px;
}

label {
    display: inline-block;
    margin-bottom: 3px;
    font-weight: normal !important;
    font-family: 'robotolight';
    font-size: 12px;
}

th {
    font-weight: normal !important;
}

/*SAMA PICTO */

.layout-admin .table > tbody > tr > td  i {
    font-size: 15px;
}

 /*special pour edge et ie8*/

.inputFile {
    max-width:400px;
}

.dataTables_wrapper {position: relative;}

.dataTables_processing {
    position: absolute;
    top: -14px;
    right: 0;
}

.annexe-success {
    color: #009177;
    width: 100%;
    border: 1px solid #009177;
    padding: 4px;
    margin-bottom: 5px;
}
.annexe-danger {
    color: red;
    width: 100%;
    border: 1px solid red;
    padding: 4px;
    margin-bottom: 5px;
}
#dt-ediTva a, #dt-ediRetenue a, #dt-ediIrc a, #dt-ediEtat302 a {
    text-align: center;
    width: 50%;
    display: inline-block;
}

#dt-ediTva i, #dt-ediRetenue i, #dt-ediIrc i, #dt-ediEtat302 i {
    font-size: 18px;
    text-align: center;
}

b, strong {
    font-weight: normal;
    font-family: 'robotobold';
    letter-spacing: 0.5px;
}

.errors,.red {
    color: red !important;
    font-size: 0.9em;
    font-family: 'robotolight';
    list-style: none;
    padding-left: 0px;
}

.red-2 {
    color: #f94848 !important;
}

#formEtapeSaisieDeclaration ul.errors li {text-align: right;}

.errors2  {
    background-color: #f55736;
    color: #fff;
    font-family: 'robotolight';
    padding: 10px;
    border-radius: 3px;
    width: 250px;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

#valider-element {
	text-align: right;
}

.filAriane {
    text-align: left;
}

.btn-user-con {
    padding: 0px;
    margin-left: 12px;
}

.btn-importer {
    background-color: #2cb0f3;
    color: #fff;
    border-radius: 3px;
    font-family: 'robotolight';
    border-bottom: 2px solid #2079a6;
}

.btn-importer:hover {
	background: #259fdd;
	color: white;
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-bottom: 2px solid #265b88;
    font-family: 'robotolight';
}

.btn-primary:hover {
    background-color: #3170a7;
    border-bottom: 2px solid #265b88;
}

.margeBox {
   margin-top: 20px;
}

.navbar-toggle {
    border: 1px solid #e2e2e2;
    z-index: 100;
    margin-right: 0px;
    border-radius: 1px;
    padding: 3px !important;
    margin-left: 10px;
}

.navbar-toggle .icon-bar {
    background-color: #848484;
}

.navbar-collapse.in {
    overflow: hidden;
}

.erreur-acces {
    margin-bottom: 20px;
}

.pj-tva table td {
    padding: 6px;
    vertical-align: middle;
}

/* bloc plié replié */
.enveloppe {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.piece-jointe-complementaire .boxCollapse {border: none;padding: 0px;}


.piece-jointe-complementaire .textBoxGreen {
    background: white;
    font-size: 20px;
    margin: 0px;
    color: #F66300;
    font-family: 'robotolight';
}

.textBoxGreen2 {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #F66300;
    padding: 15px;
	margin-top: 15px;
}

.textBoxGreen2:hover {
	cursor: pointer;
}

.textBoxGreen2 h4 {
	margin: 0px;
    font-size: 14px;
    color: white;
    font-family: 'robotomedium';
}

.textBoxGreen2 .fa-info-circle {
	margin-right: 5px;
}

.textBoxGreen2 .fa-chevron-down {
    color: white;
}

.textBoxgreen2-contenu {
	padding: 10px 20px 20px 20px;
}

.textBoxgreen2-contenu .intro h5 {
	color: #ff9854;
    font-family: 'robotomedium';
    margin-bottom: 3px;
}

.textBoxgreen2-contenu .intro p {
    font-family: 'robotolight';
}

.textBoxgreen2-contenu .contenu {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.textBoxgreen2-contenu .contenu-bloc {
	background: rgba(128, 128, 128, 0.06);
    width: 100%;
    padding: 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.textBoxgreen2-contenu .contenu-bloc:last-child {
	margin-bottom: 0px !important;
}

.textBoxgreen2-contenu .contenu-bloc h6 {
	font-family: 'robotomedium';
    font-size: 14px;
    margin: 0px;
    margin-bottom: 15px;
}

.textBoxgreen2-contenu .contenu-bloc ol {
	padding-left: 0px;
	list-style: none;
	 margin-bottom: 0px;
}

.textBoxgreen2-contenu .contenu-bloc li {
	font-family: 'robotolight';
	margin-bottom: 10px;
}

.textBoxgreen2-contenu .contenu-bloc li:last-child {
	margin-bottom: 0px !important;
}


.textBoxgreen2-contenu .contenu-bloc li span {
	background: white;
    padding: 2px 5px;
    border-radius: 2px;
    font-family: 'robotoregular';
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    color: #ff9854;
    margin-right: 3px;
}
/* FIN bloc plié replié */

.flash-success {
    display: block;
    width: 100%;
    color: #007700;
    background: url(../img/true.png) no-repeat 5px 50% #C5FACC;
    font-size: 13px;
    margin-top: 0px;
    border-radius: 3px;
    font-family: 'robotolight';
}

.flash-info {
    display:block;
    width:100%;
    color:#31708f;
    background: url("../img/true.png") no-repeat 5px 50% #d9edf7;
    /*background-position: 95% center;*/
    border:1px solid #31708f;
    padding:6px 25px;
    font-size:12px;
    margin-top:5px;
    border-radius: 3px;
}

.high-part {
    height: 576px;
    background: url(../img/mobile-money/background.jpg);
	background-size: cover;
    background-position-y: 760px;
	display: flex;
	background-attachment: fixed;
}

.high-part2 {
	 height: 576px;
    background: url(../img/check_quittance_bg.jpg);
	background-size: cover;
    background-position-y: 760px;
	display: flex;
	background-attachment: fixed;
}

.high-part3 {
	 height: 576px;
    background: url(../img/check_ncc_bg.jpg);
	background-size: cover;
    background-position-y: 760px;
	display: flex;
	background-attachment: fixed;
}

.contenu-consultation {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	width: 1170px;
	margin: auto;
}

.titre-page-motdepasse {
  text-align: center;
}

.btn:hover .fa-times {
    color: red;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: white;
    border-color: #dbdbdb;
    color: #000000;

}
.pagination > li > a, .pagination > li > span {
    color: #f66300;

}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #f66300;
}
.montant_final_ruo {
    font-family: 'robotobold';
    color: #20ac92;
    font-size: 15px;
    letter-spacing: 0.2px;
}
    .btn:focus {
    color: #fff;
    text-decoration: none;
}

.align-right{
    float: right;
}

.glyphicon-download-alt {
    font-size: 23px;
}

.colonne-gauche {
    background: #535353;
}

.texte-auto-prelevement {
    text-align: justify;
}

.pdf-auto-prelevement {
    display: table;
    margin: auto;
    text-align: center;
    background: #f2f2f2;
    padding: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
}

.pdf-auto-prelevement a:hover,
.pdf-auto-prelevement a {
    text-decoration: none;
}

.pdf-auto-prelevement a p {
    background: #428bca;
    color: white;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 3px;
    margin-bottom: 0px;
}

.pdf-auto-prelevement a p:hover {
    background: #3776ac;
}

.derniere-connexion {
    background-color: rgb(233, 237, 239);
    text-align: right;
    padding: 15px;
    border-radius: 2px;
    border: 1px solid #cecece;
}

.derniere-connexion span {
    color: #009177;
    font-family: 'robotomedium';
    font-size: 1.08em;
}

.espace-entreprise .corps {
    font-family: 'robotolight';
    font-size: 1.2em;
}

.aide-assistance-titre {
	color: #353629;
    font-family: 'ralewaybold';
    font-size: 26px;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 30px;
    margin-bottom: 5px;
}

.description {
    font-family: 'robotolight';
    font-size: 1.2em;
}

@media (max-width:1024px) {
  .description {
    font-family: 'robotolight';
    font-size: 1em;
    }     
}

.service-e-impot {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.service-e-impot p {
	font-family: 'robotolight';
}

.service-e-impot h3 {
	font-family: 'ralewaybold';
    font-size: 17px;
    text-transform: uppercase;
}

.service-e-impot figure {
	background: white;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	border: 1px solid rgba(128, 128, 128, 0.22);
}

.service-e-impot figure img {
	width: 50px;
}

.description p {
    margin-bottom: 20px;
	font-size: 14px;
}

.sanspadding {
    padding-left: 0px;
    padding-right: 0px;
}

.formulaire-contact input {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    border: 2px solid #cecece;
    font-family: 'robotolight';
    color: black;
}

.formulaire-contact input[type="button"] {
    border: 0px solid #4e4e4e;
    font-family: 'robotolight';
    cursor: pointer;
    text-align: center;
    background-color: #F66400;
    font-family: 'robotolight';
    color: white;
    padding: 10px 20px;
    border-bottom: 2px solid #ce5400;
    border-radius: 4px;
}

.formulaire-contact input[type="button"]:hover {
    color: #fff;
    background-color: #ed9c28 !important;
    border-color: #d58512;
}

.formulaire-contact textarea {
    width:100%;
    margin-bottom:10px;
    border: 2px solid #cecece;
    padding: 15px;
    min-height: 200px;
    resize:vertical;
    font-family: 'robotolight';
}

textarea.commentaire-workflow {
    width : 100%;
}

.modele-edi {
    /*border: 2px solid #00b595;*/
    position: relative;
}

.modele-piece-jointe {
    border: 1px solid #ECEEEF;
    position: relative;
}

.modele-piece-jointe .title, .modele-edi .title {
    background-color: #00b595;
    color:white;
    padding: 10px;
    font-size:18px;
}

.modele-piece-jointe .fichier-pj {
    margin-bottom: 10px;
    padding: 5px 20px 10px 0px;
}

a.modele {
    border: 1px solid #428bca;
    padding: 5px;
    margin: 0 15px 20px 0;
    display: inline-block;
}

a.modele:hover {
    text-decoration: none;
    background: lightsteelblue;
}

.modele-edi .link {
    position: absolute;
    top:13px;
    right:43px;
    z-index:1000;
    color:white;
}

.modele-edi .link2 {
    position: absolute;
    top:35px;
    right:43px;
    z-index:1000;
    color:black;
}

@media (max-width: 1024px) {
    .modele-edi .link {
    top:13px; }
}
.modele-edi .etape-1 {
    margin-bottom:10px;
    padding: 20px 20px 10px 20px;
}

.modele-edi .etape-2, .modele-edi .etape-3 {
    display:inline-block;
    padding: 10px 20px 10px 20px;
    width: 100%;
}

.modele-edi .numero {
    background: #f66300;
    padding: 1px 7px;
    display: inline-block;
    color: white;
    border-radius: 12px;
}

.modele-edi .text-part1 {
    text-transform: uppercase;
    display: inline-block;
}

.modele-edi .text-part2{
    display: inline-block;
    margin-left: 32px;
    display: inline-block;
    width: 100%;
}

.modele-edi .text-part3{
    display: inline-block;
    margin-left: 32px;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    color: #f66300;
}

.modele-edi form {
    /*display:inline-block;*/
    margin: 0 20px 20px 35px;
}

.modele-edi form .load{
    display:inline-block;
    margin-left:10px;
}

.modele-edi form .importer{
    display:inline-block;
    margin-right:20px;
}

.declaration-pj-title label {
    font-size: 15px;
    color: black;
    margin-right: 20px;
    font-family: 'robotolight';
}

.piece-jointe-table {
    border-right: 1px solid #ECEEEF;
    border-left: 1px solid #ECEEEF;
    border-top: 1px solid #ECEEEF;
}

.piece-jointe-box {
    border-bottom: 1px solid #ECEEEF;
}

.piece-jointe-obligatoire {
    color: red;
    font-size: 19px;
    font-family: 'robotobold';
    margin-right: 2px;
}

.ensembleElementFacultatif .piece-jointe-add {
    background-color: white;
    width: 52px;
}

.ensembleInputFile .piece-jointe-add {
    background-color: #428bca;
    width: 52px;
}

.piece-jointe-add a{
    color: white;
    font-size: 18px;
    margin-top: 0 !important;
}

.piece-jointe-table td {
    padding: 10px 20px;
    border-right: 1px solid #ECEEEF;
}

.duplicateEnsembleInputFile {
    margin-top: 15px;
    display: block;
}

.flex-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}

.flex-form-in {
    min-width: 23%;
    flex: auto;
    margin-bottom: 5px;
    margin-right: 20px;
}

.flex-form-button {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: end;
    flex-direction: row;
    padding-right: 20px;
}

@media (max-width: 620px) {
    .flex-form {
        flex-direction: column;
    }
    .flex-form-in {
    width: 100%;
    }
}

.flex-form-button input#annuler {
    margin-right: 30px;
}

@media (max-width: 620px) {
    .flex-form-button {
        flex-direction: column;
    }
    .flex-form-button input {
        margin-bottom: 5px;
    }
}

.detail-declaration-texte-pj {width: 55%;}

@media (max-width: 720px) {.detail-declaration-texte-pj {width: 100%;}}

/*-----------titre-------------*/
.title-section, h1 {
    margin: 0px;
    margin-bottom: 10px;
    text-align: left;
    color: #353629;
    font-family: 'ralewaybold';
    font-size: 26px;
    margin-top: 20px;
    letter-spacing: 0.6px;
}

.derniere-connexion .titre {
    font-family: 'ralewaybold';
    text-transform: uppercase;
    font-size: 1.2em;
}

.titre-espace-entreprise {
    color: #F66300;
    font-size: 2.3em;
    font-family: 'ralewaybold';
    line-height: 1.3em;
    margin-bottom: 6px;
}

.espace-oec .titre-espace-entreprise {
    color : #009177;
}

.text-section {
    margin-bottom: 20px;
}

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

.txt-align-right{
    text-align: right;
}

.title-description{
    text-align:left;}


.breadcrumb {
    text-align:left;
    background-color: transparent;
}

.breadcrumb .pourmenu{
    display:none;
}
.content-page{
    background-color: #fff;
}

#dt-documents th {
    font-weight: normal;
    font-family: 'robotomedium';
    vertical-align: middle;
    text-transform: uppercase;
}

.boxCollapse {
    border:1px solid  #eff0f0;
    text-align: left;
    padding:20px;
}

.injection-man .table_telechargement td {
	border: 0px !important;
}

.table tbody tr {
	border-left: 1px solid #eff0f0;
    border-right: 1px solid #eff0f0;
}

#paveNumContainer table tbody tr {
	border-left: 0px solid #eff0f0;
    border-right: 0px solid #eff0f0;
}

.boxGreen {
    border:1px solid  #eff0f0;
    text-align:left;
    padding:10px;
    border-radius: 0 0 3px 3px;
	margin-bottom: 20px;

}
.boxGreen-2 {
    border:1px solid  #eff0f0;
    text-align:left;
    padding:10px;
    border-radius: 0 0 3px 3px;
    min-height: 200px;
}

.boxGreen-2 p {
    min-height: 115px;
}

.boxGreen-2 ul {
    padding: 0;
}

.boxOrange {
    border:1px solid #eff0f0;
    text-align: left;
    padding:10px;
    /*height: 230px;*/
}

.box-espace-entreprise span {
    font-family: 'robotobold';
    font-weight: normal;
    color: #494949;
    font-size: 1.13em;
}

.box-espace-entreprise .boxBordureGauche {
    color: #494949 !important;
    padding: 15px;
    background-color: rgb(233, 237, 239);
    border: 0px;
    border-left: 15px solid #939393 !important;
    border-radius: 1px;
}

.background-service {
	padding-top: 0px !important;
}

.background-gris-fonce {
    padding-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    color: #585858;
}

.background-gris-fonce p {
	font-family: 'roboto';
    color: #313131;
    font-size: 13px;
}

.background-gris-fonce p span {
	font-family: 'robotomedium';
}

.boxSilver {
    border:1px solid  #aaa;
    text-align: left;
    padding:20px;
    margin-right: -15px;
    /*height: 230px;*/
}

.boxBordureGauche {
    padding: 20px;
    border: 1px solid black;
    border-left: 15px solid black;
    text-align: left;
}

.boxBordureGauche .titreBoxBordureGauche {
    color: black;
    margin-bottom:10px;
}

.declarations-attente .title_orange {
    font-size: 1.45em;
}

.declarations-payees .title_orange {
    color: #757474;
}

.declaration-quittance .title_orange {
    color: #009177;
}

.pdf-assistance-aide {
	padding: 12px;
    border-radius: 5px;
    background: rgba(128, 128, 128, 0.06);
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.aide-et-assistance .pdf-assistance-aide:last-child {
	margin-bottom: 0px !important;
}

.pdf-assistance-aide2 {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	width: 100%;
}

.pdf-assistance-aide2 a {
	font-family: 'robotomedium';
    color: #ff9953;
    margin-bottom: 0px;
    text-decoration: underline;
}

.pdf-assistance-aide2 a:hover {
    text-decoration: none;
}

.pdf-assistance-aide2 figure {
    margin-right: 2%;
    padding: 6px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    background: white;
}

.pdf-assistance-aide2 img {
    width: 30px;
    padding: 5px;
}

.mot-du-ministre {
	display: flex;
    flex-direction: row;
    text-align: center;
	padding-top: 40px !important;
    padding-bottom: 40px !important;
	align-items: center;
}

.mot-du-ministre figure {
	text-align: right;
}

.mot-du-ministre .contenu {
	text-align: left;
}

.mot-du-ministre p {
	 font-family: 'robotolight';
	font-size: 13px;
	text-align: left
}

.mot-du-ministre .m-ministre {
	color: #01b594;
    font-family: 'robotoregular';
}

.mot-du-ministre img {
	width: 215px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.mot-du-ministre .fa-quote-left {
	font-size: 30px;
	background: white;
	padding: 10px;
	color: #00b595;
	border: 1px solid rgba(128, 128, 128, 0.22);
	border-radius: 5px;
	margin-bottom: 10px;
}

.ministre-description {
	background: #01b594;
    width: 39%;
    margin: auto;
    position: relative;
    margin-top: 30px;
    border-radius: 30px 6px 6px 30px;
}

.ministre-description img {
	width: 16%;
    border-radius: 50%;
    border: 3px solid #ffffff;
    position: absolute;
    top: -13px;
    left: -2px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.ministre-description p {
	font-size: 11px;
    text-align: left;
    margin-left: 87px;
    padding: 8px 0px;
    color: white;
    margin-bottom: 0px;
    font-family: 'robotolight';
}

.icone-download {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}



.actualite h3 {
	color: #353629;
    font-family: 'ralewaybold';
    font-size: 26px;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 30px;
    margin-bottom: 25px;
	text-align: center;
}

.actualite .titre-blog {
	background: rgba(128, 128, 128, 0.06);
    padding: 15px;
}

.actualite .titre-blog h4 {
    font-family: 'robotomedium';
    font-size: 14px;
	margin-top: 0px;
}

.actualite .titre-blog p {
    margin-bottom: 0px;
	font-family: 'robotolight';
	font-size: 12px;
	color: #F18836;
}

.actualite .titre-blog i {
	color: #f9883e;
    background: white;
    padding: 5px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    margin-right: 5px;
}

.actualite .marge-blog {
	padding: 15px;
}

.actualite .marge-blog p {
	font-family: 'robotolight';
	font-size: 13px;
}

.actualite .article-blog {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	height: 225px;
	overflow: auto;
}

.page-actualite .article-blog {
	height: inherit !important;
	margin-bottom: 20px;
}

.actualite .voir-toute-les-actu {
	text-align: right;
	margin-top: 20px;
}

.actualite {
	padding-top:25px;
	padding-bottom: 25px;
}

.icone-download  img {
	width: 20px;
}

.title_orange{
    color:#F66300;
    text-align: left;
    font-size: 1.5em;
    padding-bottom: 15px;
    font-family: 'robotolight' !important;
}

.title_orange-liasse{
    color:#F66300;
    text-align: left;
    font-size: 1.5em;
    margin-top: 0 !important;
}


.mr-10 {
    margin-right: 10px
}

espace-ent .ligne-type-H {
    background-color: #009177;
    color: white;
}

.espace-oec .ligne-type-H {
    background-color: #4CA3ED;
    color: white;
}

.espace-ent .ligne-type-T1 {
    background-color: #019076;
}
.espace-oec .ligne-type-T1 {
    background-color: #3082CA;
}
.ligne-type-T1 td {
    font-family: 'robotomedium' !important;
    letter-spacing: 0.3px;
    color: white;
    font-size: 14px !important;
    padding: 12px !important;
}
.ligne-type-T1 td:first-child {
    font-family: 'robotoregular' !important;
}

.espace-oec .ligne-type-T2,
.espace-oec .ligne-type-T3 {
    background-color: #BFDFFC;
}

.espace-oec .ligne-type-T2 td,
.espace-oec .ligne-type-T3 td {
    font-family: 'robotomedium' !important;
    letter-spacing: 0.2px;
    color: #4CA3ED;
    font-size: 15px !important;
}

.espace-ent .ligne-type-T2,
.espace-ent .ligne-type-T3 {
    background-color: #0190761c;
}

.espace-ent .ligne-type-T2 td,
.espace-ent .ligne-type-T3 td {
    font-family: 'robotomedium' !important;
    letter-spacing: 0.2px;
    color: #018f76;
    font-size: 15px !important;
}


.ligne-type-T2 td:first-child,
.ligne-type-T3 td:first-child {
    font-family: 'robotomedium' !important;
    letter-spacing: 0.3px;
    font-size: 13px !important;
}


.espace-ent .ligne-type-T3 {
    background-color: #e0eeeb;
}

.espace-oec .ligne-type-T3 {
    background-color: #BFDFFC;
}

input[mode="C"], input[mode="M"], input[mode="P"] {
    text-align: right;
    text-align-last: right;
}

.champ-couleur-G1 {
    background-color : #648dd9;
}

.champ-couleur-G2 {
    background-color : #7964d9;
}

.champ-couleur-G3 {
    background-color : #d96470;
}

.liasse-table {
    background-color: rgba(141, 141, 141, 0.05);
}

.liasse-table select.form-control {
    background: white;
}

p.liasse-legende {
    font-size: 0.9em;
}

input#field__NO_FR1_ZD_1__1,
input#field__NO_FR1_ZN_1__1 {
    text-align: left;
}

.liasse-table textarea.form-control{
    height: 100px;
    background: white;
}

.liasse-table .form-group {
    margin-bottom: 0;
}

.table > thead > tr > th.liasse-table-titre {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    background-color: #ECEEEF;
    color: #009177;
}

.label-liasse {
    color: black;
}

.liasse-info-bouton {
    padding: 15px 0;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    margin: 15px 0;
    display: flex;
    justify-content: center;
}

.liasse-btn-noir {
    margin: 10px 0;
    display:flex;
    justify-content: start;
}

.liasse-import {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #E9E9E9;
}

.liasse-import-parcourir {
    display: flex;
    width: 100%;
}

.liasse-import-parcourir label {
    margin-right: 10px;
}

.liasse-info {
    font-size: 16px;
    color:#009177;
    font-weight: 500;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.liasse-bouton {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

th.border {border: 1px solid white;}

.text-center {text-align: center;}

.erreur-champ {
    color: #ff4545 !important;
}

.erreur-champ div.form-group input.form-control {
    content: '';
    background-image: url(../img/warning.svg) !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position-x: 8px !important;
    background-position-y: center !important;
}



.erreur-champ input {
    padding-left: 25px;
    color: #FF4A4A;
}

.box-grey{
    display:flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    background:#ECEEEF;
    padding: 15px;
    margin-bottom: 20px;
}

.liasse-select-box{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.liasse-select-box-in {
    display: flex;
    flex-direction: column;
}

.w-100 {width: 100% !important;}


.orange {color: #F66300;}

.presentation-part .boxGreen,
.presentation-part .boxSilver,
.presentation-part .boxOrange {
    height:230px;
}
.presentation-part-pieces-jointes {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 0px;
    float: left;
}
.regularisation-btn .btn-1{
    background: white;
    color: #777;
    border: 1px solid #777;
    margin-top: 10px;
    border-radius: 2em
}
.regularisation-btn .btn-1:hover{
    background: #777;
    color: #fff;
}
.confirmation-declaration-pdf .btn-1{
    background: white;
    color: #777;
    border: 1px solid #777;
    margin-top: 25px;
    border-radius: 2em
}
.confirmation-declaration-pdf .btn-1:hover{
    background: #777;
    color: #fff;
}
.confirmation-paiement-btn .btn-1{
    background: white;
    color: #F66300;
    border: 1px solid #F66300;
    margin-top: 25px;
    border-radius: 2em
}
.confirmation-paiement-btn .btn-1:hover{
    background: #F66300;
    color: #fff;
}
.confirmation-boxs{
    margin-bottom: 10px ;
    margin-top: 10px;
    float: left;
}
.confirmation-boxs-2{
    margin-top: 20px;
    float: left;
    width: 100%
}

.exportations-btn .btn-1{
    background: white;
    color: #777;
    border: 1px solid #777;
    margin-top: 10px;
    border-radius: 2em
}
.exportations-btn .btn-1:hover{
    background: #777;
    color: #fff;
}

.btn-rom {
	display:flex;
	flex-direction:row;
}

.btn-rom div input {
	margin-right: 10px;
}

.btn-rom2 {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
}

.btn-rom2-contenu {
	display:flex;
	flex-direction:row;
	align-items: center;
	font-size: 12px;
}

.btn-rom2-contenu p {
	margin-bottom: 0px;
	margin-right: 4px;
}

.boxRed {
    border:1px solid #FE2E2E;
    /*border-top:25px solid #FE2E2E;*/
    text-align: left;
    padding:20px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.textBox{
    margin-bottom:-23px;
    margin-left:20px;
    color:#fff;
    text-align:left;
}

.textBoxCollapse{
    background-color:#eff0f0;
    border:1px solid #eff0f0;
    border-radius: 3px;
    margin-bottom:0;
    color:#000;
    padding:10px;
    font-size: 1.2em;
    text-align: left;
}

div.dataTables_filter label {
	margin-bottom: 10px !important;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-bottom: 2px solid #8e3331 !important;
	font-family: 'robotolight';
}

.textBoxGreen{
    background-color: #F66300;
    margin-bottom: 0px;
    color: white;
    font-size: 15px;
    text-align: left;
    padding: 10px 0px 10px 20px;
    /* border-radius: 3px 3px 0 0; */
    font-family: 'robotomedium';
    font-weight: normal;
}
.textBoxBlack{
    background-color:black;
    margin-bottom:0px;
    color: white;
    font-size: 1.2em;
    text-align:left;
    padding:10px;
    border-radius: 3px 3px 0 0;
}

.fleche-collapse {
    float:right;
    margin-right:10px;
    color:#fff;
}

.textBoxOrange{
    background-color:#F66300;
    margin-bottom:0;
    color:#fff;
    text-align:left;
    padding:10px;
    font-size: 1.2em;
    border-radius: 3px 3px 0px 0px;
}

.textBoxGris {
   background-color:#eff0f0 !important;
    color: black;
}

.textBoxSilver{
    background-color:#aaa;
    margin-bottom:0;
    color:#fff;
    text-align:left;
    padding:5px;
}

.textBoxRed {
    background-color:#FE2E2E;
    margin-bottom:0;
    color:#fff;
    text-align:left;
    padding:5px;
}

.soustitreBox {
    font-family: 'robotomedium';
    color:#F2784B;
    font-size: 1.148em;
}
.soustitreBoxChiffre {
    color: #0cecb9;
    font-size: 20px;
}
.soustitreBoxBlack {
    font-family: 'robotomedium';
    font-size: 1.148em;
}


.presentation-part-1{


}
.presentation-part-2{

}
.presentation-part-3 .boxGreen-2 {
    min-height : 100px;
}
.demarrer-declaration-btn #next{
    background-color: #04B486;
    color: #fff;
    float: left;
    width: 227%;
    height: 40px;
    margin-left: 0px;

    border-radius: 0em;
}
.demarrer-declaration-btn #next:hover{
        background-color: #01DFA5;
}



/*=======================================================*/
.radio_dynamiques{
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;

}
.radio_dynamiques  { display: none;}
.label_value{
    cursor: pointer;

    background-color: #CEF6D8;
    width: 250px;
    text-align: center;
    color: #008167;
    height: 25px;
    border: 1px solid #008167;
    margin-right: -10px;

}
.label_value_2, .label_value_2{
    margin-left: -10px;
}
/*============================================*/
.zone-btn-step {
    width: 100%;
}

.zone-btn-step .zone-btn-step-annuler {
    padding-left: 0px;
    padding-right: 0px;
}

.zone-btn-step .previous-button {
    text-align: right;
}

.zone-btn-step .previous-button-right {
    text-align: right;
}

.zone-btn-step .previous-button-left {
    text-align: left;
}

.zone-btn-step .col-sm-4 {
    padding-left:0px;
    padding-right: 0px;
}

.zone-btn-step .last-button {
    text-align: left;
}

.zone-btn-step #annuler, paiement-step2-button-annuler{
    background-color: #aab1b5;
    color: #fff;
    border-radius: 3px;
    font-weight: normal;
    font-family: 'robotolight';
    border-bottom: 2px solid #757575;
}
.zone-btn-step #annuler:hover, paiement-step2-button-annuler:hover{
    background-color: #888888;
    color: #fff;
}
.annuler-button{
     background-color: #BFCAD1;
}
.annuler-button div {
   margin-top: 0px;
}
.zone-btn-step .validerquitter-button{
    display: none;
    visibility: hidden;
}
.zone-btn-step #validerQuitter{
    display: none;
    color: #fff;
    width: 110%;
    height: 40px;
    margin-left: 0px;

    border-radius: 0em;
}
.zone-btn-step #validerQuitter:hover{
    background-color: #0075b0;
}
.importer {
    background-color: #4798CF;
    color: #fff;
    border-radius: 3px;
    font-weight: normal;
    font-family: 'robotolight';
    border-bottom: 2px solid #0075b0;
}
.importer:hover{
    background-color: #2b94c9;
	color: white;
}
/*
.zone-btn-step #next{
    background-color: #009177;
    color: #fff;
    border-radius: 3px;;
    border: 1px solid #009177;
    font-weight: normal;
    font-family: 'robotolight';
    border-bottom: 2px solid #006755;
}

.zone-btn-step #next:hover{
   background-color:#00BB9A;
}
.zone-btn-step #previous{
    background-color: #f66300;
    color: #fff;
    border-radius: 3px;
    font-family: 'robotolight';
    border-bottom: 2px solid #b94a00;
}
.zone-btn-step #previous:hover{
    background-color: #ed9c28;
}
*/
.btn-annuler {
    background-color: #bfcad1;
    border-radius: 3px;
    color: #fff;
    border-bottom: 2px solid #9fa0a0;
    font-family: 'robotolight';
}
.btn-annuler:hover{
    background-color: #909090;
    color: #fff;
}

.formDeclarationTva .champs-saisie{
    margin-top: -20px;
}
.label-form-saisie #TVA0021-1{
    background-color: red;
}

.previsualisation-avertissement{
    float: left;
    margin-top: 20px;
    width: 100%;
}
.presentation-avertissement .textBox{
    margin-bottom:  -42px;
}
.body-presentation-step{
    background-color: #fff;
}

.title-section2 {
    color: #00BB9A;
    font-family: 'raleway';
    font-size: 1.2em;
}

/*-----------boutons-----------*/
.btn-next {
    background-color: #00b595;
    color: #fff;
    border-bottom: 2px solid #008167;
    font-family: 'robotolight';
}
.btn-next:hover,.btn-next:active { color:#fff; background-color:#03a085;transition: .5s;}

.btn-next:not(hover) {
    transition: .5s;
}

.btn-referentiel {
    min-width: 200px;
    background-color:#2C3E50;
}

/*#formAdhesionEntrepriseEtape2 .btn-next {
    margin-top:-70px;
    margin-left:-285px;
}*/

.btn-previous {
    background-color:#888;
    color:#fff;
}

.bloc-btn-adhesion {
    margin-top: 10px;
}

.declarations-attente .btn,
.declarations-payees .btn,
.declaration-quittance .btn {
    background-color: #dcdcdc;
    color: #333;
    border-bottom: 2px solid #a5a5a5;
    font-family: 'robotolight';
    font-size: 0.8em;
}

.declarations-attente .btn:hover,
.declarations-payees .btn:hover,
.declaration-quittance .btn:hover {
    color: #eff0f0;
    background-color: #828282;
    border-bottom: 2px solid #696969;
}

.btn-previous:hover,.btn-previous:active { color:#fff; background-color:#777;}



.btn-pdf {
    background-color: #444;
    color:#fff;
    background-image: url('../img/image_pdf.png');
    background-position: 96% center;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    padding:5px 40px 5px 15px;
    border-bottom: 2px solid #252525;

}
.btn-pdf:hover,btn-pdf:active {
    color:#a20707c8;
    background-color: #a20707;
}

.btn-noir {
    background-color: #444;
    color:#fff;
    border-bottom: 2px solid #2b2b2b;
    font-family: 'robotolight';
}
.btn-noir:hover,btn-noir:active { color:#fff; background-color:#000;}


.btn-encadre {
    background-color: rgb(255, 255, 255);
    color: #676666;
    border-radius: initial;
    border-radius: 5px;
    border-bottom: 2px solid #d8d8d8;
    margin-right: 3px;
    font-family: 'robotolight';
}

.btn-mes-acces:active,.btn-mes-acces:visited {
     color: #000;
}
.btn-mes-acces {
    background-color: rgb(255, 255, 255);
    color: #000;
    border-radius: initial;
    border-radius: 5px;
    border-bottom: 2px solid #d8d8d8;
    margin-right: 3px;
    font-family: 'robotolight';
}


.btn-encadre:hover {
    border-bottom: 0px;
    color: #676666;
}

.btn-bandeau-gris {
    text-align: right;
}

.btn-encadre-blanc {
    background-color: transparent;
    color:#BFCAD1;
    border:1px solid #BFCAD1;
    border-radius: initial;
}

.btn-encadre-blanc:hover {
    background-color: #CCCCCC;
}

.injection-man {
	margin-bottom: 20px;
}


.btn-warning{
    background-color: #F66400;
    font-size: 1em;
    font-family: 'robotolight';
}

.filtre-admin .form-group {
	margin-bottom: 10px !important;
}

.ensembleInputFile {
	margin-bottom: 0px !important;
}

.btn-enregistrer {

}

.btn-success {
    background-color: #009177;
    font-size: 1em;
    font-family: 'robotolight';
    border-bottom: 2px solid #016553;
}

 .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #009177;
    border-color: #009177;
    color: #fff;
}

.btn-primary{
    font-size: 1em;
}

.btn-warning {
    border-bottom: 2px solid #a4660d;
}


.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active
{
    background-color: #1BBC98;
}


/*---------chemin de fer de processus par étape-----*/

.path-step {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .path-step {
        flex-direction: column;
    }
    ul.path-step li:after {
        content: none !important;
    }
}

.path-step li a, .path-step li {
    display: flex;
    flex-direction: row;
}

@media (max-width: 768px) {
    .path-step li  {
        border-bottom: 1px solid white;
    }
}

ul.path-step li {
   padding:5px 0;
   background-color:#cfd8d7;
   border-right: 1px solid white;
}

ul.path-step li:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 62px;
    height: 62px;
    top: -8px;
    right: -27px;
    border-top-right-radius: 2px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background-color: #cfd8d7;
    border-right: 5px solid white;
    border-top: 5px solid white;
}

ul.path-step li:last-child:after {content: none;}

ul.path-step li.step-valid.step-active:after {
    background-color: #f66300;
    border-right: 5px solid white;
    border-top: 5px solid white;
}

ul.path-step li.step-valid:after {
    background-color: #009177;
    border-right: 5px solid white;
    border-top: 5px solid white;
}

ul.path-step li a {
    color: #000;
    text-decoration: none;
}

ul.path-step li.step-valid {
    background-color: #009177;
}

ul.path-step li.step-valid.step-active {
    background-color: #f66300;
}

ul.path-step li.step-valid a {
    color: #fff;
    color: #009177;
}

ul.path-step li.step-active a  {
    color: #f66300;
}

.zone-declaration .title-section {
    color: #000;
    opacity: 1;
}

.cercle {
    display: block;
    border-radius: 50%;
    line-height:22px;
    width: 25px;
    height: 25px;
    margin: 5px 4px 5px 29px;
    border: 1px solid white;
    text-align: center;
    color: white;
}

ul.path-step li.vingtpourcent {
    width:20%;
}

ul.path-step li.trentetroispourcent {
    width: 33.3%;
    display: flex;
    flex-direction: row;
}



@media (min-width: 1300px) {
    ul.path-step li.trentetroispourcent .cercle  {
    margin-left: 40px;
    margin-right: 10px;
}
}
.texte-cote-cercle {
    padding-top: 7px;
    text-align: left;
    color:#FFF;
    font-size: 0.95em;
}

.texte-cote-cercle a {
    color:#000;
}

@media (max-width: 768px) {
    ul.path-step li.vingtpourcent, ul.path-step li.trentetroispourcent {
        width: 100%;
    }
}


.footercontainer2 i {
    font-size: 25px;
    color: #222222;
}


.zone-adhesion ul.path-step {
    margin-left:0%;
}

ul.path-step{
    list-style-type: none;
    margin:0 0 20px 0;
    padding:0;
}


/*-----bulle de connexion------*/


.logBox span.hello{
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
}


/*-----footer-----*/
.footer {
    width: 100%;
}

.footercontainer{
    background-color: #464646;
    color:#fff;
    padding: 10px 0px;
    font-family: 'robotolight';
    padding-top: 20px;
}

.footercontainer2 {
    background: #464646;
    padding-bottom: 5px;
}

.footer-maj {
    background: #00b595;
}

.footer-maj p {
   font-family: 'robotolight';
    color: white;
    font-size: 12px;
    margin: 0px;
    padding: 10px 0px;
}

.footer-maj p span {
    font-family: 'robotomedium';
    color: white;
}

.footer-maj img {
	width: 20px;
	margin-right: 5px;
}

.footercontainer2 p {
    margin: 0px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 5px #000000;
    font-family: 'robotolight';
}

.lien-footer {
    font-weight: normal;
}

.footersouscontainer{
    background-color: #464646;
    color: #000;
}

.footer .footercontainer .sideFooter {
    border-right: 1px solid rgba(62, 62, 62, 0.72);
    -webkit-box-shadow: 1px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 1px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 1px 0px 0px 0px rgba(255,255,255,0.1);
}

.footer .footercontainer .sideFooter:last-child {
    border-right: 0px solid rgba(209, 109, 42, 0.72);
    box-shadow: none;
}


.footer a {
    color: white;
    padding-left: 5px;
}

.footer a:hover {
	color: #00b595;
	text-decoration: none !important;
}

.footer hr {
    margin-top: 10px;
    margin-bottom: 0px;
    border-top: 1px solid rgba(62, 62, 62, 0.72);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.1);
}

/*.picto {
    display: inline-block;
    float: left;
}*/

.picto img {
    width: 40px;
}

.marge {
    padding: 10px;
}

.block-footer {
    width: 100%;
    border-radius: 5px;
    margin: auto;
    min-height: 170px;
}

.titre-block-footer {
    margin: 0px;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    font-size: 14px;;
    color: white;
    margin-bottom: 11px;
    padding: 8px;
    padding-left: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.footercontainer .block-footer i {
    color: white;
    margin-right: 5px;
    font-size: 16px;
}

.block-footer ul {
    padding-left: 0px;
}

.block-footer ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-left: 5px;
}

.texte-footer2 {
    margin-bottom: 10px;
}

.texte-footer p {
    margin-bottom: 2px;
}

.copyright {
   display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.copy-img {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.copyright .copy-img img {
    width: 65px;
    margin-right: 20px;
}

.copyright p {
    font-family: 'robotolight';
    color: #898989;
    margin: 0px;
    padding: 10px 0px;
}

.logo-cdi {
    text-align: center;
}

/*********** menu ******/
.navbar-collapse {
    margin-top:0;
}


.container-menu   {
    background-color:#009177;
    color: #FFF;
    font-family: 'robotolight';
    font-size: 0.94em;
}

.navbar-inverse {
    margin:  0;
    /*height: ;*/
    border-radius: 0px;
    background: none;
}

.logBox {
    margin-top: 0px;
}

@media (max-width: 750px) {.logBox .btn-send-orange {padding: 5px 10px; font-size: 12px;}}

.navbar {
    border:none;

}

.navbar-header{
    padding: 10px 0;
    color: #000;
}

.header-button {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .header-button {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

.button-right {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}

@media (max-width: 750px) {.navbar-header {padding: 5px 10px;}}

.navbar-inverse a.navbar-brand {
    color: #000;
}

.navbar-brand {
    padding:0px 0px;
    height: 70px;
}

@media (max-width: 750px) {.navbar-brand {height: 100%;}}

.navbar-brand img {
    width: 260px;
}

@media (max-width: 750px) {.navbar-brand img {width: 120px !important;}}

@media (max-width: 1024px) {.navbar-brand img {width: 210px;}}
        

.menu {
    position: relative;
    z-index: 9;
    border-radius: 0px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.menu2 {
    background-color: #22313F;
}

.menu2 .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.menu2 .logBox {
    margin-top: 9px;
}


.navbar-inverse  .container-menu .navbar-nav  > li > a {
    color:#fff;
     font-size: 12px;
}

.navbar-inverse .container-menu  .navbar-nav > .active > a,
.navbar-inverse .container-menu  .navbar-nav > .active > a:hover,
.navbar-inverse .container-menu  .navbar-nav > .active > a:focus  > li > a.active
{
    background-color: #015f4e;
    color: white;
}


.navbar-nav>li.dropdown>ul.dropdown-menu {
    padding:0;
	font-size: 12px;
	font-family: 'robotolight';
}

.navbar-nav li.dropdown ul li {
    padding:0px;
    margin: 0px;
    list-style: none !important;
}

navbar-nav>li.dropdown>ul.dropdown-menu,.dropdown-menu>.active>a {
    background-color:#fff;
    color:#000fz;
    margin: 0;
    border-radius: 0;
    border: none;
}

/*.dropdown-menu>.active>a {
    background-color:#000;
    color:#fff;
}*/

.navbar-nav>li.dropdown>ul.dropdown-menu>li>a{
    color:#fff;
    font-size: 1.03em;
   	background-color: #007964;
}


.navbar-inverse .navbar-nav > li > a {
    color:#fff;
}

.dropdown-menu>li>a:hover {
	background-color: #015f4e !important;
}


.navbar-nav>li.dropdown>ul.dropdown-menu>li:hover
{
   background-color: #015f4e;
    color: white;
}

.navbar-inverse  .container-menu  .navbar-nav   > li.open  > a, /* c'est pour du hover mais cible aussi l'element pere donc on se base sur la classe open*/
.navbar-inverse  .container-menu  .navbar-nav   > li.open  > a:focus,
.navbar-inverse  .container-menu  .navbar-nav   > li.open   li > a:hover,
.navbar-inverse  .container-menu  .navbar-nav   > li   > a:hover
{
    background-color: #007964;
    color: white;
}


.navbar-inverse  .container-menu  .navbar-nav   > li.open.active  > a, /* c'est pour du hover mais cible aussi l'element pere donc on se base sur la classe open*/
.navbar-inverse  .container-menu  .navbar-nav   > li.open   li.active > a:hover
{


}


/*-------- partie Home------*/

#drapeau-home {
    float: right;
    margin-top: 15px;
    height: 40px;
}

.title-home {
    margin-left: 6%;
    padding-top: 0px;
    font-weight: bold;
    color:#fff;
    line-height: 45px;
    text-align: left;

}
.title-home div{
    margin-top: 10px;
    font-size: 2em;
    line-height: 30px;
}
.titre-slide{
    animation-name: anim2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    font-size:3em;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
    margin: auto;
}

.carousel-indicators li{
    width: 14px;
    height: 14px;
}

.carousel-indicators .active {
    width: 16px;
    height: 16px;
}
/*animation*/
@keyframes anim2 { 0% {margin-top:0;} 100% {margin-top:25%;} }

 .caption {
    z-index:500;
    display:block!important;
    position:absolute;
    top:0%;
    left:20%;
 }
@media (max-width: 750px) {
    .div-titre-home {

    }

}

@media (max-width: 750px) {
    .fake-container-bordure-grise {
        margin-top:80px;
    }
}
/*===========================================================================*/
/* Prevents the slideshow from flashing on load */
.slidesjs-slide{
    width: 100%;
    height: 600px;
}
#slides {
    width: 100%;
    /*margin-left: -33.5%;*/
    margin-top: -20px;
    background-color: #009177;
    padding-bottom: -4px;
}
#slides .slidesjs-container img{
  margin-bottom:0px;
  width: 100%;
  height: 600px;
}
.slidesjs-pagination {
    margin: 4px 0 0 48.8%;
    float: left;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: -7px 0 7px 5px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../img/home/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }

.slidesjs-pagination li a:hover { background-position: 0 -26px }

#slides a:link, #slides a:visited { color: #333 }

#slides a:hover, #slides a:active { color: #9e2020 }


/*===========================================================================*/

.bloc-lien-module .bloc-module {
    margin-top: 20px;
    background: #f9883d;
    padding: 15px;
    border-radius: 5px;
}

.bloc-lien-module .bloc-module:last-child {
    margin-bottom: 0px !important;
}

.titre-lien-module {
    font-size: 20px;
    color: white;
}

.titre-form-login figure {
    display: inline;
    padding: 15px;
}

.bloc-lien-module figure {
    border: 0.5px solid #ffffff85;
    padding: 15px;
    border-radius: 50%;
    margin-right: 15px;
    padding-right: 15px;
}

.titre-form-login img,
.bloc-lien-module img {
    width: 30px;
}

.border-left {
    border-left: 0.5px solid #ffffff85;
    padding-left: 20px;
}

.btn-valid {
    padding: 6px 47px;
}
.btn-valid-2 {


}
.text-code {
    margin: 10px 0;
}

p.danger {
    color: red;
    width: 100%;
    font-family: 'robotoregular';
    text-align: left;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 0px !important;
}

.danger2 {
    width: 100%;
}

.home-zone-login {
    color:#000;
    margin-top: 0px;
}

#email-label,
#ntd-label {
	display: none;
}

#ntd-element {
	margin-top: 5px;
}

.connexion {
    position: absolute;
    top: 322px;
    width: 100%;
}

.connexion .connexion-module {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
        align-items: flex-end;
}

@media (max-width: 768px) {
    .connexion .connexion-module {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
}

.connexion .connexion-module2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;
}

.connexion .bloc-adhesion, .connexion .bloc-adhesion-mobile  {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

a.linkImg {
    display: block;
    cursor: pointer;
    margin-top: 15px;
}
a.linkImg figure {
    margin: 0px;
    padding: 0px;
}
a.linkImg img {width: 400px;}


@media (max-width: 768px) {
    .connexion .bloc-adhesion {
        display: none;
    }    
}

@media (min-width: 768px) {
    .connexion .bloc-adhesion-mobile {
        display: none;
    }
}

@media (min-width: 1600px) {
    .small-arrete {
        display: none;
    }
    .bloc-login-arrete {margin-top: -70px;}
}
@media (max-width: 1600px) {
    .big-arrete {
        display: none;
    }
    .bloc-login-arrete {margin-bottom: 30px;}
}

.marge-arrete {
    margin-top: 5px;
}

.big-arrete .bloc-login-arrete {
    display:flex;
    justify-content: space-between;     
}

.small-arrete .bloc-login-arrete {
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 400px;
    margin-top: 20px;
}

@media (max-width: 768px) {
.small-arrete .bloc-login-arrete {
    width: 313px;
}
}

.bloc-login-arrete {
    align-items: center;
    border-left: 10px solid #f94848; 
    background-color: rgba(236, 236, 236, 0.90); 
    padding: 9px 20px;
    border-radius: 3px; 
}


.texte-arrete {
    text-align: left;
    color: black;
    font-family: 'robotolight';
    font-size: 12px;
}

.texte-arrete:hover {
    color: black;
    text-decoration: none;
}

.texte-arrete span {
    font-family: 'robotoregular';
}


@media (max-width: 1600px) {
    .titre-arrete {
        font-size: 12px;
    }
}

@media (max-width: 1100px) {
    .titre-arrete {
        font-size: 11px;
    }
}

.small-arrete .bouton-arrete {
    margin-top: 10px;
}

.bouton-arrete {
    text-transform: uppercase;
    padding: 4px 15px; 
    background:#f94848;
    color: white;
    border-radius: 4px; 
    font-size: 13px;
    border-bottom: 2px solid #BA120F;
    width: max-content;
    white-space: nowrap;
}
.bouton-arrete i {
    color: white;
    font-size: 17px;
    margin-left: 5px;
}


@media (max-width: 1600px) {
    .bouton-arrete {
        font-size: 13px;
    }
}

@media (max-width: 1100px) {
    .bouton-arrete {
        font-size: 12px;
    }
}

.bouton-arrete:hover {
    background: #E12521;
    color: white;
    transition: .5s;
    text-decoration: none;
}

.bouton-arrete:not(hover) {
    transition: .5s;
}

.home-div-transparent {
    background-color: rgba(236, 236, 236, 0.90);
    padding-top: 0px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.forgot-login{
    line-height: normal;
    text-align: left;
    cursor: pointer;
    color: #047d67;
    text-decoration: underline;
    font-family: 'robotoregular';
}
.forgot-login:hover{
    cursor: pointer;
    color: #666666;
    text-decoration: underline;
}
.home-div-par-dessus {
    position: relative;
    z-index: 1000;
    text-align: left;
    padding: 17px;
}

.home-div-par-dessus p {
	font-family: 'robotolight';
	font-size: 12px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.titre-form-login {
    text-align: left;
    background: #f9883c;
    padding: 21px;
    border-radius: 3px 3px 0px 0px;
}


@media (max-width: 1100px) {
    .titre-form-login {
        padding: 13px 21px;
    }
}

#loginACacher{
    margin-top: 15px;
    width: 100%;
    padding: 10px;
}

.input-group .form-control {
    background-color: #fff;
    border: 1px solid #fff;
    margin-bottom: 5px;
}

.home-div-par-dessus input[type=text] {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 10px 12px;
    border-radius: 3px;
    font-family: 'robotoregular';
    font-size: 13px;
    letter-spacing: 0.2px;
    color: black;
}

.home-div-par-dessus input[type=text]::placeholder {
  
    font-family: 'robotoregular';
}

.home-div-par-dessus #email-element #email,
.home-div-par-dessus #ntd-element #ntd {
    width: 100%;
}

.home-div-par-dessus ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d8d8d8;
}
.home-div-par-dessus ::-moz-placeholder { /* Firefox 19+ */
  color: #d8d8d8;
}
.home-div-par-dessus :-ms-input-placeholder { /* IE 10+ */
  color: #d8d8d8;
}
.home-div-par-dessus :-moz-placeholder { /* Firefox 18- */
  color: #d8d8d8;
}

.home-div-par-dessus #nmpd-display-text {
        width: 88%;
}

.nmpd-grid .numero, .nmpd-grid .cancel, .nmpd-grid .clear, .nmpd-grid .del {
	border: 1px solid rgba(179, 179, 179, 0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20) !important;
	border-radius: 8px !important;
	font-size: 18px !important;
}

.nmpd-grid .numero:hover {
    box-shadow: none !important;
    color: #a2a2a2;
}

.home-div-par-dessus input[type=password] {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 3px;
    width: 90%;
}
.home-div-par-dessus #login {
    width:60%;
    /*margin-left:  27%;*/
}
.home-div-par-dessus span {
    color: #e87e04;
    line-height: 32px;
    text-align: left;
}
.nmpd-grid {
    width: 100% !important;
    text-align: center;
}
.home-div-par-dessus div{
    color: #3c3c3c;
    text-align: left;
    font-size: 12px;
    font-family: 'robotolight';
    width: 100%;
}
.home-div-par-dessus div .delete {
    color: gray;
}

.nmpd-grid .delete {
    margin-bottom: 10px !important;
}

.home-div-par-dessus .text-code {
    margin-top: 15px;
    margin-bottom: 5px;
}

#paveNumContainer {
    width: 100%;
}
.home-zone-login span {
    display: inline-block;
    font-size: 1.4em;
    font-family: 'ralewaybold';
    color: white;
    text-transform: uppercase;

}

.titreForgotLogin{
    color: #ff9900;
    text-align: left;
    font-family: 'ralewaybold';
    font-size: 18px;
    margin-top: 10px;
}

.textForgotLogin{
    font-family: 'robotoregular';
    font-size: 1.04em;
}

.textForgotLogin2 {
    text-transform: uppercase;
    font-size: 1.1em;
    color: #656565;
    padding: 5px 10px;
    padding-left: 0px;
    height: 33px;
}

.espace {
    margin-bottom: 0px;
    height: 19px;
}

.mot-de-passe-perdu #ntd-element input,
.mot-de-passe-perdu #email-element input,
.mot-de-passe-perdu #ncc-element input,
.mot-de-passe-perdu #recevoiridentifiant-element input,
.mot-de-passe-perdu #recevoirmodepasse-element input{
    width: 100%;
    font-weight: normal;
    padding: 5px 10px;
}

#recevoirmodepasse-element input {
    font-family: 'robotolight';
}

#indexLoginForm #email-element input {
    width:90%;
}

.identifiantPerduNotice{
    color: #999999;
    font-style: italic;
    font-family: 'robotoregular';
    text-align: left;
    margin-top: 40px;

}
.login-element {
    margin-left: 500px;
}
.login-btn{
    margin-left: 43%;
    background-color: #01DFA5;
    margin-bottom: 0px;

}

.connexion-module .home-zone-adhesion {
    z-index:10;
    width: 400px;
    background-color: rgba(236, 236, 236, 0.90);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    border-radius: 3px;
}

.connexion-module .home-zone-adhesion {
    margin-bottom: 0px !important;
    margin-top: 12px;
}

.home-zone-adhesion a {
    width: 100%;
    padding: 10px;
}


.home-zone-adhesion .home-titre-adhesion, .home-titre-adhesion-paragraphe {
    font-family: 'ralewaybold';
}

.home-texte-adhesion span {
    font-family: 'robotoregular';
    color: black;
    font-size: 12px !important;
    text-transform: none; 
}

.fake-container-bordure-grise {
    position:relative;
    top:-28px;
    color:#097387;
    text-align: left;
    margin-bottom: 140px;
}

.trait {
    margin-bottom: 15px;
    margin-top: 0px;
    border: 0.5px solid #f9a66f;
}

.home-titre-adhesion {
    color: #00b595;
    font-size: 16px;
}

.home-titre-adhesion img {
    width: 25px;
    margin-right: 8px;
    opacity: 0.8;
}

.home-titre-adhesion span {
    font-family: 'ralewaybold';
}

.home-titre-adhesion-paragraphe{
    color:#fff;
    line-height: 24px;
    text-align: left;
}

.home-zone-pave {
    text-align:left;
    font-size: 16px;
}

.home-zone-pave img {
    width:100%;

}

/* le mot du ministre
.mot-ministre {
    margin-bottom: 36px;
    border-bottom: 1px solid #eff0f0;
}*/

.mot-ministre img {
    max-width: 100%;
}

.mot-ministre-texte {
    padding-bottom: Opx;
    padding-left: 0px;
    padding-right: 0px;
}

.mot-ministre-img {
    margin-bottom: 32px;
}

.mot-ministre-texte h2 span {
    font-family: 'raleway';
}

.mot-ministre-texte p span {
    font-family: 'robotobold';
    color: #00b595;
}

.mot-ministre-texte .m-ministre span {
    font-family: 'robotomedium';
    color: white;
}

.mot-ministre-img figure {
    text-align: right;
}

.mot-ministre h2 {
    font-size: 1.7em;
    color: #F66300;
    margin: 0px;
    font-family: 'ralewaybold';
    text-transform: uppercase;
}

.mot-ministre p {
    line-height: 24px;
    text-align: justify;
    font-family: 'robotolight';
    font-size: 1em;
    color: #000000;
}

.mot-ministre .m-ministre {
    color: #b7b7b7;
    margin-top: 42px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 2px;
    background: #464646;
}

.home-zonetiers-titre {
    color: #353629;
    font-family: 'ralewaybold';
    font-size: 26px;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 30px;
    margin-bottom: 5px;
}

.home-zonetiers-titre-mot-president {
    margin-top: 0px !important;
}

.titre-apropos {
    margin-top: 0px !important;
}

.home-zonetiers-titre2 {
    color: #F66300;
    font-size: 1.7em;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    margin-top: 0px;
}

.home-zonetiers-titre span,
.home-zonetiers-titre2 span {
    font-family: 'raleway';
}




.trait2 {
    border: 2px solid #ffd7bc;
    width: 100%;
    margin: inherit;
    margin-top: 10px;
    margin-bottom: 15px;
}

.img-site-securise img {
    max-width: 100%;
}

.a-propos {
    margin-bottom: 40px;
    font-family: 'robotolight';
    font-size: 1em;
    border-bottom: 4px double #e2e2e2;
    padding-bottom: 40px;
}

.a-propos p {
    font-size: 1em;
    margin-bottom: 17px;
    text-align: justify;
	line-height: 24px;
}

.bouton-home {
    padding: 10px 28px;
    background-color: #00b595;
    color: #fff;
    border-bottom: 2px solid #008167;
    border-radius: 3px;
	font-size: 0.9em;
}

.bouton-home:hover,
.bouton-home2:hover{
    text-decoration: none;
    background-color: #03a085;
    color: white;
}

.bouton-home2 {
    padding: 10px 82px;
    background-color: #00b595;
    color: #fff;
    border-bottom: 2px solid #008167;
    border-radius: 3px;
}

.site-securise {
    font-family: 'robotolight';
    text-align: justify;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 4px double #e2e2e2;
    color: #000000;
}

.site-securise p {
	line-height: 24px;
}

.aide-et-assistance {
    font-family: 'robotolight';
    text-align: justify;
    color: #000000;
}

.aide-et-assistance p {

}

.image-assistance {
	width: 500px;
	border-radius: 5px;
}

.texte-aide-assistance {
    margin-bottom: 17px;
}

.img-aide-et-assistance {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 48%;
    float: left;
    margin-right: 2%;
}

.img-aide-et-contacts {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-right: 0.5%;
}

.img-aide-et-contacts2 {
    width: 45%;
    float: right;
}

.img-aide-et-contacts2 img {
    width: 100%;
}

.img-aide-et-contacts-espace-societe {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-right: 0.5%;
}
.box-silver{
    border: 1px solid silver;
}

.box-silver2 {
    background-color: rgb(233, 237, 239);
    border: 1px solid #dadada;
    padding-top: 15px;
    padding-bottom: 10px;
}

.box-silver-titre{
    color: orange;
}

.aide-contact-cellule {
    border: 1px solid #d4d4d4;
    height: 319px;
}

.aide-contact-cellule .trait-contact {
    width: 90%;
}

.aide-contact-cellule2 {
    border: 1px solid #d4d4d4;
    padding-bottom: 10px !important;
}

.doc-img-heigt {
    width: 162px !important;
}

.aide-contact-cellule .box-silver-titre  {
    font-size: 1.5em;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    background: #4e4e4e;
    margin: 0px;
    padding: 13px;
    color: white;
}

.aide-contact-cellule2 .box-silver-titre {
    margin-bottom: 20px;
}

.aide-guide-utilisateur h2 {
    font-size: 1.6em;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    margin: 0px;
    color: #5a5a5a;
    margin-bottom: 20px;
    margin-top: 15px;
}

.aide-guide-utilisateur p {
    font-family: 'robotolight';
    font-size: 1.3em;
}

.aide-guide-utilisateur .btn {
    margin-top: 75px;
}

.aide-pdf-utilisateur {
    padding: 0px;
}

.aide-contact-cellule .icone-cellule {
    text-align: center;
}

.aide-agents-contact {
    padding: 20px;
}

.attestaion-source-bouton {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.attestaion-source-bouton p  {
  font-family: 'robotobold';
  font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.attestaion-source-bouton span  {
    display: inline-block;
}

.attestaion-source-bouton .nombre {
  font-family: 'robotobold';
  font-size: 30px;
  color: #F66300;
  margin-right: 5px;
}

.bandeau-cellule {
    margin-top: 40px;
    margin-bottom: 40px;
}

.bandeau-cellule span {
    font-family: 'robotobold';
    color: #009177;
    font-size: 1.2em;
}

.bandeau-cellule p {
    font-family: 'robotolight';
    font-size: 1.2em;
    margin-bottom: 0px;
}

.trait-silver{
    margin-bottom: 10px;
    margin-top: 10px;
    height: 1px;
    color: silver;
    width: 100%;
}

.img-aide-et-assistance img,
.img-aide-et-assistance figcaption {
    transition:  all .25s ease;
}

.img-aide-et-assistance img {
    display: block;
}

.img-aide-et-assistance figcaption {
    position: absolute;
    top: 246px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em;
    background: #000;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    opacity: 0;
}

.img-aide-et-assistance:hover img {
    transform: scale(1.1);
}

.img-aide-et-assistance:hover figcaption {
    opacity: 1;
    top: 0px;
}

.img-aide-et-assistance i {
    display: block;
    position: absolute;
    top: 45%;
    right: 45%;
}

.img-aide-et-assistance p {
    margin-bottom: 17px;
}

.home-une-actu {
    margin-top: 10px;
    margin-bottom: 22px;
    border-bottom: 2px dotted white;
    padding-bottom: 22px;
}

.home-une-actu:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.home-une-actu .texte-actu {
    color: #2f353b;
    line-height: 24px;
    text-align: left;
    font-family: 'robotolight';
    font-size: 1em;
}
.home-une-actu .date-actu{
    color: #096f58;
    line-height: 24px;
    text-align: left;
    font-family: 'robotobold';
    font-size: 1.000em;
}
.home-une-actu .titre-actu{
    color: #1bbc98;
    font-family: 'raleway';
    font-size: 1.13em;
}

.home-actualites{
    background-color: #f3f3f3;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 1px;
}

.flex-lien {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flex-lien a {
    color: white;
    font-family: 'robotolight';
    text-transform: uppercase;
}


/*#formActualite input, #formActualite select, #formActualite textarea  {
    width:40%;
    min-width: 200px;
}*/

/*#formActualite #dateActualite,
#formActualite #dateFin,
#formActualite #dateDebut
{
    width: 30%;
}*/

.block-actu {
    float: right;
}

.password{
    background-color: #fff;
    border: 1px solid #fff;
    margin: 10px 0;


}

.contacter-nous-phrase {
    color:#097387;
    font-weight: bold;

    position:relative;
    top:30px;
    margin-left:10px;
}

/*-------- encart societé ------*/
.bandeau-societe {
    text-align: left;
    margin-top:0px;
    padding-top:10px;
    padding-bottom: 10px;
	position: relative;
	border-bottom: 1px solid rgba(128, 128, 128, 0.12);
    border-top: 1px solid rgba(128, 128, 128, 0.12);
}

.bandeau-admin {
    background-color: #00b595;
    text-align: left;
    margin-top:0px;
    padding-top:10px;
    padding-bottom: 10px;
}

.bandeau-admin a {
    color: white;
    text-shadow: 0px 0px 3px #00382e;
    margin-top: 13px;
}

.bandeau-admin a:hover {
    color: #00dcb5;
    text-shadow: none;
}

.bandeau-admin .fa-2x {
    margin-top: 10px;
}

.texte-accueil {
    font-family: 'robotolight';
    font-size: 1.2em;
    color: white;
    text-transform: uppercase;
    margin-top: 10px;
}

.bandeau-societe .switch-compte {
    color: #009177;
    font-size: 12px;
    border: 0.5px solid #009177a8;
    padding: 10px 17px;
    border-radius: 5px;
    transition: 1s;
}
@media (max-width: 1024px) {
    .bandeau-societe .switch-compte {
        padding: 8px 6px;
    }
}
@media (max-width: 768px) {
    .btn-bandeau {
        margin-top: 10px;
        justify-content: flex-start !important;
    }
}
@media (max-width: 414px) {
    .bandeau-societe .switch-compte img.img-switch-little {
        display: none;
    }
    .bandeau-societe .switch-compte {
        text-align: center;
    }
}

.bandeau-societe .switch-compte:hover {
    background: #0091771c;
    transition: 1s;
    text-decoration: none;
    border: 0.5px solid #00917775;
}

.bandeau-societe .switch-compte img.img-switch-little {
    width: 15px;
    margin-right: 4px;
}


.bandeau-societe .bonjour p {
    font-size: 12px;
    color: #000000;
    margin: 0px;
    font-family: 'robotolight';
}

.bandeau-societe .bonjour p span {
    font-family: 'robotomedium';
    color: #353535;
    letter-spacing: 0.1px;
    font-size: 13px;
}

.btn-bandeau {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.bandeau-societe  .bonjour-vous {
   font-family: 'robotomedium';
}

.bandeau-admin  .bonjour-vous {
    color: white;
    margin-bottom: 3px;
    font-family: 'robotobold';
    text-transform: uppercase;
}

.bandeau-admin  .bonjour-texte {
    color: white;
    font-family: 'robotolight';
}

.bandeau-admin  .bonjour-texte:hover {
    color: white;
    font-family: 'robotolight';
}

.societe-fermeture {
    position: absolute;
    bottom: -22px;
    right: 0px;
}

.societe-fermeture i {
	background: white;
    padding: 5px;
    border-radius: 50%;
    font-size: 11px;
    color: rgb(84, 159, 213);
    border: 1px solid rgba(60, 60, 60, 0.12);
}

.informations-legales-prelevement p {
	font-family: 'robotolight';
}

.informations-legales-prelevement .intro-information-legale p {
	font-family: 'robotoregular';
}

.informations-legales-prelevement .condition-general {
	margin-bottom: 20px;
}

.informations-legales-prelevement .condition-general:last-child {
	margin-bottom: 0px;
}

.condition-general {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.condition-general h2 {
	font-family: 'robotomedium';
    font-size: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.condition-general .contenu {
	padding: 20px;
}



.voir-informations-legales2 {
    font-family: 'roboto';
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    margin-top: 8px;
    position : absolute;
    top: 10px;
    right: 35px;
}

.voir-informations-legales {
    font-family: 'roboto';
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
}

.pavet-fichier-information-importer .voir-informations-legales {
	margin-top: 0px;
}

.condition-general .titre {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: rgba(128, 128, 128, 0.06);
	margin-top: 0px;
}

.btn-recap-declaration form {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 20px;
        flex-wrap: wrap;
}

.btn-recap-declaration form input {
	margin-right: 10px;
}

.detail-declaration-texte {
   padding: 10px 0;
   margin: 10px 0;
   border-top: 1px solid lightgray;
   border-bottom: 1px solid lightgray;
}

.condition-general .titre img {
	width: 30px;
	height: 30px;
    background: white;
    padding: 8px;
    border-radius: 50%;
    margin-right: 1%;
    border: 1px solid rgba(128, 128, 128, 0.17);
}

.condition-general .contenu .sous-titre {
	font-family: 'robotomedium';
	margin-bottom: 2px;
}

.div-compteur {
    padding:10px 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    width:100%;
}

.div-compteur label {
    min-width:80px;
}

.puce-verte {
    width:20px;
    border-radius: 15px;
    background-color: #1BBC98;
    padding:0 6px;
    color:#fff;
}
.puce-rouge {
    width:20px;
    border-radius: 15px;
    background-color: #E7505A;
    padding:0 6px;
    color:#fff;
}

/*-------- partie Adhésion------*/


.fausse-table {
    margin:15px 0;
}

.fausse-table input{
    margin-left:10px;
    min-width:230px;
    width:60%;
}

.fausse-table input[type="submit"] {
    min-width:150px;
}

.fausse-table input[type="radio"] {
    min-width:15px;
}

.fausse-table .div-radio input,
.fausse-table .zone-boutons-signature-1 input
{
    width:auto;
    margin-left: 20px;
}

.fausse-table select{
    margin-left:10px;
    min-width:230px;
    width:60%;
}

.aspect-table {
    text-align: left;
    border-top:1px solid #acb5c3;
    border-left:1px solid #acb5c3;
    border-right:1px solid #acb5c3;
    margin-left: 0px;
    margin-right: 0px;
}

.last-aspect-table {
    border-bottom:1px solid #acb5c3;
}

.form-bordure-droite {
    height:55px;
    border-right:1px solid #acb5c3;
}

.form-element-label {
    padding:18px 10px 0px 15px;
}

.form-element-input {
    padding: 10px 0px 0px 0px;
}

.btn-texte-pdf {
    text-align: right;
    padding-right: 0px;
}

@media (max-width: 751px) {
    .form-bordure-droite {
         height:45px;
        border:none;
    }

    .form-element-input {
        padding:0 10px;
        margin-bottom: 5px;
    }

}
.adhesion_conseils_de_fin p {
    width:60%;
    margin:auto;
}

.title-conditions {

}

.adhesion_conseils_de_fin p {
    margin-top:20px;
    text-align:left;
}

.zone-adhesion .title-section2 {
    margin-top:15px;
    font-weight: bold;

    color:#70AD47;
}

.zone-aligner-gauche {
    text-align:left;
}

.zone-adhesion-condition {
    margin-top:15px;
    padding-top:10px;
    text-align: left;
    background-color: #F0F0F0;
}

.je_soussigne {
    margin-top:20px;
    color:#E87E04;

}

.zone-adhesion {
    /*background-color: #ddd;*/
}

.condition-adhesion-texte {
    background-color: #fff;
    height:300px;
    overflow-y: scroll;
    margin:10px 0;
}

.condition-adhesion-texte pre {
    background-color: #fff;
}

.aspect-table .title_orange {
    padding:15px;
    font-weight: bold;
}

.zone-acceptation-condition{
    border-top:1px solid #ee6161;
    border-right:1px solid red;
    border-bottom:1px solid red;
    border-left:15px solid #ee6161;
    padding:10px 60px 10px 60px;
    color: #ee6161;
    margin-top:15px;
    margin-bottom: 15px;
    font-size: 1.2em;
}

#description_teledeclarant {
    position: relative;
}


#description_teledeclarant .contenu {
    padding: 15px;
    background: white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#description_teledeclarant .contenu h3 {
    margin-bottom: 5px;
    margin-top: 0px;
    font-family: 'robotomedium';
    color: #ff9854;
    font-size: 20px;
}

#description_teledeclarant .contenu i.fa-arrow-right {
    color: #ff9854;
    background: white;
    padding: 5px;
    border-radius: 50%;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    margin-right: 3px;
}

#description_teledeclarant p {
    margin-bottom: 5px;
    font-family: 'robotolight';
    background: rgba(128, 128, 128, 0.06);
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 13px;
    width: 100%;
    margin-right: 1%;
}

#description_teledeclarant p.firstline.vert {
    font-size: 18px;
    color: #009177;
    font-family: 'robotomedium';
}

#description_teledeclarant p.firstline.rouge {
    font-size: 18px;
    color: red;
    font-family: 'robotomedium';
}

#description_teledeclarant p:last-child {
    margin-bottom: 0px;
}

#description_teledeclarant p span {
    margin-bottom: 0px;
    font-family: 'robotomedium';
}

#description_teledeclarant label {
    margin-bottom: 0px;
}

#description_teledeclarant .adh-raison-sociale {
   color:#1BBC98;
   font-family: 'robotobold';
    font-size: 1.15em;
}

.invite-selection-signature-electronique{

    text-align: left;
}

#acceptationCondition {
    float:right;
}

#confirmeInfosPerso {
    float:right;
}

.zone-boutons-signature-1{
    text-align: left;
    margin-bottom: 10px;
    float: right;
    margin-right: 80px;
}

.bloc_identifiant {
    background-color: #FF9900;
    padding:20px;
    color:#fff;
}

.bloc-contact {
    display: flex;
    flex-direction: row;
    background: rgba(128, 128, 128, 0.06);
    margin-bottom: 15px;
}

.bloc-contact2 {
    height: 195px;
}

.bloc-contact h3 {
    font-family: 'ralewaybold';
    font-size: 15px;
    margin-bottom: 6px;
}

.bloc-contact div {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bloc-contact2 div {
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}

.bloc-contact div select {
    width: 100%;
}

.bloc-contact li {
    list-style: none;
}

.bloc-contact p i {
    color: rgba(0, 145, 119, 0.58);
    margin-right: 5px;
    font-size: 16px;
}

.bloc-contact li i {
    color: rgba(0, 145, 119, 0.58);
    margin-right: 5px;
    font-size: 16px;
}

.bloc-contact p {
    font-family: 'robotolight';
	font-size: 14px;
}

.bloc-contact ul {
    padding: 0px !important;
}

.bloc-contact li {
    font-family: 'robotolight';
    font-size: 14px;
    list-style: none;
    margin-left: 0px;
}

.bloc-contact figure {
    background: #009177;
    width: 20%;
    text-align: center;
    padding: 20px;
    margin-right: 20px;
}

.bloc-contact .marge-haut {
    padding-top: 60px;
}

.bloc_identifiant .memoriser_identifiants {

}

.bloc_identifiant .adh_identifiants {
    text-align: left;
}

.adh_zone-bouton-retour{
    text-align:left;
    margin-top:10px;
}

.zone-adhesion-pour {
    text-align: left;
    border-color:#BFCAD1;
}

.zone-adhesion-pour hr {
    margin-top: 10px;
    margin-bottom: 5px;
    color:#BFCAD1;
}

.zone-adhesion-pour .soustitre {
    font-weight: bold;

}

/*------partie page connexion otp------------*/
.formulaire_otp {
    margin-top:30px;
}

.formulaire_otp #password {
    width:230px;
    margin:auto;
    text-align: left;
}

.formulaire_otp #connexion {
    width:230px;
    margin:auto;
}

#connexionLoginOtpForm {
    text-align: center;
}

/*.description-activation-otp {
    width:100%;
}*/

.description-activation-otp .btn-noir {
    width:230px;
}

.description-activation-otp #reponse-code {
    width:250px;
    margin:10px auto;
}

.imgHead {z-index: -1;}

.dropdown-menu>li>a { padding: 7px 20px; }

.dropdown-menu { border: 0px !important; }

.nav .dropdown>.dropdown-menu:before,.nav .dropdown>.dropdown-menu:after{border:none !important;}

.sec-navigation {
    display:none;
}



/*----------accueil espace entreprise------------*/
.accueil-presentation-connecte {
    text-align: left;
    padding:55px 45px 30px 45px;
    color:#fff;
    /*margin-top:-20px;*/
    margin-left:-50%;
    padding-left:50%;
    width:250%;
    background-image:url(../img/background-bonjour-entreprise.jpg);
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover;
    opacity:0.7;
    background-color : transparent;
}

.accueil-presentation-connecte_fond {
    background-color:#00BB9A;
    margin-top:-20px;
    margin-left:-50%;
    padding-left:50%;
    width:250%;
}
/*-------- partie Bulles de raccourcis sur index ------*/

.bg-Circle-Orange{
    height: 70px;
    widows: 70px;
    align-self: center;
    margin:10px auto;
    background-image:url(../img/bg-circle-orange.png);
    background-repeat:no-repeat;
    background-size:70px 70px;
    opacity:1;
}

#list-liens-bulles div ul li{
  list-style-type : none;
}

#list-liens-bulles div ul li div{


  color:#333333;
  text-align:left;
  line-height:normal;

}




/* Mise en forme des bulles-Texe de raccourcis sur Index.phtml  */
#list-liens-bulles div ul li div.texte-bulles-short{
    margin-top:33px;
}
#list-liens-bulles div ul li div.texte-bulles-medium{
    margin-top:28px;
}
#list-liens-bulles div ul li div.texte-bulles-long{
    margin-top:20px;
}

.titre_accueil{
    text-align: left;
    margin-top:25px;
    margin-bottom:25px;
}

.accueil-presentation-connecte span , .accueil-presentation-entreprise .raisonSociale {

}

.accueil-presentation-entreprise label {
    font-family: 'robotobold';
    font-weight: normal !important;
    font-size: 1.1em;
}


.accueil-presentation-entreprise {
    color: #00BB9A;
    text-align: left;
}

.accueil-zone-liens-bulles {
    text-align:left;
    margin-top: 20px;
}


.famille-taxes {
    text-align:left;
     font-size: 1.2em;
    font-weight:bold;
    margin-bottom: 6px;
}

/*----------entreprise compte----------*/
.bloc_en_cas_infos_erronees {
    background-color: #383838;
    padding: 10px;
    margin-top: 10px;
    color: #fff;
    border-radius: 3px;

}

.bloc_en_cas_infos_erronees p {
    padding: 0px 10px;
    font-family: 'robotolight';
    font-size: 1em;
}

.bloc_en_cas_infos_erronees .title-section2 {
    text-align:left;
    padding: 10px;

}

.fiche-entreprise-titre-adresse {
    padding-top:10px;
    padding-bottom:20px;
}
/*----------entreprise paiements----------*/
.paiements-box{
    border: 1px solid #E9E9E9;
    padding:10px;
    margin-top:20px;
    margin-bottom: 20px;
}

.declarations-attente,.declarations-payees {
    min-height:300px;
}

.declarations-attente .table .odd td,
.declarations-attente .table .even td,
.declarations-payees .table .odd td,
.declarations-payees .table .even td{
    padding: 10px !important;
}

.declarations-attente p,
.declarations-payees p,
.declaration-quittance p {
    float: left;
}

.declarations-attente a,
.declarations-payees a,
.declaration-quittance a {
    float: right;
}

.selection-compte {
    background: #F66300;
    border: 0px;
    padding: 20px;
}

.selection-compte .title_orange {
    color: #712f02;
    font-family: "robotomedium";
     border-bottom: 0px;
    padding-bottom: 5px;
}

.selection-compte p {
    text-align: left;
    color: white;
    font-family: 'robotolight';
    font-size: 1.04em;
    margin: 0px;
}

.info1 {
    font-family: 'robotomedium';
    font-size: 17px;
}

.info1 {
    font-family: 'robotomedium';
    font-size: 15px;
    margin-bottom: 7px;
}

.info2 p {
    margin: 0px;
    font-size: 13px;
    text-transform: lowercase;
    font-family: 'robotolight';
}

.info2 span {
    font-family: 'robotobold';
    letter-spacing: 0.8px;
    font-size: 20px;
    text-transform: uppercase !important;
}

.bloc-mobile-confirmation .montant-total {
	border-radius: 0px;
}

.compte-mobile-money2 figure video {
	width: 100%;
	    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.montant-total-orange {
    font-family: 'robotomedium';
    color: #F66300;
    font-size: 25px;
    background: rgba(128, 128, 128, 0.03);
    border-radius: 5px;
    padding: 5px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.montant-total-orange span {
    color: #F66300 !important;
}

.montant-total-orange i {
    background: white;
    padding: 4px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid rgba(128, 128, 128, 0.16);
    margin-right: 10px;
    margin-right: 10px;
    color: #F66300;
}

.montant-total {
    font-family: 'robotomedium';
    color: #00b595;
    font-size: 25px;
    background: rgba(128, 128, 128, 0.03);
    border-radius: 5px;
    padding: 5px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.montant-total span {
    color: #00b595 !important;
}

.montant-total i {
    background: white;
    padding: 4px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid rgba(128, 128, 128, 0.16);
    margin-right: 10px;
    margin-right: 10px;
    color: #00826a
}

.bloc-info-80 {
    width: 75%;
}

@media (max-width: 988px) {
   .bloc-info-80 {
    width: 100%;
} 
}


.bloc-info-importante {
    min-height: 140px;
}

.bloc-information-rouge h5.black {
    color: black !important;
}

.bloc-info-importante .bloc-image {
    position: relative;
    min-height: 140px;
}

.bloc-info-importante .bloc-image img {
    position: absolute;
    bottom: -24px;
    right: 22px;
}

@media (max-width: 988px) {
    .bloc-info-importante .bloc-image {
        position: relative;
        min-height: 260px;
    }
}


.bloc-montant-mobile-orange, .bloc-mobile-confirmation {
    height: 325px;
}

@media (max-width: 988px) {
    .bloc-montant-mobile-orange, .bloc-mobile-confirmation {
        height: 100%;

    }
    .bloc-mobile-confirmation {
            margin-bottom: 20px;
    }
}



.montant-total-paiements .texte {
	font-family: 'robotolight';
}

.compte-a-debite {
    font-size: 1.1em;
}

.selection-compte .form-group {
    margin-bottom: 0px;
}

.paiements-box .hr-separation{
margin-bottom: 10px;
}
.paiement_title_black{
    color: black;
    text-align: left;

    margin-bottom: -10px;
}
/*----------entreprise déclarations----------*/

.div-impot-a-declarer{
    border:1px solid #eff0f0;
    border-radius: 3px;
    padding:10px;
    margin:20px 0;
}

#select-impot-a-declarer tr:nth-child(odd) {
    background: rgba(0, 145, 119, 0.1);
}

.fichier-importer {
	padding: 15px;
}

.pavet-fichier-information-importer .cacheTableau {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.pavet-fichier-information-importer .fichier-importer form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.encadre-hr {
    border:1px solid #ECEEEF;
    border-radius: 3px;
    padding:10px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.pavet-situation-declaration {
    text-align: left;
    box-shadow: 0px 0px 4px grey;
    background: white;
    width: 48%;
    padding: 10px;
}

.pavet-situation-declaration .soustitre-situation {
    font-family: 'robotobold';
    text-transform: uppercase;
    color: #464646;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

#formEtapeSaisieDeclaration .previous-button {
    text-align: right;
    padding-left: 0px;
    padding-right: 0px;
}

#formEtapePiecesJointes .previous-button {

}

.declaration-bloc-pieces-jointes .previous-button {
    text-align: right;
}

.montant-total-paiements .operateur {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.montant-total-paiements .operateur div {
	background: #f8f8f8;
    padding: 10px;
    border-radius: 3px;
    margin-right: 1%;
    border: 1px solid rgba(128, 128, 128, 0.1);
}

#formEtapeSaisieDeclaration .last-button {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

#formEtapeSaisieDeclaration #formulaire {
    padding-left: 0px;
    padding-right: 0px;
}

#formEtapePresentation .last-button,
#formEtapePiecesJointes .last-button {
    text-align: left;
}

.presentation-de-declaration{
     border: 1px solid #eff0f0;
    border-radius: 0 0 3px 3px;
    float: left;
    margin: 0 0 20px 0;
    padding: 10px;
    width: 100%;

}
.presentation-avertissement{

    float: left;
    width: 100%;

}
.hr-separation{
    margin-top: 5px;
}
.hr-orange{
    height: 3px;
    background-color: #f1dcb6;
    width: 100%;
    border: none;
    margin-top: 10px;
}
.presentation-de-declaration .body{
    text-align: left;
    color: #2f353b;

    margin-top: -20px;
}
.previsualisation-message-important, .previsualisation-message-important2{
        /* border: 1px solid #ee6161; */
    border-left: 4px solid rgb(238, 97, 97);
    text-align: left;
    padding: 10px;
    margin-top: 20px;
    background: rgba(238, 97, 97, 0.19);
    color: #ee6161;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.previsualisation-message-important .titre, .previsualisation-message-important2 .titre  {
    margin-bottom: 5px;
    font-family: 'robotomedium';
}

.previsualisation-message-important p, .previsualisation-message-important2 p {
    font-family: 'robotolight';
    margin-bottom: 0px;
}

.previsualisation-message-important .body{
   padding-bottom: 20px;
}
.previsualisation-message-important2 .body{
   padding-bottom: 0px;
}

.previsualisation-message-success{
    border:1px solid #1BBC98;;
    border-left: 15px solid #1BBC98;
    text-align: left;
    padding:10px;
    margin-top:20px;
    margin-bottom: 20px;
    color: #1BBC98;
    /*margin-top: -10px;*/
}
.previsualisation-message-success .titre{
   font-family: 'robotobold';
    font-size: 1.4em;

}
.previsualisation-message-success .body{
   padding-bottom: 20px;
}

.message-warning{
    border:1px solid #F66300;;
    border-left: 15px solid #F66300;
    text-align: left;
    padding:10px 20px;
    margin-top:20px;
    width: 100%;
    color: #F66300;
}
.message-warning .titre{


}
.message-warning .body{

    padding-bottom: 20px;
}
.previsualisation-form{
    border: 1px solid #eff0f0;
    padding:10px 20px;
    float: left;
    width: 100%
}
.saisie-form{
    border: 1px solid #eff0f0;
    width: 100%;
    /* float: left; */
    padding: 10px;
}
.saisie-form .titre{
    color: #f66400;

    text-align: left;
}
.saisie-form .hr-separation{
    margin-bottom: 10px;
}
.previsualisation-boxRed {
    color: #e7505a;

    border:1px solid #FE2E2E;
    text-align: left;
    padding:20px;
    margin-top: 0px;
    padding-bottom: 0px;
}
.previsualisation-form .titre{
    color: #f66400;

    text-align: left;
}
.previsualisation-form .form{
    margin-top: -20px;
}
.previsualisation-form .zone-btn-step{
    display: none;
}
.previsualisation-form-btn .champs-saisie{
    display: none;
}
.previsualisation-liste-pieces{
    margin-top: 20px;
    width: 100.5%;
    margin-left: 0px;

}
.div-impot-a-declarer hr {
    margin:0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.table > tbody > tr > td {
    border-bottom: 1px solid #eff0f0;
    vertical-align: middle;
	font-size: 13px;
}

.dataTables_empty {
	font-family: 'robotolight' !important;
    font-size: 11px !important;
    padding: 10px !important;
}

div.dataTables_info {
    padding-top: 8px;
    font-family: 'robotolight';
    font-size: 11px;
	float: left;
}


.bloc-paiement-effectuer-mobile {
	border-radius: 5px;
    background: rgba(128, 128, 128, 0.06);
    display: flex;
    flex-direction: row;
    align-items: center;
	padding: 15px;
}

.bloc-paiement-effectuer-mobile h3,
.bloc-paiement-effectuer-mobile p {
	margin: 0px;
}

.bloc-paiement-effectuer-mobile h3 {
	font-family: 'robotobold';
    font-size: 15px;
    color: #1fba9c;
	margin-bottom: 4px;
}

.bloc-paiement-effectuer-mobile p {
	font-family: 'robotolight';
}

.bloc-mobile-confirmation {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.compte-mobile-money2 figure img {
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.bloc-mobile-confirmation h4 {
	margin-bottom: 0px;
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 15px;
    background: rgba(128, 128, 128, 0.06);
	font-family: 'robotomedium';
	font-size: 15px;
	margin-top: 0px;
}

.bloc-mobile-confirmation .reference {
	font-family: 'robotolight';
}

.bloc-mobile-confirmation .ruo {
	color: #20ba9c;
    font-family: 'robotobold';
    font-size: 22px;
    letter-spacing: 2px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

.bloc-mobile-confirmation .ruo p {
	margin-bottom: 0px;
}

.bloc-mobile-confirmation .ruo i {
	color: rgb(0, 129, 106);
    font-size: 15px;
	margin-right: 2%;
}

.bloc-mobile-confirmation .montant-total {
	padding: 19px;
	border-top: 1px solid #edecec;
}

.bloc-mobile-confirmation .montant-total p {
	margin-bottom: 0px;
    font-size: 14px;
    font-family: 'robotolight';
}

.bloc-mobile-confirmation .montant-total p span {
	font-family: 'robotobold';
}


.bloc-mobile-confirmation .bloc-mobile-confirmation-contenu {
	padding: 20px;
	padding-bottom: 15px;
}

.bloc-paiement-effectuer-mobile i {
	font-size: 25px;
    height: 40px;
    width: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #00b595;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	margin-right: 15px;
}

.div-impot-a-declarer .table-mini th  {
    background-color:#009177;
    color: #FFF;
    border-bottom:0 none;
    font-weight: normal;
    font-family: 'robotomedium';
}

table.dataTable thead .sorting_asc {
    background-color:#009177;
    color: #FFF;
    border-bottom:0 none;
    font-weight: normal;
    font-family: 'robotomedium';
}

table.dataTable thead .sorting_disabled {
    font-weight: normal;
    font-family: 'robotomedium';
    background-color: #009177;
}

table.dataTable thead .sorting
 {
    background-color:#009177;
    color: #FFF;
    border-bottom:0 none;
}
table.dataTable thead .sorting_desc
 {
    background-color:#009177;
    color: #FFF;
    border-bottom:0 none;
}

table.dataTable thead > tr > th

 {
    padding-left: 8px;
     padding-right: 8px;
}

.etape-declaration-a-payer {
    margin-bottom: 0px;
    margin-top: 20px;
}

.etape-suivante {
    text-align: center;
}

.etape-suivante img {
    width: 35px;
    margin-top: 10px;
}

.etape-numero {
    float: left;
    width: 10%;
    background: #f66300;
    color: white;
    text-align: center;
    height: 55px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'ralewaybold';
    padding-top: 20px;
    text-shadow: 0px 0px 4px #7b4400;
}

.texte-etape {
    float: left;
    width: 90%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    font-family: 'robotolight';
    font-size: 14px;
    color: #484848;
    border: 1px solid #ffc7a1;
    border-left: 0px;
    text-transform: uppercase;
    height: 55px;
}

.texte-etape p {
    margin-top: 8px;
}

.texte-etape-valider {
    padding-top: 18px;
    text-align: center;
    padding-left: 0px;
}

.btn-filtre-admin {
    padding: 10px;
}

.btn-filtre-admin  .btn {
    margin-right: 10px !important;
}

.etape-payer .etape-btn {
    background-color: #00b595;
    color: white;
    border-bottom: 2px solid #008167;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'robotolight';
    padding: 16px 13px;
    font-weight: normal;
}

.etape-payer .etape-btn:hover {
    background-color: #03a085;
    text-decoration: none;
}

.texte-etape span {
    font-family: 'robotobold';
}

.virement-bancaire {
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);*/
    display: flex;
    flex-direction: column;
}

.virement-bancaire h4 {
    font-family: 'robotomedium';
    font-size: 15px;
}

.virement-bancaire .flex-titre-paiement {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 5px;
    background: rgba(128, 128, 128, 0.06);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position:relative;
}

.virement-bancaire .flex-titre-paiement img {
    width: 40px;
    background: white;
    border-radius: 20px 20px 20px 0px;
    padding: 5px;
    border: 1px solid rgba(128, 128, 128, 0.17);
    margin-right: 10px;
    position: absolute;
    right: -20px;
    top: -20px;
}

.titre-autre-mode-paiement {
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: 'ralewaybold';
    font-size: 18px;
}

.autre-paiement-description {
    padding: 5px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.autre-paiement-description .btn[disabled] {
    background: lightgrey;
}

.autre-paiement-description .btn {
    background: darkgray;
    width: 80%;
    margin: auto;
}

.virement-bancaire p {
    font-family: 'robotolight';
}

.virement-bancaire a {
    color: #03a085;
}

.div-impot-a-declarer table.dataTable thead > tr > th, .div-impot-a-declarer table.dataTable tbody > tr > td
 {
    padding-left: 10px;
}

.libelleFamilleTaxe {
    text-align: left;
    font-family: 'raleway';
    font-size: 1.2em;
    margin-top: 20px;
}

.div-impot-a-declarer .table tbody th,
.div-impot-a-declarer .table tbody td {
    text-align:left;
    vertical-align: middle;
}

.container-selection-impots .table > thead > tr {
    background-color: #009177;
    color: #fff;
}

.container-selection-impots .table > tbody  {
    border-left: 1px solid #eff0f0;
    border-right: 1px solid #eff0f0;
    border-bottom: 1px solid #eff0f0;
}

.table > thead > tr > th {
    border-bottom: none;
    vertical-align: center;
    background-color: #009177;
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
    font-family: 'robotomedium';
}

.zone-bouton-selection-taxe {
    text-align:right;
    padding:20px 0;
    margin-bottom:0;
}

.container-selection-impots .boxGreen {
    padding-bottom: 0;
}

.container-selection-impots .btn-annuler {
    background-color: #ddd;
}

.declaration-bloc-presentation {
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: #fff;
}

.declaration-bloc-presentation .presentation-colonne-droite {
    height: 400px;
    background-color: #4798CF;
    color:#fff;
}

.declaration-bloc-saisie{
    margin-top: 30px;
}

.declaration-bloc-previsualisation .bulle-document {
    background-color:#FAE4D5;
    padding:10px;
    border:1px solid #ddd;
}

.declaration-bloc-previsualisation .bulle-document a {
    color:#000;
}

.declaration-bloc-previsualisation{
    background-color: #eee;
    border:2px solid #797979;
    width:80%;
    padding:5px 20px;
    margin: auto;
    margin-top:20px;
}

.presentation-indice-step {
    padding:0 10px;
    background-color: #0016b0;
    color:#fff;
}

.presentation_sous_points {
    margin:0;
    padding:0;
    text-align: left;
}

.pieces-jointes-nos-conseils {
    margin-top:10px;
    height: 10px;
    margin-bottom:10px;
}

.table_telechargement {
     border-collapse: collapse;
}

.table_telechargement textarea{
     width:80%;
     height:35px;
}

.table_telechargement td,
.table_telechargement th {
    border:1px solid #eceeef;
    padding:6px;
}

.nouveau-message .table_telechargement td,
.nouveau-message .table_telechargement td {
    border: 0px !important;
    padding: 0px;
}

.nouveau-message .table_telechargement .title_orange {
    margin: 0px;
    padding-bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    color: #333333 !important;
    border-bottom: 1px solid #e4e4e4;
    align-items: center;
    font-size: 12px !important;
    font-family: 'robotomedium' !important;
}

.nouveau-message .table_telechargement .title_orange label {
    margin:0px;
}

.nouveau-message .table_telechargement {
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
}

.nouveau-message #utilisateurForm .form-group {
    margin-bottom: 15px !important;
}

.nouveau-message .ajouter-pj {
    font-size: 11px
}

.nouveau-message p {
	font-family: 'robotolight';
	font-size: 11px;
	margin: 10px;
}

.nouveau-message .inputFile {
    font-size: 10px;
    font-family: 'robotomedium';
    display: inline-block;
    padding-right: 15px;
    color: #f76500;
}

.nouveau-message .ajouter-pj i {
    background: white;
    padding: 8px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    color: #01b593;
    cursor: pointer;
    border: 1px solid rgba(128, 128, 128, 0.1);
}

.nouveau-message .ajouter-pj i:hover {
    box-shadow:none;
	border: 1px solid rgba(128, 128, 128, 0.1);
}

.table_telechargement th {
    text-align: right;
    margin-right:10px;
    font-weight: normal;
    font-family: 'robotomedium';
}

.table_telechargement td {
    text-align: left;
}

.avertissement-pieces-jointes {
    background-color: #4798CF;
    color: #fff;
    text-align: left;
    margin-top: 50px;
}

.sub-title {
    height: 50px;
    widows: 50px;
    margin:10px auto;
    opacity:0.7;
}
#sub-title-text {
    color: #0cecb9;
}
.label-form-saisie {
    text-align: right;
    text-align-last: right;
}
.label-section {
    text-align: left;
    padding-left:20px;
    margin-top: 10px;
}
.label-section-entete {
    margin-top: 5px;
    text-align: left;
}
.label-form-saisie br {
     display: none;
}

.label-form-saisie label {
    margin: 10px;
}

.label-form-saisie input {
    text-align: right;
    text-align-last: right;
}

.label-section2 {
    text-align: left;
}

.label_taux {
    text-align: left;
}

.champs-saisie {
    margin-top: 20px;
    padding-bottom: 15px;
}

#formEtapeSaisieDeclaration .form-group label {
   font-weight: normal;
}

#formEtapeSaisieDeclaration .form-group {
    margin-bottom:0;
    background-color: rgba(246, 99, 0, 0.1);
    border-top:1px solid #fff;
}

#formEtapeSaisieDeclaration .form-group.entete-group {
    background-color: #009177;
    color: #fff;
}

#formEtapeSaisieDeclaration .form-group.entete-group2 {
    background-color: #f66300; /* #f39d2c */
    color: #fff;
}

.form-group .champs_dynamiques {
    margin-top:3px;
}

.value-rappel {
    color:#F66300;
}

.value-rappel2 {
    color: #4A4A4A;
}

#btn-step input[type="submit"]{
     margin-top: 20px;
}

#btn-step input#annuler[type="submit"] {
    float:none;
}

.btn-orange-fonce {
    font-family: 'robotolight';
    cursor: pointer;
    text-align: center;
    background-color: #F66400;
    font-family: 'robotolight';
    color: white;
    padding: 10px 20px;
    border-bottom: 2px solid #ce5400;
}

.btn-orange-fonce:hover {
    color: #fff;
    background-color: #ed9c28 !important;
    border-color: #d58512;
}

.btn-reprise {
    background-color: #318dce;
    color: white;
    border-bottom: 2px solid #246695;
    font-family: 'robotolight';
}

.btn-reprise:hover {
   	background-color: #2a7cb6;
	color: white;
}

.btn-telecharger {
    background-color: #e6e6e6;
    color: #333;
    font-family: 'robotolight';
    border-bottom: 2px solid #d0d0d0;
}

.btn-telecharger:hover {
    color: #eff0f0;
    background-color: #333;
    border-bottom: 2px solid black;
}

.btn {
    font-size: 13px;
}

.btn-rechercher {
    text-align: right;
    margin-top: 27px;
}

.btn-success:hover {
    background-color: #00BB9A;
}

.confirmation-paiement-btn {
    margin-top: 27px;
}

.rappel-taxe {
    padding:0px;
    background-color: #fff;
    color:#FF6300;
    font-weight: normal;
    font-family: 'robotomedium';
    min-width:150px;
    margin-bottom: 7px;
}

.declaration-periode {
    text-align: right;
}

/*-----------------zone paiements-----------------*/

.bg-Circle-Orange-type-paiement{
    height: 50px;
    widows: 50px;
    align-self: center;
    margin:10px auto;
    background-image:url(../img/bg-circle-orange.png);
    background-repeat:no-repeat;
    background-size:50px 50px;
    opacity:1;
}

.choice-paiement-type{
    width: 244px;
    margin: 10px auto;
}

.choice-paiement-type-btn-ruo{
    height: 65px;
    width: 244px;
    background-image: url("../img/paiement/pai-ruo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
    
.choice-paiement-type-btn-mandat{
    height: 65px;
    width: 244px;
    background-image: url("../img/paiement/pai-mandat.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.choice-paiement-type-btn-mobile{
    height: 65px;
    width: 244px;
    background-image: url("../img/paiement/pai-mobile.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.select-mobile .errors ,.select-mandat .errors{
    display: none;
}

input[type="radio"].form-control {
    width:auto;
}

.form-control{
    width: 100%;
    border: 0px solid #b1b1b1;
    border-radius: 3px;
    background: #f8f8f8;
    font-size: 12px;
    font-family: 'robotobold';
    text-align: left;
    text-align-last: left;
}

#mesInformationsForm .form-control, #ficheEntrepriseForm .form-control, #comptesBancairesForm .form-control, #mesAccesForm .form-control {
    text-align: right;
    text-align-last: right;
}

.form-control option{
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.mes-acces-form {
    width: 50%; 
}

@media (max-width: 720px) {
    .mes-acces-form {
        width: 100% !important; 
    }
}

/*-----------------details demandes inscription-----------------*/

.modal-header{
    background-color: #484848;
    color: white;
    text-align: left;
    padding: 10px;
    font-family: 'ralewaybold';
    text-transform: uppercase;
}

.modal-title {
    font-size: 1.2em;
}

.modal-body{
    padding: 20px;
}

.modal-content {
    border: 0px;
}

.modal-footer{
    background-color: #e8e8e8;
    color: #fff;
    padding: 14px;
    margin-top: 0px;
    padding-top: 20px;
}
.label-info {
    text-align: left;
    background-color: #fff;
    font-family: 'robotobold';
    color: #464646;
}

#btn-modal {
    float: right;
    margin-top: 34px;
}

.details-demandes {
    text-align: left;
    background-color: wheat;
}

.details-demandes .row{
    text-align: left;
    padding-bottom: 20px;
}

.row-infos2 #motifRejet {
    width: 100%;
}

.zone-detail-dhesion-site-boutons {
    margin-top:40px;
    float:right;
}

.details-demandes .row-infos{
   padding-left: 120px;
   padding-bottom: 30px;
   height: 40px;
}

.details-info-case{
   border-width: 1px;
   border-bottom-width:50%;
   border-bottom-color:#eaeaea;
   border-bottom-style: solid;
    margin-bottom: 15px;
}

.label-title-info {
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #009177;
    font-family: 'raleway';
    font-size: 1.35em;
    text-transform: uppercase;
}

.btn-toggle {
    background-color:#f66300;
    color:#fff;
    height: 32px;
    width: 110px;
    font-family: 'robotolight';
}

#save-btn{
     background-color: #009177;
}

#delete-btn {
    background-color: #e63c1d;
    border: 1px solid #ff3f3f;
}

#delete-btn:hover {
    background-color:#e64e32;
    color:white;
}

#save-btn:hover {
    background-color: #00BB9A;
    color: white;
}

.btn-toggle:hover{
    background-color:#ed9c28;
    color:white;
}
/*========= Toggle Button =============*/
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

input.cmn-toggle-round + label {
    padding: 0px;
    width: 80px;
    height: 40px;
    background-color: whitesmoke;
    border-radius: 40px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}
input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #ee6161;
    border-radius: 40px;
    transition: background 0.3s;
}
input.cmn-toggle-round + label:after {
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: margin 0.3s;
}

input.cmn-toggle-round:checked + label:before {
    background-color: #8ce196;
}

input.cmn-toggle-round:checked + label:after {
    margin-left: 40px;
}

#valid1{
    color:#ee6161;
    padding-left: 0px;
}

#valid2{
    color:#00AA00;
}

    /*========= Choix paiement=============*/

.selection-mode-paiement-ruo{
    background-image: url("../img/paiement/bg-paiement-choice.png");
    height: 120px;
}

.selection-mode-paiement-mobile{
    /*background-image: url("/etaxes-cdi/img/paiement/bg-paiement-choice.png");*/
    height: auto;
    margin-top: 10px;
}

.selection-mode-paiement-mandat{
    /*background-image: url("/etaxes-cdi/img/paiement/bg-paiement-choice.png");*/
    height: auto;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.ax_line{
    background-image: url("../img/paiement/ax_line.png");
    height: 2px;
    margin-bottom: 15px;
}

.titre-choix{
    text-align: left;
    color: #fff;
    font-style: italic;
    font-weight: 300;
}

.carte-paiement{
    height: 50px;
    width: 140px;
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 20px;
}

.operateur-paiement{
    height: 55px;
    width: 33%;
    margin-top: 20px;
    margin-left: 2px;
    margin-bottom: 20px;
}

.selection-carte-bancaire{
    height: 55px;
    width: 200px;
    margin-top: 20px;
    margin-left: 2px;
    margin-bottom: 20px;
}

#typeCarte{
    width: 100%;
    margin-top: 10px;
    float: left;
}

.select-mandat{
    width: 100%;
    margin-left: 0%;
}
    
.select-mobile{
    width: 60%;
    float: left;
    margin-left: 0px;
}
  
.valide-mandat{
    margin-right: 25px;
    width: 258px;
    float: right;
}

.valide-mobile{
    margin-right: 25px;
    width: 258px;
    float: right;
}

.valide-ruo{
    margin-top: 0px;
    margin-bottom: 5px;
    width: 180px;
    float: right;
    margin-right: 10px;
}

.valide-mandat:hover, .valide-mobile:hover, .valide-ruo:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

    /*============ paiement mobile page 2 =============== */

    .infos-paiement{
    word-wrap: break-word;
    color: #1c4370;
    font-weight: bold;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;
    }
    .bg-infos{
    height: auto;
    width: 100%;
    background-image: url("../img/paiement/bg-infos-mobile.png");
    color: #fff;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    margin-bottom: 100px;
    }

    .mandat-buttons{
        margin-top: 10px;
    }
   .mobile-buttons{
        margin-top: 10px;
    }
    .infos-paiement div div{
        margin-left: 20px;
    }
     .infos-paiement div{
        margin-bottom: -40px;
    }
    .libelle-infos{
        margin-top: 5px;

    }

    .data-infos{
        margin-top: 2px;

        font-weight: bold;
    }

    .mobile-icon{
        color: salmon;
        border: 1px solid salmon;
        border-top: 30px solid salmon;
        font-weight:bold;
        line-height: normal;
        text-align: center;
        height: 718px;
        margin-top: 20px;
    }
    .mobile-icon-img{
        height: 590px;
        width: 100%;
        float: left;
        margin-top: 20px;
    }

      .consult-icon{
        height: 42px;
        width: 270px;
        background-image: url("../img/paiement/mobile/rectangle_consult.png");
        background-repeat: no-repeat;
        color: black;
        line-height: normal;
        margin-top: 10px;
        margin-bottom:0px;
        float: right;
        margin-right: 25px;
    }
      .consult-icon:hover{
        background-image: url("../img/paiement/mobile/rectangle_consult2.png");
        background-repeat: no-repeat;
        color: #fff;
        cursor: pointer;
    }
    .consult-icon-text{

        padding-top: 4px;
    }
    .consult-icon div{
       margin-top: 10px;
       margin-right: 20px;
    }

    .mobile-infos-title{
        background-image: url("../img/paiement/mobile/bg-number-part.png");
        background-repeat: no-repeat;

        word-wrap: break-word;
        color: #fff;
        font-weight: bold;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .mobile-infos-title div{
        margin-left: 4px;
    }
    .text-title-part {
        margin-left: 2px;
        margin-bottom:  0px;
        word-wrap: break-word;
        color: #1c4370;
        font-weight: bold;
        text-align: left;
    }

    .mobile-part1{
         margin-top: 40px;
    }

    .mobile-infos-body{

        font-weight:bold;

        color:#333333;
        text-align: left;
        padding-bottom: 5px;
        margin-bottom: 20px;
        margin-left: 0px;

    }
    .text-bold-paiement{
        color: #f66400;
        font-weight: bold;

        text-align: left;
        display: inline;
    }
    .selection-carte-bancaire{
        margin-top: 20px;
        float: left;
        margin-left: 0px;
        width: 50%;
    }
    #operateurMobile{
        margin-top: 40px;
        width: 150%;
        float: left;

    }
    /*============ paiement RUO ================ */

    .titre-paiement-ruo{

    color: #333333;
    line-height: normal;
    text-align: left;
    }
    .infos-compte-emetteur{
    height: auto;
    width: 100%;
    background-image: url("../img/paiement/ruo/bg-vert-ruo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;

    font-weight: bold;
    line-height: normal;
    text-align: left;
    }
     .infos-compte-emetteur div div{
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .infos-compte-emetteur  div {
        margin-left: 20px;
        margin-bottom: 2px;
    }
    .infos-compte-destinataire  div {
        margin-left: 20px;
    }
    .infos-compte-emetteur-titre{

        font-weight: bold;
        margin-bottom: -10px;
    }

    .infos-compte-destinataire{
        height: auto;
        width: 100%;
        background-image: url("../img/paiement/ruo/bg-orange-ruo.png");
        color: #fff;

        font-weight: bold;
        line-height: normal;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 20px;

    }
     .infos-compte-destinataire-titre{

        font-weight: bold;
        margin-bottom: 5px;
    }

    .infos-compte-destinataire-infos{

        margin-bottom: 5px;

    }

    .paiement-ruo-details{
      text-align: left;
      height: auto;
      margin-bottom: 20px;
    }

    .paiement-ruo-details-title{
        color: #00bb9a;

        font-weight: bold;
        margin-top: 20px;
       margin-left: 0px;
    }
    .paiement-ruo-details-subtitle{
        color: #ff9900;

        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
    }
     .paiement-ruo-details-text{

        font-weight: bold;
    }
    .paiement-ruo-footer{
        background-image: url("../img/paiement/ruo/bg-footer.png");
        background-repeat:no-repeat;
        background-size: 100% 100%;
        height: auto;
        padding-bottom: 10px;
        margin-top: 30px;
        margin-right: 0px;
    }

    .paiement-ruo-footer-icon{
       background-image: url("../img/paiement/ruo/important.png");
       background-repeat:no-repeat;
       height: 60px;
       margin-left: 40px;
       margin-top: 10px;
       margin-bottom: 10px;
    }
    .paiement-ruo-footer-titre{
        font-weight:bold;

        color:#00BB9A;
        text-align: left;
        margin-top: 30px;
        margin-left: -20px;
    }
    .paiement-ruo-footer-body{
        text-align: left;
        font-weight:bold;
        color:#FFFFFF;
        margin-left: 100px;
        margin-right: 20px;
    }


    .ordre-virement{
        text-decoration: none;
        color: #fff;
        margin-left: -10px;

    }
    .ordre-virement .btn-telecharger{
        float: right;
        color: #fff;
        height: 44px;
        width: 90%;
        cursor: pointer;
        text-decoration: none;
        text-align: left;

        margin-bottom: 100px;
        margin-top: 20px;
        margin-right: 20px;
        background-color: #444;
    }
    .ordre-virement :hover{
        color: #E6E6E6;
    }

    .ordre-virement-text {
        margin-left: 35px;
        margin-top: 10px;

    }
    .ordre-virement-img{
        height: 26px;
        width: 25px;
        float: right;
    }
    .paiement-mobile-retour{
          height: auto;
           margin-bottom: -10%;
    }
    .paiement-mobile-retour-buton{
        margin-top: 15%;

    }
    .paiement-mobile-retour-buton a{
        text-decoration: none;
        float: left;
        background-image: url("../img/paiement/rectangle-retour.png");
        background-repeat: no-repeat;
        color: #fff;

        font-weight: bold;
        height: 47px;
        width: 350px;
        margin-top: 10px;
        margin-bottom: 150px;
        margin-left: 80%;
        cursor: pointer;

    }
    .paiement-mobile-retour-buton a:hover{
        text-decoration: none;

        color: yellow;
    }
    .paiement-mobile-retour-buton-text{
        text-align: center;
        margin-top: 10px;
    }

    .paiement-ruo-retour {
        padding: 0px;
    }

    .paiement-ruo-retour-buton{
        margin-top: 0%;
    }
    .paiement-ruo-retour-buton a{
        float: left;
        font-weight: normal;
        font-family: 'robotolight';
        cursor: pointer;
        text-align: center;
        background-color: #F66400;
        font-family: 'robotolight';
        border-bottom: 2px solid #c75100;
    }
    .paiement-ruo-retour-buton a:hover{
        color: #fff;
        background-color: #ed9c28 !important;
        border-color: #d58512;
    }


    .paiement-ruo-retour-buton-text{
        text-align: center;
        margin-top: 10px;
    }


    .paiement-ruo-button-annuler a{
        float: left;
        background-image: url("../img/paiement/ruo/annuler.png");
        background-repeat: no-repeat;
        text-decoration: none;
        color: #666666;

        font-weight: bold;
        height: 47px;
        width: 150px;
        margin-top: 20px;
        cursor: pointer;

    }
    .paiement-ruo-button-annuler a:hover{
        text-decoration: none;
        color: #fff;

    }
    .paiement-ruo-button-annuler-text {
        text-align: center;
        margin-top: 10px;
    }

    .paiement-ruo-button-valider input:hover{
        color: #fff;
        background-color:#00BB9A;
    }
    .paiement-ruo-button-valider-text{
        margin-top: 10px;
        text-align: center;
    }
    .paiement-ruo-confirme{
        height: 220px;
        width: 872px;
        color: black;
        line-height: normal;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .paiement-ruo-confirme-titre{
        color: #00bb9a;
        font-weight: bold;
        margin-top: 30px;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .paiement-ruo-confirme-body{
        color: black;
        width: 50%;
        height: auto;
    }
    .paiement-ruo-confirme-icon{
        float: left;
        height: 64px;
        width: 64px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .paiement-ruo-confirme-doc-titre{
        text-align: left;
        text-decoration: underline;
        margin-top: 20px;
        font-weight: normal;
        font-family: 'robotomedium';
        font-size: 1.15em;
        text-align: center;
    }

    .paiement-ruo-confirme-doc-ref{
        text-align: center;
        color: #f66300;
        font-size: 2em;
        font-family: 'ralewaybold';
    }

    .paiement-ruo-confirme-doc{
        color: black;
        font-weight: bold;
        height: auto;
        width: 40%;
        float: right;
    }

    .paiement-mandat-subtitle{
        color: #333333;
        font-family: "Arial Normal","Arial";
        font-weight: bold;
        line-height: normal;
        text-align: left;
        word-wrap: break-word;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mobile-buttons{
        padding: 0px;
    }
    /*============= paiement monétique ========================*/
    .mandat-part2{
        height: auto;
        width: 100%;
        background-image: url("../img/paiement/mandat/bleu-bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #fff;
        font-family: "Agency FB Normal","Agency FB";
        font-weight: bold;
        line-height: normal;
        text-align: left;
        padding-bottom: 10px;
    }
    .title-mandat{
        color: #fff;
        font-family: "Agency FB Normal","Agency FB";
        font-weight: bold;
        margin-top: 20px;
        margin-left: 40px;
    }
    .description-mandat{
        width: 100%;
        color: #ffffff;
        font-weight: bold;
        margin-left: 40px;
        margin-top: 10px;
    }

.injection-pj {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    position: relative;
}

.injection-pj .boxCollapse {
	border: 0px !important;
}

.injection-pj .textBoxGreen {
    background: rgba(128, 128, 128, 0.06);
	color: #333;
}

.injection-pj .fa-chevron-down {
	color: #333;
	margin-right: 10px;
}

.injection-pj p {
	font-family: 'robotolight';
    margin-bottom: 10px;
}

.dpj .injection-pj p:last-child  {
	display: none;
}

.dpj .injection-pj form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;

}

.injection-pj .boxCollapse {
	padding: 15px;
}

.paiement-ruo-button-valider{
    margin-top: 20px;
    float: right;
    text-align: right;
}

.paiement-step2-button-annuler{
    margin-top: 20px;
}

.paiement-step2-button-annuler-text{
	text-align: center;
	color: black;
	margin-top: 10px;
}
.paiement-step2-button-annuler-text:hover{
	color: #fff;
}


.paiement-step2-button-annuler a.btn.btn-annuler{
    background-color: #999;
}

    .paiement-step2-button-valider{
        float: right;

        cursor: pointer;
        text-align: center;

    }

    .paiement-step2-button-valider-text{
        text-align: center;
    }

    .liste-paiements {
        color: #1d1d1d;
        font-family: 'robotomedium';
        margin-top: 0px;
        height: 100;
        width: 100%;
    }

    .selection-comptes-ruo .errors {
        display:none;
    }

    #dt-liste-paiements .even td:first-child,
    #dt-liste-paiements .odd td:first-child {
        text-align: left;
    }

    #dt-liste-paiements .odd td:nth-child(3),
    #dt-liste-paiements .even td:nth-child(3) {
        text-align: right;
    }

    #dt-liste-paiements th {
        font-weight: normal;
        font-family: 'robotobold';
    }

    .select-mandat #datePrelevement{
        width: 60%;
    }

    .dt-liste-paiements thead {
        background-color: #E6E6E6;
        color: #444;

    }

     .montant-total-paiements {
		text-align: left;
		background: white;
		margin-top: 20px;
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    }

	.montant-total-paiements .contenu {
		padding: 15px;
	}

    .montant-total-paiements h4 {
        margin-top: 0px;
		color: #004337;
		font-family: 'robotomedium';
		background: rgba(128, 128, 128, 0.06);
		padding: 15px;
		font-size: 15px;
		margin-bottom: 0px;
    }

    .montant-total-paiements p {

    }

    .montant-total-paiements .montant_final_ruo {
        color: #f66300;
    }

    .selection-comptes-ruo div{
        background-image: url("../img/paiement/ruo/bg-vert-ruo.png");
        height: 40px;
    }
    .selection-comptes-ruo div select{
        float: left;
        margin-left: -40px;
        width: 105%;
        height: 36px;

    }
    .paiement-mandat-subtitle{
        margin-top: 10px;
    }

    /*================== groupe paiements datatable ===================*/

    .annuler-groupe-paiements{
        cursor: pointer;
        height: 25px;
        width: 25px;
    }
    .open-groupe-paiements {
        height: 25px;
        width: 25px;
        cursor: pointer;
    }

    .hidden-column{
    display : none;
    }
     .dt-groupes-paiements-details .sorting_disabled th{
        color: black;


        background-color: red;
    }
    .dt-groupes-paiements-details tbody tr{
        color:#444;
        font-family: 'robotolight';
    }
    .dt-groupes-paiements-details tbody td {
        color: #444;
    }
    .dt-groupes-paiements-details tbody td a{
        color: #444;;
    }

    .details-groupe-paiements {
        background: rgba(0, 145, 119, 0.12);
        padding: 10px !important;
        border-left: 5px solid rgba(0, 145, 119, 0.71);
    }

    .paiements-a-effectuer-desctiption{
        text-align: left;
    }
    .paiements-groupes-desctiption{
        text-align: left;
    }
    .details-groupe-paiements .dataTable {
        width: 100%;
    }
    .dt-groupes-paiements .sorting_disabled th{
        background-color: #fff;
        color: #444;
    }

    #dt-groupes-paiements_wrapper .odd td,
    #dt-groupes-paiements_wrapper .even td {
        padding: 10px 0px;
    }

    .dt-liste-paiements .sorting_disabled div{

        margin-bottom: 2px;
    }
    .mode-paiement-mobile{
        padding-bottom: 30px;
    }
    .mode-paiement-mandat{
        padding-bottom: 70px;
    }
    .paiement-mandat-subtitle{
        margin-top: 60px;
    }

    .details-groupe-paiements-titre {
        color: #296a5e;
        background-size: 90% 100%;
        text-align: left;
        font-family: 'robotobold';
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .details-groupe-paiements-titre i {
        margin-right: 5px;
    }

    #dt-groupes-paiements table.dataTable thead .sorting_disabled {
        background-color: inherit !important;
        color: #444444;
        border-bottom: 2px solid #444444;
    }

#dt-groupes-paiements table.dataTable thead th:first-child div {
    text-align: left !important;
}

    .details-groupe-paiements th {
        color: black;

    }
    .details-groupe-paiements div .row{
        height: 0px;
        margin-top: 0px;
        margin-left: 0px;
    }

    .notify-success-mobile{
        background-color: #1dc116;
        color: #fff;
        font-weight: bold;
        width: 98%;

    }
    .notify-success-mobile div{

    }
    .paiement-mobile-details{
      text-align: left;
      height: auto;
      margin-bottom: 20px;
    }

    .paiement-mobile-details-title{
        color: #00bb9a;

        font-weight: bold;
        margin-top: 20px;
        margin-left: 30px;
    }
    .paiement-mobile-details-text{

        font-weight: bold;
        margin-left: 30px;
    }



/*================== page de référentiels ===================*/

.tables-disponibles {
    margin-top:10px;
    text-align: left;
}

.tables-referentiels .subtitle {
    color: #00bb9a;

    margin-bottom: 10px;
}

.modal-annuler-paiement .titre{
    color: #00bb9a;
    margin-bottom: 10px;
    font-size: 1.23em;
    font-weight: normal;
    font-family: 'robotobold';
}

.modal-annuler-paiement .text1{
    color: #333333;
    margin-bottom: 10px;
    color: #333333;
    font-size: 1.23em;
    font-weight: normal;
    font-family: 'robotolight';
}
.modal-annuler-paiement .text2{
    color: #333333;
    margin-bottom: 10px;
    color: #333333;
    font-size: 1.23em;
    font-weight: normal;
    font-family: 'robotoregular';
}

.modal-annuler-paiement .text3{
    color: #333333;
    font-size: 1.23em;
    font-family: 'robotolight';
}
.modal-annulation-paiement-buttons {

}

.modal-annuler-recette{
    top: 30%;
}
.modal-annuler-recette .titre{
    color: #00bb9a;
    font-weight: bold;
    margin-bottom: 10px;
}

.modal-annuler-recette .text1{
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.modal-annuler-recette-buttons {
/*    margin-left: 30%;*/
    width: 100%;
    margin-left: 0%;
    margin-top: -1.2%;
    float: left;
}
.modal-confirmer-previsualisation{
    top: 30%;
}
.modal-confirmer-previsualisation .titre{
    color: #00bb9a;
    font-weight: normal;
    margin-bottom: 10px;
}

.modal-confirmer-previsualisation .text1{
    color: #333333;
    font-size: 1.23em;
    text-align: left;
    font-weight: normal;
    font-family: 'robotoregular';
}

.modal-confirmer-previsualisation .text1 i,
.modal-annuler-paiement i {
    background: #d6d6d6;
    color: white;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    text-shadow: 0px 0px 3px #9a9a9a;
    margin-right: 10px;
}

.close {
    float: right;
    font-size: 16px;
    line-height: 1;
    color: #c3c3c3;
    text-shadow: 0 0px 2px #000;
    opacity: 1;
    font-family: 'robotolight';
    font-weight: normal;
}

.modal-confirmer-previsualisation-buttons {
    margin-top: -1.2%;
}

.modal-confirmer-previsualisation-buttons .fermer-btn,
.modal-confirmer-previsualisation-buttons .confirmer-btn {
    width: 100%;
}

.separat{
    visibility: hidden;
}

.modal-lettrage {
    top: 30%;
}
.modal-lettrage-buttons {
    /*width: 100%;*/
    margin-top: -1%;
    float: left;
    margin-left: 0%;
}
.modal-lettrage .fermer-btn {
    left: 0%;
    /*float: left;*/
    width: 200px;

}
.modal-lettrage .confirmer-btn{
    float: right;
    width: 200px;
    /*margin-top: -3.8%;*/
    margin-left: 44%;
}
.modal-annulation-paiement-buttons .fermer-btn,
.modal-annulation-paiement-buttons .btn-success {
    width: 100%;

}
.modal-annulation-paiement-buttons .confirmer-btn{
    width: 100%;
}

.confirmer-annulation-paiement-ruo{
    width: 600px;
    text-align: left;
    margin: 20px auto;
}


@media (max-width: 700px) {

.confirmer-annulation-paiement-ruo {
        width: 90%;
        margin: 10px auto;
}
}

.modal-annuler-paiement div{

}
.confirmer-annulation-paiement-mobile {
      margin: 20px auto;
      width: 600px;
      text-align: left;
}

@media (max-width: 700px) {
    .confirmer-annulation-paiement-mobile {
        width: 90%;
        margin: 10px auto;
        text-align: left;
        }
}

.confirmer-annulation-paiement-mandat {
      width: 600px;
    text-align: left;
}

.popup-waiting-circle {
    width: 10%;
    height: 50%;
    margin-top: 20%;
    margin-left: 50%;
    opacity:0.7 !important;
}
.popup-waiting-circle .modal-header, .popup-waiting-circle .modal-footer {
    display: none;
}
.small-popup-waiting-circle {
    color: red;
    width: 0px;
    opacity:0.4 !important;
}
.small-popup-waiting-circle .modal-header, .small-popup-waiting-circle .modal-footer {
    display: none;
}

/*progression animation*/

/* Waiting animation bar*/
#fountainG{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;

}
.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(245,146,24);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:0.715s;
		-o-animation-duration:0.715s;
		-ms-animation-duration:0.715s;
		-webkit-animation-duration:0.715s;
		-moz-animation-duration:0.715s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}
#fountainG_1{
	left:0;
	animation-delay:0.286s;
		-o-animation-delay:0.286s;
		-ms-animation-delay:0.286s;
		-webkit-animation-delay:0.286s;
		-moz-animation-delay:0.286s;
}
#fountainG_2{
	left:29px;
	animation-delay:0.3525s;
		-o-animation-delay:0.3525s;
		-ms-animation-delay:0.3525s;
		-webkit-animation-delay:0.3525s;
		-moz-animation-delay:0.3525s;
}
#fountainG_3{
	left:58px;
	animation-delay:0.429s;
		-o-animation-delay:0.429s;
		-ms-animation-delay:0.429s;
		-webkit-animation-delay:0.429s;
		-moz-animation-delay:0.429s;
}
#fountainG_4{
	left:88px;
	animation-delay:0.4955s;
		-o-animation-delay:0.4955s;
		-ms-animation-delay:0.4955s;
		-webkit-animation-delay:0.4955s;
		-moz-animation-delay:0.4955s;
}
#fountainG_5{
	left:117px;
	animation-delay:0.572s;
		-o-animation-delay:0.572s;
		-ms-animation-delay:0.572s;
		-webkit-animation-delay:0.572s;
		-moz-animation-delay:0.572s;
}
#fountainG_6{
	left:146px;
	animation-delay:0.6385s;
		-o-animation-delay:0.6385s;
		-ms-animation-delay:0.6385s;
		-webkit-animation-delay:0.6385s;
		-moz-animation-delay:0.6385s;
}
#fountainG_7{
	left:175px;
	animation-delay:0.715s;
		-o-animation-delay:0.715s;
		-ms-animation-delay:0.715s;
		-webkit-animation-delay:0.715s;
		-moz-animation-delay:0.715s;
}
#fountainG_8{
	left:205px;
	animation-delay:0.7815s;
		-o-animation-delay:0.7815s;
		-ms-animation-delay:0.7815s;
		-webkit-animation-delay:0.7815s;
		-moz-animation-delay:0.7815s;
}
@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(240,160,22);
	}
	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(240,160,22);
	}
	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
#fountainV{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;

}
.fountainV{
	position:absolute;
	top:0;
	background-color:rgb(245,146,24);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:0.715s;
		-o-animation-duration:0.715s;
		-ms-animation-duration:0.715s;
		-webkit-animation-duration:0.715s;
		-moz-animation-duration:0.715s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}
#fountain{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;

}
.fountain{
	position:absolute;
	top:0;
	background-color:rgb(245,146,24);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:0.715s;
		-o-animation-duration:0.715s;
		-ms-animation-duration:0.715s;
		-webkit-animation-duration:0.715s;
		-moz-animation-duration:0.715s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}
#fountainG_1{
	left:0;
	animation-delay:0.286s;
		-o-animation-delay:0.286s;
		-ms-animation-delay:0.286s;
		-webkit-animation-delay:0.286s;
		-moz-animation-delay:0.286s;
}
#fountainG_2{
	left:29px;
	animation-delay:0.3525s;
		-o-animation-delay:0.3525s;
		-ms-animation-delay:0.3525s;
		-webkit-animation-delay:0.3525s;
		-moz-animation-delay:0.3525s;
}
#fountainG_3{
	left:58px;
	animation-delay:0.429s;
		-o-animation-delay:0.429s;
		-ms-animation-delay:0.429s;
		-webkit-animation-delay:0.429s;
		-moz-animation-delay:0.429s;
}
#fountainG_4{
	left:88px;
	animation-delay:0.4955s;
		-o-animation-delay:0.4955s;
		-ms-animation-delay:0.4955s;
		-webkit-animation-delay:0.4955s;
		-moz-animation-delay:0.4955s;
}
#fountainG_5{
	left:117px;
	animation-delay:0.572s;
		-o-animation-delay:0.572s;
		-ms-animation-delay:0.572s;
		-webkit-animation-delay:0.572s;
		-moz-animation-delay:0.572s;
}
#fountainG_6{
	left:146px;
	animation-delay:0.6385s;
		-o-animation-delay:0.6385s;
		-ms-animation-delay:0.6385s;
		-webkit-animation-delay:0.6385s;
		-moz-animation-delay:0.6385s;
}
#fountainG_7{
	left:175px;
	animation-delay:0.715s;
		-o-animation-delay:0.715s;
		-ms-animation-delay:0.715s;
		-webkit-animation-delay:0.715s;
		-moz-animation-delay:0.715s;
}
#fountainG_8{
	left:205px;
	animation-delay:0.7815s;
		-o-animation-delay:0.7815s;
		-ms-animation-delay:0.7815s;
		-webkit-animation-delay:0.7815s;
		-moz-animation-delay:0.7815s;
}
@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(240,160,22);
	}
	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(240,160,22);
	}
	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(240,160,22);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}
/*waiting animation circle*/
#floatingBarsG{
	position:relative;
	width:60px;
	height:75px;
	margin:auto;
}

.blockG{
	position:absolute;
	background-color:rgb(255,255,255);
	width:10px;
	height:23px;
	border-radius:8px 8px 0 0;
		-o-border-radius:8px 8px 0 0;
		-ms-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
	transform:scale(0.4);
		-o-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
	animation-name:fadeG;
		-o-animation-name:fadeG;
		-ms-animation-name:fadeG;
		-webkit-animation-name:fadeG;
		-moz-animation-name:fadeG;
	animation-duration:0.572s;
		-o-animation-duration:0.572s;
		-ms-animation-duration:0.572s;
		-webkit-animation-duration:0.572s;
		-moz-animation-duration:0.572s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#rotateG_01{
	left:0;
	top:27px;
	animation-delay:0.2095s;
		-o-animation-delay:0.2095s;
		-ms-animation-delay:0.2095s;
		-webkit-animation-delay:0.2095s;
		-moz-animation-delay:0.2095s;
	transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
}

#rotateG_02{
	left:8px;
	top:10px;
	animation-delay:0.286s;
		-o-animation-delay:0.286s;
		-ms-animation-delay:0.286s;
		-webkit-animation-delay:0.286s;
		-moz-animation-delay:0.286s;
	transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
}

#rotateG_03{
	left:25px;
	top:3px;
	animation-delay:0.3525s;
		-o-animation-delay:0.3525s;
		-ms-animation-delay:0.3525s;
		-webkit-animation-delay:0.3525s;
		-moz-animation-delay:0.3525s;
	transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
}

#rotateG_04{
	right:8px;
	top:10px;
	animation-delay:0.429s;
		-o-animation-delay:0.429s;
		-ms-animation-delay:0.429s;
		-webkit-animation-delay:0.429s;
		-moz-animation-delay:0.429s;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

#rotateG_05{
	right:0;
	top:27px;
	animation-delay:0.4955s;
		-o-animation-delay:0.4955s;
		-ms-animation-delay:0.4955s;
		-webkit-animation-delay:0.4955s;
		-moz-animation-delay:0.4955s;
	transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
}

#rotateG_06{
	right:8px;
	bottom:7px;
	animation-delay:0.572s;
		-o-animation-delay:0.572s;
		-ms-animation-delay:0.572s;
		-webkit-animation-delay:0.572s;
		-moz-animation-delay:0.572s;
	transform:rotate(135deg);
		-o-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
}

#rotateG_07{
	bottom:0;
	left:25px;
	animation-delay:0.6385s;
		-o-animation-delay:0.6385s;
		-ms-animation-delay:0.6385s;
		-webkit-animation-delay:0.6385s;
		-moz-animation-delay:0.6385s;
	transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
}

#rotateG_08{
	left:8px;
	bottom:7px;
	animation-delay:0.715s;
		-o-animation-delay:0.715s;
		-ms-animation-delay:0.715s;
		-webkit-animation-delay:0.715s;
		-moz-animation-delay:0.715s;
	transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
}



@keyframes fadeG{
	0%{
		background-color:rgb(240,184,14);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgb(240,184,14);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgb(240,184,14);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgb(240,184,14);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgb(240,184,14);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

/*------------------- CSS ADMIN -------------*/

.layout-admin .content-page {

}

.filtre-admin {
	    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.filtre-admin .titre {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: rgba(128, 128, 128, 0.06);
	margin-top: 0px;
}

.filtre-admin .titre h2 {
	font-family: 'robotomedium';
	font-size: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.filtre-admin .titre i {
	background: white;
    padding: 5px;
    border-radius: 50%;
    margin-right: 1%;
    border: 1px solid rgba(128, 128, 128, 0.17);
    color: #01b593;
}

#formulaire .btn-nouveau-bo {
    margin-bottom: 10px;
}

#dt-liste-pieces-jointes-demandes .odd,
#dt-liste-pieces-jointes-demandes .even {
    text-align: center;
}

#dt-releves-bancaires th {
    font-weight: normal;
}

.layout-admin .colonne-gauche {
    min-height: 100vh;
}

.sec-navigation {
    font-size: 1.1em;
    font-family: 'robotolight';
}

.logo-sama {
    width: 200px;
     margin-top: 8px;
}

.layout-admin .sec-navigation {
    display:block;
}

.layout-admin .title-section {

}

.caption-subject  {
   font-size: 1.5em;
    color: #f66300;
}

.btn-mondal-bo {
    text-align: center;
}

.starter-template-admin .textBoxSilver,
.starter-template-admin .boxSilver {
    margin-right: 0px;
}

.modal-lettrage .text2-ratio {
    font-family: 'robotolight';
}

.btn-align {
    text-align: right;
    margin-top : 30px;
}

.btn-ecart {
    text-align: right;
}

.bo-header {
    color: white;
    font-size: 1.1em;
    padding-top: 15px;
}

.texte-bo-header {
    font-family: 'robotolight';
    margin: 0px;
    color: #ffffff;
}

.texte-bo-header2 {
    font-family: 'robotobold';
    margin: 0px;
    text-transform: uppercase;
    color: white;
}

.layout-admin .content-page #formCreateAll {
    text-align: right;
}
/*

.sec-navigation ul  {
     width:100%;
      padding: 0;
}
.sec-navigation ul li {
    width:100%;
    list-style: none;
    background-color: #666;

}
.sec-navigation li.dropdown.active{
    background-color: #333;

}
.open:hover{
    background-color: #000;

}
.sec-navigation a{
   color: #fff;
    display: block;
     padding:5px 10px;
}
.sec-navigation a:hover{
   color: #000;

}
.sec-navigation .nav .open > a, .nav .open > a:hover{
    background-color: #666;
    border-color: transparent;
}
*/


.sec-navigation.nav>li.dropdown ul{
    padding: 0px;
    background-color: #009177;


}
.sec-navigation.nav>li.dropdown ul li.decalage-bo-admin{
 list-style: none;
    padding: 5px 50px;


}
.sec-navigation.nav>li.dropdown ul li{
 list-style: none;
    padding: 5px 35px;


}

.sec-navigation.nav>li.dropdown ul li.active{
    background-color: #01735f;
    color: #fff;
}

.sec-navigation.nav>li.dropdown ul li:hover{
    background-color: #00b393;
}
.sec-navigation.nav>li.dropdown ul li:hover a{

}

 .sec-navigation.nav>li.dropdown.open:hover a{
    background-color: transparent;
    color: white;
}
ul.sec-navigation.nav li a{
    color: white;
    text-decoration: none;
    font-size: 0.92em;
}


ul.sec-navigation.nav li:first-child .dropdown-toggle:hover,
ul.sec-navigation.nav li:first-child .dropdown-toggle:focus
{
    /*background-color: !important;*/
}

ul.sec-navigation.nav li.dropdown:hover
{
    background-color:#333;

}
.sec-navigation.nav > li.active {
    /*background-color: #333;
    border-left: 3px solid #009177;
     color:#FFF;
    background-color:#666;
    border-left: 3px solid #009177;*/
    background-color: #333;
}
.sec-navigation.nav > li.active:before {
    /*background-color: #333;
    border-left: 3px solid #009177;
     color:#FFF;
    background-color:#666; */
    content:url(../img/down-arrow.png);
    position: absolute;
    right: 18px;
    top: 15px;
}
.sec-navigation.nav > li {
    /* border-bottom: 1px solid #e9edef;
    background-color:#666; */
}




.flag-icon{
    padding-top: 8px;
}
.flag-icon:hover{
    text-decoration: none;
}
.ActivationDialog{
    float: left;
}
.ActivationMessageOk{
    font-style: italic;

    color: #00BB9A;
    font-weight: bold;
}
.ActivationMessageKo{
    font-style: italic;

    color: #F66400;
    font-weight: bold;
}
.ActivationRedirection{
    margin-top: 100px;

    font-weight: bold;
}
.annulate-adding-new-impot-type{
    color: red;
    cursor: pointer;

    padding-top: 10px;
    text-align: right;
}

.box-justify {
    text-align: justify;
}

/*------------- Page de connexion admin ------------*/

.container-home-admin .title-section {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-top: 65px;
    font-size: 3em;
    font-family: "ralewaylight";
    color: #313131;
    text-shadow: 1px 1px 0px #d8d8d8;
}

.container-home-admin .title-section span {
    font-family: "ralewaybold";
    font-size: 1.2em;
}

.bg-image-login {
    background:inherit !important;
}

.logo-bo-page-connexion {
    text-align: center;
}

.logo-bo-page-connexion img {
      width: 120px;
}

.nmpd-display {
    width: 100%;
}

#nmpd-display-text {
    width: 100%;
}

.container-home-admin #paveNum {
    height : 160px;
    width  : 100%;
    margin-left:50px;
}

#login-admin-form .nmpd-grid .delete {
    border: 0px;
    border-radius: 2px;
}

.formLoginAdmin {
    margin: auto;
    width: 360px;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    background-color: rgba(236, 236, 236, 0.70);
}

.formLoginAdmin .delete {
    color: gray;
}

.container-home-admin #paveNum.paveNumAdmin {
    height : 160px ;
    width  : 100%  ;
    margin-left:0px;
}

.container-home-admin input[type="text"] {
    padding: 6px 5px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #fff;
}

.container-home-admin .danger2 p {
    text-align: center;
    width: 100%;
    background-color: #f55736;
    color: #fff;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 3px;
    font-family: 'robotolight';

}

.container-home-admin #loginACacher {
    width: 100%;
    font-family: 'robotolight';
}

.declaration-infos{
    text-align: left;
}
.declaration-infos .ligne-details{
    margin-bottom: 5px;
}
.declaration-infos .titre{
    text-align: left;
    font-family: 'robotobold';
    display: inline;
}
.paiement-declaration-infos{
    text-align: left;
}
.paiement-declaration-infos .ligne-details{
    margin-bottom: 5px;
}
.paiement-declaration-infos .titre{
    text-align: left;
    font-family: 'robotobold';
    display: inline;
}
#montant-detail{
    display: inline;
}
.recouvrement-actions {
    margin-top:15px;
}

.commentaire_modifStatut {
    height:25px;
    width:100%;
}

.carousel-caption {
    width: 100%;
    left: 0px !important;
    right: 0px !important;
    top: 145px !important;
    padding: 0px;
    margin: auto;
    text-shadow: none;
}

@media (max-width: 1600px) {
.carousel-caption {

    top: 35px !important;
}}

.carousel-caption h1 {
    font-family: 'ralewaybold';
    text-align: left;
    color: #ffffff;
    font-size: 38px;
    margin: 0px;
    margin-bottom: 10px;
}

@media (max-width: 1300px) {
    .carousel-caption h1 {
        font-size: 22px;
    }
}

.carousel-caption p {
    font-family: 'ralewaylight';
    color: white;
    line-height: 25px;
    font-size: 20px;
    text-align: left;
    letter-spacing: 0.3px;
}

@media (max-width: 1300px) {
    .carousel-caption p {
        font-size: 14px;
        line-height: 17px;
    }
}


.btn-export {
    color: #fff;
    background-color: #428bca;
    border-bottom: 2px solid #265b88;
    font-family: 'robotolight';
}

.btn-export:hover {
    background-color: #3170a7;
    border-bottom: 2px solid #265b88;
    color: white;
}

.titre-espace-sama h2 {
    color: #00b595;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    font-size: 2.5em;
}

.titre-espace-sama span {
   font-family: 'ralewaylight';
}

.titre-espace-sama hr {
    width: 100%;
    margin: inherit;
    border: 3px solid #e2e2e2;
    margin-bottom: 10px;
}

.home-espace-sama .title-section {
    background: #f8f8f8;
    padding: 11px;
    border: 1px solid #e2e2e2;
    border-radius: 30px;
    padding-left: 16px;
    font-size: 1.2em;
    font-family: 'raleway';
    text-transform: none;
    display: none;
}

.home-espace-sama .title-section:before {
    content: url(../img/fleche-droite.png);
    vertical-align: middle;
    margin-right: 10px;
}

.espace-sama-services .services {
    background: #efefef;
    border-radius: 0px 0px 2px 2px;
}



.espace-sama-services img {
    width: 100%;
}

.espace-sama-services h3 {
    color: #ffffff;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #00b595;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-family: 'raleway';
}

.espace-sama-services p {
    padding: 20px;
    padding-top: 0px;
    font-family: 'robotolight';
    font-size: 1.15em;
    text-align: justify;
}

#modifier-votre-mdp {
    background: #00b595;
    border-radius: 2px 2px 2px 2px;
}

#modifier-votre-mdp h3 {
    font-family: 'ralewaylight';
    text-transform: uppercase;
    font-size: 1.9em;
    padding-top: 17px;
    margin-bottom: 0px;
    padding-left: 32px;
}

#modifier-votre-mdp span {
    font-family: 'ralewaybold';
}

#modifier-votre-mdp hr {
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px rgba(255, 255, 255, 0.57);
    border-style: solid;
}

#modifier-votre-mdp p {
    color: white;
    padding: 32px;
    padding-top: 22px;
    padding-bottom: 48px;
}

#modifier-votre-mdp #lien-mod-mdp {
    background: #efefef;
    border: 0px solid #00b595;
    padding: 37px;
    /* border-radius: 0px 0px 5px 5px; */
    text-align: center;
}

#modifier-votre-mdp .btn {
    background: #00b595;
    color: white;
    padding: 10px 40px;
    font-family: 'robotolight';
    border-bottom: 2px solid #048870;
}

#modifier-votre-mdp .btn:hover {
    background: #00dab3;
}

#espace-sama-bandeau-footer {
    background: #f8f8f8;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 304px;
}

#espace-sama-bandeau-footer figure {
    text-align: center;
}

#espace-sama-bandeau-footer img {
    width: 100px;
}

#espace-sama-bandeau-footer .espace-sama-logo-dgi {
    margin-top: 7px;
}

#espace-sama-bandeau-footer h3 {
    color: #00b595;
    font-size: 1.5em;
    text-align: center;
    font-family: 'robotolight';
    margin-top: 27px;
}

#espace-sama-bandeau-footer span {
    font-family: 'robotobold'
}

.export-csv {
    margin-bottom: 10px;
}

.div-montant-declare,
.div-montant-global,
.div-montant-attendu,
.div-somme-montant,
.div-montantVire,
.div-cumulMois,
.div-montant-paye {
    margin-right: 1%;
    box-sizing: border-box;
}

.div-montant-declare,
.div-montant-paye,
.div-montant-declarations-creditrices,
.div-montant-global,
.div-reste-a-payer,
.div-montant-attendu,
.div-somme-montant,
.div-montant-recu,
.div-montant-declarations-creditrices {
    background: #dedede;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #c7c7c7;
    margin-top: 10px;
    color: #00715d;
    font-family: 'robotolight';
    width: 28%;
}

.div-montant-declare p,
.div-montant-paye p,
div-montant-declarations-creditrices p,
.div-montant-global p,
.div-reste-a-payer p,
.div-montant-attendu p,
.div-somme-montant p,
.div-montant-recu p,
.div-montant-declarations-creditrices p {
    margin: 0px;
}

.div-montant {
    background: #dedede;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #c7c7c7;
    margin-top: 10px;
    color: #00715d;
    font-family: 'robotolight';
    width: 25%;
}

.div-montantVire,
.div-cumulMois {
    background: #dedede;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #c7c7c7;
    margin-top: 10px;
    color: #00715d;
    font-family: 'robotolight';
    width: 20%;
}

.div-cumulAnnee {
    background: #dedede;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #c7c7c7;
    margin-top: 10px;
    color: #00715d;
    font-family: 'robotolight';
    width: 25%;
}

.div-montant-paye span,
.div-montant-declarations-creditrices span,
.div-montant-declare span,
.div-reste-a-payer span,
.div-montant-global span,
.div-montant span,
.div-montant-attendu span,
.div-montant-recu span,
.div-montantVire span,
.div-cumulMois span,
.div-cumulAnnee span {
    font-family: 'robotomedium';
}


.dataTables_filter {
    padding-top: 15px;
}

.rechercher {
    padding-left: 0px;
    padding-right: 0px;
}

.service-consultation {
	width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consultation-avis {
	width: 35%;
}

.consultation-contenu {
	padding: 15px;
}

.consultation-contenu p {
	font-size: 1em;
	font-family: 'robotolight';
}

.consultation-contenu input[type=text] {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 10px 12px;
    border-radius: 3px;
	width: 100%;
	font-family: 'robotolight';
	margin-bottom: 10px;
}

.consultation-contenu input[type=submit] {
    width: 100%;
    padding: 10px;
    margin-bottom: 0px;
	font-family: 'robotolight';
}

.relative-error {
	position: relative;
}

.error {
	position: absolute;
	bottom: -3px;
}

.titre-form-login span {
    display: inline-block;
    font-size: 1.4em;
    font-family: 'ralewaybold';
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.service-consultation h2 {
    font-family: 'ralewaybold';
    color: #ffffff;
    font-size: 40px;
    margin: 0px;
}

.service-consultation p {
	font-family: 'ralewaylight';
    color: white;
    font-size: 17px;
}

.service-consultation hr {
	margin: 0px;
    border: 5px solid #009177;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 20%;
}


.contenu-eavis h3 {
	font-family: 'ralewaybold';
    color: #ffffff;
    font-size: 14px;
    margin: 0px;
    text-transform: uppercase;
    background: #00b595;
    padding: 15px;
    border-radius: 3px 3px 0px 0px;
}

.contenu-eavis2 h3 {
	font-family: 'ralewaybold';
    color: #ffffff !important;
    font-size: 14px !important;
    margin: 0px;
    text-transform: uppercase;
    background: #F66300;
    padding: 15px !important;
    padding-bottom: 10px !important;
    border-radius: 3px 3px 0px 0px;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.contenu-eavis p {
	font-family: 'robotolight';
    font-size: 14px;
    padding-bottom: 0px;
	margin-bottom: 3px;
}

.contenu-eavis p span {
	font-family: 'robotomedium';
}

.contenu-eavis  {
	background: white;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	 border-radius: 3px;
	height: 345px;
}

.contenu-eavis2  {
	background: #F66300;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	 border-radius: 3px;
	position: relative
}

.contenu-eavis .icone-titre {
	background: rgb(255, 255, 255);
    position: absolute;
    padding: 6px;
    border-radius: 10px 10px 10px 0px;
    right: 5px;
    top: -13px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.contenu-eavis .icone-titre img {
	width: 25px;
}

.contenu-eavis2 .icone-titre {
    background: rgb(255, 255, 255);
    position: absolute;
    padding: 5px;
    border-radius: 10px 10px 10px 0px;
    right: -10px;
    top: -15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.contenu-eavis2 .icone-titre img {
	width: 20px;
}

.background-gris {
	background: #f0f0f0;
	padding-top: 50px;
	padding-bottom: 50px;
}

.marge-contenu-eavis {
	padding:20px;
}

.marge-contenu-eavis2 {
	padding: 15px;
    padding-top: 10px;
	background: white;
}

.marge-contenu-eavis2 p {

}

.img-fax figure {
	text-align: center;
    background: rgba(128, 128, 128, 0.08);
    padding: 50px 0px;
	padding-top: 15px;
}

.img-fax {
	margin-top: 20px;
}

.img-fax figure p {
	font-family: 'robotomedium';
    margin-bottom: 15px;
}

.numero-avis-compte p {
	margin-top: 10px;
}

.numero-avis-compte ul {
	padding-left: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
    padding-bottom: 0px;
}

.numero-avis-compte ul li {
	list-style: none;
}

.numero-avis-compte ul i {
	color: #F66300;
}

.infomations-relative-important {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contenu-info-quittance {
	margin-bottom: 30px;
}

.img-securite {
	width: 100%;
	border-radius: 3px;
}

.comment-ca-marche .chiffre {
	text-align: center;
    width: 90px;
    background: rgb(217, 217, 217);
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
}

.comment-ca-marche .chiffre .cercle-chiffre {
	width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: white;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);
    border: 5px solid rgb(0, 181, 149);
}

.comment-ca-marche .chiffre p {
	margin-bottom: 0px !important;
    font-family: 'ralewaybold';
    font-size: 20px;
    color: #353629;
}

.texte-informations .titre2 {
	color: #353629;
    font-family: 'ralewaybold';
	font-size: 26px;
	padding-top: 0px;
    margin-top: 0px;
	line-height: 30px;
	margin-bottom: 5px;
}

.texte-informations .intro {
	margin-bottom: 12px !important;
	font-family: 'robotoregular';
}

.infomations-relative-important .texte-informations {

}

.infomations-relative-important p {
	font-family: 'robotolight';
    font-size: 14px;
	margin-bottom: 0px;
}

.informations-relative-important img {
	border-radius: 3px;
}

.texte-informations .ncc-numero-article {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	justify-content: flex-start;
    align-items: center;
    padding: 12px;
    border-radius: 5px;
	background: rgba(128, 128, 128, 0.06);
}

.texte-informations .ncc-numero-article img {
	width: 30px;
}

.texte-informations .icone-plus-petit figure img {
	padding: 3px;
}

.texte-informations .ncc-numero-article figure {
	margin-right: 2%;
    /* border: 3px solid #F66300; */
	background: white;
    padding: 6px;
    border-radius: 50%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.texte-informations .important {
	background: #F66300;
    padding: 5px 15px;
    border-radius: 3px;
    color: white;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.ncc-numero-article p span {
	font-family: 'robotobold';
    color: #F66300;
    text-transform: uppercase;
}

.comment-ca-marche .bloc-chiffre {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.comment-ca-marche .bloc-chiffre2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.comment-ca-marche .bloc-chiffre3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.comment-ca-marche {
    padding: 50px 0px 50px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.barre-horiz {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	-webkit-display: flex;
    -webkit-flex-direction: row;
	-webkit-justify-content: center;
    -webkit-align-items: center;
}

.barre-horiz hr {
	border: 6px solid rgba(193, 193, 193, 0.5);
    position: absolute;
    width: 60%;
    padding: 0px;
    margin: 0px;
	left: 20%;
	bottom: 50%;
}

.telephone-etape {
	margin-bottom: 10px;
	    display: flex;
    flex-direction: row;
    justify-content: center;
}

.bloc-chiffre-texte {
	text-align: center;
}

.bloc-chiffre img,
.bloc-chiffre2 img,
.bloc-chiffre3 img {
	width: 90px;
}

.bloc-chiffre-texte h3 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: 'ralewaybold';
    font-size: 18px;
}

.bloc-chiffre-texte p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'robotolight';
    font-size: 14px;
}

.bloc-chiffre-texte div {
	width: 70%;
    margin: auto;
    margin-top: 30px;
}

.grand-titre {
	margin: 0px;
    margin-bottom: 40px;
    text-align: center;
    color: #353629;
    font-family: 'ralewaybold';
    font-size: 26px;
}

.compte-mobile-money {
	padding-top: 50px;
	padding-bottom: 50px;
}

.compte-mobile-money figure video {
	width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.compte-mobile-money h2 span {
	font-family: 'raleway';
}

.compte-mobile-money .avantage {
    display: flex;
    flex-direction: row;
    margin-bottom: 18px;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    border-radius: 5px;
    background: rgba(128, 128, 128, 0.06);
}

.compte-mobile-money .avantage figure {
    margin-right: 2%;
    /* border: 3px solid #F66300; */
    padding: 6px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
	background: white;
}

.compte-mobile-money .avantage img {
    width: 30px;
	padding: 5px;
}

.compte-mobile-money .avantage h4 {
    font-family: 'robotobold';
    color: #F66300;
    text-transform: uppercase;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 3px;
}

.compte-mobile-money .avantage p {
    font-family: 'robotolight';
    font-size: 14px;
    margin-bottom: 0px;
}

.compte-mobile-money .intro {
	font-family: 'robotoregular';
	margin-bottom: 15px;
}



.boutons-recherche-contrib-admin {
    word-break:keep-all;
    font-size: 19px;
}

.table_telechargement .title_orange label {
    font-weight:normal;
}

.maintenance-text-explicatif{
    font-size: 15px;
    float: left;
    color: orange;
    margin-bottom: 15px;
}

#dt-declaration-deja-payer_wrapper .footer{
    display: none;
}
#dt-declaration-a-payer_wrapper .footer{
    display: none;
}
#dt-quittances_wrapper .footer{
    display: none;}


.adhesion-boxcollapse-etape p {
   text-align:justify;
}

.remonteRecherche {

}



.admin-reporting-titre{
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}


/*-----CSS stats------------------*/

.dashboard-stat .visual.longText {
    margin-bottom: 30px !important;
}

.details .number,.details .desc{
    font-family: raleway !important;
}

.dashboard-stat .details .number {
    padding-top: 15px !important;}

.dashboard-stat .number {
    font-family: 'ralewaybold' !important;}

#amcharts-suivi-traitement-message-recu-par-espace>div{min-height: 335px;}

#amcharts-connexion-espace .amExportButton,
#amcharts-repartion-messageRecu-espace .amExportButton,
#amcharts-repartion-messageEnvoye-espace .amExportButton,
#amcharts-historique-connexion-un-an .amExportButton,
#amcharts-suivi-traitement-message-recu-par-espace .amExportButton{
    top: auto !important;
    bottom: 0 !important;}

.amExportButton>ul>li>a:hover{
    background-color: #fff !important;}

.amExportButton>ul>li>a{
    color: red !important;}

/*#amcharts-historique-connexion-un-an {
margin-bottom: 35px;}*/

#lastConnectes .portlet-body ul{padding: 0;}

#lastConnectes ul>li {
    list-style: none;
    border-bottom: 1px solid #F2F5F8;
    color: #8896a0;
    padding: 3px 0;
    min-height: 27px;
    overflow: auto;}

.ul-scrollable>li:hover{background-color: #eef1f5;}

.dashboard-stat.blueFlag .details .desc,
.dashboard-stat.blueFlag .details .number,
.dashboard-stat.yellowFlag .details .desc,
.dashboard-stat.yellowFlag .details .number,
.dashboard-stat.greenFlag .details .desc,
.dashboard-stat.greenFlag .details .number,
.dashboard-stat.greyFlag .details .desc,
.dashboard-stat.greyFlag .details .number
 {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: 0 0 1px rgba(0,0,0,.3);}


.dashboard-stat.blueFlag .visual>i,
.dashboard-stat.yellowFlag .visual>i,
.dashboard-stat.greenFlag .visual>i,
.dashboard-stat.greyFlag .visual>i{
    color: #FFF;
    opacity: .15;
    filter: alpha(opacity=10);}

.dashboard-stat.blueFlag {background-color: #2F3F7B;border-radius: 3px !important;}

.dashboard-stat.yellowFlag {background-color: #E8C31C;border-radius: 3px !important;}

.dashboard-stat.greenFlag {background-color: #009B58;border-radius: 3px !important;}

.dashboard-stat.greyFlag {background-color: #BFBDBD;border-radius: 3px !important;}

.portlet-title>.caption>.caption-subject,
.portlet-title>.caption>.fa{
    color: #2f353b !important;}

.content-page>div>ul.sec-navigation.nav>li{
    background-color: #fff;
    font-size: 16px;}

.content-page>div>ul.sec-navigation.nav>li>a{
    border-bottom: 2px solid #009B59;
    padding: 10px;
    color: rgb(36,49,99);}

.content-page>div>ul.sec-navigation.nav>li>a:hover,
.content-page>div>ul.sec-navigation.nav>li>a:focus,
.content-page>div>ul.sec-navigation.nav>li>a:active{
    background-color: #eee;}

.portlet.light.bordered {
    border: 1px solid #e7ecf1!important;
    }

.portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff;}

.portlet.bordered {border-left: 2px solid #e6e9ec!important;}

.btn-lpm {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;}

.portlet.light>.portlet-title {
    padding: 0;
    min-height: 48px;}

.portlet>.portlet-title {
    border-bottom: 1px solid #eef1f5;
    margin-bottom: 10px;}

.portlet.light>.portlet-title>.caption {color: #666;}

.portlet>.portlet-title>.caption {
    float: left;
    margin-left: -270px;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}
 #dt-declaration-debit tbody, #dt-declaration-credit tbody{
   height: 300px;
}
 #dt-declaration-debit tbody td, #dt-declaration-credit tbody td{
   /* border: 0.1px solid black; */
}

.index-homepage2 {
    z-index:1100;position:relative;
}

.dashboard-stat .visual>i {
    margin-left: -5px;
    font-size: 110px;
    line-height: 88px;
}

.amExportButton {
    position: relative !important;
    top:0px !important;
    right: 0px !important;
    bottom: inherit !important;
    left: 0px !important;
}

.image-full-width{
    width: 100%;
}

.removeLinkDecoration{
    color: #FFFFFF;
    text-decoration: none;
}

.onglets-container{
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	margin-top: 20px;
}

ul.onglets-tabs{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    font-family: 'roboto';
	padding:0px;
	margin:0px;
	width: 60%;
}


ul.onglets-tabs li.current {
	border-bottom: 2px solid #009177;
    color: #01b594;
}

ul.onglets-tabs li.current a {
	color: #01b594;
}

ul.onglets-tabs li {
	margin-right: 2%;
}

ul.onglets-tabs li a {
	color: #5a5a5a;
    font-size: 12px;
}

ul.onglets-tabs li:hover a,
ul.onglets-tabs li:hover i {
	text-decoration: none;
	color: #01b594;
	cursor: pointer;
}

.tab-content{
        display: none;
        padding: 15px;
}

.tab-content.current{
    display: inherit;
}
.tresorerie-disponibilites-onglets .tab-link{
	padding: 15px 0px;
	margin-left: 3%;
}

.tab-content{
	display: none;
	padding: 15px;
}

.tab-content.current{
     display: inherit;
}


.btn-circle {
  width: 55px;
  height: 55px;
  padding: 10px 18px;
  font-size: 18px;
  line-height: 1.9;
  border-radius: 30px;
}

.popup-loading {
    width: 0%;
    height: 0%;
    top: 40%;
    left: 0%;
    opacity:0.8 !important;
    background: transparent;
}
.popup-loading .modal-header, .popup-loading .modal-footer {
    display: none;
}
.popup-loading .modal-content{
    border : none !important;
}

#dt-liste-messages_wrapper .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#dt-liste-messages_processing {
	font-family: 'robotolight';
	font-style: italic;
	font-size: 12px;
	margin: 0px;
}

.navigation-support-dgi {
    margin: 0px;
    background: rgba(128, 128, 128, 0.06);
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
}

.nouveau-refresh {
	 width: 40%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.nouveau-refresh a {
	margin-right: 2%;
}

.nouveau-refresh a i {
	background: white;
    padding: 10px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    color: #01b593;
	cursor: pointer;
}

.nouveau-refresh a:hover i {
	background: white;
    padding: 10px;
    border-radius: 50%;
    box-shadow: none;
}

table thead th:first-child {
	border-radius: 3px 0px 0px 0px;
}

table thead th:last-child {
	border-radius: 0px 3px 0px 0px;
}

table tbody tr:first-child td {
	border-top: 0px !important;
}

#utilisateurForm {
	margin-top: 0px !important;
}

.lien-tableau {
	font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	color: #328de5;
}

.lien-supprimer {
	    color: #f55f52 !important;
}

.lien-tableau:hover {
	text-decoration: underline;
}

.btn-add-orange {
    background: white;
    border: 1px solid #F66300;
    color: #F66300;
    text-transform: lowercase;
    font-size: 12px;
    padding: 15px 20px;
    border-radius: 2px;
    font-family: 'robotomedium';
    letter-spacing: 0.2px;
    display: inline-block;
}

.btn-add-orange:hover {
    background: #F66300;
    color: white;
    text-decoration: none;
    transition: 1s;
}

.btn-add-orange:not(hover) {
    transition: 1s;
}

.lien-tableau i {
	font-size: 14px;
    margin-right: 5%;
}

.paging_bootstrap {
	font-size: 11px;
	font-family: 'roboto';
}

div.dataTables_paginate ul.pagination {
    margin-bottom: 0px;
    margin-top: 0px;
}

.bonjour .fa-user {
    text-align: center;
    margin-right: 3px;
    color: white;
    padding: 5px;
    background: #a5d3ca;
    border-radius: 2px;
    font-size: 10px;
    width: 20px;
}

.bonjour .fa-briefcase {
    margin-right: 3px;
    color: white;
    padding: 5px;
    background: #0091775c;
    border-radius: 2px;
    font-size: 8px;
    width: 20px;
    text-align: center;
}

.nouveau-message {
	width: 730px;
	margin: auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	margin-top: 20px;
}

.nouveau-message .titre-nouveau-message {
	    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: rgba(128, 128, 128, 0.06);
    margin-top: 0px;
}

.nouveau-message .titre-nouveau-message h2 {
	font-family: 'robotomedium';
    font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nouveau-message .titre-nouveau-message img {
	width: 32px;
    background: white;
    padding: 4px;
    border-radius: 50%;
    margin-right: 1%;
    border: 1px solid rgba(128, 128, 128, 0.17);
}


.nouveau-message-formulaire {
	padding: 20px;
}

.contenu-nouveau-message {
	display:flex;
	flex-direction:column;
}

.contenu-nouveau-message .contenu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-bottom: 15px;
}

.contenu-nouveau-message .contenu-input {
	width:500px;
}


.demande-details .bloc-demande-details {
	background: rgba(128, 128, 128, 0.06);
	margin-bottom: 25px;
	padding-bottom: 2px;
}

.detail-demande-titre {
	display: flex;
    flex-direction: column;
    justify-content: baseline;
	padding: 15px;
}

.demande-details h1 {
	margin-bottom: 20px;
}

.detail-demande-titre p {
	margin-bottom: 0px;
}

.detail-demande-info {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	padding: 15px;
	padding-bottom: 0px;
}

.detail-demande-info p {
    margin-bottom: 0px;
    font-size: 13px;
    font-family: 'robotolight';
}

.detail-demande-info p span {
	font-family: 'robotomedium';
}

.detail-demande-info2 {
	padding-left: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
	margin-bottom: 9px;
}

.detail-demande-info2 a {
	font-family: 'robotolight';
}

.detail-demande-info2 p {
    margin-bottom: 0px;
    font-size: 13px;
    font-family: 'robotolight';
}

.detail-demande-info2 p span {
	font-family: 'robotomedium';
}

.demande-details {

	margin-bottom: 25px;
}

/* users */
.demande-details .users {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.demande-details .users .detail-demande-titre {
	background: rgba(1, 181, 148, 0.65);
}

.demande-details .users .detail-demande-titre p {
	color: white;
    font-family: 'robotomedium';
    font-weight: normal;
}

.users .detail-demande-info p i,
.users .detail-demande-info2 p i {
    font-size: 13px;
    margin-right: 4px;
}

.users .champ-texte {
	padding: 15px;
    background: white;
    margin: 15px;
    border: 1px solid rgba(128, 128, 128, 0.12);
    font-family: 'robotolight';
    font-size: 12px;
	margin-top: 0px;
}

/* sama */
.demande-details .sama  {
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.demande-details .sama .detail-demande-titre {
	background: rgba(247, 146, 0, 0.56);
}

.demande-details .sama .detail-demande-titre p {
	color: white;
    font-family: 'robotomedium';
}

.sama .detail-demande-info p i,
.sama .detail-demande-info2 p i {
	font-size: 13px;
	margin-right: 4px;
}

.sama .champ-texte {
	padding: 15px;
    background: white;
    margin: 15px;
    border: 1px solid rgba(128, 128, 128, 0.12);
    font-family: 'robotolight';
    font-size: 12px;
	margin-top: 0px;
}
/* PAGINATION TABLEAu */

.dt-liste-messages-envoyes .row .col-xs-12,
.dt-liste-messages-archives .row .col-xs-12,
#dt-liste-messages_wrapper .row .col-xs-12 {
	margin-top: 15px;
}

.en-tete-consultation .contenu-consultation-info {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(128, 128, 128, 0.06);
    padding: 10px;
    border-radius: 2px;
    border: 1px solid rgba(128, 128, 128, 0.07);
}

.montant-consultation {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.en-tete-consultation h2 {
	font-family: 'ralewaybold';
}

.en-tete-consultation {
	margin-bottom: 20px;
}

.contenu-consultation-info div p {
	margin-bottom: 0px;
	font-family: 'robotolight';
}

.contenu-consultation-info div {
	    padding: 10px 0px;
    padding-bottom: 3px;
}

.consultation-avis-imposition .liste-declarations  {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

.contenu-consultation-info div p span {
	font-family: 'robotobold';
}

.contenu-consultation-info div p i,
.contenu-consultation-info div p span {
	color: #F66300;
}

.contenu-consultation-info div p i {
	background: white;
    padding: 5px;
    border-radius: 50%;
	margin-right: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
	font-size: 11px;
}

.montant-consultation .montant {
	background: rgba(128, 128, 128, 0.06);
	padding: 10px;
	border-radius: 2px;
	border: 1px solid rgba(128, 128, 128, 0.07);
}

.montant-consultation .montant p {
	margin-bottom: 0px;
    font-size: 13px;
    font-family: 'robotolight';
}

.montant-consultation .montant p span {
	margin-bottom: 0px;
    font-size: 20px;
    font-family: 'robotobold';
}

.consultation-avis-imposition .caption-subject {
    font-size: 1.5em;
    color: #ff9854;
    font-family: 'ralewaybold';
}

.marge-bas-20 {
    margin-bottom: 20px;
}

.padding-20 {
    padding: 20px;
}

h5.soustitre-situation  {
    background: #f6f6f6;
    margin: 0px;
    display: inline-block;
    width: 100%;
    border-left: 0.5px solid #f0f0f0;
    border-bottom: 0.5px solid #f0f0f0;
    font-family: 'ralewaybold';
    font-size: 13px;
    letter-spacing: 0.4px;
}

.bloc-rappel {
    border: 0.5px solid #f0f0f0;
}

.flex-rappel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flex-rappel p i, .informations-flex label i {
    color: #009177;
    margin-right: 5px;
}

.espace-ent .bloc-informations-dl label i {
    color: #009177;
    margin-right: 5px;
}

.espace-oec .bloc-informations-dl label i {
    color: #6EA0EE;
    margin-right: 5px;
}

.value-rappel2 {
    font-family: 'robotobold';
    color: black;
    font-size: 13px;
    letter-spacing: 0.4px;
}

.bordure-bas {
       border-bottom: 0.5px solid #f0f0f0;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.step-paiement {
    background: #F8F8F8;
    padding: 20px;
    margin-top: 20px;
}

.step-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
@media (max-width: 768px) {
    .step-flex {
        justify-content: flex-start;
    }
    .step-flex1 {
        margin-bottom: 10px;
    }
}
@media (max-width: 375px) {
    .step-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: self-start;
    }
    .square-step {
        padding: 6px 20px !important;
        width: 40px !important;
        margin-bottom: 3px;
    }
    .step-paiement {
        padding: 15px;
    }
    .titre-step {
        font-size: 13px !important;
    }
    .square-step p {
        font-size: 16px !important;
    }
}

.square-step {
    background: #009177;
    padding: 15px 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 65px;
    border-radius: 3px;
    box-shadow: 0px 5px 25px 0px rgba(0, 60, 49, 0.2);
    margin-right: 12px;
}

.square-step p {
    margin: 0px;
    font-size: 25px;
    color: white;
}

.titre-step {
    font-family: 'robotobold';
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.texte-step {
    color: #565656;
    font-size: 13px;
    margin: 0;
    line-height: 16px;
}

.titre-step.before-check::after {
content: '';
    width: 15px;
    height: 15px;
    background-color: #3a88fd;
    background-image: url(../img/check.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    display: inline-block;
    margin-left: 7px;
    border-radius: 2px;
}

.titre-step.before-check2::after {
content: '';
    width: 30px;
    height: 30px;
    background-color: #3a88fd;
    background-image: url(../img/check.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    display: inline-block;
    margin-left: 7px;
    border-radius: 2px;
}

.titre-step.before-award::after {
    content: '';
    width: 30px;
    height: 30px;
    background-color: #3a88fd;
    background-image: url(../img/award.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    display: inline-block;
    margin-left: 7px;
    border-radius: 2px;
}

.titre-step.before-btn::after {
    content: 'payer';
    background-color: #F66300;
    margin-left: 7px;
    font-size: 10px;
    color: white;
    font-family: 'robotoregular';
    padding: 3px 8px;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #d65600;
}

.footer-bloc {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
    margin-top: 5px;
    border-top: 1px solid #E9E9E9;
}

.paiements-box2 {
    border: 1px solid #E9E9E9;
    margin-top: 20px;
    margin-bottom: 20px;
}

.paiements-box3 {
        border: 1px solid #E9E9E9;
    padding: 10px;
}

.padding-10 {
    padding: 10px;
}

.marge-bas-20 {
    margin-bottom: 20px;
}

.bloc-autre-paiement {
    background: #f8f8f8;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        align-items: flex-start;
}

.bloc-autre-paiement img {
    width: 40px;
}

.bloc-autre-paiement h4 {
    font-family: 'robotobold';
    font-size: 15px;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 6px;
}

.flex-row-height {
    display: flex;
}
@media (max-width:1024px) {
    .declaration-liste .flex-row-height {
        display: inherit;
    }
    .marge-tab {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .flex-row-height {
        display: inherit;
    }
    .bloc-autre-paiement {
        margin-bottom: 15px;
    }
    .bloc-autre-paiement3 {
        margin-bottom: 0px;
    }
}

.row-end-center {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.height-100 {
    height: 100%;
}

.total-tfoot {
    background: white;
    border: 1px solid white;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
}

.bloc-compte {
    background: #f8f8f8;
    padding: 20px;
}

.titre-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.btn-xml,
.btn-excel {
    font-family: 'robotomedium';
    font-size: 13px;
}

.btn-xml {
    font-family: 'robotomedium';
    font-size: 13px;
    display: inline-block;
    width: 100%;
    background: #f29c1e0d;
    padding: 5px 10px;
    border: 0.5px solid #f29c1e3b;
    color: #ea9517;
}
.btn-xml:hover {
    background: #f29c1e3b;
    transition: 1s;
    text-decoration: none;
    color: #ea9517;
}
.btn-xml:not(hover) {
    transition: 1s;
}

.btn-excel {
    font-family: 'robotomedium';
    font-size: 13px;
    display: inline-block;
    width: 100%;
    background: #4caf4f14;
    padding: 5px 10px;
    border: 0.5px solid #479a4930;
    color: #479a49;
}
.btn-excel:hover {
    background: #479a4930;
    transition: 1s;
    text-decoration: none;
    color: #479a49;
}
.btn-excel:not(hover) {
    transition: 1s;
}

.btn-doc {
    font-family: 'robotomedium';
    font-size: 13px;
    display: inline-block;
    width: 100%;
    background: #CCEAE4;
    padding: 5px 10px;
    border: 0.5px solid #009277;
    color: #009277;
    max-width: 48%;
    margin-bottom: 4px;
}
.btn-doc:hover {
    background: #E5F5F2;
    transition: 1s;
    text-decoration: none;
    color: #009277;
}
.btn-doc:not(hover) {
    transition: 1s;
    text-decoration: none;
    color: #009277;
}

.btn-pdf {
    font-family: 'robotomedium';
    font-size: 13px;
    display: inline-block;
    width: 100%;
    background: #a2070717;
    padding: 5px 10px;
    border: 0.5px solid #a2070730;
    color: #a20707c8;
}
.btn-pdf:hover {
    background: #a207073b;
    transition: 1s;
    text-decoration: none;
    color: #a20707c8;
}
.btn-pdf:not(hover) {
    transition: 1s;
}

.informations-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid #8080802e;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.grp-informations .informations-flex:last-child {
    border-bottom: 0px !important;
}

.grp-informations .informations-flex p {
    text-align: right;
}

.grp-informations .informations-flex p.status {
    font-family: 'robotobold';
    color: #F66300;
}

.grp-informations .informations-flex label.status {
    font-family: 'robotobold';
    color: #F66300;
}

.grp-informations .informations-flex label.status i {
    color: #F66300;
}

.titre-h2 {
    font-size: 15px;
    margin: 5px 0px;
    color: #009177;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.flex-documents-demande {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}



.choix-fichier {
    width: 100%;
    font-size: 12px;
    padding: 9px;
    border: 0.5px solid #80808045;
    background: white;
}

.donnee-cube {
    padding: 15px 20px;
    border: 0.5px solid #cbcbcb;
}

.donnee-cube label {
    font-family: 'robotoregular';
    font-size: 13px;
    text-transform: lowercase;
    color: #00000096;
    margin-bottom: 1px;
}

.donnee-cube p {
    font-family: 'robotomedium';
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: 0.1px;
}

@media (max-width:375px) {
    .declaration-liste .choix-fichier {
        margin-bottom: 20px;
    }
    .declaration-liste .btn-send {
        width: 100%;
    }
    .pj-tva .flex-between-center {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .pj-tva .flex-start-center  {
        margin-bottom: 20px;
    }
    .declaration-liste .step2 {
        margin-right: 0px !important;
    }
    .declaration-detail-tableau .pj-tva > .flex-start-center {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .declaration-detail-tableau .faux-select {
        margin-bottom: 10px;
    }
}

.bloc2 {
    box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.2);
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mr-10 {
    margin-right: 10px;
}

.mt-30 {
    margin-top: 30px;
}


.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-5 {
    margin-right: 5px;
}

.texte-gras {
    font-family: 'robotomedium';
    margin-bottom: 2px;
}

.flex-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}

.faux-select {
    background-color: white;
    border: 0.5px solid #80808045;
    padding: 1px 3px;
}

.faux-select select {
    border: 0px;
    box-shadow: none;
    background-color: white;
}

.bloc-option {
    padding: 15px;
    padding-bottom: 0px;
}
.bloc-grey {
    padding: 20px;
    background: #F8F8F8;
}

.bloc-option h4 {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1.5px solid #009177cc;
    color: #009177d1;
    margin-top: 0px !important;
    font-size: 16px;
    line-height: 19px;
    text-transform: lowercase;
    letter-spacing: 0.2px;
}

.bloc-option h4 span {
    font-size: 13px;
    text-transform: uppercase;
    color: #009177;
    display: inline-block;
    padding-bottom: 2px;
    width: 100%;
    font-family: 'ralewaybold';
    letter-spacing: 0.6px;
}

.bloc-option img.img-option {
    width: 15px;
    margin-right: 5px;
    vertical-align: top;
}

.bloc-option p {
letter-spacing: 0.1px;
    color: #000000b8;
}

@media (max-width: 375px) {
    .marge-bas-phone {
        margin-bottom: 30px;
    }
}

.btn-hidden {
    visibility: hidden;
}

.btn-white {
    padding: 6px 10px;
    border-radius: 3px;
    color: white;
    border: 0.5px solid #ffffff9e;
}
.btn-white:hover {
    cursor: pointer;
    color: white !important;
}

/* bloc */
.bloc-info-rappel label {
    margin-bottom: 0px !important;
    color: grey;
}

.bloc-info-rappel p {
    margin-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-family: 'robotomedium';
}

.bloc-info-rappel .border-bas {
    border-bottom: 0.5px solid #80808040;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.bloc-info-rappel .border-bas:last-child {
    border-bottom: 0px !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

span.visa-info {
    background: #25443e;
    color: white;
    padding: 3px 8px;
    border-radius: 2px;
}

p.visa-info {
    background: #25443e;
    color: white;
    padding: 3px 8px;
    border-radius: 2px;
}

p.visa-non-defini, span.visa-non-defini {
    font-style: italic;
    font-family: 'robotolight';
}

.img-editer {
    width: 15px;
    margin-right: 8px;
    vertical-align: sub;
    opacity: 0.7;
}

.img-editer2 {
    width: 20px;
    margin-right: 8px;
    vertical-align: sub;
    opacity: 0.7;
}

.img-pdf-edt {
    width: 75px;
}

.titre-light {
    font-family: 'robotolight';
}

.titre-light span {
    font-family: 'robotoregular';
    text-decoration: underline;
}

.titre-vert-moyen {
    color: #009177;
    font-size: 14px;
    letter-spacing: 0.1px;
}

.titre-orange-moyen {
    color: #F66300;
    font-size: 14px;
    letter-spacing: 0.1px;
}

.titre-blanc-moyen {
    color: white;
    font-size: 14px;
    letter-spacing: 0.1px;
    margin: 0px;
}

.titre-vert-moyen span {
    font-family: 'robotolight';
}

h5.titre-maj-petit {
    text-transform: uppercase;
    font-family: 'ralewaybold';
    letter-spacing: 0.6px;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #565656;
    background: #677f7b12;
    padding: 10px;
}

.bandeau-pdf {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #f20c0c;
    background: -moz-linear-gradient(top,  #f20c0c 0%, #a20707 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f20c0c 0%,#a20707 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f20c0c 0%,#a20707 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20c0c', endColorstr='#a20707',GradientType=0 ); /* IE6-9 */
    padding: 10px 20px;
}

.bandeau-xml {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #f66300ba;
    background: -moz-linear-gradient(to bottom,  #f29c20 0%,#d0871f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom,  #f29c20 0%,#d0871f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f29c20 0%,#d0871f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66300ba', endColorstr='#F66300',GradientType=0 ); /* IE6-9 */
    padding: 10px 20px;
}

.bandeau-xml .img-editer2 {
    opacity: 1;
}

.bandeau-excel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #339e53;
    background: -moz-linear-gradient(top,  #339e53 0%, #26783f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #339e53 0%,#26783f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #339e53 0%,#26783f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#339e53', endColorstr='#26783f',GradientType=0 ); /* IE6-9 */
    padding: 10px 20px;
}

.opacite-dist {
    color: #00000036;
    margin-right: 3px;
}

.titre-vert {
    color: #009177;
}

.titre-black {
    color: black !important;
}

.btn-telecharger-doc {
    display: inline-block;
    text-transform: lowercase;
    padding: 14px 25px;
    border-radius: 2px;
    background: #484848;
    color: white;
    border: 0px;
    letter-spacing: 0.2px;
    box-shadow: 0px 2px 10px 0px rgba(72, 72, 72, 0.4);
}

.btn-telecharger-doc:hover {
    transition: 1s;
    box-shadow: none;
    background: black;
    text-decoration: none;
    color: white;
}

.btn-telecharger-doc:not(hover){
    transition: 1s;
}

@media (max-width: 375px) {
    #dt-docs-formulaire-demande-remboursement-tva_wrapper,
    #dt-suivi-avancement-demande-remboursement-tva_wrapper,
    #dt-declaration-liste_wrapper,
    .table-select,
    #dt-details-tableau-variable_wrapper {
        overflow: auto;
    }
    .table-select table {
        width: 1000px;
    }
}

/* table */

tr.en-retard td:nth-child(5)  {
    background-image: url(../img/warning.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-y: center;
    background-position-x: 31px;
    padding-left: 26px;
    color: #ff4545;
    font-size: 13px;
    font-family: 'robotoregular';
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper .dataTables_filter,
#dt-suivi-avancement-demande-remboursement-tva_wrapper .dataTables_filter {
    padding-top: 0px !important;
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper .dataTables_filter label,
#dt-suivi-avancement-demande-remboursement-tva_wrapper .dataTables_filter label {
    margin-bottom: 0px !important;
    color: white;
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper .dataTables_filter input,
#dt-suivi-avancement-demande-remboursement-tva_wrapper .dataTables_filter input {
    padding: 8px;
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper div.dataTables_length label,
#dt-suivi-avancement-demande-remboursement-tva_wrapper div.dataTables_length label {
    margin-bottom: 0px !important;
    font-size: 10px;
    font-family: 'robotolight';
    color: #000000;
    text-transform: lowercase;
    padding-top: 15px;
    letter-spacing: 0.2px;
}

/*#dt-docs-formulaire-demande-remboursement-tva_wrapper th,
#dt-suivi-avancement-demande-remboursement-tva_wrapper th,
#dt-declaration-liste_wrapper th,
#dt-declaration-workflow_wrapper th,
#dt-synthese-declaration_wrapper th,
#dt-demandes-attestations th,
#dt-historique-liasse th,
#dt-liste-attestations-retenues th,
#dt-demandes-remboursement-tva th,
#dt-docs-formulaire-demande-attestation th,
#details-tableau tbody tr:first-child td,
#dt-comptable-liasse thead th,
#dt-declaration-pieces-jointes thead th,
#dt-declaration-comptables thead th,*/
table thead th {
    font-size: 11px;
    font-family: 'ralewaybold';
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

#dt-details-tableau-variable thead th {
    font-size: 11px;
    font-family: 'raleway';
    text-transform:inherit;
    letter-spacing: 0.1px;
    border-right : solid 1px #eff0f0;
    border-left : solid 1px #eff0f0;
}

#dt-details-tableau-variable tbody td a {
    text-decoration: none;
}

#details-tableau thead th {
    border-right : solid 1px #eff0f0;
    border-left : solid 1px #eff0f0;
}

#dt-details-tableau-variable tbody td, #details-tableau tbody td {
    border: 1px solid #eff0f0;
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper tbody tr td:nth-child(3) div,
#dt-declaration-liste_wrapper tbody tr td:nth-child(2),
#dt-declaration-workflow_wrapper tbody tr td:nth-child(2),
#dt-synthese-declaration_wrapper tbody tr td:nth-child(2),
#dt-comptable-liasse tbody tr td:nth-child(3),
#dt-historique-liasse tbody tr td:nth-child(2),
#dt-declaration-pieces-jointes tbody tr td:nth-child(1),
#dt-declaration-comptables tbody tr td:nth-child(4) {
    font-family: 'robotomedium';
    font-size: 13px;
    letter-spacing: 0.1px;
}

#dt-docs-formulaire-demande-remboursement-tva_wrapper tbody tr td:nth-child(5) div,
#dt-synthese-declaration_wrapper tbody tr td:nth-child(3),
#dt-synthese-declaration_wrapper tbody tr td:nth-child(1){
    color: grey;
    font-style: italic;
}


table.table-selection > tbody > tr > td {
    border-bottom: 1px solid #002a2314;
}

table.table-selection > tbody > tr {
    border-left: 1px solid #002a2314 !important;
    border-right: 1px solid #002a2314 !important;
}


table.table-selection input.form-control {
    background: white !important;
    box-shadow: none !important;
    font-size: 13px;
}

table.table-selection .erreur-champ {
    border: 0px !important;
    border-bottom:1px solid #002a2321 !important
}

table.table-selection .erreur-champ input.form-control {
    border: 1px solid #FF4A4A;
}

div.btn-fixed {
    position: fixed;
    bottom: 0;
   background: #f66400;
    width: 100%;
    left: 0;
    padding: 15px;
    z-index: 9;
    box-shadow: 10px 0px 30px 0px rgba(0, 0, 0, 0.39);
}

div.btn-fixed .largeur-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}



div.btn-fixed .largeur-btn {
    width: 1170px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}



tr.ligne-type-T1 input.form-control,
tr.ligne-type-T2 input.form-control {
    font-family: 'robotomedium';
    font-size: 14px;
}

.bouton-declarer {
    background: #f66300;
    padding: 5px 12px;
    text-transform: lowercase;
    color: white;
    letter-spacing: 0.3px;
    font-size: 11px;
    border-radius: 2px;
    width: 80px;
    display: inline-block;
}
.bouton-declarer:hover {
    background: #e45c00;
    transition: 1s;
    text-decoration: none;
    color: white;
}
.bouton-declarer:not(hover) {
    transition: 1s;
}

.bouton-declarer-vert {
    background: #009177;
    padding: 5px 12px;
    color: white;
    letter-spacing: 0.3px;
    font-size: 11px;
    border-radius: 2px;
    width: 80px;
    display: inline-block;
}
.bouton-declarer-vert:hover {
    background: #00715d;
    transition: 1s;
    text-decoration: none;
    color: white;
}
.bouton-declarer-vert:active, .bouton-declarer-vert:focus {
    background: #00715d;
    transition: 1s;
    text-decoration: none;
    color: white;
}
.bouton-declarer-vert:not(hover) {
    transition: 1s;
}


.bouton-supprimer {
    background: #dc3545;
    padding: 5px 12px;
    text-transform: lowercase;
    color: white;
    letter-spacing: 0.3px;
    font-size: 11px;
    border-radius: 2px;
    width: 80px;
    display: inline-block;
    border: none;
    margin-left: 10px;
}
.bouton-supprimer:hover {
    background: #eeeeee;
    transition: 1s;
    text-decoration: none;
    color: #dc3545;
}
.bouton-supprimer:not(hover) {
    transition: 1s;
}

a.download {
    background: #eeeeee;
    padding: 4px 20px;
    text-transform: lowercase;
    color: #009177;
    border-radius: 2px;
}
a.download:hover {
    background: #009177;
    color: white;
    transition: 1s;
    text-decoration: none;
}
a.download:not(hover) {
    transition: 1s;
}



.contenu-textarea textarea {
    box-shadow: none;
    background: none;
    border: 0.5px solid #80808045;
    border-radius: 0px;
    text-align: left;
}

.contenu-nouveau-messaged label {
    margin-bottom: 2px !important;
}

#commentaireworkflow-counter {
    text-align: right;
    font-size: 12px;
    font-family: 'robotolight';
    margin-top: 10px;
    letter-spacing: 0.2px;
}

/* flex */
.flex-between-center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flex-between-start {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: flex-start;
}

.flex-start-center {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.flex-end-center {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.flex-start-start {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.column-between-start {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}


.icone-square {
    background: #059278;
    color: white;
    padding: 8px;
    margin-right: 5px;
}

.consulter-pdf {
    font-family: 'robotomedium';
    text-transform: lowercase;
    letter-spacing: 0.1px;
    font-size: 13px;
    color: black;
    text-decoration: underline;
}

.label-span span {
    color: #555;
    font-size: 12px;
    font-family: 'robotoregular';
}

.img-pdf img {
    width: 40px;
    margin-left: 8px;
}

.step2 {
    background: #f8f8f8;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.step2 figure {
    background: #019076;
    padding: 10px 10px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 0px 2px 20px 0px rgba(0, 68, 55, 0.2);
}

.step2 figure img {
    width: 25px;
}

.step2 p {
    margin: 0;
}

.saisi-table {
    padding: 20px;
    border: 0.5px solid #0091770f;
    background: #67b9a938;
    border-radius: 3px;
}

h6.titre-moyn-vert {
    font-family: 'robotoregular';
    font-size: 14px;
    color: #017963;
    letter-spacing: 0.1px;
    margin: 0px !important;
}

h6.titre-moyn-vert span {
    font-family: 'robotolight';
}

.step2 p span {
    font-size: 15px;
    margin: 0;
    font-family: 'ralewaybold';
}

h2.titre-select {
    font-family: 'raleway';
    color: #019076;
    font-size: 17px;
    letter-spacing: 0.3px;
    text-transform: lowercase;
}

h2.titre-select span {
    font-family: 'ralewaybold';
    text-transform: initial;
}

.label-liasse input.form-control,
.label-liasse select.form-control {
    background-color: white;
    border: 0.5px solid #80808045;
    padding: 1px 3px;
    border-radius: 0px;
    box-shadow: none;
}

.label-liasse select.form-control {
    background-color: white;
    border: 0.5px solid #80808045;
    padding: 12px;
    border-radius: 0px;
    box-shadow: none !important;
    height: 42px;
}

div.chemin {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.chevron-chemin {
    padding: 19.5px;
    background: #d4d4d4a1;
    width: 25%;
    position: relative;
}

.chevron-chemin.actif {
    background:#009177;
}

.chevron-chemin.valider {
    background: #009177a1 ;
}


.chevron-chemin::after {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 34.5px solid transparent;
    border-bottom: 34.5px solid transparent;
    border-left: 30px solid #d4d4d4a1;
    position: absolute;
    right: -30px;
    top: 0px;
    z-index: 1;
}

.chevron-chemin::before {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 38.5px solid transparent;
    border-bottom: 39.5px solid transparent;
    border-left: 35px solid white;
    position: absolute;
    left: 0px;
    top: -4px;
    z-index: 0;
}

.chevron-chemin.actif::after {
    border-left: 30px solid #009177;
}

.chevron-chemin.valider::after {
    border-left: 30px solid #009177a1;
}

div.chemin .chevron-chemin:last-child::after {
    display: none !important;
}

div.chemin .chevron-chemin:first-child::before {
    display: none !important;
}

.chevron-chemin p {
    margin-bottom: 0px !important;
    padding-left: 42px;
    font-family: 'robotoregular';
    color: white;
    letter-spacing: 0.2px;
    font-size: 14px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.chevron-chemin p span:first-child {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 0.5px solid #ffffff4f;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px;
}

.chevron-chemin p span.par {
    position: absolute;
    top: 19px;
    left: 78px;
    font-size: 12px;
    opacity: 0.7;
}

.chevron-chemin:first-child p span.par {
    left: 35px !important;
}

@media (max-width: 1024px) {
    .chevron-chemin p span.par {
        left: 46px;
    }
}
@media (max-width: 768px) {
    .chevron-chemin p span.par {
        left: 36px;
    }
}



.chevron-chemin.valider p span {
    color: #ffffff00 !important;
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position-x: center;
    background-position-y: center;
}

div.chemin .chevron-chemin:first-child p {
    padding-left: 0px !important;
}

img.img-transmission {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    vertical-align: sub;
}


/* statut table */

td.erreur-bloquant div::before,
td.a-declarer div::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ff4545;
    margin-right: 5px;
}

td.a-declarer div,
td.erreur-bloquant div {
    color: #ff4545;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.non-demarre div::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #333;
    margin-right: 5px;
}

td.non-demarre div {
    color: #333;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.saisie div::before  {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #4588ff;
    margin-right: 5px;
}
td.saisie div {
    color: #4588ff;
    font-family: 'robotoregular';
    letter-spacing: 0.1px;
    font-size: 13px;
}


td.a-transmettre div::before,
td.atteste div::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #53d331;
    margin-right: 7px;
}
td.a-transmettre div,
td.atteste div {
    color: #53d331;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.brouillon div::before  {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #b7b7b7;
    margin-right: 7px;
}
td.brouillon div {
    color: #b7b7b7;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.valide div::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #356AE8;
    margin-right: 7px;
}
td.valide div {
    color: #356AE8;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.erreur-non-bloquant div::before,
td.a-attester div::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ffac36;
    margin-right: 7px;
}

td.erreur-non-bloquant div {
    color: #ffac36;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

td.a-attester div {
    color: #ffac36;
    font-family: 'roboto';
    letter-spacing: 0.1px;
    text-transform: lowercase;
    font-size: 13px;
}

table.table-hover2  tbody tr:hover {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    transition: 1s;
}

table.table-hover2  tbody tr:not(hover) {
    transition: 1s;
}

.bloc-informations-dl {
    border: 0.5px solid #8080803b;
    padding: 15px;
}



img.img-switch {
    width: 22px;
    margin-right: 4px;
    vertical-align: sub;
}

.bloc-filtre {
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.load-bloc {
    position: relative;
}

.chargement.hide {
    display: none;
}

.chargement {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #67b9a9b5;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.chargement i {
    color: white;
    font-size: 45px;
}

.max-length-counter {
    font-size: 11px;
    margin-top: 7px;
    font-style: italic;
    color: darkgrey;
}
/*----------------------------------------------------------- RESPONSIVE MEDIA QUERY ---------------------------------------------------------------------*/


/* ecran 1600 */

@media (max-width: 1600px) {


    #modifier-votre-mdp #lien-mod-mdp {
        padding: 36px;
    }

    #modifier-votre-mdp p {
        padding: 27px;
        padding-top: 16px;
        padding-bottom: 12px;
    }

    #espace-sama-bandeau-footer {
        margin-top: 143px;
    }


	.navbar-inverse .container-menu .navbar-nav > li > a {

	}


	.btn {
    	font-size:11px;
	}

	.bouton-home,
	.bouton-home2 {
		font-size: 0.8em;
	}

	.home-une-actu .titre-actu {
		font-size: 1em;
	}

	.footer-maj p {
		font-size: 12px;
	}

	.copyright p {
		font-size: 11px;
	}

	.contenu-eavis p {
    	font-size: 13px;
	}

	.contenu-eavis  {
		height: 301px;
	}

	.infomations-relative-important p {
    	font-size: 13px;
	}

	.texte-informations .intro {
		margin-bottom: 10px !important;
		margin-top: 8px;
	}

	.bloc-chiffre-texte p {
		font-size: 13px;
	}

	.compte-mobile-money .avantage h4 {
		font-size: 13px;
	}

	.compte-mobile-money .avantage p {
		font-size: 13px;
	}

	.footer a {
    	font-size: 12px;
	}

	.connexion {
    	top: 200px;
	}

	.titre-form-login span {
   		 font-size: 16px;
	}

	.home-div-par-dessus,
	.home-zone-adhesion {
		padding: 14px;
	}

	.nmpd-grid .numero, .nmpd-grid .cancel, .nmpd-grid .clear, .nmpd-grid .del {
		font-size: 16px !important;
	}

	.forgot-login {
		font-size: 10px;
	}

	.home-zone-adhesion .home-titre-adhesion, .home-titre-adhesion-paragraphe {
    	font-size: 16px;
	}

	.carousel-indicators li {
		width: 10px;
		height: 10px;
	}

	.carousel-indicators .active {
		width: 10px;
		height: 10px;
	}

	.carousel-indicators {
    	bottom: 0px !important;
	}

	.danger {
		top: -83px;
	}

	.table > tbody > tr > td {
		font-size: 12px;
	}

}

/* ecran 1440 */
@media (max-width: 1440px) {

    .fake-container-bordure-grise {
        margin-bottom: 63px;
    }
        
}


/* ecran 1366 */
@media (max-width: 1366px) {


    .carousel-indicators {
        z-index: 200;
    }

    .fake-container-bordure-grise {
        margin-bottom: 55px;
    }

    .danger {
        top: 453px;
        right: 380px;
    }

    .navbar-inverse a.navbar-brand {
        display: none;
    }

    .services {
        height: 409px;
    }

    #dt-utilisateurs .btn {
        padding: 0px;
        padding-right: 5px;
    }

	.connexion {
    	top: 115px;
	}

}

/* ecran 1280 */
@media (max-width: 1280px) {

    .home-zone-login span {
        font-size: 1.3em;
    }

    #loginACacher {
        margin-bottom: 0px;
    }

    .trait {
        margin-bottom: 25px;
    }

    .home-zone-adhesion {
        padding-bottom: 25px;
    }

    .danger {
        top: 431px;
    }

    .container-home-admin .danger2 p {
        margin-top: 10px;
    }

	.connexion {
    	top: 115px;
	}

}
@media (min-width: 1024px) {
.titre-ent-tablette {display:none;}

}


@media (max-width: 768px) {
    .box-tablette {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/* tablette ipad horizontale */
@media (max-width: 1024px) {
    .hidden-mobile {
        visibility: hidden;
        display: none;
    }

    .navbar-brand {
        padding: 6px 0;
    }

    .label-form-saisie label {
        margin: 0;
    }

    .home-zone-login {
        margin-top: 0px;
    }

    .home-zone-login span {
        font-size: 20px;
    }

    #email-label,
    #ntd-label {
        display: none;
    }

    .home-div-par-dessus #email-element #email {
        margin-bottom: 10px;
    }

    .text-code {
        margin-bottom: 0px;
    }

    .home-div-par-dessus input[type=text] {
        padding: 5px 5px;
    }

    .nmpd-grid .numero {
        height: 40px !important;
        width: 40px !important;
        font-size: 16px !important;
    }

    #loginACacher {
        margin-top: 0px;
    }

    #paveNumContainer {
        height: 132px;
    }

    .nmpd-grid .delete {
        margin-bottom: 5px !important;
    }

    .forgot-part-2 {
        font-size: 13px;
    }

    .home-zone-adhesion {
        margin-top: 546px;
    }

    .home-titre-adhesion {
        font-size: 14px;
    }

    .home-zone-adhesion a {
        padding: 8px;
        font-size: 0.813em;
    }

    .home-titre-adhesion {
        padding-bottom: 0px;
    }

    .home-zone-adhesion {
        padding-bottom: 12px;
        margin-top: 0px;
    }

    .mot-ministre img {
        width: 100%;
    }

    .mot-ministre {
        padding-bottom: 0px;
    }

     .choice-paiement-type {
         width: 225px;
        margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
        height: 60px;
        width: 225px;
        background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mandat{
        height: 60px;
        width: 225px;
        background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
        height: 60px;
        width: 225px;
        background-size: 100% 100%;
    }

    .home-zone-login span {
        font-size: 16px;
    }

    .home-div-par-dessus {
        padding-bottom: 8px;
    }

    .home-div-par-dessus div {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .home-div-par-dessus .text-code {
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .home-div-par-dessus #nmpd-display-text {
        width: 85%;
    }

    #loginACacher {
        padding: 8px;
        font-size: 0.813em;
    }
 

    .carousel-caption h3 {
        font-size: 2.8em;
    }

    .mot-ministre h2 {
        font-size: 1.5em;
    }

    .mot-ministre p {
        margin-bottom: 0px;
        font-size: 0.813em;
    }

    .a-propos p,
    .site-securise p,
    .home-une-actu .texte-actu {
       font-size: 0.813em;
    }

    .mot-ministre h2 {
        margin-bottom: 10px;
    }

    .trait2 {
        margin-bottom: 10px;
    }

    .home-zonetiers-titre {
        margin-bottom: 15px;
        margin-top: 0px;
        font-size: 1.5em;
    }

    .copyright p {
        font-size: 12px;
    }

    .footersouscontainer {
        padding: 5px 10px;
    }

    .bouton-home,
    .bouton-home2 {
        font-size: 0.813em;
    }

    .adherer-connexion {
        margin-top: -419px;
    }

    .fake-container-bordure-grise {
        margin-bottom: 42px;
    }

    .bouton-home {
        padding: 10px 23px;
    }

    .bouton-home2 {
        padding: 10px 66px;
    }

    .home-actualites {
        min-height: 527px;
    }

    .danger {
        top: 328px;
        right: 317px;
        font-size: 0.9em;
    }

    .btn-encadre {
        padding: 6px 6px;
        margin-right: 1px;
    }

    .declarations-attente p, .declarations-payees p, .declaration-quittance p {
        float: none;
    }

    .declarations-attente a, .declarations-payees a, .declaration-quittance a {
        float: none;
    }

    .btn-user-con .fa-2x {
        font-size: 1.7em;
    }

    #dt-documents .btn {
        padding: 0px 5px;
    }

    .aide-contact-cellule .box-silver-titre {
        font-size: 1.3em;
    }

    .logo-sama {
        width: 100%;
    }

    .bo-header {
        padding-top: 5px;
    }

    #drapeau-home {
        margin-top: 5px;
    }

    .text-code {
        margin-bottom: 10px;
    }

    .formLoginAdmin {
        width: 310px;
    }

    .bloc-login-bo #loginACacher {
        margin-top: 10px;
    }

    .bandeau-admin .fa-2x {
        font-size: 1.5em;
    }

    #modifier-votre-mdp #lien-mod-mdp {
        padding: 15px;
    }

    #modifier-votre-mdp .btn {
        padding: 10px 15px;
    }

    #modifier-votre-mdp h3 {
        padding-top: 13px;
        padding-left: 18px;
        font-size: 1.3em;
    }

    #modifier-votre-mdp p {
        padding: 12px;
        padding-top: 6px;
        font-size: 1.1em;
    }

    .espace-sama-services h3 {
        font-size: 1.3em;
    }

    .espace-sama-services p {
        font-size: 1em;
        padding: 10px;
        padding-top: 0px;
    }

    .services {
        height: 327px;
    }

    .nav>li>a {
       padding: 10px 10px;
    }

    .sec-navigation.nav>li.dropdown ul li {
        padding: 5px 20px;
    }

    .sec-navigation.nav>li.dropdown ul li.decalage-bo-admin {
        padding: 5px 30px;
    }

    .boutons-recherche-contrib-admin .fa {
        font-size: 0.8em;
    }

    .navbar-inverse {
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: inherit;
    }

    .menu2 .logBox {
        margin-top: 0px;
    }

    #dt-liste-declarations_wrapper {
        margin-top: 10px;
    }

    #dt-utilisateurs .fa {
        font-size: 1.4em;
        padding: 0px;
    }

    #dt-utilisateurs .btn {
        padding: 0px;
        padding-right: 5px;
    }


    #dt-liste-pieces-jointes-demandes .fa {
        font-size: 1.8em;
        margin: 0px !important;
    }

    #dt-historique-paiements_wrapper .rechercher {
        padding-left: 15px;
    }

    .bloc-contact figure img {
        width: 45px;
    }

    .bloc-contact h3 {
        font-size: 15px;
    }

    .bloc-contact p,
    .bloc-contact li a,
    .footer-maj p {
        font-size: 13px;
    }

    .bloc-contact figure {
        margin-right: 12px;
    }

    .description p {
        font-size: 13px;
        line-height: 26px;
    }

    .formulaire-contact input {
        padding: 10px;
        font-size: 12px;
    }

    .flex-lien a,
    .footer a {
        font-size: 11px;
    }

    .title-section {
        font-size: 20px;
    }

    .titre-block-footer {
        font-size: 15px;
    }

    .copyright .copy-img img {
        width: 50px;
    }

    .block-footer {
        min-height: inherit;
    }
    
    .connexion {
        width: 100%;
        position: inherit;
    }
    
    .titre-lien-module {
        font-size: 17px;
    }
    
    .bloc-lien-module img {
        width: 25px;
    }
    
    .fond-tab-resp {
        background-image: url(../img/home/photo-1.jpg);
        background-size: cover;
        padding: 30px 0px;
    }
    
    #login-expert-comptable  .fond-tab-resp {
        background-image: none;
        background-size: cover;
        padding: inherit !important;
    }
    
    #login-cga  .fond-tab-resp {
        background-image: none;
        background-size: cover;
        padding: inherit !important;
    }
    
    .fond-tablette {
        display: none;
    }

    .service-e-impot p {
            font-size: 13px;
    }

	.image-assistance  {
		width: 100% !important;
	}

	.texte-informations .intro {
		margin-bottom: 5px !important;
		margin-top: 0px !important;
	}

	.pdf-assistance-aide {
		padding: 7px;
		margin-bottom: 10px;
	}

	.contenu-consultation {
		width: 920px;
	}

	.contenu-eavis {
		overflow: auto;
	}

	.infomations-relative-important .texte-informations {
    	margin-top: 30px;
	}

	.bloc-chiffre-texte h3 {
		font-size: 17px;
	}

	.service-consultation,
	.consultation-avis {
    	width: 50%;
	}

	.consultation-avis {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.high-part2 .consultation-avis {
		justify-content: flex-start;
	}

	.high-part2 .home-div-transparent {
    	width: 355px;
	}

	.contenu-info-quittance	.contenu-eavis {
    	height: 385px;
	}

	.high-part3 .contenu-consultation .consultation-avis {
		justify-content: flex-start;
	}

    .chevron-chemin::after,
    .chevron-chemin::before {
        display: none;
    }

    .chevron-chemin p {
        padding-left: 10px;
    }

    .chevron-chemin {
        padding: 11.5px;
    }

}

/* tablette ipad verticale */
@media (max-width: 768px) {

    div.chemin {
        flex-direction: column;
    }

    .edition-etat {
        flex-direction: column;
        align-items: flex-start;

    }

    #btn-controle-liasse  {
        margin-top: 20px;
    }

    .chevron-chemin p {
        padding-left: 0px !important;
    }

    .chevron-chemin {
        width: 100%;
    }

    input#ajoutExpertComptable,
    #selectionLiasse {
        margin-top: 10px;
    }

    #dt-synthese-declaration_wrapper,
    #dt-comptable-liasse_wrapper,
    #dt-historique-liasse_wrapper,
    #dt-declaration-pieces-jointes_wrapper,
    #dt-declaration-liste_wrapper,
    #dt-declaration-comptables_wrapper {
        overflow: auto;
    }

    #dt-synthese-declaration_wrapper #dt-synthese-declaration,
    #dt-comptable-liasse_wrapper #dt-comptable-liasse,
    #dt-historique-liasse_wrapper #dt-historique-liasse,
    #dt-declaration-pieces-jointes_wrapper #dt-declaration-pieces-jointes,
    #dt-declaration-liste_wrapper #dt-declaration-liste,
    #dt-declaration-comptables_wrapper #dt-declaration-comptables {
        width: 1200px !important;
    }

    .marge-bas-tab-20 {
        margin-bottom: 20px;
    }

    .hidden-mobile {
        visibility: hidden;
        display: none;
    }

    .navbar-brand {
        padding: 6px 0;
    }

    .sideFooterIn {
        width: 100%;
        margin: 10px auto;
    }

    .footercontainer {
        padding: 10px 10px;
    }

    .carousel-caption-hidden {
        visibility: hidden;
    }



    .label-form-saisie label {
        margin: 0;
    }

    .presentation-part-1 {
        margin-bottom: 10px;
    }

    .presentation-part-2 {
         margin-bottom: 10px;
    }

     .choice-paiement-type {
     width: 200px;
    margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
    height: 55px;
    width: 200px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 55px;
    width: 200px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 55px;
    width: 200px;
    background-size: 100% 100%;
    }
      /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
        margin-top: 10px
    }

    .zone-btn-step .btn-pdf{
        width: 100%;
        margin-top: 10px
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
        margin-top: 10px;
    }

    .fond-tablette {
        background-image: url(../img/home/photo-1.jpg);
        padding-bottom: 110px;
	background-size: cover;
    }

    .home-zone-adhesion {
        margin-top: 0px;
    }

    .home-zone-login {
        margin-top: 0px;
    }

    .home-div-transparent {

    }

    .mot-ministre h2 {
        margin-bottom: 8px;
    }

    .mot-ministre-texte {
        padding-bottom: 18px;
    }

    .mot-ministre p {
        line-height: 23px;
    }

    .home-zone-pave {
        font-size: 15px;
    }

    .mot-ministre {
        margin-bottom: 35px;
    }

    .footercontainer {
        margin-top: 0px;
    }

    .mot-ministre-img img {
        width: 50%;
    }

    .mot-ministre-img figure,
    .img-site-securise {
        text-align: center;
    }

    .a-propos p, .site-securise p, .home-une-actu .texte-actu, .mot-ministre p {
        font-size: 1em;
    }

    .mot-ministre .m-ministre {
        margin-top: 20px;
    }

    .danger {
        top: 81px;
        right: 315px;
        font-size: 0.9em;
    }

    .img-site-securise img {
        width: 380px;
    }

    .a-propos {
        margin-top: 45px;
    }

    .home-actualites {
        min-height: 490px;
        margin-bottom: 15px;
    }

    .block-footer {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .fausse-table input {
        width: 96%;
    }

    .declarations-attente p, .declarations-payees p, .declaration-quittance p {
        float: left;
    }

    .declarations-attente a, .declarations-payees a, .declaration-quittance a {
        float: right;
    }

    .btn-bandeau-gris {
        text-align: left;
        margin-top: 10px;
    }

    .btn-encadre {
        margin-right: 22px;
    }

    .titre-espace-entreprise {
        font-size: 1.8em;
    }

    .derniere-connexion {
        margin-top: 15px;
        text-align: left;
    }

    #formEtapeSaisieDeclaration .form-group {
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .etape-suivante img {
        transform: rotate(90deg);
        margin-bottom: 10px;
    }

    .etape-payer {
        text-align: center;
        margin-top: 20px;
    }

    .etape-payer .etape-btn {
        padding: 16px 50px;
    }

    .texte-etape {
        text-align: center;
    }

    .btn-user-con .fa-2x {
        font-size: 1em;
    }

    #dt-documents .btn {
        padding: 0px;
    }

    .aide-guide-utilisateur .btn {
        margin-top: 0px;
    }

    .bandeau-cellule {
        text-align: center;
    }

    .texte-bo-header2 {
        font-size: 0.85em;
    }

    .logo-sama {
        margin-top: 10px;
    }

    #drapeau-home {
        margin-top: 10px;
        height: 30px;
    }

    .bo-header {
        padding-top: 5px;
    }

    .menu2 .logBox {
        margin-top: 2px;
    }

    .btn-orange-fonce {
        padding: 6px 16px;
    }

    .navbar-inverse {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .texte-accueil {
        font-size: 1em;
    }

    .bandeau-admin .fa-2x {
        font-size: 1.2em;
    }

    ul.sec-navigation.nav li a {
        font-size: 0.9em;
    }

    .espace-sama-services .services {
        margin-bottom: 20px;
    }

    #modifier-votre-mdp p {
        padding: 25px;
        padding-top: 10px;
    }

    #modifier-votre-mdp h3 {
        padding-left: 25px;
    }

    #modifier-votre-mdp #lien-mod-mdp {
        padding: 30px;
    }

    .boutons-recherche-contrib-admin .fa {
        font-size: 0.8em;
    }

    #dt-utilisateurs-recherche td,
    #dt-demande-adhesion-site td {
        font-size: 0.9em;
    }

    #dt-liste-avis-imposition_wrapper,
    #dt-liste-recettes_wrapper,
    #dt-historique-paiements_wrapper,
    #dt-liste-recouvrements_wrapper,
    #dt-historique-recouvrements_wrapper,
    #dt-utilisateurs_wrapper,
    #dt-liste-pieces-jointes-demandes_wrapper,
    #dt-liste-recettes-inverse_wrapper
    {
        overflow: auto;
    }

    #dt-liste-avis-imposition_wrapper #dt-liste-avis-imposition,
    #dt-liste-recettes_wrapper #dt-liste-recettes,
    #dt-historique-paiements_wrapper #dt-historique-paiements,
    #dt-liste-recouvrements_wrapper #dt-liste-recouvrements,
    #dt-historique-recouvrements_wrapper #dt-historique-recouvrements,
    #dt-utilisateurs_wrapper #dt-utilisateurs,
    #dt-liste-pieces-jointes-demandes_wrapper #dt-liste-pieces-jointes-demandes,
    #dt-liste-recettes-inverse_wrapper #dt-liste-recettes-inverse {
        width: 1500px;
    }

    .sec-navigation.nav > li.active:before {
        content: "";
    }

    .layout-admin .required {
        font-size: 0.8em;
    }

    .layout-admin .optional {
        font-size: 0.9em;
    }

    #dt-utilisateurs .btn {
        padding: 0px;
        padding-right: 20px;
    }

    #dt-liste-actualite .fa {
        font-size: 1.5em;
    }

    #dt-liste-document-modele .fa {
        font-size: 1.4em;
    }

    #dt-liste-document-modele .fa-pencil-square-o {
        margin-left: 10px;
        margin-right: 10px;
    }

    #dt-liste-document-modele .fa {
        font-size: 1.4em;
    }

    #dt-liste-document-modele .glyphicon-download-alt {
        font-size: 1.4em;
    }

    #dt-liste-document-modele a {
        margin: 0px !important;
    }

    .title-section {
        line-height: 1.3em;
    }

    #dt-etat-repartition-recettes_wrapper .rechercher {
        padding-left: 20px;
    }

    .footer hr {
        display: none;
    }

    .aide-contact .col-xs-12 {
        width: 100% !important;
    }

    .footer .footercontainer .sideFooter {
        border-right: 0px solid rgba(62, 62, 62, 0.72);
        box-shadow: none;
        border-bottom: 0px solid rgba(62, 62, 62, 0.72);
    }

    .footer .footercontainer .sideFooter:last-child {
        border-right: 0px solid rgba(209, 109, 42, 0.72);
        box-shadow: none;
        border-bottom: 0px;
    }

    .flex-lien {
        flex-direction: column;
        align-items: baseline;
    }

    .flex-lien a {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .footercontainer2 i {
        display: none;
    }

    .footercontainer {
        padding: 20px 10px;
    }

    .bloc-contact2 {
        height: inherit;
    }

    .image-full-width {
         width: 160px !important;
    }

    .aide-contact-cellule {
        height: inherit;
    }

    .img-aide-et-assistance img {
        margin: auto;
        margin-bottom: 12px;
    }

    .bandeau-cellule span {
        font-size: 1em;
    }

	.connexion {
		top: 130px;
	}

	.service-e-impot p {
		font-size: 13px;
		text-align: center;
	}

	.aide-et-assistance {
		margin-bottom: 20px;
	}

	.contenu-consultation {
		width: 720px;
	}

	.background-gris {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.contenu-eavis {
		height: auto;
		margin-bottom: 20px;
	}

	.background-gris .contenu-eavis {
		margin-bottom: Opx !important;
	}

	.img-fax figure {
		margin-bottom: 15px;
	}

	.comment-ca-marche .bloc-chiffre-texte:nth-child(1) h3::before {
		content: '1.';
	}

	.comment-ca-marche .bloc-chiffre-texte:nth-child(2) h3::before {
		content: '2.';
	}

	.comment-ca-marche .bloc-chiffre-texte:nth-child(3) h3::before {
		content: '3.';
	}

	ul.onglets-tabs {
		width: 100%;
	}

	.g-recaptcha {
		transform: scale(0.9) !important;
	}

	#description_teledeclarant .contenu {
		width: 85%;
	}

	#description_teledeclarant {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.virement-bancaire input {
    	width: 100%;
	}



	.montant-consultation {
		flex-direction: column;
	}

	.montant-consultation .montant {
		margin-bottom: 20px;
		    text-align: center;
	}

}

/* Iphone 6 plus */
@media (max-width: 414px) {
    
    .bloc-lien-module {
        width: 100%;
        margin-top: 20px;
    }
    
    .fond-tab-resp {
        background-image: url(../img/home/photo-3.jpg);
        padding: 5px 0px;
        padding-bottom: 20px;
        background-position: center;
    }
    
    .bloc-lien-module .bloc-module {
        margin-bottom: 10px;
        background: inherit;
        padding: 15px;
        border-radius: 5px;
    }

     .choice-paiement-type {
     width: 244px;
    margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo {
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
      /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }

    .fond-tablette {
        padding-bottom: 770px;
        background: grey;
    }

    .home-zone-adhesion {
        width: 305px;
        margin: auto;
    }

    .home-zone-login {
        margin-top: 18px;
    }

    .adherer-connexion {
        margin-top: -575px;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        margin-top: 28px;
        padding-top: 8px;
    }

    .fond-tablette {
        background-image: url(../img/home/photo-1.jpg);
	background-size: cover;
    }

    .home-div-transparent {
        background-color: rgba(254,254,254,0.8);
        width: 100%;
        margin: auto;
        float: none;
    }

    .fake-container-bordure-grise {
        margin-bottom: -46px;
    }

    .danger {
        top: 9px;
        right: 1px;
        width: 100%;
    }

    .mot-ministre-img img {
        width: 100%;
    }

    .mot-ministre-img {
        margin-bottom: 15px;
    }

    .site-securise {
        padding-right: 0px;
    }

    .img-site-securise img {
        width: 100% ;
    }

    .a-propos {
        padding-right: 0px;
    }

    .mot-ministre {
        margin-bottom: 15px;
    }

    .logo-footer {
        text-align: center;
    }

    .footersouscontainer {
        padding: 17px 10px;
    }

    .danger {
        margin: auto;
        margin-bottom: 10px;
    }

    .a-propos {
        margin-bottom: 40px;
    }

    .home-actualites {
        margin-bottom: 20px;
    }

    .copyright {
        flex-direction: column;
        text-align: center;
    }

    .footersouscontainer {
        padding: 0px 0px;
    }

    .lang-btn
    {
        margin-top: 0px;
    }

    .bloc-btn-adhesion {

    }

    .flash-danger {
        margin-top: 10px;
    }

    #formAdhesionEntrepriseEtape1 .form-element-input {
    margin-bottom: 20px;
    }

    .zone-adhesion-condition {
        padding-bottom: 10px;
    }

    .zone-acceptation-condition {
        padding: 0px;
    }

    #acceptationCondition {
    float: right;
    right: 45px;
    top: 35px;
    position: absolute;
    }
    
    #confirmeInfosPerso {
    float: right;
    right: 45px;
    top: 35px;
    position: absolute;
    }

    div.zone-btn-step {
       padding: 0px;
    }

    .sanspaddingmobile2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar {
        min-height: inherit;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color:none;
    }

    .btn-encadre {
        margin-right: 5px;
    }

    .btn-encadre:last-child {
        margin-top: 5px;
    }

    .espace-entreprise .corps {
        font-size: 1.03em;
    }

    .declarations-attente p, .declarations-payees p, .declaration-quittance p,
    .declarations-attente a, .declarations-payees a, .declaration-quittance a {
        float: none;
    }

    .declaration-quittance {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .div-impot-a-declarer .dataTable {
        overflow: auto;
    }

    .liste-declaration-effectue {
        overflow: auto;
    }

    .textBoxCollapse {
        font-size: 1em;
    }

    .presentation-de-declaration .dataTable{
        width: 500px;
    }

    .presentation-de-declaration {
        overflow: auto;
    }

    .declaration-periode {
        text-align: left;
    }

    .label-section-entete {
        margin-top: 8px;
    }

    .label-form-saisie {
        margin-top: 8px;
    }

    .label_taux {
        text-align: right;
    }

    #formEtapeSaisieDeclaration .form-group.entete-group {
        margin-top: 10px;
    }

    .label-form-saisie {
        padding-bottom: 10px;
    }

    .modal-confirmer-previsualisation .text1 {
        font-size: 0.99em;
    }

    .modal-confirmer-previsualisation .text1 i, .modal-annuler-paiement i {
        width: 20px;
        height: 20px;
        line-height: 23px;
    }

    .modal-confirmer-previsualisation-buttons .fermer-btn {
        margin-bottom: 10px;
    }

    #dt-historique-declarations_wrapper {
        overflow: auto;
    }

    #dt-historique-declarations_wrapper .dataTable {
        width: 1080px;
    }

    #dt-paiements-effectuer_wrapper {
        overflow: auto;
    }

    #dt-paiements-effectuer_wrapper .dataTable {
        width: 700px;
    }

    .texte-etape {
        font-size:12px;
    }

    .dt-groupes-paiements-details th {
        width: 300px;
    }

    #dt-groupes-paiements_wrapper {
        overflow: auto;
    }

    #dt-groupes-paiements_wrapper .dataTable {
        width: 800px;
    }

    .modal-annulation-paiement-buttons .fermer-btn {
        margin-bottom: 10px;
    }

    .boxOrange {
        height: inherit !important;
    }

    .paiement-step2-button-annuler a,
    .paiement-ruo-button-valider input,
    .paiement-step2-button-annuler input {
        width: 100%;
    }

    .select-mandat #idEntRib, .select-mandat #datePrelevement {
        width: 100%;
    }

    .paiement-ruo-confirme-body,
    .paiement-ruo-confirme-doc {
        width: inherit;
    }

    #dt-historique-paiements_wrapper,
    #dt-documents_wrapper,
    #dt-utilisateurs_wrapper {
        overflow: auto;
    }

    #dt-historique-paiements_wrapper .dataTable,
    #dt-documents_wrapper .dataTable,
    #dt-utilisateurs_wrapper .dataTable {
        width: 1000px;
    }

    .btn-user-con .fa-2x {
        font-size: 1.5em;
    }

    .mdf-mdp a,
    .retour input,
    .enregistrer input {
        width: 100%;
    }

    .enregistrer input {
        margin-top:10px;
    }

    .liste-compte-bancaire-table {
        overflow: auto;
    }

    .liste-compte-bancaire-table #dt-documents{
        width: 1000px;
    }

    .btn-enregistrer input {
        width: 100%;
    }

    #dt-documents .btn {
        padding: 0px 5px;
    }

    .img-aide-et-assistance img {
        display: inherit;
    }

    .img-aide-et-assistance {
        text-align: center;
    }

    .aide-pdf-utilisateur {
        padding: 0px;
        margin-top: 20px;
    }

    .img-aide-et-contacts2 {
        float: none;
    }

    .navbar-inverse .container-menu .navbar-nav > li > a {
        font-size: 1.1em;
    }

    .footercontainer {
        padding: 20px 0px;
    }

    .copyright p {
        font-size: 10px;
    }

	.background-gris-fonce {
		padding-top: 20px;
		margin-bottom: 20px;
	}

	.service-e-impot {
		margin-bottom: 30px;
		border-bottom: 1px solid rgba(128, 128, 128, 0.13);
		padding-bottom: 30px;
	}

	.portable-last-service {
		margin-bottom: 10px  !important;
		border-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.mot-du-ministre {
		display: flex;
		flex-direction: column;
	}

	.mot-du-ministre img {
		margin-bottom: 20px;
	}

	.actualite .article-blog {
		margin-bottom: 20px;
	}

	.background-gris {
    	padding: 30px 0px 30px 0px;
	}

	.aide-assistance-titre {
		font-size: 24px;
	}

	.contenu-consultation {
		display: flex;
		flex-direction: column;
		justify-content: center;
    	align-items: center;
	}

	.high-part {
		height: inherit
	}

	.contenu-consultation {
    	width: 400px;
	}

	.service-consultation, .consultation-avis {
    	width: 100%;
	}

	.high-part {
		height: inherit;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.contenu-consultation .home-div-transparent {
		width: 100%;
	}

	.contenu-info-quittance	.contenu-eavis {
    	height: auto;
	}

	.high-part3,
	.high-part2 {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#description_teledeclarant {
		justify-content: center;
	}

	#description_teledeclarant .contenu {
		width: 100%;
		margin-top: 20px;
	}

	.navigation-support-dgi {
		flex-direction: column;
		align-items: flex-start;
	}

	.nouveau-refresh {
		width: inherit;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		padding-left: 5px;
		margin-top: 10px;
	}

	ul.onglets-tabs li a {
		font-size: 11px;
	}

	ul.onglets-tabs li i {
		font-size: 10px;
	}

	.tresorerie-disponibilites-onglets .tab-link {
		margin-left: 2%;
		padding-bottom: 6px;
	}

	.nouveau-refresh a i {
		margin-right: 5px;
	}

	.onglets-container  .tab-content {
		overflow-y: auto;
	}

	#dt-liste-messages-envoyes,
	#dt-liste-messages,
	#dt-liste-messages-archives {
		    width: 850px;
	}

	.detail-demande-info {
		flex-direction: column;
	}

	.detail-demande-info p {
		margin-bottom: 3px;
	}

	.detail-demande-info p:last-child {
		margin-bottom: 0px;
	}

	.virement-bancaire {
		height: inherit;
		margin-bottom: 30px;
	}

	.injection-pj .textBoxGreen {
		margin-top: 20px;
	}

	.pavet-fichier-information-importer .fichier-importer form {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: flex-start;
		padding-top: 0px !important;
	}

	.pavet-fichier-information-importer .fichier-importer form input {
		margin-top: 10px;
	}

}

/* Iphone 6 plus horizontale */

@media (max-width: 736px) and (orientation: landscape) {


     .choice-paiement-type {
     width: 244px;
    margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

     /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
    width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
    width: 100%;
    }

    .home-zone-adhesion {
       width: 305px;
        margin: auto;
        margin-top: 20px;
    }

    .home-zone-login {
        margin-top: 20px;
    }

    .fond-tablette {
        background-image: url(../img/home/photo-1-phone-p.jpg);
        padding-bottom: 290px;
    }


    .mot-ministre-img figure {
        text-align: center;
        margin-bottom: 30px;
    }

    .mot-ministre-img figure img {
        width: 490px;
    }

    .footercontainer .picto {
        text-align: right;
    }

    .footersouscontainer .dgi {
        text-align: right;
    }

    .footersouscontainer .logo-footer {
        text-align: center;
    }

    .site-securise {
        margin-top: 20px;
    }

    .home-div-transparent {
        margin: auto;
        float: none;
    }

    .lang-btn {
        margin-top: 0px;
    }

    .danger {
        top: 10px;
        right: 0px;
    }

    .adherer-connexion {
        margin-top: -594px;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        padding-top: 0px;
    }

    .flash-danger {
        margin-top: 10px;
    }

    #formAdhesionEntrepriseEtape1 .form-element-input {
        margin-bottom: 20px;
    }

    .sanspaddingmobile2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .zone-btn-step {
        padding-left: 0px;
        padding-right: 0px;
    }

    .logBox {
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .navbar {
        min-height: 0px;
    }

    .label-form-saisie {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .label_taux {
        text-align: right;
    }

    #formEtapeSaisieDeclaration .form-group.entete-group {
        margin-top: 10px;
    }

    .modal-confirmer-previsualisation-buttons .fermer-btn {
        margin-bottom: 10px;
    }

    .modal-annulation-paiement-buttons .fermer-btn {
        margin-bottom: 10px;
    }

    .paiement-step2-button-annuler a,
    .paiement-ruo-button-valider input,
    .paiement-step2-button-annuler input {
        width: 100%;
    }

    .boxOrange {
        height: inherit !important;
    }

    #dt-utilisateurs_wrapper {
        overflow: auto;
    }

    #dt-utilisateurs_wrapper .dataTable {
        width: 1000px;
    }

    .btn-user-con .fa-2x {
        font-size: 1.5em;
    }

    .mdf-mdp a,
    .retour input,
    .enregistrer input {
        width: 100%;
    }

    .enregistrer input {
        margin-top:10px;
    }

    .btn-enregistrer input {
        width: 100%;
    }

    .img-aide-et-assistance img {
        display: inherit;
    }

    .img-aide-et-assistance {
        text-align: center;
    }

    .aide-pdf-utilisateur {
        padding: 0px;
        margin-top: 20px;
    }

    .img-aide-et-contacts2 {
        float: none;
    }

}

/* Iphone 6  */
@media (max-width: 375px) {
    .choice-paiement-type {
        width: 244px;
        margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
      /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 8px;
    }

    .adherer-connexion {
        margin-top: -559px;
    }

    .home-zone-login {
        margin-top: 0px;
    }

    #acceptationCondition {
        float: right;
        right: 160px;
        top: 58px;
        position: absolute;
    }
    
    #confirmeInfosPerso {
        float: right;
        right: 160px;
        top: 58px;
        position: absolute;
    }

    .btn-encadre {
        margin-right: 18px;
        margin-bottom: 8px;
    }

    .btn-encadre:last-child {
        margin-top: 0px;
    }

    #dt-declaration-deja-payer_wrapper,
    #dt-declaration-a-payer_wrapper,
    #dt-quittances_wrapper
    {
        overflow: auto;
    }

    .paiements-box #dt-declaration-deja-payer,
    #dt-declaration-a-payer {
        width: 400px;
    }

    #dt-quittances {
        width: 500px;
    }

    .copyright p {
        margin-top: 0px;
    }

    .modal-confirmer-previsualisation .text1 {
        text-align: center;
    }

    .texte-etape,
    .etape-numero {
        height: 80px;
    }

    #dt-liste-paiements_wrapper {
        overflow: auto;
    }

    #dt-liste-paiements_wrapper .dataTable {
        width: 500px;
    }

    .montant-total-paiements h4 {
        font-size: 1.3em;
    }

    #dt-liste-paiements_wrapper .dataTable {
        overflow: auto;
    }

    #actions .demander-mandat {
        font-size: 1em;
        padding: 6px 6px;
    }

    .bloc-contact figure {
        padding: 10px;
    }

    .bloc-contact h3 {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .bloc-contact .marge-haut {
        padding-top: 10px
    }

    .copyright p {
        font-size: 9px;
    }

	.connexion {
		top: 121px;
	}

	.home-zone-adhesion {
		width: 305px;
		margin: auto;
		margin-bottom: 20px;
		margin-top: 11px;
	}

	.home-zone-adhesion {
		width: 305px;
		margin: auto;
		margin-bottom: 20px;
	}

	.navbar-header {
		padding: 0px !important;
	}

	.mot-du-ministre p {
		text-align: justify;
	}

	.texte-informations .intro {
    	margin-bottom: 12px !important;
	}

	.pdf-assistance-aide2 img {
		width: 25px !important;
		padding: 2px !important;
	}

	.pdf-assistance-aide2 figure {
		margin-right: 2%;
		padding: 2px;
	}

	.pdf-assistance-aide2 a {
		text-align: initial;
	}

	.bloc-chiffre img, .bloc-chiffre2 img, .bloc-chiffre3 img {
    	width: 75px;
	}

	.comment-ca-marche .chiffre {
		width: 75px;
		height: 75px;
	}

	.comment-ca-marche .chiffre .cercle-chiffre {
		width: 50px;
		height: 50px;
	}

	ul.onglets-tabs li i {
		display: none;
	}

	.btn-encadre {
    	margin-right: 1px;
	}

/* Iphone 6 horizontale */
@media (max-width: 667px) and (orientation: landscape) {


     .choice-paiement-type {
     width: 244px;
    margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
      /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }

    .home-zone-adhesion {
        width: 305px;
        margin: auto;
        margin-top: 0px;
    }

    .fond-tablette {
        background-image: url(../img/home/photo-1-phone-p.jpg);
        padding-bottom: 290px;
    }

    .adherer-connexion {
        margin-top: -566px;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        padding-top: 3px;
    }

    .zone-adhesion-condition {
        padding-bottom: 20px;
    }

    .liste-compte-bancaire-table .fa-2x {
        font-size: 1.7em;
    }

    .footercontainer {
        padding: 20px 0px;
    }

    .copyright {
        flex-direction: column;
    }
}

/* Iphone 5  */
@media (max-width: 320px) {

    .label-form-saisie label {
    margin: 0;
    }


     .choice-paiement-type {
    width: 225px;
    margin: 10px auto;

    }

    .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }


    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

   /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }

    .home-zone-adhesion {
        width: 100% !important;
        margin: auto;
    }

    .home-div-transparent {
        width: 100%;
    }

    .home-div-par-dessus #nmpd-display-text {
        width: 82%;
    }

    .fond-tablette {
        padding-bottom: 460px;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        margin-top: 116px;
    }

    .fond-tablette {
        background-image: url(../img/home/photo-1-phone2.jpg);
    }


    .home-div-par-dessus div {
        line-height: 18px;
    }

    .home-div-par-dessus .text-code {
        margin-top: 8px;
    }

    .home-div-par-dessus {
        padding: 15px;
    }

    .picto img {
        width: 30px;
    }

    .home-zone-login {
        margin-top: 8px;
    }

    .fond-tablette {
        padding-bottom: 900px;
    }

    .bloc-adhesion, .bloc-adhesion-mobile {
        margin-top: 0px;
    }

    .fake-container-bordure-grise {
    margin-bottom: -21px;
    }

    .adherer-connexion {
        margin-top: -589px;
    }

    .sanspaddingmobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ensembleInputFile {
        overflow-x: scroll;
        border: 1px solid #aaa;
        padding: 0px;
        margin-bottom: 20px;
    }

    #acceptationCondition {
        float: right;
        right: 73px;
        top: 58px;
        position: absolute;
    }
    
    #confirmeInfosPerso {
        float: right;
        right: 73px;
        top: 58px;
        position: absolute;
    }

    .presentation-de-declaration .dataTable {
        width: 600px;
    }

    .modal-title {
        font-size: 1.1em;
    }

    .pagination>li>a, .pagination>li>span {
        padding: 6px 5px;
    }

    .modal-annuler-paiement .titre {
        font-size: 1.08em;
    }

    #dt-documents .btn {
        padding: 0px 7px !important;
    }

    #actions .demander-mandat {
        font-size: 0.9em;
        padding: 6px 4px;
    }

    .bloc-contact figure img {
        width: 35px;
    }

    .bloc-contact figure {
        margin-right: 10px;
    }

    .bloc-contact p, .bloc-contact li a, .footer-maj p {
        font-size: 11px;
    }

    .formulaire-contact textarea {
        padding: 10px;
    }

    .bloc-contact h3 {
        font-size: 14px;
    }

	.connexion {
		width: 288px !important;
    	top: 135px;
	}

	.contenu-consultation {
    	width: 300px;
	}

	.g-recaptcha {
		transform: scale(0.8) !important;
    	transform-origin: 0 0;
	}

	.bloc-btn-adhesion {
    	margin-top: 0px;
	}

	.tresorerie-disponibilites-onglets .tab-link {
		text-align: center;
	}

	.bloc-mobile-confirmation-contenu {
		padding: 11px;
	}

	.bloc-mobile-confirmation-contenu .btn-telecharger {
		font-size: 10px;
	}

}

/* Iphone 5 horizontale */
@media (max-width: 568px) and (orientation: landscape) {

    .label-form-saisie label {
    margin: 0;
    }

    /*============ BTN paiments================ */
    .choice-paiement-type {
     width: 244px;
    margin: 10px auto;
    }

   .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%;
    }

    /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }

    .fond-tablette {
        padding-bottom: 340px;
    }

    .copyright {
        flex-direction: column;
    }

    .liste-compte-bancaire-table {
        overflow: auto;
    }

    .liste-compte-bancaire-table #dt-documents{
        width: 1000px;
    }

    #dt-documents .btn {padding: 0px 10px;}
}
/* PLACEZ LE CSS AU DESSUS DES MEDIA QUERY SVP */