* { margin: 0; padding: 0; border-style: none; }
body {
	behavior: url("../../css/screen/csshover.htc"); /* permet :hover sous ie6 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666; background-color: #FFFFFF;
	text-align: center;
}
#container {
	width: 1024px; text-align: left;
	margin: 0 auto;
}
#header {
	clear: both;
	overflow: hidden;
	height: 157px;
	background-image: url(../../images/global/header.jpg);
	background-repeat: no-repeat;
}
#header #header-logo {
	padding: 30px 0px 0px 30px;
	float: left;
}
#header #header-logo a {
	display: block;
	padding: 20px ! important;
}
#header #header-title {
	padding: 60px 0px 0px 0px;
	float: right; }
#header #header-title h1 {
	font-size: 1.25em;
	color: #015597;
	font-weight: bold; }
#header #header-title h1 a {
	display: block; padding: 20px;
}
div { font-size: 1.0em; }
a { text-decoration: none; color: #003366; }
a:hover { text-decoration: underline; }
.emph { font-weight: bold; }
.hidden { display: none; }
.barre { text-decoration: line-through;font-family:Arial, Helvetica, sans-serif; }
div.center { clear: both; text-align: center; }
li { list-style-type: none; }
.blue { color: #0066CC; }
.blue2 { color: #007DC4; }
.red { color: #CC0000; }

/* =========== MENUS =========== */

#menus {
	clear: both;
	position: relative;
	text-align: center;
	background: url(../../images/menus/menu0-background.gif) top left repeat-x;
}
#menus ul {
	list-style-type: none;
	text-align: center;
}
#menus li {
	float: left;
	margin: 0 0 0 1px;
	line-height: 24px; }
#menus ul#niveauzero				{ width: 1024px; }
#menus li div.mnu-tab				{ height: 25px; }
#menus li div.first					{ margin-left: 109px; }
#menus li div#menu-5				{ background: url(../../images/menus/onglet-jardin-d-oiseaux-off.png) left top no-repeat; width: 112px; }
#menus li.current div#menu-5		{ background: url(../../images/menus/onglet-jardin-d-oiseaux-on.png) left top no-repeat; }
#menus li div#menu-4				{ background: url(../../images/menus/onglet-ecoproduits-off.gif) left top no-repeat; width: 99px; }
#menus li.current div#menu-4		{ background: url(../../images/menus/onglet-ecoproduits-on.gif) left top no-repeat; }
#menus li div#menu-3				{ background: url(../../images/menus/onglet-papeterie-off.png) left top no-repeat; width: 79px; }
#menus li.current div#menu-3		{ background: url(../../images/menus/onglet-papeterie-on.png) left top no-repeat; }
#menus li div#menu-2				{ background: url(../../images/menus/onglet-edition-off.gif) left top no-repeat; width: 68px; }
#menus li.current div#menu-2		{ background: url(../../images/menus/onglet-edition-on.gif) left top no-repeat; }
#menus li div#menu-13				{ background: url(../../images/menus/onglet-multimedia-off.gif) left top no-repeat; width: 83px; }
#menus li.current div#menu-13		{ background: url(../../images/menus/onglet-multimedia-on.gif) left top no-repeat; }
#menus li div#menu-14				{ background: url(../../images/menus/onglet-jeunesse-off.gif) left top no-repeat; width: 70px; }
#menus li.current div#menu-14		{ background: url(../../images/menus/onglet-jeunesse-on.gif) left top no-repeat; }
#menus li div#menu-1				{ background: url(../../images/menus/onglet-optique-off.gif) left top no-repeat; width: 70px; }
#menus li.current div#menu-1		{ background: url(../../images/menus/onglet-optique-on.gif) left top no-repeat; }
#menus li div#menu-18				{ background: url(../../images/menus/onglet-rando-off.gif) left top no-repeat; width: 86px; }
#menus li.current div#menu-18		{ background: url(../../images/menus/onglet-rando-on.gif) left top no-repeat; }
#menus li div#menu-exclus			{ background: url(../../images/menus/onglet-exclus-off.gif) left top no-repeat; width: 131px; }
#menus li.current div#menu-exclus	{ background: url(../../images/menus/onglet-exclus-on.gif) left top no-repeat; }

