/* 
    Document   : main
    Created on : 29 sept. 2011, 15:21:47
    Author     : nstorero
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html, body, div, span, applet, object, iframe,
p, blockquote, pre,h1, h2, h3, h4, h5, h6,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}


body{
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#FFF;
    font-size: 14px;	
}
ul{list-style-type:none;}
a{text-decoration:none;}
img{border:none;}
.bold{font-weight:bold;}
.left{float: left;}
.right{float:right;}
.clear{clear:both;}
.spacer{clear:both;width:100%;height:30px;}
h2{color:#008fcb;font-size:18px;margin:20px 0px 20px 0px;}
h3{color:#008fcb;font-size:15px;margin:10px 0px 10px 0px;}
.active{ background-color:#57c9f9 !important;}
#active{ background-color:#57c9f9 !important;}
.lien-rouge{color:#ff0000;}
.rouge2{color:#ff0000;}
.lien-bleu{color:#008FCB;}
.souligne{text-decoration:underline;}
#fil-ariane, #fil-ariane a{color:#8d8d8d;font-size:12px;}
#fil-ariane{width:350px; position:absolute; top:2px; left:5px;}
.bleu{color:#008fcb;}
.spacer{clear:both;width:100%;height:30px;}
.center{text-align:center !important;}
.mailto{color:black;}
#tableau{text-align:center; margin-bottom:20px; margin-top:50px; padding-top:10px;overflow-y:auto;padding:5px;}
#titre-tableau{font-weight:bold;display:inline; margin-right:10px;}
#icone-excel{background-image:url(../images/reporting/icone-excel.png);width:26px;height:26px;float:right;margin-bottom:10px;}
#IE7 #titre-tableau{font-weight:bold;float:left; margin-right:10px;}
#IE7 #icone-excel{background-image:url(../images/reporting/icone-excel.png);width:26px;height:26px;float:left;padding-bottom:10px;
background-repeat:no-repeat;}

#page{width:980px;margin:0 auto;border:1px solid #178bc7;}
      
/*Tableaux*/
td{ text-align:center;border:1px solid black; margin:0;padding:10px;}
table{margin:0; padding:0; font-size:10px; border:1px solid black}
th{ border:1px solid black; margin:0; padding:0; font-size:12px;height:30px;padding:10px;}
#verif2 table td{text-align:left !important; font-size:12px;}
table a{ color:black; text-decoration:underline}
.cadre-tableau{}


/*------------------------------------------------HEADER----------------------------------------------------------*/
#header,#header_public{ 
	background-image:url(../images/reporting/header_sogec_by_highco.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
#header{ height:150px; position:relative }
#header_public{ height:116px; border-bottom: 1px solid #178BC7;}
#header #icone-compte{ vertical-align:middle; padding-right:5px; overflow:hidden; }
#header #icone-changer-compte{ vertical-align:middle; padding-right:4px; }
#header #icone-deconnexion{ vertical-align:middle; padding-right:7px; }
#header #bloc-connexion{left:570px;top:10px;position: relative; width:394px; height:96px; background-color: #ffffff;}
#header #bloc-connexion ul{width:150px;float:left;margin-top:16px;}
#header #bloc-connexion ul li{margin-bottom:5px;}
#header #bloc-connexion ul li a{color:#000;}
#header #bloc-connexion ul li a:hover{ text-decoration:underline;}
#identification{overflow:hidden;font-size:12px;width:200px;float:left;margin:10px 0 0 15px; height:76px; overflow:auto}
#bienvenue{font-size:14px;margin-bottom:5px;}
#header #bloc-connexion #cp{margin-right:5px;}

/*-----------------------------------------------NAVIGATION--------------------------------------------------------------------*/

#navigation{background-color:#008fcb;position:absolute;top:116px;}
#navigation li{float:left;width:140px;}
#navigation li a{background-color:#008fcb;color:#FFF;border-left:1px solid #CCC;text-align:center;padding:10px;display:block}
#navigation li a:hover{background-color:#57c9f9;}

/*-----------------------------------------------CONTENU-----------------------------------------------------------------------*/

#content{width:100%;
    background:#55b4dc url(../images/reporting/fond.jpg) repeat-x;
    float:left;
}
#fond-contenu{
	border:1px solid #178bc7;
	width:935px;
	overflow:auto;
	background-color:#FFF; 
	position:relative;
	top:0px; left:0px;
	float:left;
	margin:20px;
	padding-bottom:20px;
}

