/* Formulaire connexion à code */

form#connexionCodeUnique
{
    margin-top:5em;
}
form#connexionCodeUnique label
{
  display:block;
  text-align:center;
  color:#009f9a;
  font-size:140%;
  margin-bottom:0.4em;
}
form#connexionCodeUnique input
{
  display:block;
  width:80%;
  height:24px;
  text-align:center;
  border:2px solid #009f9a;
  border-radius: 3px;
  padding:0.2em;
  vertical-align: middle;
  margin:0.5em auto;
  font-family:Frutiger;
  font-size:120%;
  color:black;
}
form#connexionCodeUnique input:focus
{
    border-color:#009f9a;
}

form#connexionCodeUnique input.codeverif
{
  display:inline;
  width:1.2em;
  height:1.2em;
  font-size:200%;
  margin:0 0.2em 0 0;
  font-family:Nexa;
  color:black;
}

form#connexionCodeUnique input#connexion_etape1,
form#connexionCodeUnique input#connexion_etape2
{
  display: block;
  width:auto;
  height:auto;
  max-width:80%;
  min-width:105px;
  text-align:center;
  font-family: "Nexa";
  font-weight: normal;
  font-size: 110%;
  padding:0.5em 2em;
  background-color:white;
  color:#009f9a;
}
form#connexionCodeUnique input#connexion_etape1:hover,
form#connexionCodeUnique input#connexion_etape2:hover
{
  background-color:#009f9a;
  color:white;
}

/* ESPACE MEMBRES */

h2.salutation
{
    text-align:left;
    margin:4em 0 0.4em 0;
}
p.salutation
{
    text-align:left;
    margin-bottom:2em;
}

.ligne3 .col12
{
    margin-right:5%;
}

/* Fiche membre */
.blocFichemembre,
.blocSheds,
.blocAmis,
.blocBenevole
{
    border:2px solid #009f9a;
    border-radius:0.5em;
    padding:0 0 1em 1em;
    margin-bottom:2em;
}
.blocFichemembre h3,
.blocSheds h3,
.blocAmis h3,
.blocBenevole h3
{
    background-color:#009f9a;
    border-topleft-radius:0.5em;
    border-topright-radius:0.5em;
    color:white;
    padding:0.2em 0.5em;
    margin:0 0 0.5em -0.9em;
}

.blocFichemembre div.photoProfil
{
  float:left;
  border-radius:5px;
  width:120px;
  height:120px;
  overflow:hidden;
  margin:0 15px 15px 0;
}
.blocFichemembre div.photoProfil img
{
  width:120px;
}
.blocFichemembre h3.identite
{
  color:#282828;
  font-size:20px;
  font-weight:100;
  margin-bottom:5px;
  text-transform: uppercase;
}
.blocFichemembre p.adresse
{
  margin:5px 0;
}

.statusCotisation
{
    margin:0.5em 1em 0.5em 0;
    padding:0.5em;
    text-align:center;
    font-size:120%;
    background-color:#e5e5e5;
}
.statusCotisation .notes
{
    margin:0.5em 0 0 0;
    font-size:80%;
}
.statusCotisation p a.bouton
{
    display:inline-block;
    margin:1em 0;
    padding:0.5em 1em;
    border:1px solid black;
    border-radius:0.5em;
    text-decoration:none;
    background-color:#009f9a;
    color:white;
}
.statusCotisation p a.bouton:hover
{
    font-weight:bold;
    background-color:white;
    color:#009f9a;
}

.blocSheds table,
.blocAmis table
{
  display:block;
  margin:0.4em 1em 0 0;
  border-collapse:collapse;
  border:1px solid black;
}
.blocSheds table tr th,
.blocAmis table tr th
{
  border-bottom:2px solid black;
}
.blocSheds table tr,
.blocSheds table tr th,
.blocSheds table td,
.blocAmis table tr,
.blocAmis table tr th,
.blocAmis table td
{
  border-left:1px solid black;
  border-right:1px solid black;
  padding:5px;
}
.blocSheds table tr.lignePaire,
.blocAmis table tr.lignePaire
{
  background-color:#F1F1F1;
}

#zoneAppelBenevoles
{
  margin:0 1em 0 0;
}
.appelBenevoles
{
  display:block;
  width:100%;
  border-collapse:collapse;
  border:1px solid black;
  overflow-x:scroll;
}
.appelBenevoles tr
{
  border:1px solid black;
}
.appelBenevoles td
{
  border-top:1px solid black;
  border-bottom:1px solid black;
}
.appelBenevoles td.date,
.appelBenevoles td.titre,
.appelBenevoles td.mission
{
  border:1px solid black;
}
.appelBenevoles td.date,
.appelBenevoles td.titre p,
.appelBenevoles td.heure,
.appelBenevoles td.mission,
.appelBenevoles td.benevole a,
.appelBenevoles td.benevole span,
.appelBenevoles td.benevoleActif span.case,
.appelBenevoles td.benevoleMoi span.case,
.appelBenevoles td.ajout a
{
  padding:0.2em 0.5em;
}
.appelBenevoles td.benevole a,
.appelBenevoles td.benevole span,
.appelBenevoles td.ajout a,
.appelBenevoles td.benevoleActif span.case,
.appelBenevoles td.benevoleMoi span.case
{
  display: flex;
  justify-content: center;
  align-items: center;
  width:8em !important;
  height:3em !important;
  background-color:#e5e5e5;
  color:grey;
  text-decoration:none;
  margin:1em;
  border-radius:0.5em;
}
.appelBenevoles td.benevole a,
.appelBenevoles td.benevole span,
.appelBenevoles td.benevoleActif span.case,
.appelBenevoles td.benevoleMoi span.case
{
  width:8em !important;
  height:3em !important;
}
.appelBenevoles td.benevoleActif span.case
{
  background-color:#009f9a;
  color:white;
}
.appelBenevoles td.benevoleMoi span.case
{
  background-color:yellow;
  color:black;
}
.appelBenevoles td.ajout a
{
  width:1.5em !important;
  height:1.5em !important;
}
.appelBenevoles td.ajout ul
{
  margin-left:2em;
  font-size:90%;
  text-align:left;
}
.appelBenevoles td.ajout li.benevoleMoi
{
    background-color:yellow;
}

