* {
	margin:0;
	padding:0;
	font-family: Arial;
	font-family: 'Open Sans', sans-serif;
}	

select { background:#fff; border:1px solid #333; }
select:disabled { background:#eee; }
b, i, u, strong {
	color:inherit;
}

#dev { background:#ff0000; color:#ffffff; text-align:center; padding:5px; }

span.notification { 
    background: #f18e00 none repeat scroll 0 0;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display: inline-block;
    margin-right: 5px;
}

.info-bulle {
    background: #3a94ff none repeat scroll 0 0;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 14px;
    padding: 0 7px;
	cursor:pointer;
}

iframe {
    box-sizing: border-box !important;
    padding: 5px !important;
}

.ajusteur {
	clear:both;
	display:block;
}

.cliquable {
	cursor:pointer;
}

.label_form {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    width: 25%;
}
	
.label_form > span {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

.alert {
	width:100%;
	top:0;
	left:0;
	right:0;
	z-index:10100;
	display:none;
}

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

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

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

.weight-600{
	font-weight:600;
}

.weight-700{
	font-weight:700;
}

.weight-800{
	font-weight:800;
}

.codePostal {
	width:100px!important;
}

select.error,
input.error,
ul.error,
.select2-container.error .select2-choice,
textarea.error,
.mce-tinymce.error {
	border:1px solid #f93a3a!important;
}

.span-obligatoire {
	color:red;	
}

th .span-obligatoire {
    color: #fff;
}


body .alert {
	position:fixed;
}

#section #main-content .alert,
.modal .alert {
	position:relative;
}

.hide {
	display:none;
}

input[type=number] {
	width:150px;
}

body {
	font-size: 13px;
}

a {
	color:#333;
}

#section {
    margin: 30px 0;
}

#section table,
#section table tr,
#section table th,
#section table td {
	font-size: 13px;
}


#section table th.center {
	text-align:center!important;
}

#section #main-content tr td {
    padding: 10px 5px;
}
	
table tbody tr {
    border-bottom: 1px solid #dededf;
}
	
#section table.table-listing {
	width:100%;
	margin-bottom:70px;
}

#section table.table-listing th,
#section table.table-listing td {
	line-height:20px;
	padding: 10px 15px;
	vertical-align:middle;
} 

#section table.table-listing th {
	font-weight:800;
}

#section table.table-listing th.fond {
	border-right: 1px solid #ccc;
}

#section table.table-listing th.vide {
	border-right: none;
}

#section  tr.cadrillage td.fond {
    border-right: 1px solid #ddd;
}

#section  tr.cadrillage td.vide {
    border:none;
}

#section table.table-listing th.vide,
#section table.table-listing td.vide {
	width:12%;
	padding:0;
}

#section table.table-listing th.action {
	color:#f18e00;
}

#section table.table-listing th.fond {
	background:#dededf;
}

#section table.table-listing thead tr  {
	border-top:#dededf 1px solid;
	border-bottom:#dededf 1px solid;
	font-size:13px;
}

#section table.table-listing tbody tr {
	border-bottom:#dededf 1px solid;	
	font-size:12px;		
}

#section table.sous-table-listing {
	margin:0px;
}

#section table.sous-table-listing,
#section table.sous-table-listing tr,
#section table.sous-table-listing td {
	border:1px solid #eee;
	border-collapse:collapse;
}

#section table.sous-table-listing th,
#section table.sous-table-listing td {
	padding:10px 15px;
} 

#section #main-content {
	padding-bottom:30px;
}

#section #main-content .categorie {
	width:100%;
	margin:0 0 10px 0;
}

#section #main-content .categorie {
	background:url(../images/styles/trait-orange.jpg) center center repeat-x;
}

#section #main-content .categorie-boutons {
	padding-right:5%;
}

#section #main-content .categorie .debut {
	width:5%;
}

#section #main-content .categorie .debut,
#section #main-content .categorie .bord-gauche,
#section #main-content .categorie .nom,
#section #main-content .categorie .bord-droit,
#section #main-content .categorie .fin {
	float:left;
	height: 39px;
}

#section #main-content .categorie .btn-ajout {
	color: #fff;
	float: left;
	margin: -1px 0 0 20px;
	padding: 0 10px 0 20px;
	background:url(../images/styles/plus-blanc.png) no-repeat 5px center #f68c02;
}
			
#section #main-content .categorie .bord-gauche {
	background:url(../images/styles/angle-gauche-categorie.png) no-repeat right center;
	width:41px;
	float:right;
}

