
/* Header */

div#simulation_connexion {
	padding: 0px 10px 0px 10px;
	background: #666;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #aaa;
	color: #fff;
}

div#simulation_connexion div.info_user {
	
}

div.liste_simulation_connexion {
	padding: 10px 0;
}
div.liste_simulation_connexion p {
	font-weight: bold;
	margin-bottom: 2px;
}
div.liste_simulation_connexion form select {
	height: auto;
	padding: 1px 2px;
}

div.liste_simulation_connexion form #select_user_simulation_connexion {
	/*width: 118px;*/
	width: 100%;
	height: 32px;
	padding: 5px 2px;
}

div.liste_simulation_connexion div.row {
	margin: 0;
}

div.liste_simulation_connexion div.col-md-9,
div.liste_simulation_connexion div.col-md-3 {
	padding: 0 2px;
}


/* Corps */


/* Footer */


/* Classes communes */

.ajaxLoader {
	width:32px;
	height:32px;
	background:url(../images/ajax-loader.gif) center center no-repeat ;
	padding: 20px 15px;
}

.ajaxLoader_petit {
	width:20px;
	height:20px;
	background:url(../images/ajax-loader-petit.gif) center no-repeat ;
}

p.item_prec, p.date_prec {
	float: left;
}

p.item_suiv, p.date_suiv {
	float: right;
}

p.nb_items {
	text-align:center;
	font-weight: bold;
}

html body div.code .hl-main {
	background-color: #f5f5f5;
}

div.page div.content_page div.gestion_droits p.sous_titre {
	border-color: #cdcdcd;
}

div.gestion_droits p.liste_droit {
	margin: 2px 10px 10px 5px;
}

img.autorise, img.interdit {
	width: 15px;
}

img.icone_provider {
	max-height: 20px;
	max-width: 36px;
}

div.gestion_droits div.liste_cols_stats_appels_in label.type_appel, div.gestion_droits div.liste_cols_stats_appels_out label.type_appel {
	font-weight: bold;
}

div.gestion_droits div.liste_cols_stats_appels_in {
	float: left;
	width: 150px;
}

div.gestion_droits div.liste_cols_stats_appels_out {
	float: left;
	margin-left: 30px;
	width: 150px;
}


img.drapeau {
	width: 20px;
}

img.lien_precedent, img.lien_suivant {
	width: 24px;
	margin: 0 5px;
}

img.fleche {
	width: 22px;
}

img.user_img {
	max-width: 100%;
}

p.erreur_form {
	color: #E62D0A;
}

span.very_important {
	/*font-weight: bold;*/
	color: #E62D0A;
}

div.code p.link {
	text-align: right;
}

.pagination {
	margin: 0;
}


span.progression {
	font-size: 11px;
	color: #777;
}


img.photo_user {
	height: 150px;
	border: 1px solid #888;
}

img.droit {
	width: 15px;
}

dl.dl-center dt {
	width: 50%;
	padding-right: 10px;
}

/* Infos bulles */

form a.infobulle img {
	vertical-align: middle;
	display: inline-block;
	height: 22px;
	width: 22px;
}
/*
form a.infobulle:hover span.info_form {
	position: relative;
	top: 0;
}
*/
div.page div.content_page a.infobulle {
	font-weight: normal;
}


a.infobulle {
	position: relative;
	text-decoration: none;
}

a.infobulle span, span.info_form {
	display: none; /* on masque l'infobulle */
	position: absolute;
	/*white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 30px; /* on positionne notre infobulle */
	left: 10px;
	padding: 3px;
	color: black;
	width: auto;
}

a.infobulle:hover, a.infobulle.show {
	text-decoration: none;
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.infobulle:hover span, a.infobulle.show span {
	display: inline; /* on affiche l'infobulle */
}

.infobulle:hover span {
	background: #b6cbf6;
	border: 1px solid #3c47b5;
}

/*
a.infobulle span.show {
	display: inline;
}
*/

form a.infobulle:hover span.info_form, form a.infobulle.show span.info_form {
	top: 0;
	left: 40px;
	vertical-align: top;
	width: 200px;
}

/*
.infobulle {
	position:absolute;
	padding:10px 15px;
	width:200px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	-moz-box-shadow: 1px 1px 12px #AAA;
	-webkit-box-shadow: 1px 1px 12px #AAA;
	border:1px solid #fff;
	background-color:#9A8A9C;
}

*/

div.url_base {
	word-wrap: break-word;
}


table tr.aucune_donnee td {
	text-align: center;
	padding: 15px 20px;
	font-weight: bold;
}


/* Count down */

div#count_down {
	float: right;
	height: 17px;
	font-size: 12px;
}

div#count_down_title {
	float: left;
	margin-right: 5px;
}

div#count_down_graphique {
	float: left;
	width: 122px;
	height: 10px;
	border: 1px solid #1478BE;
	margin-top: 3px;
}

div#count_down_current {
	height: 8px;
	background: #1478BE;
	width: 0px;
}

div#count_down_texte {
	float: left;
	width: 40px;
	height: 17px;
	margin-left: 8px;
}

div#count_down_lien {
	float: left;
	width: 90px;
	margin-left: 8px;
}


table.achat_total th, table.achat_total td {
	text-align: right;
}

table.achat_total tr th.libelle_produit, table.achat_total tr td.libelle_produit {
	text-align: left;
}

table.achat_total tfoot td.label_param {
	width: 50%;
}


/* Général */

.no-margin {
	margin: 0!important;
}

.no-padding {
	padding: 0!important;
}

.waiting {
	background: rgba(255, 255, 255, 0.5) url(../images/ajax-loader.gif) no-repeat center center;
}

.hide, .cacher {
	display: none;
}

.print {
	display: none;
}

.cb, .cl {
	clear: both;
}

.good {
	color: #00B43C;
}

.erreur, .error {
	color: #E62D0A;
}

.warn {
	color: #e6810a;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.gras {
	font-weight: bold
}

.souligne {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.barre {
	text-decoration: line-through;
}

.invisible {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.align_center {
	vertical-align: middle;
	display: inline-block;
}

.align_image img {
	vertical-align: middle;
	display: inline-block;
}

.inline-block {
	display: inline-block;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.ln30 {
	line-height: 30px;
}