body { font-family: 'Roboto', sans-serif; font-size:16px; background-color:#0E1518; }

.col-dark1-admin { background-color: #263137; }
.col-dark2-admin { background-color: #36464E; }

.col-light-admin {background-color: #F5F5F5; }
.col-bleu { background-color:#004499; }
.col-orange { background-color:#ac5200; }
.col-vert { background-color:#108100; }
.col-gris { background-color:#595959; }
.col-VALID { background-color:#2A4D2B!important; }
.col-REFUSED { background-color:#8B2729!important; }
.col-NEW { background-color:#40788F!important; }

nav#menu { position:fixed; min-height:100%; width:100px; transition:auto; }
#princ { margin-left:100px; }

.btn-titre { display:none;  }
.btn-menu { display:block; position:relative; height:93px; line-height:130px;  }
.btn-menu:hover { background-color: #36464E; }
.menu-sel {background-color:#AAB977;}
/*a { text-decoration:none; color:#ccc; font-style: italic; }
a:hover { color:white; }*/
a.btn-materialize { font-style:normal; display:block; position:fixed; bottom:15px; right:15px; width:48px; height:48px; line-height:48px; text-align:center; color:white; background-color:$color-one; border-radius:50%; box-shadow:0 0 3px black; font-size:18px;}

nav#menu a {color:white;  font-size:12px; }
div#content { position:relative; }
p.p-important { margin:5px;padding:10px; background-color:#FFEEEE; border:1px solid #EE3333; color:#e33; text-align:center; text-transform: uppercase; }

div#profil_menu {  transition:all .2s ease; height:0; overflow:hidden;display: block; position: relative; border-radius: 0px 0px 0px 8px; }
div#profil_menu ul { list-style:none; }
div#profil_menu ul li { text-align:right; margin:10px;}
div#profil_menu ul li a { padding:3px; color:#DDD; text-decoration:none; font-weight:300;font-size:14px;}
div#profil_menu ul li a:hover { color:white;}

input[type='text'],
input[type='email'],
input[type='password'],
textarea { padding:6px; border:1px solid #BAC3D0; border-radius:3px; font-family:'roboto', sans; font-size:18px;}
select {padding:3px;font-family:'roboto', sans; font-size:18px;}
label { width:40%; /*float:left;*/ }
form#cForm label { float:left; }

::-webkit-input-placeholder { color: #777; font-style: italic; }
:-moz-placeholder{ color: #777; font-style: italic; }
::-moz-placeholder { color: #777; font-style: italic; }
:-ms-input-placeholder { color: #777; font-style: italic; }
input[type='text'].erreur , input[type='password'].erreur , textarea.erreur { box-shadow: 0 0 17px red; }

hr.sep { width:80%; border-color:#EEE; margin:20px 10%; border-style:solid;}

ul { list-style: none; }
td.action {width:160px; text-align: right;}

div#wait {
    -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
    background: url("../../admin/img/Preloader_10.gif") no-repeat scroll 10px center #FFFFFF;
    border-color: #DC5753 #DC5753 -moz-use-text-color;
    border-image: none; border-style: solid solid none; border-width: 3px 3px medium; bottom: -100px;
    color: #DC5753; font-weight: 300; height: 20px; left: 50%; line-height: 20px; margin-left: -70px;
    padding: 20px 20px 20px 50px; position: fixed; width: 140px; z-index: 10010; transition:all .2s ease; border-radius:6px 6px 0 0;
}
div#alerte { position:fixed; top:0px; right:33%; width:26%; padding:2% 1%; background-color:#8A0303; color:white; z-index:10001; text-align:center; box-shadow:0px 0px 20px #333; font-size:18px;font-weight:200; border-radius:0 0 3px 3px;}
div#alerte.OK { background-color: #028B11; }

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

#geo_hide { display:none; }
div.article_icone {padding:20px;margin:10px;border:4px solid white;display:inline-block;cursor:pointer;}
div.article_icone:hover {border-color:#888;}

.ajax400 {
    position:fixed; left:50%; top:10%; width:640px; margin-left:-320px; padding:20px; padding-bottom:70px; z-index:1000; max-height:80%;overflow:auto;
    background-color:#fff; border:5px solid #fff; border-radius:8px;
    transition:all .5s ease; cursor: auto;
}

.sortable {opacity: 1;}
.sortable.dragElem { opacity: 0.4;}
.sortable.over {border-left: 8px solid blue;}
.sortable-overlay { position:absolute;top:0;left:0; width:100%;height:100%; background:rgba(255,255,255,0); }