@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 : Arial;
    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;

}


/*@font-face {
    font-family: 'daxbold';
    src: url('//s3.goingslowly.com/font/dax-bold-webfont.eot?');
    src: url('../fonts/dax/DaxBold.ttf')    format('truetype'),
         url('../fonts/dax/Dax-Bold.woff2') format('woff2'),
         url('../fonts/dax/Dax-Bold.svg')   format('svg'),
         url('../fonts/dax/Dax-Bold.otf')   format('otf'),
         url('../fonts/dax/Dax-Bold.woff')  format('woff');
    font-weight: normal;

}


@font-face {
    font-family: 'daxregular';
    src: url('//s3.goingslowly.com/font/dax-regular-webfont.eot?');
    src: url('../fonts/dax/DaxRegular.ttf')    format('truetype'),
         url('../fonts/dax/Dax-Regular.woff2') format('woff2'),
         url('../fonts/dax/Dax-Regular.svg')   format('svg'),
         url('../fonts/dax/Dax-Regular.otf')   format('otf'),
         url('../fonts/dax/Dax-regular.woff')  format('woff');
    font-weight: 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;
}

.alert-error {
	background: #d9534f;
        color: white;
}

.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: 'Arial';
    font-size: 17px;

}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
    font-family : Arial;
    font-size: 15px;
}

th {
    font-weight: normal !important;
}

 /*special pour edge et ie8*/

.inputFile {
    max-width:400px;
}

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;
}

.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;
}

#clearForm {
	background-color: #f39d2c;
    color: #fff;
    border-radius: 3px;
    font-family: 'robotolight';
    border-bottom: 2px solid #b94a00;
}

.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;
    font-family: 'Arial';
}

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

.margeBox {
   margin-top: 20px;
}

.navbar-toggle {
    border: 2px solid #e2e2e2;
    z-index: 100;
}

.navbar-toggle {
    margin-right: 0px;
    border-radius: 1px;
}

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

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

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

/* 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);
}

.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: 'robotolight';
}

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

.textBoxGreen2 .fa-chevron-down {
	background: white;
    border-radius: 50%;
    padding: 5px;
    font-size: 9px;
    color: #ff9854;
    -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);
}

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

.textBoxgreen2-contenu .intro h5 {
	color: #ff9854;
    font-family : Arial;
    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 : Arial;
    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: #F66300;
    border-color: #f4853b;
    color: #fff;

}
.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: #f66300;

}
    .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 : Arial;
    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;
}

.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';
}

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

}

.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;
}

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

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

.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 : Arial;
    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;
}

.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 : Arial;
}

.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 : Arial;
    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: 0px !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: 15px;
	text-align: left
}

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

.mot-du-ministre img {
	width: 280px;
    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: 10px 10px 5px 10px;
}

.actualite .titre-blog h4 {
    font-family : Arial;
    font-size: 13px;
	margin-top: 0px;
}

.actualite .titre-blog p {
    margin-bottom: 0px;
	font-family: 'robotolight';
	font-size: 15px;
	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: 15px;
}

.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;
}
.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 : Arial;
    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 : Arial;
    color:#F2784B;
    font-size: 1.148em;
}
.soustitreBoxChiffre {
    color: #0cecb9;
    font-size: 20px;
}
.soustitreBoxBlack {
    font-family : Arial;
    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-button2 {
    text-align: right;
}

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

.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;}

.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:#fff;
    background-color: #313131;
}

.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: 1.5em;
    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: 1.5em;
    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-----*/

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

.cercle {
    display: block;
    border-radius:20px;
    line-height:35px;
    width:35px;
    margin:5px 10px 5px 10px;
    background-color: #fff;
    text-align: center;
}

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

.texte-cote-cercle {
    padding-top:12px;
    text-align: left;
    color:#FFF;
    font-size: 1.2em;
}

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

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




/*-----lang btn------*/

.lang-btn{
    padding: 15px 0;
    font-size: 15px;
    margin-top: 20px;
}

.lang-btn a {
    color: #979897;
    margin-left: 2px;
	font-family: 'robotolight';
}

.lang-btn a.selected-locale {
    color: #009177;
    font-family: 'robotobold';
    margin-right: 3px;
}

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


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

.logBox{
   margin-top: 19px;
   float: right
}