#menus li div.mnu-tab a span { visibility: hidden; } /*Textes des liens invisibles (texte dans l'image de fond)*/
#menus li a {
	display: block;
	height: 24px;
	font-size: 0.9em;
}
#menus li a:hover {
	text-decoration: none ! important;
}
#menus li li a {
	background-image: url(../../images/menus/sousmenu-background-off.gif);
	background-position: left top;
	padding: 6px 5px; margin-right: 1px;
	color: #FFFFFF; display: inline;
}
#menus li li a:hover, #menus li li.current a {
	color: #00CCFF;
	background-image: url(../../images/menus/sousmenu-background-on.gif); }
#menus li li.current li a {
	color: #FFFFFF;
}
#menus li li.current li a:hover, #menus li li.current li.current a {
	color: #00CCFF;
}
#menus ul div.mnu-level-2 {
	position: absolute;
	left: 0;
	top: 25px;
	width: 1024px;
	background-color: #2E3D4C;
	display: none;
	text-align: center;
	padding: 0 auto;
	display: none;
}
#menus ul div.mnu-level-2 ul {
	display: block; margin: 0 auto;
	background-color: #2E3D4C;
	float: left;
	margin-left: 109px;
}
#menus ul div.mnu-level-2#mnu-level-2-5 ul {
	margin-left: 170px;
}
#menus ul div.mnu-level-2#mnu-level-2-4 ul {
	margin-left: 265px;
}
#menus ul div.mnu-level-2#mnu-level-2-3 ul {
	margin-left: 290px;
}
#menus ul div.mnu-level-2#mnu-level-2-2 ul {
	margin-left: 160px;
}
#menus ul div.mnu-level-2#mnu-level-2-13 ul {
	margin-left: 370px;
}
#menus ul div.mnu-level-2#mnu-level-2-1 ul {
	margin-left: 160px;
}
#menus ul div.mnu-level-2#mnu-level-2-18 ul {
	margin-left: 230px;
}
#menus ul div.mnu-level-2#mnu-level-2-14 ul {
	margin-left: 80px;
}
#menus ul div.mnu-level-2 ul ul {
	margin-left: 0 ! important;
}
/*#menus ul ul { /* Sous-menu (niveau 1) caché par défaut * /
	position: absolute;
	left: 0;
	top: 25px;
	width: 1024px;
	background-color: #2E3D4C;
	display: none;
	text-align: center;
	padding: 0 auto;
}*/
#menus ul li.current div.mnu-level-2 { /* Sous-menu de la catégorie sélectionnée visible */
	display: block;
}
#menus ul ul li {
	padding: 0;
	background-image: none;
	margin: 0 0 0 1px;
	position: relative;
	display: inline;
}
#menus ul ul li.first { margin-left: 33%; }
#menus ul li ul li div.menu-deroulant {
	display: none;
	position: absolute; z-index: 2000;
	top: 25px;
	margin: 0 -25px -25px -25px;
	padding: 0 5px 25px 25px;
}
#menus ul li ul li:hover div.menu-deroulant { /* Apparition au survol */
	display: block;
}
#menus ul li ul li div.menu-deroulant ul {
	display: block;
	position: static;
	width: 200px;
	position: relative;
	top: 0px;
}
#menus[id] ul li ul li div.menu-deroulant ul {
	width: auto; min-width: 200px;
}
#menus ul li ul li div.menu-deroulant li {
	float: none;
	display: block;
	height: auto;
	margin: 0; /* necessaire aux ie */
	text-align: left;
}
#menus ul li ul li div.menu-deroulant a {
	display: block;
	width: auto!important;
	height: auto;
	padding: 3px 5px;
	margin: 0;
	background-image: none;
}



/* =========== /MENUS =========== */



#body {
	clear: both; float: left;
	background-image: url(../../images/global/main-background.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	min-height: 600px; margin-top: 0;
}

#body #search {
	clear: both; float: left; width: 1024px;
	background-image: url(../../images/global/recherche-background.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 40px; }
#body #search #search-form { float: left; width: 512px; text-align: right; }
#body #search #search-form input { width: 150px; margin-top: 6px; font-size: 0.8em; background-color: transparent; border: none; }
#body #search #search-more { float: left; padding-left: 25px; font-size: 0.8em; line-height: 24px; }

/* Fil d'ariane */
#body #pathway { font-size: 0.8em; clear: both; padding-left: 15px; margin-bottom: 10px; }
#body #pathway, #body #pathway a { color: #003366; }

