@charset "utf-8";
/* Général */
* {margin:0; padding:0; }
.clearboth {clear:both; margin:0; padding:0; height:0;}
/* 98FB98	b7c72a  --  5b9cd6 -- 5b9cd6 */
html {font-family: Tahoma; width: auto ; background-color:#904c95; overflow-y:scroll; font-size:0.8em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #333;}
.logo_test {background: url('../../pic/logo/logo_rouge_test.png') top left repeat;}
#div_global {position:absolute; left:0; top: 0; margin:0; width:1200px; padding:0 0 8px 0 ; background-color:#efefef; } 
.global_petit {left:0 !important; margin-left:10px !important;} /* petite résolution avec une scroll bar horizontale */
.global_grand {left:50% !important; margin-left:-605px !important;} /* grande résolution site centré */

#contenu_login {margin:0; padding:0 0; margin-top: 0px; width: 1200px; height:200px;}
.contenu_login_test {background: url('../../pic/logo/login_bg3_test.png') top left no-repeat !important;}

#div_logo {position: fixed; height:89px; width:1200px; top:0; background-color:#efefef; z-index:40;}
#div_topfiche {height:35px; position: fixed; top:25px; background: #efefef; padding:5px; width: 1190px !important; z-index:40; }
#contenu_libre {margin:0; padding:0 5px; margin-top: 70px; width: 1190px;}
#contenu_centre {margin: 0 0 20px 0; float: left;  width: 1190px;}
#footer {margin: 15px 5px 0 5px; clear: both; padding: 5px 0 0 0; border-top: 1px solid #999; }
#footer p {text-align: right; font-weight: bold; font-size: 0.68em; padding : 0; margin: 0;}


a {color: #333; text-decoration:underline; }
a:link {color: #333; text-decoration:underline;}
a:active {color: #333; text-decoration:underline;}
a:hover {outline: 0;}
a:img {border:0;}
a:focus {outline: thin dotted;}

h1 {font-size: 1.6em; text-align:left; color: navy; margin: 0;}
h2 {padding: 0; text-align:left; font-size: 1.3em; color: #333;}
h3 {padding: 0; text-align: left; font-size: 1.17em; }
h4 {padding: 0; text-align: left; font-size: 1em;}
p {text-align:justify; color:#333; }
ul {padding : 0 0 20px 25px; margin:0;}
li {padding : 3px 0 0 2px; }
ul li ul {padding : 0; margin:0;}
/* QE842E30000544 */
.img_icone {float: right; width: 25px !important; cursor:pointer; margin-left:15px;}
.inline {display: inline; }

img {border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}

audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 80%; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

#ul_err {color:red !important; margin-top:10px;}
form {margin: 0; padding: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 10px;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px; color: #999;}
input {width: 350px;}
label {color: navy; margin: 8px 0 1px 0; display: block; font-weight: bold;}
button, input, textarea, select {font-size: 100%; margin: 0; padding: 0 2px; vertical-align: baseline; *vertical-align: middle; text-align: left; color: #333;}
button, input {line-height: normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; text-align: justify;}

table {border: 2px solid #999; border-spacing: 0; border-collapse: collapse; margin: 10px 0; width: 1190px; }
tr {height: 30px; background-color: #ffffff; }
th {border: 1px solid #999; padding: 5px; background-color: #cecfce; width: 40px; }
td {border: 1px solid #999; padding: 8px 5px; text-align: justify; } 


.pres_left {margin:20px; border:2px solid #cecfce; padding:10px; width:400px; float:left; background-color:#82a9f9; text-align:center; cursor:pointer;}
.pres_left:hover {border:2px solid #2b5198;}
.pres_right {margin:20px; border:2px solid #cecfce; padding:10px; width:400px; float:right; background-color:#82a9f9; text-align:center; cursor:pointer;}
.pres_right:hover {border:2px solid #2b5198;}

.class_noir {position: fixed; left: 0; top: 0; background-color: #000 !important; opacity: 0.78; width: 100%; height: 100%; z-index:49;}
.div_reponse {position: fixed; left: 50%; top: 0; margin-left: -600px; background-color: #fff; outline: 2px solid grey; width: 1100px; visibility: visible; padding: 20px 50px; z-index:50;}
.wait_hide {visibility: hidden; margin: 0; width: 0; height: 0;}
.wait_data {position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; visibility: visible; width: 24px; height: 24px; background: url(../../pic/small/loader.gif); }
.tr_select {background: #cecfce;}
.div_stepc {position: absolute; left: 50%; margin-left: -200px; background-color: #fff; outline: 2px solid navy; width: 400px; visibility: visible; padding: 15px 50px; z-index:50;}
.div_stepc p {font-weight:bold; font-size:14px; margin:0 0 20px 0; text-align:left;}

.div_hidden {display: none !important;}
.div_visible {display: visible !important;}
.f_l {float: left !important;}
.f_r {float: right !important;}

.div_reponse_small 
{
	position: absolute;
	left: 10px;
	top: 0;
	margin-left: 0px;
	background-color: #fff;
	border: 2px solid red !important;
	width: 800px;
	visibility: visible;
	padding: 20px;
}

/* loading gif */
.wait_hide {
	visibility: hidden;
	margin: 0;
	width: 0;
	height: 0;
}

.wait_data {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	visibility: visible;
	width: 24px;
	height: 24px;
	background: url(../../pic/small/loader.gif);
}

.tr_select {
	background: #cecfce;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #904c95); 
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px; font-weight:bold;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn_vert {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #b7c729); 
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px; font-weight:bold;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {background-color: #e6e6e6; color: #333333;}

tr:hover {background-color: #ccddee !important;}
.tr_back1 {background-color: #efefef !important;}
.tr_back2 {background-color: #ffffff !important;}
.tr_back3 {background-color: #87ceeb !important;}
.tr_back4 {background-color: #279EAB !important;}
.tr_back5 {background-color: #aabbaa !important;}
.tr_back6 {background-color: navy !important;}
.tr_back7 {background-color: #C1F2F7 !important;}
.tr_back8 {background-color: #F3F3F3 !important;}
.tr_back9 {background-color: #DEDEDE !important;}

.fleche_left {float:left; margin-right:5px; cursor:pointer; display:inline;}
.fleche_right {float:right; margin-left:5px; cursor:pointer; display:inline;}

#cal_date {overflow:-moz-scrollbars-horizontal; overflow-x: hidden; overflow-y: hidden; width:1120px; height:450px; display:block; white-space: nowrap; float:left; margin:0;}
.cal_box {margin-right: 20px;background:#fff; width:300px; height: 400px !important; padding:5px; display:inline-block; }
.cal_boxnavy {border-color: navy; border-image: none; border-radius: 8px; border-style: solid; border-width: 2px; }
.cal_boxred {border-color: #f61610; border-image: none; border-radius: 8px; border-style: solid; border-width: 2px; }
.cal_inside {overflow-y: auto;  height: 380px !important; padding:10px 0; }
.cal_top {width:100%; height:40px; background: url('../../pic/small/b_cal1_small.png') top left no-repeat; text-align:center; color:navy; border-bottom:1px solid #f61610;}
.cal_user {width:100%; margin-top:20px; }

.menu {position: fixed; top:0px; padding: 0 3px; margin: 0; width: 1194px; height: 25px; display: block; text-decoration: none; z-index:45;
	list-style-type: none; text-align: center; clear: both; border-top: 0px solid #904c95;  background-color: #999; font-size:12px; color:#fff;}
.menu ul{margin: 0; padding: 0; text-decoration: none; list-style-type: none; text-align:center; vertical-align:middle; }
.menu li{background-color: #999; height: 25px; margin: 0; padding: 0 20px; float: left; list-style-type: none; text-decoration: none; text-align:center; }
.menu li:hover{background-color: #904c95; height: 25px; font-weight:bold; }
.menu a {display: block; color: #fff; text-decoration: underline; padding: 5px 0 0 0; font-weight: bold; height: 20px; font-weight:bold; }
.menu a:link {color: #fff; }
.menu a:hover {display: block; color: #fff; text-decoration: underline; padding: 5px 0 0 0; font-weight: bold; height:20px; font-weight:bold;  }
.menu ul li ul {display:none;}
.menu ul li:hover ul {display: block; padding:0; margin:0; height: 25px; width: 200px; margin-left:-23px; z-index:99; }
.menu li:hover ul li {padding: 0 0 0 10px; float: left; background-color: #999; height: 25px; width: 142px; display: block; text-align:left; }
.menu li ul li:hover {background-color: #904c95; }
.menu li ul {position: absolute;}
.barre_noire {border-bottom: 2px solid #000;}


/* Header page titre + bouton */
#div_titre {padding: 0; margin: 0; float:left; width:705px; font-size:0.8em !important;}
#menu_icone {padding: 0; margin: 0; float:right; height: 35px; width:140px; background: url('../../pic/menu/courbe_sous_menu-01.png') bottom left no-repeat;}

/* menu onglet evenet*/
.div_onglet {margin:0px 15px 0 0px; width:auto; float:right; border: 1px solid #904c95; border-right:0;}
.ilot_onglet {margin: 0; padding:0; cursor:pointer; text-align:center; padding:5px 10px; border-right: 1px solid #904c95; float:left;}
.ilot_backw {background-color:white;}
.ilot_backn {background-color: #904c95 !important;}

.ilot_onglet2 {margin: 0 5px; padding:0; cursor:pointer; text-align:center; padding:5px 10px; border: 1px solid #904c95; float:left;}

.div_report {margin:0 15px 20px 300px; width:auto; float:left; border: 1px solid #904c95; border-right:0;}
.rilot_onglet {margin: 0; padding:0; cursor:pointer; text-align:center; padding:5px 10px; border-right: 1px solid #904c95; float:left;}

.div_barreadvance {margin:0px 15px 0 0px; width:auto; float:left;}

.btncalc {
	-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
	background-color: #124d87; background-repeat: repeat-x; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px;
	color: #fff; cursor: pointer; font-size: 16px; font-weight:bold; text-align: center; margin:0 20px 20px 0;
    display: inline-block; padding: 12px 20px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	line-height: 50px; vertical-align: middle; width:40px !important;
}
.btncalc:hover, .btncalc:active, .btncalc.active, .btncalc.disabled, .btncalc[disabled] {background-color: #e6e6e6; color: #333333; }
.btncalc1 {
	-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
	background-color: #124d87; background-repeat: repeat-x; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px;
	color: #fff; cursor: pointer; font-size: 16px; font-weight:bold; text-align: center; margin:0 20px 20px 100px;
    display: inline-block; padding: 12px 20px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	line-height: 50px; vertical-align: middle; width:40px !important;
}
.btncalc1:hover, .btncalc1:active, .btncalc1.active, .btncalc1.disabled, .btncalc1[disabled] {background-color: #e6e6e6; color: #333333; }