/*-----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 : Arial;
    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:#FF9800;
    color: #FFF;
    font-family: 'robotolight';
    font-size: 0.94em;
}

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


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

.navbar {
    border:none;

}

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

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

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

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

.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 .container-menu-connected .navbar-nav  > li > a {
    color:#fff;
     font-size: 14px;
}

.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: #ed9c28;
    color: white;
}

.navbar-inverse .container-menu-connected  .navbar-nav > .active > a,
.navbar-inverse .container-menu-connected  .navbar-nav > .active > a:hover,
.navbar-inverse .container-menu-connected  .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: #28c469;;
    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: #ed9c28;
    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 }


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


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


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

.danger {
    color: #F55731;
    width: 100%;
    box-sizing: border-box;
    font-family: 'robotoregular';
    position: absolute;
    top: -88px;
    text-align: right;
    font-size: 11px;
    padding-right: 11px;
}

.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: 280px;
	width: 1140px;
}

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

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

.home-div-transparent {
    background-color: rgba(236, 236, 236, 0.90);
    padding-top: 0px;
    -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;
}

.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: #f9883d;
    padding: 21px;
    border-radius: 3px 3px 0px 0px;
}
#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;

}
.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;

}

.home-zone-adhesion {
    background-color: #f9883d;
    margin-top: 0px;
    z-index:10;
    width: 336px;
    border-radius: 3px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
	padding: 17px;
}

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


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

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

.trait {
    margin-bottom: 15px;
    margin-top: 0px;
    width: 70%;
    border: 1px solid #f9a66f;
}

.home-titre-adhesion {
    color:#fff;
    text-align: center;
    font-size: 1.413em;
}

.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 : Arial;
    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;
}

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

.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;
}

.fleche-fermeture {
    position: relative;
}

.glyphicon-circle-arrow-up {
    position: absolute;
    top: -16px;
    right: 9px;
}

.bandeau-societe .vous-connecte {
    font-family: 'robotolight';
    margin-bottom: 0px;
    font-size: 12px;
}

.bandeau-societe .vous-connecte span {
	background: #66df3c;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 7px;
    border-radius: 50%;
    padding: 4px;
}

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

.bandeau-societe .bonjour p {
    margin-bottom: 3px;
    font-size: 12px;
    font-family: 'robotolight';
}

.bandeau-societe .bonjour p:last-child {
	margin-bottom: 0px !important;
}

.bandeau-societe .raisonSociale {

}

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

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

.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 : Arial;
    font-size: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
}

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

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

.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;
}

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

.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 : Arial;
	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 .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;
}

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

#description_teledeclarant .contenu i {
	color: #ff9854;
    background: white;
    padding: 5px;
    border-radius: 50%;
    font-size: 12px;
    /* border: 0px solid #ff9854; */
    -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;
}

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

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

#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;
}

.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;
}

.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 #eff0f0;
    padding:10px;
    margin-top:20px;
    margin-bottom: 20px;

}

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

.declarations-attente .table thead th {
    background: #F66300 !important;
}

.declarations-payees .table thead th {
    background: #ff8c00 !important;
}

.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,
.info2 {
    font-family : Arial;
    font-size: 1.4em;
}

.info1 {
    font-family: 'raleway';
    text-transform: uppercase;
    color: #505050;
    font-size: 1.5em;
}

.info2 span {
    font-family: 'robotoregular';
    color:#F66300;
}

.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 {
    font-family : Arial;
    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
}

.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);
}

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

.pavet-situation-declaration {
    text-align: left;
    width: 100%;
    /* float: left; */
}

.pavet-fichier-information-importer {

}

.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;
	padding-top: 20px;
}

.pavet-situation-declaration hr {
    margin-top:10px;
    margin-bottom:20px;
}

.pavet-situation-declaration .soustitre-situation {
    font-family: 'robotobold';
    text-transform: uppercase;
    color: #464646;
    letter-spacing: 0.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: 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{
        /* 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 {
    margin-bottom: 5px;
    font-family : Arial;
}

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

.previsualisation-message-important .body{

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

    /*margin-top: -15previsualisation-message-successpx;*/
}
.previsualisation-message-success{
    border:1px solid #1BBC98;;
    border-left: 15px solid #1BBC98;
    text-align: left;
    padding:10px;
    margin-top: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: 15px !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;
}

.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 : Arial;
	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 : Arial;
}

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

table.dataTable thead .sorting_disabled {
    font-weight: normal;
    font-family : Arial;
    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: 0px;
     padding-right: 0px;
}

