body
{
	font-size : 14px;
	font-color : #FFFFF;
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
	padding:0px;
	BACKGROUND-COLOR: #FFF;
	/* background-image:url(/i/i/texture.jpg); */
	COLOR: black; MARGIN-TOP: 2px;
	text-align:center;
}

.rougesurjaune
{
	BACKGROUND-COLOR: yellow;
	color: red;
}

.pageprint
{
    text-align:left;
    width:620px;
/*    border-style:solid; */
}

.pagescreen
{
    text-align:left;
    margin:20px auto 0px auto;
	padding:10px 0px 0px 0px;
    width:970px;
    border-style:solid;
    border-color:white;
    border-width:1px;
}

.pagescreenA
{
   	BACKGROUND-COLOR: #FFF;
}

.pagebloc
{
    margin:10px 0px 0px 0px;
	BACKGROUND-COLOR: #FFF;
/*
    border-style:solid;
    border-color:blue; */
}


.maintext
{
    margin:10px 0px 0px 0px;
    border-style:solid;
    text-align : left;
    border-color:blue;
	padding: 10px;
	BACKGROUND-COLOR: #EEEEEE;
}

.dia {
	display:block;
	float:left;
	height:135px;
	margin:5px;
	width:135px;
}

.menu
{
    float:left;
    width:185px;
    margin: 2px;
/*
    border-style:solid;
*/
    
}

.page
{
    float:right;
    width:728px;
    text-align:left;
    margin : 2px;
/*    border-style:solid;
    border-color:#FFFFFF;
    border-width:1px;
    background-color:EEEEEE; */
    padding:2px;

/*    border-style:solid;
*/
}

.footer
{
/*
   border-style:solid;
*/
    clear:both;
    text-align:center;
    font-size : 10px;
    font-color : #3333FF;
	BACKGROUND-COLOR: #FFF;
    
}

.mainbloc
{
    text-align:left;
    padding: 5px;
	border-width: 2px;
	border-color: #ccc #111 #111 #ccc ;
	border-style: solid;
    BACKGROUND-COLOR: #FFD;
}

.bloc-screen
{
    /* 728px si media = screen */
    width: 728px;
	BACKGROUND-COLOR: #FFF;
    /*
    border-style:solid;
    border-width:1px;
    border-color:blue;
    */
}

.bloc-print
{
    /* 600px si media = screen */
    width: 600px;
    /*
    border-style:solid;
    border-width:1px;
    border-color:blue;
    */
}


.pbouton
{
    display: inline;
    padding: 0px 0px 0px 0px;
    left: 0px;
    margin: 0px 5px 0px 0px;
    font: bold 12px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    text-align: left;
}

.pbouton a:link 
{
#    display: block;
    background: #ddd;
    color: #333;
    text-decoration: none;
    border: solid 1px;
    border-color: #fff #000 #000 #fff;
}

.pbouton a:visited 
{
#    display: block;
    background: #ddd;
    color: #333;
    text-decoration: none;
    border: solid 1px;
    border-color: #fff #000 #000 #fff;
}

.pbouton a:hover 
{
#    display: block;
    background: #ff0;
    color: #000;
    text-decoration: none;
    border-color: #000 #fff #fff #000 ;

}

.pbouton a:active 
{
#    display: block;
    background: #ddd;
    color: #000;
    text-decoration: none;
}

# http://www.somacon.com/p141.php

.test
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    background-color: #fffff0;
}

table
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
}


table th 
{
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: white	;
    background-color: #fffff0;
    font-size: 12px;

}

table td 
{
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: white;
    font-size: 12px;
}