/*-----------------------------------------------FOOTER-------------------------------------------------------------------------*/

#footer{background-image:url(../images/reporting/fond-footer.gif);height:33px;font-size:12px; clear:both}
#footer ul{float:right; margin:10px 10px 0 0;}
#footer ul li{display:inline;}
#footer ul li a{color:#FFF}	
#footer ul li span{color:#FFF;padding:10px;}
#footer ul li a:hover{ text-decoration:underline;}

/*------------------------------------Page accueil - votre reporting-------------------------------------------------*/

#accueil #colonne-gauche .bloc{width:261px;height:230px;border:1px solid #008fcb;float:left;margin:20px 10px 0px 0px;
background-color:#FFF;position:relative;}
#accueil #colonne-gauche{overflow:hidden;width:550px;float:left;}
#accueil #colonne-gauche .bloc h3{display:block;background-color:#008fcb;color:#FFF;text-align:center;}
#accueil #colonne-gauche .bloc .cadre-visuel{ width:100px; height:103px; float:left; padding-left:15px; padding-top:10px;}
#accueil #colonne-gauche .bloc p{font-size:12px;padding:5px 10px 0px 10px;}
#accueil #colonne-gauche .bloc .icone-fleche{position:absolute;left:220px;top:195px;display:block;
background-image:url(../images/reporting/icone-fleche.png);width:26px;height:25px;}
#accueil #colonne-droite{float:right;margin-top:20px;}
#accueil #colonne-droite .bloc{width:310px;height:115px;border:1px solid #008fcb;margin-bottom:5px;}
#accueil #colonne-droite .bloc h3{color:#F00;text-align:center;margin:5px 0px 0px 0px;font-size:14px;}
#accueil #colonne-droite .bloc p{text-align:center;padding:5px;font-size:12px;}
#accueil #colonne-droite .bloc #btn-acceder-reporting{display:block;background-image:url(../images/reporting/btn-acceder-reporting.png);
width:223px;height:32px;margin:5px 0px 0px 40px;}
#accueil #colonne-droite .bloc #btn-controler{display:block;background-image:url(../images/reporting/btn-controler.png);width:118px;
height:29px;margin:15px 0px 0px 95px;}
#accueil #colonne-droite .bloc #btn-mettre-a-jour{display:block;background-image:url(../images/reporting/btn-mettre-a-jour.png);
width:168px;height:34px;margin:15px 0px 0px 70px;}
#accueil #colonne-droite .bloc #btn-abonner{display:block;background-image:url(../images/reporting/btn-abonner.png);width:118px;
height:29px;margin:15px 0px 0px 95px;}
#accueil #phrase-bas{font-size:10px !important;}

/*----------------------------------------Page Bilan--------------------------------------------------------------------------*/

