.no-style *{
    background: inherit!important;
}
.no-style img{
    max-width:100%;
}
.popover-title{
    font-size: 15px!important;
	background-color: #f8b603 !important;
	color:#fff !important;
	
}
.contact-content{
    margin: 15px;
}
.popover.fade.right.in h3{
	margin-top:0px !important;
}
/****btn facebook ***/
.loginBtn {
  box-sizing: border-box;
  position: relative;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 14px;
  color: #FFF;
  width: 215px;
  height: 32px;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}
/***fin btn facebook ***/
.head-titre{
    margin-top: 10px; 
}
.pointer {
    cursor:pointer;
}
.glyphicon-plus-sign,glyphicon-moin-sign{
    display: inline!important;
}

.comment-non-valider{
    background-color:#DDD!important;
    padding: 5px;
}

.vote-auteur{
    font-size: 14px; 
    margin-bottom:6px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.template-liste{
    border: 1px solid #666;
    background-color: #efefef;
}
.template-liste img{
    width: 100%;
}

.modal-large .modal-dialog{
    width: 960px!important;
    font-size: 10px!important;
}
.modal-large .modal-dialog thead tr{
    background-color: #846CA8;
}

.lien-texte{
    color: #000!important;
}
#graph-1 div > div, #graph-1 div > table,.graph-1 div,.graph-1 table{
    margin: auto!important;
}
#graph-1>div{
    padding: 40px;
}
.mot {
    background-color:#FFFF00;
    font-weight: bold;
}

.modal-margin-top{
    margin-top: 10%;
}

#accueil ul li {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../img/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    list-style-type: none;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 19px;
    line-height: 16px;
    list-style-position: outside;
}

#accueil ul li a{
    color: #333333;
}
#accueil ul li a:hover{
    text-decoration: none;
    color: #777;
}
#accueil #accordion{
    /*padding-left: 20px*/
margin-top:20px;	
}

.item-participant .img-participant{
    height: 120px;
    overflow-y: hidden;
}
.item-participant .caption{
    color: #808080!important;
    margin-bottom: 0;
    padding: 2px!important;
}
.at-error{
    color: #d9230f;
    margin: 5px;

}
.at-warning{
    color: #FFE7A1;
    margin: 5px;     
}
.rating-input{
    text-align: left!important;
}
.rating-input span{
    margin-right: 5px;
}
.panel-3 a{
    margin: 10px -4px 10px 0;
}

/****css admin***/

.admin hr{
    margin-top: 2px!important;
}
.admin h1{
    margin: 0!important;
}
.admin{
    line-height: 14px;
    font-size: .8em;
}

.table-info td{
    padding: 0!important;
}

.panel-video{
    border: solid 1px #CCCCCC;
    background-color: #fff;
    margin: 5px 5px 10px 0;
    padding: 5px;
}
.panel-video .description-video{
    width: 320px;
    margin: auto;
}
.panel-video .description-video a{
    width: 320px;
    margin: auto;
    color: #f8b603;
}
/***** fin css admin ***/
.resource {
    line-height: 20px;
    font-size: 1em;
}
/****color picker ***/
.colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; }
/****fin color picker ***/


/*******BTN on off***********/

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/******** fin BTN on off **************/
.btn-detail-user{
    font-size: 11px!important;
}
/***page aide***/
.alerte {
    background-color: #FF0000;
    color: #FFFFFF;
}
.aide h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}

.aide h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #C74F03;
}
.aide .texte {
    font-size: .9em;
    color: #333333;
    line-height: 13px;
}

.aide a{
    color:  #ff0000;
}
.aide a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

.aide #Contents p {
    font-size: 12px;
    color: #333333;
}

.aide h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}


/******fin page aide ****/

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

/****/

select,textarea{
    background-color: #EAEAEA!important;
}
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #808080;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff !important;
    background-color: #d9230f!important;
    border-color: #d9230f!important;
    cursor: default;
}
.btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-primary {
    color: #d9230f!important;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
#myPopup{
    margin: 0;
    padding: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background-color: #ffffff;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.2)
}
#myPopup h5{
    background: #f7f7f7;
    margin: 0;
    font-size: 15px;
    color : #000;
    padding: 5px 15px 5px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial,sans-serif;
}
#myPopup .body{
    padding: 15px;
    line-height: 1.2;
    white-space: normal;
    font-size: 12px;
    color : #000;
}
#myPopup .btn-1{
    padding: 0 5px 0 5px;
    font-size: 12px;
}
/* The actual popup (appears on top) */
.popup .popuptext.gauche {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: -150%;
    left: 150%;
    //bottom: 125%;

    margin-left: -80px;
}
.popup .popuptext.bas {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;

    left: -158px;
    margin-left: -80px;
}
.btn-detail-user{
    padding: 0px!important;
}