#section #main-content .categorie .nom {
	line-height:39px;
	background:#5a5a5b;
	padding:0 40px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

#section #main-content .categorie .bord-droit {
	background: url(../images/styles/angle-droit-categorie.png) left center no-repeat;
	width:41px;
}

#section #main-content .action-vue {
	border: 1px solid #5a5a5b;
	float: right;
	height: 39px;
	margin: 0 5px;
	width: 39px;
}

#section #main-content .action-listing {
	width:32px;
	height:32px;
	border:1px solid #5a5a5b;
	float:left;
	margin:5px;
	display: flex;
	align-items: center;
	justify-content: center;
}


#section #main-content .action-listing i { font-size: 20px; color: #6d6d6e; }
#section #main-content .action-listing.disabled, #section #main-content .action-listing.disabled:hover { background-color: #ffffff; }
#section #main-content .action-listing.disabled i, #section #main-content .action-listing.disabled:hover i { color: #dddddd; }
#section #main-content .action-listing:hover i { color: #ffffff; }
#section #main-content .action-listing:hover { background-color: #f18e00; }

#section #main-content .action-listing.disabled {
	border:1px solid #dddddd;
}

#section #main-content .action-vue:hover,
#section #main-content .action-listing:hover {
	cursor:pointer;
}

#section #main-content .action-vue.disabled:hover,
#section #main-content .action-listing.disabled:hover {
	cursor:default;
}

#section #main-content .action-listing.user {
	background: url(../images/styles/icon-user.png) center center no-repeat #fff;
}
#section #main-content .action-listing.user:hover {
	background: url(../images/styles/icon-user-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.pencil {
	background: url(../images/styles/icon-pencil.png) center center no-repeat #fff;
}
#section #main-content .action-listing.pencil:hover {
	background: url(../images/styles/icon-pencil-hover.png) center center no-repeat #f18e00;
}
#section #main-content .action-listing.pencil.disabled,
#section #main-content .action-listing.pencil.disabled:hover {
	background: url(../images/styles/icon-pencil-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.suivi {
	background: url(../images/styles/icon-suivi.png) center center no-repeat #fff;
}
#section #main-content .action-listing.suivi:hover {
	background: url(../images/styles/icon-suivi-hover.png) center center no-repeat #f18e00;
}
#section #main-content .action-listing.suivi.disabled,
#section #main-content .action-listing.suivi.disabled:hover {
	background: url(../images/styles/icon-suivi-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.remove,
#section #main-content .action-listing.annuler {
	background: url(../images/styles/icon-remove.png) center center no-repeat #fff;
}
#section #main-content .action-listing.remove:hover,
#section #main-content .action-listing.annuler:hover {
	background: url(../images/styles/icon-remove-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.remove.disabled,
#section #main-content .action-listing.remove.disabled:hover,
#section #main-content .action-listing.annuler.disabled,
#section #main-content .action-listing.annuler.disabled:hover {
	background: url(../images/styles/icon-remove-disabled.png) center center no-repeat #fff;
}
			
#section #main-content .action-listing.detail {
	background: url(../images/styles/icon-detail.png) center center no-repeat #fff;
}
#section #main-content .action-listing.detail:hover {
	background: url(../images/styles/icon-detail-hover.png) center center no-repeat #f18e00;
}
			