.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-valider {
    padding-top: 18px;
    text-align: center;
    padding-left: 0px;
}

.etape-payer {

}

.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);
	height: 211px;
	display: flex;
    flex-direction: column;
}

.virement-bancaire h4 {
    font-family : Arial;
    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;
}

.virement-bancaire input {
	width: 48%;
}

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

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

.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: 15px;
    font-family : Arial;
}

.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%;
     /*margin-left:10%;*/
     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 : Arial;
    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 : Arial;
}

.table_telechargement td {
    text-align: left;
}

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

.form-file{
    margin-top:20px;
}

.label-taux {
    /*display:none;*/
}

.blabla-declaration-termine {
    background-color: rgba(0, 187, 154, 0.31);
    color: #046d56;
    padding: 15px;
    border-left: 4px solid #046d56;
}

.blabla-declaration-termine p {
	margin-bottom: 0px;
	font-family: 'robotolight';
}

.blabla-declaration-termine span {
	margin-bottom: 0px;
	font-family : Arial;
}

.sub-title{
    height: 50px;
    widows: 50px;
    /*align-self: center;*/
    margin:10px auto;
    opacity:0.7;
}
#sub-title-text {
    color: #0cecb9;
}
.label-form-saisie {
    text-align: 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;
}


.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;
}

#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-deco-front {
    margin-top: 5px;
}

.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 {
   /*float: right;*/
    margin-top: 27px;
}


.rappel-taxe {
    padding:0px;
    background-color: #fff;
    color:#FF6300;
    font-weight: normal;
    font-family : Arial;
    min-width:150px;
    margin-bottom: 7px;
}

.declaration-periode {
    text-align: right;
}

/*-----------------zone paiements-----------------*/

/*.moyen-paiement {
    background-color: orange;
    margin-top: 0px;
    padding:10px 20px;
    opacity: 0.9;
    text-align: left;
}*/
.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:hover{

}
*/

.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: 1px solid #20ba9c;
    border-radius: 3px;
    background: #ffffff;
    font-size: 12px;
    font-family: 'robotolight';
}

.form-control option{
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}


/*-----------------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;
}

.details-demandes .row.row-infos2{

}

.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 input{
        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;
        margin-top: 30px;
        margin-right: -85%;
    }
    .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 : Arial;
        font-size: 1.15em;
    }

    .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);
}

.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 : Arial;
        margin-top: 0px;
        height: 100;
        width: 100%;
    }

    .selection-comptes-ruo .errors {
        display:none;
    }

    .dt-liste-paiements{
        float: left;
        text-align: center;
    }

    #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;
        padding-right: 85px;
    }

    #dt-liste-paiements th {
        font-weight: normal;
        font-family: 'robotobold';
    }

    #dt-liste-paiements #montant {
        text-align: center;
    }

    .select-mandat #idEntRib, .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 : Arial;
		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{
        margin-top: 20px;
        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;
}
.modal-annuler-paiement div{

}
.confirmer-annulation-paiement-mobile {
      margin-left: 0px;
      margin-top: 10%;
      width: 100%;
      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);
	}
}

.description-titre{
    word-wrap: break-word;
    margin-bottom: 10px;
}

/*------------------- CSS ADMIN -------------*/

.layout-admin .content-page {

}

.layout-admin table {

}

.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 : Arial;
	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: 0 !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;
}

.decalage-bo-admin a {

}