#bilan  label{font-weight:bold;margin-right:20px;text-align:right;width:60px;}
#bilan  select{width:200px;margin-right:40px;}
#bilan  #bloc-total{text-align:right !important; overflow:hidden; float:right;margin-top:20px;}
#bilan  #bloc-total p{float:right; text-align:right !important;}
#bilan  #bloc-total div{border:1px solid #000;width:150px;height:15px;float:right;margin:0 0 10px 5px; display:inline;text-align:right !important;}
#bilan  #totaux{text-align:left !important; margin-top:10px;}
#bilan  #bloc-repartition table{width:840px; border-width:1px;border-style:solid;border-color:black;}
#bilan  #bloc-repartition table td.hdr{width:100px;font-weight: bold;}
#bilan  #bloc-repartition table td#styear-1{color:#FF00FF;}#bilan  #bloc-repartition table td#styear{color:#3366FF;}
#bilan  #bloc-repartition table td.val{width:200px;}
#IE7 #bilan  #cadre-tableau{display:inline !important;zoom:1 !important;}
.graphique { position:relative; width:800px; height:300px;}
.fl_wrapper {position:absolute; height:300px; top:0px; background-color:#FFF}
#chart_1_wrapper,#chart_2_wrapper,#chart_3_wrapper{width:800px;left:15px;}
#chart_4_wrapper {width:400px;left:15px;}
#chart_5_wrapper {width:400px;left:415px;}
select#bilan{margin-right:20px;}
div#cadre-tableau{}

/*----------------------------------------Page colis---------------------------------------------------------------------------*/
#colis #bloc-suivi form label {
    font-weight: normal;
    margin-right: 5px;
    text-align: right;
    width: 80px;
    display: block;
}
#colis  #bloc-suivi form ul{width:244px;float:left; margin-right:10px;}
#colis  #bloc-suivi form ul li{float:left;}
#colis  #bloc-suivi form input{float:left;width:115px;}
#colis  #bloc-suivi form #bloc-ref input{float:left;margin-bottom:5px;margin-left:20px;}
#colis  #bloc-suivi{overflow:hidden;margin-bottom:20px;}
#colis  #bloc-suivi form .bloc-date{width:225px;}
#colis #bloc-suivi form .bloc-date input {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 40px;
}
form .bloc-date label {
    float: left;
    font-weight: normal;
    text-align: right;
    width: 60px;
}
#colis  #bloc-suivi form #bloc-ref{width:153px;float:left;margin-bottom:5px;}
#colis  #bloc-suivi form #bloc-ref input{width:130px;}
#colis  #bloc-suivi form .titre-suivi{margin-bottom:10px;font-weight:bold; border-bottom:1px solid black; float:none;}
#colis  #bloc-suivi form #btn-valider{margin-top:30px;margin-left:25px;width:143px;heigt:30px;}
#colis  #bloc-suivi form input[type="text"] {
    border: 1px solid #707173;
    height: 15px;
    margin: 1px;
    vertical-align: top;
}
/*-----------------------------------------Page paiement------------------------------------------------------------------------*/
.intervl_select{width:70px; margin-right:10px !important; height:20px;}
#menu-paiement{
    position:absolute;
    right:0px;
    top:0px;
    
}
#paiement #paiement-pdv #paiement-colis #ecart-colis{ float:left; width:564px;margin-left:355px; margin-top:-35px;}
#paiement #paiement-pdv #paiement-colis #ecart-colis,#menu-paiement li{float:left;}
#paiement #paiement-pdv #paiement-colis #ecart-colis,#menu-paiement li a{color:#FFF;display:inline-block;background-color:#008fcb;width:140px;text-align:center;height:20px;padding-top:3px;border-right:1px solid #FFF;}
#paiement ul{float:left}
#paiement ul li{display:inline;}
#paiement label{font-weight:bold;width:170px;}
#paiement #btn-rechercher{margin-left:40px;}
#paiement .diagramme{float:left;margin-left:30px;}
#paiement td.alignright {text-align:right}
/*----------------------------------------Page paiement-pdv-------------------------------------------------------------------*/

#paiement-pdv ul{float:left}
#paiement-pdv ul li{display:inline;}
#paiement-pdv .label{font-weight:bold;width:150px;float:left;text-align:right;margin-bottom:20px;margin-right: 10px;}
#paiement-pdv #liste-enseigne{width:90px;margin-right:10px !important;float:left; height:20px;}
#paiement-pdv input{float:left;}
#paiement-pdv #btn-rechercher{margin-left:80px;}
#liste-enseigne{width:190px !important;}
#paiement-pdv #cp{width:88px !important;}
#code{width:188px;}

/*-----------------------------------------Page paiement-colis---------------------------------------------------------------------*/

#paiement-colis ul{margin-bottom:20px;}
#paiement-colis ul li{display:inline;}
#paiement-colis .label{font-weight:bold;margin-right:10px;width:150px;text-align:right;margin-bottom:20px;float:left;}
#paiement-colis select{width:90px; height:20px; margin-right:10px !important;}
#paiement-colis input{}
#paiement-colis #btn-rechercher{margin-left:10px;vertical-align:middle;}
#paiement-colis .tableau img{float:left;margin:40px 25px 30px 0px;}

/*-----------------------------------------Page écart-colis-----------------------------------------------------------------------*/

