/* -------------------------------------------------------------- */
/* MISE EN PLACE DU MENU HAUT                                     */
/*--------------------------------------------------------------- */
h1{
	 width:98px;
	 height:118px;
	 background:url(../images/logo-principal.gif) no-repeat;
}
h1 a{
	display:block;
	 width:98px;
	 height:118px;
}
#bord-g-menu-header{
	background:url(../images/bord-g-menu-header.png) no-repeat;
	width:35px;
	height:28px;
	position:absolute;
	top:69px;
	left:229px;
	z-index:10000;
}
#bord-d-menu-header{
	background:#ccc url(../images/bord-d-menu-header.gif) no-repeat;
	width:14px;
	height:28px;
	position:absolute;
	top:69px;
	left:944px;
	z-index:10000;
}

.menu-header{
		position:absolute;
		top:0;
		left:187px;
}
.nav {
height:131px;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:774px; 
z-index:500;
}

.nav .table {
/*  display:table;*/
  width:450px;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
/*display:table-cell;*/ 
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
float:left; 

}
.nav .current a {
display:block; 
float:left; 
text-decoration:none; 
color:#fff;
}
.nav .select li#menu-header1{
		background:url(../images/btn-menu-header.jpg) no-repeat;
}
.nav .select li#menu-header1 a#btn1{
		width:104px;
		height:89px;
}
.nav .current li#menu-header1 a#btn1{
		width:104px;
		height:89px;
}
.nav .current li#menu-header1{
		background:url(../images/btn-menu-header.jpg) 0 -178px no-repeat;
}

a#btn1, a#btn2, a#btn3, a#btn4{
text-indent:-5000px;
}
.nav .select li#menu-header2{
		background:url(../images/btn-menu-header.jpg) -104px 0 no-repeat;
}
.nav .select li#menu-header2 a#btn2{
		width:105px;
		height:89px;
}
.nav .current li#menu-header2 a#btn2{
		width:105px;
		height:89px;
}
.nav .current li#menu-header2{
		background:url(../images/btn-menu-header.jpg) -104px -178px no-repeat;
}


.nav .select li#menu-header3{
		background:url(../images/btn-menu-header.jpg) -209px 0 no-repeat;
}
.nav .select li#menu-header3 a#btn3{
		width:140px;
		height:89px;
}
.nav .current li#menu-header3 a#btn3{
		width:140px;
		height:89px;
}
.nav .current li#menu-header3{
		background:url(../images/btn-menu-header.jpg) -209px -178px no-repeat;
}

.nav .select li#menu-header4{
		background:url(../images/btn-menu-header.jpg) -349px 0 no-repeat;
}
.nav .select li#menu-header4 a#btn4{
		width:75px;
		height:89px;
}
.nav .current li#menu-header4 a#btn4{
		width:75px;
		height:89px;
}
.nav .current li#menu-header4{
		background:url(../images/btn-menu-header.jpg) -349px -178px no-repeat;
}






.nav .current a b {
display:block; 
}

.nav .select a:hover, 
.nav .select li:hover a {
cursor:pointer; 
}
.nav .select a#btn1:hover, 
.nav .select li#menu-header1:hover a#btn1 {
background: url(../images/btn-menu-header.jpg) 0  -89px no-repeat;
cursor:pointer; 
}
.nav .select a#btn2:hover, 
.nav .select li#menu-header2:hover a#btn2 {
background: url(../images/btn-menu-header.jpg) -104px  -89px no-repeat;
cursor:pointer; 
}
.nav .select a#btn3:hover, 
.nav .select li#menu-header3:hover a#btn3 {
background: url(../images/btn-menu-header.jpg) -209px  -89px no-repeat;
cursor:pointer; 
}
.nav .select a#btn4:hover, 
.nav .select li#menu-header4:hover a#btn4 {
background: url(../images/btn-menu-header.jpg) -349px  -89px no-repeat;
cursor:pointer; 
}


.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
cursor:pointer;
height:89px;
text-indent:-5000px;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
padding:0; 
list-style:none;
font-family: arial;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#fff;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:680px; 
top:75px; 
height:21px;
background:url(../images/back-sous-menu.gif) repeat-x;
padding:0; 
z-index:100; 
left:77px; 
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
line-height:16px;/* a changer selon la typo utiliser */
margin:0;  
border:0; 
color:#fdb1b1;
}

.nav .current .sub li.sub_show a {
color:#fff; 
cursor:pointer; 
}
.nav .current .sub li.sub_show a:hover {
color:#fff; 
cursor:pointer; 
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#fff; 
}





