@charset "UTF-8";
/* CSS Document */

@import url(modules.css);

/*********************************************** Content ***************************************************/
body { text-align: center; }

h1,h2,h3,h4,h5,h6 { clear: none; }

img { vertical-align: text-top; }

#primary { width: 185px; margin-top: 38px; font-size: inherit; }
#content { width: 412px; margin-left: 192px; padding-top: 5px; }
#content.magasin, #content.addto_specialrequest, #content.newsletter, #content.unsubscribe, #content.fullwidth { width: 593px; margin-left: 10px !important; }

#secondary { width: 185px; margin-left: -185px; font-size: inherit; line-height: inherit; }

#searchform input {
	font-size:10px;
	line-height:16px;
	height:16px;
	padding:0px 10px 0px 20px !important;
	background:#fff url(/wp-content/themes/avril/images/bg_search_form.gif) no-repeat top left !important;
	width:196px;
	border:none !important;
	position:absolute;
	top:2px;
	left:2px;
}

#searchform input#searchsubmit {
	color:#fff;
	background-color:#969696 !important;
	background-image:none !important;
	width:34px;
	padding:0 !important;
	line-height:16px;
	height:16px;
	text-align:center;
	position:absolute;
	top:2px;
	left:230px;
}

.trail{
	position: relative;
	display: block;
	font-size: 95%;
	font-weight: bold;
	margin: 0 193px 5px 1px; padding: 8px 10px 1px 10px;
	border-bottom: 1px solid #DFDFDF;
}

.trail A{ color: #808080; text-decoration: none; }
.trail A:hover{ text-decoration: underline; }
.trail A.actif{ font-size: 135%; color: #A5C706; }
.trail A.actif:hover{ color: #A5C706; text-decoration: none;  }

.trail H1{
	display: inline;
	font-size: 100%; font-weight: bold; margin: 0; padding: 0;
	background: none; border: none;
}

#content DIV.content DIV.texte{
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	margin: 0 0 5px 0; padding: 10px;
}

#content DIV.content DIV.texte H2{
	color: #A5C706;
	font-size: 130%;
	text-transform: none;
	background-color: transparent;
	border: none;
	margin: 20px 0 10px 0; padding: 0;
}

#content DIV.content DIV.texte H3{
	margin-top: 15px;
}

#content DIV.content DIV.texte P{
	font-size: 110%;
}

#content DIV.content DIV.texte BUTTON .left, #content DIV.content DIV.texte BUTTON .left{ background-color: #FFFFFF; }

DIV.jsunabled{
	color: #A42424;
	background-color: #FFF3F3;
	border: 1px solid #A42424;
	font-size: 110%;
	margin: 0 0 5px 0; padding: 5px;
}

DIV{
	text-align: left;
}

P{
	margin: 0 0 10px 0;
	padding: 0;
}

