a { color : #d57b16}
a:hover { color :#853918}

#logo { margin-top: 10px; width:250px}

.form-control, select  {color: brown !important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d57b16!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d57b16!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #d57b16!important;
}

.masque { display:none}
.invisible { opacity:0}
.visible { opacity:1}

.texte_a_droite { text-align:right}
.floatLeft { float:left}
.floatRight { float:right}


table { white-space: nowrap; color:white; font-size:14px }
	th  { font-size:15px;}
	th  a { background-color:lightgray; color: gray !important; padding:5px;}

	/*tr {cursor:pointer}*/
	
	th , td { padding:5px}

	.texte_centre {text-align:center}
	
.colonne_multiligne {
white-space:pre-line; overflow:hidden; max-width:200px; 
}
.colonne_multiligne_100w {
white-space:pre-line; overflow:hidden; max-width:100px; 
}

button {cursor:pointer}


    .cover {
      padding:      10px 15px;
      border:       1px solid #dedede;
      border-radius:4px;
      background:   #f9f9f9;
      box-shadow:   0px 0px 10px #a8a8a8;

    }

    .lbjs {  }
    .lbjs:last-of-type { margin-left: 0px; }


.btn {
   
}
  
#addList {
	border-color: rgb(183, 252, 252);

}

ul.list{ padding-left:0px !important}


.container-fluid {
   background-color: #e3b27b;
   color:white;

   
}
.container-voyage, .container-inscriptions {
   
 background-image: 
  linear-gradient(transparent 23px,
    rgba(220,220,200,.8) 24px,
    transparent 24px),
  linear-gradient(90deg,
    transparent 23px,
    rgba(220,220,200,.8) 24px,
    transparent 24px);
  background-size: 100% 24px, 24px 100%;
     
}

#div_principale {background-color:#d57b16;color:white;padding:4px}

#overpartenaires {color: brown}

#export_voyage_en_pdf {  margin-bottom: 15px;}

#iframe_docs_a_envoyer {width:100%; height:160px; border:0px;}

.ui-datepicker-calendar {background-color:#e3dbdb}

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

#effacer_nom_club,.effacer_nom_club_modal, #effacer_ville_club, #effacer_numero_voyage, #mettre_en_test,
#cacher_liste_clubs, #cacher_liste_clubs_nouveau_membre, .cacher_liste_clubs_modal, #cacher_liste_villes, #effacer_association_nouveau_membre, 
#effacer_information_nouveau_membre  {font-size:11px; font-weight:bold; text-decoration:underline; cursor:pointer }

#cacher_liste_clubs, #cacher_liste_villes  {text-align:right}

#retour_liste_nom_club, #retour_liste_nom_club_nouveau_membre {width:400px !important}

.popover-title { display: none; }

.alert {

	display:none;font-size:20px;

	position: fixed;
	/** will always stay in place even when the page scrolls */

	width: 80%;
	/** give it a width so the element doesn't take 100% of the viewport (you may alternatively "col-*" classes to it to maintain responsiveness) */

	right: 0;
	left: 0;
	margin: auto;
	padding:8px;
	/** 
	* the above 3 rules center the element horizontally.
	* the "right" and "left" rules must have a value of "0" or else the element cannot be centered using the "margin" rule;
	*/

	top:600px;
	/*transform: translate3d(0, -50%, 0);*/
	/** the above 2 rules center the elemnt vertically */

	text-align: left;
	z-index: 9999;

}


.top200 {
	  top:200px;
}


.alert_position_relative {
	  position: relative;
	  top:0px;
	  /*transform:none;*/
	  width:100%;
}

.form-control {
 /* margin:0 5px; // for left and right margin*/
  margin:0 0 3px 0; // form bottom margin
 }

.circle {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 1px 9px 3px;
  background: transparent;
  border: 1px solid #000;
  color: #000;
  text-align: center;
}

.close {
	float:right;
	text-decoration:none;
	
}

#ajouter_partenaire_autre {

    border: 1px solid white;
    padding: 3px;

}	


#traitement_en_cours{

	display:none;

}


#message_au_club_pour_info_fd {

	display:none;

}


.clignote {
	animation: clignote 1s linear infinite;
}