#ecart-colis  form ul li{display:inline;}
#ecart-colis  form label{font-weight:bold;margin-right:10px;width:150px;display:inline-block;text-align:right;margin-bottom:20px;}
#ecart-colis  form select{width:90px; height:20px; margin-right:10px !important; }
#ecart-colis  form #btn-rechercher{margin-left:10px;vertical-align:middle;}
#ecart-colis #tt-demandes {color:black;text-decoration:underline;margin-left:650px;}

/*----------------------------------------Page documents---------------------------------------------------------------------*/

#documents  ul{margin-left:40px;}
#documents  h3{margin-top:20px; width:370px;border-bottom:1px solid #008FCB;}
#documents  ul li a{color:#000;}
#documents  ul li:before{content:url(../images/reporting/puces-bleu.png); margin-right:5px}

/*----------------------------------------Page news et alertes----------------------------------------------------------------------*/

#news  #colonne-gauche,#news  #colonne-droite{float:left;width:300px;font-size:12px;margin-top:30px;}
#news  #colonne-gauche h3{font-size:16px;margin-bottom:10px;}
#news  #colonne-droite h3{font-size:16px;margin-bottom:10px;}
#news  #colonne-droite{margin-left:20px;margin-right:60px;}
#news  #colonne-gauche ul li img{margin-right:5px; width:70px;float:left}
#news  #colonne-gauche{border-right:1px solid black;}
#news  #colonne-droite ul li{margin-bottom:5px;}
#news  #colonne-gauche #separateur{width:280px; height:1px; background-color:#000;margin-top:7px;}
#bloc-bleu{width:188px;background-color:#a3def7;float:left;margin-top:30px;font-size:12px;padding:10px;text-align:center;}
#bloc-bleu p.titre{text-align:center !important;font-weight:bold;}
#bloc-bleu a{color:#000;text-decoration:underline;}
#news  #colonne-droite .news-detail{display:inline;vertical-align:top}


/*----------------------------------------Page détail news-----------------------------------------------------------------------*/

#news-detail {position:relative}
#news-detail  #colonne-gauche{width:650px;float:left;margin-right:20px;}
#news-detail  #colonne-gauche p{width:480px;float:left;}
#news-detail  .visuel-produit-detail{margin-top:30px}
#news-detail  #bloc-bleu{margin-top:0;}
#news-detail  #btn-retour{position:absolute;top:0px;left:375px;}
#news-detail  #btn-imprimer{position:absolute;top:0px;left:500px;}
#news-detail  #img-produit{text-align:center}
#news-detail  .date{text-decoration:underline; float:left; width:auto !important;margin-right:10px;}
#news-detail  .ref-produit{float:left; width:auto}

/*----------------------------------------Page coupon verif-----------------------------------------------------------------------*/

#verif  form label{float:left;margin-right:5px; width:100px !important;}
#verif  form input[type="text"]{float:left}
#verif  form #btn-rechercher{float:left;margin-left:20px;}
#verif  #acceder{margin-top:10px;}


/*----------------------------------------Page coupon verif2-----------------------------------------------------------------------*/

#verif2  form{overflow:hidden; margin-bottom:20px;}
#verif2  form label{float:left;margin-right:5px; width:100px !important;}
#verif2  form input[type="text"]{float:left;}
#verif2  form #btn-rechercher{float:left;margin-left:20px;}
#verif2  #blocs{float:left;}
#verif2  #bloc-bleu{width:200px;margin:0 !important;float:none;margin-bottom:10px !important;margin-right:20px !important;}
#verif2  #bloc-bleu p{margin-top:40px;}
#verif2  #btn-retour{display:block; background-image:url(../images/reporting/btn-retour.png);width:115px; height:30px; margin-left:725px;}

/*-----------------------------------------Page coupon verif3----------------------------------------------------------------------*/

#verif3  #bloc-verif{border:1px solid #000; padding:10px; margin-top:60px; margin-bottom:30px;}
#verif3  #bloc-verif a{ text-decoration:underline; color:#008fcb}
#verif3  #btn-retour{ display:block; background-image:url(../images/reporting/btn-retour.png); width:115px; height:30px; position:absolute; top:380px; left:1050px;}
#verif3  form input[type="text"] {float:left;}
#verif3  form label {float:left;margin-right:5px; width:100px !important;}
#verif3  form #btn-rechercher{float:left;margin-left:20px;}

