<!-- 
html {
height:100%;
}

body {
background:url(bg.gif) center;
sbackground-color: #E8E6E6;
font-size: 10px;
font-family: Arial;
-moz-user-focus: normal;
padding: 0;
margin:0;
height:100%;
width:100%;
text-align:center;
}

a:link, a:visited{
color:#990066;
border: 0;
}

a:hover{
color:#FFCC33;
border: 0;
}

h1 {
font-size: 10px;
font-family: Arial;
}
h2 {
font-size: 10px;
font-family: Arial;
}

.page_1024 {
background-color: #990066;
margin: auto;
width: 800px;
height:100%;
text-align:left;
}

.header {
width: 800px;
height:100px;
}

.footer{
float:left;
padding:0;
margin-left:-4px;
width: 100%;
height: 90px;
text-align: center;
font-size:8pt;
font-smooth:always;
background-color: #ffffff;
color: #990066;
}
.footer a:link, a:visited{
color:#990066;
border: 0;
}
.footer a:hover{
color:#FFCC33;
}

.mentions{
float:left;
padding:0;
width: 100%;
text-align:center;
font-size:8pt;
font-family:Arial;
font-smooth:always;
color:#ffffff;
}

.mentions a:link,.mentions a:visited{
color:#ffffff;
}

@font-face {
font-family: Curlz MT;
font-smooth: always;
font-style:  normal;
font-weight: normal;
src: url(./curlz___.ttf);!
/*src: url(CURLZMT0.eot);*/
}

.logo {
float:right;
top: 0px;
}

.frame {
float:left;
margin-left:-4px;
height: 69%;
width: 100%;
background-color: #ffffff;
font-family: Arial;
font-smooth: always;
text-align: justify;
-moz-user-focus: normal;
overflow: auto;
}

/*Mise page du catalogue*/
.column_catalogue {
float:left;
height: 580px;
width: 145px;
font-family: Arial;
color: #FDF8AA;
-moz-user-focus: normal;

}

.column_catalogue a:link ,.column_catalogue a:visited{
color:#fff;
}

.frame_liste {
float:left;
margin:0;
height: 100%;
width: 646px;!
width: 654px;
padding-left: 3pt;
padding-right: 3pt;
text-align: center;
overflow: auto;
font-family: Arial;
font-smooth: always;
-moz-user-focus: normal;
background-color:#FFFFFF;
margin-top:2px;
}
.frame_liste a:hover{
color:#FFCC33;
}

.frame_catalogue {
float:left;
margin:0;
height: 580px;
width: 643px;!
width: 654px;
padding-left: 3pt;
padding-right: 3pt;
text-align: center;
overflow: auto;
font-family: Arial;
font-smooth: always;
-moz-user-focus: normal;
background-color:#FFFFFF;
margin-top:2px;
}
.frame_catalogue a:hover{
color:#FFCC33;
}

.addbutton {
   background: #CC33CC;
   cursor: pointer;
   color: #fff;
   padding: 0;
   font-size: 10px;
   font-family: Arial;
   font-smooth: always;
   font-weight:bold;
   border: 1px solid #990066;
   vertical-align:middle;

}
.addbutton:hover {
   background: #FFCC33;
   color: #FDF8AA;
}
/*Fin de Mise page du catalogue*/

/*Menu commandes*/
.tableaucommande {
float:left;
margin-left: 5px;
margin-top: 6px;
width:220px;!
width:225px;
}
.listecommande {
font-size: 9px;
font-smooth: always;
font-family: Arial;
border: 1px solid #000;
background: #fff;
margin-top: -1px;
}

