html {
    font-size:100%;
}

body {
    font-family:Arial;
    font-size:0.8em;
}

textarea {
    width:100%;
    height:150px;
}

#Entete {
    font-size:20px;
    padding:10px 0 0 20px;
}

#Admin {
    width:960px;
    margin:0 auto;
}

#LoginPage {
    width:960px;
    margin:0 auto;
}

#ForgottenPaswword {
    width:960px;
    margin:0 auto;
}

.DivRelative {
    position:relative;
    height:100%;
}

#ContentAdmin {
    width:90%;
    height:90%;
    margin:0 5%;
    z-index:40;
    position:relative;
    text-align:left;
}

#ContentAdmin span {
    font-size:1.4em;
    font-weight:bold;
    padding-right:20px;
    color:#fff;
}

.Padding20 {
    padding:20px;
}

.BackgroundAll {
    background-color:#000;
    opacity:0.6;
    filter: alpha(opacity=60);
    position:absolute;
    width:90%;
    height:99%;
    margin:0 5%;
    z-index:20;
    top:0;
    left:0;
    border-radius:10px;
    min-height:670px;
}

.BtnLogin {
    display: block;
    color: #ffffff;
    width: 96px;
    height: 22px;
    border: 0;
    padding: 0;
    background: transparent url("/images/Login.jpg") no-repeat;
    text-indent:-2000px;
    float:right;
    cursor:pointer;
}

.Titre {
    font-size:1.3em;
    font-weight:bold;
    padding:0 0 0 10px;
}

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

th {
    padding:3px 5px 3px 5px;
    font-size:0.9em;
    background-color:#3e3e3e;
    color:#ff41b4;
    text-align:center;
}

td {
    font-size:1em;
    text-align:center;
    padding:5px 0 0 0;
    color:#fff;
    padding:3px 5px 3px 5px;
}

tr:nth-child(odd) {
    background-color:#3e3e3e;
}

tr:nth-child(even) {
    background-color:#737373;
}

#RechercheStep2 div.clearer{
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
    width:100%;
    float:none;
}

.clearer {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.medClearer {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height:20px;
}

#breadcrumb {
  float: left;
  height: 30px;
  padding: 0 0 0 6px;
  width: 845px;
  margin:0 0 10px 40px;
}

#breadcrumb li {
  float: left;
  margin: 0 4px;
  background-color:#fff;
  padding:5px 10px 7px;
  color: #ff41b4;
  border-radius:10px;
  opacity:0.8;
  filter: alpha(opacity=80);
}

#breadcrumb li p.last {
  color: #ff41b4;
  margin:3px 0 0 0;
  padding:0;
  font-size:0.9em;
  font-weight:bold;
  border-radius:10px;
  opacity:0.8;
  filter: alpha(opacity=80);
}

#breadcrumb li a {
  color: #ff41b4;
  font-size:0.9em;
  text-decoration:none;
}

.Logout {
    background:url(/images/Logout.png) 0 3px no-repeat;
    width:65px;
    height:22px;
    text-indent:-8000px;
    outline:medium none;
    display:block;
    float:left;
}

.AdditionalHelp {
    background:url(/images/AdditionalHelp.jpg) 0 3px no-repeat;
    width:93px;
    height:22px;
    text-indent:-8000px;
    outline:medium none;
    display:block;
    float:left;
}

.FloorMenu {
    padding:4px 0 0 0;
}

.FloorMenuLogin{
    padding:4px 0 4px 0;
}

.Msg {
    background-color: #fff;
    color: red;
    font-size: 0.9em;
    opacity: 0.8;
    padding: 5px;
    text-decoration: none;
    display:none;
}
/***********Page de login***********/
#ClassMenu {
    background-color:#3e3e3e;
    color:#ffffff;
    padding:5px 5px 5px 15px;
    font-weight:bold;
}

#GlobalLogin {
    text-align:center;
    background:url(/images/Anti-Crack-Fibre.jpg) 0 0 no-repeat;
    height:100%;
    min-height:750px;
}
#Admin a {
    color:#ffffff;
    text-decoration:none;
    padding:3px;
}
#Admin a div {
    font-size:0.9em;
    color:#ffffff;
    background:url(/images/ButtonAdmin.png) 0 0 no-repeat;
    padding:3px;
    border-radius: 5px;
    text-decoration:none;
    width:59px;
    height:16px;
    float:left;
    margin:0 2px;
}

#Admin a.LinkAdmin {
    background:none;
    font-size:1em;
}

#Admin a.LinkAdmin span {
    font-size:1.4em;
    font-weight:bold;
    padding:0px;
}

#LoginPage a {
    font-size:0.9em;
    color:#ff41b4;
    background-color:#fff;
    padding:5px;
    opacity:0.8;
    filter: alpha(opacity=80);
    border-radius: 5px;
    text-decoration:none;
}

#FormLogin {
    /*background:url(/images/FondLogin.png);*/
    background-color:#4b4b4b;
    width:279px;
    color:#fff;
    padding:10px;
    margin:0 auto;
    font-size:0.9em;
    border-radius:10px;
}

#LoginPage input, #ForgottenPaswword input{
    width:190px;
}

