/* SECTION base */ 
html {
    margin: 0;
    padding: 0;
    width: 98%;
    margin: auto;
}

body {
    font-size: 1em;
    font-family: Arial;
    padding: 0;
    width: 100%;
    margin: 2px;
    min-width:1200px;
    min-height:737px;
    /*background: url('/Img/bg-footer-down.jpg') bottom center repeat-x;*/
}

header, nav {
    display: block;
    margin: 3px;
    max-height: 10%;
}

.footer {
    clear: both;
    font-size: 80%;
    margin-left:auto;
    margin-right:auto;
    width:1213px;
    height:220px;
}

#bandeau-accueil{
    display:block;
    background: url("/Img/bandeau-fond.jpg") top center no-repeat;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}
.twitter {
	width: 24px;
	height: 24px;
    background: url('/Img/twitter.png') no-repeat center;
    float:left;
    margin: 5px;
}
.twitter a {
	display: block;
	width: 24px;
	height: 24px;
}
.linkedin {
	width: 24px;
	height: 24px;
    background: url('/Img/linckedin.png') no-repeat center;
    float:left;
    margin: 5px;
}
.linkedin a {
	display: block;
	width: 24px;
	height: 24px;
}

#logo_lafon_petit {
	background-color: White;
	vertical-align: middle;
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	display: block;
}
#utilisateur {
    float: left;
    font-size: 90%;
    background: url('/Img/home.png') no-repeat 0% 50%;
    padding-left: 30px;    
    margin:2px;
}
#langue {
    float: right;
}
.logoclient{
	margin-left:5px;	
}

.help {
	width: 40px;
	height: 45px;
	background: url('/Img/help.png') no-repeat center;	
}
.mail {
	width: 40px;
	height: 45px;
	background: url('/Img/mail_menu.png') no-repeat center;	
}

#fond-bandeau{
    padding-top:145px;
}

#cadre-blanc-accueil{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding-top:30px;
    padding-left:80px;
    padding-right: 80px;
    background:url("/Img/fond-ombres.png") center top no-repeat white;
}

#titre-accueil{
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    font-family: lato;
    text-align: center;
    color:#666;
    font-weight: 300;
    font-size:30px;
}
#texte-accueil{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: lato;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 20px;
    color: #444;
    font-size: 14px;

}
#paragraphe-petit-accueil{
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    font-family: lato;
    text-align: center;
    font-size:12px;
}
.connexion {
	vertical-align:central;
	float:left;
	height:80px;
	width:80px;
	margin-right:20px;
	margin-left:20px;
}		
.connexion a{
		display:block;
		width: 80px;
		height: 80px;
		background: url('/Img/connexion.png') no-repeat top center;
		padding-top: 80%;
        text-align:center;
}
.enregistrer {
	text-align:center;
	height:80px;
	width:80px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	

}
.enregistrer a{
		display:block;
		width: 80px;
		height: 80px;
		background: url('/Img/enregistrer.png') no-repeat top center;
		padding-top: 80%;
		clear:both;
        text-align:center;
}

.localiser-accueil {
    vertical-align:central;
    float:left;
    height:80px;
    width:80px;
    margin-right:20px;
    margin-left:20px;
}       
.localiser-accueil a{
        display:block;
        width: 80px;
        height: 80px;
        background: url('/Img/localiser.png') no-repeat top center;
        padding-top: 80%;
        text-align:center;
}
#tour-centre-page{
    background-size: 100% 16px;
}


.centre-page {
	margin-left:auto;
	margin-right:auto;
    margin-bottom:-15px;
	width:360px;
    min-height: 100px;
    background-color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    padding: 10px;
    position: relative;


}

