.evenement{}

.epreuve{}

.epreuve-detail{}

.btn-tarif-epreuve{
	padding: 6px !important;
	white-space: normal !important;
}

.btn-participants-epreuve{}

.btn-inscription-epreuve{}

.id-epreuve{}

.tab_tarifs_epreuve{}

.tab_panier{}

.display_none{
	display: none;
}

/*Pour les boutons qui possède la classe valider et annuler*/
.valider{
	color: white !important;
	background-color: #3B5D3B !important;
}
.annuler{
	color:white !important;
	background-color: #6E1E1B !important;
}

.panel-heading{
	color:white;
	background-color: #f6872b;
	/*height: 50px;*/
}

.panel-primary > .panel-heading{
	background-image: none !important;
	background-color: #f6872b !important;
}

.panel-warning > .panel-heading{
	color:white !important;
	background-image: none !important;
	background-color: #6E1E1B !important;
}

/*Panel tarif*/
.panel-info > .panel-heading{
	background-image: none !important;
	background-color: #f6872b !important;
/*	height: 30px;
	padding-bottom: 3%;
*/
	font-size:15px;
	text-align: left;
	color: white;
}
/*
.div_tarif > .panel-heading h5{
	margin:0 5% 0% 5%;
}
*/


/*panels internes (formulaires d'inscription)*/
.panel-second .panel-heading{
	background-color: #f6872b; /*#3F5167;*/
}


/* clic sur les boutons : applique un effet d'enfoncement */
.actif{
	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
	-webkit-box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
}


#main .panel{
	border-color: black;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
	margin-top: 5px;
}
/*
#main .form_inscription .panel{
	border-color: #ccc;	
	box-shadow: none !important;
}
*/
#main .epreuve-inscription-header{
	margin-bottom:10px;
}

#main .epreuve-inscription-body .panel{
	border-color: #ccc;
	box-shadow: none !important;
}

#main .epreuve-inscription-footer .panel{
	border-color: #ccc;
	box-shadow: none !important;
}

#main .epreuve-inscription-recap .panel-heading{
	background-color: #3B5D3B !important;
}

#btn-inscriptions-evenement {
	margin-top: 2%;
	margin-left: 2%;
	width: 180px;
}

#btn-panier-evenement{
	margin-top: 2%;
	margin-left: 2%;
	width: 180px;
}

#evt-translate{
	color:white;
	background-color: #f6872b;
	border-radius: 4px;
	margin-top: 3px;
	padding: 2px 0px 0px 5px;
}
#evt-translate span.fa{
	float: left;
}

#evt-infos{
	min-height: 250px;
	margin-top: 1px !important; /* pour diminuer l'intervalle avec le bloc evt-translate ci-dessus */
}

#evt-infos .panel-heading{
	color:white;
	text-align: center;
	font-size:36px;
	font-weight:bold;
}

#evt-panier{
	text-align: center;
}

#choix_mode_reglement{
	
}
#lib_commentaire_mode_reglement{
	padding: 6px 12px;
	font-style: italic;
	display: none;
}
#lib_commentaire_mode_reglement_panier{
	padding: 6px 12px;
	font-style: italic;
}

span.fa-2x{
	width: 1.2em;
	text-align: center;
}

/*Div map pour l'endroit de l'évenement*/
#map{
	height: 500px;
}


legend {
	display: block;
	width: auto;
	padding: 0 5px;
	margin-bottom: 0;
	font-size: inherit;
	line-height: inherit;
	border: initial;
	border-bottom: none;
}
fieldset {
    border: 2px groove threedface;
    padding: 10px 5px;
	margin:0 0 20px;
}

.group td{
	font-weight:bold;
	color: white;
	vertical-align: middle;
}

.prix_tarif{
	font-size:20px;
}

div.img-type_epreuve{
	float: left;
}
img.img-type_epreuve{
	width: 40px;
}
span.type_epreuve{
	font-weight: bold;
}
span.age_inscription{
	display: block;
}
span.description_epreuve{
	display: block;
	/*margin-left: 40px;*/ /* = width de span.img-type_epreuve */
	margin-top: 10px;
}
div.barre_progression{
	margin-top: 15px;
}
div.date_heure_epreuve{
	margin-top: 15px;	
}

