/* feuille de style 421-Online mars 2010*/
/* rev. 03/08/2011 */



header, footer, aside, nav, article, section {  
	display: block;  
}  


@font-face {
	font-family: NGARL;
	src: url('fonts/NGARL___.ttf')  format(TrueType);
	}


body{
	margin: 0 auto;
	width: 988px;
	font: 80%  Verdana, Tahoma, Geneva, Kalimati, sans-serif;
	background: #fff url(patterns/patteeeern.gif) repeat fixed ;
	background-color: #030;
	color:#333;
}


#container{
min-width:780px; width:988px;
margin:0 auto;
padding:0 0;
	text-align: justify;
border-left:1px solid #eef;
border-right:1px solid #eef;
	background-color:LemonChiffon;
}



header{
display: block;
width:99%;
clear: both;
position:relative;
width:99%;
height:112px;
/*background:#f0f0f0 url(gfx/bgtop.png) repeat-x;*/
background:yellowgreen;
margin:0;
padding:0;
margin-bottom:0;
padding-bottom:8px;
}

article{
	clear:right;
	float: left;
	width:764px;
	margin: 4px 2px;
}

article header {
	background: #a44;
	height: auto;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}

article header hgroup{	padding: 4px;}
article header h1	{	clear: both;}
article header h2	{	color: White;}

article header a{
	display: block;
	color: White;
	float: right;
	font-size: small;
	margin: 8px;
	}


#sitetitle{
position: relative;
float:left;
margin: 10px 0 0 10px;
padding:0;
color: #333;
}

#sitetitle a,#sitetitle img {
color:#456;
font-weight:normal;
border: none;
}

#sitetitle a:hover{
color:#269;
}


#add_favs{
position:absolute;
float:left;
top:0px;
left:-8px;
margin: 0;
padding:0;
border:none;
height:24px;
}


#login{
position: absolute;
top:0;
left:248px;
float:left;
width:272px;
margin:0;
padding:0;
vertical-align: middle;
/*border: 1px solid grey;*/
border-collapse:collapse;
}

#login:hover{
/*background:greenyellow;*/
}

#login h3{
background:chocolate;
color: white;
text-align: center;
}

#login dl
{
margin: 0;
padding: 2px 4px;
}

#login dt
{
float: left;
width: 96px;
margin: 0;
padding: 2px 4px;
}

/* hack de commentaire avec un antislash pour ie5 mac \
dt { clear: both; }
/* end hack */

#login dd
{
float: left;
margin: 0 0 0 0;
}


#login input[type=text], #login input[type=password]{ 
width: 128px; 
background-color: beige;
}

#login input[type=submit]{
float:right;
}

#login a{
margin-right: 8px;
}





#menu{
position: absolute;
top:0;
right:0;
float:right;
margin:0;
padding:12px 4px 0 36px;
height:50px;
width:auto;
vertical-align: middle;
/*background: url(gfx/menutop.png) no-repeat;
*/}

#menu a{
font-size:1.2em;
font-weight:bold;
margin: -10px 4px 0 0;
text-decoration:none;
letter-spacing:-1px;
white-space:nowrap;
}

#menu a:hover{
color:#269;
}

#menu a img{
padding-top:8px;
}

#backlink{
position: absolute;
float: right;
right:0;
bottom:0;
margin: 0;
/*padding-top:8px;*/
border:none;
height:32px;
}


#navbar{
/*position: absolute;
float:right;
right:0;
bottom:0;
	width:240px;
	height:36px;
vertical-align:middle;
/*border:1px solid black;*/
}

#fast_search{
	position: absolute;
	float:right;
	right:32px;
	bottom:0;
	margin: 4px 4px;
	padding:0;
	text-align: center;
}

#fast_search_input{
	width:160px;
	float:left;
}

#fast_search .loupe {
	margin:0;
	padding: 0;
	margin-left:-12px;
}