#body #content { clear: both; }

#body #content #col-left {
	float: left;
	width: 212px;
	padding-bottom: 20px;
}

#body #content #col-right {
	float: left;
	width: 212px;
}
ul#bannieres { list-style-type: none; }

div.module {
	clear: both; width: 212px; margin: 0px 0px 0px 0px; font-size: 0.8em;
	background-image: url(../../images/global/module-fond-top.png);
	background-position: left top;
	background-repeat: no-repeat;
}
div.module h2 { font-size: 1.1em; font-weight: bold; }
div.module h2, div.module h2 a { color: #007DC4; }
div.module div.module-top {
	clear: both;
	height: 10px; overflow: hidden;
}
div.module div.module-body {
	clear: both;
	/*background-image: url(../../images/global/module-fond-body.png);
	background-position: left top;
	background-repeat: repeat-y;*/
	padding: 0px 20px 0px 18px;
}
div.module-bottom {
	clear: both;
	height: 15px; overflow: hidden;
	background-image: url(../../images/global/module-fond-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/* Mini univers */
div#mini-univers {
	clear: both; margin-bottom: 8px;
}
div#mini-univers h2 {
	display: none;
}
div#mini-univers ul li {
	display: none;
	width: 212px; height: 150px;
	background-repeat: no-repeat;
}
div#mini-univers ul li a {
	display: block;
	width: 212px; height: 150px;
	overflow: hidden;
	text-indent: -1000px;
}
div#mini-univers ul li#mini-univers-1 {
	display: block;
}
div#mini-univers ul li#mini-univers-1 {
	background-image: url(/images/univers/mini/1.png);
}
div#mini-univers ul li#mini-univers-2 {
	background-image: url(/images/univers/mini/2.png);
}
div#mini-univers ul li#mini-univers-3 {
	background-image: url(/images/univers/mini/3.png);
}
div#mini-univers ul li#mini-univers-4 {
	background-image: url(/images/univers/mini/3.png);
}
div#mini-univers ul li#mini-univers-5 {
	background-image: url(/images/univers/mini/5.png);
}
div#mini-univers ul li#mini-univers-6 {
	background-image: url(/images/univers/mini/6.png);
}

/* Panier */
#panier {
	text-align: center;
}
#panier div.module-body {
	padding-bottom:10px;
}
#panier h2 {
	font-size: 1.6em; font-weight: bold;
	background-image: url(../../images/panier/nid-vide.png);
	background-repeat: no-repeat;
	height: 35px;
}
#panier h2.non-vide {
	background-image: url(../../images/panier/nid-plein.png);
}
#panier[id] h2 {
	height: auto; min-height: 35px;
}
#panier h2 a {
	display: block;
	color: #0066cc;
	padding: 5px 0; padding-left: 28px;
}
table#detail-panier {
	width: 100%; text-align: left; margin: 5px 0px 0px 0px;
}
table#detail-panier a { color: #666666; font-weight: bold; }
table#detail-panier thead { display: none; }
table#detail-panier tbody td { border-bottom: 1px dotted #666666; }
table#detail-panier td.prix { width: 45px; text-align: right; }
table#detail-panier td.suppr { width: 12px; text-align: right; border: none; }
table#detail-panier tfoot td { padding-top: 5px; font-size: 1.2em; font-weight: bold; color: #003366; border-bottom: 1px dotted #003366; }
table#detail-panier tfoot td.suppr { border: none; }
table#detail-panier tbody td.cart-empty {
	border-bottom-style: none;
	text-align: center;
}
/* /Panier */

div.module ul {	list-style-type: none; padding-top: 10px; }
div.module ul li {
	line-height: 2.0em;
	padding-left: 12px;
	background-image: url(../../images/global/fleche.png);
	background-position: left 7px;
	background-repeat: no-repeat; }
