/* #PRODUIRE{fond=plugins/eden/css/eden.css}
   md5:6f96014130efa967048cd2c51840ed63 */
/* taille champ recherche dans liste OLD avant datatable*/
/*.header-static input.edn_recherche { height: 30px; font-size: 12px; width: 50%;}*/
/*.header-static select.edn_recherche { height: 30px; font-size: 12px; }*/

/* pour les liste avec datatable */
#tableau {border-top:1px solid #111;}

.header-static table.dataTable thead th, .header-static table.dataTable thead td {padding: 10px 18px 10px 8px}
.header-static table.dataTable thead tr.filtres th {padding: 10px 8px;border-bottom: 1px solid #111;}

.header-static table.dataTable thead tr th.champ_statut,
.header-static table.dataTable thead tr.filtres th.champ_statut,
.header-static table.dataTable tfoot tr.filtres th.champ_statut {width: 65px;}
.header-static table.dataTable tfoot tr.filtres th.champ_r_soc {width: 40%;}
.header-static table.dataTable thead tr th.champ_nb_point,
.header-static table.dataTable thead tr.filtres th.champ_nb_point,
.header-static table.dataTable tfoot tr.filtres th.champ_nb_point {width: 60px;}
.header-static table.dataTable thead tr.filtres th.champ_agence,
.header-static table.dataTable tfoot tr.filtres th.champ_agence {width: 70px;}
.header-static table.dataTable thead tr th.champ_type,
.header-static table.dataTable thead tr.filtres th.champ_type,
.header-static table.dataTable tfoot tr.filtres th.champ_type {width: 60px;}
.header-static table.dataTable thead tr th.champ_disponibilite,
.header-static table.dataTable thead tr.filtres th.champ_disponibilite,
.header-static table.dataTable tfoot tr.filtres th.champ_disponibilite {width: 65px;}

.header-static table.dataTable thead tr th.champ_periode,
.header-static table.dataTable thead tr.filtres th.champ_periode,
.header-static table.dataTable tfoot tr.filtres th.champ_periode {width: 15%;}
.header-static table.dataTable thead tr th.champ_description,
.header-static table.dataTable thead tr.filtres th.champ_description,
.header-static table.dataTable tfoot tr.filtres th.champ_description {width: 55%;}
.header-static table.dataTable thead tr th.champ_nb_points,
.header-static table.dataTable thead tr.filtres th.champ_nb_points,
.header-static table.dataTable tfoot tr.filtres th.champ_nb_points {width: 15%;}
.header-static table.dataTable thead tr th.champ_montant,
.header-static table.dataTable thead tr.filtres th.champ_montant,
.header-static table.dataTable tfoot tr.filtres th.champ_montant {width: 15%;}


.header-static .titre_statut {width:60px}

.header-static .champ_nom input, .header-static .champ_prenom input {width:100%;}
.header-static .champ_login input, .header-static .champ_statut input {width:100%;}
.header-static .champ_agence input, .header-static .champ_type input {width:100%;}
.header-static .champ_formule input, .header-static .champ_disponibilite input{width:100%;}
.header-static .champ_nb_point input{width:100%;}
.header-static .champ_raison_sociale input, .champ_geographie input, .header-static .champ_en_ligne input {width:100%;}
.header-static .champ_sans_input input {display:none}
.header-static .champ_periode input, .champ_description input, .header-static .champ_nb_points input, .header-static .champ_montant input {width:100%;}

.header-static #edn_adherent_formule_liste table.dataTable thead tr th.champ_date,
.header-static #edn_adherent_formule_liste table.dataTable thead tr.filtres th.champ_date,
.header-static #edn_adherent_formule_liste table.dataTable tfoot tr.filtres th.champ_date {width: 65px;}
.header-static  #edn_adherent_formule_liste table.dataTable .champ_date input{width:100%;}


table.fixedHeader-floating {z-index:2000}

input, select, textarea, checkbox {
	/*margin: 5px 0;*/
	padding: 5px 2px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
	font: bold 12px Arial, Sans-serif;
	background: #ffffff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

.formulaire_spip .formulaire_adhesion input[type="file"] {height:auto;}

.tooltip {font-family: 'Open Sans', sans-serif;}


#progression .step {
	position: relative;
	display: inline-block;
	margin-right: -5px;
	vertical-align: middle;
	width: 17.5%;
}
#progression .step:after {
	content: "";
	clear:both;
	display: block;
}
#progression .step:first-child {
	width: 32px;
	margin-left: 5%;
}
#progression .step .step-content {
	/*bottom: 25px;*/
	color: #bfbfbf;
	height: auto;
	position: absolute;
	right: -48px;
	text-align: center;
	transition: all 0.3s ease 1s;
	width: 130px;
	line-height: 1em;
	z-index: 180;
}
#progression .step .step-content:after {
	content: "";
	clear:both;
	display: block;
}
#progression .step .step-content a {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 15px;
	transition: all 0.6s ease 0s;
	color:rgba(21,127,83,1);
}
#progression .step.current .step-content a {
	color:rgba(21,127,83,1);
	font-weight:700;
}
#progression .step .step-content a:hover,
#progression .step .step-content a:focus,
#progression .step .step-content a:active {
	color:rgba(21,127,83,1);
}
#progression .step:hover a {
	color:rgba(21,127,83,1);
}
#progression .step .step-content p {
	font-size: 13px;
	font-weight: bold;
	opacity: 0;
	transition: all 0.6s ease 0s;
	bottom: -45px;
	height: 15px;
	left: 0;
	position: absolute;
	width: 100%;
}
#progression .step .step-progress {
	/*width: 32px;*/
}
#progression .step .step-progress {
	height: 32px;
	padding-right: 31px;
	padding-top: 11px;
	position: relative;
	width: auto;
	font-size: 3.5rem;
}
#progression .step .step-progress .step-bar {
	background: rgba(21,127,83,1) none repeat scroll 0 0;
	height: 8px;
	margin-left: 0;
	position: relative;
	width: 100%;
	z-index: 50;
}

#progression .step .step-progress .step-bar::after {
	background: rgba(21,127,83,1) none repeat scroll 0 0;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 0;
}
#progression .step .step-progress .step-circle {
	align-items: center;
	/*background: #bfbfbf none repeat scroll 0 0;
	border-radius: 50%;*/
	display: flex;
	height: 32px;
	justify-content: center;
	margin-bottom: -1px;
	margin-top: -1px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 1s;
	width: 32px;
	z-index: 100;
	.opacity(.6);
}
#progression .step.current .step-progress .step-circle,
#progression .step:hover .step-progress .step-circle {
	.opacity(1);
}
.step .step-progress .step-circle::after {
	/*background: #fff none repeat scroll 0 0;
	border: 10px solid #fff;
	border-radius: 50%;
	content: "";
	display: block;
	height: 20px;
	transition: all 0.3s ease 0s;
	width: 20px;*/
}
#progression .step:first-child .step-progress .step-bar {
	display: none;
}
#progression .step.current .step-content {
	color: #333333;
}
#progression .step.done {
	cursor: pointer;
}
#progression .step.done:hover h4, .step.done:hover p {
	color: #383838;
}
#progression .step.done .step-content p {
	opacity: 1;
}
#progression .step.done .step-progress .step-circle {
	background: #ff7f00 none repeat scroll 0 0;
}
#progression .step.done .step-progress .step-bar::after {
	height: 160px;
	 width: 100%;
}

#progression:after {
	content: "";
	clear:both;
	display: block;
	position:relative;
	height:50px;
}


@media (min-width: 980px) {
	.col-md-3.modules {
		width:20%;
	}
}