body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:center;
background-color:#82aeff;
}

/* ----------------------------------------------------------------------------------------------- */
/* Declaration des "Div" (conteneur) 					*/
/* ----------------------------------------------------------------------------------------------- */
#grossiste {
width: 750px;
margin-left:auto;
margin-right:auto;
border-top:0px solid;
border-left:0px solid;
border-right:0px solid;
border-bottom:0px solid;
}

#grossiste-reseau {
height: 23px;
width:93px;
float:left;
}
#grossiste-fibre {
/*background-color: #72a7ff;*/
height: 43px;
width:708px;
/*text-align:left;*/
/*float:left;*/
color:#09141d;
font-weight: bold;
}

#block_top {
	position: center;
	background-image: url('images/connection.png');
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}

#top_form {
	/*margin-top: 10px;*/
	padding-top: 9px;
	padding-left: 90px;
}

#logo_finan {
	background-image: url('images/logo_finan2.png');
	background-repeat: none;
	height: 217px;
	width: 417px;
	float: right;
	z-index: 10;
	position: relative;
	/*margin-bottom: 50px;*/
}
/*#test_1 {
	background-image: url('images/connection.png');
	width: 408px;
	height: 54px;
}*/

#grossiste-fibre-optique {
/*background-color: #DDE0E4;*/
height: 23px;
width:257px;
/*float:left;*/
color:#565D63;
font-family: Verdana, Arial, Helvetica, sans-serif ; 
}

#grossiste-wifi {
background-image:url('images/banniere.jpg');
width : 750px;
text-align:left;

}
/*#grossiste-informatique {
background-color:#DDE0E4;
height: 20px;
width : 203px;
float:left;
}*/

#grossiste-accessoire-informatique {
height: 23px;
width:750px;
}


#grossiste-materiel-informatique {
background-image: url('images/catalogue_titre.jpg');
height: 23px;
width:369px;
float:left;
}
#revendeur-informatique {
/*background-color:#DDE0E4;*/
height: 23px;
width:381px;
color:#565D63;
margin-top:50px;
font-family: Verdana, Arial, Helvetica, sans-serif ; 
float:left;
}

#membre {
/*background-color:#DDE0E4;*/
height: 23px;
color:#565D63;
font-family: Verdana, Arial, Helvetica, sans-serif ; 
}


#importateur-informatique {
/*background-color: #ccd1d5;*/
height: 15px;
margin:0;
padding:0;
}

#grossiste-stockage-amovible {
height: 75px;
width:750px;
background-image: url('images/menu.png');
/*float:left;*/
margin-top: 200px;
margin-left: 10px;
position: absolute;
z-index: 11;
background-repeat: no-repeat;
}


#fournisseur-informatique {
/*background-color: #ffffff;*/
width: 700px;
margin-top: 180px;
}

#fournisseur-informatique_infos {

}
#grossiste-connectique {
width: 720px;
height:26px;
margin-left:15px;
/*border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
border-bottom:none;*/
}

#grossiste-connecteur {
background-image: url('images/actualites.png');
width: 323px;
height:32px;
float:left;
background-repeat: no-repeat;
margin-bottom: 10px;
/*margin-top: 60px;*/
}

#grossiste-connecteurs {
background-color: #bfd6ff;
height:26px;
float:left;
}
#materiel-informatique {
background-color: #bfd6ff;
width: 720px;
margin-left:15px;
margin-top: 10px;
border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
text-align:left;
}

#accessoire-informatique {
background-color: #bfd6ff;
height:320px;
width: 720px;
margin-left:15px;
border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
}

#test3{
height:320px;
width: 230px;
float:left;
}


#test{
/*background-color: #3E4B63;*/
height:25px;
width: 230px;
/*border-top:2px solid;
border-left:2px solid;
border-right:2px solid;
border-bottom:2px solid;*/
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 8pt;
font-weight:bold;
color:#005b81;
margin-left:5px;
text-align:left;

}
#test1{
width: 230px;
height:280px;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 8pt;
border: 5px dotted #a1c2ff;
/*border-top:2px dotted ;
border-left:2px dotted ;
border-right:2px dotted ;
border-bottom:2px dotted;*/
background-color:#bfd6ff;
margin-left:5px;
}




#grossiste-antenne-wifi {
width: 720px;
height:26px;
margin-left:15px;
/*border-top:1px solid;
border-left:1px solid;
border-right:1px solid;
border-bottom:none;*/
}

#grossiste-antennes-wifi {
background-image: url('images/nouveautes');
background-repeat: no-repeat;
width: 323px;
height:26px;
float:left;
}

#grossiste-voip {
background-color: #ffffff;
height:26px;
float:left;
}

#voix-sur-ip{
width:750px;
padding-top:10px;
}