#section #main-content .action-listing.euro {
	background: url(../images/styles/icon-euro.png) center center no-repeat #fff;
}
#section #main-content .action-listing.euro:hover {
	background: url(../images/styles/icon-euro-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.euro.disabled,
#section #main-content .action-listing.euro.disabled:hover {
	background: url(../images/styles/icon-euro-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.formateur {
	background: url(../images/styles/icon-formateur.png) center center no-repeat #fff;
}
#section #main-content .action-listing.formateur:hover {
	background: url(../images/styles/icon-formateur-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.competences {
	background: url(../images/styles/icon-competences.png) center center no-repeat #fff;
}
#section #main-content .action-listing.competences:hover {
	background: url(../images/styles/icon-competences-hover.png) center center no-repeat #f18e00;
}
#section #main-content .action-listing.actu {
	background: url(../images/styles/icon-actualiser.png) center center no-repeat #fff;
}
#section #main-content .action-listing.actu:hover {
	background: url(../images/styles/icon-actualiser-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.actu.disabled,
#section #main-content .action-listing.actu.disabled:hover {
	background: url(../images/styles/icon-actualiser-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.valider {
	background: url(../images/styles/icon-valider.png) center center no-repeat #fff;
}
#section #main-content .action-listing.valider:hover {
	background: url(../images/styles/icon-valider-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.valider.disabled,
#section #main-content .action-listing.valider.disabled:hover {
	background: url(../images/styles/icon-valider-disabled.png) center center no-repeat #fff;
}
#section #main-content .action-listing.cloturer {
	background: url(../images/styles/icon-cloturer.png) center center no-repeat #fff;
}
#section #main-content .action-listing.cloturer:hover {
	background: url(../images/styles/icon-cloturer-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.cloturer.disabled,
#section #main-content .action-listing.cloturer.disabled:hover {
	background: url(../images/styles/icon-cloturer-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.inscription {
	background: url(../images/styles/icon-inscription.png) center center no-repeat #fff;
}
#section #main-content .action-listing.inscription:hover {
	background: url(../images/styles/icon-inscription-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.inscription.disabled,
#section #main-content .action-listing.inscription.disabled:hover {
	background: url(../images/styles/icon-inscription-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.document {
	background: url(../images/styles/icon-file.png) center center no-repeat #fff;
}
#section #main-content .action-listing.document:hover {
	background: url(../images/styles/icon-file-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.document.disabled,
#section #main-content .action-listing.document.disabled:hover {
	background: url(../images/styles/icon-file-disabled.png) center center no-repeat #fff;
}
#section #main-content .action-listing.param {
	background: url(../images/styles/icon-param.png) center center no-repeat #fff;
}
#section #main-content .action-listing.param:hover {
	background: url(../images/styles/icon-param-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.report {
	background: url(../images/styles/icon-report.png) center center no-repeat #fff;
}
#section #main-content .action-listing.report:hover {
	background: url(../images/styles/icon-report-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.report.disabled,
#section #main-content .action-listing.report.disabled:hover {
	background: url(../images/styles/icon-report-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.send {
	background: url(../images/styles/icon-send.png) center center no-repeat #fff;
}
#section #main-content .action-listing.send:hover {
	background: url(../images/styles/icon-send-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.send.disabled,
#section #main-content .action-listing.send.disabled:hover {
	background: url(../images/styles/icon-send-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.presence {
	background: url(../images/styles/icon-presence.png) center center no-repeat #fff;
}
#section #main-content .action-listing.presence:hover {
	background: url(../images/styles/icon-presence-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.presence.disabled,
#section #main-content .action-listing.presence.disabled:hover {
	background: url(../images/styles/icon-presence-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.money {
	background: url(../images/styles/icon-money.png) center center no-repeat #fff;
}
#section #main-content .action-listing.money:hover {
	background: url(../images/styles/icon-money-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.money.disabled,
#section #main-content .action-listing.money.disabled:hover {
	background: url(../images/styles/icon-money-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.connexion {
	background: url(../images/styles/icon-connexion.png) center center no-repeat #fff;
}
#section #main-content .action-listing.connexion:hover {
	background: url(../images/styles/icon-connexion-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.connexion.disabled,
#section #main-content .action-listing.connexion.disabled:hover {
	background: url(../images/styles/icon-connexion-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-listing.download {
	background: url(../images/styles/icon-download.png) center center no-repeat #fff;
}
#section #main-content .action-listing.download:hover {
	background: url(../images/styles/icon-download-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-listing.download.disabled,
#section #main-content .action-listing.download.disabled:hover {
	background: url(../images/styles/icon-download-disabled.png) center center no-repeat #fff;
}

#section #main-content .action-vue.calendar {
	background: url(../images/styles/icon-calendar.png) center center no-repeat #fff;
}
#section #main-content .action-vue.calendar:hover {
	background: url(../images/styles/icon-calendar-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-vue.listing {
	background: url(../images/styles/icon-listing.png) center center no-repeat #fff;
}
#section #main-content .action-vue.listing:hover {
	background: url(../images/styles/icon-listing-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-vue.exporter {
	background: url(../images/styles/icon-exporter.png) center center no-repeat #fff;
}
#section #main-content .action-vue.exporter:hover {
	background: url(../images/styles/icon-exporter-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-vue.imprimer, #section #main-content .action-vue.imprimer-calendrier {
	background: url(../images/styles/icon-imprimer.png) center center no-repeat #fff;
}
#section #main-content .action-vue.imprimer:hover, #section #main-content .action-vue.imprimer-calendrier:hover {
	background: url(../images/styles/icon-imprimer-hover.png) center center no-repeat #f18e00;
}

#section #main-content .action-vue.prev {
	background: url(../images/styles/icon-prev.png) center center no-repeat #fff;
}
#section #main-content .action-vue.prev:hover {
	background: url(../images/styles/icon-prev-hover.png) center center no-repeat #f18e00;
}

#section #main-content .filtres {
	padding-left:20%;
	width: 100%;
	margin: 20px 0;				
}

#section #main-content .filtres > label, 
#section #main-content .filtres > select,
#section #main-content .filtres .select2-container,
#section #main-content .filtres .filtre {
	float:left;
}

#section #main-content .filtres .filtre button {
	float:right;
}

#section #main-content .filtres select,
#section #main-content .filtres .select2-container {
	min-width:10%;
	margin:0 5px;
}

#section #main-content .filtres .filtre {
	border-left:1px solid #ccc;
	padding-left:10px;
}

#section #main-content .filtres .filtre .champ-date {
	margin-right:5px;
	width:20%;
	min-width:80px;
}

#section .label-petit {
    font-weight: 400;
}

#section #main-content > .nav.nav-tabs {
    margin: 30px 15px 0;
}

#section #main-content > .tab-content {
    margin: 0 15px;
}

.tab-content {
    margin-top: -1px;
	min-height:100px;
    border: 1px solid #999;
}

.modal .tab-content {
    margin: -1px 0px;
}

.tab-pane table {
	width: 100%;
}

.tab-pane table thead tr {
	border-top: 1px solid #bbe2e0;
	border-bottom: 1px solid #bbe2e0;
}

.tab-pane table th {
	padding: 10px 5px;
}

.tab-pane table th.fond,
#section table.sous-table-listing th.fond,
.modal table th.fond {
	background-color:#86cbc8;
	color:white;
}

.tab-pane table th.action,
#section table.sous-table-listing th.action {
	background:#fff;
	color:#6bb0ad;
}

.tab-pane .alert {
	margin-bottom:20px;
}
	
tr.btn-addRow {
	text-align:right;
	border:none!important;
}

tr.btn-addRow td { border-bottom-color:#fff!important; border-left-color:#fff!important; border-right-color:#fff!important; }

.addRow,
.removeRow {
    color: #fff;
    float: right;
	padding: 0 10px 0 20px;
}

.addRow {
	background: url("../images/styles/plus-blanc.png") no-repeat scroll 5px center #f68c02;
    margin-top: 15px;
}

.removeRow { 
	background: url("../images/styles/close-blanc.png") no-repeat scroll 5px center #f68c02;
} 

.bouton {
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
	margin: 10px 15px;
    padding: 0 20px;
}

.bouton.valider {
	float:right;
    color: #fff;
}

.bouton.valider.orange {
	background: none repeat scroll 0 0 #f68c02;
} 

.bouton.valider.bleu {
	background: none repeat scroll 0 0 #86cbc8;
} 

.bouton.annuler {
	border:1px solid #5a5a5b;
	float:right;
	color:#5a5a5b;
}

.bouton.supprimer {
	background: none repeat scroll 0 0 #a0a0a2;
	float:left;
    color: #fff;
}

#section #main-content .bloc_formulaire {
    float: left;
    width: 48%;
}


#section #main-content .bloc_formulaire + .bloc_formulaire {
    margin-left: 4%;
}
			
#section #main-content input[type=text] {
	width:60%;
}
			
#section #main-content input.horaire {
	width:60px;
}

#section #main-content input[type="text"].date,
#section #main-content input[type="text"].fourchette,
#section #main-content input[type="text"].prix,
#section #main-content input[type="text"].montant {
	width: 100px;
}

