@charset "utf-8";
html {height:100%;}
body{font-family:Trebuchet MS,Arial,Helvetica;font-size:12px;margin:0;height:100%;line-height:normal}
img{border:none}
input[type=text],input[type=password],input[type=button],select,textarea{font-family:Trebuchet MS, arial;font-size:12px;padding:2px 4px;box-shadow:inset 1px 1px 3px #f3f3f3,inset -1px -1px 3px #f3f3f3;border:1px solid #d2d2d2;line-height:normal;color:#000;}
input[type=submit]{border:none;cursor:pointer}
input[type=text],input[type=password],textarea{width:50%;}
ul,li,h1,h2,h3,p{padding:0;margin:0}
li{list-style:none}
label{cursor:pointer}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{vertical-align:middle}
.left{float:left}
.mobile{display:none;}
.desktop{display:block;}
th.desktop,td.desktop{display:table-cell !important}
.hidden{display:none}
.clear{clear:both;height:0px;overflow:hidden}
.readonly{background-color:#d2d2d2;box-shadow:none !important}
#overlay{background-color:#000;position:absolute;left:0;top:0;z-index:109;visibility:hidden;}
.size10{font-size:10px}
.size11{font-size:11px}
.size12{font-size:12px}
.size15{font-size:15px}
.bold{font-weight:bold}
.black,.black:hover,.black:focus{color:#000}
.white{color:#fff}
.grey{color:#999999}
.txtcenter{text-align:center}
.txtright{text-align:right}
.txtupper,.upper{text-transform:uppercase}
.txtcap{text-transform:capitalize}
.field-required, .field-email{border:1px solid red !important}
object#player{display:block;margin:0 auto}
#error-field{background-color:#fff;position:absolute;padding:2px 5px;color:#000;font-size:12px;font-weight:bold;z-index:101;border:1px solid #000;z-index:9999}
.mandatory{color:red;padding-top:2px;display:none}
.underline{text-decoration:underline}
#main{margin:0 auto 20px;width:1020px;}
.header{position:relative}
#main .footer{width:1020px;height:32px;background:url(../img/bg-footer.png) no-repeat;margin-top:14px;line-height:32px}
h1{color:#333333;font-size:20px;padding:10px 0 0;font-weight:bold}
#bt-actions{width:100%;height:33px;background:url('../img/bg-action.png') repeat-x;line-height:33px;margin:8px 0 0px;}
#bt-actions .bt{color:#666666;margin-left:10px;float:left;line-height:33px;height:33px}
#bt-actions .bt a{color:#666666;text-decoration:none}
#bt-actions .bt a:hover{text-decoration:underline}
#bt-actions .search{float:right;margin-right:10px}
#bt-actions-search{width:100%;background:url('../img/bg-actions-search.png') repeat-x #e6e6e6;margin-bottom:5px}
#bt-actions .bt-open-close{float:right;width:14px;background:url('../img/bt-search-open-close.png') 0 0 no-repeat;height:15px;margin-top:8px}
#bt-actions .open{background:url('../img/bt-search-open-close.png') 0 0 no-repeat}
#bt-actions .close{background:url('../img/bt-search-open-close.png') 0 -15px no-repeat;opacity:1}
#content{clear:both;margin-top:10px}
#content .top{float:left;height:21px;background:url(../img/bg-main-t.png) no-repeat;width:1020px}
#content .middle{float:left;background:url(../img/bg-main-m.png) repeat-y;width:970px;padding:0 25px 0 25px}
#content .bottom{float:left;background:url(../img/bg-main-b.png) no-repeat;height:21px;width:1020px}
#login-content{width:43%;margin:10px auto 90px;}
#login-content h1{font-size:17px;}
.form .field{width:363px;margin:0 auto;padding:2px 0 13px;}
.form input, .form textarea{width:97%;height:19px;font-size:14px;color:#c8c2c2;font-family:'trebuchet ms',arial;border:1px solid #d2d2d2;padding:8px 5px;box-shadow:inset 1px 1px 3px #f3f3f3, inset -1px -1px 3px #f3f3f3;}
#login-content .bt{font-size:16px;font-weight:bold;color:#fffd94;text-decoration:none;background:#2d2c2c;height:40px;line-height:30px;width:100%;text-align:center;text-transform:uppercase;margin-top:10px;float:left;box-shadow:none;cursor:pointer}
.liste {padding: 0;color:#666666;/*border: 1px solid #999;border-right: none;border-bottom: none;*/}
.liste td,.liste tr,.liste th {margin:0;padding:3px;border: none;}
.liste th {text-align:left;background:url('../img/bg-th.png') repeat-x}
.liste a{color:#666666;text-decoration:none}
.liste .hover{background-color:#f7f6f6}
.liste th a:hover{text-decoration:underline}
.liste .edit,.edit{color:#333;font-weight:bold}
.liste .edit:hover,.edit:hover,.edit:focus{text-decoration:underline;color:#333;}
.liste2{margin-top:10px;}
.liste2 tr:hover{background-color:#f7f6f6;cursor:pointer;}
.box_search{border:1px solid #d2d2d2;float:left;background:#fff;box-shadow:inset 1px 1px 1px #666666,inset -1px -1px 1px #666;height:23px;margin:4px 5px 0 0;box-sizing:content-box}
.search_reinit,.bt_validation,.bt-line{float:left;height:20px;line-height:20px !important;padding:0 5px !important;color:#fff !important;font-weight:bold;margin:1px 0 0 5px;text-decoration:none !important;-webkit-box-shadow: #666 0px 1px 1px !important;-moz-box-shadow: #666 0px 1px 1px !important;box-shadow: #666 0px 1px 1px !important;background: #c7c5c5 !important;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c7c5c5), to(#afafaf)) !important;background: -webkit-linear-gradient(#c7c5c5, #afafaf) !important;background: -moz-linear-gradient(#c7c5c5, #afafaf) !important;background: -ms-linear-gradient(#c7c5c5, #afafaf) !important;background: -o-linear-gradient(#c7c5c5, #afafaf) !important;background: linear-gradient(#c7c5c5, #afafaf) !important;-pie-background: linear-gradient(#c7c5c5, #afafaf) !important;box-sizing:border-box}
.search_reinit:hover,.search_reinit:focus,.bt_validation:hover,.bt_validation:focus,.bt-line:hover,.bt-line:focus{text-decoration:none;color:#fff !important}
.bt-line{cursor:pointer;border:none !important;margin:0 10px 0 0}
.bt-line:last-child{margin-right:0}
.suggest_pwd,.delete-image{color:#333;text-decoration:underline}
.bt_validation{font-size:16px;font-weight:bold;font-family:Trebuchet MS,Arial,Helvetica;margin:0 10px 0 0 !important}
/**PAGINATION**/
.pagination{width:100%;text-align:center;margin:10px 0;position:relative;font-size:12px}
.pagination select{font-size:12px}
.pagination .page, .pagination .page_previous, .pagination .page_next{color:#000 !important}
.pagination .current{text-decoration:none;font-weight:bold}
.nb_per_pages{position:absolute;right:0px}
.nb_enregistrements{position:absolute;left:0px}
.leftframeswitcher {height: 100%;left:185px;position: fixed;top:50px;width: 14px;}
.leftframeswitcher img {cursor: pointer;display: block;height: 12px;width: 11px;}
.leftframeswitcher div {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #b0b0b0 #b0b0b0 #b0b0b0 -moz-use-text-color;border-image: none;border-radius: 0 3px 3px 0;border-style: solid solid solid none;border-width: 1px 1px 1px 0;box-shadow: 0 1px 2px #b0b0b0;cursor: pointer;height: 12px;left: -1px;margin-top: -7px;opacity: 0;position: absolute;top: 50%;width: 11px;}
.visu{cursor:pointer;float:left;width:23%;padding:12px 5px;text-align:center;border:1px solid #d2d2d2;background:none}
.visu:hover{background-color:#dedede}

/*NAV*/
.bt-home{width:102px;height:27px;line-height:27px;;padding-left:33px;float:left;background:url('/img/bt-home.png') no-repeat;text-decoration:none}
.bt-home-roll{width:102px;height:27px;line-height:27px;;padding-left:33px;float:left;background:url('/img/bt-home-roll.png') no-repeat;text-decoration:none}
.rubrique{padding-left:20px;margin:0 0 5px 10px;font-size:13px;cursor:pointer;color:#333333;font-weight:bold}
.moins{background:url('/img/picto-moins-plus.png') 0 -16px no-repeat}
.plus{background:url('/img/picto-moins-plus.png') 0 0 no-repeat}
#nav{padding-bottom:120px}
#nav ul{margin-bottom:8px;}
#nav li{font-size:12px;padding:0 0 2px 35px;}
#nav li a{float:left;color:#666666;font-weight:bold;text-decoration:none;height:21px;line-height:21px;background:none;padding-left:4px;}
#nav li a:hover, #nav li .on{color:#666666;background:url('../img/bg-nav-roll-l.png') no-repeat;}
#nav li span{padding-right:5px;background:none;height:21px;float:left;}
#nav li span span{background:none;padding:0 2px}
#nav li a:hover span, #nav li .on span{background:url('../img/bg-nav-roll-r.png') right no-repeat;}
#nav li a:hover span span, #nav li .on span span{background:url('../img/bg-nav-roll-m.png') repeat-x !important;}

.box_layer{width:70%;height:200px;padding:5px;overflow:auto;border:1px solid #d2d2d2;float:left;}
/*.select_box{height:280px;overflow:auto;margin-top:5px;float:left;width:80%;border:1px solid #D2D2D2;padding:5px}*/

/**POPUP**/
.overlay {background-color:#000;position:absolute;left:0;top:0;z-index:109;visibility:hidden;}
.popup{position:absolute;z-index:110;width:600px;background-color:#fff;color:#000;padding:10px 20px;top:-1000px;left:-1000px}

#nav_chart{float:left;display:none;height:33px;line-height:33px;background-color:#dad9d9;}
#nav_chart_bt{float:right;text-align:right;height:33px;line-height:33px;}
#nav_chart1{background:url('../img/bg-nav-chart-1.png') 0 0 no-repeat;margin-right:40px}
#nav_chart2{background:url('../img/bg-nav-chart-2.png') 0 0 no-repeat;margin-right:40px}
#nav_chart3{background:url('../img/bg-nav-chart-3.png') 0 0 no-repeat;}
#nav_charts{margin:-6px 0 0 -10px}
.nav_chart{height:50px;padding:6px 0 0 54px;float:left}
.nav_chart a{color:#000;padding:3px 5px}
.nav_chart .selected{font-weight:bold;background-color:#c2c1c1;}
#bt_actions_screen{float:right}
#cboxLoadingGraphic{position:fixed;top:0;left:0;width:200px;height:24px;background-color:#fff;font-size:18px;font-weight:bold;z-index:1000;padding:10px}

#header-top{position:fixed;z-index:10;width:100%;background:url('../img/bg-top.png') repeat-x;margin:0;padding:0;font-family:'trebuchet ms',arial;overflow:hidden;height:50px}
#menu-icon{float:left;position:relative;display:none;width:40px;height:50px;background:#B7B7B7 url(../img/menu-icon.png) center;text-decoration:none}
#header-top .logo{float:left;margin-left:35px}
#header-top .menu {float:left;height:21px;background:url('../img/bg-top-nav-l.png') no-repeat;padding-left:8px;line-height:21px;font-weight:bold;font-size:15px;}
#header-top .menu a{color:#333333;text-decoration:none}
#header-top .menu span{float:left;background:url('../img/bg-top-nav-r.png') right no-repeat;height:21px;padding-right:8px;}
#header-top .menu span span{float:left;height:21px;background:url('../img/bg-top-nav-m.png') repeat-x;padding:0 5px;line-height:21px;}

#navigation{position:fixed;background-color:#dfdede;padding-bottom:30px;width:185px;overflow:auto;height:100%;z-index:1;top:50px}
#navigation .copyright{position:fixed;width:185px;bottom:0;background-color:#cdcccc;color:#666666;height:26px;line-height:26px;overflow:hidden;text-align:center}
.main-content{padding:10px 20px 0;margin-left:185px}
#main-content{padding:0 20px}
#bt_actions_screen{float:right}
#bt_deploy{margin-top:2px;float:left}
#bt_retour{float:right}
#all-content{padding-top:50px}

/*home*/
#boxs {position: relative;}
.box {border: 1px solid #dfdede;width: 38%;height: 268px;float: left;position: relative;margin: 0 1% 21px 0;/*cursor:move;*//*overflow: auto;*/overflow: hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.box .titre {height: 21px;width: 100%;background: url('/img/bg-home-bloc.png') repeat-x;line-height: 21px;font-size: 14px;font-weight: bold;color: #333333}
.box .titre span {padding-left: 8px}
.box .plus {/*float: right;*/position: absolute;right: 0;top: 0;padding: 0 7px;background: url('/img/bg-home-plus-infos.png') repeat-x;}
.box .plus a {color: #333333}
.box .plus a:hover {text-decoration: underline}
.box .content {padding: 10px;font-size: 12px;}
.box .on {background-color: #f0f0f0}
.box .content-scroll {height: 85%;overflow: auto}
.box .bt {bottom: 0;position: absolute;width: 100%;background: url('/img/bg-home-bloc.png') repeat-x;height: 21px;line-height: 20px;text-align: center;font-size: 14px;font-weight: bold;}
.box .bt a {color: #333333;}
.box .content table {font-size: 12px;color: #666666}
.box .content th {text-align: left;color: #000}
.box .content ul li {list-style: disc;padding: 3px 10px;list-style-position: inside;}
.box .content ul li a {font-size: 18px;color: #333333;text-decoration: underline;}

/* IPHONE + TABLETTE */
@media only screen and (max-width:1020px){
body,html{font-size:100% !important;}
input[type=text],input[type=password],input[type=button],select,textarea{font-size:90% !important;}
input[type=text],textarea,select{width:95% !important}
.daterangepicker input[type=text], .daterangepicker textarea, .daterangepicker select{width:auto !important}
/*TINYMCE*/
/*.mceEditor table {max-width:none; }
.mceEditor table.mceLayout {width:100% !important;height:auto !important;}
table.mceToolbar { float:left; }
body .mceToolbar div {white-space:normal;}*/
#main,#content .top,#content .middle,#content .bottom,.footer,.form .field,#navigation,#navigation .copyright,.box,.box_layer,.width_100pourcent{width:100% !important}
.box_layer{box-sizing: border-box;}
.box .titre div{text-align:left !important;padding-left:8px}
#chart_container,#nav_chart,#nav_chart_bt{background:none !important}
#nav_chart{width:100%;float:none;height:auto}
.nav_chart{width:100%;box-sizing: border-box;}
#nav_chart_bt{font-size:100% !important;float:none;text-align:left;height:auto}
.main-content{margin-left:0}
.rubrique{font-size:120%}
#nav li{font-size:100%;padding:5px 0 5px 35px}
#header-top .logo{margin-left:5px}
.desktop,#leftframeswitcher,#bt_actions_screen/*,#bt-actions .bt*/,#bt_deploy,#bt_search,#show_infos{display:none !important;}
#bt-actions .bt{height:auto}
#bt-actions-search *{display:block !important;}
#bt-actions-search select{width:100% !important;}
#bt-actions-search .left{float:none} 
#bt-actions-search .search_reinit{margin-top:10px}
#bt-actions-search input[class=hidden]{display:none !important}
#bt-actions{height:auto;background-color:#CECDCD;padding-bottom:5px}
#bt-actions .bt{float:none}
th.desktop,td.desktop{display:none !important}
.nb_per_pages,.nb_enregistrements{display:none !important;}
#bt_retour{float:left;margin-top:10px}
#bt-actions .box_search{float:none;margin:0 0 0 4px;overflow:hidden;background:none;border:none;box-shadow:none}
#bt-actions .box_search input{padding:2px 4px;box-shadow:inset 1px 1px 3px #f3f3f3,inset -1px -1px 3px #f3f3f3 !important;border:1px solid #d2d2d2 !important;width:95% !important}
#bt-actions .search{float:none;padding-top:5px;}
.mobile,#menu-icon{display:block;}
#history strong{width:100%;float:left}
#history a{font-size:80% !important}
#history div{padding:5px 0 10px;}
.form .field input{width:90% !important}
#content .middle{padding:0;}
#content .top,#content .middle,#content .bottom,#main .footer{background-image:none;background-color:#fff}
.main-content{padding:5px !important}
#form_edit td,#form_search td,#content_cities td{width:100%;display:inline-table}
#login-content{width:90%}
#main .footer{background-color: rgba(255, 255, 255, 0.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
}