#grossiste-ethernet {
height:27px;
width:300px;
background-image: url('images/bkg_bas_g.gif');
float:left;
background-color:#ffffff;
}
#grossiste-cable-reseau {
height:27px;
width:58px;
background-image: url('images/angle_b_c.gif');
float:left;
background-color:#ffffff;
}

#grossiste-usb {
height:48px;
width:717px;
background-image: url('images/footer.png');
/*float:left;*/
margin-left: 20px;
/*display: block;*/
/*background-color:#ffffff;*/
}

#menu
{
margin-top:100px;
width:150px;
height:auto;
float:left;
}

.produits_cat td:first-child {
padding-left:0px;
}

#rubrique
{
width:150px;
height:25px;
background-color:#4C4952;
color:#ffffff;
text-align:center;
}

#sous_rubrique
{
background-color:#EDEDED;
width:150px;
color:black;
text-align:left;
}

#fond
{
background-color:#ffffff;
text-align:center;
}

#contact
{
background-image:url('images/bkg_cadre.gif');
background-color:#ffffff;
height:32px;
width:600px;
margin:0;
padding:0;
float:left;
}

#contact2
{
background-image:url('images/cadre_contact.gif');
background-color:#ffffff;
height:32px;
width:150px;
float:left;
margin:0;
padding:0;
}

#contact3
{
background-image:url('images/cadre_17.gif');
background-color:#ffffff;
background-repeat:no-repeat;
height:32px;
width:150px;
float:left;
margin:0;
padding:0;
}

#contact4
{
background-image:url('images/cadre_16.gif');
background-color:#ffffff;
background-repeat:no-repeat;
height:32px;
width:150px;
float:left;
margin:0;
padding:0;
}

#footer
{
/*background-color:#EDEDED;*/
height:250px;
width:750px;
clear:both;
}

#footer_catalogue {
	/*margin-top: 200px;*/
	clear:both;
}

/*.catalogue td {
display:block;
float:left;
}*/

#panier
{
background-color:#ffffff;
width:750px;
height:100%;
display:bloc;
}

#construction {
	background-image: url('images/construction.png');
	height: 202px;
	width: 258px;
	margin: auto;
	margin-top: 250px;
}

#catalogue {
	padding-top: 50px;
	display: block;
	
}

#produit_cat {
	margin-top: 150px;
}

#list_produit {
	padding-top: 185px;
}

#list_produit_2 {
	padding-top: 50px;
	padding-bottom: 70px
}

#catalogue_contenu {
	padding-top: 50px;

}
/* ----------------------------------------------------------------------------------------------- */
/* Fin des "Div" (conteneur) 					*/
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* Declaration des éléments du menu				*/
/* ----------------------------------------------------------------------------------------------- */




.grossiste {
margin-right: 20px;
list-style-type: none;
margin:0;
padding-top:10px;
z-index: 12;
position: absolute;
white-space: nowrap;
}

.grossiste li {
float:left;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
padding-top: 5px;
padding-left: 10px;
font-weight: bold;
/*line-height: 30px;*/
text-align:center;
}

.grossiste a
{
display: block;
padding-right: 0px;
width: 80px;
/*border-right:2px solid #eee ;*/
text-align: center;
text-decoration: none;
color: #000;
}

.grossiste a:link, .grossiste a:visited
{
color: #000;
text-decoration: none;
}

.grossiste a:hover
{
color: #EEE;
text-decoration: none;
}
/* ----------------------------------------------------------------------------------------------- */
/* Fin du menu					*/
/* ----------------------------------------------------------------------------------------------- */




/* ----------------------------------------------------------------------------------------------- */
/* Declaration des éléments d'affichage				*/
/* ----------------------------------------------------------------------------------------------- */
/*form.top_form {
	margin-top: 10px;
}*/
	
input.bouton{  
width:20px;
height:10px;
position:absolute;
}


img.logo {  
margin-top:27px;
margin-left:34.5px;
}
img.logo2 {  
margin-top:9px;
}

img.bouton {  
vertical-align:middle;
}

img.border {  
border: 1px solid #082D6B;
}


img{  
border-style: none;

}

H1 {
        font-family : Tahoma, Arial, Helvetica, Sans-Serif;
        font-weight : bold;
        font-size : 16px;
        color : #126084;
		text-align: center;
        
        background-color : #EDEDED;
        border-top-color: #3366CC;
        border-top-style: groove;
        border-top-width: thin;
        border-bottom-color: #3366CC;
        border-bottom-style: groove;
        border-bottom-width: thin;
		
}


	  
H2 {
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-size : 20px;
text-align:center;
color : #126084;
      }
	
