/*@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");*/
.bas_lettre {
	font-size: 12px;
	color:#FFFFFF;
}

.alert {
    padding: 8px 14px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}	
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}	

.alert-success {
    color: #2d7a34;
    background-color: #a76cc7e;
    border-color: #2d7a34;
}	
.search {
  position: relative;
  margin-top: 15px;
}

.search input {

    display: block;
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #5b7b95;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.search input { text-indent: 15px;}
.search .fa-search { 
  position: absolute;
  top: 5px;
  left: 5px;  
  margin: 0;
  
}
		.login_page .top_b {text-shadow:0 1px 0 rgba(255,255,255,.5); color:#ffffff;font: 100 18px/42px 'PT Sans', sans-serif;height:50px;padding:5px 20px;background:#e48b00;border-bottom:1px solid #ccc;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;font-size:15px}
		.login_page .cnt_b {padding:1px 0;width:70%;margin:0 auto}
		.btm_b {padding:10px 20px;border-top:1px solid #e7e7e7;background:#ffe178;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 1px;-moz-border-radius-bottomleft: 1px;-webkit-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px}
	
/* forms */	
		
img.ttip_b {
	position:relative;
	padding:0px 0px 0px 0px;
  }
	
	.link_reg {
    font-size: 11px;
    padding: 5px 0 0;
    display: block;
}
.btn {
display: inline-block;
padding: 9px 12px;
padding-top: 7px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #000;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
border: none;
text-shadow: none;
box-shadow: none;
transition: all 0.12s linear 0s !important;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.btn-cons {
margin-right: 5px;
min-width: 120px;
margin-bottom: 8px;
}

.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
}


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

/*-----------titre-------------*/

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

.home-zone-login {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}



.connexion {
	position: absolute;
    top: 280px;
	width: 1140px;
	z-index:4
}

.connexion .connexion-module {

}

.connexion .bloc-adhesion {

}

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

.forgot-login{
    line-height: normal;
    text-align: left;
    cursor: pointer;
    color: #047d67;
    text-decoration: underline;
    font-family: 'robotoregular';
}

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

.bas-form-login {
    text-align: left;
    background: #FFE178;
    padding: 11px;
    border-radius: 0px 0px 3px 3px;
}


/******Modification de la connexion arnaud**/
.home-zone-login span {
    display: inline-block;
    font-size:13px;
   /* color: white;
	width:300px;*/
    
}



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


/*----------------------------------------------------------- RESPONSIVE MEDIA QUERY ---------------------------------------------------------------------*/
   

/* ecran 1600 */

@media (max-width: 1600px) {
    
    .home-zone-login {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}
    #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: 14px;
	}
	
	.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: 12px;
	}
       
}

/* 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;
	}
	.home-zone-login {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}
}


/* 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;
	}
	.home-zone-login {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}
	
}

/* ecran 1280 */
@media (max-width: 1280px) {
    
  .home-zone-login {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}
    .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;
	}
    
}

/* tablette ipad horizontale */
@media (max-width: 1024px) {
    
 
    .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 {
    color:#000;
    margin-top: 0px;
	position: relative;
    width: 380px;    
	margin: 0 auto ;
    border: 0px solid #ccc;
	float: right;
	
}
    
    .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;
    }   
    

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

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

	
	.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 Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }
    
    .fond-tablette {
        padding-bottom: 400px;
        background: grey;
    }
    
    .home-zone-adhesion {
        width: 305px;
        margin: auto;
    }
    
    .home-zone-login {
        margin-top: 18px;
		float: left;
    }
    
  
    
   
    
    .home-div-transparent {
        background-color: rgba(254,254,254,0.8);
        width: 87%;
        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;
    }
    

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


    
    .liste-compte-bancaire-table {
        overflow: auto;
    }
    
    .liste-compte-bancaire-table #dt-documents{
        width: 1000px;
    }
    

    
    #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 {
	
	}
	
	.connexion {
    	width: 24px;
	}
	
	.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: 50%;
	}
	
	.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;
	}
	

    
}

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

/* Iphone 6  */
@media (max-width: 375px) {
    
   
     .choice-paiement-type {
     width: 244px;
    margin: 10px auto;
    }
    
   .choice-paiement-type-btn-ruo{
    height: 60px;
    width: 225px;
    background-size: 100% 100%; 
    }
    .choice-paiement-type-btn-mandat{
    height: 60px;
    width: 225px;
    background-size: 100% 100%; 
    }

    .choice-paiement-type-btn-mobile{
    height: 60px;
    width: 225px;
    background-size: 100% 100%; 
    }
      /*===== BTN Annuler - precedant - suivant ======= */
    .zone-btn-step #annuler,
    .zone-btn-step #next
    {
        width: 100%;
    }
     .zone-btn-step #annuler,
    .zone-btn-step #previous
    {
        width: 100%;
    }
    
    .bloc-adhesion {
        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;
    }
    
    .fond-tablette {
        background-image: url(../img/home/photo-1-phone-p.jpg);
        padding-bottom: 290px;
    }
    
    .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) {
       
    .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: 50%;
    }
    
    .home-div-par-dessus #nmpd-display-text {
        width: 82%;
    }
    

	.connexion {
		width: 288px !important;
    	top: 135px;
	}
	


}


	
/* PLACEZ LE CSS AU DESSUS DES MEDIA QUERY SVP */