div.module ul.bleuclair li a { color: #0099cc; }
div.module ul li form { margin-left: -10px; }
div.separateur {
	clear: both; height: 1px; margin-top: 10px; margin-bottom: 10px;
	background-image: url(../../images/global/dots.png); background-position: center top; background-repeat: no-repeat; }
	
div.module form { width: 100%; margin-top: 10px; }
div.module form div { clear: both; text-align: center; }
div.module form div.valider { margin-top: 10px; }

div.module form div.text input {
	border: none;
	width: 164px; height: 19px;
	padding-left: 5px; padding-top: 2px;
	font-size: 0.95em; color: #003366;
	margin-top: 5px;
	background-color: transparent;
	background-image: url(../../images/global/inputtext-fond.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#body #content #main-content {
	float: left;
	width: 600px;
}

/* Pied de page */
#footer {
	clear: both; 
	border-top: 1px solid #99CCFF; 
	text-align: center; font-size: 0.8em;
	padding: 10px 0px 50px 20px; }
#footer ul { list-style-type: none; }
#footer ul li { display: inline; line-height: 2.0em; }
#footer ul li a { color: #999999; }

/*#content sub {
	font-size: 1.1em;
}
#content[id] sub {
	font-size: 0.95em;
}*/

/* Messages d'erreur */
#content .error {
	color: #cc0000; padding-bottom: 8px;
}
/* Messages de succès */
#content .error-success {
	padding: 8px; 
	margin: 8px;
	background-color:#E1EDE1;
	border:1px solid #A1CC9F;
	color:#067600;
}

/* Blocs de contenu */
.content-block {
	font-size: 0.85em; line-height: 1.8em;
	margin: 0 0 8px 0;
}
.content-block-top {
	width: 600px; height: 10px;
	background-image: url(../../images/global/fiche-produit-top.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}
.content-block-bottom {
	width: 600px; height: 15px;
	background-image: url(../../images/global/fiche-produit-bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}
.content-block-body {
	padding: 0px 15px 0px 15px;
	background-image: url(../../images/global/fiche-produit-background.png);
	background-position: left top;
	background-repeat: repeat-y;
	overflow: hidden; /*height: 631px;
}
.content-block-body[class] {
	height: auto; min-height: 631px;*/
}
.content-block h1, .content-block h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 5px; padding-bottom: 5px;
	border-bottom: 1px solid #99CCFF;
}
.content-block h1 {
	font-size: 1.65em;
}
.content-block h1, .content-block h1 a, .content-block h2, .content-block h2 a, .content-block strong, .content-block ul li a {
	color: #007dc4;
}
.content-block h2.error {
	color: #cc0000;
	border-bottom: 1px solid #cc0000;
}
.content-block h2 a {
	display: block;
}
.content-block h5 {
	font-size: 1em; font-style: italic;
}
.content-block p, .content-block fieldset, .content-block dl {
	margin-bottom: 0.6em;
}
.content-block legend, .content-block dl dt {
	font-weight: bold;
}
.content-block h3, .content-block h4 {
	font-size: 1em; margin-top: 0.5em;
}
.content-block fieldset div {
	clear: both;
}
.content-block ul {
	margin-left: 15px;
	list-style-type: disc;
	list-style-image: none;	
}
.content-block ul li {
	list-style-type: disc;
}
.content-block-body th, .content-block-body td {
	padding: 1px 8px;
}
/* Formulaires */
.content-block .btn {
	margin-top: 8px;
	color: white; background-color: #007DC6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 8px;
	cursor: pointer;
}
.content-block-body div {
	padding: 1px 0; clear: both;
}
.content-block-body p a, .content-block-body ul li a {
	color: #007dc4; text-decoration: underline;
}
.content-block label {
	float: left; width: 170px;
}
.content-block div.checkbox, .content-block div.checkboxes, .content-block div.buttons {
	padding-left: 170px; clear: none;
}
.content-block div.buttons {
	margin: 3px 0; padding-left: 0; text-align: right;
}
.content-block div.buttons input {
	padding: 3px;
}
.content-block form {
	display: inline;
}
.content-block label.inline {
	float: none; width: auto;
}
.content-block input.text, .content-block select {
	width: 225px;
}
.content-block input.ref {
	width: 125px;
}
.content-block input.text, .content-block input.zipcode, .content-block textarea.text, .content-block select, .content-block input.ref, .content-block textarea {
	color: #666666;
	border: 1px solid #4A4749;
	border-right-color: #BEC0C2;
	border-bottom-color: #BEC0C2;
}
.content-block textarea {
	width: 100%;
}
.content-block .mandatory {
	color: #cc0000;
}
.content-block table {
	width: 100%;
}
.content-block input.zipcode {
	width: 75px;
}
/* Page catalogue en ligne */
.lnk-catalogue-online {
	display:block;
	margin-bottom:10px;
}
/* Page panier */
#cart-buttons {
	text-align: right;
	padding-left: 0;
}
#cart-buttons input {
	margin-left: 3px;
}
#cart-buttons #btn-refresh {
	float: left; margin-left: 0;
}