/*------------- 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;
}

.container-home-admin .content-page {

}

.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: 1170px;
    left: 0px !important;
    right: 0px !important;
	top: 180px !important;
    padding: 0px;
    margin: auto;
	text-shadow: none;
}

.carousel-caption h1 {
   	font-family: 'ralewaybold';
	text-align: left;
    color: #ffffff;
    font-size: 40px;
    margin: 0px;
	width: 40%;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
}

.carousel-caption hr {
	margin: 0px;
    border-top: 1px solid #4EB493;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 30%;
}

.carousel-caption  p {
    font-family: 'raleway';
    color: white;
    font-size: 17px;
    text-align: left;
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
}

.logo-bo {

}

.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 : Arial;
}


.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;
}

.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 : Arial;
}

.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 : Arial;
    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 {

}

.confirmer-annulation-paiement-ruo {
        width: auto;
        margin: 10px;
}

.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-left:10px;
    padding-top:5px;
    margin:0px;
    width: 100%;

}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button.collapsed {
  border-bottom-width: 0;
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 1px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-width: 1px;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-collapse {
  border: solid rgba(0, 0, 0, 0.125);
  border-width: 0 1px;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-button {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item:first-of-type .accordion-button {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


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: 15px;
}

ul.onglets-tabs li:hover a,
ul.onglets-tabs li:hover i {
	text-decoration: none;
	color: #01b594;
	cursor: pointer;
}

.tab-content{
        padding: 15px;
}

.tab-content.current{
    display: initial;
}
.tresorerie-disponibilites-onglets .tab-link{
	padding: 15px 0px;
	margin-left: 3%;
}

.tab-content{
	padding: 15px;
}

.tab-content.current{
     display: initial;
}


.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;
}

.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 {
	margin-right: 3px;
	color: #2F8DCF;
}

.bonjour .fa-briefcase {
	font-size: 11px;
    margin-right: 2px;
	color: #2F8DCF;
}

.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 : Arial;
    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 : Arial;
}

.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 : Arial;
}

.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 : Arial;
    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 : Arial;
}

.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';
}

.text-opf{
    font-size: 28px;
    text-align: center;
}


.loader{position:relative;left:0px;right:0px;top:0px;bottom:0px;margin:auto;visibility: hidden;}
.loader{position:relative; height:300px;width:300px;}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99999;
}

.process-box{
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after{
        content: "";
    border-top: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    display: inline-grid;
    position: absolute;
    right: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: 3px -2px 3px 0px #00000036;
    z-index: 1;
}
.process-right:after{
        content: "";
    border-top: 15px solid #ffffff00;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff00;
    display: inline-grid;
    position: absolute;
    left: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: -1px 1px 3px 0px #0000001a;
    z-index: 1;
}
.process-step{
    background: #f9883d;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    color: #fff;
    height: 100%;
    padding-top: 8px;
    position: relative;
    top: -16px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: -6px 8px 0px 0px #00000014;
}
.process-point-right{
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #20b2aa;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: -80px;
    left: -63px;
}
.process-point-right:before{
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(36deg);
    position: relative;
    left: -50px;
    top: -0px;
}
.process-point-left{
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #20b2aa;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: -82px;
    right: -67px;
}
.process-point-left:before {
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(-38deg);
    position: relative;
    left: 50px;
    top: -4px;

}

.process-last:before{
    display: none;
}
.process-box p{
    z-index: 9;
}
.process-step p{
    font-size: 20px;
}
.process-step h2{
    font-size: 39px;
}
.process-step:after{
    content: "";
    border-top: 8px solid #04889800;
    border-bottom: 8px solid #048898;
    border-left: 8px solid #04889800;
    border-right: 8px solid #048898;
    display: inline-grid;
    position: absolute;
    left: -16px;
    top: 0;
}
.process-step:before{
    content: "";
    border-top: 8px solid #ff000000;
    border-bottom: 8px solid #048898;
    border-left: 8px solid #048898;
    border-right: 8px solid #ff000000;
    display: inline-grid;
    position: absolute;
    right: -16px;
    top: 0;
}
.process-line-l{
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    right: -153px;
    top: 67px;
    z-index: 9;
}
.process-line-r{
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    left: -153px;
    top: 67px;
    z-index: 9;
}

.btn-plainte{
    width: 110px;
}


/*----------------------------------------------------------- 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 {

	}

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

	.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: 198px;
	}

	.carousel-caption {
    	top: 52px !important;
	}

	.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: 14px;
	}

}

/* ecran 1440 */
@media (max-width: 1440px) {

    .fake-container-bordure-grise {
        margin-bottom: 63px;
    }

	.connexion {
    	top: 198px;
	}

	.carousel-caption {
		top: 110px !important;
	}

	.carousel-caption h1 {
		font-size: 35px;
	}
}


