@charset "utf-8";
/*-------------------------------------------------------------------*/
/*------------------------- Général ---------------------------------*/
/*-------------------------------------------------------------------*/
html {height: 100%;}
body { min-height: 100%; margin: 0; padding: 0; padding-top: 50px; background:url(../image/bg.jpg) no-repeat fixed #356A96;}
.indent-top-10 {margin-top: 10px;}
.indent-bottom-20 {margin-bottom: 20px;}
a.text-danger {color: #ec4844 !important;}
.no-margin {margin-bottom:0; margin-top:5px;}
.media-heading small {font-size:11px}
.media .well {margin: 0 0 5px 0;}
.opacitybg {min-height: 100%; padding-top:20px; background:url(../image/bg-opacity.png) repeat;}
.navbar {margin-bottom:0;}
.nav-border-color.nav-purple > li.active > a, .nav-border-color.nav-purple > li.active > a:hover, .nav-border-color.nav-purple > li.active > a:focus {
    background-color: #7947aa; border-radius: 4px 4px 0 0; color:#ffffff; border-bottom-color: #7947aa;
}
.text-dark {color:#333};

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

/*-------------------------------------------------------------------*/
/*-------------------------- Post -----------------------------------*/
/*-------------------------------------------------------------------*/
.post {padding:0 15px 0 15px;}
.post-header-line {border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px 0px 5px 15px; font-size: 12px;}
.post-content {border-top:1px solid #DDD;}
.commentaire {border-top:1px solid #DDD;}
.commentaires {margin: 5px 0;}

/*-------------------------------------------------------------------*/
/*------------------------ 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 {border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px;}
.form-login input.dernier {border-top-left-radius: 0; border-top-right-radius: 0;}

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

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

/*-------------------------------------------------------------------*/
/*------------------------- 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));
}

/*-------------------------------------------------------------------*/
/*-------------------------- Profile --------------------------------*/
/*-------------------------------------------------------------------*/
.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: 70px; line-height: 70px; margin-bottom: 10px; text-align: center;}
.hero-widget label {font-size: 17px;}
.hero-widget label small {font-size: 12px;}

/*-------------------------------------------------------------------*/
/*------------------------- Bouton ----------------------------------*/
/*-------------------------------------------------------------------*/
.btn-pink { color: #ffffff; background-color: #ed639c; border-color: #ea4c8d;}
.btn-pink:hover, .btn-pink:focus, .btn-pink.focus, .btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink {color: #ffffff; background-color: #e8357f; border-color: #e01a6b;}
.btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink {background-image: none;}
.btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled.focus, .btn-pink[disabled].focus, fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active {
	background-color: #ed639c; border-color: #ea4c8d;
}
.btn-pink .badge {color: #ed639c; background-color: #ffffff;}

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