@charset "UTF-8";
/* CSS Document */
/* REV-2009.06.27 JGBO */

/* reset */
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }*/

html { font-size: 100%; }
html,
body {
	margin :0;
	padding:0;
}
body {
	margin :0;
	padding:0;
	color:#444444;
	background:#003366 url(../images/bg.jpg) fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

a img { border:none; }

input { margin:0; padding:0;}

/*
@@ TITRES ----------------------------------------------*/
h1 { color:#039; }
h3 { color:#06C; }
/*
@@ LISTES ----------------------------------------------*/
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul { list-style: square;
list-style-position:inside;
 }
li {
	margin : 0;
	padding: 0;
}
/*@@ FLOTTANTS -------------------------------------------*/
.floatbox {
	overflow:hidden;
}
.float-left {
	overflow:hidden;
	float:left;
}
.float-right {
	overflow:hidden;
	float:right;
}
.width25 { width:24.9%; }
.width33 { width:33.3%; }
.width45 { width:44.9%; }
.width50 { width:49.9%; }
.width75 { width:74.9%; }
.width100 { width:100%; }
.clear { clear:both; }
/*
@@ TABLEAUX --------------------------------------------*/
/*table { border-collapse: collapse; }*/
/* default main-column table */
/*table { border-collapse: collapse; }*/
table.xtable {                                      /*####*/
	border-collapse:collapse;
	font-size:.857em;
	margin:10px 0;
	/*border:1px solid #DFDFDF;*/
}
table.xtable caption {
	margin: 0.5em 0 -0.5em 0;
	font-weight:bold;
}
table.xtable th {
	height:30px;
	padding-left :0px;
	padding-right:4px;
	color: #fff;
	background:#9C3;
	/*border-left:1px solid #DFDFDF;*/
	text-align:center;
	font-weight:bold;/*background: #ccc url(../images/bar.gif) repeat-x left center;
  background: #ccc url(../images/--old/004_menuList_bg.gif) repeat-x left center;*/
}
table.xtable tr {
	height: 30px;
	background:#FFF;
	/*border-bottom:1px solid #DFDFDF;*/
}
table.xtable tr.odd { background-color:#edf5ff; }
/*#maincolumntr.row-a { background: #F8F8F8; }
  #maincolumntr.row-b { background: #EFEFEF; }*/
table.xtable .tover tr:hover,
table.xtable .tover thead tr:hover { background-color:#FFFF99; }
table.xtable td {
	padding-left :2px;
	padding-right:2px;
	/*border-left:1px solid #DFDFDF;*/
}
/*
@@ TOPNAV ------------------------------------------------*/
/*
#topnav ul {
	margin :0;
	padding:24px 5px 14px 5px;
	list-style: none;
}
#topnav li { float:left; }
*/

/*
@@ NAVMENU -----------------------------------------------*/
#navmenu {
	height: 24px;
	margin : 0;
	padding: 0 0 0 10px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
	background: #eee;
	border-top : 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}
#navmenu li {
	float:left;
	margin:0;
}
#navmenu li a {
	display:block;
	padding:0 20px;
	line-height:24px;
	color:#666;
	text-decoration:none;
}
#navmenu li a:hover,
#navmenu li.active a {
	background-color: #f5f5f5;
	border-bottom: 2px solid #DDD;
	color: #999;
}
/*-- ??? -------------------------------------------------*/
/* Navigation en tête de liste produits*/

ul#hg_nav_catalogue {
	overflow:hidden;
	background-color:#F4F5F6;
	height:auto;
	margin :10px 0;
	padding:5px 10px;
	display:block;
	border-top :1px dotted #aab4be;
	border-bottom:1px dotted #aab4be;
	font-size:13px;
}
ul#hg_nav_catalogue li {
	float:left;
	margin:0 10px;
	list-style:disc;
}
#hg_nav_catalogue li a {
	display:block;
	text-decoration:none;
	color: #636363;
	background:#FFF;
	border-top :1px solid #EEE;
	border-bottom:3px solid #EEE;
}
#hg_nav_catalogue li a:hover,
#hg_nav_catalogue li.active a { border-bottom:3px solid #99CC33; }
/*
 *------------------------------------------*
 *               L A Y O U T                *
 *------------------------------------------*/