#header-moncompte{
		background:url(../images/back-moncompte.gif) no-repeat;
		width:180px;
		height:69px;
		position:absolute;
		top:0;
		left:770px;
		z-index:10000;
}
#header-moncompte p.nbre-article{
	float:right;
	color:black;
	margin:5px 6px 0 0
}
#header-moncompte p.back-mine-compte,
#header-moncompte p.back-mine-compte2
{
	background:url(../images/btn-moncompte.gif) no-repeat;
	width:175px;
	height:20px;
	margin:3px 0 0 2px;	
	position:relative;	
}

#header-moncompte p.back-mine-compte2 {
    background:url(../images/btn-moncompte2.gif) no-repeat;
    line-height:20px;
    padding-left:6px;
}

a.btn-mine-compte-header{
	display:block;
	width:80px;
	height:20px;	
	position:absolute;
	top:0;
	text-indent:-5000px;
}
a#btn-compte-header{
		display:block;
		width:95px;
		height:6px;
		padding:4px 0 0 0px;
		position:absolute;
		left:80px;
		top:0;
		font-size:9px;
		text-decoration:underline;
}
a.btn-mine-compte-header:hover{
		background:url(../images/btn-moncompte.gif) 0 -20px no-repeat;
}
a#btn-compte-header:hover{
		color:red;
}
#header-moncompte h4{
		background:url(../images/titre-mon-panier.gif) no-repeat;
		width:57px;
		height:13px;
		text-indent:-5000px;
		margin:6px 0 0 8px;
}
#header-moncompte h4 a{
		display:block;
		width:57px;
		height:13px;
		text-indent:-5000px;
}
#header-moncompte h4 a:hover{
		background:url(../images/titre-mon-panier.gif) 0 -13px no-repeat;
}

#fil-ariane{
		position:relative;
		margin:0px 0 0 5px;
}
#fil-ariane h5{
		background:url(../images/titre-fil-ariane.gif) no-repeat;
		height:7px;
		width:82px;
		text-indent:-5000px;
		margin:3px 3px 0 0;
		float:left;
} 
#fil-ariane p{
		float:left;
}
.fleche-ariane{
		color:#ff0000;
}
.bold-ariane{
		font-weight:bold;
		text-transform:uppercase;
		font-size:8px;
}
    #banniere{
    height:132px;
    width:954px;
    }
 /* -------------------------------------------------------------- */
/* FIN DU MENU HAUT                                               */
/*--------------------------------------------------------------- */   

 
/* -------------------------------------------------------------- */
/* debut Du menu recherche                                        */
/*--------------------------------------------------------------- */ 

.from-princip{
		padding-top:4px;
}
.from-princip .custom{
		position:relative;
		z-index:1111111113;
}
.from-princip .customSelectTrigger {
  width: 160px;
  height: 20px;
  background: url(../images/select_background.gif) no-repeat;
  color: #fff;
  padding-top: 2px;
  padding-left: 10px;
	cursor: pointer;
}
.from-princip ul.customSelectValues {
  position: absolute;
  background-color: #ff0000;
  padding: 0;
  margin: 0;
  width: 140px;
	margin-left:10px;
  overflow: auto;
}
.from-princip ul.customSelectValues li {
  list-style: none;
}
.from-princip ul.customSelectValues li a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: block;
  padding-left: 10px;
}
.from-princip ul.customSelectValues a:hover,
.from-princip ul.customSelectValues a.selected
{
  background-color: #9e0000;
}
.from-princip .customSelectTrigger,
.from-princip ul.customSelectValues li a
{
  font-family: Arial;
  font-size: 11px;
}
.input-rechercher-princip{
	width:140px;
	height:20px;
	background:url(../images/back-rech-gris.gif) no-repeat left top;
	font-size:11px;
	border:none;
	padding:3px 5px 0 8px;
	color:#fff;
}
    .menu-recherche{
      position:absolute;
      margin-top:0px;
	z-index:1111111112;
    }
    #fond-m-recherche{
      width:929px;
      height:28px;
      background:black;
      margin-left:13px;
    }
    #cote-g-recherche{
      background:url(../images/cote-g-recherche.gif) no-repeat;
      width:22px;
      height:28px;
      position:absolute;
      left:0;
    }
    .rechercher{
    width:640px !important;
		width:635px;
    }
    .newsletter{
    width:290px;
    }
    #cote-d-recherche{
      background:url(../images/cote-d-recherche.gif) no-repeat;
      width:22px;
      height:28px;
      position:absolute;
      left:932px;
    }
    .float-recherche{
      float:left;
      margin-right:0px;
    }
    .float-gauche{
      float:left;
    }
    .float-droite{
      float:right;
    }
    #btn-sifflet{
      z-index:100;
      margin-top:-3px;
    }
    h2#titre-recherche{
      background:url(../images/titre-recherche.gif) no-repeat;
      width:58px;
      height:11px;
      text-indent:-5000px;
      margin:8px 8px 0 11px;
    }
    
    h2#titre-newsletter{
      background:url(../images/titre-newsletter.gif) no-repeat;
      width:65px;
      height:11px;
      text-indent:-5000px;
      margin:8px 8px 0 0;
    }
		