/* Popup arrow 
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

 Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show.bas, .popup .show.gauche {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}


#cluster{
    padding-bottom: 25px;
}

#Comments{
    font-size: 12px;
    border-bottom: #FF6600 dashed 1px;
    padding-bottom: 10px;
    width: 94%;
    margin: 0 3% 20px 3%;
}


.form-comments{
    margin: 0 3% 0 3%;
}

.panel-heading{
    padding: 10px 0 5px 0!important;
}
.panel-heading h5{
    margin: 0;
    text-align: center;
    color: #555;
    font-weight: 700;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    color: #333333;
}
.panel-1 a {
    color: #d9230f;
    text-decoration: none;
    background: transparent;
}
.rating-input {
    font-size: 16px;
    color: #F60;
    cursor: pointer;
}
.bold{
    font-weight: bolder;
    font-weight: 600;
    font-size: .9em;
    line-height: 1.2;
    color: #404040;
}
.titre-1{
    font-weight: 800;
    margin-bottom: 15px;
}
.margin-top{
    margin-top: 20px; 
}
.full{
    width: 100%;
}
h4{
    margin-top:25px!important; 
}
body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif!important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #404040;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#recherche{
    margin-top: 10px;
}

#recherche input{
    border-radius: 5px;
    border: solid 1px #ddd;
    padding: 5px;
}
.inbox_index_stat{
	 margin-top: 25px!important;
}
.bloc-stat{
    border: solid 1px #ddd;
    margin: 20px 0 10px 0;
    padding: 0 10px 0 10px;
}
.bloc-stat1{
  /*  border: solid 1px #ddd;
    margin: 20px 0 10px 0;*/
    padding: 0 10px 0 10px;
	margin-bottom : -17px;
}
.bloc-stat h3{
    border-bottom: solid 1px #ddd;
    padding: 10px 15px;    
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Cormorant Garamond", "Times New Roman", Times, serif;
    font-size: 1.5em;
}
.bloc-stat1 h3{
    border-bottom: solid 1px #ddd;
    padding: 10px 15px;    
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Cormorant Garamond", "Times New Roman", Times, serif;
    font-size: 1.5em;
}
.bloc-stat p{
    color: #333333;
    font-size: 0.9em;
}
.bloc-stat1 p{
    color: #333333;
    font-size: 0.9em;
}
.bloc-stat div{
    border-top: solid 1px #ddd;
    display: block;
    text-align: center;
    padding: 10px;
}
.bloc-stat1 div{
    border-top: solid 1px #ddd;
    display: block;
    text-align: center;
    padding: 10px;
}
.bloc-stat a, .bloc-stat a:hover{    
    text-decoration: none;
    color: #d9230f;
}
.bloc-stat1 a, .bloc-stat1 a:hover{    
    text-decoration: none;
    color: #d9230f;
}
.bloc-right{
    border: solid 1px #ddd;
    margin: 20px 0 10px 0;
}
.bloc-right h3{
    padding: 10px 15px;
    background-color: #968F92;
    color : #FFF;
    margin: 0;
    font-family: 'Quantico', 'sans-serif';
    font-size: 16px;

}
.bloc-right a{
    display: block;padding: 10px 15px;
    color: #555555;
    border-top: solid 1px #ddd;
}
.bloc-right a:hover{
    text-decoration: none;
    background-color: #f5f5f5;
}
.bloc-right .nombre-vote{
    color: #FFF;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #808080;
    border-radius: 10px;
}
.corp .line-1{
    padding-left: 15px;
}
.message-accueil{
    margin: 20px 0 20px 0;
    background-color: #6038FF;
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
    font-size: 13px;
}
.corp{
    margin: 25px 0 50px 0;
}
.corp .titre{
    color: #6038FF;
    font-family: "Cormorant Garamond", "Times New Roman", Times, serif;
    font-size: 1.5em;
}
.corp .line{
    line-height: 25px;
}
.corp .profil{
    max-width: 125px;
    height: 100%;
    width: 100%;
    background-color: #F5F5F5;
    padding: 7px;
    margin-top: -5px;
    border-left: solid 1px #ddd;
}