#LoginPage input[type="submit"], #ForgottenPaswword input[type="submit"] {
    width:100px;
    margin:5px;
}

#ForgottenPaswword label {
    font-size:0.9em;
    padding:2px 0;
}

#CreateAccount div.formdiv{
    width:300px;
    padding:2px 0;
}

#CreateAccount input {
    width:200px;
}

#CreateAccount input[type="submit"] {
    width:100px;
}

#CreateAccount label {
    width:80px;
    float:left;
    padding:2px 0;
    font-size:0.9em;
}

.Pagination {
    color: #ff41b4;
    height: 18px;
    margin: 0 10px 0 0;
    padding: 5px 0 0 10px;
    width: 130px;
}

.Pagination li {
    float: left;
    font-size: 0.9em;
    text-align: center;
    padding:0 2px;
}

/***********Page User***********/
#FormUser {
    width:330px;
    padding:10px;
}

#FormUser label {
    width:80px;
    float:left;
    text-align:left;
    font-size:0.9em;
    color:#fff;
    font-weight:bold;
    padding-top:2px;
}

#FormUser input {
    width:200px;
    font-size:0.9em;
}

#FormUser input[type="submit"] {
    width:80px;
}

#FormUser div {
    text-align:left;
    padding:2px 0;
    background-color:#3e3e3e;
    border-radius:10px;
    padding:5px 10px;
    margin:10px;
}

/*************Application 1**************/
#Appli1 label{
    width:140px;
    float:left;
    text-align:left;
    font-size:0.9em;
    color:#fff;
    font-weight:bold;
    padding-top:2px;
}

#Appli1 {
    padding:0 0 0 10px;
}

#Appli1 div {
    text-align:left;
    padding:2px 0;
    background-color:#3e3e3e;
    border-radius:10px;
    padding:8px 10px;
    margin:1px 10px;
}

/*************Application 2**************/
#RechercheStep2 {
    padding:0 0 0 10px;
    width:100%;
    max-width:900px;
}

#RechercheStep2 label {
    width:175px;
    float:left;
    text-align:left;
    font-size:0.9em;
    color:#fff;
    font-weight:bold;
    padding-top:2px;
}

#RechercheStep2 div {
    background-color:#3e3e3e;
    padding:4px;
    float:left;
    width:45%;
    border-radius:10px;
    margin:2px;
}

#RechercheStep2 div.Button,#RechercheStep2 div#TableNumberLoads {
    background:none;
}

#RechercheStep3 {
    width:100%;
    color:#fff;
}

.ResultDonnee {
    background-color:#3e3e3e;
    padding:4px;
    float:left;
    width:45%;
    border-radius:10px;
    margin:2px;
}

.ColonneResult {
    width:380px;
    font-size:0.9em;
    margin:0 0 0 10px;
    padding:10px;
    color:#fff;
    float:left;
}

.ColonneResult b {
    color:#ff41b4;
}

#Graphique {
    width:90%;
    height:400px;
    max-width:600px;
    margin:0 auto;
}

#ContentAdmin span.requiredfield {
    color:red;
    font-size:0.9em;
    font-weight:bold;
    padding:0px;
}

#TableNumberLoads {
    overflow-y:scroll;
    height:310px;
}

#LastUser td.ClickTD {
    cursor:pointer;
}

#LastUser tr:hover {
    background-color:#dbaa47;
}

#FileUploadContainerAdmin div.AdImgDiv {
    background-color: #3e3e3e;
    border-radius: 10px;
    float: left;
    margin: 2px;
    padding: 4px;
    width: 45%;
}

#FileUploadContainer div.AdImgDiv span,#FileUploadContainerAdmin div.AdImgDiv span {
    font-size:1em;
    padding:3px;
    float:left;
}

#FileUploadContainer div.AdImgDiv input,#FileUploadContainerAdmin div.AdImgDiv input {
    float:right;
}

.Copyright {
    text-align:center;
    font-size:11px;
    color:#333;
}

.Disclamer {
    text-align:justify;
    font-size:11px;
    color:#888;
    padding:10px 0 0 0;
}

@media all and (max-width: 950px) {
    #Admin {
        width:100%;
        margin:0 auto;
    }

    #LoginPage {
        width:100%;
        margin:0 auto;
    }

    #ForgottenPaswword {
        width:100%;
        margin:0 auto;
    }

    #TableNumberLoads input {
        width:90px;
    }
}

@media all and (max-width: 550px) {
    .ColonneResult {
        width:320px;
    }
}

@media all and (max-width: 320px) {
    #Admin {
        width:320px;
        margin:0 auto;
    }

    #LoginPage {
        width:320px;
        margin:0 auto;
    }

    #ForgottenPaswword {
        width:320px;
        margin:0 auto;
    }

    #Graphique {
        width:250px;
        height:200px;
        margin:0 auto;
    }

    #RechercheStep2 div {
        width:280px;
    }

    #TableNumberLoads {
        overflow-y:scroll;
        height:180px;
    }

    #TableNumberLoads input {
        width:90px;
    }

    .ColonneResult {
        width:290px;
    }

    #FormUser {
        width:230px;
    }

    #FormUser input {
        width:120px;
        font-size:0.9em;
    }
}