H3 {
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-size : 75%;
color : #126084;

background-color : #e3e6eb;
border-top-color : #3366cc;
border-top-style : groove;
border-top-width : thin;
border-bottom-color : #3366cc;
border-bottom-style : groove;
border-bottom-width : thin;
      }
	  
H4 {
        font-family : Tahoma, Arial, Helvetica, Sans-Serif;
        font-weight : bold;
        font-size : 16px;
        color : #666666;
		text-align: center;
        padding : 10px;
        background-color : #FFFFFF;
        border-top-color: #3366CC;
        border-top-style: groove;
        border-top-width: thin;
        border-bottom-color: #3366CC;
        border-bottom-style: groove;
        border-bottom-width: thin;
}	  
	  

table{  
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-size : 15px;
text-align : left;
width:100%;
/*height:100%;*/
}

table.pannier{  
font-family : Verdana, Arial, Helvetica, Sans-Serif;
font-size : 15px;
padding:5px;
text-align : left;
width:750px;
}


td {  
text-align : left;
padding:5px;
padding-left:0px!important;
/*padding-top: 60px;*/
color:#005b81;
font-size: 8pt ;
}

td.panier {
text-align:center;	
font-size: 9px;
}

td.panier2 {
text-align:left;	
font-size: 9px;
}

td.total {
text-align:right;	
font-size: 12px;	
}

td.formulaire{  
text-align : left;
padding:5px;
width:70%;
color:#565D63;
font-size: 8pt ;
}

input.formulaire{  
width:100%;
}

td.web{  
background-color : #87a3af;
text-align : left;
padding:5px;
}

td.web2{  
background-color : #ffffff;
text-align : left;
padding:5px;
}

p.grossiste-informatique {
text-align:left;
margin-top:4px;
padding:5px;
color:#005b81;
font-size: 8pt ;
}

p.grossiste-informatique-reseau {
text-align:center;
margin-top:4px;
padding:5px;
color:#005b81;
font-size: 8pt ;
}

p.gauche {
text-align:left;
margin-top:4px;
padding:5px;
color:#005b81;
font-size: 8pt ;
}

p.grossiste-reseau {
text-align:center;
color:red;
font-size: 8pt ;
}

p.cgv {
background-image: url('images/cgv.png');
height: 31px;
width: 513px;
background-repeat: no-repeat;

}

p {
text-align:left;
margin-top:4px;
color:#005b81;
font-size: 8pt ;
}


p.grossiste-informatique-wifi {
padding:5px;
color:#005b81;
font-size: 8pt ;
text-align:justify;
}

p.footer{
background-color:#EDEDED;
margin:0;
padding:0;

}

p.commande{
color : #126084;
}



/* ----------------------------------------------------------------------------------------------- */
/* Declaration des liens					*/
/* ----------------------------------------------------------------------------------------------- */

A:LINK.fibre-optique {
color : #FF0033;
text-decoration : none;
font-size : 100%;
}

A:VISITED.fibre-optique {
color : #FF0033;
text-decoration : none;
font-size : 100%;
}

A:HOVER.fibre-optique {
color : #3399FF;
text-decoration : none;
font-size : 100%;
}


a.grossiste
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color : #082151;
	
}

a:visited.grossiste
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color :#082151;

}
a:hover.grossiste
 {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color : #000000;
}

a.normal
{
color:#565D63;
font-size: 8pt ;
text-decoration : none;
}

a:visited.normal
{
color:#565D63;
font-size: 8pt ;
text-decoration : none;
}
a:hover.normal
 {
color:#565D63;
font-size: 8pt ;
text-decoration : none;
}





a.design
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color : #0b4091;

}

a:visited.design
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color : #0b4091;

}
a:hover.design 
 {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 12px;
	text-decoration : none;
	color : #1160d7;
}

a.design2
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 8pt;
	text-decoration : none;
	color : #565D63;

}

a:visited.design2
{
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 8pt;
	text-decoration : none;
	color : #565D63;

}
a:hover.design2
 {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 8pt;
	text-decoration : none;
	color : #B7CB58;
}


A:link.highlight {
color : #ff0033;
text-decoration : none;
      }
	  
A:visited.highlight {
color : #ff0033;
text-decoration : none;
      }
A:hover.highlight {
color : #3399ff;
text-decoration : none;
      }

dl, dt, dd, ul, li {
margin: 0;
/*padding: 0;*/
list-style-type: none;
}
#menu {
width: 12em;
height: auto;
margin-top: 250px;
display: block;
clear:both;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
line-height: 15px;
text-align: center;
font-weight: bold;
color:#ffffff;
/*border: 1px solid gray;*/
background: #2762ba;
}
#menu dd {
/*border: 1px solid gray;*/
padding: 0;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color : #565D63;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background-color:#EDEDED;
color : #B7CB58;
}