/* 
-------------------------------------------------------------------
/* 								SOLALTER
				OR #836514 ORANGE #FF6700
/*  -------------------------------------------------------------------
*/

*{padding:0; margin:0}
a{text-decoration:none;}
a img{ border:0;}
body {font: 14px/16px Arial, Helvetica, sans-serif; background:#FFF url(../images/bandeSite.gif) repeat-x; }

/* 
------------------------------------------------------------------------------------------
/* 								BANNIERE STRUCTURE DE LA PAGE COURANTE
					
/*  --------------------------------------------------------------------------------------
*/
#conteneur{ width:820px; position:relative; min-height:800px; z-index:0; margin:1% auto 0 auto; background:url(../images/barreEffetFondGris.gif) repeat-x; }
#banniere, #banniere2{  width:100%; height:200px; margin-left:-2px;}
#banniere{ background: url(../images/LogoSolalter.jpg) no-repeat 20px 4px;}
#banniere2 {background: url(../images/LogoSolalter.jpg) no-repeat 20px 4px;}
#accroche{ position:absolute; right:300px; top:20px; color:#FFF; font-size:21px; }
#imageFond{ background: url(../../IMG/arton4.gif) no-repeat 0px 146px; height:598px; }
#slogan{position:absolute; top:128px; left:35px; width:554px; height: 31px; background:url(../images/slogan.jpg) no-repeat 0 0;}
#slogan2{position:absolute; top:110px; left:35px; width:554px; height: 31px; background:url(../images/slogan.jpg) no-repeat 0 0;}
.edito, .page{ background:url(../images/barreSeparationColonne.gif) no-repeat 591px 80px;}
#enTete{ vertical-align:top; height:100px;}
#colonneC{ width:590px; vertical-align:top; height:450px;}
#colonneD{  vertical-align:top;}
#solDeOr{position:absolute; top:16px; left:634px; background:url(../images/soldeor.png) no-repeat 0 0; width: 128px; height: 123px; }
#edito{ margin:150px 0 10px 120px; width:450px;  }
#milieuEdito{background:url(../images/milieuEdito.png) repeat-y; height:100%; padding:5px 50px 0 20px;  }
#edito h2 {padding-bottom:10px;}
#hautEdito{ background:url(../images/hautEdito.png) no-repeat 0 0; height:30px; }
#basEdito{ background:url(../images/basEdito.png) no-repeat 0 0; height:50px;}
.formulaire_recherche{position:absolute; top:153px; left:625px; width: 227px; height: 41px;}


/* 
---------------------------------------------------------------------------------------
/* 								MENU // FIL D'ARIANE // FORMULAIRE
					
/*  -----------------------------------------------------------------------------------
*/

#menuBanniere{ position:absolute; top:165px; left:90px; list-style:none;  height:30px; width:500px;}
#menuBanniere li{ float:left; background:url(../images/puce.png) no-repeat 0 0; height:20px; padding: 0 5px 0 25px; font-size:20px; font-weight:bold;  }

.menuSecondaire{ margin:0px 0 0 20px; list-style:none;  }
* +html .menuSecondaire{ margin:0px 0 0 18px; list-style:none;  }
.menuSecondaireAcc{ margin:0px 0 0 20px; list-style:none;  }
* +html .menuSecondaireAcc{ margin:0px 0 0 20px; list-style:none;  }
.menuSecondaire ul, .menuSecondaireAcc ul, .textRub ul, .textRub4 ul{ list-style:none;}
.menuSecondaire ul li, .menuSecondaireAcc ul li, .textRub ul li, .textRub4 ul li{ background:url(../images/fleche.png) no-repeat 0 18px; padding:15px 0 0 15px;}
#filAriane{ padding:0 0 10px 10px;}
.formulaire_ecrire_auteur{ width:550px; margin:40px 0 0 20px;} 
.noneStyle ul li{ background-image:none; padding-top:5px; font-size:12px;}
/*SPIP MODIF MENU */



/* 
---------------------------------------------------------------------------------------
/* 								IMAGES ET LOGO
					
/*  -----------------------------------------------------------------------------------
*/
.logoProd{float:left; padding:2px 5px 2px ; clear:both; width:150px; }

/* 
---------------------------------------------------------------------------------------
/* 							TITRES 
					
/*  -----------------------------------------------------------------------------------
*/
.titrePanier{ color:#FFF; margin:0 5px 5px 5px; font-size:17px; padding:5px;}
* +html .titrePanier{ margin-top:0; }
.titreDesc{ color:#836514; padding:10px 0 10px 0;}
.titreRubProd{ width:130px;  padding-top:10px; clear:left; margin-left:25px ; text-align:left; }
* +html .titreRubProd{ margin-left:10px; }
.titreArtPro{ text-align:left; padding-top:5px; clear:left;  }
.titrePresProd{ margin:0px 0 10px 0px; text-align:center; }
.titreArt{ width:200px; float:left;}
.titreLiens{ padding-top:0px; font-size:12px;}
.titreRub{ margin-left:135px; line-height:20px; font-size:18px;}
/* 
---------------------------------------------------------------------------------------
/* 								ROLLOVER
					
/*  -----------------------------------------------------------------------------------
*/

/*LIEN NOIR*/
a.rollNoir:link{ color:#000;  }
a.rollNoir:active{color:#000;  }
a.rollNoir:hover{color: #000; text-decoration:underline;}
a.rollNoir:visited{ color: #000; }


a.rollBlanc:link{ color:#FFF;  }
a.rollBlanc:active{color:#FFF;  }
a.rollBlanc:hover{color: #FFF; text-decoration:underline;}
a.rollBlanc:visited{ color: #FFF; }

a.rollOr:link{ color:#836514;  }
a.rollOr:active{color:#836514;  }
a.rollOr:hover{color: #836514; text-decoration:underline;}
a.rollOr:visited{ color: #836514; }

a.spip_in{ font-weight:bold;}
a.spip_in:link{ color:#000;  }
a.spip_in:active{color:#000;  }
a.spip_in:hover{color: #000; text-decoration:underline;}
a.spip_in:visited{ color: #000; }
.surligne{background-color:#999;}
.surligne2{ background-color:#FFF;}
.center a{color:#FF6700; background-color:#999;}
/* 
---------------------------------------------------------------------------------------
/* 								ENTREES DE RUBRIQUES ET ARTICLES 
					
/*  -----------------------------------------------------------------------------------
*/
/*.fond10{ background:url(../images/fondChocolat.jpg) no-repeat 0px 215px; }
.fond11{ background: url(../images/fondSucre.jpg) no-repeat -1px 215px;  }*/
.fond{ background: url(../images/fond.jpg) no-repeat -1px 217px;  }
.texteArt{ margin:20px 10px ;}
.descriptif{float:right; width:300px; margin:-5px 50px 0 0; }

.url{ width:570px; margin-bottom:-5px; clear:both;}
.urlG{ float:left; text-align:center; }
.puceD{  float:right; width:50px; margin:0;}
.textRub{ margin:15px 5px 5px 135px; padding-right:10px; text-align:justify;}
.textRub4{ margin:15px 5px 5px 20px; padding-right:10px; text-align:justify;}
.textRub img, .textRub4 img{ display:block; margin:5px 5px 8px 5px; border:1px solid black;   }
.spip img{ float:left; clear:both; border:0;}
.spip_documents_left { padding:5px 5px 5px 0;}
.spip_documents_right { padding:5px 0px 0px 5px;}
.spip_documents_center { padding:2px; display:block; margin-top:5px; margin-bottom:-7px;}
/* 
---------------------------------------------------------------------------------------
/* 								PANIER
					
/*  -----------------------------------------------------------------------------------
*/
.produitRub, .produitArt{ float:left; margin:10px 0 10px 20px ; text-align:center; width:150px; }
#presentation{ margin:10px 10px 10px 15px ; text-align:justify; text-indent:3px;}
* +html .produitRub, .produitArt{ margin-left:26px;}
.imageProduit{ float:left; padding:3px 3px 5px 3px; margin-right:5px; }
.imageProduitRub{ }
.imageProduitRub img{ border:1px solid black; padding:2px;}
.nomTotal{ margin-left:45px; margin-bottom:10px;}
#totalProduit{ margin:10px 0 0 0;}
.poursuivreCommande{ margin-left:5px;}
#recalcul{ float:left;}
.nomTotal div{ float:left;}
.retirerProduit{ float:left;}
.quantite{float:left; }
.prix{ float:left;}
.fois{ float:left;}
.descriptifProd{  float:right; width:300px; margin-right:70px; padding:5px; }
.presentationProd img{ }
.imgProPre{text-align:center;}
.ajouterProd{ margin-left:100px; padding-top:30px;}
.descriptifProdArt{ padding:5px 5px 20px 5px;  margin:0 10px ;}
.note{ margin:5px 0 15px 0; color:#FFF; font-size:12px;}
.valider{ text-align:center; padding-top:10px;}
.tableauCommande{ margin-left:50px; width:80%; 
border-collapse: collapse;}
.tableauCommande td {border: thin solid #6495ed; padding:3px;}
.tdCentrer{text-align:center; font-size:15px; padding:5px; font-weight:bold;}
.tdGris{ background-color:#999;}
.tdBlanc{ background-color:#FFF;}

/*CORRECTION DES BOUTONS TYPE IMAGE*/
.submitRecalculer{ background: url(../images/recalculer.gif) left top no-repeat; height : 24px;width :100px;}
.submitValider{ background:url(../images/valider.gif) left top no-repeat; height : 24px;width :100px;}
.submitPrinter{ background:url(../images/printer.png) left top no-repeat; height : 24px;width :100px;}
.submitAnnuler{ background:url(../images/annuler.gif) left top no-repeat; height : 24px;width :100px;}
.submitPasserCommande{ background:url(../images/passer_commande.gif) left top no-repeat; height :35px;width :150px;}
.submitRecalculer, .submitValider, .submitPrinter, .submitAnnuler, .submitPasserCommande {border : 0;cursor : pointer;text-indent : -9999px;}
html:first-child .submitRecalculer, html:first-child .submitValider, html:first-child .submitPrinter,  html:first-child .submitAnnuler, html:first-child .submitPasserCommande {padding-left : 1000px;}
* +html .submitRecalculer, * +html .submitValider, * +html .submitPrinter, * +html .submitAnnuler, * +html .submitPasserCommande{text-indent : 0;color : expression(this.value = '');}



/* 
---------------------------------------------------------------------------------------
/* 							INFO BULLE
					
/*  -----------------------------------------------------------------------------------
*/

#tooltip{ position:absolute; top:0; left:0; display:none; width:150px;}

/* 
--------------------------------------------------------------------------------------
/* 								PIED DE PAGE // PAGINATION
					
/*  ----------------------------------------------------------------------------------
*/
#piedPage{ background:url(../images/barreSeparationPied.gif) no-repeat 0 0; height:50px; text-align:center;}

#pagination{ clear:both; text-align:center; padding:5px;}
#pagination a:visited{ color:#FF6700;}
/* 
--------------------------------------------------------------------------------------
/* 							GENERALE ASTUCES // COULEURS 
					
/*  ----------------------------------------------------------------------------------
*/
.separateur{ clear:both;  margin:15px 0; border-top:1px solid black;}
.separateur2{  clear:both;  margin:35px 0; border-top:2px dotted #836514;}
.separateur3{clear:both; margin:10px 0; border-top:2px dotted #836514; width:222px;}
.separateur4{clear:both; margin:10px 0; border-top:2px dotted #836514; }
.separateur5{clear:both; padding-top:10px;  margin:15px 0 0 -15px; border-bottom:2px dotted #836514; width:220px;}
* +html .separateur5{clear:both;  margin:0px 0 0 -15px; border-bottom:2px dotted #836514; width:220px;}

.clear{ clear:both; visibility:hidden;}
.bold{font-weight:bold;}
.blanc{ color:#FFF;}
.orange{color:#853C10;}
.floatF{ float:left;}
.both{ clear:both;}
.noneBold{font-weight:100;}
.margeB{ margin-bottom:5px; }
.gauche{ float:left; display:block; margin-bottom:20px; padding:5px ; border:1px solid black; margin-left:10px;}
.fDroit{float:right; width:400px; margin-right:24px; padding-bottom:20px; }
.fGauche{ width:550px; padding-left:10px;}
.centrer{ text-align:center;}
.padB{ padding-bottom:20px;} 
.adresseAccu{ padding:150px 0 0 0px;}