@charset "utf-8";
/*-------------------------------------------------------------------*/
/*------------------------- Général ---------------------------------*/
/*-------------------------------------------------------------------*/
body {padding-top: 70px;}
.indent-top-10 {margin-top: 10px;}
.indent-bottom-10 {margin-bottom: 10px;}
a.text-danger {color: #ec4844 !important;}
#waitmsg {width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter:alpha(opacity=80); position:fixed; text-align: center; color:#FFF; z-index:50; margin:0 -20px;}
.no-margin {margin: 0;}
.indent-bottom-20 {margin-bottom: 20px;}
.title-page {margin: 0 0 20px 0;}
.info-block {display: block; margin-bottom: 10px; margin-top: 5px;}

.select2-results__option[aria-selected=true] { display: none; }

/*-------------------------------------------------------------------*/
/*------------------------- Modale ----------------------------------*/
/*-------------------------------------------------------------------*/
.modal-backdrop.fade.in {opacity: 0.1; filter: alpha(opacity=10);}

/*-------------------------------------------------------------------*/
/*----------------------- Tablesorter -------------------------------*/
/*-------------------------------------------------------------------*/
.table-title {margin: 8px 4px; font: bold 16px 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;  color: #fff;}

/*-------------------------------------------------------------------*/
/*------------------------ Connexion --------------------------------*/
/*-------------------------------------------------------------------*/
.form-login {margin: 0 auto; max-width: 400px; padding: 15px;}
.form-login .form-login-heading {margin-bottom: 10px;}
.form-login .form-control {-moz-box-sizing: border-box; font-size: 16px; height: auto; padding: 10px; position: relative;}
.form-login .form-control:focus {z-index: 2;}
.form-login input.premier {margin-bottom: -1px;}

/*-------------------------------------------------------------------*/
/*------------------------- Galerie ---------------------------------*/
/*-------------------------------------------------------------------*/
#content { width: auto; margin: 0 auto; }
.item {
	display: block; float: left; width: 300px; margin: 0 20px 20px 0;
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;
}
.featured { width: 620px; }
.item img { width: 300px; height: auto; }
.featured img { width: 620px; height: auto; }

.transparent { opacity: 0.6; }
.toolbar {
	position:absolute; width:100%; height:52px; line-height: 49px; margin:-26px 0 0 0; padding:0px; background-color:#fff; border-bottom:1px solid #313131; border-top:1px solid #313131; top: 50%;
}
.toolbar a { cursor:pointer; height: 100%; padding: 0 5px; opacity: 0.8; display: inline-block; }		
.toolbar a:hover { opacity: 1.0; }
.toolbar a i { line-height: inherit; }
.item-admin .toolbar { width:93%; top: 20%;}

/*-------------------------------------------------------------------*/
/*---------------------- magnificPopup ------------------------------*/
/*-------------------------------------------------------------------*/
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }

/*-------------------------------------------------------------------*/
/*------------------------- Navbar ----------------------------------*/
/*-------------------------------------------------------------------*/
.navbar .collapse .icon {margin-right:5px;}

/*-------------------------------------------------------------------*/
/*------------------------- Admin -----------------------------------*/
/*-------------------------------------------------------------------*/
td.action a {margin:0 2px;}


/*-------------------------------------------------------------------*/
/*------------------------ Message ----------------------------------*/
/*-------------------------------------------------------------------*/
.message.message-sm {padding: 10px 5px;}


/*-------------------------------------------------------------------*/
/*------------------------- Alertes ---------------------------------*/
/*-------------------------------------------------------------------*/
.growl-animated {
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
hr.separator {
    clear: both; margin-top: 5px; margin-bottom: 5px; border: 0; height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
}

/*-------------------------------------------------------------------*/
/*-------------------------- Profil --------------------------------*/
/*-------------------------------------------------------------------*/
.table-user-information > tbody > tr {border-top: 1px solid rgb(221, 221, 221);}
.table-user-information > tbody > tr:first-child {border-top: 0;}
.table-user-information > tbody > tr > td {border-top: 0;}
.toppad {margin-top:20px;}

/*-------------------------------------------------------------------*/
/*------------------- Bouton Administration -------------------------*/
/*-------------------------------------------------------------------*/
.ds-btn li {list-style:none; float:left; padding:10px;}
.ds-btn li a span {padding-left:15px; padding-right:5px; width:100%; display:inline-block; text-align:left;}
.ds-btn li a span small {width:100%; display:inline-block; text-align:left;}

/*-------------------------------------------------------------------*/
/*--------------------------- Widgets -------------------------------*/
/*-------------------------------------------------------------------*/
.hero-widget {text-align: center; padding-top: 20px; padding-bottom: 20px; transition: all 0.2s ease-in-out 0s;}
.hero-widget:hover, .hero-widget:focus {border-color: #357ebd; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; transition: 0.5s;}
.hero-widget .icone {display: block; font-size: 96px; line-height: 96px; margin-bottom: 10px; text-align: center;}
.hero-widget label {font-size: 17px;}
.hero-widget label small {font-size: 12px;}

/*-------------------------------------------------------------------*/
/*--------------------------- dropzone ------------------------------*/
/*-------------------------------------------------------------------*/
#dropzone { margin-bottom: 3rem; }
.dropzone { border: 2px dashed #0087F7; border-radius: 5px; background: white; }
.dropzone .dz-message { font-weight: 400; font-size: 20px; }
.dropzone .dz-message .note { font-size: 0.8em; font-weight: 200; display: block; margin-top: 1.4rem; }

/*---------------------------------------------------------------------*/
/*------------------------ Responsive ---------------------------------*/
/*---------------------------------------------------------------------*/
@media (max-width: 768px) {
	.ds-btn li {float:none;}
	.ds-btn li a span {display:inline;}
	.bg-frog {background:none;}
}
@media (min-width: 769px) and (max-width: 992px) {
	
}
@media (min-width: 993px) and (max-width: 1200px) {
	
}
@media (min-width: 1201px) {
	
}