.text-italic{
	font-style: italic;
}
.description_epreuve div{
	margin-bottom: 15px;
}

#montant_panier{
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
	font-weight:bold;
}
#unite_montant_panier{
	font-size:16px;
	font-weight:bold;
}

#nb-elements-panier-evenement{
	font-size: 18px;
	font-weight: bold;
	color:white;
/*	border-radius: 100%;
*/
}


/* Boites de dialogue modales */
#modal_info{}
#modal_info_panier{}
#modal_info_suppression_panier{}
#modal_inscriptions_evenement{}
#modal_envoi_confirmation_inscription{}
div.modal .close{
	padding-top: 5px;
	color: white;
}
div.modal .modal-header{
	background-color: #f6872b;
	padding: 5px 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-weight: bold;
	color:white;
}
div.modal .modal-body{
	padding: 5px 5px;
}

#modal_inscriptions_evenement .modal-body{
	padding-top: 30px !important;
}

#modal_envoi_confirmation_inscription .modal-body{
	padding-top: 30px !important;
}

.progress-label{
	float:left;
	margin-left:0px;
	margin-right:5px;
}

.progress-bar{
	float:left !important;
	
	background-color: #f6872b !important;
	background-image: none !important;
}

.progress-nb-participants{
	color: #f6872b; /*#337ab7;*/
}

/* largeur des zones de pictogrammes à gauche des zones de saisie */
form span.input-group-addon{
	min-width:45px !important;
	vertical-align: middle !important;
}

/* MC - ajouté le 31.08.2018 : */
/*
div.ligne_champ_option span.span_separateur_champ_option{
	background-color: transparent;
	border:none;
	padding-left: 5px;
	padding-right: 5px;
	min-width: auto !important;
}

.has-feedback input.input_champ_option_nombre,
.has-feedback input.input_champ_option_montant,
.has-feedback input.input_champ_option_total{
	padding-right: 0px !important;
}
*/
/*
div.ligne_champ_option input.input-group-addon{
	min-width:100% !important;
	vertical-align: middle !important;
}
*/
div.ligne_champ_option input.input_champ_option_nombre,
div.ligne_champ_option input.input_champ_option_montant,
div.ligne_champ_option input.input_champ_option_total {
	padding-left: 2px !important;
	padding-right: 0px !important;
	text-align: center;
}
div.div_champ_option_nombre{
	position:relative;
}
input.input_champ_option_nombre {
	border-radius: 0px 0px 0px 4px !important;
}
input.input_champ_option_total {
	border-radius: 0px 0px 4px 0px !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
.has-success input.input_champ_option_total {
	border-left: 1px solid #3c763d !important;
	border-right: 1px solid #3c763d !important;
}
.has-error input.input_champ_option_total {
	border-left: 1px solid #a94442 !important;
	border-right: 1px solid #a94442 !important;
}
div.ligne_champ_option th:first-child{
	border-radius: 4px 0px 0px 0px !important;
}
div.ligne_champ_option th:last-child{
	border-radius: 0px 4px 0px 0px !important;
}
span.helptext{
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
	
	
	width: 100%;
	padding:2px;
	/*background:rgba(41,137,216, 0.75);
	border:1px solid #1E5799;*/
	border:1px solid #ccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/*
*/
}
div.has-success+em.help-block{
	margin-bottom: 0px;
}

span.fond-blanc, div.has-success span.fond-blanc{
	background-color: #fff !important;
}
span.label-prix{
	border-radius: 0px 0px 0px 4px !important;	
}
.no-border-left{
	border-left: none !important;
}
select.select_champ_option_nombre{
	border-radius: 4px 4px 0px 0px !important;
}


/* libellé informatif relatif aux zones obligatoires */
form .required-label, .required-label-right{
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: italic;
	font-size:12px;
	color: #8b0000;
}
#panier_zone_infos_reglement .required-label-right{
	padding-left: 15px;
	text-align: left;
	margin-bottom: 5px;
}