/*-------------------------------------------Page contact----------------------------------------------------------------------*/

#contact #contact_form{ float:left;}
#contact form #btn-envoyer{margin-left:250px;}
#contact form #zone-txt{width:300px; vertical-align:top}
#contact #bloc-bleu{height:100%; margin-left:100px; margin-top:0px; margin-bottom:20px;}
#contact #contact_form{color:#000;}
#contact #contact_form ul { margin: 0px 0px 20px 0px; }
#contact #contact_form li{display:inline;}
#contact input[type="checkbox"]{vertical-align:top;margin-left:20px;}
#contact input[type="radio"]{vertical-align:middle;margin-left:5px;margin-right:5px;}
#contact .civi{margin-left:15px;}
#contact label {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 170px;
}
#contact input[type="text"] {
    border: 1px solid #707173;
    height: 15px;
    margin: 1px;
    vertical-align: top;
    width: 300px;
}
#contact #contact_form #btn-valider {border:none;width:143px;height:30px;margin:10px 0 10px 230px;}

/*---------------------------------------------Validation contact--------------------------------------------------------*/

#validation_contact p{margin-top:50px;margin-bottom:30px;text-align:center}
#validation_contact  #retour{margin-left:600px;border:1px solid red}

/*---------------------------------------------Page mentions légales--------------------------------------------------------*/

#mentions  .titre-mentions{color:#008fcb;font-weight:bold;}
#mentions  #mentions{ height:400px;overflow:scroll;overflow-x:hidden;padding:5px;}

/*---------------------------------------------Page plan du site-----------------------------------------------------------*/

#plan  ul{margin-left:30px;}

/*---------------------------------------------Page mon compte------------------------------------------------------------*/

#mon-compte  #colonne-gauche{width:643px;float:left;margin-right:30px}
#mon-compte  #colonne-gauche .phrase-bas a {color:#008fcb; text-decoration:underline;}
#mon-compte  #colonne-gauche form{font-size:12px;}
#mon-compte  #colonne-gauche #lien-modifier{margin-left:100px;color:#000;text-decoration:underline;padding-bottom:40px;}
#mon-compte  #colonne-gauche form input[type="image"]{margin-left:250px;margin-top:10px;}
#mon-compte  #colonne-gauche form label{width:100px;display:inline-block;text-align:right;margin-bottom:10px;}
#mon-compte  #colonne-gauche form #lbl_alerte,#lbl_actus{width:610px !important;text-align:left !important}
#mon-compte  #colonne-droite{width:200px;float:left;margin-top:0;}
#mon-compte  #bloc-bleu{margin-top:0;height:100%;margin-bottom:10px;}
#mon-compte  .encart{background-color:#e9e9e9;border:1px solid #000;padding:10px 10px;width:619px;}
#mon-compte  .encart .flottant{float:left;width:auto;margin-right:20px}
#mon-compte  .encart p{line-height:20px;}
#mon-compte  .phrase-bas{color:#008fcb;font-size:12px;}
#txt-loi{font-size:11px;}
#identifiant{ float:left;}
#mdp{ float:left;}
.bloc-login{ float:left; margin-right:30px; width:100px;font-size:12px;margin-bottom:8px;}

/*-----------------------------------------Page changement de compte--------------------------------------------------------------*/

#titre-changement-compte{ text-align:center;font-size:16px}
#changement-compte {position:relative;}
#changement-compte  form{position:absolute;top:0px;left:650px;}
#changement-compte  form label{width:250px;display:block;text-align:center;}
#changement-compte  input[type="text"]{margin-left:53px;margin-top:5px; width:150px}
#changement-compte  input[type="image"]{ vertical-align:top}
#changement-compte  #liste{margin-top:100px;margin-bottom:40px;}
#changement-compte  ul li ul li{margin-left:30px;margin-top:5px;margin-bottom:5px;}
#nav-accordeon .liste-cachée{ visibility:hidden;}

/*-----------------------------------------Page demande de code-------------------------------------------------------------------*/

