/*
gris pale   cccccc
*/

html, body, form
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin:0;
    padding:0;
    color: Black;
}
a {color: Black; text-decoration: underline;}
a:hover { text-decoration: none;}
img {border: none;}

h1 { border-bottom:1px dotted black; margin-top:0px;}/* TITRES des section */
form {position:relative;}
/* BANDES et CONTENU */
.bandedegrade {background-image: url(../../images/etire.gif); background-repeat:repeat-x; height:30px; margin:0; padding:0;}
.bandemenu {background-color:#ddd; padding:15px 0px 15px 0px; margin:0; top:0; left:0; position:absolute; width:100%; display:none;}
.bandemenu .level1 {margin-left:20px;}
.contenu {padding: 70px 30px 0 30px;}


/* THUMBSNAIL */
.boiteserie 
{
    float: left;
    margin-left: 10px;
}

.imgserie 
{
   border: 1px solid black; 
   width: 100px;
   padding: 10px; 
   float: left; 
   margin-left: 0px;
   text-decoration: none;
}
.imgserie:hover
{
    background-color: #d4d4d4;
    /*cursor: pointer;*/
}

.imgSeriePetite
{
   border: 1px solid black; 
   width: 22px;
   margin: 3px; 
}
           
/* ONGLETS */
.bandeonglet {width: 100%; border-bottom: 3px solid black; float: left;}
.liencouleur  
{
    padding:10px; 
    margin:0 2px 0 0; 
    float:left; 
    background-color: black; 
    border: 1px solid black; 
    color: white;
    text-decoration: none;
}
.liencouleur:hover  
{
    background-color: #333333; 
}
/* FIN ONGLETS */

.tableau {border: 1px solid black; width: 600px; background-color: #ddd;} /* défini aussi la couleur de la rangée impair */
.tableau.nowidth {width:auto;}
.tableau th, .tableauEntete { background-color: Black; color: White; font-weight: bold; background-image: url(../../images/etire.gif); background-repeat: repeat-x; height: 30px;}
.tableau th a { color: White;}
.tableau td { padding-left:10px;} /* pour que le texte ne soit pas trop près de la ligne */
.rangee { background-color: #cccccc;} /* couleur de la rangée pair */
.centrer { text-align: center;}

.colonnemodifdelete {width:100px;}

.ajout{background: url('../../images/ico_Add.png') center left no-repeat; padding-left:27px;}

.description {width:330px;}

.divGridTools {text-align:center; width:70px;}

/*Liste de produits*/
        .ligneGrasse{font-weight: bold;}
        .celluleNormale{font-weight: normal;}
        .ligne8pt{font-size:8pt;}
        .cellule12pt{font-size:12pt;}
        .cellulePrix{white-space:nowrap;}
/* fin l.d.p. */
.clair{clear: both; margin:0; padding:0;}
.chiffre{}
.chiffreavirgule{}
.cacher{display: none;}
.invisible{visibility:hidden;}

.calendrier 
{
    background: url(../../Gestion/Images/ico_Calendar.png) no-repeat;
    border: none;
    width: 25px;
    height:25px;
    vertical-align:top;
}

.gris {color: Gray;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}