@charset "UTF-8";

/* CSS Document */
/**************************/
/* G�n�ralit�s				  */
/**************************/


@font-face {
	font-family: "Bell";
	font-style: normal;
	font-weight: normal;
	src:url("/fonts/BellMTStd-SemiBoldItalic.otf");
}
@font-face {
	font-family: "Calvert";
	font-style: normal;
	font-weight:normal;
	src:url("/fonts/Calvert-Light.otf");
}
@font-face {
	font-family: "Calvert";
	font-style: normal;
	font-weight:bold;
	src:url("/fonts/Calvert.otf");
}
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_plan3.jpg) no-repeat center top white;*/
		background:url(/images/structure/arriere_plan4.jpg) no-repeat center top white;
}

a {
		color:#2755A2;
		text-decoration: underline;
}

a img {
		text-decoration:none;
		border:none;
}

#content {
		font-size:1.2em
}

a:hover {
		color:#0098AF;
		text-decoration:none;
}

hr.separation {
		clear:both;
		visibility:hidden;
		font-size:1px; height:1px; margin:0; padding:0;
}

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 {
		background-color:#776699;
		text-decoration:none;
		padding:0.5em;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		color:white;
}

.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 190px white*/;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		-khtml-border-radius: 14px;
		border-radius: 14px;
}

/**************************/
/* Entête				  */
/**************************/

#haut-page {
		position:relative;
		width:970px;
		margin:0 0;
		padding:0;
}

#panier {
		position:absolute;
		top:10px;
		right:0;
		text-align:center;
		width: 96px;
		height:100px;
		padding:1px;
		margin:0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		background:#FFF;
		
}
#panier:hover{ border:1px solid #FF3632; padding:0px;}

#panier a {
		text-decoration:none;
		color:#BB3632;
		padding:0;
		display:block;
		height:90px;
		margin:0
}

#cse-search-box {
		padding:2px;
		margin:5px 20px 0 0;
		text-decoration:none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		background:rgb(255,255,255);
		background:rgba(255,255,255,0.9);
}

#cse-search-box div {
		margin:0;
		padding:2px;
		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:-2px;
		left:-10px;
		padding:0px;
		margin:0	;
		border:none;
		height:128px
}
#contact { font-size:1em; position:absolute; top:0px; text-align:center; right:120px; padding:0; margin:0; z-index:300; list-style:none }
#contact li {padding:0; margin:0; list-style:none; float:left; }

#contact a{  display:block; text-decoration:none; color:white;  margin:3px; text-transform:uppercase; padding:5px 8px; letter-spacing:2px;background-color:rgb(187,50,54) ;background-color:rgba(187,50,54, 0.9) ; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid white;}
#contact a:hover{  background-color:rgba(0,0,0,0.6)}

#entete {
		position:relative;
		left:128px;
		top:0px;
		margin:0;
		height:130px;
		width: 746px;
		color:#0098AF;
		font-size:1em;
}

#entete h1 {
		padding:8px 20px 2px 0;
		margin:5px 0;
		font-size:24px /*normal Georgia, "Times New Roman", Times, serif;
		color:#BB3632;
		font-style:italic;*/;
		color:white;
		font-weight:bold;
		text-shadow: 0px -1px 0px #374683;

}

#entete h2 {
		margin:0;
		padding:3px 0;
		font-size:1.2em;
		line-height:1.2em;
		color:#EFF;
		list-style:none;

}
#entete h2 a:hover{
		color:#FFF;
		text-decoration:underline;
}
#entete h2 a{
		color:#EFF;
		text-decoration:none
}

#entete ul {
		margin:3px 0;
		padding:0;
		font-size:1.1em;
		list-style:none;
}

#entete li {
		display:block;
		float:left;
		margin:0;
		padding:0;
}

#entete li a {
		display:block;
		float:left;
		margin:0em 0.3em 0em 0em;
		padding:0.3em 0.5em;
		font-size:1em;
		background-color:#0098AF; color:#FFF;
		text-decoration:none;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		/*background: url(/images/structure/blanc-75p100.png) repeat 0 0 #FFF ;*/
}