#wrapper {
	width :990px;
	margin:0 auto;
	background-color:#FFF;
}
#header {
	background-color:#F7F7F7;
	height:160px;
	background-image:url(../images/map_header.gif);
	background-repeat: no-repeat;
}
#search {
	float:right;
	width: 180px;
}
#mainwrap {
	width:100%;
	overflow:hidden;
	z-index:2;
}
#leftcolumn {
	float:left;
	width:190px;
	padding: 0 10px 0 10px;
}
#maincolumn {
	float:left;
	width:564px;
	padding:0 0 0 10px;
	font-size :1.4em;
	line-height:1.5em;
	z-index:2;
}
#rightcolumn {
	/*overflow:hidden;*/
	width : 176px;
	margin: 0 0 0 804px;
}
#footer {
	margin : 10px 10px 0 10px;
	padding: 10px;
	clear: both;
}
/*
@@ MOD MENU ----------------------------------------------*/
div#menu {
	background:url(../images/mod_menu_c.gif);
	width:190px;
	margin:0 0 10px 0;
}
div#menu div { background:url(../images/mod_menu_t.gif) 0 0 no-repeat; }
div#menu div div { background:url(../images/mod_menu_b.gif) 0 100% no-repeat; }
#menu ul {
	margin :0;
	padding:24px 5px 14px 5px;
	list-style:none;
}
#menu li a {
	height: 24px;
	voice-family: "\"}\""; /*hack??*/
	voice-family: inherit; /*hack??*/
	height: 19px;
	display : block;
	overflow: hidden;
	padding: 5px 0 0 0;
	color: #0033CC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	text-transform :uppercase;
	white-space: nowrap;
}
#menu li a:link,
#menu li a:visited { background:url(../images/mod_menu_btn.gif); }
#menu li a:hover { background:url(../images/mod_menu_btn.gif) 0 -24px; }
#menu li a:active { background:url(../images/mod_menu_btn.gif) 0 -48px; }
/*
@@ MOD CMS_PROD ------------------------------------------*/
div#mod_cms_prod {
	background:url(../images/mod_ardoise_c.gif);
	width: 190px;
	margin: 10px 0 0;
}
div#mod_cms_prod div { background:url(../images/mod_ardoise_t.gif) 0 0 no-repeat; }
div#mod_cms_prod div div {
	background:url(../images/mod_ardoise_b.gif) 0 100% no-repeat;
	padding:12px 0 48px;
}
div#mod_cms_prod div div div {
	background:none;
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
	color:#FFF;
	font-size:18px;
	font-family:'Comic Sans MS', fantasy;
	text-align:center;
	width:164px;
}
div#mod_cms_prod div div div a {
	color:#FFF;
	text-decoration:none;
}

/*
@@ MOD CMS_SERV & CMS_OFFR -------------------------------*/
div#mod_cms_serv,
div#mod_cms_offr {
	background:url(../images/mod_iron_c.gif);
	width:190px;
	margin:0 0 10px;
}
div#mod_cms_serv div { background:url(../images/mod_iron_service.gif) 0 0 no-repeat; }
div#mod_cms_offr div { background:url(../images/mod_iron_offre.gif) 0 0 no-repeat; }
div#mod_cms_serv div div,
div#mod_cms_offr div div {
	background:url(../images/mod_iron_b.gif) 0 100% no-repeat;
	padding:25px 0 13px;
}
div#mod_cms_serv div div div,
div#mod_cms_offr div div div {
	background-image:none;
	overflow:hidden;
	margin: 0 auto;
	padding:0;
	width:176px;
}
/* HOOLY HACK */
div#mod_cms_serv a,
div#mod_cms_offr a { display:inline-block; }
div#mod_cms_serv a,
div#mod_cms_offr a { display:block; }

/*
@@ MOD RIGHT ---------------------------------------------*/
div#mod_right {
	background:url(../images/mod_right_c.gif);
	width:176px;
	margin:0 0 16px 0;
}
div#mod_right div { background:url(../images/mod_right_t.gif) 0 0 no-repeat; }
div#mod_right div div { background:url(../images/mod_right_b.gif) 0 100% no-repeat; }
div#mod_right div div div {
	background:none; /*fix*/
	/*display : block;*/
	overflow: hidden;
	margin : 0;
	padding: 8px;
}
div#mod_right div div div div {
	margin:0;
	padding:0;
}
div#mod_right div h3 {
	padding:0;
	margin :0;
	color:#FFFFFF;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
	text-align:center;
	text-transform :uppercase;
	letter-spacing:1px;
}
/*
@@ FLASH SALES -------------------------------------------*/
#apDiv_Flashsales {
	position:absolute;
	width:564px;
	z-index:99999;
	overflow:auto;
	background-color: #E7E7E7;
	visibility: hidden;
}
#flashSalesContainer {
	width: 540px;
	margin: auto;
}
/*--------------------------------------------------------
 * BONUS TYPOGRAPHY STYLES
 *--------------------------------------------------------*/

pre,
.code {
	background-color:#F1FFE9;
	border-color:#D6FFB8;
	border-style:solid;
	border-width:1px 1px 1px 10px;
	color:#060;
	font-size:1em;
	margin :10px 0 10px 10px;
	padding: 5px 0 5px 10px;
	line-height:normal;
}
div.divider {
	display: block;
	clear: both;
	background:transparent url(../images/divider_bg.gif) repeat-x scroll center center;
	font-size:0;
	margin: 0;
	height: 10px;
}
/* Tips, Error, Message, Hightlight*/