#section #main-content textarea {
	width:60%;
	resize:vertical;
	min-height:100px;
}

.double-element input {
	width:75px;
}

#section #main-content fieldset {
    padding: 20px;
	border:2px solid #999999;
}

#section #main-content fieldset + fieldset { 
	margin-top:20px;
}

#section #main-content fieldset legend {
    font-weight: bold;
}

#section #main-content fieldset legend span {
	float:left;
}

#section #main-content fieldset legend span.border-left {
    background: url(../images/styles/angle-gauche-legend.png) no-repeat;
	width:29px;
	height:30px;
}

#section #main-content fieldset legend span.block-center {
    background: none repeat scroll 0 0 #d9d9d9;
    padding: 0 5px;
	line-height:30px;
}

#section #main-content fieldset legend span.border-right {
    background: url(../images/styles/angle-droit-legend.png) no-repeat;
	width:30px;
	height:30px;
}

.titre-depliant {
	font-size: 13px;    
	margin: 10px 0 0 0;
	font-weight: 600;    
	padding: 0.5em 0.5em 0.5em 0.7em;
}

.titre-depliant span {
	font-size:11px;
	margin-left:20px;
}

.titre-depliant.ferme {
	background: none repeat scroll 0 0 #c9cace;
	border: 1px solid #aaaaaa;
	color: #333333;
}