/* marquage des zones obligatoires */
form span.required-mark{
	position:relative;
	top:0px;
	right:-8px;
	padding: 0px ! important;
	color: #8b0000;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size:15px;
	vertical-align: top;
}

/* 
MC - le 31.08.2018
remplacé par la règle ci-après
input.txt_certificat_medical_licence{
	min-height: 45px;
}
*/
input.input-file{
	min-height: 45px;	
}

/* 12.10.2018 :
span.btn_supprimer_certificat_medical_licence{
	padding: 0px !important;
	vertical-align: middle;
	background-color: #6E1E1B;
}
span.btn_supprimer_certificat_medical_licence-label{
	font-family: Arial, Helvetica;
	font-weight: normal;	
	font-size: 14px;
}
*/
span.btn_supprimer_uploadfile{
	padding: 0px !important;
	vertical-align: middle;
	background-color: #6E1E1B;
}
span.btn_supprimer_uploadfile-label{
	font-family: Arial, Helvetica;
	font-weight: normal;	
	font-size: 14px;
}
/*<<<<<>>>>>>>*/

.help-block{
	color: #8b0000;	/*#a94442;*/
}

/*Boutons*/
.valider_inscription, .annuler_inscription, .autoriser_inscription {
	margin-top: 2%;
	margin-left: 2%;
	width: 220px;
}
#btn_valider_panier, #btn_supprimer_panier {
	margin-top: 2%;
	margin-left: 2%;
	width: 220px;
}


.button {
	cursor: pointer !important;	/* pour correction bug sur les iPad */
}

.texte_majuscule{
	text-transform: uppercase;
}
.texte_minuscule{
	text-transform: lowercase;
}
.texte_initiales_maj{
	text-transform: capitalize;
}

#panier_form_inscription{
	margin-top: 10px;
}
#panier_form_inscription .chk_compte_dossier_inscription{
	margin-top: 10px;
	margin-bottom: 20px;
}
#panier_form_inscription .chk_reglement_inscription{
	margin-top: 20px;
	margin-bottom: 10px;
}
#zone_email_dossier_inscription div{
	margin-bottom: 10px;
}
#zone_compte_dossier_inscription div{
	margin-bottom: 10px;
}
#panier_zone_validation{
	margin-top: 15px;
}


/* c'etait juste pour tester :
#div_attente_traitement{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
	background: rgba(0,0,0,.7);
	display: block;
	z-index: 999;
}
#div_attente_traitement .titre_attente_traitement{
	padding-left: 35px;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #32c7e5;
	background-image: url("ajax-loader3.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left; 
}
*/

.date_info_inscription{
	font-weight: bold;
}
span.annuler{
	cursor:auto !important;
}
.prix_tarif span.annuler{
	margin-bottom: 20px;
}

.renvoi_tarif_appelnote{
	padding: 0px ! important;
	color: #8b0000;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size:15px;
	vertical-align: top;
}
.renvoi_tarif_libnote{
	padding: 0px ! important;
	color: #8b0000;
	font-family: Arial, Helvetica;
	font-style: italic;
	font-size:10px;
}

/*Informations relatives au certificat médical dans les différents Datatable*/
td span.annuler{
	font-size:11px !important;
	width:75px;
	padding-left:5px;
	padding-right:5px;
}
td span.valider{
	font-size:11px !important;
	width:75px;
	padding-left:5px;
	padding-right:5px;
}
td span.btn-warning{
	font-size:11px !important;
	width:75px;
	padding-left:5px;
	padding-right:5px;
}


.modal_participant_destinataire{
	padding-left: 10px;
	margin-bottom: 10px;
}
.modal_participant_destinataire_lib{
	font-weight: bold;
}
.modal_participant_destinataire_nom{
	font-style: normal;
}
.modal_participant_infos{
	font-style: italic;
	padding-left: 10px;
	margin-bottom: 5px;
}
.modal_participant_msg{
	font-style: normal;
	padding-left: 10px;
	margin-bottom: 5px;
}
.form_modal_participant{
	padding-left: 10px;
	padding-right: 10px;
}

#modal_participant_modifier .modal-dialog{
/*	width: auto !important;
*/
}