a{
	text-decoration:underline;
	color:#40f;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}


table{
width: 96%;
}

h1{
	font-size: 1.6em ;
	color:#222;
	margin:4px 4px;
	padding:0;
}

.entry h1{
	color:#444;
}

h1 a{
	color:#408;
	text_decoration:underline;
}

h1 a:hover{
	font-weight:bold;
}

h2{
font-size:1.6em;
margin:0 0 0 50px;
color:#888;
}

h3{
color: #444;
font-size:1.1em;
margin: 0 4px 0 4px;
padding:0;
}

h5{/*reference article minifiche*/
color:#fff;
margin:0;
padding:4px 0;
}

h6{
font-size:1em;
font-weight:normal;
margin: 0px 0 0 16px;
}

form{
	margin:0 auto;
	padding:0;
	text-align: center;
}



p{
margin:1em;
}


#nav_menu{
	position: relative;
	width:210px;
	float:left;
	margin:0;
	padding:0 4px;
	text-align: left;
}

.nav_menu_block{
	position: relative;
	margin: 4px 0;
	padding:0 0 0.5em 0;
	color:#000;
	background:#c64;
	border:1px solid #dbd;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.nav_menu_block:hover{
	background:#d75;
	border:1px solid #dbf;
}



h4{
	font-size:1.4em;
	font-weight:bold;
	color:#044;
	border-bottom:1px solid #8d8;
	margin:0 4px;
}

.nav_menu_block a{
	text-decoration:none;
	color: Black;

}

.nav_menu_block a:hover{
	color:#fff;
/*	background:url(gfx/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
	background-color:#88f;
}

.nav_menu_block div {
position:relative;
}

.nav_menu_block div ul {
 	list-style-type:none;
	display:none;
	margin:0;
	padding:0;
position: relative;
width:204px;

}
.nav_menu_block div:hover ul {
	display:block;
	z-index:2;
	border:1px solid green;
}

.nav_menu_block div ul li{
 	list-style:outside none;
	display:none;
	margin:0;
	padding:0 0 0 -2em;

}

.nav_menu_block div:hover ul li{
	display:block;
background:#ffc;
}

.nv_selected{
background:#ffa;
}


.nav_menu_block h4 a{
	color:#008;
	font-size:10px;
	float:right;
}


#nav_menu h2{
margin:15px 0 4px 0;
font-size:1.6em;
color: #f90;
}

#nav_menu h2{
display: block;
width:98%;
}

#page{
position:relative;
float:right;
width:766px;
margin: 0 4px 0 0;
padding:8px 0 4px 0;
}


footer{
position:relative;
clear:both;
padding:10px 0 12px 24px;
text-align:center;
color:#888;
background:#4f2;
}

footer a{
color:#808;
font-weight:normal;
}

#footer span{
color:#fff;
font-size:1.2em;
letter-spacing:-1px;
}

footer .blacklist {
color:#4f2;
}


section{
position:relative;
margin-top:0;
margin-left:0;
margin-bottom:8px;
margin-right:0;
padding:0.5em;
	border:1px solid #dbd;
/*background:#fff url(gfx/entrybg.png) repeat-x;*/
background:#fff;
color:#333;
text-align: justify;
overflow-x: auto;
overflow-y: hidden;
}

section header a{
color:Navy;
float:left;
clear:both;
}



.entry{
position:relative;
margin:0 0 8px 0;
padding:0.5em;
padding-left: 0;
	border:1px solid #dbd;
/*background:#fff url(gfx/entrybg.png) repeat-x;*/
background:#fff;
color:#333;
text-align: justify;
overflow-x: auto;
overflow-y: hidden;
}

.entry a:hover, .intro a:hover{
text-decoration:none;
/*padding-bottom:2px;
background:url(gfx/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

.entryphoto{
margin:5px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}

.fleche_goto{
float: left; height: 1.4em;margin-right: 8px;
}

section a:hover, .intro a:hover{
text-decoration:none;
/*padding-bottom:2px;
background:url(gfx/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

.entryphoto{
margin:5px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}



.link{
color:#408;
background:url(gfx/linkarrow.gif) left no-repeat;
display:block;
margin:0px 0 0 0;
padding:2px 1em;
text-align: left;
}

.link:hover{
color:#24a;
background:url(gfx/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
text-decoration:underline;

}

.thumbs{
text-align: left;
}


.thumbs img{
position:relative;
padding:3px;
margin:0 auto;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}

.thumbs img:hover{
/*background: url(gfx/flash.gif); /* Delete this line to remove the blinkingblue frame around the thumbnails */
}


