@charset "utf-8";
/* COMMUN*/
/**LOGO et MARIANE**/
/* header{ */
/*     margin-bottom: 1em; */
/*     margin-top: 1em; */
/* } */
#impotsgouv {
    height: 100pt;
    padding: 0;
    background-image:url("/templates/images/logo.svg");
    background-size: contain;
    -webkit-background-size: contain;
    background-repeat:no-repeat;
    background-position:0%;
}

.prefixe {
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #cecece;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1pt;
    box-shadow: none;
    color: #333;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    padding: 5px 0;
    margin-bottom:1em;
    border-bottom: 1px solid  #ccc;
}


input.oubliSaisie {
    border-bottom: 1px solid #f22;
}

.prefixe:focus  {
  box-shadow:none;
  border: 0;
  border-bottom: 1px solid #178FEB;
}

label{
    font:10.5pt Arial,sans-serif;
    color:#333;
    margin:0;
    padding:0;
    font-size:1em
 }
h1, h2, h3, h4 { font-family:"Lato", Arial, sans-serif }
h1{
    font-size:1.5em;
    font-family:"Lato",Arial,sans-serif;
}
h1.titre { 
    font-size:1.5em; 
    margin:0 0 20pt 0; 
    border-bottom:2px solid #0B6BA8 ;
    padding-bottom: 0.3em;
    padding-top: 1em;
    padding-left: 1em;
    }
h1.titre, h4.titre {text-align:left }
h1, h2 { font-weight:normal }
p{
   font-size:0.9em 
}
/*Arriere plan main*/
main {
    background-color: #e8e8e8;
    padding:0;
	 z-index: -1;
}
option{
    padding:0;
}
/**Titre des modale*/
.modal-title{
    text-align: center;
}

#modalSahdow{
    box-shadow: 0 0 3px #cfcfcf; 
    -webkit-box-shadow:0 0 3px #cfcfcf; 
    -moz-box-shadow:0 0 3px #cfcfcf; 
}
p.modal-title {
    
font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 18px
    
    }

footer {
    height:100%;
    margin-top: 2em;
    margin-bottom: 0em;
    padding-bottom: 2em;
    padding-top: 2em;
    height: 3em;
    background-color: white;
    /*Problème du footer qui monte*/
    z-index: 999;
    text-align: center;
}
select>option, select>option:selected{
 font:10.5pt Arial,sans-serif;
    color:#333;
    margin:0;
    padding:0;
    font-size:0.9em
    }
/* Login Form-> pesronaldata*/

#personalData  { 
    border-radius: 4px;
     background-color:White;
     }
 /* Login Form-> option demat*/
#optionsForm { 
    border-radius: 4px;
     background-color:transparent;
     margin-left:0.1em;
     }
     
  /* groupform optiondemat*/
 
#optiondemat{
    border-radius: 4px;
    border: 2em #e8e8e8;
    background-color: #fcfcfc none repeat scroll 0 0;
    background-opacity:0.5;
     padding-top: 0.5em;
    padding-bottom:0.5em;
    display: block;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.1);
    -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.1);
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.1);
    margin:1em 1em 1em 0.25em;
    padding:0.5em 0em 0em 0.5em;
}
#pwdContainer{
    width:100%;
}
#validerPwd{
    text-align: right;
    padding-top:2em;
}
#champsObligatoire{
    list-style-type: none;
}
#champsObligatoire li:before{
    content: '- ';
}

form-group{
    padding-top: 2em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    
}
.formAvecEntete
{
    background-color:white;
    padding-right: 0em;
    padding-left: 0em;
    border-radius: 4px;
    
}
.optionmere{
    padding-right: 0em;
    padding-left: 0em;
     background-color:white;
     border-radius: 4px;
}
.modal-header{
     border-bottom:2px solid #0B6BA8 ;
}
.confirmAct{
    padding:1em;
    margin:2em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 0 3px #cfcfcf;
    -moz-box-shadow: 0 0 3px #cfcfcf;
    box-shadow: 0 0 3px #cfcfcf;
/*  -moz-box-shadow: -2px 0px 5px 0px #656565; */
/* -webkit-box-shadow: -2px 0px 5px 0px #656565; */
/* -o-box-shadow: -2px 0px 5px 0px #656565; */
/* box-shadow: -2px 0px 5px 0px #656565; */
}
.confirmAct div{
    
    text-align: center;
}