#logo-site{
	text-align: center;
}
#logo-site img{
	cursor: pointer;
	display: inline-block !important;
}

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

.column-action{
	text-align: left;
	padding-left: 1px !important;
	
}

.tab_participants_solo .btn{
	padding: 2px 5px !important;
	margin-bottom: 2px !important; 
	color: white;
	font-weight: normal;
}
.tab_participants_relais .btn{
	padding: 2px 5px !important;
	margin-bottom: 2px !important; 
	color: white;
	font-weight: normal;
}
.tab_mes_inscriptions .btn{
	padding: 2px 5px !important;
	margin-bottom: 2px !important; 
	color: white;
	font-weight: normal;
}

/*
tbody tr.selected {
    color: white !important;
    background-color: #ff0000 !important;
}
*/

.btn-refresh {}
div.custom-dt-buttons {
	text-align: center;
}


/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/inscription/css/flags.png') no-repeat;
}


.flag.flag-be {
    background-position: -120px 0;
}

.flag.flag-bg {
    background-position: -144px 0;
}

.flag.flag-sm {
    background-position: 0 -144px;
}

.flag.flag-fr {
    background-position: -24px -48px;
}

.flag.flag-cz {
    background-position: -24px -24px;
}

.flag.flag-al {
    background-position: -24px 0;
}

.flag.flag-gr {
    background-position: -120px -48px;
}

.flag.flag-je {
    background-position: -96px -72px;
}

.flag.flag-fo {
    background-position: 0 -48px;
}

.flag.flag-sk {
    background-position: -168px -120px;
}

.flag.flag-ru {
    background-position: -96px -120px;
}

.flag.flag-me {
    background-position: -72px -96px;
}

.flag.flag-gg {
    background-position: -72px -48px;
}

.flag.flag-is {
    background-position: -48px -72px;
}

.flag.flag-ie {
    background-position: 0 -72px;
}

.flag.flag-ad {
    background-position: 0 0;
}

.flag.flag-ch {
    background-position: 0 -24px;
}

.flag.flag-se {
    background-position: -120px -120px;
}

.flag.flag-lu {
    background-position: -168px -72px;
}

.flag.flag-pl {
    background-position: 0 -120px;
}

.flag.flag-im {
    background-position: -24px -72px;
}

.flag.flag-ax {
    background-position: -72px 0;
}

.flag.flag-es {
    background-position: -120px -24px;
}

.flag.flag-by {
    background-position: -168px 0;
}

.flag.flag-hr {
    background-position: -144px -48px;
}

.flag.flag-rs {
    background-position: -72px -120px;
}

.flag.flag-ba {
    background-position: -96px 0;
}

.flag.flag-it {
    background-position: -72px -72px;
}

.flag.flag-at {
    background-position: -48px 0;
}

.flag.flag-pt {
    background-position: -24px -120px;
}

.flag.flag-va {
    background-position: -48px -144px;
}

.flag.flag-gi {
    background-position: -96px -48px;
}

.flag.flag-si {
    background-position: -144px -120px;
}

.flag.flag-mc {
    background-position: -24px -96px;
}

.flag.flag-dk {
    background-position: -72px -24px;
}

.flag.flag-no {
    background-position: -168px -96px;
}

.flag.flag-lt {
    background-position: -144px -72px;
}

.flag.flag-fi {
    background-position: -168px -24px;
}

.flag.flag-ua {
    background-position: -24px -144px;
}

.flag.flag-gb {
    background-position: -48px -48px;
}

.flag.flag-li {
    background-position: -120px -72px;
}

.flag.flag-de {
    background-position: -48px -24px;
}

.flag.flag-hu {
    background-position: -168px -48px;
}

.flag.flag-eu {
    background-position: -144px -24px;
}

.flag.flag-ee {
    background-position: -96px -24px;
}

.flag.flag-lv {
    background-position: 0 -96px;
}

.flag.flag-ro {
    background-position: -48px -120px;
}

.flag.flag-nl {
    background-position: -144px -96px;
}

.flag.flag-md {
    background-position: -48px -96px;
}