.highlight {
	padding: 1px 5px;
	background:#CCFF66;
}
span.note,
span.info,
span.alert,
span.tip,
span.download { display: block; }
.note {
	margin: 5px 0px;
	padding: 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
.info,
.alert,
.download,
.tip {
	margin: 5px 0px;
	padding: 4px 10px 4px 35px;
}
.info {
	background: #f4f5f6 url(../images/box_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}
.alert {
	background: #fff5eb url(../images/box_alert.png) 3px 2px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}
.download {
	background: #f5faeb url(../images/box_download.png) 3px 5px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}
.tip {
	background: #fffdeb url(../images/box_tip.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}
/*Liens sociaux*/

#social_links {
position:fixed;
right:0;
top:45%;
width:50px;
z-index:10000;
opacity:5
}
/* ----- Brands Gallery ----- */

#brands_gallery {
	max-width: 504px;
	/*margin: auto;*/
	margin : 25px;
	padding: 0px;
}
.item_gallery {
	float: left;
	overflow:hidden;
	width : 100px;
	height: 115px;
	margin-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1em;
	text-align: center;
}
.item_gallery { background: url(../images/brand_out.gif) no-repeat; }
.item_gallery:hover { background: url(../images/brand_over.gif) no-repeat; }
.item_gallery a {
	color:#000099;
	text-decoration: none;
}
.item_gallery img {
	margin : 0;
	padding: 2px 8px 5px 8px;
	border: none;
}
/* ----- teeshirt Gallery ----- */
#teeshirt_gallery {
	max-width: 504px;
	height:180px;
	/*margin: auto;*/
	margin-left:25px;
	margin-bottom:0px;
	margin-right:25px;
	margin-top:10px;
	padding: 0px;
	
}
.pic_gallery {
	float: left;
	overflow:hidden;
	width : 71px;
	height: 95px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1em;
	text-align: center;
}
.pic_gallery { background: url(../images/tees_out.gif) no-repeat; }
.pic_gallery:hover { background: url(../images/tees_over.gif) no-repeat; }
.pic_gallery a {
	color:#000099;
	text-decoration: none;
}
.pic_gallery img {
	margin : 0;
	padding: 2px 6px 3px 6px;
	border: none;
}

/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

/* Grand-titre de page des contenus verrouillées et pages dynamiques
   Nb. Les contenus non-verrouillées embarquent une balise <h1>*/
#encart_grand_titre_panier,
#encart_grand_titre_panier_vide,
#encart_grand_titre_infos_securite { }
#grand_titre_panier,
#grand_titre_infos_securite {
	display:block;
	margin: 18px 0;
	color: #003399;
	font-size: 2em;
	font-weight:bold;
}
/*Hack: suppr. éléments <br> générés par pwb ::  IE7+ */
div#maincolumn > br:first-child,
span.texte_catalogue br:first-child,
span.texte_catalogue br:first-child + br,
div#encart_grand_titre_infos_securite + br,
div#encart_navigation_liste_produits + br,
p#texte_grand_titre_panier > br:first-child,
p#texte_grand_titre_panier > br:first-child + br {
	font-size:0;
	display:none;
}
/*Hack ex. liste_produits.cfm*/
.h1_pwb {
	font-size: 2em !important;
	/*display: block !important;
	margin: 18px 0 !important;
	font: Arial, Helvetica, sans-serif !important;*/
}

/** fiche_produit.cfm **/
#texte_description_fiche_produit { line-height:140%; }


/****/
#encart_code_dev_recherche_style { display:none; }
#encart_recherche_style table { float: left; }
input#champ_recherche_style {
	font-size:10px;
	width:140px;
	height:16px;
}
#bouton_texte_recherche_avancee_style { display : none; }
/*#bouton_texte_recherche_style { float: right; }*/
#habillage_bouton_texte_recherche_style {
	background-color:#0099FF;
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	width: 24px;
	height: 22px;
}
#bordure_image_produit_fiche_produit { width:350px; }

/*--- PWB GABARIT ---*/

#image_code_dev_login,
#image_code_dev_mailing { /*display:none;*/ }
#devise_total_panier { color:#FFFFFF; }
#texte_description_fiche_produit ul {
	margin:0;
	padding:0;
}
/* panier37.css *****************************************************************/

a#bouton_image_supprimer_panier {
	background:url(../images/delete.jpg);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	display:block;
}
/*-- Navigation pages  -----------------------------------*/

span#texte_lien_page_visite_liste_produits {
	float:left;
	display:block;
	width :12px;
	height:12px;
	line-height:12px;
	margin :1px;
	padding:2px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	background:#9C3;
	border:1px solid #EEE;
}
a#lien_chiffre_pages_liste_produits:link,
a#lien_chiffre_pages_liste_produits:visited,
a#lien_chiffre_pages_liste_produits:hover,
a#lien_chiffre_pages_liste_produits:active {
	float:left;
	display:block;
	width :12px;
	height:12px;
	line-height:12px;
	margin :1px;
	padding:2px;
	color: #636363;
	font-size:11px;
	text-decoration:none;
	background:#edf5ff;
	border:1px solid #EEE;
}
a#lien_chiffre_pages_liste_produits:hover {
	background:#06F;
	color:#FFF;
}

#encadrement_affichage_prix {
width:130px;
height:50px;
}