.titre-depliant.ouvert {
	background: none repeat scroll 0 0 #dba258;
	border: 1px solid #aaaaaa;
	color: #fff;
}

.depliable {
	border: 1px solid #aaaaaa;
	margin: -1px 0 10px 0;
	padding:20px;
}

.depliable .nav-tabs {
	margin-top:10px;
}

.listeDocument {
	margin-top:0!important;
    padding-left: 20px!important;
}

select {
	max-width:500px;
}



@media (max-width: 1100px) {
	#section #main-content .categorie .bord-droit, #section #main-content .categorie .debut {
    	display:none;
	}
	#section #main-content .categorie .nom {
		height:auto;
		margin: 0 10px;
	}
	#section #main-content .filtres {
		padding:0 0 0 2%;
	}
}

@media (max-width: 950px) {
	#section #main-content .bloc_formulaire + .bloc_formulaire {
    	margin-left: 0%!important;
	}
	#section #main-content .bloc_formulaire {
		float: none;
		width: 100%;
	}
}

@media (max-width: 850px) {
	#section #main-content tr.client.ferme td.vide,
	#section #main-content tr.client.ouvert td.vide {
		background-position:right 5px center!important;
	}
}

.listeDocument li {
	line-height:32px;
	list-style:none;
	margin:0!important;
	clear:both;
}

.listeDocument ul {
	margin-top:0!important;
    padding-left: 30px;
}

.listeDocument a {
    float: left;
}

.listeDocument .action-listing {
	margin:0 0 0 10px!important;
}

div.informations {
    background-color: #fcf9eb;
    border: 1px solid #d3c200;
	padding:15px;
}

.pagination-perso { width:100%; }
.pagination-perso td, .pagination-perso tr { border:none; }
.pagination-perso td { width:20%; }
.pagination-perso td + td { width:60% }
.pagination-perso td + td + td { width:20% }
.pagination-perso a { margin: 0 5px; }
.pagination-perso a.active { font-weight: bold; }

.table-listing + .pagination-perso {
margin-top:-60px;
}

.dropdown-menu {
  width: 100%;
  padding: 0;
}
.dropdown-menu li a {
  padding: 10px;
}

.dropdown-menu li + li a { border-top:1px solid #ccc; }

body #listingExportEnCours { position:fixed; top:5px; left:5px; z-index:1000; }
body #listingExportEnCours .alert { position:relative; display:block; text-align:left; }
body #listingExportEnCours .alert + .alert { margin-top:5px; }
body #listingExportEnCours .alert a { color:#3c763d; }

.ui-accordion .ui-accordion-header { background:#86cbc8; padding-top:10px!important; padding-bottom:10px!important; color:#ffffff; font-weight:bold; }

.saisieCompetences { width:100%; overflow-x:auto; }
.saisieCompetences + .saisieCompetences { margin-top:50px; }
.saisieCompetences h2 { position:sticky; left:0; }
.saisieCompetences table { width:auto; border-color:#333; border-collapse:separate; margin-bottom:0; border-left:none; }
.saisieCompetences table thead tr { border-color:#333; }
.saisieCompetences table thead tr th.fond { border-top:none; border-bottom:none; }
.saisieCompetences table thead tr.niveau1 th.fond { background:#666666; }
.saisieCompetences table thead tr.niveau2 th.fond { background:#999999; }
.saisieCompetences table thead tr.niveau3 th.fond { background:#bbbbbb; }
.saisieCompetences table thead tr th, .saisieCompetences table tbody tr td { min-width:150px; border-color:#333; background-clip: padding-box; }
.saisieCompetences table thead tr th + th, .saisieCompetences table tbody tr td + td { border-left:none; }
.saisieCompetences table thead tr th:last-child, .saisieCompetences table tbody tr td:last-child { border-right:none; }
.saisieCompetences table tbody tr + tr td { border-top:none; }
.saisieCompetences table tbody tr:last-child td { border-bottom:none; }