.noPadding {
    padding: 0;
}
.marginTop{
    margin-top: 1em;
}
.marginBottom{
    margin-bottom: 2em;
}

.close{
    opacity:1;
}

.close img{
    
    width:9pt;
    height: 9pt;
}
 #Myoptions{
    padding-right: 0em;
 }
#declaration, #avis, #locaux{
  padding-left: 0.1em; 
  padding-right: 0em;   
}
#textItalic p{
    font-style:italic;
    color:#4C4C4C;
    font-size:0.90em;
    text-align:justify;
    padding:0 3% 0 2%
}
.container{
    padding-right: 1em;
    padding-left: 1em;
    
}
 li{
 padding-bottom: 1em;
 
 }
 li>a{
 font-size:0.96em;
 }
 
.erreur {
    color: red;
    padding: 4pt 10pt;
    margin: 0 0 1em 0;
    display: inline-block;
    background-color: #fee1e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
     border-radius: 4px;
   /*  visibility: hidden;*/
}
 
.formAvecEntete ul, .optionmere ul
 {
     padding-left:1em;
     list-style-type:square;
     color:#337ab7;
 }
 .noBottomPadding{
 padding-bottom: 0em;
 padding-left: 0em;
 }
 
 /* infobulles d'aide*/
img.aide {
    width: 18pt;
    height: 18pt;
}
a.info {
   position: relative;
   text-decoration: none;
   outline: 0 none;
   
}
a.info span {
   display: none; /* On masque l'infobulle. */
   top:-25px;left:35px;
   position:absolute;
   padding:15pt;
   
   
}
a.info:hover, a.info:focus{
   background:none;
   z-index:99999;
}
a.info:hover span, a.info:focus span{
   display: inline; /* On affiche l'infobulle. */
   position:absolute;
   opacity:1;
   background:black;
   color:white;
   
}
a.info ::before{
    content:'';
    position:absolute;
    top:20pt;left:-6pt;border-top:5pt solid transparent;border-right:7pt solid rgba(0,0,0,.9);border-bottom:6pt solid transparent;
}



















 /* infobulles d'aide De reinitialisation de mot de passe*/
 
/*  a.infoReinitPassword { */
/*    position: relative; */
/*    text-decoration: none; */
/*    outline: 0 none; */
   
/* } */
 
/* a.infoReinitPassword span { */
/*    display: none; On masque l'infobulle. */
/*   bottom:20pt; */
/*    position:absolute; */
/*    padding:15pt; */
/*    font-size:10pt; */
/*    width:150pt; */
/*    right: -75pt; */
/*    border-radius:3pt; */
/* } */
/* a.infoReinitPassword:hover, a.infoReinitPassword:focus { */
/*    background:none; */
/*    z-index:99999; */
/* -webkit-transform:scale(1) rotateZ(0);-moz-transform:scale(1) rotate(0);-ms-transform:scale(1) rotateZ(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotateZ(0); */
/* } */
/* a.infoReinitPassword:hover span, a.infoReinitPassword:focus span { */
/*    display: inline; On affiche l'infobulle. */
/*    position:absolute; */
/*    opacity:1; */
/*    background:black; */
/*    color:white; */

/* } */
/* a.infoReinitPassword ::before{ */
/*   content:''; */
/*     position:absolute; */
/*     bottom:-8pt;left:65pt; */
/*     border-left:7px solid transparent; */
/*     border-right:7px solid transparent; */
/*     border-top: 10px solid rgba(0,0,0,.9); */
/* } */

/**Input de la page de connexion**/
input.saisie {
    padding: 8px;
    height: 35px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #fbfbfb;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.spanReinitPassword {
    height: auto;
    width: 25em;
}
 /* switch toggle*/