.logo-footer-home{
	display:block;
	height:90px;
	width:139px;
	background: url('/Img/LogoHome.png') no-repeat center top;	
}
#footer-down {
	height: 127px;
	width: 100%;
    background-color:#85c772;

}
#mentions-legales {
	width:120px;
	margin-left: auto;
	margin-right:auto;
	padding-top: 35px;
	font-size: 11px;	
}
#versions {
	width:171px;
	margin-left: auto;
	margin-right:auto;
	padding-top: 5px;
	font-size: 11px;	
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 56px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        text-transform: uppercase;        
}
.table-client {
     width: 100%;
     border-collapse: collapse;
     background-color: #daf2cc;
     border-bottom: solid 1px black;
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #282929; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 165px; /* largeur */
        overflow: hidden; /* empêche l'apparition de l'ascenseur dans les cas ou le navigateur est en zoom */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}


#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 160px; /* Largeur des sous-listes */
        text-transform:none;
        height: 25px;
        left: -999em; /* Hop, on envoie loin du champ de vision */
        z-index:100;
}
#menu li ul a /* Sous-listes liens*/
{ 
		line-height : 25px;
        height: 25px;
}

#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border : 1px solid #ffffff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border : 1px solid #ffffff; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 160px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        /*border-left     : 1px solid #fff ;*/ /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        /*border-left     : 1px solid transparent ;*/ /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        background: #8FDA64; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#contenu {
    margin: 3px;
}

.debordement {
    margin-top: 30px;
    overflow: auto;
}

.tassement {
    width: 2%;
    white-space:nowrap;
}
/* FIN base */

/* SECTION liens*/
#lien_inscription {
    font-family: Verdana;
    font-size: 90%;
    margin: 5px;
}

.lien_texte:link, .lien_texte:hover { /* lien se trouvant dans le corps d'un texte et qui nécessite d'être vu souligné */
    text-decoration: underline;
}

#page_navigation a { /* Pour la pagination */
	padding: 3px;
	border: 1px solid #707070;
	margin: 2px;
	color: #000000;
	text-decoration:none
}
.active_page {
	background: #010072;
	color: #ffffff !important;
}
.souligneLien:link, .souligneLien:hover {
    text-decoration: underline;
}
/* FIN liens */

/* SECTION titres */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 130%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 100%;
}

.site_title {
    font-family: Verdana;
    font-size: 220%;
    margin: 0;
}

#divTitrePage {
    padding-top: 10px;
    margin-top:0.5em;
    margin-bottom:1em;
    text-align:center;
}
.TitrePage {
    vertical-align: middle;
    font-size: 130%;
    font-family: Lato;
    font-weight: 500;
}

.img_titre_page {
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 0.5em;
}
/* FIN titres*/

/* SECTION header */
#logo_client {
    text-align: center;
    width: 100%;
    min-height: 65px;
    margin: 0px;
    padding: 0px;
}
.nom-client{
	font-size:30px;
	font-family: lato;
}

#bandeau {
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    text-align: center;
    overflow: hidden;
    padding-top:20px;
}

#logo_lafon {
    margin: 2px 2px 0 0;
    float: right;
    display:none;
}

#ariane {
    float: left;
    margin: 0 0 0 5px;
}


#utilisateur img {
    vertical-align: middle;
}