.meta{
clear:both;
border-top: 2px solid #ccc;
padding: 5px 1px 0 0;
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
color: #567;
}

.pagenav{
color: #888;
text-align:center;
}

.entry img{
/*position:relative;*/
}


.subcontainer {
width:98%;
}

.rightsub{
float:left;
width:45%;
}

.rightsub2{
margin-left:50%;
}

.date{
float:left;
font-weight:bold;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

.clear{
clear:both;
}

.hide{
display:none;
}


.entry a img{
text-decoration:none;
border: none;
/*padding-bottom:2px;*/
}

section a img{
text-decoration:none;
border: none;
/*padding-bottom:2px;*/
}



.barre {
text-decoration: line-through;
color: #666;
}


.a_la_une {
margin:0;
padding:0;
width:164px;
text-align:center;
}




/*** Microfiche ***/



.mf {
	position: relative;
	width: 178px;
	height: 220px;
	float: left;
display: inline;
	margin: 4px 2px;
	padding: 0;
	color: black;
	border: 1px solid #888;
	text-align: center;
	background: #fff;
}

.mf:hover{
	border: 1px solid #88e;
}

.mf h3{
color: #206;
font-size:1.1em;
font-weight: bold;
margin: 0 2px;
padding:0;
	background: url("gfx/blanc_transparent.png") repeat;
z-index:1;
position: relative;
}

.mf:hover h3, .mf:hover .prix{
	color: #66e;
}


.mf_reference{
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
	background-color: #080;
}

.mf_reference_en_stock{
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
	background-color: #0b0;
}

.c_en_stock{
box-shadow: 2px 2px 8px #2f2;
-moz-box-shadow: 2px 2px 8px #2f2;
-webkit-box-shadow: 2px 2px 8px #2f2;
}

.c_dispo{
box-shadow: 2px 2px 8px #dd2;
-moz-box-shadow: 2px 2px 8px #dd2;
-webkit-box-shadow: 2px 2px 8px #dd2;
}


.mf_reference_rupture{
	font-size: 0.9em;
	font-weight: normal;
	color: #444;
	background-color: #ccc;
}




.mf form{
	position: absolute;
	top:0px;
	right:0px;
	margin:0;
	padding:0;
}


.cadre_img {
	position: relative;
	top: 4px;
	margin:0;
	padding:0;
	width: 162px;
	height: 162px;
}

.mf img{
	border: none;
	margin-bottom:4px;
}


.mf p{
	position: relative;
	bottom:-2em;
	color: #228;
	text-align: center;
	background: url("gfx/blanc_transparent.png") repeat;
}

dfn{
	display:inline;
	font-weight:normal;
	width:99%;
	padding: 2px 0.5em;
}

.prix{
	background: url("gfx/blanc_transparent.png") repeat;
	position: absolute;
	bottom:4px;
	left:0;
	width: 98%;
	text-align: center;
	font-weight: normal;
/*	border:1px solid #f00;*/
}



.incpt{
	float: right;
	line-height: 1em;
	display: block;
}
.incpt input{
	width: 140px;
	}



.rouge{	color: #f00;	}


.basket_button{
	background: transparent url('gfx/button_in_cart.gif') no-repeat top right;
	border:none;
	color:#fff;
}




#notes{
float: right;
width:10em;
font-size: .8em;
}

#notes dl.border-around
{
margin: 0 0px 0 10px;
padding: 0;
}

#notes .border-around dt
{
background-color: #123;
color: #fec;
/*padding: .5em .5em;*/
font-weight: bold;
text-align: center;
/*text-transform: uppercase;*/
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-top: 1px solid #131210;
}

#notes .border-around dd
{
margin: 0 0 1px 0;
background: #ddd;
text-align: center;
/*padding: 1em .5em;*/
font-style: italic;
border-left: 1px solid #131210;
border-right: 1px solid #131210;
border-bottom: 1px solid #131210;
min-height: 1.5em;
}
.note{
width: 64px;
height: 6px;
}

no_margin{
margin:0;
padding:0;
}

ul, li, ul li{
list-style: inside circle;
}

.mnu_categorie {
display:block;
width: auto;
padding-left: 16px;
font-weight:normal;
color: #606;
}


.tdprix {text-align:right;}


.g_filles{
background:#fca;
}