/* -------------------------------------------------------------- */
/* fin Du menu recherche                                         */
/*--------------------------------------------------------------- */


	
	
	
	/* -------------------------------------------------------------- */
/* debut Du pied                                         */
/*--------------------------------------------------------------- */


	#haut-pied{
		background:url(../images/haut-pied.gif) no-repeat;
		width:954px;
		height:9px;
	}
	#contenu-pied{
		background-color:#000;
		width:954px;
		height:90px;
		position:relative;
		margin-top:0 !important;
		margin-top:-4px;
	}
	#contenu-pied h5{
		background:url(../images/titre-nosmag-pied.jpg) no-repeat;
		width:392px;
		height:12px;
		margin:0 0 2px 10px;
		text-indent:-5000px;
	}
	#btn-mag-paris{
		background:url(../images/mag-paris.jpg) no-repeat;
		width:188px;
		height:7px;
		display:block;
		text-indent:-5000px;
		margin:0 0 7px 10px;
	}
	#btn-mag-orleans{
		background:url(../images/mag-orleans.jpg) no-repeat;
		width:187px;
		height:7px;
		display:block;
		text-indent:-5000px;
		margin:0 0 30px 10px;
	}
	#btn-webmaster-pied{
		background:url(../images/webmaster-pied.jpg) no-repeat;
		width:296px;
		height:7px;
		display:block;
		text-indent:-5000px;	
		margin-left:10px;
	}
	
	ul#menu-pied{
			position:absolute;
			width:371px;
			height:13px;
			background:url(../images/menu-pied.jpg) no-repeat;
			top:5px;
			left:565px;
			text-indent:-5000px;
	}
	ul#menu-pied li{
			float:left;
	}
	ul#menu-pied li#btn-menu-pied1 a{
			display:block;
			width:55px;
			height:13px;
	}
	ul#menu-pied li#btn-menu-pied2 a{
			display:block;
			width:163px;
			height:13px;
	}
	ul#menu-pied li#btn-menu-pied4 a{
			display:block;
			width:88px;
			height:13px;
	}
	ul#menu-pied li#btn-menu-pied5 a{
			display:block;
			width:65px;
			height:13px;
	}
	ul#menu-pied-paiement{
			position:absolute;
			top:20px;
			left:682px;		
	}
	ul#menu-pied-paiement li{
			float:left;
			text-indent:-5000px;
	}
	ul#menu-pied-paiement li#illu-paiement1{
			width:76px;
			height:40px;	
			background:url(../images/bnp.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement2{
			width:28px;
			height:40px;	
			background:url(../images/securise.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement3{
			width:85px;
			height:40px;	
			background:url(../images/fianet.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement3 a{
			width:85px;
			height:40px;	
			display:block;		
	}

	ul#menu-pied-paiement li#illu-paiement4{
			width:35px;
			height:40px;	
			background:url(../images/master.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement5{
			width:33px;
			height:40px;	
			background:url(../images/visa.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement6{
			width:32px;
			height:40px;	
			background:url(../images/american.gif) no-repeat;		
	}
	ul#menu-pied-paiement li#illu-paiement7{
			width:35px;
			height:40px;	
			background:url(../images/paypal.gif) no-repeat;		
	}

/*#copyright{
			width:134px;
			height:11px;	
			background:url(../images/copy.gif) no-repeat;	
			text-indent:-5000px;	
			position:absolute;
			top:62px;
			left:807px;		
}*/
#copyright{
			width:170px;
			height:11px;		
			position:absolute;
			font-size:9px;
			top:62px;
			left:791px;		
}
#copyright span{
			color:#CCC;
}
	/* -------------------------------------------------------------- */
/* fin Du pied                                                    */
/*--------------------------------------------------------------- */