.corp .profil img{    
    width: 80px;    
    margin: auto;
    padding: 5px;
    background-color: #FFF;
    border: solid 1px #ddd;
    border-radius: 4px;
}

.profil-margin-top.col-xs-12.col-sm-2.col-md-2 img{
	width: 100px !important; 
	/* max-width: 80% !important; */
}

.gaming{
    margin: auto;
}
.gaming img{
    width: 30px!important;  
    padding: 0!important;
}
.profil-1{
    margin: auto;
    /*margin-top: 10px;*/
}
.profil-1 .thumbnail{
    height: 150px;
    overflow-y: hidden;
}
.profil-1 img{
    width: 150px;    
    margin: auto;
    /*padding: 5px;*/
    /*background-color: #FFF;
    border: solid 1px #ddd;
    border-radius: 4px;*/
}
.profil-2{
    width: 100%;  
    border: solid 1px #000;
}
.corp hr{
    margin-bottom: 5px!important; 
    margin-top: 5px!important;
}

label{
    color: #404040!important;
}


#footer{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;

}
#footer a{
    color: #993333;
}

.btn-1{
    color: #ffffff;
    background-color: #333434;
    border-color: #292a2a;
    margin: 2px 0 2px 0;
}
.btn-1:hover{
    color: #ffffff!important;
    background-color: #444545;
}
.btn-2{
    color: #ffffff;
    background-color: #C30045;
    margin: 2px 0 2px 0;
}
.btn-2:hover{
    color: #ffffff!important;
    background-color: #D41156;;
}
.btn-3{
    color: #ffffff;
    background-color: #846CA8;
    margin: 2px 0 2px 0;
}
.btn-3:hover{
    color: #ffffff!important;
    background-color: #957DB9;
}