.listecommande a:hover { color: #FFCC33; }

.detailcommande {
float:left;
margin-top: 6px;
-moz-user-focus: normal;
}

.liste_client {
float:left;
margin-left: 5px;
margin-top: 5px;
-moz-user-focus: normal;
width: 745px;
font-size: 10px;
font-smooth: always;
font-family: Arial;
border: 1px solid #000;
background: #fff;

}

/*fin du Menu commandes*/

/*Menu par onglet*/
.navlist
{
	font-size: 11px;
	font-family: Arial ;
	font-weight: bold ;
	line-height: 20px;
	margin-left: 5px;
}

.navlist a:link,.navlist a:visited{
color:#000;
padding: 4px;
}

.navlist a:hover{
background:#FFCC33;
}
a.accueil{
background:#CC0099;
text-decoration: none;
}
a.catalogue{
background:#FF9933;
text-decoration: none;
}
a.vente{
background:#FF66CC;
text-decoration: none;
}
a.faq{
background:#CC33CC;
text-decoration: none;
}

a.contact{
background:#FF9966;
text-decoration: none;
}

a.cart{
padding: 4px;
margin-left: 10px;
text-decoration: none;
}
a.cart:hover{
background: #990066;
color:#FFCC33;
}

a.commande{
background:#AA00AA;
text-decoration: none;
}

.admin{
background:#F0F9FF;
border: 1px solid #F0F9FF;
font-size: 9px;
font-family: Arial ;
font-weight: bold ;
color:#000;
text-align:right;
width: 774px;!
width: 770px;
}
.apercu{background:#657B66; border: 1px solid #657B66;font-size: 9px;font-family: Arial ;font-weight: bold ;font-smooth: always; color:#fff;overflow: auto;margin-left:94pt; width:558pt;}
.apercu_text{background:#fff;margin-left:94px; width:553pt; padding: 3pt;}
a.commande:link > ul#menu_commande { display: block; }

/* fin du Menu par onglet*/
/*Menu commandes admin*/
ul#menu_commande
{
	display:block;
	font-size: 10px;
	font-family: Arial;
	font-smooth: always;
	text-decoration:none;
	list-style-type: none;
	margin: 0;
}
ul#menu_commande li{
float: left;
border: 1px solid #000;
border-right: 0px solid #000;
background:#F0F9FF;}
#menu_commande a
{
float: left;
display: block;
text-decoration: none;
padding: 3px;
}
#menu_commande li a:hover { color: #ffff00; }
/*fin du Menu commandes admin*/
/* Menu du catalogue*/ 
.menu{
float: left;
width:130px;
border-top: 2px #fff solid;
border-left: 2px #fff solid;
border-right: 2px #fff solid;
border-bottom: 1px #fff solid;
margin-left:5px;
margin-top:5px;
padding:0;
}
    
.menu span{
    display:none;
    }

.menu ul{
    border-top: 2px #fff solid;
    border-left: 1px #fff solid;
    border-right: 2px #fff solid;
	border-bottom: 1px #fff solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    }
    
.menu li ul{
    visibility: hidden;
    margin-left:130px; /* be careful */
    margin-top:-21px;
    }
    
.menu a{
    text-align:center;
    background-color: #990066;
    color:#fff;
    font-weight:bold;
    display:block;
    width:130px;
    border-bottom: 1px #fff solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }

.menu a:link, .menu a:visited{
    color:#fff;
	border-bottom: 1px #fff solid;
    }

    
.menu a:hover{
    background-color: #FF9933;
	color:#fff;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #FF9933;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:130px;
    display:block;    
    list-style:none;
    margin:0;
    padding:0;
    }

.menu li ul a:hover{
    background-color: #FF9933;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }

ul#activ{
float: left;

    /*position:absolute;
    /* solve a Opera7/IE display bug */
    width:132px;
    width/**/:130px;
    border-top: 2px #fff solid;
    border-left: 2px #fff solid;
    border-right: 2px #fff solid;
	border-bottom: 1px #fff solid;
    margin-left:5px;
	margin-top:17px;
	padding:0;
    }
    
ul#activ span{
    display:none;
    }
        
ul#activ li ul{
    visibility:hidden;
    }
            
ul#activ li ul{
    margin-left:130px; /* be careful */
    margin-top:-21px;
    }
    
ul#activ a{
    text-align:center;
    background-color: #990066;
    color:#fff;
    font-weight:bold;
    display:block;
    width:130px;
    border-bottom: 1px #fff solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
ul#activ a:hover{
    background-color: #FF9933;
	color:#fff;
    }
    
/* for a mozilla better display with key nav */
ul#activ a:focus{
    background-color: #FF9933;
}

ul#activ span{
    /* hide some accessibility stuff */
    display:none;
    }
        
ul#activ li{
    width:130px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html ul#activ li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }

/* fin du Menu du catalogue*/

/* Tableau produit*/
.product {
margin: 0;
padding: 0;
border-spacing: 0;
table-layout: fixed ;
}
.product th {
color: #fff;
font-size: 10px;
font-family: Arial;
font-smooth: always;
background-color: #990066;
text-align: center;
}
.product td {
color: #000;
font-size: 10px;
font-family: Arial ;
font-smooth: always;
text-align: center;
padding-left: 3px;
}

.product caption {
border: 0px;
color: #fff;
font-size: 12px;
font-family: Arial;
font-weight:bold;
font-smooth: always;
text-align: center;
background-color: #990066;
}
/* Fin du Tableau produit*/

/* Tableau cart*/
.content_cart table {
width:100%;
margin:0;
padding: 0;
border-spacing: 0px;
}
.content_cart th {
color: #fff;
font-size: 10px;
font-family: Arial;
font-smooth: always;
background-color: #008694;
}
.content_cart td {
color: #000;
font-size: 10px;
font-family: Arial ;
font-smooth: always;
text-align: center;
}
/* Fin du Tableau cart*/