A:link, A:visited { color: #8AA605; }
A:active, A:hover { color: #000000; }

TABLE{
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 12px;
	border-collapse: inherit;
	border: none;
}

THEAD{
	background-color: #808080;
}

TBODY{
	background-color: #FFFFFF;
}

TR{
    border-bottom: none;
}

TH{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	margin: 0; padding: 3px !important;
}

THEAD TH{
	color: #FFFFFF;
	border-bottom: 5px solid #F0F0F0;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #808080;
}

TH .empty, TD .empty{ visibility: hidden; }

TD{
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px !important;
	border-bottom: 1px solid #C3C3C3;
}

TR.first TD{ border-top: 1px solid #C3C3C3; }
TD.first{ border-left: 1px solid #C3C3C3; }
TD.last{ border-right: 1px solid #C3C3C3; }

IMG{
	border: none;
}

CITE{
	display: block;
	font-size: 110%;
	margin: 0 0 10px 0; padding: 0;
}

.left{
	float: left;
	margin: 0 5px 5px 0;
}

.right{
	float: right;
	margin: 0 0 5px 5px;
}

H1, H2{
	position: relative;
	color: #FFFFFF;
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 0 3px 0; padding: 2px 8px;
	background-color: #808080;
	border: 1px solid #C3C3C3;
}

H3{
	color: #000000;
	font-size: 120%;
	margin: 0 0 5px 0; padding: 0;
}

H3 .soustitre{
	display: block;
	font-weight: normal;
}

H4{
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 2px 0; padding: 0;
}

H5{
	font-size: 100%;
	font-weight: bold;
	margin: 0; padding: 0;
}

H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }

CITE{
	font-style: italic;
}

UL{
	list-style-type: disc; text-align: left;
	margin: 0 0 15px 40px; padding: 0;
}

LI{
	margin: 0 0 2px 0; padding: 0;
}

UL UL{
	list-style-type: circle;
}

.border{
	border: 1px solid #333333;
	margin: 2px;
}

.notes{
	font-size: 90%;
}

.date{
	font-weight: bold;
}

#erreur, .erreur{
	color: #A42424;
	background-color: #FFF3F3;
	border: 1px solid #A42424;
	font-size: 120%;
	margin: 0 0 5px 0; padding: 5px;
}

.adresse { margin-bottom: 15px; }
.adresse .ville, .adresse .province { display: inline; }
.adresse .ville { padding-right: 3px; }
.adresse .part2 { margin-top: 5px; }

.clear{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.nowrap{
	white-space: nowrap;
}

DIV.nav{
	padding-top: 15px;
	margin: 0 0 15px 0;
}

DIV.nav A, A.next{
	padding: 0 4px 0 5px;
}

DIV.nav A SPAN, A.next SPAN{
	padding-right: 13px;
	background: url(../images/fleche_next.gif) no-repeat right 50%;
}

DIV.nav A.back SPAN{
	padding-left: 13px;
	padding-right: 0;
	background: url(../images/fleche_back.gif) no-repeat left 50%;
}

FORM{
	margin: 0; padding: 0 0 25px 0;
}

FORM A.erreur, FORM A.erreur:hover{
	font-size: 100%;
	margin: 0 0 3px 0; padding: 0;
	display: none;
	text-decoration: none;
	color: #A42424 !important;
	border: none;
	background-color: transparent;
}

FORM .mandatory{
	font-size: 110%;
	color: #A42424;
}

FORM P.notes{
	margin-bottom: 5px;
}

FORM TABLE.form{
	border: 1px solid #C3C3C3;
}

FORM TABLE.form CAPTION{
	text-align: left;
}

FORM TABLE.form CAPTION H3{
	margin-top: 0; padding-top: 10px;
}

FORM TABLE.form TH{
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 10px !important;
}

FORM TABLE.form .th{
	color: #808080;
	font-weight: bold;
	margin: 0 0 5px 0;
}

FORM TABLE.form TH .mandatory{
	margin-left: -7px; margin-right: 1px;
}

FORM TABLE.form TD{
	padding: 5px 2px 3px 10px;
	border: none;
	color: #000000;
}

FORM TABLE.form TD .champ{ margin-top: -3px; }

FORM TABLE.form TD .champ .champ{ margin-top: 3px; margin-left: 13px; }

INPUT, SELECT, TEXTAREA{
	margin: 0 0 2px 0; padding: 0;
	background-color: #F7FBE6;
	border: 1px solid #999999;
	border-bottom-color: #D4D4D4;
	border-right-color: #D4D4D4;
}

INPUT, TEXTAREA{
	padding: 2px !important;
}

INPUT[disabled], INPUT.disabled, SELECT[disabled], SELECT.disabled, TEXTAREA[disabled], TEXTAREA.disabled{
	background-color: #F0F0F0;
}

INPUT.radio, INPUT.checkbox{
	border: none;
	background-color: transparent;
	margin-top: 5px;
	margin-right: 3px;
}

LABEL.radio A, LABEL.checkbox A, LABEL.radio A:hover, LABEL.checkbox A:hover { margin-top: 5px; margin-left: 2px; color: #000000; text-decoration: none; cursor: default; }

FORM TABLE.form INPUT, FORM TABLE.form SELECT, FORM TABLE.form TEXTAREA{
	width: 95%;
	margin: 0;
	*margin-bottom: 3px;
}

BUTTON, A.button{
	position: relative;
	float: right;
	cursor: pointer;
	color: #FFFFFF !important;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	margin: 0; padding: 0;
	border: none;
	white-space: nowrap;
	text-decoration: none;
}

BUTTON .left, A.button .left, BUTTON .right, A.button .right{ position: absolute; top: 0; width: 4px; height: 17px; margin: 0; }
BUTTON .left, A.button .left{ left: -2px; background: #FFFFFF url(../images/bt_action-left.gif) no-repeat 0 0; }
BUTTON .right, A.button .right{ right: 3px; background: #FFFFFF url(../images/bt_action-right.gif) no-repeat 0 0; }
BUTTON .text, A.button .text{ display: block; height: 15px; padding: 2px 7px 0 7px; background: url(../images/bt_action-bg.gif) repeat-x 0 0; }

BUTTON:hover, BUTTON:hover .text, BUTTON:hover .left, BUTTON:hover .right, BUTTON.hover, BUTTON.hover .text, BUTTON.hover .left, BUTTON.hover .right, A.button:hover .text, A.button:hover .left, A.button:hover .right{ background-position: 0 -17px; }

BUTTON.next{ float: right; height: 24px; margin-bottom: 25px; background-image: url(../images/bt_next-bg.gif); }
BUTTON.next .left{ width: 30px; height: 32px; top: -2px; left: -4px; background-color: #F0F0F0; background-image: url(../images/bt_next-left.gif); }
BUTTON.next .right{ width: 5px; height: 24px; top: -2px; right: -1px; background-color: #F0F0F0; background-image: url(../images/bt_next-right.gif); }
BUTTON.next .text{ float: left; height: 19px; margin-top: -2px; padding: 5px 10px 0 30px; background-image: url(../images/bt_next-bg.gif); }

BUTTON.next:hover, BUTTON.next_hover, BUTTON.next:hover .text, BUTTON.next_hover  .text, BUTTON.next:hover .right, BUTTON.next_hover .right{ background-position: 0 -24px; }
BUTTON.next:hover .left, BUTTON.next_hover .left{ background-position: 0 -32px; }

BUTTON.back{ float: left; margin: 3px 0 25px 0; width: 200px; }
BUTTON.back .left{ background-color: #F0F0F0; background-image: url(../images/bt_info-left.gif); }
BUTTON.back .right{ background-color: #F0F0F0; right: 2px; background-image: url(../images/bt_info-right.gif); }

BUTTON.back .text{ background-image: url(../images/bt_info-bg.gif); }

BUTTON.back .icon{
	position: absolute; top: 1px; left: 0;
	width: 14px; height: 14px;
	background: url(../images/icobt_back.gif) no-repeat 0 0;
}

BUTTON.back .text{
	padding-left: 20px;
}
/**********************************************************************************************************/

/******************************************** Colonne gauche **********************************************/
#menu-left{
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	margin: 0 0 3px 0;
}

#menu-left UL{
	list-style-type: none;
	font-weight: bold;
	margin: 0 0 10px 0; padding: 0;
}

#menu-left UL LI{
	
}

#menu-left UL LI A{ position: absolute; top: 0; left: 0; margin-left: -1px; color: #A5C706; background-color: #F0F0F0; border-left: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; text-decoration: none; }
* html #menu-left UL LI A{ top: 1px; margin-left: -2px; }
#menu-left UL LI.first A{ border-left: none; margin-left: 0; }
#menu-left UL LI A SPAN{ display: block; padding: 3px 5px; }
#menu-left UL LI.actif A{ color: #A5C706; background-color: #FFFFFF; border-bottom: none; }
#menu-left UL LI A:hover{ color: #A5C706; }

#menu-left UL LI A.parcategories{ left: 0; width: 53%; }
#menu-left UL LI A.parmarques{ left: 53%; width: 47%; }


#menu-left LI UL{
	position: relative; top: 20px;
	display: none;
	font-size: 100%;
	font-weight: normal;
	margin: 0; padding: 20px 0 20px 0;
}

#menu-left #menu_parmarques{ *margin-top: -12px; }

#menu-left LI LI{	
	position: relative;
	width: auto;
	margin: 0; padding: 0;
	border-bottom: 1px solid #E5E5E5;
}

#menu-left LI LI A { position: static; top: auto; left: auto; display: block; width: 100%; color: #848484; background: none; text-decoration: none; border: none; margin: 0; }
#menu-left LI LI A SPAN { display: block; padding: 2px 10px; }
#menu-left LI.actif LI A:hover { color: #FFFFFF; background-color: #A5C706; }
#menu-left LI.actif LI.actif A { color: #FFFFFF; background-color: #A5C706; }
#menu-left LI.actif LI.actif A:hover { color: #FFFFFF; background-color: #A5C706; }

#menu-left DIV.liste{
	position: relative;
	clear: both;
	margin: 0 0 25px 10px;
}

#menu-left BUTTON{
	width: 70%;
}
#menu-left BUTTON .right{ right: 4px; *right: -1px; }
/**********************************************************************************************************/

/******************************************** Colonne droite **********************************************/
#secondary DIV.content{
	text-align: center;
	padding-top: 5px;
}

#secondary DIV.imagecontextuelle{
	display: none;
	position: absolute; z-index: 10;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#secondary BUTTON.order { font-size: 90%; }
/**********************************************************************************************************/

/*********************************************** Popup ****************************************************/
BODY.popup{
	background-color: #F0F0F0;
	min-width: inherit;
}

#popup{
	width: auto;
}

#popup A.close{
	position: absolute; top: 2px; right: 5px;
	color: #FFFFFF; 
	text-decoration: none;
}
#popup A.close:hover{ text-decoration: underline; }

#popup DIV.content_photo DIV.photo{
	text-align: center;
	margin: 10px; padding: 10px 10px 0 10px;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}

#popup DIV.content DIV.infos{
	margin: 10px;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
}

#popup DIV.content DIV.choice{
	margin: 10px;
}

#popup DIV.content DIV.choice #frm_livraison DIV.champ{
	clear: both;
	border-bottom: 1px solid #C3C3C3;
	margin: 0 0 3px 0; padding: 0 0 3px 0;
	*margin-bottom: 0;
}

#popup DIV.content DIV.choice #frm_livraison INPUT{
	margin-right: 3px;
	*margin-right: 0;
	*margin-top: -3px;
}

#popup DIV.content DIV.choice #frm_livraison P{ margin: 0; padding: 0; }

#popup DIV.content DIV.choice #frm_livraison .cost{
	float: right;
	font-weight: bold;
	margin-right: 5px;
}

#popup DIV.content DIV.choice #frm_livraison DIV.action DIV.champ{
	border: none;
}
/**********************************************************************************************************/