html, body {
    height: 100%;
    margin: 0; padding: 0;
}
body {
    display : table;
    width: 100%;
}
.grey {
background: #F0F0F0;
}
.white {
background: transparent;
}
.focus {
  border: solid 1px #CCCCCC;
  transition: box-shadow 0.3s, border 0.3s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
}
.styled-button-index {
	background:#5CCD00;
	background:-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
	padding:7px 50px 7px 50px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #459A00;
	cursor: pointer;
	-moz-box-shadow: 0px 10px 14px -7px #000;
	-webkit-box-shadow: 0px 10px 14px -7px #000;
	box-shadow: 0px 10px 14px -7px #000;
}
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 5px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png);
   background-color:#003366;
   background-position: 97% center;
   background-repeat: no-repeat;
   font-weight:bold;
   border: 1px solid #003366;
   color: #fff;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 5px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 150px;
}
.tabLogin{
width:400px; 
border: 2px solid; }
.tabLogin.tr:nth-child(even) {background-color: #f2f2f2}
.tabConnectes{
width:600px; 
border: 2px solid; }
.tabConnectes.tr:nth-child(even) {background-color: #f2f2f2}

.header{
position: fixed;
top:0px;
left:0px; 
width: 100%; 
height:30px;
z-index:9999;
background-color: #000033;
font: bold 11px Arial, Verdana, sans-serif;
color:#FFFFFF;}
.header-right{
position: absolute;
top:0px;
right:10px;  
height:20px;
background-color: #000033;}
.header-left{
position: absolute;
top:8px;
left:0px;  
height:20px;
padding-left: 20px;
background-color: #000033;}
.header-left a{color: #FFFFFF; text-decoration:none;}
.header-left a:hover{color: #FFFFFF; text-decoration:underline;}
.header ul{font: bold 11px Arial, Verdana, sans-serif;margin: 0;padding-top: 10px;list-style: none; color:#FFFFFF;}
.logo{position:absolute; top:35px;  padding: 0;width: 700px; height:100px;float: left; overflow: hidden;background: transparent;}
.footer{
position: fixed;
display : table-row; 
width: 100%;
bottom:0px; 
height:30px;
background-color: #000033;
font: bold 11px Arial, Verdana, sans-serif;
color:#FFFFFF;
text-align:center;
padding-top: 10px;}
.wrapper{
position: absolute; 
top: 170px; 
right: 0px; 
left: 0px;
height: 750px;
width:1200px;
padding-top: 5px;
margin-left: auto; 
margin-right:auto;  
background-image:url(../images/background1.jpg);
background-repeat:no-repeat;
background-size: 1200px 700px;
}
.wrappertest{
position: absolute; 
top: 0px; 
right: 0px; 
left: 0px;
height: 700px;
width:1200px;
padding-top: 5px;
margin-left: auto; 
margin-right:auto;  
background-image:url(../images/background1.jpg);
background-repeat:no-repeat;
background-size: 1200px 700px;
}
.wrapper_Print{
position: absolute; 
top: 20px; 
right: 0px; 
left: 0px;
height: 750px;
width:1200px;
padding-top: 5px;
margin-left: auto; 
margin-right:auto;  
background-image:url(../images/background1.jpg);
background-repeat:no-repeat;
background-size: 1200px 700px;
}
.wrapper_chauffeur{
position: absolute; 
top: 152px; 
right: 0px; 
left: 0px;
height: 1100px;
width:1200px;
padding-top: 5px;
margin-left: auto; 
margin-right:auto;  
background: #FFf;}
.wrapper_index{
position: absolute; 
top: 50px; 
right: 0px; 
left: 0px;
height: 180px;
width:320px;
padding-top: 5px;
margin-left: auto; 
margin-right:auto;  
background: #FFf;
}
.container-left-index{
top: 0px; 
left: 0px; 
height: 170px;
width:300px;
padding-top: 5px;
padding-left: 10px;  
background: #fff;
}
.container-mailclient{
top: 300px; 
left: 250px; 
height: 400px;
width:400px;
padding-top: 5px;
padding-left: 10px;  
}
.footer_chauffeur{
position: absolute;
top: 1200px;
left:0px; 
width: 100%; 
height:30px;
background-color: #000033;
font: bold 11px Arial, Verdana, sans-serif;
color:#FFFFFF;
text-align:center;
padding-top: 10px;}
/* Tab */
.topnav{ 
position: absolute; 
top: 0px; 
padding-top: 5px;
width: 100%;
overflow: hidden;
background: #003366;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.topnav ul{font: bold 11px Arial, Verdana, sans-serif;margin: 0;padding-left: 3px;list-style: none;}
.topnav li{text-transform: uppercase;  }
.topnav a{
float: left;
color: white;
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}
.topnav a span{
float: left;
display: block; 
padding: 7px 9px 3px 6px;
cursor: pointer;
}
.topnav a span{float: none;}
.topnav a:hover, .topnav li.selected a{
background-color: #FFFFFF ; 
color: #000000;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;}
.topnav a:hover span{background-color: transparent;}
.container-right_dispatch{
position: absolute; 
top: 50px; 
right: 0px; 
height: 50px;
width:300px;
padding-top: 5px;  
background: #ff;
border-left:solid 1px #999999;
color: #333333;
font: bold 15px Arial, Verdana, sans-serif;}
.container-right-personnel{
position: absolute; 
top: 25px; 
right: 150px; 
height: 50px;
width:600px;
padding-top: 5px;  
background: transparent;
color: #333333;
font: bold 15px Arial, Verdana, sans-serif;}
.container-right{
position: absolute; 
top: 35px; 
right: 170px; 
height: 50px;
width:600px;
padding-top: 5px;  
background: transparent;
color: #333333;
font: bold 15px Arial, Verdana, sans-serif;}
.container-right a{ text-decoration:none;}
.container-right a:hover{ text-decoration: underline;}
.recherche{
position: absolute; 
top: 0px; 
right: 0px; 
height: 50px;
width:280px;  
color: #666666;
font: bold 15px Arial, Verdana, sans-serif;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.tabs{
position: absolute; 
top: 60px; 
left: 0px; 
width:1200px;
height:500px;  
background: transparent;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
overflow:hidden;
}
.tabs a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.tabs a:hover{text-decoration:underline;}
.ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border : solid 1px #666666;
	padding: 0;
	white-space: nowrap;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #333333;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px; border-bottom: none; text-decoration:none;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.tabs_Chauffeur{
position: absolute; 
top: 60px; 
left: 20px; 
width:1200px;
Height: 500px;  
background: transparent;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
}
.tabs_Chauffeur a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.tabs_mission{
position: absolute; 
top: 0px; 
left: 0px; 
width:1150px;
Height: 550px;  
background-color: transparent;
background:none;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
border:none;
}
.tabs_mission a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.tabs a:hover{text-decoration:underline;}
.tabs_Amende{
position: absolute; 
top: 60px; 
left: 20px; 
width:600px;
height:500px;
overflow:hidden;  
background: transparent;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
}
.tabs_Amende a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.tabs_lieux{
position: absolute; 
top: 60px; 
left: 20px; 
width:1100px;
height:500px;
overflow:hidden;  
background: transparent;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
}
.tabs_lieux a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.tabs_conso{
position: absolute; 
top: 60px; 
left: 20px; 
width:1200px; 
height:500px;
overflow:hidden; 
background: transparent;
color: #333333;
font: 12px Arial, Verdana, sans-serif;
}
.tabs_conso a{
color: #333333;
font: bold 11px Arial, Verdana, sans-serif;
text-decoration:none;}
.results{
position: absolute;
top: 10px; 
left: 20px; 
width:900px;
height:500px;  
background: transparent;
color: #333333;
}
.container-left {
position: absolute; 
top: 30px; 
left: 0px; 
height: 600px;
width:1200px;
padding-top: 5px;
padding-left: 10px;  
background: transparent;
border-left:solid 1px #999999;}
.container-left-search {
position: absolute; 
top: 90px; 
left: 10px; 
height: 350px;
width:400px;
padding-top: 5px;
padding-left: 10px;  
background: transparent;
}
.container-right-search {
position: absolute; 
top: 90px; 
right: 10px; 
height: 520px;
width:750px;
padding-top: 5px;
padding-left: 10px;  
background-color:#ffffff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
border-collapse: collapse;
text-align: center;
overflow:auto;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.resultsmodule {
width:730px;
padding-top: 5px;
padding-left: 10px;  
background-color:#FFFFFF;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
border-collapse: collapse;
text-align: center;
}
.moduleth {
font-size: 14px;
font-weight: normal;
color: #039;
padding: 8px 10px;
border-bottom: 2px solid #6678b1;
      }
.moduletd {
        border-bottom: 1px solid #ccc;
        color: #669;
        padding: 8px 10px;
      }

.container-left_chauffeur{
position: absolute; 
top: 40px; 
left: 0px; 
height: 900px;
width:1100px;
padding-top: 5px;
padding-left: 10px;  
background: #fff;
border-left:solid 1px #999999;}
.add_button {
	-moz-box-shadow: 0px 10px 14px -7px #000;
	-webkit-box-shadow: 0px 10px 14px -7px #000;
	box-shadow: 0px 10px 14px -7px #000;
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:7px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.add_button:hover {background-color:#72b352; text-decoration:underline;}
.add_button:active {position:relative;top:1px;}
.add_button_client a{ 
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}
.add_button_Search {
	-moz-box-shadow: 0px 10px 14px -7px #000;
	-webkit-box-shadow: 0px 10px 14px -7px #000;
	box-shadow: 0px 10px 14px -7px #000;
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:5px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.del_button {
	-moz-box-shadow: 0px 10px 14px -7px #000;
	-webkit-box-shadow: 0px 10px 14px -7px #000;
	box-shadow: 0px 10px 14px -7px #000;
	background-color: #FF3333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #FF3333;
	display:inline-block;
	width: 74px;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:7px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.del_button a{ 
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}
.del_button:hover { text-decoration:underline;}
.add_button_client {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width: 74px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:7px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.reset_button {
	-moz-box-shadow: 0px 10px 14px -7px #999999;
	-webkit-box-shadow: 0px 10px 14px -7px #999999;
	box-shadow: 0px 10px 14px -7px #999999;
	background-color: #FF3333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #666666;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding:7px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	opacity: 0.5;
}
.reset_button:hover {text-decoration:underline;}
.Actif_Button_fournisseur {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #66CC33), color-stop(1, #669933));
	background:-moz-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-webkit-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-o-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-ms-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:linear-gradient(to bottom, #66CC33 5%, #669933 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color: #66CC33;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.Actif_Button_ouvrier {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #996699), color-stop(1, #990099));
	background:-moz-linear-gradient(top, #996699 5%, #990099 100%);
	background:-webkit-linear-gradient(top, #996699 5%, #990099 100%);
	background:-o-linear-gradient(top, #996699 5%, #990099 100%);
	background:-ms-linear-gradient(top, #996699 5%, #990099 100%);
	background:linear-gradient(to bottom, #996699 5%, #990099 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color: #996699;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.Actif_Button_societe {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3399FF), color-stop(1, #3300FF));
	background:-moz-linear-gradient(top, #3399FF 5%, #3300FF 100%);
	background:-webkit-linear-gradient(top, #3399FF 5%, #3300FF 100%);
	background:-o-linear-gradient(top, #3399FF 5%, #3300FF 100%);
	background:-ms-linear-gradient(top, #3399FF 5%, #3300FF 100%);
	background:linear-gradient(to bottom, #3399FF 5%, #3300FF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399FF', endColorstr='#3300FF',GradientType=0);
	background-color: #3399FF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.Actif_Button_client {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFCC33), color-stop(1, #FF6633));
	background:-moz-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-webkit-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-o-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-ms-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:linear-gradient(to bottom, #FFCC33 5%, #FF6633 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color: #FFCC33;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.Actif_Button_chauffeur {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFCC33), color-stop(1, #FF6633));
	background:-moz-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-webkit-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-o-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:-ms-linear-gradient(top, #FFCC33 5%, #FF6633 100%);
	background:linear-gradient(to bottom, #FFCC33 5%, #FF6633 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color: #FFCC33;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.Actif_Button_employe {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #66CC33), color-stop(1, #669933));
	background:-moz-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-webkit-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-o-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:-ms-linear-gradient(top, #66CC33 5%, #669933 100%);
	background:linear-gradient(to bottom, #66CC33 5%, #669933 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color: #66CC33;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:55px;
	text-align:center;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
#page_mission {position:absolute;left:0;top:0;z-index:9000;background-color:#000; width: 100%; height:1000px; opacity: 0.5;}
#Nouveau_client {
position: absolute;
display:none;
z-index:9001;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px; 
top: 40px; 
height: 400px;
width: 800px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#Nouveau_client_titre{
position: absolute;
top: 15px;
left: 40px;
font: bold 14px Arial, Verdana, sans-serif;
}
#Nouveau_client_form {
position: absolute; 
top: 50px; 
height: 350px;
width: 700px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}

#Nouveau_personnel {
position: absolute;
display:none;
z-index:9001;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px; 
top: 150px; 
height: 400px;
width: 800px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#Nouveau_personnel_titre{
position: absolute;
top: 15px;
left: 40px;
font: bold 14px Arial, Verdana, sans-serif;
}
#Nouveau_personnel_form {
position: absolute; 
top: 50px; 
height: 350px;
width: 700px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#Nouveau_mission {
position: absolute;
z-index:9001;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px; 
top: 0px; 
height: 500px;
width: 700px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#New_mission {
position: absolute;
height: 550px;
width: 700px; 
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px; 
top: 55px;
background: #fff;
padding-left: 10px;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#Nouveau_mission_titre{
position: absolute;
top: 15px;
left: 40px;
font: bold 14px Arial, Verdana, sans-serif;
}
#Nouveau_mission_form {
position: absolute; 
height: 400px;
width: 650px;  
background: #fff; 
left: 40px;
top: 50px;
}
#Edit_MissionFact {
position: absolute;
left: 0px; 
top: 0px; 
height: 450px;
width: 1000px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#Edit_MissionFact_form {
position: absolute; 
top: 50px; 
height: 400px;
width: 900px;  
background: #fff; 
left: 40px;
}
#Edit_client {
position: absolute;
left: 20px;  
top: 50px; 
height: 600px;
width: 990px;
padding-top: 0px;
padding-left: 10px;  
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-image:url(../images/ClientsBG.jpg);
	background-size: 1000px 600px;
	background-repeat:no-repeat;
}
#Edit_client_titre {
position: absolute;
top: 15px;
left: 40px;
font: bold 14px Arial, Verdana, sans-serif;
}
#Edit_client_form {
position: absolute; 
top: 40px; 
height: 550px;
width: 1000px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
background-color: transparent;
}
#Edit_relation {
position: absolute;
left: 20px;  
top: 100px; 
height: 500px;
width: 990px;
padding-top: 0px;
padding-left: 10px;  
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-image:url(../images/ClientsBG.jpg);
	background-size: 1000px 600px;
	background-repeat:no-repeat;
}
#Edit_client_test {
position: absolute;
left: 70px;  
top: 30px; 
height: 600px;
width: 990px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-image:url(../images/chauffeurBG.jpg);
	background-size: 1000px 600px;
	background-repeat:no-repeat;
}
#Edit_client_form_test {
position: absolute; 
top: 40px; 
height: 550px;
width: 1000px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
padding-left:30px;
right: 0px; 
left: 0px;
background-color: transparent;
}
#Edit_mission {
position: absolute;
left: 20px;  
top: 33px; 
height: 600px;
width: 1150px;
padding-top: 0px;
padding-left: 10px;  
background: transparent;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-image:url(../images/missionBG.jpg);
	background-size: 1160px 600px;
	background-repeat:no-repeat;
}
#Edit_mission_form {
position: absolute; 
top: 40px; 
height: 550px;
width: 1150px;  
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
background-color: transparent;
}
#Edit_mission_Print {
position: absolute;
left: 20px;  
top: 0px; 
height: 600px;
width: 1150px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-image:url(../images/missionBG.jpg);
	background-size: 1160px 600px;
	background-repeat:no-repeat;
}
#Edit_MissionChauffeur {
position: absolute;
left: 20px;   
height: 500px;
width: 600px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#Edit_MissionChauffeur_form {
position: absolute; 
top: 40px; 
height: 450px;
width: 600px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#Edit_amende {
position: absolute;
left: 20px;   
height: 300px;
width: 480px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#Edit_amende_titre{
position: absolute;
top: 15px;
left: 40px;
font: bold 14px Arial, Verdana, sans-serif;
}
#New_amende_form {
position: absolute; 
top: 40px; 
height: 260px;
width: 430px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#New_mission_form {
position: absolute; 
top: 70px; 
height: 400px;
width: 700px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#New_relation {
position: absolute;
left: 0px;  
height: 320px;
width: 650px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#New_relation_form {
position: absolute; 
top: 40px; 
height: 270px;
width: 600px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#New_adresse {
position: absolute;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 0px; 
height: 350px;
width: 650px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
background-image:url(../images/adresseBG.jpg);

}
#New_adresse_form {
position: absolute; 
top: 40px; 
height: 300px;
width: 600px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
#New_login {
position: absolute;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 0px; 
height: 300px;
width: 650px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#New_Connectes {
position: absolute;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 0px; 
height: 700px;
width: 850px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
vertical-align:top;
font: bold 12px Arial, Verdana, sans-serif;
}
#New_Connectes_form {
position: absolute; 
top: 40px; 
height: 700px;
width: 850px;  
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
overflow:auto;
}
#New_login_Client {
position: absolute;
background-image:url(../images/chauffeurBG.jpg);
background-repeat:no-repeat;
background-size: 650px 500px;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 20px; 
height: 320px;
width: 650px;
padding-top: 0px;
padding-left: 10px;  
font: bold 12px Arial, Verdana, sans-serif;
}
#New_login_form_Client {
position: absolute; 
top: 60px; 
height: 250px;
width: 650px;  
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
overflow:auto;
}
#New_login_form {
position: absolute; 
top: 40px; 
height: 250px;
width: 650px;  
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
overflow:auto;
}
#New_loginSend {
position: absolute;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 0px; 
height: 180px;
width: 390px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
}
#New_loginSend_form {
position: absolute; 
top: 40px; 
height: 130px;
width: 350px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
overflow:auto;
}
#Edit_Chauffeur {
position: absolute;
left: 0px;
right:0px;
margin-left:auto;
margin-right:auto;  
top: 0px; 
height: 300px;
width: 450px;
padding-top: 0px;
padding-left: 10px;  
background: #fff;
font: bold 12px Arial, Verdana, sans-serif;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#Edit_Chauffeur_form {
position: absolute; 
top: 40px; 
height: 260px;
width: 400px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
}
input[type=text], textarea {	
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
}
#confirm_add_client {
position: absolute; 
top: 50px; 
height: 45px;
width: 300px;  
background: #fff;
margin-left: auto; 
margin-right:auto;
right: 0px; 
left: 0px;
font: bold 12px Arial, Verdana, sans-serif;
color:#006600;
text-align:center;
padding-top: 35px;
border:solid 1px #CCCCCC;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


.supprimer{display:block; width:16px; height:16px; margin:0; padding:0;}
.supprimer span{display:none;}
.categorie > tbody > tr {background: #E7E6E6;}
.categorie > tbody > tr:nth-child(odd) {background: #F1F0F1;}

.message-box{border-top:#F0F0F0 2px solid;background:#FAF8F8;}
.btnEditAction{    
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	font-size:10px;}

.btnDeleteAction{
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	font-size:10px;}
.editbox{display:none}
.editbox{
font-size:12px;
width:150px;
background-color:#ffffcc;
border:solid 1px #000;
padding:4px;
}
.edit_tr:hover{
background:url(../images/edit.png) right no-repeat #FFFFCC;
cursor:pointer;
}
.photo_user{
	height: 200px;
	width: 160px;
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
	box-shadow: 0px 10px 14px -7px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:solid 1px #CCCCCC;
}
::-webkit-input-placeholder { font-style: italic; }
::-ms-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
.show{
	height: 50px;
	width: 500px;
	padding-left: 3px;
	padding-top: 2px;
	border-bottom:dotted 1px #CCCCCC;
}
.show a{
	color:#000;
	font: normal 13px Arial, Verdana, sans-serif;	
}
.show_relation{
	height: 30px;
	width: 400px;
	padding-left: 3px;
	padding-top: 15px;
	border-bottom:dotted 1px #CCCCCC;
}
.show_relation a{
	color:#000;
	font: normal 13px Arial, Verdana, sans-serif;	
}
.show_client{
	height: 30px;
	width: 300px;
	padding-left: 3px;
	padding-top: 2px;
}
.show_client a{
	color:#000;
	font: normal 13px Arial, Verdana, sans-serif;	
}
.show_test{
	width: 500px;
}
.result_search_relation{
	width: 500px;
	background-color:#fff;
	-moz-box-shadow: 1px 1px 12px #555 ;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	z-index: 10;	
}
.result_search_mission{
	width: 300px;
	background-color:#fff;
	-moz-box-shadow: 1px 1px 12px #555 ;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	z-index:10;
	position:absolute;	
}
.search_relation_mission{
	height: 20px;
	width: 300px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.result_search{
	width: 400px;
	background-color:#fff;
	-moz-box-shadow: 1px 1px 12px #555 ;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	z-index: 10;	
}
.result_search_client{
	width: 200px;
	background-color:#fff;
	z-index: 10;
	position : absolute;
	border: solid 1px #CCCCCC;
	display:none;	
}
::-webkit-input-placeholder { font-style: italic; }
::-ms-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
.search{
	height: 20px;
	width: 400px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.searchnumero{
	height: 20px;
	width: 50px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	right:0px;
}
.search_client{
	border: solid 1px #CCCCCC;
  transition: box-shadow 0.3s, border 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
}
.remarques{
  transition: box-shadow 0.3s, border 0.3s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
}
#divsearch{margin-left: 0px;}
.img_dispatch{
	-moz-box-shadow: 0px 10px 14px -7px ;
	-webkit-box-shadow: 0px 10px 14px -7px;
	box-shadow: 0px 10px 14px -7px;	
}
.ajout_mission{
	margin_left: 100px;
	}	
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; font-size: 11px;  }
.autocomplete-suggestion { padding: 2px 5px; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-suggestions1 { border: 1px solid #999; background: #FFF; font-size: 11px;  }
.autocomplete-suggestion1 { padding: 2px 5px; white-space: nowrap; }
.autocomplete-suggestions1 strong { font-weight: normal; color: #3399FF; }

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.tab_editmission {padding-left:10px; border-left: solid 1px #666666; position:left;}
.tab_editmission a{color: #0000FF;}
.tab_editmission a:hover{ text-decoration:none;}
.tab_newmission {padding-left:30px; position:left;}
.tab_editchauffeur {padding-left:10px; position:left;}
.annul{
	color:#FF0000;
	font: Stencil;
}
#information{
	position:absolute;
	right: 0px;
	top:30px;
	color:#fff;
	background-color: #000000;
	font: bold 10px Arial, Verdana, sans-serif;
}
#preferences{
	position:absolute;
	z-index:9001;
	right: 0px;
	top:30px;
	padding-left: 50px;
	color: #000033;
	background-color: #fff;
	opacity: 1;
	font: bold 13px Arial, Verdana, sans-serif;
	height:150px;
	width: 250px;
	-moz-border-bottom-left-radius: 15px;
  	-webkit-border-bottom-left-radius: 15px;
  	border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
  	-webkit-border-bottom-right-radius: 15px;
  	border-bottom-right-radius: 15px;
	border:solid 1px #ccc;
}
#infosmission{
	position:absolute;
	z-index:9001;
	left: 20px;
	top:45px;
	padding-left: 10px;
	color: #000033;
	background-color: #fff;
	opacity: 1;
	font: bold 13px Arial, Verdana, sans-serif;
	height: 110px;
	width: 380px;
	-moz-border-bottom-left-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
  	border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
  	border-bottom-right-radius: 5px;
	border:solid 1px #ccc;
}
#postit{
	position:absolute;
	width: 285px;
	height: 270px;
	right: 0px;
	top:0px;
	color:#000;
	background-image: url(../images/postit.png);
	background-size: contain;
	font: bold 12px Arial, Verdana, sans-serif;
	padding-top: 50px;
	padding-left: 35px;
}
.rotatePostit{
	-webkit-transform: rotate(354deg);
	-moz-transform: rotate(354deg);
	-o-transform: rotate(354deg);
	writing-mode: lr-tb;
}
#planningchauffeur{
	position:absolute;
	width: 750px;
	height: 200px;
	left: 10px;
	top:0px;
	color: #666;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	  -moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	-moz-box-shadow: 2px 2px 3px #003366;
  	-webkit-box-shadow: 2px 2px 3px #003366;
  	box-shadow: 2px 2px 3px #003366;
	border:solid 1px #003366;
}
#todo{
	position:absolute;
	width: 750px;
	height: 200px;
	left: 10px;
	top:210px;
	color: #666;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	padding-top:10px;
	  -moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	-moz-box-shadow: 2px 2px 3px #006633;
  	-webkit-box-shadow: 2px 2px 3px #006633;
  	box-shadow: 2px 2px 3px #006633;
	border:solid 1px #006633;
}
#todo2{
	position:absolute;
	width: 750px;
	height: 260px;
	left: 10px;
	top:430px;
	color: #666;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	padding-top:10px;
	  -moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	-moz-box-shadow: 2px 2px 3px #006633;
  	-webkit-box-shadow: 2px 2px 3px #006633;
  	box-shadow: 2px 2px 3px #006633;
	border:solid 1px #006633;
}
#todo3{
	position:absolute;
	width: 750px;
	height: 260px;
	left: 10px;
	top:710px;
	color: #666;
	overflow:auto;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	padding-top:10px;
	  -moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	-moz-box-shadow: 2px 2px 3px #ff0000;
  	-webkit-box-shadow: 2px 2px 3px #ff0000;
  	box-shadow: 2px 2px 3px #ff0000;
	border:solid 1px #ff0000;
}
#stats{
	position:absolute;
	width: 300px;
	height: 280px;
	right: 0px;
	top:350px;
	color: #999999;
	font: "Courier New", Courier, monospace;
	font-size: 14px; 
	background-image: url(../images/dos.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.typechauffeur{
	background-color: #E8D7E7;
	}
.gestion a{
	font: bold 15px Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#000066;
	}
.gestion a:hover{
	font: bold 15px Arial, Verdana, sans-serif;
	color:#000066;
	text-decoration:underline;
	}
#anniversaire{
	position:absolute;
	width: 400px;
	height: 40px;
	right: 600px;
	top:35px;
	color: #999999;
	font-size: 14px; 
	padding-top: 20px;
	padding-left:20px;
}
#popuptodo{
	position:absolute;
	width: 400px;
	height: 50px;
	right: 100px;
	top:65px;
	color: #999999;
	font-size: 14px; 
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px;
  	-moz-box-shadow: 2px 2px 3px #AA0000;
  	-webkit-box-shadow: 2px 2px 3px #AA0000;
  	box-shadow: 2px 2px 3px #AA0000;
	border:solid 1px #AA0000;
	padding-top: 0px;
	padding-left:20px;
}
#popuptodo a{
	color: #000066;
}
#popuptodo a:hover{
	text-decoration:none;
}
#info{
	position:absolute;
	width: 500px;
	height: 60px;
	left: 60px;
	top:300px;
	color: #666;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	padding-top:10px;
	  -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
  	-moz-box-shadow: 2px 2px 3px #ccc;
  	-webkit-box-shadow: 2px 2px 3px #ccc;
  	box-shadow: 2px 2px 3px #ccc;
	border:solid 1px #ccc;
	vertical-align:top;
}
#liste_absences{
	position:absolute;
	width: 1000px;
	height: 300px;
	left: 60px;
	top:420px;
	color: #666;
	font: bold 13px Arial, Verdana, sans-serif;
	padding-left:10px;
	padding-top:10px;
	  -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
	border:solid 1px #ccc;
	vertical-align:top;
}
#container_statistiques {
	position:absolute;
	width: 1200px;
	height: 300px;
	left: 20px;
	top:100px;
	color: #000;
	font: bold 13px Arial, Verdana, sans-serif;
	  -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
}
#statistiques_CA {
	position:absolute;
	width: 400px;
	height: 500px;
	left: 0px;
	padding-left:5px;
	 -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
	  	-moz-box-shadow: 2px 2px 3px #000;
  	-webkit-box-shadow: 2px 2px 3px #000;
  	box-shadow: 2px 2px 3px #000;
	border: solid 1px #000;
}
#statistiques_Missions {
	position:absolute;
	width: 400px;
	height: 500px;
	left: 420px;
	padding-left:5px;
	 -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
	  	-moz-box-shadow: 2px 2px 3px #000;
  	-webkit-box-shadow: 2px 2px 3px #000;
  	box-shadow: 2px 2px 3px #000;
	border: solid 1px #000;
}
#statistiques_Personnel {
	position:absolute;
	width: 200px;
	height: 190px;
	left: 835px;
	padding-left:5px;
	 -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
	  	-moz-box-shadow: 2px 2px 3px #000;
  	-webkit-box-shadow: 2px 2px 3px #000;
  	box-shadow: 2px 2px 3px #000;
	border: solid 1px #000;
}
#statistiques_Vehicules {
	position:absolute;
	width: 200px;
	height: 300px;
	top : 200px;
	left: 835px;
	padding-left:5px;
	 -moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
	  	-moz-box-shadow: 2px 2px 3px #000;
  	-webkit-box-shadow: 2px 2px 3px #000;
  	box-shadow: 2px 2px 3px #000;
	border: solid 1px #000;
}