@keyframes clignote {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: .5;
	}
	100% {
	  opacity: 1;
	}
}


.clignote_court {
	animation: clignote_court 1s linear 6;
}

@keyframes clignote_court {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: .5;
	}
	100% {
	  opacity: 1;
	}
}

.btn-primary, .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e19137;
	--bs-btn-hover-bg:#e7b379;
	--bs-btn-disabled-bg: #e79c5d;
}


.btn {
    --bs-btn-color: #fff;
	border-color: orange;
	/*--bs-btn-disabled-bg;orange;*/
}


.btn:hover {

    background-color: #a76011;
    border-color: orange;
}


.bg-primary {
    color: #fff;
    background-color: #b05027;
}

.input-group-text {

    background-color: #e7aa64;
    border: 1px solid #e3ae72;

}

#msgboxcreateok ,
#msgboxmajok {

background-color:#0a58ca;
color:white;

}


/*  ENVOI MAIL*/
#msgenvoiemailafede{ 

margin-bottom:8px;



}
/*  ENVOI MAIL*/
.msgenvoiemailafede-content {

background-color:orange;
padding:8px;

}
/*  ENVOI MAIL*/
#envoyer_dossier_a_la_fd {
	margin-bottom:8px;
}


#msgavert,#msgavert3, #msgavert4 {

/*background-color:orange;
color: white;*/

}



.delarea, .partautre, .overdelarea, .overpartautre{

color:white;
background-color:#c77636;
font-size:12px;
margin: 3px 0px 0px 0px;
padding:3px;
line-height: 2;

}

 .overdelarea, .overpartautre {
  display:inline-block;	margin-right: 3px;
  border-radius:3px;
 }
 
 
.delarea, .partautre {

}



.btdelarea, .suppr_partautre {
    color: red;
	background-color:#cbcbcb;
    $$$$font-weight: bold;
    cursor: pointer;
    font-size: 10px;
    border: 1px solid red;
    padding: 0px 3px 1px;
    vertical-align: unset;
	line-height: 2;
	margin-right:2px;
}


#selection_partenaires {width:100%; height:120px; margin-bottom:25px; overflow-y: auto;}
#overpartenaires {margin-bottom:25px; overflow-y: auto;}


.asterisk {
    vertical-align: top;
    word-wrap: break-word;
    margin-bottom: 1rem;
}

.nom_majuscule{
    text-transform:uppercase;
}


.premierelettre_majuscule{
    text-transform:capitalize;
}

input::-webkit-outer-spin-button,    input::-webkit-inner-spin-button {
    display: none;
}

#SupprimerToutModal, #SupprimerModal, #ModifierModal {

color: black;
display:none;

}


#SupprimerModal .modal-body { 

font-size:16px;

}

#numadh_modal {
width:80px;
}


.popup_action {background-color: brown;}
.popup_action_toutsupprimer {background-color: brown;}


.bouton_ValidModal, .bouton_AnnulerModal, .bouton_AnnulerModal_supprimer, #bouton_AnnulerModal_supprimer_tout {margin-right:5px}

.btn.btn-primary[disabled] {
    background-color: #cd9d68;
}
.btn.btn-secondary[disabled] {
    background-color: #cd9d68;
}

#popup_action_toutsupprimer {padding:5px}

.min_td_id_membre {

font-size:1px;

}

#fermer_msgboxcreateok {

	background-color:white;

}

.remplacer_membre_modal {vertical-align: top; margin-top: 3px;cursor:pointer;}

input[type="radio"].remplacer_membre_modal + label {
  cursor:pointer;
}

.question_choix_desinscription, .choix_remplacer_annuler_participant { font-size:16px }


#ajout_nouveau_voyage {
  border:3px solid brown;
}

#btn_export_liste_participants_xls  {
 font-size:11px; color:white; background-color:#e3b27b;border-color: #e3b27b;    border-style: hidden;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-right: 15px;
}

#accept_gm {
    margin-bottom: 20px;
}


#bloc_voyage_ancv {
    float:right;
}

.bouton_reinscrire {
    float: right;
    font-size: 12;
    color: darkolivegreen;
    font-weight: bold;
    width:70px;
}