input.switch:empty
{
    opacity:0; 
    margin-left:-1.3em;
}
input.switch:empty ~ label  
{
    position: relative;
    line-height: 1.2em;
    text-indent: 0em;
    margin: 0.2em 0;
    cursor: pointer;
    padding-left:4em;
 /* -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}
input.switch:empty ~ label:before, 
input.switch:empty ~ label:after
{
    position: absolute;
    display: inline-block!important;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    width: 2.8em;
    background-color: #f1f1f1;
    border-radius: 2.8em;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    
}

input.switch:empty ~ label:after
{
    width: 1.4em;
    background-color: #fff;
    border-radius: 1.4em;
}

input.switch:checked ~ label:before
{
    background-color: #8ce196;
}

input.switch:checked ~ label:after
{
    margin-left: 1.4em;
}
body{
position: relative;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom:0%;
}

.select {
    /*width: 7.3em;*/
    font:10.5pt Arial,sans-serif;
    color:#333;
    margin:0;
    padding:0;
    font-size:0.9em;
    padding-left: 0em;
    padding-right: 0em;
    border-radius:4px;
  }
  
/*MONCOMPTE.JSP*/
table {
 display: table;
 border-radius: 2em;
 border-spacing: 1em;
 border-collapse: separate;
 
 }
 table h3{
 color:#337ab7;
 font-size:1.45em;
 }
 td{
 width:33.33%;
 padding-left: 1em;
 padding-bottom: 1em;
 border-radius: 0.5em;
 -moz-box-shadow: -2px 0px 5px 0px #656565;
-webkit-box-shadow: -2px 0px 5px 0px #656565;
-o-box-shadow: -2px 0px 5px 0px #656565;
box-shadow: -2px 0px 5px 0px #656565;
 }
 
 #tabMonCompte td
 {
 vertical-align: top;
  justify-content: flex-end;
  padding-bottom: 0em;
 }
 /* Breadcrumb */
#breadcrumb ul {
    padding-top: 1em;
    padding-bottom: 0.2em;
    padding-left: 0em;
    }
#breadcrumb li { 
    display:inline;
    padding-left:0em;
 }
#breadcrumb li + li:before {
    content:" > " ;
     padding-left:0em;
     }
#breadcrumb li ~ li:before { 
    content:" > " ;
     padding-left:0em;}
#breadcrumb li a, table a { color:black }
/**ADAPTATION DE L'AFICHAGE IE 6,7,8**/
 @media \0screen\,screen\9,screen\0 {
 
 td{
 background-color:White;
 width:33.33%;
 padding-left: 1em;
 padding-bottom: 1em;
 padding-top: 1em;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 -ms-border-radius: 2em;
 border-radius: 0.5em;
 -moz-box-shadow: -2px 0px 5px 0px #656565;
 -ms-box-shadow: -2px 0px 5px 0px #656565;
-webkit-box-shadow: -2px 0px 5px 0px #656565;
-o-box-shadow: -2px 0px 5px 0px #656565;
box-shadow: -2px 0px 5px 0px #656565;
behavior: url(../css/PIE.htc);
}
#optiondemat{
    -ms-border-radius: 4px;
    border: 2em #e8e8e8;
    background-color: rgba(180,180,190,0.5);
    background-opacity:0.5;
    padding-top: 0.5em;
    padding-bottom:0.5em;
    display: block;
    behavior: url(../css/PIE.htc);
}
#personalData  { 
    border-radius: 4px;
     background-color:White;
     behavior: url(../css/PIE.htc);
     }
#optionsForm { 
    border-radius: 4px;
     background-color:transparent;
     margin-left:0.1em;
     behavior: url(../css/PIE.htc);
     }
.formAvecEntete
{
    background-color:white;
    padding-right: 0em;
    padding-left: 0em;
    border-radius: 4px;
    behavior: url(../css/PIE.htc);
}
.optionmere{
    padding-right: 0em;
    padding-left: 0em;
     background-color:white;
     border-radius: 4px;
     behavior: url(../css/PIE.htc);
}
.erreur {
    color: red;
    padding: 4pt 10pt;
    margin: 0 0 1em 0;
    display: inline-block;
    background-color: #fee1e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
     border-radius: 4px;
     behavior: url(../css/PIE.htc);
   /*  visibility: hidden;*/
}

 }
@media screen and (max-width: 992px){
    
    #Myoptions{
    padding-right: 0em;
    padding-left: 0em;
}
    
     footer {
        /*Problème du footer qui monte*/
        z-index: -1;
    }
}
/**Hide logo**/
@media screen and (max-width: 768px) {
    #impotsgouv {
        padding: 0;
        height: 50pt;
        background-image: url("/templates/images/logo_rwd.svg");
        background-size: contain;
        -webkit-background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    }