*{
margin:0;
padding:0;
border:0;
color:#413F3F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
body{
background-color:#B9BABD;
}
.main {	
background-image:url(images/fond.gif);
background-repeat:repeat-y;
height:1200px;
margin-left:auto;
margin-right:auto;
width:755px;
margin-top:-3px;
}
.mainformu {	
background-image:url(images/fond.gif);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
width:755px;
margin-top:-3px;
}

.bandeau{
width:755px;
margin-left:auto;
margin-right:auto;
padding:0;
border:0;
border-collapse:collapse;
}
.banniere{
width:755px;
margin-left:auto;
margin-right:auto;
}
.pied{
background-image:url(images/pied.gif);
background-repeat:no-repeat;
height:43px;
margin-left:auto;
margin-right:auto;
width:753px;
color:#413F3F;
text-align:center;
}
.contenu{
margin-left:7px;
width:520px;
}
p{
margin-left:20px;
}
img{
border:none;
}

h1{
font-weight:bold;
margin-left:7px;
background-color:#b9babd;
width:180px;
padding:3px;
}
h2{
font-weight:bold;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:20px;
width:300px;
margin-top:30px;
}
h3{
color:#990000;
}

a:link{
color:#FF9900;
text-decoration:underline;
}
a:visited{
color:#FF9900;
text-decoration:underline;
}
a:hover{
text-decoration:underline;
color:#CF0005;
}

.menu_droit{
float:right;
text-align:right;
margin-right:10px;
}

.flou{
background-image:url(images/flou.gif);
background-repeat:no-repeat;
padding:30px;
width:450px;
text-align:justify;
}
.liste1 li {
background-image:url(images/puce.gif);
background-repeat:no-repeat;
list-style-type:none;
margin-left:10px;
margin-bottom:15px;
padding-left:20px;
}
.sous-liste1 li{
list-style-type:square;
background-image:none;
color:#666666;
margin-top:10px;
}
.sous-liste1{
margin-bottom:20px;
text-indent:-20px;
}
.liste2 li {
background-image:url(images/puce2.gif);
background-repeat:no-repeat;
list-style-type:none;
margin-left:10px;
padding-left:20px;
margin-bottom:15px;
}
.liste3 li {
background-image:url(images/fleche.gif);
background-repeat:no-repeat;
list-style-type:none;
margin-left:10px;
margin-bottom:10px;
padding-left:20px;
}
.liste4 li{
background-image:url(images/fleche2.gif);
background-repeat:no-repeat;
list-style-type:none;
margin-left:10px;
margin-bottom:10px;
padding-left:20px;
margin-top:20px;
}
.pave{
background-image:url(images/pave.gif);
background-repeat:no-repeat;
height:224px;
width:213px;
float:right;
margin-right:10px;
}
.pave h1{
color:#CF0005;
font-weight:bold;
margin-top:15px;
margin-left:7px;
}
.pave a:link{
color:#333333;
text-decoration:none;
}
.pave a:visited{
color:#333333;
text-decoration:none;
}
.pave a:hover{
color:#CF0005;
text-decoration:underline;
}
input{
border-color:#999999;
border-style:solid;
border-width:1px;
}
button{
background-color:#FFFFFF;
}
.deconnexion{
float:right;
margin-right:10px;
}
.reference{
background-image:url(images/grand_flou.gif);
background-repeat:no-repeat;
width:500px;
padding-top:30px;
}
.vignette{
width:130px;
padding-left:15px;
}
.txt{
padding-right:8px;
}
.contenu a:link{
color:#CC0000;
}
.contenu a:visited{
color:#CC0000;
}
.contenu a:hover{
color:#CC0000;
}

/*********************************************/
/* PAGE LOGIN-EXTRANET                       */
/*********************************************/

.login{
border-color:#999999;
border-style:solid;
border-width:1px;
padding:20px;
width:300px;
margin-left:auto;
margin-right:auto;
}
.erreur{
text-align: center;
color:#FF0000;
}

/*********************************************/
/* PAGE CONTACT                    */
/*********************************************/

textarea{
border-color:#999999;
border-style:solid;
border-width:1px;
}
.contact{
margin-left:80px;
width:300px;
}
.contact input{
width:150px;
}
.etoile{
color:#FF0000;
font-size:10px;
}

/*********************************************/
/* PAGE ACCES STATISTIQUE                  */
/*********************************************/
.stats{
margin-left:7px;
}
.stats td{
padding-left:15px;
}

/*********************************************/
/* PAGE TABLEAU STOCK                        */
/*********************************************/
.titre_ope{
margin-left:20px;
}
.navig{
text-align:center;
margin-top:10px;
}
.tableau_stock{
width:700px;
border-collapse:collapse;
margin-left:20px;
}
.tableau_stock td{
border: 1px #CCCCCC solid;
}
.moteur_recherche{
float:right;
margin-right:20px;
}
.ref{
width:120px;
text-align:left;
padding-left:10px;
}
th{
border: 1px #CCCCCC solid;
height:30px;
}
.designation{
text-align:left;
padding-left:15px;
}
.qte{
width:110px;
text-align:right;
padding-right:10px;
}
.datestock{
color:#999999;
}


/*rollover*/

.thumb {
 position:relative; 
 top:0;
 left:0; 
 }
  
.thumb a {
 margin:0;
 text-decoration:none;
 }

.thumb a:hover {
 background-color:black;	
 }

.thumb a .grand {
 display:block;
 position:absolute; 
 width:0;
 }	  

.grand{
z-index:10;
}
  
.thumb a:hover .grand { 
 position:absolute; 
 top:0px;
 left:0px;
 /*width:300px; 
 height:225px; */
 width:auto;
 height:auto;
 }


/*********************************************/
/* PAGE STATS-STOCK                          */
/*********************************************/
.stat-stock{
margin-left:auto;
margin-right:auto;
width:420px;
margin-top:70px;
}

.stats_cca td{
border:#999999 solid 1px;
}

/*********************************************/
/* PAGE GESTION DE PROMO                     */
/*********************************************/

.cadre{
background-image:url(images/cadre.jpg); 
background-repeat:no-repeat; 
width:215px; 
padding-left:30px;
height:300px;
}
h4{
padding-top:20px;
font-weight:bold;
padding-bottom:10px;
text-align:center;
width:215px; 
margin-left:-20px;
padding-left:0;
}
.cadre ul{
width:200px;
list-style-type:square;
}
.cadre li{
padding-bottom:8px;
}
.jeux{
border-color:#999999;
border-style:solid;
border-width:1px;
width:690px;
margin-left:8px;
padding-left:25px;
padding-top:10px;
}
.jeux ul{
list-style-type:square;
}
.jeux li{
padding-bottom:8px;
}
/**********************************************/

.duree{
color:#CC6600;
}

/*********************************************/
/* PAGE NOS REFERENCES                 */
/*********************************************/

.nosref{
width:720px;
}
.logo{
width:170px;
text-align:center;
height:80px;
}
/*********************************************/
/* PAGE DEMANDE DE LIVRAISON                 */
/*********************************************/
.demande{
margin-left:40px;
width:800px;
}

.demande table td{
padding:3px;
}

legend{
font-weight:bold;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
width:300px;
margin-top:20px;
}

.commande {
width:700px;
}
.qte_cde{
width:70px;
}
.designation_cde{
width:300px;
}
.ref_cde{
width:70px;
}
.recap{
background-color:#D3D3D3;
/*border: solid 1px #D3D3D3;*/
width:300px;
padding:10px;
}

.demande a:link {
color:#CC0033;
text-decoration:underline;
}
.demande a:visited{
color:#CC0033;
text-decoration:underline;
}
.demande a:hover modif{
text-decoration:underline;
color:#CC0033;
}
.info{
font-size:10px;
color:#FF9900;
}

/*********************************************/
/* PAGE SUIVI LOGISTIQUE / ADMIN             */
/*********************************************/
.suivi{
width:730px;
margin-left:10px;
border-collapse:collapse;
}
.suivi td{
padding:2px;
border-color:#999999; 
border-style:solid; 
border-width:1px;
height:25px;
}
.suivi th{
border-color:#999999; 
border-style:solid; 
border-width:1px;
}
/*infobulle*/
a.info{
position:relative; 
z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none;
padding:2px;
}

a.info:hover{
z-index:25; 
background-color:#99CCFF;
padding:2px;
}

a.info div{
display: none;
}

a.info:hover div{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
display:block; 
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; 
color:#6699cc;
text-align: left;
font-weight:normal;
padding:1px;    
}

.infocomment{
font-size:10px;
color:#666666;
text-align:left;
}

.col1{
width:110px;
}
.col2{
width:140px;
}
.col3{
width:130px;
}
.col4{
width:100px;
}
.col5{
width:100px;
}
.col5b{
width:100px;
}
.col6{
width:140px;
}
.col6b{
width:100px;
}
.col7{
width:20px;
}

.select-cli{
border-color:#999999;
border-style:solid;
border-width:1px;
}
.symbole{
float:right;
margin-right:10px;
}
.symbole img{
vertical-align:middle;
}
/*********************************************/
/* PAGE DETAILS COMMANDE                     */
/*********************************************/

.details-cde{
margin-left:20px;
}

.details-cde table{
width:700px;
border-collapse:collapse
}
.details-cde td{
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
}
.comment{
width:500px;
margin:0;
padding:0;
font-style:italic;
font-size:9px;
}
.intitule{
font-weight:bold;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
width:300px;
margin:0;
}


/*********************************************/
/* PAGE SUIVI EN LIGNE                       */
/*********************************************/
.suivi2{
width:730px;
margin-left:10px;
border-collapse:collapse;
background-color:#FFFFFF;
}
.suivi2 td{
padding:2px;
border-color:#999999; 
border-style:solid; 
border-width:1px;
height:25px;
}
.maincolis{
/*background-color:#FFFFFF;*/
}
h5{
font-weight:bold;
border-bottom-color:#999999;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:20px;
width:300px;
margin-top:30px;
margin-left:20px;
}
/*********************************************/
/* PAGE FICHIERS TERZEN                 */
/*********************************************/
.tab{
margin-left:7px;
}
.tab th {
width:200px;
}
.tab td{
padding-left:15px;
border:solid #CCCCCC 1px;
height:35px;
}
/*********************************************/
/* PAGE ADMIN CA caisse d'epargne            */
/*********************************************/
select{
border:solid #999999 1px;
}

.ca {
border-collapse:collapse;
margin-left:20px;
}
.ca td{
border:solid #999999 1px;
}
.col1{width:60px; text-align:center}
.col2{width:200px; padding-left:10px;}
.col3{width:80px;padding-left:10px;}
.col4{width:150px;padding-left:10px;}

.ajout1{width:150px;}
.ajout2{width:200px;}
.ajout3{width:50px;}
.ajout4{width:100px;}
.ajout5{width:70px;}
.ajout5{width:60px;}

.ajout{
margin-left:20px;}