/* Page d'erreur 404 */
#q-intra {
	width: 165px;
}

/* Quantité et référence */
#content input.qte {
	width: 45px; text-align: center;
}
input.ref {
	width: 130px;
}

#content .note {
	font-size: 0.9em;
	display: block;
	margin-left: 170px;
	border: 1px solid #ccc;
	color: black; background-color: #FFFFE7;
	padding: 0.5em;
	margin-top: 3px;
}

/* Newsletter (bandeau de gauche) */
div.newsletter, div.newsletter h2 a, div.newsletter strong {
	color: #0066cc; line-height: 18px;
}
div.newsletter strong {
	display: block;
}
div.newsletter h2, div.newsletter strong {
	font-size: 1.1em;
}
/* Catalogue (bandeau de gauche) */
div.module div.catalogue a {
	display: block; color: #0066cc;
	font-size: 1.2em; font-weight: bold;
	line-height: 18px;
	padding-left: 64px;
	background-image: url(/images/catalogue/spring-10.jpg);
	background-repeat: no-repeat;
	height: 80px;
}
div.module div.catalogue[class] a {
	height: auto; min-height: 80px;
}

/* vcards */
.vcard .tel .type {
	display: none;
}

/* Adresses (pour le choix de la livraison) */
#content address {
	padding: 5px; margin: 5px;
	font-style: normal;
}
#content address.default {
	padding: 20px; width: 240px; margin: 8px;
	background-color: #eeeeff; border: 1px solid #333366;
}
#content address.alternative {
	width: 225px; padding: 10px; margin: 5px;
	float: left;
	background-color: #fffee1; border: 1px solid #ffc900;
}
#content address input {
	margin-top: 5px;
}


/* Niveaux de stock */
.en-stock {
	color: #009900;
}
.rupture {
	color: #cc0000;
}
.stock-delay {
	color: #ea8432;
}


input.price {
	color: #666666;
	border: 1px solid #4A4749;
	border-right-color: #BEC0C2;
	border-bottom-color: #BEC0C2;
	width: 60px;
	text-align: center;
}

/* Catégories */
.content-block-body div.category {
	clear: none; float: left; width: 187px; margin-right: 3px; margin-bottom: 10px;
	/*border-top: 1px solid #99ccff; border-bottom: 1px solid #99ccff;*/
	padding: 0; height: 175px;
	background-image: url(../../images/catalogue/category-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 16px;
}
div.category[class] {
	height: auto; min-height: 175px;
}
.content-block div.category h3 {
	font-size: 1.4em;  
	background-image: url(../../images/catalogue/category-top.png);
	background-repeat: no-repeat;
	padding: 15px 15px 0 15px; margin-top: 0;
}
div.category h3 a {
	display: block; height: 58px; 
}
div.category[class] h3 a {
	height: auto; min-height: 58px;
}
div.category h3, div.category h3 a {
	color: #007DC4;
}
div.category img {
	margin-left: 12px;
}
/* Liste des villes */
div.module-city{
	position: absolute;
	margin-left: 170px;
	margin-bottom: 5px;
	clear: both; width: 225px; 
	font-size: 0.8em;
	background-image: url(../../images/global/main-background2.png);
	background-repeat: repeat-x;
	background-position: left top;
}
div.module-body-city{
	height:225px;
	overflow-y: auto;
	cursor: pointer;
	background-color:transparent;
	
}
div.module-body-city[class] {
	max-height:150px;
	height: auto;

}
img.module-city-upArraw{
	margin: 0; padding: 0;
	margin-left: 190px;
	height: 100%;
	display: block;
}
div.module-city ul {
	list-style-position: outside;
	margin-left: 0;
}
div.module-city li{
	list-style-type: none; 
	margin: 4px 0; padding: 1px 0;
	padding-left: 12px;
	background-image: none;
	font-size: 1.2em;
}
div.module-city li:hover{
	color: white; background-color: #5faeff;
}
dfn{
	border-bottom:1px dotted #5A5A5A;
	color:#5A5A5A;
	text-transform:none;
	cursor:help;
}