/* ecran 1366 */
@media (max-width: 1366px) {


    .carousel-indicators {
        z-index: 200;
    }

    .fake-container-bordure-grise {
        margin-bottom: 55px;
    }

    .danger {
        top: 453px;
        right: 380px;
    }

    .carousel-caption {
        left: 8%;
    }

    .navbar-inverse a.navbar-brand {
        display: none;
    }

    .services {
        height: 409px;
    }

    #dt-utilisateurs .btn {
        padding: 0px;
        padding-right: 5px;
    }

	.connexion {
    	top: 153px;
	}

}
@media (max-width: 1999px) {
    .text-opf{
    font-size: 20px;
    text-align: center;
    padding-top: 12px;
}
}
/* ecran 1280 */
@media (max-width: 1280px) {


    .titre-form-login {
        padding: 15px 20px;
    }

    .home-zone-login span {
        font-size: 1.3em;
    }

    #loginACacher {
        margin-bottom: 0px;
    }

    .trait {
        margin-bottom: 25px;
    }

    .home-zone-adhesion {
        padding-bottom: 25px;
    }

    .carousel-caption {
        left: 5%;
        top: 5%;
    }

    .danger {
        top: 431px;
    }

    .container-home-admin .danger2 p {
        margin-top: 10px;
    }

	.connexion {
    	top: 145px;
	}

}

@media (max-width: 767px) {

        .logoDiv{
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }


    }



/* tablette ipad horizontale */
@media (max-width: 1024px) {

    .text-opf{
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        padding-top: 14px;
    }



    .hidden-mobile {
        visibility: hidden;
        display: none;
    }

    .navbar-brand {
        padding: 6px 0;
    }

    .sideFooterIn {

    }


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

    .cercle {
        margin: 5px 5px;
    }

    .texte-cote-cercle {
    font-size: 1em;
    }

    .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;
    }

    .carousel-caption {
        left: 4%;
        top: 5%;
        width: 940px;
    }
     .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-div-transparent {
        width: 300px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
    }

    .titre-form-login {
        padding: 13px 20px;
    }

    .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 p {
        font-size: 13px;
    }

	.carousel-caption h1 {
    	font-size: 30px;
	}

    .carousel-caption h3 {
        font-size: 2.8em;
    }

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

    .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 {
		    top: 131px;
		width: 940px;
	}

	.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;
	}

}

/* tablette ipad verticale */
@media (max-width: 768px) {

    .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;
    }

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

    ul.path-step li {
    width: 100%;
    }
    .texte-cote-cercle {
    padding-left: 0px;
    padding-top: 7px;
    }

    .texte-cote-cercle {
        padding-top: 8px;
        padding-left: 30px;
    }

    .cercle {
        margin: 0px 30px;
    }

    .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;
    }

    #slider {
        display: none;
    }

    .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;
		width: 720px;
	}

	.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 {
    	height: 257px;
	}

	.virement-bancaire input {
    	width: 100%;
	}

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

	.montant-consultation {
		flex-direction: column;
	}

	.montant-consultation .montant {
		margin-bottom: 20px;
		    text-align: center;
	}

}

/* Iphone 6 plus */
@media (max-width: 414px) {

    .btn-plainte{
        width: 50px;
    }

  #slider {
        display: none;
    }
     .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;
    }

    .home-zone-login {
        margin-top: 18px;
    }

    .adherer-connexion {
        margin-top: -575px;
    }

    .bloc-adhesion {
        margin-top: 28px;
        padding-top: 8px;
    }



    .home-div-transparent {
        background-color: rgba(254,254,254,0.8);
        width: 305px;
        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;
    }

    div.zone-btn-step {
       padding: 0px;
    }

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

    .logBox {
        margin-bottom: 10px;
        margin-top: 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;
    }

    .confirmer-annulation-paiement-ruo {
        width: auto;
        margin: 10px;
    }

    .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;
    }

	.connexion .connexion-module {
		display: flex;
		flex-direction: column;
	}

	.connexion {
    	width: 384px;
	}

	.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;
    }




    .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 {
        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;
    }

}

@media (max-width: 992px) {

    .mot-du-ministre{
        margin-right: 1px;
    }


}

/* Iphone 6  */
@media (max-width: 375px) {

    #slider {
        display: none;
    }

     .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 {
        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;
    }

    .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: 65px;
    }

    #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 {
		width: 345px !important;
		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;
    }


    .adherer-connexion {
        margin-top: -566px;
    }

    .bloc-adhesion {
        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) {
       #slider {
        display: none;
    }
    .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%;
    }

    .navbar-brand {

    }

    .home-zone-adhesion {
        width: 100%;
        margin: auto;
    }

    .home-div-transparent {
        width: 100%;
    }

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


    .bloc-adhesion {
        margin-top: 116px;
    }



    .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;
    }


    .bloc-adhesion {
        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;
    }

    .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%;
    }


    .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 */