.btn-4{
    display: inline-block;
    border: solid 1px #FFF;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #FFF;
}
.btn-4:hover{
    text-decoration: none;
    color: #ddd;
}
.btn-6{
    display: inline-block;
    border: solid 1px #FFF;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #FFF;
    background-color: #846CA8;
}
.btn-6:hover{
    text-decoration: none;
    background-color: #957DB9;
    color: #ddd;
}
.btn-7{
    display: inline-block;
    border: solid 1px #FFF;
    padding: 10px;
    font-size: 1.5em;
    line-height: 1.5;
    color: #FFF;
    border-radius: 5px;
    background-image: linear-gradient(#4da309, #469408 6%, #3f8507);
    font-weight: bolder;
    margin-top : 20px;
}
.btn-7:hover{
    text-decoration: none;
    background-image: linear-gradient(#5eb41a, #57a519 6%, #4f9618);
    color: #ddd;
}
.btn-gauche{
    border-radius: 0 3px 3px 0; 
    border-left: none;
}
.btn-droite{
    border-radius: 3px 0 0 3px; 
}
.btn-idee{
    background-image: linear-gradient(#4da309, #469408 6%, #3f8507);
}
.btn-tache{
    background-image: linear-gradient(#02a5de, #029acf 6%, #028fc0);
}
.btn-pratique{
    background-image: linear-gradient(#a54caa, #9b479f 6%, #914294);
}

.link-1{
    color: #d9230f!important;
}
.link-1:hover{
    color: #91170a!important;
    text-decoration: underline;
}
.link-upload-avatar{
    margin-top: 50px;
}
.text-bleu{
    color: #6038FF;
}
h2.text-bleu{
    font-family: "Cormorant Garamond", "Times New Roman", Times, serif;
}

.menu-1{
   /* margin: 25px 0 25px 0;*/
}

.etat1{
    background-color: #FFFF99;
    color: #555555;
    font-size: 75%;
    padding: .2em .6em .3em;
    margin: 3px;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.etat2{
    background-color: #B3E0FF;
    color: #555555;
    font-size: 75%;
    padding: .2em .6em .3em;
    margin: 3px;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.etat4{
    background-color: #C6FF9F;
    color: #555555;
    font-size: 75%;
    padding: .2em .6em .3em;
    margin: 3px;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.etat5{
    background-color: #db1702/*#F83333*/;
    color: #fff;
    font-size: 75%;
    padding: .2em .6em .3em;
    margin: 3px;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.etat3{
    background-color: #FFBBBB;
    color: #555555;
    font-size: 75%;
    padding: .2em .6em .3em;
    margin: 3px;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.etat6 {
    background-color: #CCCCCC;
    color: #333333;
    font-size: 75%;
    padding: .4em .6em .3em;
    margin: 3px;    
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.line div:nth-child(2){
    margin-bottom: 5px;
}

.menu-2 a{
    color: #d9230f;
}
.line-2{
    margin-bottom: 12px;
}
.line-2 div:nth-child(1){
    text-align: right;
}

.select-lang{
    margin: 20px 0 15px 0;
}

.table-synthese{
    padding-left: 5%;
    padding-right: 5%;
    color: #333333;
    line-height: 14px;
    font-size: .8em;
}
.content-1{
    padding-left: 5%;
    padding-right: 5%;
}

.text-rouge{
    color: #d9230f;
}
.text-violet{
    color: #846CA8!important;
    font-family: /*"Cormorant Garamond", */"Times New Roman", Times, serif;
}
.text-violet-1{
    color: #846CA8!important;
}

.arrondi {
    display: block;
    border-radius: 20%;
    height: 17px;
    width: 28px;
    padding-top: 2px;
    font-weight: bold;
    margin: auto;
    line-height: 15px;
}

.etat-1 {
    background-color: #FFFF99!important;
    color: #555555!important;
}

.etat-2 {
    background-color: #B3E0FF!important;
    color: #555555!important;
}

.smalltext {
    color: #333333;
    line-height: 14px;
    font-size: .8em;
}

.hello{
    color: rgb(51, 51, 51); 
    font-size: .9em;
    font-style: italic;
}


#recherche button{
    margin-bottom: 3px;
}

#navigation .nav > li > a{
  
    text-decoration: none!important;
} 

.nav > li {
    font-family: 'Abel', Arial, Helvetica, sans-serif!important;
}

.nav-second-level li a {
    font-family: 'Abel', Arial, Helvetica, sans-serif!important;
	font-size: 15px!important;
}

.logo{    
    height: 120px;
}
#header{
    margin-top: 15px;
}

.navbar.navbar-default{
    background: #FFF;
}

#header p{
    font-size: 2em;
    margin-bottom: 0;
}

.btn-5{
    background-color: #C30045;
    color: #ffffff;
}

.btn-5:hover{
    background-color: #D41156;
    color: #ffffff!important;
}

.titalerte {
    font-size: 15px!important;
    font-weight: bold;
    color: #FF0000;
    padding: 3px;
}

.background-img{
    /*background-color:#F5F5F5;
    border-left:solid 1px #DDDDDD;*/
    padding: 0!important;
    padding-top: 10px;
    height: 100%;
    /*margin-bottom: -15px;*/
	margin-top:10px;
	margin-bottom: 10px;
	max-width:120px;
}

.idee-a-la-une{
    min-height: 190px;
    margin-top: -20px;
    /*margin:0 15px 10px 15px;*/
}

.idee-a-la-une div:nth-child(1){
    padding: 5px 5px 5px 15px;
}  

.bloc-cat{
    margin: 15px 0px;
    color: #FFF;
}
.categorie-bloc{
    z-index: 1;
    padding-top: 25%;
}
@media screen and (min-width: 982px) and (max-width: 1191px) {
   .categorie-bloc{
		 padding-top: 8%!important; 
	}
}
@media screen and (min-width: 762px) and (max-width: 870px) {
   .categorie-bloc{
		 padding-top: 8%!important; 
	}

}
@media screen and (min-width: 762px) and (max-width: 768px) {
   .categorie-bloc{
		 padding-top: 35%!important; 
	}
}
img.categorie_bloc_img{
    min-height: 70px;
}
.categorie_bloc_p{
	/*position: relative;
    bottom: 20%;*/
}
.categorie-bloc-hide{
    padding: 15px 5px;
    background-color: #000000e0;
    position: absolute;
    z-index: 2;
    /* opacity: .7; */
    top: 0;
    display: none;
}

.categorie-bloc-hide p{
    font-weight: bold;
}

.liste-categorie{
    padding: 0px 5% 25px 5%;
}



.fine{
    font-weight: 200;
    font-size: .9em;
}

.categorie-bloc p{
    margin: 5px;
}

.margintop{
    margin-top: 10px; 
}

.stat{
    margin: 15px 0 15px 0;
    border: solid 1px #ddd;
}
.stat h3{
    margin: 5px;    
}
.stat table{
    border-top: solid 1px #ddd;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}
.stat table td{
    padding: 2px;
}
.stat-g{
    padding: 7px;
}

.text-emettre-idee{
    margin: 25px 0 25px 0;
}
.no-result{
    padding: 100px;
}
.no-result-1{
    border: solid 1px #000;
    margin-bottom: 15px;
}
.line div:nth-child(1){
    text-align: right;
}
.panel-primary > .panel-heading {
    color: #6038FF!important;
}
.panel-primary > .panel-heading {
    background-color: #fff!important;
    border-color: #968F92!important;
    color: #6038FF!important;
}
.panel-primary {
    border: none!important;
}

.panel-heading {
    padding: 7px 15px;
    border-bottom: solid 1px #ddd;
    font-family: "Cormorant Garamond", "Times New Roman", Times, serif;
    font-size: 1.5em;
}













/**********************************/
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}

/********************/

/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;

    background: none;
    background-color: #DEE7F8;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}
.ui-widget {
    font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }




/*************************************/

.panel-adm-cat a{
    margin: 0 5px 0 5px;
    font-size:15px;
    color: #d9230f;
}
.txt_ideas_style{
   color: #131082!important;
} 

.stat {
	padding:0px 10px;
}
#accordion .panel{
	border: 0px;
}
#accordion .panel-heading{
	    padding: 0px !important;
		color:#fff;
}
#accordion .panel-heading a{
	color:#fff !important;
}
#accordion .collapse.in {
    display: table !important;
    width: 100% !important;
}
.ibox-content .pull-right .btn.btn-primary{
	margin: -7px 10px 10px 0 !important;
}

.confirmation-buttons .btn-group .btn.btn-primary{
	margin: 0px !important;
}

.table-responsive {
    overflow-x: visible !important;
}

.popover.confirmation.fade.top.in .popover-title, .popover.confirmation.fade.left.in .popover-title{

    padding: 3px 25px !important;
}

.popover.confirmation.fade.left.in .popover-title{

    padding: 3px 35px !important;
}

.ibox-title .label.label-warning-light.pull-right{
	    margin-top: 17px;
}
.nav-tabs > li > a {
    padding: 4px 14px 4px 14px !important;
}
#page-wrapper #footer{
	margin-bottom: -40px;
}
.pagination {
    margin: 23px 0 19px !important;
}
.get-email.btn.btn-primary{
	font-size: 9px;
}

.btn-add-user{
	padding-bottom: 10px;
}

.btn-dysfonctionnement-amelioration{
	padding-bottom: 30px;
}

.parent .fa{
    width: 25px;
    text-align: center;
}

.nav.nav-second-level.collapse .fa {
	width: 20px;
    text-align: center;
}
#canvas{
	display:none;
}

.pop_commentaire a{
	color: #f8b603 !important;
}
.btn.btn-pop-up{
    padding: 2px 20px;
    font-size: 14px;
    background: #f8b603;
	color: #fff;
	text-align: center;
    display: table !important;
    margin: 8px auto 0px !important; 
}

.page-heading .entete_envoie_message{
	margin-bottom: 20px;
}

.table.body_envoie_message{
	margin-bottom: 0px !important;
}

.tab_envoie_message{
	color: #04027d;
    font-size: 14px;
    font-weight: bold;
}

.btn-group .btn.btn-xs.btn-default{
    margin: 0px !important;
}
div.blueTable {
  width: 100%;
  text-align: left;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
}
.divTable.blueTable .divTableHeading {
  }
.divTable.blueTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: normal;
}
.blueTable .tableFootStyle {
  font-size: 14px;
  font-weight: bold;
}
.blueTable .tableFootStyle {
  font-size: 14px;
}

.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

#login_footer{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
	text-align: center;
    margin-top: 15px;

}
#login_footer a{
    color: #993333;
}

#page-wrapper #login_footer{
	margin-bottom: -30px;
}
@media (max-width: 776px){
#page-wrapper #footer{
	    margin-bottom: -63px;
}
 
}