/* CSS Document */
* { margin:0; padding:0;}

#main { margin:0 auto; background-image: url(images/bg.gif); background-repeat: repeat-x; background-position: top; width:905px; }
#main1 { width:825px; margin:0; }
#mainindex { width:100%; margin:0; }

.column { float:left;}
.clear { clear:both;}

.borderl { background:url(images/borderl.gif) repeat-y right #FFFFFF; width: 25px; }
.borderr { background:url(images/borderr.gif) repeat-y left #FFFFFF; width: 25px; vertical-align:top; }

html, body { height:100%; }
html, input, textarea { font-family:Tahoma;  font-size:12px; color:#777e84; line-height:16px; }	
 
img{ border:0px}
.banque { display:inherit; float:right; text-align:right; padding:0px 0 20px 0px; }

.w{ width:100%; background-color: #FFFFFF; }
.main3{ text-align:center; width:100%; }
.main4{margin:0 auto; text-align:left; width:955px;}

.vam{ vertical-align:middle}
.tac{ text-align:center; width:100%}


/*-- header--*/
#header{ height:280px; padding:0 0 0 10px; font-size:10px; font-family:Tahoma; color:#798587;}
#header .pic{ margin:98px 0 0 0px}
#header a{color:#798587; text-decoration:none; font-size:10px}
#header a:hover{ text-decoration:underline}

/*-- flags --*/
#flags { margin:0; padding:4px 0 0 3px; width:34px; height:430px; background:url(images/bg_flag.gif) repeat-y; }
#flags img { float:left; margin-bottom:7px; border:0; }
#flags img:hover { border:solid 1px #FFFFFF; margin-bottom:5px; } 

#home { background:url(images/home.gif) no-repeat; margin:0; cursor:pointer; width:35px; height:31px; }
#home:hover { background:url(images/home_on.gif) no-repeat; }

a{ font-size:11px; color:#000000; text-decoration:none} 
a:hover{ text-decoration:none; color: #74983b; }

span a{ font-size:11px; color:#e56007; text-decoration:underline} 
span a:hover{text-decoration:none}


/*-- more--*/
.more { height:44px; width:275px; vertical-align:middle; cursor:pointer; }
.more img { vertical-align:top }
.more .indent2 { background:url(images/1_bg3.gif) repeat-x top; float:left; width:140px; height:44px; padding:13px 0 0 0px; }
.more a { color:#7c848c; text-decoration:none}
.more a:hover {text-decoration: underline}

.more2 { height:44px; width:235px; vertical-align:middle; cursor:pointer; }
.more2 img { vertical-align:top }
.more2 .indent2 { background:url(images/1_bg3.gif) repeat-x top; float:left; width:165px; height:44px; padding:13px 0 0 0px; }
.more2 a { color:#7c848c; text-decoration:none}
.more2 a:hover {text-decoration: underline}

/*-- indent--*/
.indent{ padding:0px 40px 10px 40px; text-align:justify;}
.indentindex{ padding:0px 0px 10px 10px; text-align:justify;} 
.indent1{ padding:0px 26px 0 39px; text-align:left}

.indent3{padding:25px 0 0 0px}
.indent4{padding:17px 0px 0 2px;}
.indent5{padding:0px 15px 0 28px}

/*-- menu utilisateur--*/
.user_menu ul { padding-top:45px; }
.user_menu ul li { background:url(images/cat_1.gif) no-repeat; height:25px; margin:0px 0 15px 0; padding:5px 0 0 0; text-align:center; list-style: none; font-size:14px; }
.user_menu ul li a { display:block; height:25px; width:137px; color:#ffffff;  text-decoration:none; font-weight:bold;}
.user_menu ul li a:hover  { color:#FF9900; }

/*-- case choix --*/
.choix { background:url(images/choix.png) no-repeat; cursor:pointer; height:300px; width:390px; padding-top:0px; text-align:center; }
.choix:hover { background:url(images/choix_on.png) no-repeat; color:#FFFFFF; }

.choix2 { cursor:pointer; height:100px; width:310px; text-align:center; vertical-align:center; font-weight:bold; font-size:16px; }
.choix2:hover { color:#FFFFFF; }

#chx_ide { background:url(images/en/compte_01.png) no-repeat; }
#chx_pro { background:url(images/en/compte_02.png) no-repeat; }
#chx_pan { background:url(images/en/compte_03.png) no-repeat; }
#chx_com { background:url(images/en/compte_04.png) no-repeat; }

#chx_ide:hover { background:url(images/en/compte_01_on.png) no-repeat; }
#chx_pro:hover { background:url(images/en/compte_02_on.png) no-repeat; }
#chx_pan:hover { background:url(images/en/compte_03_on.png) no-repeat; }
#chx_com:hover { background:url(images/en/compte_04_on.png) no-repeat; }


/*-- index.html--*/
#page1 .column1 { width:700px; float:left; }
#page1 .column1 .row { padding:0 0 0px 0px; }
#page1 .column1 .titre1 { width:700px; height:20px; float:left; padding:5px 0 0 0; margin:20px 0 0 0; background:url(images/cat_2.gif) no-repeat; }
#page1 .column1 .titre1 { color:#ffffff; font-weight:bold; text-align:center; }
#page1 .column1 .end  { width:700px; height:5px; float:left; margin:0; background:url(images/cat_2.gif) no-repeat bottom; }
#page1 .column1 .row .col { width:700px; float:left; margin-right:0px; padding:0 0 5px 0; background:url(images/cat_bg.gif) repeat-y center; }
#page1 .column1 .box { float:left; width:340px; padding:0; margin:7px 0 0 7px; }
#page1 .column1 .row2 { padding:0; }

#page1 .column2 { width:50px; float:left; }

#page1 .column3 { width:135px; float:left; }
#page1 .column3 .catal { background:url(images/cat_1.gif) no-repeat; height:25px; margin:0px 0 20px 0; padding:5px 0 0 0; text-align:center; font-size:14px;letter-spacing:0.3mm }
#page1 .column3 .catal a { display:block; height:25px; width:135px; color:#ffffff; text-decoration:none; font-weight:bold; }
#page1 .column3 .catal a:hover  { color:#FF9900; }
#page1 .column3 .categ { background:#FFFFFF; border:1px solid #CCCCCC; padding:10px; margin-bottom:10px; }
#page1 .column3 form { margin-bottom:20px; }
	
#page1 table tr td {vertical-align:top;}
#page1 .title{ display:block; padding:0px 0 16px 0px}
#page1 .pic{ margin:5px 0 0 10px; float:right;}
#page1 .desc { height:50px; }
#page1 .produit { font-size: 14px; height:28px; font-weight: bold; color: #e56007; padding-top: 5px; padding-bottom: 10px; }
#page1 .prix { font-size:24px; font-weight: bold; color: #FF0000; text-align:left; padding:10px 0 10px 0; }
/* #page1 .promo { padding:10px 0 15px 0; }
#page1 .prix .old { font-size:12px; text-align:left; text-decoration:line-through; margin-bottom:5px; } */
#page1 .ht { font-size:18px; color:#333333; padding:20px 0 0 0; }
#page1 .detail { color: #777e84; padding-left:23px; text-decoration:none; background:url(images/magnifier.png) no-repeat left top; } 
#page1 .detail:hover { color: #74983b; }
#page1 ul{ margin:0; padding:0; list-style:none; line-height:18px}
#page1 ul li{ background:url(images/1_z1.gif) bottom left no-repeat; margin:0px;  }
#page1 ul li { list-style:none; background:url(images/1_z1.gif) no-repeat left 3px; padding:0 0 0 20px; }
#page1 ul li a:hover { color:#74983b;  }
 
 
/*-- societe --*/
#page2 table tr td {vertical-align:top;}
#page2 .title{ display:block; padding:0px 0 16px 0px}
#page1 .pic{ margin:5px 0 0 10px; float:right;}

#page2 .column1 { width:510px; float:left; }
#page2 .column1 .row1 { margin:0 0 30px 0; }
#page2 .column1 .row2 { margin:0 0 30px 0; }
#page2 .column1 .row3 { margin:0 0 0 0; }
#page2 .column1 ul li { list-style:none; background:url(images/1_z1.gif) no-repeat left 3px; padding:0 0 5px 25px; }
#page2 .column2 { width:40px; float:left; }
#page2 .column3 { width:275px; float:left; }
#page2 .column3 .row1 { margin:0; padding:0px 0 0 0; /*background:url(images/y.gif) repeat-x top;*/  }


/*-- partenaires --*/
#page5 .title{ display:block; padding:0px 0 16px 0px}

#page5 .column1 { width:825px; float:left; }
#page5 .column1 .row1 { margin:0 0 30px 0; }
#page5 .column1 .row2 { margin:0 0 0 0; }
#page5 .column1 .row2 .img { float:left; margin-right:30px; }
#page5 .column1 .row2 .part { font-weight:bold; font-size: 14px; font-variant: small-caps; color:#777e84; }
#page5 .column1 .row2 .right { text-align:right; margin-top:5px; }


/*-- mon compte (& panier, commandes) --*/
#page6-1 .column1 { width:825px; float:left; }
#page6-2 .column1 { width:135px; float:left; }
#page6-2 .column2 { width:40px; float:left; }
#page6-2 .column3 { width:650px; float:left; }
#page6-1 .title, #page6-2 .title { display:block; padding:0px 0 20px 0px}

#page6-1 .border1, #page6-2 .border1 { border: 1px dotted #666666; background:#FFFFFF; padding:10px 20px 10px 20px; margin-bottom: 30px; }
#page6-2 .border1 { }
#page6-2 .border1 table tr td { padding:5px; vertical-align:top; }
#page6-1 .titre, #page6-2 .titre, #page6-2 .titre1, #page6-2 .titre2, #page6-2 .titre3 {
 font-size: 13px; font-weight: bold; text-transform: uppercase; }
#page6-2 .titre1 { background:url(images/titre_01.gif) no-repeat left top; }
#page6-2 .titre2 { background:url(images/titre_02.gif) repeat-x top; }
#page6-2 .titre3 { background:url(images/titre_03.gif) no-repeat right top; }
#page6-2 .ref { font-size: 12px; font-weight:bold; text-align:center; padding:0 0 5px 0; }
#page6-2 .produit { font-size: 14px; font-weight:bold; color:#e56007; text-align:center; padding:0 0 5px 0; }
#page6-2 .ref_vus { font-size: 12px; font-weight:bold; text-align:left; padding:0 0 2px 0; }
#page6-2 .produit_vus { font-size: 12px; font-weight:bold; color:#e56007; text-align:left; padding:0 0 2px 0;}
#page6-2 .commande { background-image:url(images/fond_commande.png); height:30px; width:250px; text-align:center;  } 
#page6-2 .commande a { color:#FFFFFF; font-weight:bold; display:block; height:24px; width:250px; padding-top:6px; }
#page6-2 .commande a:hover { color:#CC0000; }
#page6-2 .facture_line { cursor:pointer; }
#page6-2 .facture_line:hover { background:#d1deea; }
#page6-2 .print { display:block; height:16px; width:200px; color:#777e84; padding-right:23px; text-decoration:none; background:url(images/printer.png) no-repeat right top; cursor:pointer;  }
#page6-2 .print:hover {color:#74983b;  }
#page6-2 .detail_fact { border:thin outset #CCCCCC; }
#page6-2 #container { background:#FFFFFF; border:1px solid #CCCCCC; padding:20px; text-align:left; margin:0px auto 0px auto; width:610px; }
#page6-2 .panier { background: url(images/cart_add.png) no-repeat left center; padding-left:23px; height:16px; }
#page6-2 .panier { color:#777e84; text-decoration:none; display:block; width:100px; float:left; } 
#page6-2 .panier:hover {color:#74983b;  }
#page6-2 .line:hover { cursor:pointer; background:#d1deea; }


/*-- contact.php--*/
#page7 .title{ display:block; padding:0px 0 20px 0px}
#page7 a{ color:#7c848c; text-decoration:none}
#page7 a:hover{ color:#74983b; text-decoration: none}
#page7 .input1 { width:285px; height:16px; padding-left:0px; margin:0 0 5px 0px }
#page7 .input1:hover { color:#74983b; }
#page7 table tr td {vertical-align:top;}
#page7 .contact_2, #page7 .contact_2 a { font-size:12px;  }


/*-- transport.php--*/
#page10 table tr td {vertical-align:top;}
#page10 .title{ display:block; padding:0px 0 20px 0px}

#page10 .column1 { width:135px; float:left; }
#page10 .column2 { width:40px; float:left; }
#page10 .column3 { width:650px; float:left; }
#page10 .column3 .row1 { margin:0 0 30px 0; }
#page10 .column3 .row2 { margin:0 0 0 0; }
#page10 .column3 .img { float:left; margin:0 20px 0 0; }
#page10 .column3 .container table { border:1px solid #CCCCCC; border-left:0; border-top:0; background:#FFFFFF; margin:0 0 30px 0; }
#page10 .column3 .container td { border:1px solid #CCCCCC; border-right:0; border-bottom:0; }
#page10 .column3 .container td { text-align:right; padding:2px 10px 2px 10px; }
#page10 .column3 .container .titre { text-align:center; font-weight:bold; }


/*-- footer--*/
#footer { line-height:15px; color:#C2CAD3; text-align:center; }
#footer { height:68px; width:100%; padding-top:30px; background-repeat: repeat-x; background-position: top; background-image: url(images/bot.gif); }
#footer .col1 { float:rihgt; text-align:right; margin-right:10px; height:45px; overflow:hidden;margin-top:15px; }
#footer .col2 { float:left; text-align:left; margin-left:15px; margin-top:5px; font-size:11px;}
#footer .col3 { float:left; text-align:left; margin-left:15px; margin-top:5px; font-size:11px;}
#footer .col4 { float:left; text-align:left; margin-left:15px; margin-top:5px; font-size:11px;}
#footer a {color:#C2CAD3; text-decoration:none; font-size:11px; }  
#footer a:hover { color:#FFFFFF; text-decoration:underline; }



/*-- input1--*/
.input{ height:14px; padding:1px; margin:0 0 5px 0px; background-color: #FFFFFF; border: 1px solid #999999; }
.input:hover { color:#74983b; }

.submit { height:24px; padding:2px 20px 2px 20px; margin:0 0 5px 0px; background-color: #FFFFFF; border: 1px solid #999999; color:#333333; }
.submit:hover { color:#74983b; cursor:pointer; }

.commande_next { background:url(images/fond_commande.png) #FFFFFF; height:30px; width:250px; text-align:center; border:none; color:#FFFFFF; font-weight:bold; }
.commande_next:hover { color:#CC0000; cursor:pointer; }

select{ height:20px; padding:2px; margin:0 0 5px 0px; background-color: #FFFFFF; border: 1px solid #999999; font-size:10px; }
textarea{ width:100%; height:175px; margin:0 0 5px 0px; overflow:auto; }