#entete li a:hover {
		background:#FFF;color:#333
}

#nav_contenu {
		position:relative;
		margin:0;
		padding:0.4em 0.6em;
		height:1.8em;		
		background: url(/images/structure/blanc-50p100.png) repeat 0 0 ;
		font-size:1.1em;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
}


#nav_contenu li {
		display:block;
		float:left;
		margin:0;
		padding:0;
}

#nav_contenu .catalogue1 a {
		background-color:#862
}
#nav_contenu .catalogue2 a {
		background-color:#973
}
#nav_contenu .catalogue3 a {
		background-color:#7470AD;
}
#nav_contenu .catalogue4 a {
		background-color:#90C51A;
}
#nav_contenu .catalogue5 a {
		background-color:#990033;
}
#nav_contenu .catalogue6 a {
		background-color:#00456A;
}

#nav_contenu a {
		text-decoration:none;
		display:block;
		float:left;
		padding:0.3em 0.7em;
		margin:0.1em;
		color:#fff;
		background-color:#B19D5E;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
}

#nav_contenu a:hover, #nav_contenu li.catalogue1 a:hover, #nav_contenu li.catalogue2 a:hover {
		display:block;
		float:left;
		color:white;
		background-color:#531
}

#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;
		margin-left:-0.5em ;
		padding:0.4em 0.5em;
		list-style-type: none;
		height:2.4em;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;
		background: url(/images/structure/blanc-50p100.png) repeat 0 0 ;

}

#menu_principal abbr {
		border-bottom:none;
}

/* Set up the link size, color and borders */
#menu_principal a, #menu_principal a:visited {
		background:#BB3632;
		font-size:1.2em;
		text-decoration:none;
		display:block;
		float:left;
		padding:3px 5px 3px 6px;
		margin:1px 1px 1px 0;
		color:#fff;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		
}

#menu_principal li {
		float:left;
		padding:0 0 12px 0;
		margin:0;
}

#menu_principal li.main2 a {
		background-color:#00456A;
}
#menu_principal li.main a {
		background-color:#00789C;
}
#menu_principal li.actif a {
		background-color:#333;
}


#menu_principal li a:hover {
		background-color:#911;
}


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

#content {
		width:975px;
		padding:15px 0;
		margin:0; background-color:white;
		position:relative;
}

#content div div {
		margin-bottom:20px;
}

#content-main {
		width:730px;
		margin:0 10px;
		padding:0;
		float:left;
}
#content-main3 {margin:10px; width:950px;
}

#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;
		border-top:1px solid white;
		border-left:1px solid white;
		border-right:1px solid white;
		padding:.7em;
		margin:1px 0px 0 5px;
		color:#fff;
		background: url(/images/structure/fil-ariane-ap.png) repeat top left;
		list-style:none;
}

#fil-ariane a {
		color:#FFF;
}

#fil-ariane strong {
		color:#FFF; font-size:1.6em; font-weight:normal;
}

h2 {
		margin:2px 2px 0.5em 2px;
		padding: 0.6em 0.5em 0.8em 0.5em;
		font-size:1.4em;
		display:list-item;
		list-style:square inside;
}

h3 {
		margin:1.1em 0.7em 0.8em 0.7em;
		font-size:1.3em
}

h4 {
		margin:1.1em 0.7em 0.8em 0.7em;
		font-size:1.2em
}

#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, .categorie {
		border:1px solid #DDD;
}

.a-la-une h2, .e-commerce h2, .exclusif h2, .infos h2, .outils h2, .divers h2, .secrets h2, .categorie 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;
}
.categorie h2 {
		background-color: #BB3632;
}
.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;
}

#page #pied {
		background:url(/images/structure/fond-pieddepage.gif) repeat-x top left white;
		color:#999;
		font-size:1em;
		padding:0px;
}

#page #pied a {
		text-decoration:none;
		color:#0098AF;
}