/* Formulaire creat_client*/
.form_creat_client table {
margin: 0;
padding: 0;
border-spacing: 0px;
table-layout: fixed;
}
.form_creat_client th {
color: #fff;
font-size: 10px;
font-family: Arial;
font-smooth: always;
background-color: #990066;
}
.form_creat_client td {
color: #000;
font-size: 10px;
font-family: Arial ;
font-smooth: always;
width:100px;
}
/* Fin du Formulaire creat_client*/

/* Tableau cart*/
.content_cart table {
margin: 0;
padding: 0;
border-spacing: 0px;
table-layout: fixed;
}
.content_cart th {
color: #fff;
font-size: 10px;
font-family: Arial;
font-smooth: always;
background-color: #990066;
}
.content_cart td {
color: #000;
font-size: 10px;
font-family: Arial ;
font-smooth: always;
text-align: center;
}
/* Fin du Tableau cart*/

/* display Accueil*/
.disp_accueil table {
margin: 0;
padding: 0;
border-spacing: 0px;
}
.disp_accueil th {
color: #fff;
font-size: 10px;
font-family: Arial;
font-smooth: always;
text-align: left;
height:15px;
border: 1px #FDF8AA solid;
}
.disp_accueil td {
color: #000;
padding: 3;
font-size: 10px;
font-family: Arial ;
font-smooth: always;
border: 1px #FDF8AA solid;
background-color: #fff;
}
/* Fin display Accueil*/

/* Fiches Pratiques*/
.boxFiche {
background-color:#FF4422;
margin-top:-11px;!
margin-top:0px;
}
.boxTitre {
background-color:#FFCC33; 
height:50px; 
text-align:center;
}
.contentTitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:20pt;
font-weight:bold;
text-align:center;
vertical-align:middle;
margin-top:14px;
padding-top:15px;
}
.boxbarreViolet {
background-color:#990066; 
width :582px; 
height:20px; 
margin-bottom:5px;
text-align:center;
}
.boxbarreVert {
background-color:#95DF20; 
width :582px; 
height:20px; 
text-align:center;
margin-bottom:5px;
}
.boxbarreBleu {
background-color:#80CDBB; 
width :582px; 
height:20px; 
text-align:center;
margin-bottom:5px;
}
.boxHaut {
width :582px; 
height:325px; 
margin-left:0px; 
margin-top:0px;
}
.boxMateriel {
background-color:#ffffff; 
width :194px; 
height:325px;
float:left;
text-align:left;
font-family:arial;
color:#000000;
font-size:8pt;
}
.boxPuce {
float:left; 
width :7px; 
height:7px; 
text-align:left;
}
.boxRemarque {
background-color:#ffffff; 
width :386px; 
height:70px; 
float:left; 
border:#000000 1px solid;
padding-top:17px;
text-align:center;
vertical-align:middle;
font-family:arial;
color:#000000;
font-size:13pt;
}
.boxMiddleHaut {
background-color:#ffffff; 
width :194px; 
height:255px; 
float:left;
text-align:left;
vertical-align:middle;
color: #000000; 
padding-left: 0px;
font-family:arial;
font-size:8pt;
}
.boxRightHaut {
background-color:#ffffff; 
width :194px; 
height:255px; 
float:left;
text-align:left;
vertical-align:middle;
color: #000000; 
padding-left: 0px
font-family:arial;
font-size:8pt;
}
.boxBas {
width :580px; 
height:325px; 
margin-left:2px; 
}
.boxbarreViolet2 {
background-color:#990066; 
width :194px; 
height:20px;"
float:left;"
}
.boxbarreViolet3 {
background-color:#990066; 
width :20px; 
height:325px;
float:left;"
}
.boxLeftBas {
background-color:#FFFFFF; 
width :174px; 
height:325px; 	
margin-bottom:5px;
float:left;
text-align:left;
vertical-align:middle;
color: #000000; 
padding-left: 0px;
font-family:arial;
font-size:8pt;"
}
.boxMiddleBas {
background-color:#FFFFFF; 
width :193px; 
height:325px; 	
margin-bottom:5px;
float:left;
text-align:left;
vertical-align:middle;
color: #000000; 
padding-left: 0px;
font-family:arial;
font-size:8pt;"
}
.boxRightBas {
background-color:#FFFFFF; 
width :193px; 
height:325px; 	
margin-bottom:5px;
float:left;
text-align:left;
vertical-align:middle;
color: #000000; 
padding-left: 0px;
font-family:arial;
font-size:8pt;
}
.boxFin {
background-color:#FFCC33; 
width :582px; 
height:130px; 
margin-bottom:10px;
text-align:center;
font-size:14pt;
font-family:Arial
}

.bob a{
color:#000;
}
.bob a:hover{
color:#000;
}


/* Fin Fiches*/

.messagealertadmin {
float:left;
background-color: #FFCC33;
text-align: center;
width: 147px;
font-weight: bold;
line-height:20px; 
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFDFFF !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #990066 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #990066 !important; //Text input field border color
   background-color:#FFFFFF !important; //Text input field background color
 }
-->