/* les couleurs */
/* bleu logo foncé : #0054A4 */
/* le orange : #EC9A12 */
/* le bleu violet clair : #5D85BC*/

/* les liens*****************************************/

a        { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #0054A4; 
			   font-weight: bold;
			   text-decoration: none }
a :link        { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #0054A4; 
			   font-weight: bold;
			   text-decoration: none }
a:visited { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #0054A4; 
			   font-weight: bold;
			   text-decoration: none }
a:hover { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #EC9A12 ; 
			   font-weight: bold;
			   background-color: #0054A4;
			   text-decoration: none }

/* le lien des promotions sur le page d'accueil*/

a.promotion   { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #FF0000; 
			   font-weight: bold;
			   text-decoration: none;
			   border-width: 0 }

a.promotion:visited    { font-family: Verdana; 
			   font-size: 10pt; 
			   color: #FF0000; 
			   font-weight: bold;
			   text-decoration: none;
			   border-width: 0 }

a.promotion:hover {
	font-family: Verdana;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
	text-decoration: underline
}



/* les liens pour les pictos *************************/

a.picto:hover	{ background-color: fadcae; }

/* body**********************************************/

body         { font-family: Verdana; 
               color: #0054A4; 
			   font-size: 10pt; 
			   background-color: #5D85BC;
				margin: 0;
			   overflow: auto; 
			   scrollbar-face-color: #0054A4; 
			   scrollbar-shadow-color: #5770B7; 
			   scrollbar-highlight-color: #233B7F; 
			   scrollbar-3dlight-color: #5770B7; 
			   scrollbar-darkshadow-color: #C3D0F7; 
			   scrollbar-track-color: #C3D0F7; 
			   scrollbar-arrow-color: #EC9A12} }


/*le tableau principale*****************************/

table.principal        { font-family: Verdana; 
               color: #0054A4; 
               font-size: 10pt; 
               background-color: #FFFFFF;
               width: 910px;
               border : 0pt; border-collapse: collapse }
    
           
/*le bandeau*****************************************/

td.bandeau {width :907px;
            height: 191px;
            font-family: serif; 
            color: #0054A4;
            font-weight: bold; 
            font-size: 14pt; font-style:italic }

/* boîtes de dialogue *********************************/
table.dialogue
{
	font-size: 12;
	background-color : #fae3be;
	border-style : outset;
	border-width : 2;
}

th.dialogue
{
	background-color : #005aa4;
	color : #ffffff;
	font-size : 12;
	font-weight : bold;
	padding : 4;
}

td.dialogue
{
	padding : 4;
}

input.dialogue
{
	width : 112;
	height : 24;
	padding : 0;
	text-align : center;
	color: #0054A4 ; 
	background-color : #ffffff;
	font-weight : bold;
}

div.catalogue
{
	background-color : #ffffff;
	position : relative; overflow : auto;
	height : 405px;
	width : 700px;
	scrollbar-face-color : #0054A4; scrollbar-track-color : #dee6f2; scrollbar-arrow-color : #ffffff;
	scrollbar-3dlight-color : #ffffff; scrollbar-darkshadow-color: #354694;
	text-align : center;
}

table.catalogue
{
	width : 684px;
	font-size: 12;
}

th.cataloguefamille
{
	background-color : #ffffff;
	color : #005aa4;
	font-size : 14;
	font-weight : bold;
	padding : 4;
	border-style: solid;
	border-width: 1px;
	border-color: #EC9A12;

}

th.catalogue
{
	background-color : #EC9A12;
	color : #ffffff;
	font-size : 12;
	font-weight : bold;
	padding : 4;
}

tr.catalogue_1
{
	background-color : #f7d091;
}

tr.catalogue_2
{
	background-color : #fae3be;
}

.bouton
{
	background-color : #005aa4; color : #ffffff; font-weight : bold; width : 88;
}

.btncmd
{
	width : 140px;
	font-family : Arial,Helvetica,sans-serif;
	color : #FFFFFF;
	background-color : #0054A4;
	font-weight : bold
}

td.bleu
{
	color : #000080;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
}