a	  { COLOR: #000000; text-decoration:none; }

a:link	  {  COLOR: #000000; text-decoration:none;}

a:visited {  COLOR: #000000; text-decoration:none;}

a:hover	  {  COLOR: #000000; text-decoration:none;background-color: #FFFF00;}

a:active  { text-decoration:underline overline;}

a.link	  { COLOR: #000000; text-decoration:none; background-color: #FFFF00;}


H6
{
    border-style:solid;
    border-color:red;
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
    font-size : 14px;
}

.main
{
    margin-left: auto; margin-right:auto;padding:0;width:710px;text-align:center;table-layout:fixed;
    background-color: #FFFFFF;

}

.ttlargeur
{
    margin-left: auto; margin-right:auto;padding:0;width:708px;text-align:center;table-layout:fixed;
}

.m_headerlogin
{
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
    font-size : 16px;
    margin: 3px;
    padding: 3px;
}

span.m_headerlogin
{
    border-style:solid;
    border-width:1px;
    margin: 1px;
    padding: 3px;
}


.temp
{
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
}

td.smallText, SPAN.smallText, P.smallText 
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
    
.tdborderlight
{
    border-width:1px;
    border-style:dotted;
    border-color:#abcdef;
}



.textedescription
{
    font-size : 10 px;
    font-weigth: 700;

}

.texte
{
    font-size : 14 px;

}

.debug
{
    font-size : 8 px;
}

span.textemarque
{
    color:blue;
    font-size : 16px;
}

.prix
{
    color:red;
    font-weigth: 700;
    font-size : 16px;
    text-align:left;
}



.texteremarque
{
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
    font-size : 10px;
}

.textebase
{
    FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
    font-size : 14px;
}



.offre
{
	FONT-FAMILY: arial,verdana,helvetica,lucida,sans-serif;
	font-size : 14px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: black; MARGIN-TOP: 2px;
}

.bigtable {
	border-collapse: collapse;	
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	padding: 0px  0px 0px 0px; 
}

.finetable {
	border-collapse: collapse;
	border-right: 1px solid #069;
        border-bottom: 1px solid #069;
	padding: 1px  1px 1px 1px;

 }

.casechiffre {
	border-collapse: collapse;
	border-right: 1px solid #069;
        border-bottom: 1px solid #069;
	padding: 1px  1px 1px 1px;
        FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif;
	font-size: 12px; 
	text-align: right;
}

.casetexte {
	border-collapse: collapse;
	border-right: 1px solid #069;
        border-bottom: 1px solid #069;
	padding: 1px  1px 1px 1px;
        FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif;
	FONT-SIZE: 12px; 
	TEXT-ALIGN: left;
}



.paratext
{
	FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif; FONT-SIZE: 12px; TEXT-ALIGN: justify
}

.coltext 
{
	FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif; FONT-SIZE: 12px; TEXT-ALIGN: left
}

.comment
{
	FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif; FONT-SIZE: 10px; TEXT-ALIGN: left
}


.colcat
{
	FONT-FAMILY: times,serif; FONT-SIZE: 14px; TEXT-ALIGN: left
}

.colcatprix
{
	FONT-FAMILY: times,serif; FONT-SIZE: 14px; TEXT-ALIGN: right
}


.colchiffre
{
    FONT-FAMILY: arial,helvetica,verdana,lucida,sans-serif; FONT-SIZE: 12px; TEXT-ALIGN: right;
}


table.menu {font: 12px Verdana; background-color: #BBBCCC} 

table.bleu {border-width:1px; border-color:#000000; border-style:solid; border-collapse:collapse; border-spacing:0}


td.menu {font: 12px Verdana; background-color: #EEEEEE} 

td.catalogue
{
	font: 12px Verdana; background-color: #FFFFCC;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
} 

td.remarque
{	
	font: 10px Verdana; background-color: #CCCCFF;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
}


td.bleug
{
	font: 12px Verdana; background-color: #CCCCFF;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: left;
	valign: top;
}

td.bleugj
{
	font: 12px Verdana; background-color: #FFFF00;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: left;
	valign: top;
}


td.infoproduit
{
	font: 14px Verdana; background-color: #DDDDFF;
	padding : 3px;
	border : 1px solid  #069;
	text-align: left;
	valign: top;
}

td.infovente
{
	padding : 3px;
	font: 12px Verdana; background-color: #DDDDFF;
	border: 1px solid #069;
	text-align: left;
	valign: top;
}


th.bleug
{
	font: 12px Verdana; background-color: #DDDDFF;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: left;
	valign: top;
	margin : 0px
}


td.whiteg
{
	font: 12px Verdana; background-color: #FFFFFF;
	border-right: 1px solid #069;
	border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: left;
	valign: top;
}

td.infoplasma1
{
	font: 10px Verdana; background-color: #FFFFFF;
	font-style: bold;
	padding : 6px;
	border : 1px solid #dddddd;
	text-align: left;
	valign: top;
}

td.infoplasma2
{
	font: 10px Verdana; background-color: #FFFFFF;
	padding : 6px;
	border : 1px solid #dddddd;
	text-align: left;
	valign: top;
}


a.whiteg { BACKGROUND-COLOR: #FFFFFF; COLOR: #000000; text-decoration:none;}
.whiteg a:hoover { BACKGROUND-COLOR: #FFFFFF; COLOR: #000000; text-decoration:none;}

td.bleud
{
        font: 12px Verdana; background-color: #CCCCFF;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: right;
	valign: top;
} 

th.bleud
{
        font: 12px Verdana; background-color: #CCCCFF;
	border-right: 1px solid #069;
        border-left: 1px solid #069;
        border-bottom: 1px solid #069;
        border-top: 1px solid #069;
	text-align: right;
	valign: top;
} 

TD.droite {text-align: right;font: 12px Verdana; background-color: #DDDDDD; border: 0px 1px 1px 1px solid #069;}
TD.gauche {text-align: left;font: 12px Verdana; background-color: #DDDDDD; border: 0px 1px 1px 1px solid #069;} 
TD.fgauche {text-align: left;font: 12px Verdana; background-color: #DDDDDD; border: 0px 1px 1px 1px solid #069;} 



TD.texte {font: 12px Verdana; background-color: #FFFFFF} 

TABLE.white {font: 12px Verdana; background-color: #FFFFFF} 

TD.white {font: 12px Verdana; background-color: #FFFFFF} 

B.warning {font: 20px Verdana; background-color: #FF0000; color: #FFFF00} 


.article_image
{
    position: absolute;
    top: 2px;
    left: -30px;
    width:90px;
}

.article_texte
{
    position: absolute;
    margin:0px  0px 0px 0px;
    top: 2px;
    left: 300px;
    width:500px;

}

.article_gestion
{
    background-color:#EEFFFF;
    width:700px;
    margin:0px 0px 0px 0px;
    float:bottom;

}



.divcase_description
{
    display: block;
    font: 16px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    margin: 0px 0px 0px 0px;
    width : 100%;
    z-index: -1;
}

.divcase_pv1ttc
{
    position: absolute;
    left: 120px;
    top: 2px;
    
    display: block;
    font: bold 18px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    margin: 10px 0px 0px 10px;
    z-index: -1;

}


.divcase_link
{
    display: block;
    font: 10px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    font-color: red;
    margin: 5px 0px 0px 20px;
    z-index: 1;
}

.divcase_ref
{
    display: block;
    font: 10px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    font-color: red;
    margin: 5px 0px 0px 20px;
}

.divcase_petitpanier
{
    display: block;
    font: 10px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    font-color: red;
    margin: 5px 0px 0px 20px;
}

.divcase_date
{
    display: block;
    font: 10px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    font-color: red;
    margin: 5px 0px 0px 20px;
}


.boxtitrex
{
    position: relative;
    border-style: none;
    border-color:blue;
    border-width:2px;
    width:100%;
    padding:5px;
    margin: 0px 5px 0px 5px;
    z-index: 0 ;
}	

.boxbox
{
    position: relative;
    border-style:solid none none none;
    border-color:blue;
    border-width:1px;
    width:100%;
    height: 100px;
    padding:5px;
    z-index:0;
}	


.redbox
{
    border-style:solid;
    border-color:red;
    border-width:1px;
    width:100%;
    padding:5px;
}	



.vmenu, .ssmenu {
	background-color:#334455;
	color:white;
	font-family:arial;
	text-decoration:none;
	color:white;
	border:1px solid #EFB;
	padding:1px;
	width:15em;
	margin:1em;
}

.vmenu {
	text-align:left;
}

.ssmenu 
{

	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210);
	background: url(degrade.gif);
}

.ssmenu ul, .ssmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
}

.vmenu ul, .vmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
}


.vmenu a, .ssmenu a, .vmenu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	border-left: 12px solid #000000
	font-family:Arial, Verdana, sans-serif;
	text-decoration:none;
	color:white;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%; 
}

/*
html>body .vmenu a, .ssmenu a, .vmenu a:visited, .ssmenu a:visited {
	width :auto;
}
*/

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .vmenu a:hover, .vmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	border-left: 12px solid #ff0000;
	background-color:#EFB;
	color:black;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
.listefacture {background-color: '#FFFFFF' }
*/
.trb { font-family: arial; font-size:12px; }
.tra { font-family: arial; font-size:12px; }

.chiffre { text-align: right;}
.left  { text-align:left; }



.article { padding: 4px; margin: 4px; border-style: none; border-width: 4px; position: relative; height: 170; } 
.description { width: 590; border-style: solid; border-width: 1px; font: 20px Verdana; background-color: #CCCCFF;
}

.article h1  { font: 12px Verdana; margin: 2px }
.article h2  { font: 12px Verdana; margin: 2px}
.article h3  { font: 12px Verdana; margin: 2px}
.article h4  { font: 12px Verdana; margin: 2px}
.article h5  { font: 12px Verdana; margin: 2px}
.article h6  { font: 12px Verdana; margin: 2px}

.liste { font: 14px Verdana; margin: 2px;}
.tdc { background-color: #CCCCCC; }
.tdm { background-color: #DDFFDD; }

/*
.popup {position:relative; top:10px; left:10px; width:75px; background-color:#fff;}
.popup a.p1, .popup a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
*/
.popup img { z-index: 300; }
.popup a.p1, .popup a.p1:visited { border:0;}
.popup a img {border:0; z-index: 300;}
.popup a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
.popup a .large {display:block; position: absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.popup a.p1:hover .large {display:block; position: absolute; top: 20; width:200px; height:200px;  border-style: solid; border-width:1px ;border-color  #000; }


/* necessaire pour l'affichage des bulles */
.bulle { position: absolute; visibility:hidden; background:#ffa; padding:4px; text-align:left;
border:2px solid black}

.m_memo { background-color: #CCFFCC;width: 590; border-style: solid; border-width: 1px; }


b.titre
{
    display: block;
	color:red;
	background-color:#ff9;
    font: 26px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    margin: 0px 10px 0px 0px;
}

b.titre:hover
{
	color:#000;
}

b.ptitre
{
    display: block;
    font: bold 25px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    background-color: #CCCCCC;
    margin: 0px 10px 0px 0px;
}

.finbordrouge
{
    border-style:solid;
    border-width:1px;
    border-color:# CCCCCC;
}

.info
{
    border-style:solid;
    border-width:1px;
    border-color:yellow;
	background-color:white;
	margin: 2px;
	padding: 2px;
}
/*
.bouton
{
    width: 182px;
    display: block;
    padding: 0px;
    margin: 10px;
    font: 14px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    text-align: left;
}

.bouton a:link 
{
    width: 180px;
    display: block;
    background: #ddd;
    color: #333;
    text-decoration: none;
    border: solid 2px;
    border-color: #fff #000 #000 #fff;
}

.bouton a:visited 
{
    width: 180px;
    display: block;
    background: #ddd;
    color: #333;
    text-decoration: none;
    border: solid 1px;
    border-color: #fff #000 #000 #fff;

}

.bouton a:hover 
{
    width: 180px;
    display: block;
    background: #ff0;
    color: #000;
    text-decoration: none;
    border-color: #000 #fff #fff #000 ;

}

.bouton a:active 
{
    width: 180px;
    display: block;
    background: #ddd;
    color: #000;
    text-decoration: none;
}
*/

/*
.boutton
{
	text-decoration: none;   
	display: block;
    padding: 5px;
    margin: 5px;
    font: bold 12px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    text-align: left;

}
.boutton a {border-style:solid;text-decoration:none;  border-color:gray gray black black; padding 2px;} 
.boutton a:visited {border-style:solid; border-color:gray gray black black; padding 2px;}
.boutton a:hover  { border-style:solid;border-color:black black gray gray;color:blue ;background-color:yellow;}

*/


ul.bouton
{
text-align: left;
list-style: none;
padding: 0;
margin: 10 ;
width: 180px ;
}

ul.bouton li
{
display: block;
margin: 0;
padding: 0;
}

ul.bouton li a
{
display: block;
width: 100%;
padding: 2px;
border-width: 2px;
border-color: #ff9 #ff9 #ff9 #f00;
border-style: solid;
color: #F00;
text-decoration: none;
background: #ff9;/* couleur des boutons */
}

#navcontainer>ul.boutton li a { width: auto; }

ul.bouton li#active a
{
border-color: #fff #ff0 #fff #fff ;
background: #f0e7d7;/* couler active */
color: #800000;
}

ul.bouton li a:visited
{
	color: #F00;
}

ul.bouton li a:hover, ul.boutton li#active a:hover
{
text-align: right;
color: #000000;
background: transparent;
border-color: #f00 #f00 #f00 #ff9 ;
text-decoration: none;
}


.clickme
{
	text-decoration: none;   
    font: bold 12px Verdana, 'Trebuchet MS', Geneva, Arial, sans-serif;
    text-align: left;
	color:red;
	padding: 2px; margin: 0px;
}
.clickme a { 	color:red;padding:2px; border-style:solid; border-color:gray gray black black; background-color:yellow;} 
.clickme a:visited { 	color:red;border-style:solid; border-color:gray gray black black; 	background-color:#yellow;}
.clickme a:hover  { border-style:solid; border-color:black black gray gray ; color:#5F5; background-color:000;}