.flag.flag-mt {
    background-position: -120px -96px;
}

.flag.flag-mk {
    background-position: -96px -96px;
}


.btn-map-participants{
	text-align: left !important;
	padding: 2px 5px;
	font-size: 20px;
}
.btn-map-participants .fa{
	position: relative;
	top: -5px;
	margin: 0px;	
	margin-left: 0px;
}
.btn-map-participants .flag{
	position: relative;
	top: 8px;
	margin-left: -15px;
}


.epreuve-inscription-form-contenu fieldset legend, .epreuve-inscription-recap fieldset legend{
	font-weight: bold;
}
.epreuve-inscription-form-contenu label, .epreuve-inscription-recap label{
	font-weight: normal;
}

label.label_txt_montant{
	font-weight: bold;
}


/* pour aligner verticalement l'icone et le titre dans les entetes des cadres "accordéons" présents dans le cadre d'évenement et dans les cadres des épreuves*/
.accordion-event-title span{
	float:right;
	text-align: right;
}
/* pour que les liens <a> occupent toute la largeur du parent */
.accordion-event-title a{
	display: block;
	width: 100%;
	cursor: pointer;	/* pointeur type "main" , ça fait plus beau */
}

.option-barree{
	color: grey;
	cursor: not-allowed;
	text-decoration: line-through;
}
.option-barree span{
	text-decoration: line-through;
}


/* 
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
///////////////// CI-DESSOUS : A VERIFIER SI OK et A AMELIORER LE CAS ECHEANT //////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


div section img{
	width:23%;
	margin: auto;
	height: 125px;
	margin-top: 0.5%;
	margin-bottom: 0.5%;
} 


.margin_left{
	margin-left: 0.5%;
}

.margin_top_5{
	margin-top: 0.5%;

}
.marge_right{
	margin-right: 1%;
}
.marge_bot{
	margin-bottom:3%;
}
.no_marge_left{
	margin-left:0;
}
.border_radius_5px{
	border-radius: 5px;
}
.bouton{
	margin-top: 1%;
	margin-bottom: 1%;

}
.div_bouton{
	margin-top: 1%;
}

.border_black{
	border-color: black;
}
.color_black{
	color: black;
}
.color_white{
	color: white;
}

.margin_top_2{
	margin-top: 2%;
}

.modal-header{
	padding: 0px;
}
.carousel-inner > .item > a > img{
	
	margin:auto;
	height: 300px;
}
.carousel{
	height: 300px;
}
/*Div qui contient les pièces jointes*/
.div_piece_jointe{
	margin-top: 2%;
	margin-bottom: 2%;
}



/*Couleur des bouton*/
.btn{
	background-color: #7a7d7f;

}
/*Lorsqu'un bouton est cliqué*/
.btn:focus{
	outline:none;
}
/*Au survol d'un bouton*/
.btn:hover{
	cursor: pointer;
}


	/*Classe pour l'effet des boutons*/
.afficher_gps{
	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
	-webkit-box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
}




table thead tr th{
	background-color: #4B4B4B;
}

table thead th{
	text-align: center;
}
table tbody td{
	text-align: center;
}

table.dataTable.dtr-inline.collapsed.table_group>tbody>tr.group>td:first-child:before{
	display: none !important;

}

th{
	background-color: grey;
	color:white;
}
td{
	background-color:#f1f1f1 ;
}
h2{
	margin: 0;
}
h3{
	padding: 0;
	margin: 0;
}
h6{
	padding: 0;
	margin:0;
}
h5{
	padding: 0;
	margin:0;
}

/*.inscription_panier{
	margin: 1% 0 1% 1%;
}*/

div a:hover{
	text-decoration: none;
	cursor: pointer;
}
div a:focus{
	text-decoration: none;
	cursor: pointer;
}

.div_panier_inscription{
	margin-left: 2%;
}
.info_evenement{
	height: 300px;
}

/* */
.gps_epreuve{
	margin-left: 10px;
}
.participant{
	width: 200px;
}
.inscription{
	width: 200px;
}
.trace_gpx_link{
	color: black;
}
/* Fading animation */