.mainMap {
    height: 25em;
    /* Arrondi des bords */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* FIN header*/

/* SECTION infos et erreurs */
input:read-only {
    background-color: #ededed;
}

.message-error {
    color: #ff0000;
    clear: both;
    font-size: 80%;
    margin: 20px 0 10px 0;
}

.message-info {
    clear: both;
    font-size: 90%;
    padding: 10px 20px;
}

.message-success {
    font-size: 90%;
    margin: 20px 0 10px 0;
}
/* styles for validation helpers */
.field-validation-error {
    font-size: 80%;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    font-size: 100%;
}

.validation-summary-valid {
    display: none;
}
/* FIN infos et erreurs */

/* SECTION fil d'ariane */
.siteMapPath {
    font-size: 80%;
    font-family: Verdana;
}

.pathSeparatorStyle {
    margin: 5px;
}
/* FIN fil d'ariane*/

/* SECTION menu Horizontal */
.localiser {
	display:block;
	width:70px;
	height:55px;
	background: url('/Img/menu/accueil.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.clients {
	display:block;
	width:70px;
	height:75px;
	background: url('/Img/menu/clients.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.societe {
	display:block;
	width:70px;
	height:75px;
	background: url('/Img/menu/societe.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.stationscharge {
	display:block;
	width:70px;
	height:75px;
	background: url('/Img/menu/parking.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.recharges {
	display:block;
	width:80px;
	height:75px;
	background: url('/Img/menu/transacs.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.utilisateurs {
	display:block;
	width:80px;
	height:75px;
	background: url('/Img/menu/utilisateurs.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.infos_complementaires {
	display:block;
	width:70px;
	height:75px;
	background: url('/Img/menu/infoCpl.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}
.lienCompte {
	display:block;
	width:70px;
	height:75px;
	background: url('/Img/menu/compte.png') no-repeat center top;
	padding-top:50px;
    color: #8FDA64;	
}

.menu_principal {
    overflow: hidden;
	color: white;
	background-color: #282929;
	height: auto;
}
.menu_principal-accueil {
    overflow: hidden;
	color: white;
	background-color: #282929;
	height:60px;
}
.menu_principal ul {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    font-size: 100%;
    font-family: Arial;
    list-style-type: none;
    vertical-align:middle;
}
.menu_secondaire ul {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    padding:0;
    margin-top:5px;
    margin-bottom:0;
    font-size: 80%;
    font-family: Lato;
    list-style-type: none;
    vertical-align:middle;
    color: #8FDA64;
}
.menu_secondaire li {
    margin-left: 2px;
    float: left; /*pour IE*/
    font-family: Lato;
    font-weight: 500;
    color: #8FDA64;
}
.menu_principal-accueil ul {
    margin-left: auto;
    margin-right: auto;
    width: 178px;
    padding:0;
    margin-top:0;
    margin-bottom:0;
    font-size: 100%;
    font-family: Arial;
    list-style-type: none;
    vertical-align:middle;
}
.menu_principal li {
    /*float: left; /*pour IE*/
    color:white;
}
.menu_principal-accueil li {
    float: left; /*pour IE*/
    color:white;
}

.menu_principal ul li a {
    display: block;
    text-align: left;
    padding: 5px 2px 5px 2px;
}
.menu_principal-accueil ul li a {
    display: block;
    text-align: left;
    padding: 5px 2px 5px 2px;
}
.menu_principal ul li img {
    vertical-align: middle;
    border: none;
}
.menu_principal-accueil ul li img {
    vertical-align: middle;
    border: none;
}
#menu_ligne1_right {
    float: right;
}
.help_li{
	float:right;	
}
.deconnexion{
	float:right;	
}
.langues{
	float:right;	
}
.contact{
	float:right;	
}
.compte{
	float:right;	
}
.logo-menu{
	float:left;	
}




/* FIN menu horizontal*/
/* SECTION menu Vertical */
.menu_V {
    overflow: hidden;
    margin: 5px 0 0 0;
    border: 1px solid #444444;
    background-color: #dddddd;
    padding-top:2em;
    width:60%;
}
.menu_V ul {
    font-size: 100%;
    font-family: Verdana;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.menu_V li {
    margin-left: 2px;
    /*float: left; pour retour ligne*/
}

.menu_V ul li a {
    display: block;
    text-align: left;
    padding: 5px;
    margin: 0;
}

.menu_V ul li img {
    vertical-align: middle;
    border: none;
}
.deconnexion {
	border-left:1px solid white;	
}

/* FIN menu vertical */

/* ligne info dans fiche en dehors du formulaire */ 
 .infoSaisie {
        font-size: 80%;
        font-family: Verdana;
        vertical-align: middle;
        text-align: left;
    }
 .infoSaisie img {
        height: 0.9em;
        vertical-align: top;
    }
 .lienXLS {
        font-size: 80%;
        font-family: Lato;
        vertical-align: middle;
        text-align: left;
    }

/* SECTION formulaire */
fieldset {
    /* Arrondi des bords */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.leg_saisie {
    font-size: 70%;
    font-family: Verdana;
    font-weight: normal;
}

table.Formulaire {
    width: 100%;
    border: none;
}

    table.Formulaire tr td.col1 {
        vertical-align: middle;
        text-align: right;
        font-size: 100%;
        font-family: Verdana;
        font-weight: bold;
        padding: 5px;
    }

    table.Formulaire tr td.col2 {
        vertical-align: middle;
        text-align: left;
        font-size: 100%;
        font-family: Verdana;
        font-weight: normal;
    }

        table.Formulaire tr td.col1 {
            vertical-align:middle;
            width: 33%;
        }
        table.Formulaire tr td.col2 input[type="text"], table.Formulaire tr td.col2 input[type="password"], table.Formulaire tr td.col2 input[type="file"] {
            vertical-align:middle;
            font-size: 1em !important;
            width: 50%;
        }
        table.Formulaire tr td.col2 textarea {
            vertical-align:middle;
            font-size: 1em !important;
            width: 50%;
            font-family: Verdana;
        }

        table.Formulaire tr td.col2 select {
            width: 50%;
        }

        table.Formulaire tr td.col2 .dropdownCell {
            width: 50% !important;
        }

        table.Formulaire tr td.col2 input.saisieSpin {
            vertical-align: middle;
            font-size: 1em !important;
            width: 5em;
        }

        table.Formulaire tr td.col2 span input.saisieSpin {
            vertical-align: middle;
            font-size: 1em !important;
            width: 5em;
        }

        table.Formulaire tr td.col2 input.saisieDate {
            vertical-align: middle;
            font-size: 1em !important;
            width: 8em;
        }

        table.Formulaire tr td.col2 input.saisieDateHeure {
            vertical-align: middle;
            font-size: 1em !important;
            width: 14em;
        }

        table.Formulaire tr td.col2 input.saisieDecim {
            vertical-align: middle;
            font-size: 1em !important;
            width: 6em;
        }

        table.Formulaire tr td.col2 input.disabled {
            color: GrayText;
            border: 1px solid #999;
	        background-color: #ddd;
        }
/* colTab au lieu de col2 pour des zones de saisie en tableau*/
    table.Formulaire tr td.col1Tab {
        vertical-align: middle;
        text-align: right;
        font-size: 100%;
        font-family: Verdana;
        font-weight: bold;
        padding: 5px;
    }

    table.Formulaire tr td.col2Tab {
        vertical-align: middle;
        text-align: left;
        font-size: 100%;
        font-family: Verdana;
        font-weight: normal;
        padding: 5px;
    }
        table.Formulaire tr td.col1Tab {
            vertical-align:middle;
        }

        table.Formulaire tr td.col2Tab input[type="text"], table.Formulaire tr td.col2Tab input[type="password"], table.Formulaire tr td.col2Tab input[type="file"] {
            vertical-align:middle;
            font-size: 1em !important;
        }
        table.Formulaire tr td.col2Tab textarea {
            vertical-align:middle;
            font-size: 1em !important;
            font-family: Verdana;
        }

        table.Formulaire tr td.col2Tab input.saisieSpin {
            vertical-align: middle;
            font-size: 1em !important;
            width: 5em;
        }

        table.Formulaire tr td.col2Tab .dropdownCell {
            width: 15em !important;
        }
/*fin */
    table.Formulaire tr td.infoSaisie {
        font-size: 80%;
        font-family: Verdana;
        vertical-align: bottom;
        text-align: left;
    }
    table.Formulaire tr.infoSaisie {
        height: 0.8em;
        font-size: 80%;
        font-family: Verdana;
        vertical-align: middle;
        text-align: left;
    }
     table.Formulaire tr td.titreListBox {
        vertical-align: middle;
        text-align:center;
        font-size: 80%;
        font-family: Verdana;
        font-weight: bold;
    }

    table.Formulaire .tooltip-icon {
        height: 1em;
        vertical-align: middle;
    }
/* FIN formulaire */

/* SECTION contrôleurs */
.bt_submit, .bt_ok {
    font-size: 100%;
    font-family: Verdana;
    font-weight: normal;
    /* Arrondi des bords */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.google_adresse {
    width: 50%;
    margin-left: 5px;

}

select {
    font-size: 100%;
}
/* FIN contrôleurs */

/* SECTION dialog ui*/ 
.ui-dialog .ui-dialog-content {
    font-size:inherit;
    font-family:inherit;
}

.tooltip-info .ui-dialog-titlebar {
    display:none;
}
/* FIN dialog ui*/

/* SECTION accordéon */
/* Arrondi des bords */
.accordeon_form {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ui-accordion .ui-accordion-content {
    padding:0em 0em 0em 0em;
}
.accordeon_form h4 {
    font-size: 100%;
    font-family: Verdana;
    font-weight: normal;
    cursor: pointer;
    padding: 5px;
    /* Arrondi des bords */
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .accordeon_form h4:hover {
        cursor: pointer;
        /* Arrondi des bords */
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    }

.accordeon_form .accordeon {
    /*padding: 5px;*/
    font-size: 80%;
    /* Arrondi des bords */
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.accordeon_form img {
    vertical-align: middle;
}
/* FIN accordéon */
/* accordéeon simple pulse*/
.accord-open {
    margin-top: 1px;
    margin-bottom: 1px;
}

.accord-titre {
    font-size: 100%;
    font-family: Verdana;
    font-weight: normal;
    cursor: pointer;
    padding: 2px;
    margin-top: 1px;
}
.accord-titre hover {
    cursor: pointer;
}
.accord-titre img {
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 1em;
}
.accord-titre {
    font-family: Arial;
    color: #FFFFFF;
    border: 2px solid;
    /*border-color: #8fda64;*/
    box-shadow: 0px 0px 0px 3px #282929;
    background-color: #282929;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url('/Img/bg_arrow.png');
    border-radius: 5px;
    margin: 10px 0px 5px 5px;
}

/* FIN accordéeon simple pulse*/

/* SECTION filtre */
.filtre {
    width: 100%;
    font-size: 0.8em;
}

    .filtre th {
        text-align: right;
    }

    .filtre td {
        padding-left: 1.2em;
        text-align:left;
        vertical-align: middle;
    }
    .filtre td input {
        vertical-align: middle;
    }
/*FIN filtre*/

/* SECTION dataTable */
/* Table */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100% !important;
    border-collapse: collapse;
}
/* pour liste ctrl de grappe : les infos par PC restent alignées*/
table.dataTableMax {
    width: 130% !important;
}
td.html, td.no-sort, td.date-euro, td.num-html, td.checkbox {
    background:#282929;
}

table.dataTable thead th {
    padding: 1px 5px 1px 5px;
    cursor: pointer;
    *cursor: pointer;
}

table.dataTable thead tr td:hover {
    cursor: pointer;
    *cursor: pointer;
}

table.dataTable thead tr .no-sort:hover {
    cursor: default;
}

table.dataTable tfoot th {
    padding: 1px 5px 1px 5px;
}

table.dataTable td {
padding: 1px 5px 1px 5px;
font-size: 80%;
}

table.dataTable td.center, table.dataTable td.dataTables_empty {
    text-align: center;
}
/* Table wrapper */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    margin: 10px;
    /* Arrondi des bords */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* Page length menu */
.dataTables_length {
    float: left;
    font-size: 80%;
    padding: 5px;
}

/* Filter */
.dataTables_filter {
    text-align: right;
    font-size: 80%;
    padding: 5px;
    /* Arrondi des bords */
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
/* Table information */
.dataTables_info {
    float: left;
    font-size: 80%;
    padding: 5px;
    margin-top: 6px;
    color: #FFFFFF;
}
/* Pagination */
.dataTables_paginate {
    text-align: right;
    font-size: 100%;
    padding: 5px;
    /* Arrondi des bords */
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: pointer;
}

.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}
/* Full number pagination */
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    margin: 0 3px;
    padding: 0px;
    cursor: pointer;
    *cursor: pointer;
    display: inline-table;
    vertical-align: middle;
    font-size: 80%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paging_full_numbers a.paginate_button img, .paging_full_numbers a.paginate_active img {
    display: block;
    margin: 0 auto;
}
/* Processing indicator */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    text-align: center;
    font-size: 140%;
}
/* Scrolling */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}
/* FIN datatable */

/* section imgDropDown */
.dropdownCell {
    border: 1px solid #bbbbbb;
    /*width: 150px;*/
    width: 11.751em;
    height: 1.3em;
    cursor: pointer;
    font-family: arial;
    font-size: 1em;
    max-height: 2em;
    z-index: 1;
    background: url('/Img/arrow.png') right center no-repeat;
    background-color: #ffffff;
    color: #000000;
    overflow: hidden; /* Empêche le dépassement des flottants. */
    zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
    margin: 0 20px 0 0;
}
.dropdownCellDisabled {
    border: 1px solid #BCBCBC; /*width: 150px;*/
    font-family: arial;
    font-size: 1em;
    max-height: 2em;
    background-color: #E5E5E5;
    color: #707070;
}
.dropdownCell img {
    margin: 0px 3px 0px 3px;
    vertical-align: middle;
    width: 24px;
}

.dropdownPanel {
    z-index: 1;
    border: 1px solid #bbb;
    /*width: 150px;*/
    width: 12em;
    position: absolute;
    display: none;
}

.dropdownOpt {
    background-color: #FFFFFF;
    cursor: pointer;
    font-family: arial;
    font-size: 1em;
    color: #000000;
}

.dropdownOpt img {
    margin: 0px 3px 0px 3px;
    vertical-align: middle;
    width: 24px;
}

.dropdownOptSelected {
    background-color: #E5E5E5;
    color: #000000;
}

/* SECTION datepicker */
.ui-datepicker {
    /* Arrondi des bords */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* SECTION Rapport */

.RptTitreLafon {
    font-size: 1em;
    font-weight: bold;
    color: #0000FF;
}
.RptTitre {
    font-size: 1em;
    font-weight: bold;
}
.RptChamp {
    font-size: 0.9em;
    margin-left: 20px;
    font-style: italic;
}
.RptData {
    font-size: 0.9em;
    font-weight: bold;
}

/*===========================================================================*/
/*--------------------------pour les écrans --------------------------------*/
/*===========================================================================*/
/* mobiles 1ère génération */
@media only screen and (max-width : 480px) {
    body {
        font-size: 0.6em;
    }
    .mainMap {
        height: 25em;
    }
}
/* smartphones et iPads portraits */
@media only screen and (min-width : 480px) and (max-width : 767px) {
    body {
        font-size: 0.9em;
    }
    .mainMap {
        height: 25em;
    }
}
/* smartphones et iPads portraits */
@media only screen and (min-width : 767px) and (max-width : 1680px) {
    body {
        font-size: 1em;
    }
    .mainMap {
        height: 27em;
    }
}
/* 22 pouces */
@media only screen and (min-width : 1680px) {
    body {
        font-size: 1em;
    }
    .mainMap {
        height: 31em;
    }
}

@media screen {
.impression {display:block} /*affiche à l'écran*/
}
@media print {
.impression {display:none} /*n'affiche pas à l'impression*/
}