@import "fontawesome/css/all.css";

body {
    background-image: url(images/fr/new/bg.png);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    color: #2c3a48;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}
#logoTransporteur
{
    padding:0px 3px 0px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(2,2,2,.35);
    -moz-box-shadow: 0 0 3px rgba(2,2,2,.35);
    box-shadow: 0 0 3px rgba(2,2,2,.35);
}
img {
    border:0;
}
table {
    font-size: inherit;
}
.test {
    border: 7px solid #4c657d;
}
.table-global {
    background-color:#f0eff5;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.barre_liste
{
    text-align:center;
    height:1.5em;
}
.barre_liste img
{
    width:800px;
    height:1px;
}
/* Connexion */
.logo
{
    background-image: url(images/fr/new/logo_COL_connexion.png);
    background-repeat: no-repeat;
    background-position:0 0px;
    height:90px;
    display:block;
}
.logo span
{

}
.logo_autre_1
{
}
.logo_autre_2
{
}

.bloc-page-simple {
    height: auto;
    width: 1000px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}


.bloc-page-simple .contenu-connexion {
    border: 7px solid #4c657d;
    background-color: white;
    margin-top:20px;
}
.bloc-page-simple .contenu-connexion .entete-connexion {
    background-color: #ffba00;
    background-image: url(images/fr/new/lock.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-transform: uppercase;
    color: white;
    padding: 15px;
}

.bloc-page-simple .contenu-connexion .fermeture-connexion {
    background-color: #ffba00;
    text-align: right;
    padding: 4px;
}

.bloc-page-simple .footer {
    color:#c6cbd0;
    font-size:11px;
    text-align:center;
    margin-top:15px;
    line-height:20px
}

.bloc-connexion {
    height: auto;
    width: 720px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
.bloc-connexion a {
    color:#408bff;
    text-decoration:none;
    font-size:14px;
    font-weight:normal !important;
}
.bloc-connexion a:hover {
    color: #2c3a48;
}
.bloc-connexion .contenu-connexion {
    border: 7px solid #4c657d;
    background-color: white;
    margin-top:20px;
}
.bloc-connexion .contenu-connexion .entete-connexion {
    background-color: #ffba00;
    background-image: url(images/fr/new/lock.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-transform: uppercase;
    color: white;
    padding: 15px;
}
.bloc-connexion .contenu-connexion .form-connexion {
    padding-top: 30px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
}
.bloc-connexion input, .bloc-connexion select {
    border: solid 1px #c7c7c7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:16px;
    padding:10px;
    font-weight:bold;
    float:none;
    margin-bottom:15px;
    color: #666;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.bloc-connexion select {
    min-width:135px;
    padding:8px;
}
.bloc-connexion option {
    padding:10px;
}
div.boutons_go {
    width:50px;
    height:30px;
    padding-bottom:2em;
}
div.boutons_go input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor:pointer;
    border:0 none;
    font-size: 13px;
    line-height:2em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px 5px 3px 5px;
    margin: 5px;
    cursor: pointer;
    font-weight: bold;
}
.bloc-connexion input[type="button"]:hover {
    background-color:#465d73;
}
.bloc-connexion input[type="button"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #334454;
    color:white;
    text-transform:uppercase;
    font-weight:900;
    border:none 0;
    width:100%;
    cursor:auto;
}
.bloc-connexion label {
    float:none;
    display:block;
    font-size:14px;
    padding-bottom:4px;
}
.bloc-connexion .mdp-oubli a {
    text-decoration: none;
    font-size: 14px;
    background-image: url(images/fr/new/puce_1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    display:inline-block;
    margin-bottom:15px;	}
.bloc-connexion .footer {
    color:#c6cbd0;
    font-size:11px;
    text-align:center;
    margin-top:15px;
    line-height:20px
}
.bloc-connexion .footer h2 {
    color: white;
}
.bloc-connexion .footer a {
    color: white;
    text-decoration: underline;
    padding: 10px;
}
.bloc-connexion .footer a:hover {
    color: gray;
}
input.postBT {
    float:left;
    margin-right:10px;
}
input.EdNewPWD1, input.EdNewPWD2 {
    display:none;
}
/* Divers */
.def {	font-size: 11px
}
.titre {
    font-size: 18px;
    font-style: normal;
    text-indent: 0pt;
    height: 30px;
    line-height: 30px;
}
.info {	font-size: 12px;
    font-style: normal;
    font-weight: bolder;
    color: #B038A0;
    font-variant: normal;
    text-indent: 3pt
}
/* Copyright SIGMA */
.copy {	font-size: 10px;
    font-style: normal;
    font-weight: bolder;
    color: #333333;
    padding-right: 2px;
}
/* Barre d'informations */
.barreinfo {
    text-align:right;
    color:white;
    line-height:30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 12px;
}
.libelleTypeAppli {
    text-align:right;
    color:white;
    line-height:40px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 16px;
    padding: 10px;
}
.barreinfodomaine {
    font-size: 10px;
    font-weight: normal;
    background-color: #CEDEFF;
    color: #000000;
}
.barre_sep_bandeau {
    border-left: solid 1px white;
    margin-left:10px;
    margin-right:5px;
    padding-top:7px;
    padding-bottom:5px;
    padding-right:5px;
}
.td_boutons_barre_info
{
    width:112px;
}
/*Formulaire*/
.label {
    font-weight: bold;
}
.label2 {
}
.labelGros {
}
.labelDomaine {
    font-size: 14px;
    font-weight: bold;
}
.labelDomaine2 {	font-size: 18px;
    font-weight: bold;
}
.sousLabelDomaine {
    font-size: 12px;
    font-weight: bold;
}
.zone, .ac_input {
    heigh: 20px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zoneautocomplete {
    heigh: 20px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zone:focus {
    background-color: #FFF2FF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zone2:focus {
    background-color: #FFF2FF;
}
.zoneFocusDragDrop {
    color:#333;
    font-weight: bold;
    background-color: #FFF0FF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zoneLecture {
    background-color: #eaeaea;
    border: 1px #c0bfbf solid;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zoneLecture:focus {
    background-color: #eaeaea;
    border: 1px #c0bfbf solid;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
}
.zoneNum {
    background-color: #FFFFFF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    text-align: right;
}
.zoneNum:focus {
    background-color: #FFF2FF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    text-align: right;
}
.zoneNumLeft {
    background-color: #FFFFFF;
    border: 1px #c0bfbf solid !important;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    text-align: left;
}
.zoneNumLecture {
    background-color: #eaeaea;
    border: 1px #c0bfbf solid;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    text-align: right;
}
.zoneNumLecture:focus {
    background-color: #eaeaea;
    border: 1px #c0bfbf solid;
    padding:1px;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    text-align: right;
}
.zoneTableau {
    border: 1px #666666 solid
}
.celluletop {
    vertical-align: top;
    padding-left: 100px;
}
.zoneAideLibelle {
    background-color: #FFFFFF;
    border: 0px #666666 solid;
}
.zoneAideLibelle:focus{
    background-color: #FFFFFF;
    border: 0px #666666 solid;
}
/* Formulaire Pas dans toz */
.zoneDisable {
    background-color: #F4F3EE;
    border: 1px #7F9DB9 solid
}
.zoneBlurTableau {
    background-color: #FFFFE8
}
.zoneFocusTableau {
    background-color: #FFFFE8
}
.zoneTableauSSBordure {
    background-color: #F4F3EE;
    border: 0px
}
.zoneTableauSSBordureReadOnly {
    background-color: #F4F3EE;
    border: 0px
}
.zoneTableauSSBordureReadOnly2 {
    background-color: #FFFFE8;
    border: 0px
}
.zoneTableauSSBordureDisable {
    background-color: #F4F3EE;
    border: 0px
}
.menuNonSelectionne {
    cursor: pointer;
    cursor: pointer;
}
.menuSelectionne {
    cursor: pointer;
    cursor: pointer;
    background-color: #F5EEED;
    border: 1px #7F9DB9 solid
}
/* Formulaire fin pas dans toz */
.erreur {
    font-weight: bold;
    color: #FF0000;
    padding:5px 0px 5px 5px;
}
.erreur_conn {
    font-weight: bold;
    color: #FF0000;
    padding:0px 0px 0px 10px;
    margin:-15px 0 15px 0;
}
.infos {
    font-weight: bold;
    color: #B038A0;
}
/* Gestion des tableaux */
.tableauEntete {
    font-weight: bold;
    background-color: #e0e0e0;
    /*line-height:1.1em;*/
    white-space: normal;
    padding: 4px;
}
.tableauEntete td {
    padding:4px;
}
.standardLignePaire {
    background-color: white;
    cursor: pointer;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLignePaire td, .standardLigneImpaire td, .standardLigneImpaireSurbrillance td, .standardLignePaireSurbrillanceSupp td, .standardLigneImpaireSurbrillanceSupp td, .standardLignePaireSurbrillance td, .zoneFocusDragDrop td {
    padding:4px;
}
.standardLignePaireSelectionJauneFonce {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #FCFC89;
    cursor: hand;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLignePaireSelectionJauneFonceSurbrillance {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #EAF1FF;
    cursor: hand;
    border: 0px solid #333333;
}
.standardLignePaireAutre {
    background-color: #B038A0;
    cursor: pointer;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLignePaireSelection {
    background-color: #FFFFE8;
    cursor: pointer;
    border: 0px solid #333333;
}
.standardLignePaireSurbrillance {
    background-color: #7b707a;
    cursor: pointer;
    border: 0px solid #333333;
    color:white;
}
.standardLigneImpaire {
    background-color: #f2f2f2;
    cursor: pointer;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.standardLigneImpaireSelection {
    background-color: #FFFFE8;
    cursor: pointer;
    border: 0px;
}
.standardLigneImpaireSurbrillance {
    background-color: #7b707a;
    cursor: pointer;
    border: 0px;
    color:white;
}
.standardLignePaireBis {
    background-color: #FFFFE8;
    cursor: pointer;
    border: 0px solid #333333;
}
.standardLigneImpaireBis {
    background-color: #FFFFE8;
    cursor: pointer;
    border: 0px;
}
.standardLigneImpaireBisSurbrillance {
    background-color: #EAF1FF;
    cursor: pointer;
    border: 0px;
}
.standardLignePaireBisSurbrillance {
    background-color: #EAF1FF;
    cursor: pointer;
    border: 0px;
}
.standardLignePaireSansLien {
    background-color: white;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLigneImpaireSansLien {
    background-color: #f2f2f2;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.standardLignePaireSansLien td, .standardLigneImpaireSansLien td {
    padding:4px;
}
/* Gestion des tableaux pas dans toz */
.tableauEnteteSansGras {
    color: #000000;
    font-weight: normal;
    background-color: #EBEADB;
    border: 0px #F3F4F4 solid;
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: left top;
    background-image: url(images/fr/fond_entete.gif);
}
.tableauLigneSousZone {
    font-weight: bold;
    background-color: #F4F3EE;
    border: 0px
}
.tableauLigneSousZoneDisable {
    font-weight: bold;
    background-color: #F4F3EE;
    border: 0px
}
.standardLigneDomaine {
    background-color: #F3F4F4;
    cursor: pointer;
    cursor: pointer;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLigneDescription {
    background-color: #FFFFFF;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardCurseurDescription {
    cursor: pointer;
    cursor: pointer;
}
.standardLigneSeparateur {
    background-color: #FFFF33;
    cursor: pointer;
    cursor: pointer;
    border-top: 0px solid #333333;
    border-right: 0px solid #333333;
    border-bottom: 0px solid #333333;
    border-left: 0px solid #333333;
}
.standardLignePaireSurbrillanceSupp {
    background-color: #CA4C67;
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    border: 0px;
}
.standardLigneImpaireSurbrillanceSupp {
    background-color: #CA4C67;
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    border: 0px;
}
.standardLignePaireSurbrillanceSel {
    background-color: #4c67ca;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
    border: 0px;
}
.standardLigneImpaireSurbrillanceSel {
    background-color: #4c67ca;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
    border: 0px;
}
.standardLignePaireSurbrillanceRejet {
    background-color: #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    border: 0px;
}
.standardLigneImpaireSurbrillanceRejet {
    background-color: #FF9900;
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    border: 0px;
}
/* Fin Gestion des tableaux pas dans toz */
/* Divers */
.bordure {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(2,2,2,.35);
    -moz-box-shadow: 0 0 3px rgba(2,2,2,.35);
    box-shadow: 0 0 3px rgba(2,2,2,.35);
    padding:1px;
}
.background {
    background-color:#F0EFF5;
    padding:1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.FondTableaux {
    background-color: #FFFFFF
}
body table {
    text-align:left;
}
.bodyAide {
    background-color: #FFFFFF;
    /*margin-top: 10px;
    margin-left:10px;*/
}
/* Onglets */
table.bordure>.OngletActif {
    padding-left:50px;
}
.OngletInactif {
    color: #999;
    cursor:pointer;
    background-color: #CEDEFF;
    padding:4px;
    margin-left:5px;
    margin-right:5px;
}
.OngletActif {
    color: #000000;
    background-color: #9b9da0;
    padding:3px;
}
.OngletInactif,td.OngletInactifPage {
    color: #000000;
    background-color: #dbdde0;
    cursor: pointer;
    cursor: hand; /* IE 5.5 */
}
/* Lien HTTP */
a:hover {
    color: #FF0000
}
a:active {
    color: #000000;
}
a {
    color: #000000;
}
/* Menu */
.menu2 {
    cursor: pointer;
    cursor: pointer;
    font-size: 50px;
}
.menu3 {
    margin: 0px;
    padding-top : 3px;
    padding-bottom : 3px;
    /*border-bottom: solid 2px #d6dadd;*/
    font-color: #333;
    font-weight: bold;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
}
.lienMenuPrinc {
    color: #FFFFFF;
    background-color: #54668E;
    font-weight: bold;
    width: 280px;
}
.lienMenu {
    font-weight: bold;
    color: #000000;
    background-color: #EAF1FF;
    width: 240px;
}
.menu img {
    margin-right:5px;
}
/* Menu pas dans toz */
.lienMenuOver {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #54668E;
    cursor: pointer;
    cursor: pointer;
    width: 240px;
}
.combo {
    font-size: 12px;
}
/* Menu fin pas dans toz*/
/* Bulle aide */
.bulleAide {
    background-color: #FFFF99;
    border: 1px solid #000000;	font-size: 12px;
}
/* Divers Pas dans toz */
/* Gestion des éditions */
.standardLigneEditionEnteteGauche {
    font-weight: bold;
    background-color: #CCCCCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}
.standardLigneEditionEnteteDroit {
    font-weight: bold;
    background-color: #CCCCCC;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px none #000000;
}
.standardLigneEditionTraitDroit {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionTraitGauche {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourGauche {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px none #333333;
    border-bottom: 1px none #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourDroit {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px none #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionContour {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourTout {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourSansBas {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px none #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionSansContour {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px none #333333;
    border-bottom: 1px none #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionContourGaucheBas {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px none #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourDroitBas {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionSansContourBas {
    background-color: #FFFFFF;
    border-top: 1px none #333333;
    border-right: 1px none #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionContourGaucheHaut {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px none #333333;
    border-bottom: 1px none #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourDroitHaut {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px none #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionContourGaucheDroitHaut {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px none #333333;
    border-left: 1px solid #333333;
}
.standardLigneEditionContourDroitHautBas {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px none #333333;
}
.standardLigneEditionSansContourHaut {
    background-color: #FFFFFF;
    border-top: 1px solid #333333;
    border-right: 1px none #333333;
    border-bottom: 1px none #333333;
    border-left: 1px none #333333;
}
.boutonExterne {
    font-size: 12px;
    background-color: #F3F4F4;
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: left top;
    background: gray url(images/fr/fond_boutons2.gif);
    cursor: pointer;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 1px #003C74 solid;
    width: 80px;
}
.boutonInterne {
    font-size: 12px;
    background-color: #F3F4F4;
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: left top;
    cursor: pointer;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    border: 1px #003C74 solid;
    background: gray url(images/fr/fond_boutons2.gif);
    width: 80px;
}
.ligne {
    background-color: #D8D2BD;
    height: 1px;
}
.groupement {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.lienHref {
    text-decoration: none;
}
/* Divers fin pas dans toz */
.bandeaupages {
    background-image: url(images/fr/baseline_COL.png);
    background-repeat: no-repeat;
    background-color:#ffb400;
    background-position:10px 2px;
    height:66px;
    display:block;
}
.bandeaupagesOCX {
    background-image: url(images/fr/bandeau_pages.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#zoneretouracceuil{
    width:400px;
    height:35px;
}
.BordureTabMenu {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000000;
    border-bottom-color: #000000;
}
input.boutons {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #334454;
    color:white;
    border:0 none;
    font-size: 12px;
    padding: 6px 14px;
    !padding: 4px 5px; /* IE6, IE7 */
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
}
.boutonsDisabled {
    color: grey;
}
.visuel-domaines {
    background-image: url(images/fr/visuel_domaines.jpg);
    background-repeat: no-repeat;
}
.suiviinterface-rejete {
    color: #FF0000;
}
.suiviinterface-anomalie {
    color: #0000FF;
}
div.fondFenetreModale {
    background-color: #FFFFFF;
}
div.fenetre {
    border-color: #CCCCCC #666666 #000000 #999999;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    background-color: #EBF2FF
}
/*Rédéfinition de la liste déroulante de la combo pour qu'elle puisse être affichée dans une modale*/
.dhx_combo_list {
    z-index:11000 !important;
}
.dhx_selected_option {
    background-color:gray;
    color:white;
}
.dhx_combo_input {
    font-size: 12px;
}
img.desactive {
    opacity:0.2;
    filter:alpha(opacity=20);
}
tr {
    display: table-row;
}
fieldset {
    border:1px solid #b4b4b4;
    margin-top:5px;
    margin-bottom:5px;
    padding-bottom:5px;
    !padding: 9px 5px;
    !margin: 2px 5px;
}
.td_remplissage
{
    width:0px;
    height:0px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    line-height:0;
    font-size:1pt;
}
/* div popup infos*/
#idDivInfos
{
    display:none;
    position:absolute;
    width:500px;
    height:300px;
    top:45%;
    left:59%;
    border:solid 2px #415160;
    z-index:999;
    overflow:hidden;
    padding-bottom:2px;
}
#idDivTitreDI
{
    width:100%;
    height:1em;
    background-color:#415160;
    padding:2px 0 5px 0;
    line-height:1.2em;
    font-size:10pt;
}
#idDivTexteTitreDI
{
    width:80%;
    height:1.1em;
    overflow:hidden;
    float:left;
    color:white;
    font-size:0.8em;
    text-align:center;
    margin-left:-10%;
    font-weight:bold;
}
#idDivFermerDI
{
    width:19%;
    float:left;
}
#idDivFermerDI a
{
    color:white;
    font-weight:bold;
    font-size:1.1em;
    text-decoration:none;
}
#idDivTextAreaDI
{
    width:100%;
    height:100%;
    background-color:#E0E0E0;
    text-align:center;
    padding-top:5px;
}

#idDivTextAreaDI textarea
{
    width:98%;
    height:90%;
    background-color:#F0EFF5;
    border:solid 1px black;
}


/* Accueil */
/*
	Utilisés dans le js de génération des favoris
*/
.titre_mes_favoris {
    /* 	background-image: url(../../images/commun/icon-favoris.png); */
    /* 	background-repeat: no-repeat; */
    /* 	background-position: 2em 1.6em; */
    padding-top:1em;
    width:7.5em;
    padding-left:1em;
    font-weight:bold;
    font-size:12pt;
    font-family:arial;
    float:left;
}
.barre_favoris {
    width:108em;
    height:2.9em;
    float:left;
    border-bottom:solid 2px #d4d3d8;
}
.conteneur_favoris {
    font-family:Arial;
    width:100%;
    height:100%;
    background-color:#f0eff5;
    padding-left:1%;
    padding-right:1%;
}
.colonne_favoris_1 {
    width:23%;
    padding-left:5px;
}
.colonne_favoris_2 {
    width:23%;
    padding-left:5px;
}
.colonne_favoris_3 {
    width:23%;
    padding-left:5px;
}
.colonne_favoris_4 {
    width:23%;
    padding-left:5px;
}
.colonne_clear {
    margin-right:7px;
    clear:both;
}
.colonne_favoris_1 div {
    overflow:hidden;
    padding-top:2px;
    padding-left:;
    clear:both;
}
.colonne_favoris_2 div {
    overflow:hidden;
    padding-top:2px;
    clear:both;
}
.colonne_favoris_3 div {
    overflow:hidden;
    padding-top:2px;
    clear:both;
}
.colonne_favoris_4 div {
    overflow:hidden;
    padding-top:2px;
    clear:both;
}
.boite_favoris {
    border-bottom:solid 2px #d4d3d8;
    background-color:#ffffff;
    margin-bottom:10px;
    margin-top:10px;
    padding:0px 0px 0px 0px;
    color: #334454;
    font-family: Arial, Helvetica, sans-serif;
    width:100%;
}
.boite_favoris a {
    text-decoration: none;
}
.boite_favoris a:hover {
    color: #ffb400;
}
.boite_favoris div {
    padding-left:10px;
    padding-right:10px;
}
.boite_favoris .titre_favoris {
    height:32px;
    color:white;
    background-color:#334454;
    font-family:arial;
    font-weight:bold;
    font-size:10pt;
    border-bottom:solid 2px #d4d3d8;
    padding:2px 2px 2px 5px;
    clear:both;
}
.image_favoris {
    float:left;
    margin-top:2px;
}
.texte_titre_favoris {
    padding-left:5px;
}
.boite_favoris .lien_favoris {
    border-bottom:solid 1px #d4d3d8;
    padding-top:9px;
    padding-bottom:8px;
    padding-left:9px;
}
.boite_favoris .titre_favoris2 {
    border-bottom:solid 1px #d4d3d8;
    font-size:10pt;
    font-weight:bold;
    padding-top:9px;
    padding-bottom:8px;
    padding-left: 11px;
    clear:both;
}
.td_fleche_fav
{
    width:4%;
    font-weight:bold;
}
.td_lien_fav
{
    width:96%;
}
.boite_favoris .lien_favoris a {
    font-family:Arial;
    font-size:9pt;
    color:#334454;
    text-decoration:none;
}
.boite_favoris .lien_favoris a:open,
.boite_favoris .lien_favoris a:focus {
    text-decoration:none;
}
.boite_favoris .lien_favoris a:hover {
    text-decoration:none;
    color:#ffb400;
}
.boite_favoris .lien_favoris .icone_favoris {
    font-family:serif;
    font-weight:bold;
    font-size:6pt;
    padding-right:5px;
}
.accueil_contact
{
    background-color:#fff;
    text-align:center;
    margin:12px 0 0 10px;
    padding:3px 3px 3px 3px;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    width:200px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(2,2,2,.35);
    -moz-box-shadow: 0 0 3px rgba(2,2,2,.35);
    box-shadow: 0 0 3px rgba(2,2,2,.35);
}
.accueil_contact #logoTransporteur {
    /*annuler le style pour le cas de la page accueil, les 0 sont importants*/
    padding:0px 3px 0px 3px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    padding-left:5px;
    max-width:190px;
}
.accueil_contact a
{
    color:#666666;
}
.accueil_contact a:hover
{
    color:#FF0000;
}
.details_contact
{
    text-align:left;
    padding:5px 10px 15px 15px;
    word-wrap: break-word;
}
/* Popup saisie nb blanc */
.tableNbBlanc
{
    border: 1px solid black;
    background-image: url(images/fr/new/bg.png);
    background-repeat: repeat;
}
.tableNbBlanc td
{
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid black;
    text-align: center;
    background-color: white;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
.tableNbBlanc td:hover
{
    color: #ffba00;
}
.titreNbBlanc
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #2c3a48;
    background-color: #d6d6dd;
    height:16px;
}
.fermerNbBlanc
{
    background-image: url(images/fr/croix.gif);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: 0px;
    cursor: pointer;
    cursor: hand;
}
.lienInitNbBlanc
{
    text-decoration:none;
}
.def_petit
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}
#icone_loader
{
    position: absolute;
    margin: auto;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: 8px solid #334454;
    border-right-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 25px 2px #dbdde0;
}
#icone_loader
{
    animation: spin 1s linear infinite;
}
@keyframes spin
{
    from { transform: rotate(0deg);   opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1.0; }
    to   { transform: rotate(360deg); opacity: 0.2; }
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.border-out {
    border: 1px solid;
}

.space tr td {
    padding: 5px;
}

.space tr td label{
    display: inline;
}

.border-padding {
    padding: 5px;
}

.hidden {
    display: none;
}


.bloc-cgu {
    height: auto;
    width: 720px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.bloc-cgu .contenu-cgu {
    border: 7px solid #4c657d;
    background-color: white;
    margin-top:20px;
}

.bloc-cgu .contenu-cgu .entete-cgu {
    background-position: 95% center;
    padding: 15px;
    text-align: center;
}


.entete-cgu .bondaux-cgu {
    background-color: #ffba00;
    padding: 9px;
    margin: -15px -15px 0px;
}

.bloc-cgu .footer {
    color:#c6cbd0;
    font-size:11px;
    text-align:center;
    margin-top:15px;
    line-height:20px
}
.bloc-cgu .footer h2 {
    color: white;
}
.bloc-cgu .footer a {
    color: white;
    text-decoration: underline;
    padding: 10px;
}
.bloc-cgu .footer a:hover {
    color: gray;
}
.contenu-cgu .footer-cgu {
    background-color: #eaeaea;
    text-align: center;
}

.contenu-cgu .footer-cgu > div {
    padding: 22px 0;
}


.bloc-cgu .footer {
    text-align: center;
    color: #f5f5f5;
}

.buttons {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #334454;
    color:white;
    border:0 none;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
}

.buttons-disabled {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:white;
    border:0 none;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: bold;
    margin: 5px;
    background-color: grey;
}

.bandeau-fin-ie {
    font-size:larger;
    background:tomato;
    color:white;
    margin-top:4px;
    text-align:left;
    font-weight:bold;
}

.type-imp-fin-ie {
    float: left;
    margin: 20px;
    font-size: x-large;
    font-weight: bold;
    color: #ea202b;
}

.img-fin-vie-ie {
    width: 190px;
    height: auto;
}

.titre-fin-vie-ie {
    margin-left: 100px;
    font-size: 20px;
}

.btn.go {
    background-color: #2c3a48;
    border: 0;
    color: white;
    cursor: auto;
    font-weight: 900;
    border-radius: 2px;
    font-size: 13px;
    line-height: 2em;
    text-transform: uppercase;
}

.btn.go:hover {
    background-color:#465d73;
}