.appelBenevoles td.benevole a:hover,
.appelBenevoles td.ajout a:hover
{
  text-decoration:underline;
  font-weight:bold;
}
.appelBenevoles td.date
{
  font-weight:bold;
}
.appelBenevoles td.titre p
{
  color:white;
  line-height:2em;
}
.appelBenevoles td.benevole
{

}
.appelBenevoles td.ajout a.listComp
{
    display:inline-block;
    width:20px;
    height:20px;
    background:transparent url('../prive/modules/vieassociative/images/icone_list_MIT-Phosphor.png') no-repeat top left;
}
.appelBenevoles td.benevoleMoi a.retraitBenevole
{
    display:inline-block;
    width:20px;
    height:20px;
    background:transparent url('../prive/modules/vieassociative/images/icone_annuler_CCBY30-AliceRizzo_20px.png') no-repeat top left;
    margin-left:0.5em;
}
.appelBenevoles td.ajout a.listComp span,
.appelBenevoles td.benevoleMoi a.retraitBenevole span
{
    display:none;
}


/* Cadre de message */
div#cadreMessageLogin
{    
	position:absolute;
    top:-2px;
    width:100%;
}
div#cadreMessageLogin div.messageLogin
{
    width:380px;
    margin:0 auto 25px auto;
    background: url(../prive/images/y.png) repeat scroll 0 0 transparent;
    border: 2px solid red;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);   
}
div#cadreMessageLogin div.messageLogin p
{
    background: url(../prive/images/boutons/icone_erreur_80px.png) no-repeat scroll 12px center transparent;
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding:15px 10px 15px 105px;
    margin:0;
}

/* Boite de message */

div#filtreTransparentPage
{
  position:fixed;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:900px;
  background:transparent url(../prive/images/g50.png) repeat top left;
  z-index:50;
}
div#boiteMessage
{
  position:fixed;
  top:30%;
  left:35%;
  display:block;
  width:450px;
  background-color:white;
  border:2px solid #5286D6;
  padding:15px 25px;
  -moz-border-radius:10px;
  z-index:55;
}
div#boiteMessage div span.messageIcone
{
  display:block;
  float:left;
  width:48px;
  height:48px;
  margin:0 10px 0 0;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center center;
}
div#boiteMessage div h6
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
  margin-left:58px;
}
div#boiteMessage div.confirmation h6
{
  color:#5286D6;
}
div#boiteMessage div.erreur h6
{
  color:red;
}
div#boiteMessage div p
{
  font-size:13px;
  font-weight:normal;
  color:black;
  margin-bottom:5px;
  margin-left:58px;
}
div#boiteMessage div span.url
{
  display:block;
  font-size:11px;
  font-style:italic;
  color:grey;
  margin-left:58px;
  max-height:150px;
  overflow:auto;
}
div#boiteMessage div span.url ul
{
  list-style-type:square;  
}
div#boiteMessage div span.url ul li
{
  
}
div#boiteMessage div span.url ul li strong
{
  font-weight:bold;  
}
div#boiteMessage div span.url ul li.erreur
{
  color:red;  
}
div#boiteMessage div span.url strong
{
  font-weight:normal;
}
div#boiteMessage div a.bouton
{
  display:block;
  width:40px;
  margin:15px auto 0 auto;
  text-align:center;
  background-image:url(../prive/images/boutons/icone_ok.png);
  padding-left:50px;
}
div#boiteMessage div.confirmation a.bouton
{
  background-image:url(../prive/images/boutons/icone_ok.png);
}
div#boiteMessage div.erreur a.bouton
{
  background-image:url(../prive/images/boutons/icone_erreur.png);
}

div#boiteMessage div span#messageIconeEnregistrer
{
  background-image:url(../prive/images/message_enregistrer.png);
}
div#boiteMessage div span#messageIconeGenerer
{
  background-image:url(../prive/images/message_generer.png);
}

/* Boutons ajouter, sauvegarder, retour, enregistrer */

.bouton
{
  line-height:22px;
  text-decoration:none;
  border:1px solid #5286D6;
  border-radius:5px;
  background-color:#E7EBEF;
  background-repeat:no-repeat;
  background-position:5px center;
  padding:6px 6px 6px 30px;
  margin:0 10px 0 0;
  color:#5286D6;
}
.bouton:hover
{
  cursor:pointer;
  background-color:#5286D6;
  border-color:#5286D6;
  color:white;
}

#boutonSauvegarder
{
  background-image:url(../prive/images/boutons/icone_enregistrer.png);
}
#boutonAjouter
{
  background-image:url(../prive/images/boutons/icone_ajouter.png);
  height:27px;
}

#boutonRetour,
#boutonEnregistrer,
#boutonEnregistrersous
{
  display:block;
  float:left;
}
#boutonRetour
{
  background-image:url(../prive/images/boutons/icone_retour.png);
  height:22px;
}
#boutonEnregistrer
{
  background-image:url(../prive/images/boutons/icone_enregistrer.png);
  height:27px;
}
#boutonEnregistrersous
{
  background-image:url(../prive/images/boutons/icone_enregistrersous.png);
  height:27px;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
 
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}
 
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}