/******************************************************************************
    INTRANET > COMMUN
*******************************************************************************/

/*** FONTS CSS ********************/

@import url(https://fonts.googleapis.com/css?family=Kalam|Open+Sans:400,600,700,800,300italic,400italic,600italic,700italic,800italic);
@import url(https://fonts.googleapis.com/css?family=Cabin+Condensed);

/* DECLARATION POLICES DANS CSS

font-family: 'Open Sans', sans-serif;
font-family: 'Cabin Condensed', sans-serif;
font-family: 'Kalam', sans-serif;*/

/*** RESET CSS *******************/

a, a:link, a:visited, a:hover, a:active { outline:none!important; }
h1 { font-family: 'Cabin Condensed', sans-serif!important; color:#1C72BB!important; margin-bottom:30px; }


/******************************************************************************
    INTRANET > HELPER CLASS
*******************************************************************************/

/* MARGIN */

.m-top-10 { margin-top: 10px; }
.m-top-20 { margin-top: 20px; }
.m-top-24 { margin-top: 24px; }
.m-top-30 { margin-top: 30px; }
.m-top-40 { margin-top: 40px; }
.m-top-50 { margin-top: 50px; }
.m-top-60 { margin-top: 60px; }
.m-top-70 { margin-top: 70px; }
.m-top-80 { margin-top: 80px; }
.m-top-90 { margin-top: 90px; }
.m-top-100 { margin-top: 100px; }

.m-bot-10 { margin-bottom: 10px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-30 { margin-bottom: 30px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-50 { margin-bottom: 50px; }
.m-bot-60 { margin-bottom: 60px; }
.m-bot-70 { margin-bottom: 70px; }
.m-bot-80 { margin-bottom: 80px; }
.m-bot-90 { margin-bottom: 90px; }
.m-bot-100 { margin-bottom: 100px; }

.m-right-10 { margin-right: 10px; }
.m-right-20 { margin-right: 20px; }
.m-right-30 { margin-right: 30px; }
.m-right-40 { margin-right: 40px; }
.m-right-50 { margin-right: 50px; }
.m-right-60 { margin-right: 60px; }
.m-right-70 { margin-right: 70px; }
.m-right-80 { margin-right: 80px; }
.m-right-90 { margin-right: 90px; }
.m-right-100 { margin-right: 100px; }

.m-left-10 { margin-left: 10px; }
.m-left-20 { margin-left: 20px; }
.m-left-30 { margin-left: 30px; }
.m-left-40 { margin-left: 40px; }
.m-left-50 { margin-left: 50px; }
.m-left-60 { margin-left: 60px; }
.m-left-70 { margin-left: 70px; }
.m-left-80 { margin-left: 80px; }
.m-left-90 { margin-left: 90px; }
.m-left-100 { margin-left: 100px; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }


/******************************************************************************
    INTRANET > STRUCTURE COMMUNE
*******************************************************************************/

/*** MAIN *****************/

.main { transition:all 0.7s ease; padding: 50px 40px 20px 40px!important; /*z-index: 1;*/ background-color:#fff; }
.row .circle-container { position:relative; z-index:-1; }
.row .circle-container .circle-close { background-color:#ccc; position:absolute; top:100px; right:-45px; width:60px; height:60px; background-color:#173753; border-radius:30px; text-align:center;
                                       line-height:60px; letter-spacing: 6px; text-indent:3px; cursor:pointer; transition:all 0.7s ease; z-index:5; }
.row .circle-container .circle-close:hover { background-color:#1E72BB; }
.row .circle-container .circle-close .glyphicon { color:#fff; }
.main .page-header { margin-top: 0; }

/*** BODY & SIDEBAR ***/

body { padding-top: 50px; background-color: #ffffff; }

.navbar-brand { padding: 0 50px 0 0;  line-height: 30px; vertical-align: middle; }
.navbar-brand img {	vertical-align:top; height: 50px; margin-right: 15px; width: auto; float:left; }
.navbar-brand .info_intranet { float:left; padding:5px 0 0 0; height:50px; line-height:20px; }
.navbar-brand .info_intranet .user { text-transform:capitalize; font-size:14px; font-weight:600; color:#99CCFF; }


.navbar-inverse.navbar-fixed-top { border: 0; 
                                   /* background: #155183; /* Old browsers 
                                   background: -moz-linear-gradient(top, #155183 0%, #173652 100%); /* FF3.6-15 
                                   background: -webkit-linear-gradient(top, #155183 0%,#173652 100%); /* Chrome10-25,Safari5.1-6 
                                   background: linear-gradient(to bottom, #155183 0%,#173652 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
                                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155183', endColorstr='#173652',GradientType=0 ); /* IE6-9 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d6eb5+0,173652+100 */
background: #1d6eb5; /* Old browsers */
background: -moz-linear-gradient(top,  #1d6eb5 0%, #173652 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1d6eb5 0%,#173652 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1d6eb5 0%,#173652 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6eb5', endColorstr='#173652',GradientType=0 ); /* IE6-9 */
}

.sidebar { background-color:#0b2e4a; transition:all 0.7s ease; }

/*** TOOLTIP ***/

.ui-tooltip, .arrow:after {
    background: white!important;
  }

/*** INDEX.PHP NON CONNECTE ***/

.toggle-codeBarre { display:block; margin:10px auto 20px auto; }
.mdpoublie{ margin-top: 10px;}
.mdpoublie a { color:red; font-size: 10px;}
.right-caret { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #000000; display: inline-block; height: 0; opacity: 0.5; position: absolute; right: 10%; top: 45%; width: 0; transition: all 0.7s ease; }
ul li a .photoOfProfil{ width: 140px; height: 140px; border: 5px solid #FFF; margin-top: 5px; margin-bottom: 5px; border-radius:50%; border:5px #fff solid; }
.photoOfProfilGestionUser{ width: 120px; border: 2px solid #1A71BE; margin-top: 5px; margin-bottom: 5px; }


/*** GESTION USER ***/

.table-striped > tbody > tr.alert-danger {  background-color: #f2dede!important; } 
.navbar-brand { color:#fff!important; text-transform:uppercase; }
ul li .menu-profil { color: rgba(255,255,255,1)!important;  }


/*** NAV DYNAMIQUE ***/
/*.navbar, #content_ste, #content_links, #content_logs { min-height:60px/*!important; }*/
.navbar-nav > li > a, 
#content_ste > ul > li > a, 
#content_links > ul > li > a, 
#content_logs  > ul > li > a { padding:20px 20px!important; }
#btn-topmenu-links { color:#6fff6f!important; }
#btn-topmenu-ste { color:#99CCFF!important; }
[class*="btn-topmenu-"] { height:30px; line-height:30px; color:#FFCC99; font-weight:600; cursor:pointer; }
[class*="btn-topmenu-"] .title-rub { padding:0 10px 0 30px; }
[class*="btn-topmenu-"] .dropdownspan { position:absolute; height:15px; margin:auto; top:0; bottom:0; left:10px; }
[class*="btn-topmenu-"] .dropdown-menu { font-size:20px!important; padding:0!important; margin:20px 0 0!important; min-width: 550px!important; border-color:#337AB7; border-width:2px 0!important; }
[class*="btn-topmenu-"] .dropdown-menu li { width:175px; height:35px; float:left!important; position:relative; display:block; border-left:0!important; }
[class*="btn-topmenu-"] .dropdown-menu li a { width:175px; height:35px; display:block; text-align:left; line-height:35px; padding:0!important; top:0; font-size:12px; font-weight:600; padding-left:5px; }
[class*="btn-topmenu-"] .dropdown-menu li a span { display:inline-block; height:35px; line-height:35px; vertical-align:middle; padding:0 7px; font-size:14px; }
[class*="btn-topmenu-"] .dropdown-menu li.ico-angle { width:0!important; height:0!important; }
[class*="btn-topmenu-"] .dropdown-menu li.ico-angle .triangle { position:absolute; top:-12px; left:500px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #337AB7 transparent; }
[class*="btn-topmenu-"] .dropdown-menu li.ico-angle .triangle-left { position:absolute; top:-12px; left:15px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #337AB7 transparent; }
[class*="btn-topmenu-"] .dropdown-menu > li > a:hover, 
[class*="btn-topmenu-"] .dropdown-menu > li > a:focus { background-color:#337AB7!important; color:#FFF!important; }
#content_ste, 
#content_links, 
#content_logs  { background-color: #163550; }
#content_ste ul, 
#content_links ul, 
#content_logs ul { list-style:none; margin:0; padding:0; }
#content_ste ul li, 
#content_links ul li, 
#content_logs ul li { float:left; }
.nav-sidebar li a, 
#content_ste ul li a, 
#content_links ul li a, 
#content_logs ul li a { color: rgba(255,255,255,0.7); transition: all 0.4s ease; }
.nav-sidebar li a:hover, 
#content_ste ul li a:hover, 
#content_links ul li a:hover, 
#content_logs ul li a:hover  { /* background-color: #FFF;*/ color:#1c72bb; }
.nav.nav-sidebar.sommaire li.active { background-color:#fff!important; color:#1C72BB!important;	}
.nav.nav-sidebar.sommaire li.active > a { background-color:#fff!important; color:#1C72BB!important;	}
.navbar-nav.navbar-right li { /*border-left:1px #FFF solid; */ transition:all 0.4s ease; }
.navbar-inverse .navbar-nav li:hover { /* background-color:#fff!important;*/  }
.navbar-inverse .navbar-nav li:hover > a { color:#99CCFF!important; }
.navbar-inverse .navbar-nav li:hover > .a-notif { color:#99CCFF!important; }
.navbar-inverse .navbar-nav li:hover > .alert-notif, .navbar-inverse .navbar-nav li:hover > .alert-notif-ech, .navbar-inverse .navbar-nav li:hover > .alert-notif-sava, .navbar-inverse .navbar-nav li:hover > .alert-notif-taches { color:#FFF!important; }
/*.nav-base > li  { border-left:1px solid #fff; }
.nav-base > li.last  {  border-right:1px solid #fff; }*/
.navbar-inverse .navbar-nav > li > a { color:#fff; transition:all 0.3s ease; text-transform:uppercase; font-size:18px; }
.navbar-inverse .navbar-nav > li > .a-notif { color:#fff; transition:all 0.3s ease; text-transform:uppercase; font-size:18px; }

/*.nav.navbar-nav.navbar-left.nav-base:last-child { border-right:1px solid #FFF; }*/


/*** NAVBAR ***/ 

.navbar.nav-first-level { margin-bottom:0!important; }
.navbar.nav-first-level,
.navbar.nav-first-level .container-fluid { height:50px!important; min-height:50px!important; }
.nav-first-level .nav-top-logo .navbar-brand { height:50px!important; }
.nav-first-level .nav-top-icon .navbar-nav li a { padding:0!important; height:50px!important; line-height:50px!important; width:50px!important; display:block; text-align:center; }
.nav-first-level .nav-top-icon .navbar-nav li a.a_link_notif { padding:0!important; height:auto!important; line-height:normal!important; width:100%!important; display:block!important; text-align:left; }


.nav-first-level .nav-top-icon .navbar-nav li .a-notif { padding:0!important; height:50px!important; line-height:50px!important; width:50px!important; display:block; text-align:center; }

.nav-first-level .nav-top-user { height:50px!important; float:right; }
.nav-first-level .nav-top-user .navbar-nav { /*width:250px!important;*/ }
.nav-first-level .nav-top-user .navbar-form { width:200px!important; margin:10px 30px 0 0!important; }
.nav-first-level .nav-top-user .navbar-form .btn { height:30px!important;  }
.nav-first-level .nav-top-user .form-control { height:30px!important; padding:5px 12px!important; }
.nav-first-level .nav-top-user .nav-base-compte { display:inline-block; float:left; } 
.nav-first-level .nav-top-user .nav-base-compte:hover { background-color:#FFF; }
.nav-first-level .nav-top-user .nav-base-compte .small-avatar-user  { float:left; width:50px; margin-top:4px; padding-left:5px; }
.nav-first-level .nav-top-user .nav-base-compte .small-avatar-user .small-avatar { border-radius:50%; width:41px; height:41px; border:3px #fff solid; }
.nav-first-level .nav-top-user .nav-base-compte .info-intranet { /*width:150px;*/ float:left; color:#99CCFF; height:50px!important; line-height:50px!important; font-weight:600; font-size:12px; padding-right:10px; text-transform: uppercase; }
.nav-first-level .nav-top-user .deco-intranet { max-width:200px!important; min-width:100px!important; float:left; }
.nav-first-level .nav-top-user .deco-intranet a { display:block; width:50px!important; height:50px!important; line-height:50px!important; color:#FFF; text-align:center; }
.nav-first-level .nav-top-user .deco-intranet a span { display:inline-block; line-height:50px; color:#FFF; text-align:center; }
.nav-first-level .nav-top-user .deco-intranet ul { padding:0; margin:0; list-style:none; }
.nav-first-level .nav-top-user .deco-intranet ul li { padding:0; margin:0; width:50px; float:left; transition:none!important; }
.nav-first-level .nav-top-user .deco-intranet ul li a { display:block; width:50px!important; height:50px!important; line-height:50px!important; color:#FFF; text-align:center; }
.nav-first-level .nav-top-user .deco-intranet ul li a span { color:#FFF; font-size:18px; }
.nav-first-level .nav-top-user .deco-intranet ul li a:hover > span { color:#99CCFF!important; }
.nav-first-level .nav-top-user .deco-intranet ul li:hover { background-color:#fff!important; }
.nav-first-level .nav-top-user .deco-intranet ul li:hover > a span { color:#99CCFF!important; }
.nav-first-level .nav-top-user .deco-intranet ul li:hover > a span.alert-notif, .nav-first-level .nav-top-user .deco-intranet ul li:hover > a span.alert-notif-ech, .nav-first-level .nav-top-user .deco-intranet ul li:hover > a span.alert-notif-sava, .nav-first-level .nav-top-user .deco-intranet ul li:hover > a span.alert-notif-taches { color:#FFF!important; }

.btn-topmenu-notif, .btn-topmenu-cfg { height:50px!important; }
.dropdown-notif, #dropdown-cfg, .dropdown-notif-ech, .dropdown-notif-sava, .dropdown-notif-taches { padding:0!important; height:50px!important; width:50px!important; position:relative; }
.a-notif, .a-cfg { width:50px!important; height:50px!important; } 

#form-search-container { margin-right:40px; border-radius:7px; background-color:#FFF; border:1px; position:relative; background-color:#0b2e4a!important; }
#form-search-container #btn-search-container::after {  content: '\f002'; font-family: FontAwesome; position: absolute; font-size:18px; top: 2px; right: 10px; color:#F5F5F5; }
#form-search-container #btn-search-container #btn-search-intra { border-radius:0!important; border:0!important; box-shadow:none!important; padding:6px 25px 6px 0px!important; background-color:#0b2e4a!important; color:#FFF; }
#form-search-container #btn-search-container #btn-search-intra:hover { box-shadow:none!important; }


.nav-second-level { position:fixed; top:50px; left:0; z-index: 9; display: block; height:30px!important; line-height:30px!important; background-color:#F5F5F5!important; }
.nav-second-level .breadcrump { padding-left:17%; }
.nav-second-level .breadcrump li { display:inline-block; color:#0B2E4A; margin-right:5px; font-size:12px; }
.nav-second-level .breadcrump li span { margin-right:5px; }
 
.nav-sidebar li a:not(.noel) { background-color:#0B2E4A; } 
.navbar-inverse .navbar-nav > li > a.active { background-color:#fff!important; color:#99CCFF!important; }
.nav-sidebar.sommaire li:first-child { border-top:1px #FFF solid; }
/*.nav-sidebar.sommaire li { border-bottom:1px #1D6EB4 solid; }*/
.nav-sidebar li .menu-profil-text:hover { text-indent:10px; }
.nav-sidebar li a:hover > span.right-caret { right:5%; }
.nav-sidebar { margin:0px -20px 0px -21px; position:relative; z-index: 1; }
.nav-sidebar li a.menu-profil { padding:30px 20px 20px 20px!important; background-color:#0b2e4a; }
.nav-sidebar li a.menu-profil:hover { padding:30px 20px 20px 20px!important; background-color:#FFF; }
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }




/******************************************************************************
    INTRANET > CONTENU 
*******************************************************************************/


/*** PAGE ACCUEIL **************/

.accueil .panel { transition:all 0.4s ease; }
.accueil .panel:hover { -moz-box-shadow: 0 0 15px #337AB7; -webkit-box-shadow: 0 0 15px #337AB7; box-shadow: 0 0 15px #337AB7; cursor:pointer; }
.accueil .panel-heading { font-size:16px; font-family: 'Cabin Condensed', sans-serif; }
.accueil .panel-body { height:150px; line-height:130px; font-size:26px; font-family: 'Kalam', sans-serif; }
.accueil .panel-body.line-height-60 { line-height:60px!important; }
.accueil .panel-body.line-annonce { font-size:inherit; line-height:inherit; font-family: 'Open Sans', sans-serif; margin:0!important; overflow: hidden; }
.accueil .panel-body.line-annonce hr{ margin-top:10px!important; margin-bottom:10px!important; }
.accueil .panel-body.line-annonce .col-lg-12 { font-size:12px; }

.sentineltbord .content { padding:12px; ont-size:12px; font-weight:600; text-align:center; display:block; }
.sentineltbord .content.bl { background-color:#f5cfa2; }
.sentineltbord .content.prep { background-color:#f5cfa2; }
.sentineltbord .content.imp { background-color:#FFFFBF; }
.sentineltbord .content.expe { background-color:#DFFFBF; }
.sentineltbord .content.retrait { background-color:#DFFFBF; }
.sentineltbord .content .value { font-size:13px; font-weight:600; color:#FF0000; } 
.sentineltbord .content .value_price { font-size:12px; font-weight:600; color:#f58c2a; margin-right:100px; } 
.sentineltbord .content .value_print { font-size:12px; font-weight:600; color:#f58c2a; } 

 
/*** PAGE GESTION USER ***/

.gestion-user .avatar_profil { max-width:75px; max-height:75px; }

/*** PAGE STATS **************/

.stats .panel-stats { padding:0!important; }
.stats .panel-stats .table { margin-bottom:0!important; } 

/*** PAGE DOCS **************/

.docs .img-responsive { display:inline-block!important; }
.docs .panel { transition:all 0.4s ease; }
.docs .panel:hover { -moz-box-shadow: 0 0 15px #337AB7; -webkit-box-shadow: 0 0 15px #337AB7; box-shadow: 0 0 15px #337AB7; cursor:pointer; }
.docs .panel-download { height:160px; padding:0!important; }
.docs .panel-download a { display:block; height:100%; width:100%; line-height:160px;  }

/*** PAGE NEWS *****************/

/*.navbar-nav .a-news.news-active { width:70px; }*/
.navbar-nav .alert-news { position:absolute; right:7px; top:27px; width:16px; height:12px; border-radius:6px; background-color:#F00; color:#fff; font-weight:600!important; font-size:10px!important; line-height:10px!important; text-align:center; }
.navbar-nav .alert-news-mobile { position:absolute; top:23px; width:16px; height:16px; border-radius:50%; background-color:#F00; color:#fff; font-weight:600!important; font-size:13px!important; line-height:16px!important; text-align:center; margin-left: 10px;}
.navbar-nav .alert-notif, .navbar-nav .alert-notif-ech, .navbar-nav .alert-notif-sava, .navbar-nav .alert-notif-taches { position:absolute; right:7px; top:27px; width:16px; height:12px; border-radius:6px; background-color:#F00; color:#fff; font-weight:600!important; font-size:10px!important; line-height:10px!important; text-align:center; }

#form_annonce { margin:10px 0; }
#form_annonce textarea { resize:none; }
.line-annonce .col-xs-10 > a { font-weight:800; }
.line-annonce { padding:10px 10px 10px 20px; margin:0 15px 15px 2px; }
.line-annonce .avatar_profil { max-width:50px; max-height:50px; }
.line-annonce .identite { font-size:14px; font-weight:600; margin-bottom:10px; }
.line-annonce .date { font-style:italic; font-size:12px; }
.line-annonce .glyphicon-trash { position:absolute; cursor:pointer; right:20px; top:5px; }
.line-annonce .glyphicon-trash:hover { opacity:0.6; }


/*** PLACEHOLDERS ***/

.placeholders { margin-bottom: 30px;  text-align: center; }
.placeholders h4 { margin-bottom: 0; }
.placeholder { margin-bottom: 20px; }
.placeholder img { display: inline-block; border-radius: 50%; }

/*** PAGE MODIF AVATAR ***/

.kv-avatar .file-preview-frame,.kv-avatar .file-preview-frame:hover { margin: 0; padding: 0; border: none; box-shadow: none; text-align: center; }
.kv-avatar.center-block { margin-bottom: 10px; }
.kv-avatar .file-input { max-width: 220px; }
.center-block .file-input { text-align:center; }
.center-block { text-align:center; }
.file-preview-frame { width:100%; }
.file-preview-frame .file-preview-image { margin-left:auto; margin-right:auto; } 
.file-preview-frame .file-thumbnail-footer { margin-left:auto; margin-right:auto; } 

/*** FIX CHAT ***/

#frei_user_brand > div:nth-child(2) { display:none!important; }
#frei_chatroom_notify { display:none!important; } 
.frei_smiley_image { height:30px!important; width:30px!important; }
.frei_smileys img { height:22px!important; width:22px!important;  }
.frei_smileys { width:200px!important; height:130px!important; }


/*** MODAL ESPACE PERSO ***/

#login-modal .modal-dialog { width: 350px; }
#login-modal input[type=text], input[type=password] { margin-top: 10px; }
#div-login-msg,
#div-lost-msg,
#div-register-msg { border: 1px solid #dadfe1; height: 30px; line-height: 28px; transition: all ease-in-out 500ms; }
#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success { border: 1px solid #68c3a3; background-color: #c8f7c5; }
#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error { border: 1px solid #eb575b; background-color: #ffcad1; }
#icon-login-msg,
#icon-lost-msg,
#icon-register-msg { width: 30px; float: left; line-height: 28px; text-align: center; background-color: #dadfe1; margin-right: 5px; transition: all ease-in-out 500ms; }
#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success { background-color: #68c3a3 !important; }
#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error { background-color: #eb575b !important; }
#img_logo { max-height: 100px; max-width: 100px; }


/*** NOTIFICATION ***/

.dropbox-notif { width:400px!important; max-height:400px!important; }
.dropbox-notif li { width:400px!important; /*line-height:80px!important;*/ height:auto!important; color:#155183; }
.dropbox-notif li:first-child { height:0!important; border-bottom:0!important; min-height:0!important; }
.dropbox-notif li.zero { text-align:center; color:#eee; }
.dropbox-notif li .line-notif { width:400px!important; /*line-height:80px!important;*/ height:auto; min-height:80px!important; color:#155183; border-bottom:1px #F5F5F5 solid; }
.dropbox-notif li .line-notif:hover { background-color:#EEEEEE!important; }
.dropbox-notif li .line-notif.non-lu { background-color:#d3e7f8; }
.dropbox-notif li .notif-avatar { display:block; float:left; border-radius: 50%; width:70px; height:70px; margin:5px; position:relative; vertical-align:top; }
.dropbox-notif li .notif-avatar.sava { background-color:#b84dff!important; }
.dropbox-notif li .notif-avatar img { border-radius: 50%; width:60px!important; height:60px!important; display:block; position:relative; left:5px; top:5px; }
.dropbox-notif li .notif-avatar .notif-picto-label { position:absolute; bottom:0; left: 0; right: 0; margin-left: auto; margin-right: auto; width:24px; height:24px; text-align:center; border-radius:50%; }
.dropbox-notif li .notif-avatar .notif-picto-label.sava { background-color:#b84dff!important; }
.dropbox-notif li .notif-avatar .notif-picto-label .content-pic { position:relative; line-height:22px!important; height:22px!important; text-align:center; }
.dropbox-notif li .notif-avatar .notif-picto-label .content-pic span { display:inline-block; line-height:22px!important; height:22px!important; color:#FFF; font-size:16px; padding:0!important; margin-bottom:2px; }
.dropbox-notif li .notif-content { display:block; float:left; width:305px; }
.dropbox-notif li .notif-content .notif-expe { position:relative; width:295px; line-height:20px; font-size:14px; color:#FFF; font-weight:600; padding:0 5px; border-radius:5px; margin:5px 0 0 5px; }
.dropbox-notif li .notif-content .notif-expe.sava { background-color:#b84dff!important; }
.dropbox-notif li .notif-content .notif-expe .notif-user { text-transform:uppercase; }
.dropbox-notif li .notif-content .notif-expe .notif-date { font-weight:400; font-size:12px;  }
.dropbox-notif li .notif-content .notif-titre { font-weight:600; font-size:13px; line-height:20px; padding:0 5px 0 10px; text-transform:none; }
.dropbox-notif li .notif-content .notif-msg { font-weight:400; font-size:12px; line-height:16px; padding:0 8px 5px 10px; text-transform:none; }
li#ico-angle-notif, li#ico-angle-notif-ech, li#ico-angle-notif-sava, li#ico-angle-notif-taches { width:0!important; height:0!important; position:relative; }
li#ico-angle-notif .triangle-left, li#ico-angle-notif-ech .triangle-left, li#ico-angle-notif-sava .triangle-left, li#ico-angle-notif-taches .triangle-left { position:absolute; top:-12px; left:15px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #337AB7 transparent; }
.dropbox-notif .mCSB_container { margin-right:16px!important; }
._mCS_1 { max-height:400px!important; }
/* id 2 et 3 qui alterne (respectivement) entre news.php et accueil.php */
/*.custom-scroll.mCustomScrollbar._mCS_1 #mCSB_1, .custom-scroll.mCustomScrollbar._mCS_3 #mCSB_3 { max-height:400px!important; }
.custom-scroll.mCustomScrollbar._mCS_2 #mCSB_2 { max-height:400px; }
.custom-scroll.special-notif-taches #mCSB_2 { max-height:330px!important; }
.custom-scroll.special-notif-ech #mCSB_2 { max-height: 320px!important; }
*/
[class*='special-notif'] { max-height:400px; }
.special-notif-taches { max-height:330px!important; }




.iziToast-cover { border-radius:50%!important; width:70px!important; height:70px!important; margin:5px 0 0 05px!important; }

#overlay-app { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }


/*** MODAL SPLASH ***/

#ModalSplash .modal-dialog { margin:150px auto auto auto!important; }
#ModalSplash .modal-header   { background-color:#154F7F!important; color:#FFF!important; }
#ModalSplash .modal-header .glyphicon-info-sign { margin-right:10px; }
#ModalSplash .modal-header .close { color:#fff!important; opacity:1!important; }
#ModalSplash .modal-body { font-size:18px!important; font-weight:500!important; padding:50px 15px!important; text-transform:uppercase!important; }
#ModalSplash .modal-body .alert-span { color:#FF8C1A!important; font-weight:600; }
#ModalSplash .modal-footer { background-color:#154F7F!important; }
#ModalSplash .modal-body textarea { margin-top:15px; }

/*** MODAL XXL ***/
  
.modal-dialog.modal-xxl { margin: 75px auto auto !important; }
.modal-xxl { width:75%!important; max-height:90%!important; overflow:none; }
.modal-xxl .modal-header,
.modal-xxl .modal-footer { background-color:#333333!important; color:#FFF!important; }
.modal-xxl .modal-content { height:720px!important; }
/*.modal-xxl .modal-content .modal-body { height:75%!important; overflow:none; } */
.modal-xxl .modal-content .modal-body { height:600px!important; overflow-y:scroll; overflow-x:none; }
.modal-xxl .modal-content .modal-body pre { overflow-x:none; word-wrap: break-word; width:100%!important; white-space: pre-wrap; }


/*** MODAL DEBUG ***/

.modal-xxl .modal-body { font-weight:400!important; }
.modal-xxl .bloc-debug { background-color:#333; color:#FFF; font-weight:400!important; font-size:14px!important; padding:10px; margin-bottom:20px; }
.modal-xxl .bloc-debug.red b { color:#F00!important; }
.modal-xxl .bloc-debug.green b { color:#00e600!important; }
.modal-xxl .bloc-debug .str_debug { font-size:12px!important; }
.modal-xxl .bloc-debug .str_debug pre { background-color:#e6e6e6!important; }

.a-view-ajax { display:block; background-color:#333; color:#FFF!important; text-decoration:none!important;  margin-bottom:5px; padding-left:10px; }
.a-view-ajax:hover { display:block; background-color:#333; color:#eea236!important; text-decoration:none!important; }

/*** NEIGE ***/

#canvasneige {
	position: fixed;
	top: 0;
	left: 0px;
	z-index: 0;
    background-image: linear-gradient(bottom, rgb(105,173,212) 0%, rgb(23,82,145) 84%);
    background-image: -o-linear-gradient(bottom, rgb(105,173,212) 0%, rgb(23,82,145) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(105,173,212) 0%, rgb(23,82,145) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(105,173,212) 0%, rgb(23,82,145) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(105,173,212) 0%, rgb(23,82,145) 84%);
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(105,173,212)),
        color-stop(0.84, rgb(23,82,145))
    );
}

.sapin-noel { position: absolute;
bottom: 20px;
display: block;
width: 80%; }

/*** LIEN TACHES ***/
/*MODAL*/
#lien_taches { font-weight: bold; margin-top: 8px; }
/*PAS MODAL*/
ul.dropdown-menu.dropbox-notif p.page-header { margin-top: 0; margin-bottom: 10px; padding-bottom: 15px; }
ul.dropdown-menu.dropbox-notif p.page-header a { width: 100%!important; height: 30px!important; }


/******************************************************************************
    INTRANET > MEDIA QUERIES
*******************************************************************************/


@media only screen and (max-width: 480px) {
    #Tabl1 {display: block;}
    #Tabl2 {display: none;}
    .imageConge {max-width: 50%;height: auto;}
    .main-container {margin-top: 60px;}
    .action-planning {display: none;}
    .retard {display: none;}
    .table {font-size: 12px;}
}

@media (max-width: 974px) {
    .breadcrump { padding-left: 25%!important; }
	.navbar-collapse.collapse.nav-top-user { width:350px!important; max-width:350px!important; }
	[id*="freicontain"], #freichat { display:none!important; }
}

@media (max-width: 820px) {
    .navbar-brand { padding: 0 25px 0 0!important;  }
}

@media (max-width: 790px) {
    .navbar-brand { padding: 0 10px 0 0!important;  }
}

@media (max-width: 768px) {
    .navbar-brand { padding: 0 5px 0 0!important;  }
    .toggle-jour-mois {display: none;}
    .sidebar {display: none;}
    .navbar-menu-ordi { display: none; }
    .navbar .container-fluid .navbar-collapse .navbar-nav { margin: inherit; }
    .navbar .container-fluid .navbar-collapse .navbar-nav li { border-left: inherit; border-bottom: 1px solid #101010; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; }
    .navbar .container-fluid .navbar-collapse .navbar-nav li ul { padding: inherit; } 
    .navbar .container-fluid .navbar-collapse .navbar-nav li ul li {  border-left: inherit; border-bottom: inherit; box-shadow: inherit; background-color: #1D6CB2; }
    .navbar .container-fluid .navbar-collapse .navbar-nav li ul li:first-child { border-top: 1px solid #1d6eb4; }
    .navbar .container-fluid .navbar-collapse .navbar-nav li ul li:last-child { border-bottom: 1px solid #1d6eb4; }
    .show-front .front img { width: 300px;  }
}

/*.nav-first-level .nav-top-user { width:600px; height:50px!important; float:right; }*/

@media (min-width: 768px) {
    .navbar-menu-responsive{ display: none; }
    .navbar-menu-ordi{ display: block; }
    .sidebar { position: fixed; top: 50px; bottom: 0; left: 0; z-index: 10; display: block; padding: 0 20px 20px 20px; overflow: visible; background-color:#0b2e4a; border-right: 1px solid #eee; transition:all 0.7s ease; }
	
}


/********************DRAG & DROP planning_mois.php*****************************/

#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 142px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}
#sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.test li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.test li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}



/* #########################################
   #    override the bootstrap configs     #
   ######################################### 

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
    border-radius: 0px;
}
*/


/*SUPPRESSION DE LA SELECTION DANS navbar ET leftbar*/
.navbar, .sidebar {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

#scroll-news .jumbot°¸/LvU°¸/LvU