#page #pied ol {
		border-top:1px solid #ccc;
		border-bottom:1px solid #CCC;
		padding:10px;
		margin:10px;
}
#page #pied ul {
		padding:0px;
		margin:0px;
}
#page #pied li {padding:0px;
	display:inline;
		margin:0 5px;}
		#page #pied ul li {padding:0px;
	display:inline;
		margin:0 2px;}

#pied p {
		padding:10px;
		margin: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;
}

#content-main h3, #content-main2 h3, #content-main3 h3  {
		background: url(/images/structure/fond-soustitre.png) no-repeat 5px 5px #9DC22A;
		color:white;
		padding:3px 12px 2px 30px;
		margin-bottom:0.5em;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		-webkit-border-top-left-radius: 7px; /* pour Chrome */
		-webkit-border-top-right-radius: 7px; /* pour Chrome */
		display:inline-block;
}

.liste_liens-texte {
		margin:-5px 0 0 0;
		padding:0;
}

.liste_liens-texte li {
		margin:0;
		padding:0;
		list-style:none;
}

.liste_liens-texte a {
		display:block;
		margin:0;
		border-bottom:1px solid #CCC;
		padding:5px 20px;
		text-decoration:none;
		color:#666666;
		font-size:1.2em
}

.liste_liens-texte a:hover {
		background-color:#DDEEFF;
		color:#333;
		background:url(/images/structure/menu-lateral/fleche-gauche.png) no-repeat 0px 3px;
}

.bt_nav_inpage {
		text-decoration:none;
		color:white;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		background:url(/images/structure/arriere_plan_bt_cat.png) repeat-x 0 0 #0098AF;
		display:block;
		padding:6px 10px;
}

.bt_nav_inpage:hover {
		color:white;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		background:#BB3632;
}

#autres_resultats {
		padding:1em;
		background-color:#CCEFFF;
		color:#0098AF;
		margin:1px;
}

#autres_resultats .bt_nav_inpage {
		margin:-5px 0 0 0;
}

.new {
		color:#BB3632;
		padding-right:32px;
		background:url(/images/actualite/icone-new.png) no-repeat right 2px;
}
#list_index{ margin:10px 0; padding:5px; border:1px solid #EEE; height:366px }

#list_index li{ width:88px; float:left; padding:3px; margin:0; list-style:none;font-weight:bold;  }
#list_index a{ text-decoration:none; color:#0098AF; font-size:0.8em;}
#list_index a:hover{ text-decoration:none; color:#BB3632}
#list_index ul{padding:0; margin:8px 0; list-style:none;  }
#list_index ul li{ float:none; padding:0; margin:0 0 6px 0; list-style:none; border:none; font-weight:normal;}

/**************************/
/* A TRIER    */
/**************************/


#content #affiner .marques a {
		color:#BB3632;
}

#content #affiner .marques h3 {
		background-color:#FFC6C2;
}

#content #affiner .marques a {
		color:#BB3632;
}

#content #affiner .marques h3 {
		background-color:#FFC6C2;
}

#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 .materiel a {
		color:#7470AD
}

#content #affiner .materiel h3 {
		background-color:#D4D0FD
}

#content #affiner {
		padding:0;
		background-color:white;
}

#content #affiner ul {
		padding:0px;
		margin:0;
		font-size:1em;
}

#content #affiner li {
		border:1px solid #DDD;
		margin:0 0 10px 0;
		padding:1px;
		list-style:none;
}

#content #affiner li li {
		border:none;
		border-bottom:1px solid #EEE;
		padding:0.2em 0.1em;
		list-style:none;
		margin:0;
}

#content #affiner ul h3 {
		margin:1px;
		padding:0.2em;
		font-size:1.2em
}

#content #affiner li li a {
		font-size:1em;
		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 p a {
		display:block;
		margin:0;
		padding:3px;
}

#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;
}

strong.lettrine {
		float: left;
		margin:0 10px 5px 0;
		font-size:2em;
		border:1px solid #999;
		color:#666;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		padding:0.1em 0.3em;
		background:#EEE;
}

/*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;
}

.actions  { margin:0 1em;}