#demande-code #signup_form{color:#000;}
#demande-code #signup_form ul { margin: 0px 0px 20px 0px; }
#demande-code #signup_form li{display:inline;}
#demande-code label {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 170px;
}
#demande-code input[type="text"],#demande-code input[type="password"]{height:15px;margin:1px;vertical-align:top;width:300px;border:1px solid #707173;} 
input[type="text"].rouge,input[type="password"].rouge,textarea.rouge{border: 1px solid red !important; margin:0px !important;}

#demande-code input[type="checkbox"]{vertical-align:top;margin-left:20px;}
#demande-code input[type="radio"]{margin:0px 5px; height:12px; vertical-align: baseline;}
#demande-code .civi{margin-left:15px;}

/*label{display:inline-block;width:170px;text-align:right;vertical-align:top; margin-right:10px; font-weight: bold;}*/
.rouge{color:rgb(231, 0, 0); font-weight:bold}

#demande-code #btn-valider {width:143px;height:30px; }

/*Erreur Formulaire*/
#pop2{height:100%;width:100%;position:absolute;left:0px;top:0px;z-index:1;font-size:13px;padding-top:20px;}
#masque {background:#000;height:100%;width:100%;position:absolute;left:0px;top:0px;/* pour IE */filter:alpha(opacity=80);
/* CSS3 standard */opacity:0.8}
#erreur {width: 374px;margin: 0px auto;}
#fermer-popin{margin:0px;padding:0px;}
#err_haut{position:relative;width:374px;height:45px;left:0px;top:0px;}
#err_milieu{position:relative;width:374px;left:0px;background-image:url(../images/reporting/erreur-milieu.png);background-repeat:repeat-y ;/*padding:10px;*/}
#err_milieu ul {margin-top:0px;margin-bottom:0px; margin-left:10px}
#err_milieu li {margin-bottom:0px; color:#000000; line-height: normal;}
#err_bas{position:relative;width:374px;height:41px;left:0px;top:0px;}

/*------------------------------------------------Validation codes-----------------------------------------------------------*/

#validation_code p{margin-top:50px;margin-bottom:30px;text-align:center}
#validation_code  #retour{margin-left:600px;border:1px solid red}

/*------------------------------------------------Page Abonnement-----------------------------------------------------------*/

#abonnement  p a{text-decoration:underline; color:#008fcb}
 #abonnement  h2{text-align:center}

/*------------------------------------------------Page interface reporting----------------------------------------------------*/

#interface-reporting  #colonne-gauche{ width:640px; float:left; margin-left:10px}
#interface-reporting  #colonne-droite{ margin-top:0px;}
#interface-reporting  form{border:1px solid #000; width:485px;padding:15px 10px 10px 80px;margin-bottom:20px;}
#interface-reporting  form label{width:100px !important; display:inline;text-align:left;margin-bottom:10px;margin-right:10px;float:left;}
#interface-reporting #phrase-bas{ font-size:12px;}
#interface-reporting  form input{margin-bottom:20px;}
#interface-reporting  form input.rouge{margin-bottom:20px!important;}
#interface-reporting  form #btn-valider{ margin-left:140px;}
#interface-reporting  a { color:#000; text-decoration:underline; font-size:12px;}
#interface-reporting  form input[type="text"],#interface-reporting  form input[type="password"]{ width:250px;}
#interface-reporting  .encart-bleu{background-color:#A3DEF7;width:200px; text-align:center;padding:5px;font-size:12px}
#interface-reporting  #colonne-droite div:first-child{margin-top:48px;margin-bottom:10px}

#titres li{margin-bottom: 10px;}

div.tableau { width:100% }
.dataTables_wrapper table {border-collapse: collapse;width:100% ;}
.dataTables_wrapper td {padding:3px; }
.dataTables_wrapper th {border:1px solid #D3D3D3}
div.dataTables_processing {padding:20px; font-size:150%; font-weight:bold; color:#000; background-color:#666}
.norez{display:none;padding:50px;text-align: center;font-size: 16px;font-weight: bold;}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -160px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #D3D6FF/*#ffc*/;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 160px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
#vb {
margin-left:24px;	
}

#other_filter img
{
    vertical-align: bottom;
}

.tarteaucitronSelfLink{
    display: none !important;
}