@charset "UTF-8";
/* CSS Document */
/**************************/
/* G�n�ralit�s				  */
/**************************/
th, td {font-family:verdana; color:#2755A2; text-align:left;}
body {
margin:0px 0px 0px 1px;
background:#FFF;
padding:0;
font-family:verdana;
font-size:0.65em;
color:#555;
text-align:left;
background:url(/images/structure/arriere_plan2.jpg) no-repeat center top white;
}
a {color:#2755A2;text-decoration: underline;}
a img { text-decoration:none; border:none;}
a:hover{color:#0098AF;text-decoration:none;}
hr.separation { clear:both; visibility:hidden;}
h1, h2, h3, h4 {font-family:"Trebuchet MS", sans-serif;  font-weight:normal;}

.reserve { color:#FFFFFF;}
.illustration { float:left; margin:0 10px 10px 0;}
.illustration-liste { float:left; margin:0 30px 20px 0;}
div#content .warning  { color:#BB3632;}
.suite, a.suite { color:#776699; border-bottom-color:#776699; text-decoration:none}
.lettrine { float:left; margin:10px;}
#content p.legende { color:#eee; font-size:1.1em; text-align:center; margin:1px 1px 1px 1px ; background:#AAA; padding:1em}
#content p.legende a { color:white;}
.important, #content .important { color:#FF6600}
div.important { margin:1em; padding:0.5em; border:1px solid #FF6600; background:#FFF8EE}
.prix { font-size:1.3em}
.nom_article { font-size:1.2em}
.prix_barre { text-decoration:line-through; white-space:nowrap;  color:#CC0000;font-size:0.8em}
.nouveau_prix {/* color:#FF6600;*/ white-space:nowrap;color:#FF0000; background-color:#FFFF00;padding:2px;   }


#page { width:970px; margin:10px auto; padding:0 1px;background:url(/images/structure/fond-menu.png) repeat-x 0px 178px white;
}
/**************************/
/* Entête				  */
/**************************/

#haut-page { position:relative; width:970px; margin:0 0 1em 0; padding:0;}
#panier { position:absolute; top:8px; right:8px; text-align:center; width: 120px; height:110px; border:1px solid #F2F2F2; padding:2px; margin:0; }
#panier a { text-decoration:none; color:#BB3632;  padding:5px; display:block; background:#eee; height:100px; margin:0 }
#panier a:hover { background:#fff }

#cse-search-box {  border:1px solid #F2F2F2;  padding:2px; margin:0; }
#cse-search-box  div { margin:0; background:#eee; padding:2px 10px;  color:#666666;}
#cse-search-box a{ text-decoration:none;  color:#333;}
#cse-search-box strong { font-size:1.1em }
#cse-search-box input[type=submit] { background:#555; border:none; color:white }
#cse-search-box input[type=submit]:hover { background:#111; border:none; color:white }

#logo { position:absolute; top:0px; padding:0px; margin:0 5px ; border:none; height:128px}

#entete { position:relative; left:140px; top:0px; margin:0 0 1px 0; height:127px;width: 690px; background:#fff; color:#0098AF;font-size:1em;}
#entete h1 { padding:18px 20px 0px 10px; margin:0; font:21px normal Georgia, "Times New Roman", Times, serif; color:#BB3632; font-style:italic; }
#entete h2 { margin:0; padding:4px 10px; font-size:1.2em;}
#entete h3 { margin:0; padding:4px 10px 10px 10px; font-size:1.1em;}

#nav_contenu { position:absolute; top:130px; left:0; margin:0; padding:0px ;background:#0098AF; height:21px; width:970px;}
#nav_contenu ul {  margin:0; padding:0; list-style:none; padding:0;}
#nav_contenu li { display:inline; margin:0; padding:0;}
#nav_contenu a {  text-decoration:none; display:block; float:left; padding:4px 5px 2px 5px; margin:0 3px; height:14px; color:#fff }
#nav_contenu a:hover { display:block; float:left; color:white; background-color:#003355}

#newsletter li { display:inline; margin: 0 10px; }
#newsletter input { background:#66CCCC; border:1px solid #004A6D;margin:0; padding:0;}
#newsletter form { padding:10px; margin:0;}
#newsletter a { text-decoration:none;}

/**************************/
/* MENU Principal      */
/**************************/
#menu_principal { list-style-type: none;  width:970px; margin:16px 1px 1px 0px ; padding:0; list-style-type: none; position:relative; background-color:#006987; height:26px}
#menu_principal abbr { border-bottom:none;}
/* Set up the link size, color and borders */
#menu_principal a, #menu_principal a:visited {display:block; padding:5px 10px 5px 10px; margin:0; background:#BB3632;font-size:13px; color:#fff;  text-decoration:none; }

#menu_principal li {float:left; padding:0; margin:0; border-right:1px solid white;}
#menu_principal li a:hover { background-color:#006987;}


/**************************/
/* Layout			  */
/**************************/
img, div { behavior: url(/js/iepngfix/iepngfix.htc) }

#content { width:975px; padding:0; margin:0;}
#content div div { margin-bottom:20px;}
#content-main { width:730px;  margin:0 10px;padding:0; float:left; }
#content-complement { width:200px; margin:0 10px; padding:0; float:left;}
p { margin:1em 2em; color:#555;}

#fil-ariane {  font-weight:normal; font-size:1.2em;line-height:12px; border:none; text-indent:5px; color:#999;  }
#fil-ariane a { color:#999;}
#fil-ariane strong { color:#0098AF; font-weight:normal;}
h2 { margin:2px 2px 0.5em 2px; padding: 0.6em 0.5em 0.8em 0.5em; font-size:1.5em}
h3 { margin:1.2em 0.8em 1em 0.8em; font-size:1.5em}
h4 { margin:1.2em 0.8em 1em 1.6em; font-size:1.3em}

#content-main2 { width:520px;  margin:0 10px;padding:0; float:left;}
#content-complement2a { width:195px; margin:0 10px; padding:0; float:left; }
#content-complement2b { width:195px; margin:0 10px; padding:0; float:left;}
#content-main2 p, #content-complement2a p, #content-complement2a p { color:#555;}

#col4-2, #col4-3, #col4-4 { width:220px;  margin:0 10px; padding:0; float:left;}
#col4-1 { width:220px;  margin:0 10px 0 20px; padding:0; float:left;}
#col2-1 { width:440px;  margin:0 10px 0 20px; padding:0; float:left;}
#col2-2 { width:440px;  margin:0 20px 0 10px; padding:0; float:left;}
#col4-23 { width:460px; margin:0 10px; padding:0; float:left;}


.warning-big { background:#BB3632; padding:4px; color:white; text-decoration:none; font-size:1.2em; border:3px double white;}
#content a.warning-big:link    { background:#BB3632; padding:4px; color:white; text-decoration:none; font-size:1.2em; border:3px double white;}    /* lien non-visité */
#content a.warning-big:visited { background:#BB3632; padding:4px; color:white;}   /* lien visité   */
#content a.warning-big:hover   { background-color:#FF6600; padding:4px; color:white;} /* lien survolé     */
#content a.warning-big:active  {  background:#0033CC; padding:4px; color:white; }   /* lien activé    */

.au-panier { background:#0098AF; padding:4px; color:white; text-decoration:none; font-size:1.2em; border:3px double white;}
#content .au-panier:link    { background:#BB3632; padding:4px; color:white; text-decoration:none; font-size:1.2em; border:3px double white;}    /* lien non-visité */
#content .au-panier:visited { background:#BB3632; padding:4px; color:white;}   /* lien visité   */
#content .au-panier:hover   { background-color:#FF6600; padding:4px; color:white;} /* lien survolé     */
#content .au-panier:active  {  background:#0033CC; padding:4px; color:white; }   /* lien activé    */

.continu-big, a.continu-big { background:#FF9900; padding:5px; color:white; text-decoration:none;}
a:hover.continu-big { text-decoration:underline; color:white;}

table#caddie { border-collapse:collapse; border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
table#caddie th{ border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table#caddie td{ border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}


/**************************/
/* Design des boîtes    */
/**************************/

.a-la-une, .e-commerce, .exclusif, .infos, .outils, .divers, .secrets { border:1px solid #F2F2F2; }
.a-la-une h2, .e-commerce h2, .exclusif h2, .infos h2, .outils h2, .divers h2, .secrets h2 { color:white; background-image:url(/images/structure/fond-titre.png) ; background-repeat:repeat-x; background-position: bottom left; } 

.a-la-une h2 	{background-color: #0098AF;  }
.e-commerce h2 {background-color: #F8B12D;} /* orange */
.exclusif h2	{background-color: #990033;}
.secrets h2	{background-color: #9DC22A; }
.infos h2		{background-color: #7470AD; }
.outils h2	{background-color: #999;}
.divers h2	{background-color: #777 }

.liste-article  { margin:10px; padding:0; }
.liste-article li { list-style:none; margin:8px auto 16px auto; border-bottom:1px solid #CCC; padding:5px; clear:both}
.liste-article a img { text-decoration:none; border:none;}
.liste-article strong { font-size:1.2em;}
.liste-article strong { font-size:1.2em;}

#pied { background:url(/images/structure/fond-pieddepage.gif) repeat-x top left white; color:#999; font-size:1em; padding:10px;}
#pied a { text-decoration:none; color:#0098AF;}
#pied ol { border-top:1px solid #ccc; border-bottom:1px solid #CCC; padding:10px; margin:10px;}
#pied p {  padding:10px; margin:10px;}
#pied li { display:inline; margin:0 10px; }

 .ombrage { 
    border: 5px solid #fff; 
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555;  
    } 
    
/**************************/
/* A TRIER    */
/**************************/

#content #affiner .souscategorie a{ color:#0098AF;}
#content #affiner .souscategorie h3{ background-color:#CCE8FF;}
#content #affiner .secret-peche a{ color:#9DC22A;}
#content #affiner .secret-peche h3{ background-color:#DDF2AA;}
#content #affiner .marques a{ color:#BB3632;}
#content #affiner .marques h3{ background-color:#FFC6C2;}
#content #affiner .materiel a{ color:#7470AD}
#content #affiner .materiel h3 {background-color:#D4D0FD}

#content #affiner {  padding:0px; background-color:white;}
#content #affiner ul { padding:0px; margin:0; font-size:1.2em; }
#content #affiner li {  border:1px solid #B3B3B3;   margin:0 0 10px 0; padding:1px;list-style:none; }
#content #affiner li li {  border:none;   padding:0;list-style:none; margin:0; }
	#content #affiner ul h3 { margin:0; padding:0; font-size:1.2em }

	#content #affiner li li a{ font-size:0.8em; color:#999; border:none; padding:4px 20px 0px 20px}
	#content #affiner li a { display:block; margin:0; padding:3px 2px 2px 20px; text-decoration:none; color:#666666; min-height:20px}
	#content #affiner li.first a { border-top:0px solid #CCC; }
	#content #affiner li a.go:hover{ background:url(/images/structure/menu-lateral/fleche-gauche.png) no-repeat 0px 3px #CCEEFF;}
	#content #affiner li li a:hover{ background-color:#DDEEFF; color:#333}
	#content #affiner li a.drop {background:url(/images/structure/menu-lateral/fleche-bas.png) no-repeat 0px 5px;}
	#content #affiner li a.go {background:url(/images/structure/menu-lateral/fleche-gauche.png) no-repeat 0px 3px;}




    
    /*Commande */
table.bdc { float:left; margin:0 10px; color:#333;}
#processus-commande li.titre { color:white; background:#333;}
#processus-commande { margin:10px 10px 20px 10px ; padding:0;  list-style:none; width:955px; height:22px;}
#processus-commande li { display:block; float:left; list-style:none; padding:5px; border:1px solid gray; background:#ccc; margin:0 15px 0 0;}
#processus-commande li.actif { background:white; color:#FF6600}
.bdc th { color:white;}
.bdc td { color:#333;}