/* ////////////////////////    Neutralize styling  /////////////////////////////  */

   * {margin:0; padding:0}
   
html, body, form, fieldset {
        margin: 0;
        padding: 0;
		font-size: 100.01%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,checkbox,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}

form label {
        cursor: pointer;
}
fieldset, img{
        border: none;

}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}


li{
	list-style-type:none;
}

p{
	padding:3px 0px;
	clear:left;
}

h1{
	font-size:19px;
}

h2{
	font-size:16px;
}

h3{
	font-size:13px;
}

h4{
	
}

h5{
	
}

/* //////////////////////////////////////////////////////////////////////////////  */

body {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#24292d;
	background-image: url(../images/head-inf.jpg);   
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#container{
	width:952px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

/* //////////////////////// header //////////////////////////////// */

#header{
	position:relative;
	height:142px;
	width:100%;
	float:left;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}
/* ////////////// header /////////////////// */

#headerTop{
      
}

#headerLogoLink a{
    display:block;
	height:60px;
	left:23px;
	position:absolute;
	top:18px;
	width:170px;
	  
}

#headerThematiques{
	height:79px;
      float:right;
      color:#ffffff;

      background-image:url(../images/inf_them.jpg);}

#headerThematiques ul{
	padding-top:10px;
      float:left;
}

#headerThematiques li{
      float:left;
      padding:2px 3px;
}

#thematiquesText{
	color:#66bc29;
}

#headerThematiques a:link, #headerThematiques a:visited{
      color:#ffffff;
}

#thematiquesBGLeft{
      float:left;
      background-image:url(../images/left_them.jpg);
      height:79px;
      width:7px;
}

#thematiquesBGRight{
      float:left;
      background-image:url(../images/right_them.jpg);
      height:79px;
      width:7px;
}

/* //////////////////////// THEMATIQUES ////////////////////////////////// */

.headerContent{
	height:79px;
	width:400px;
	clear:right;
}

.headerTheme{
	width:auto;
	height:79px;
	background-image: url(../img/inf_them.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
}

/* ////////////////////////////////////////////////////////// */
/* //////////////////////// main ////////////////////////////////// */

#main{
	float:left;
	width:950px;
	padding-left:7px;
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-y;
	position:relative;
}

#mainLeft{
	float:left;
	width:189px;
	height:1000px;
	margin-top:0px;
}

#mainContent{
	background-color:#ffffff;
	float:left;
	padding-bottom:3px;
	width:750px; 
}

#topPromo{
	background-color:#0080D1;
	float:left;
	width:750px;
	height:190px;
}

/* ////////////////////////// footer //////////////////////////// */

	#mainFoot{
		float:left;
		width:952px;
		margin-left: auto;
		margin-right: auto;
		position:relative;
		background-image: url(../images/mainfoot.jpg);
		height:16px;		
	}

#footer{
	background-color:#000000;
	float:left;
	height:100px;
	width:100%;
	margin-top:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6c6c6c;
}

/* //////////////////////////////////////// catalogue /////////////////////////////////////// */

#headerMain{
	float:left;
	padding:5px 20px 20px 13px;
	width:708px;
}

#typeHeader{
	background-image:url(../images/title-mnu.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	font-size:15px;
	font-weight:bold;
	height:26px;
	margin-left:10px;
	margin-top:10px;
	padding:7px;
	width:734px;
}

#headerMenu ul{
	float:left;
}

/* /////////////////// filter menu ///////////////// */

#rechercheMain{
	background-image:url(../images/chemain_background.gif);
	height:40px;
	margin:3px 0px 5px 5px;
	width:728px;
	padding-right:10px;
	float:left;
	height:100%;
	border: 1px solid #c4c4c4;
	position:relative;
}

.mainMenuSelect{
	float:left;
	padding:2px 2px 3px 0;
}

#sortPrix{
	float:left;
	line-height:40px;
	margin:0 10px;
	width:292px;
}

#sortPrix span{
	float:left;
	padding:0px 5px;
	
}

#sortPrix a, #sortPrix a:visited{
	color:#0080D1;
	text-decoration:none;
}

#sortPrix a:hover{
	color:#0080D1;
	text-decoration:underline;
}

#filterCapa, #freeSearchParFam{
	background-image:url(../images/chemain_background_bas.gif);
	clear:left;
	float:left;
	height:27px;
	margin-left:5px;
	padding:5px;
	width:730px;
}

#freeSearchParFam select{
	float:right;
	line-height:20px;
	height:20px;
	margin:5px 10px;
	width:190px;
	font-size:12px;
}

#freeSearchParFam span{
	float:left;
	margin:10px;
	font-weight:bold;
	color:#FFFFFF;
}

#filterCapa table{
	float:left;
}

#filterCapa form{
	float:left;
	padding:2px 0;
}

#filterCapa ul{
	float:left;
	padding:3px 0px;
	line-height:15px;
}

#filterCapa li{
	float:left;
	padding:0px 2px;
	height:13px;
}

#filterCapa span{
	float:left;
	padding:0px 3px;
}

#filterCapa input{
	float:left;
	vertical-align:middle;
}

.capaDevide{
	border-right:1px solid #4B4B4B;
	padding:0 1px;
	width:18px;
}

.capaCheckbox{
	width:13px;
	height:13px;
}

#filterCapaSubmit{
	padding-left:10px;
}
#filterCapaSubmit input{
	width:45px;
}



#perPageForm{
	float:right;
	line-height:40px;
}

#perPageForm span{
	float:left;
}

#perPageForm input{
	float:left;
	margin:0px 3px 0px 6px;
	height:40px;
}

#perPgaeExpBox{
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	display:none;
	height:30px;
	line-height:22px;
	position:absolute;
	right:40px;
	text-align:center;
	top:-39px;
	width:200px;
}

.boldText{
	font-weight:bold;
}

a.boldText{
	font-weight:bold;
}

.whiteText{
	color:#ffffff;
}

/* ///////////////// results catalogue //////////////////// */

#resultatMain{
	color:#555555;
	float:left;
}

.produitMain{
	float:left;
	height:348px;
	margin:0px 0px 5px 5px;
	width:244px;	
	overflow:hidden;
	display:inline;
}

.produitMainHeader{
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	font-size:14px;
	padding-left:5px;
	width:240px;
	color:#000FFF;
	height:50px;
}

.produitMainHeader span{
	clear:left;
	float:left;
	line-height:19px;
	width:230px;
}

.produitMainHeader a:link, .produitMainHeader a:visited{
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.produitMainHeaderRef{
	color:#FFFFFF;
	font-size:9px;
	line-height:26px;
	width:100%;
}

.plusieursRefMain{
	background-color:#515151;
	color:#FFFFFF;
	display:none;
	float:left;
	font-size:10px;
	font-weight:normal;
	left:0;
	padding:4px 21px 5px 7px;
	position:absolute;
	top:23px;
	width:212px;
}

.produitMainImage{
	float:left;
	width:120px;
	height:120px;
	display:block;
	line-height:120px;
	text-align:center;
}

.produitMainImage a{
}

.produitMainImage img{
}




.produitMainBody{
	float:left;
	clear:left;
	padding:5px;
	font-size:11px;
	width:228px;
	height:286px;
	border:1px dotted #999999;
	border-top:none;
}

.produitMainPrix{
	float:right;
	text-align:center;
}

.produitMainDetails{
	float:left;
	clear:left;
	padding:5px 5px 5px;
	font-size:11px;
	width:220px;
	height:134px;
	overflow:hidden;
}

.aPartirPrix{
	font-size:18px;
	font-weight:bold;
	padding:0 0 8px;
	color:#0080d1;
}

.aPartirPrix span{
	font-size:9px;
	color:#555555;
	font-weight:normal;
	padding-left:2px;
}

#pageNumbersPane{
	float:left;
	clear:left;
	padding:15px 0px 10px;
	width:100%;
}

#pageNumbers{
	text-align:center;
	width:744px;
	line-height:20px;
	
}

#pageNumbers span{
	padding:0px 5px;
	color:#cccccc;
}

#pageNumbers span a{
	background:none;
	color:#555555;
}

#pageNumbers span a:hover{
background:none;
	color:#222222;
}

#pageNumbers a, #pageNumbers .currentPage{
	padding:3px 4px;
	margin:0px 2px;
	 background:transparent url(../images/num.gif) repeat right 0px;
	color:#ffffff;
	text-decoration:none;
}

#pageNumbers a:hover, #pageNumbers .currentPage{
	 background:transparent url(../images/num.gif) repeat right -18px;
}

/* delete this id after all where changed to class in the code */
#produitBodyEmail{
	float:left;
	padding:0px 5px;
	text-align:center;
	width:220px;
}

#produitBodyEmail a:link, #produitBodyEmail a:visited, .produitMainPrix a, .produitMainPrix a:visited, a.accueilProdVoir , a.accueilProdVoir:visited{
	background:transparent url(../images/btn_listing.gif) no-repeat right 0px;
	float:left;
	font-size:9px;
	font-weight:bold;
	height:24px;
	line-height:20px;
	margin:0 4px;
	width:100px;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
}

#produitBodyEmail a:hover, .produitMainPrix a:hover, a.accueilProdVoir:hover, a.submitButton:hover{
	background:transparent url(../images/btn_listing.gif) no-repeat right -24px;
}

.produitBodyEmail{
	float:left;
	padding:0px 5px;
	text-align:center;
	width:223px;
}

.produitBodyEmail a, #produitBodyEmail a:visited, .produitMainPrix a, .produitMainPrix a:visited, a.accueilProdVoir , a.accueilProdVoir:visited, a.submitButton{
	background:transparent url(../images/btn_listing.gif) no-repeat right 0px;
	float:left;
	font-size:9px;
	font-weight:bold;
	height:24px;
	line-height:20px;
	margin:0 0px;
	width:100px;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
}

.produitBodyEmail a:hover, .produitMainPrix a:hover, a.accueilProdVoir:hover{
	background:transparent url(../images/btn_listing.gif) no-repeat right -24px;
}

#detailsRushPicto{
	float:left;
	width:85px;
	padding-left:8px;
}


/* //////////////////////// left menu //////////////////////////////////// */

#leftMenuTypesHead{
	font-size:12px;
	padding-left:5px;
	color:#FFFFFF;
	height:28px;
	width:175px;
	background:url(../images/img_title.gif) no-repeat 0px 0px;
}

#leftMenuTypes {
	background-color:#F4F4F4;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:auto;
	margin:10px 4px;
	padding-bottom:0;
	width:180px;
	display:inline;
}

#leftMenuTypes ul {
	padding-left:13px;
	width:167px;
	line-height: 18px;
}

#leftMenuTypes li {

	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	color: black;
	list-style-type:none;
	background-image:url(../images/puc.gif);
	background-repeat:no-repeat;
	background-position:0% 65%;
	padding-left:15px;
	width:152px;
 
}

#leftMenuTypes a:link, #leftMenuTypes a:visited{
	text-decoration:none;
	color:#000000;
}

#leftMenuTypes a:hover{
	color:#0080d1;
}

#leftMenuTypes a.leftTypeSelected{
	color:#0080d1; 
}

#dernierVisite{
	float:left;
	clear:left;
	width:180px;
	padding-left:5px;
	padding-top:25px;
}

#dernierVisite a:link, #dernierVisite a:visited{
	color:#66bc29;
	text-decoration:none;
}
#dernierVisite a:hover{
	text-decoration:underline;
	color:#000000;
}

.dernierProduit{
	background-color:#ffffff;
	margin:0px;
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#dernierVisiteHead{

	font-size:12px;
	font-weight: bold;
	padding-left:5px;
	color:#FFFFFF;
	height:28px;
	width:180px;
	background-image: url(../images/img_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

.dernierProduit img{
	float:none;
	padding-left:2px;
}

.dernierProduitHead{
	margin-bottom:7px;
	padding:3px;
	color:#66bc29;
	font-weight: bold;
}

.dernierProduitPrix{
	float:left;
	text-align:center;
	width:110px;
	padding-left:3px;
	font-weight: bold;
}

.dpPrix{
	width:120px;
	color:#0080d1;
	text-align:center;
	font-size:12px;
	font-weight: bold;
	padding:0px 5px;
	float:left;

}

.dernierProduitCapa{
	float:left;
	margin:0 7px;
	padding:3px;
	width:110px; 
}
.dernierProduitCapa span{
	font-size:8px;
	white-space:nowrap;
	padding-right:3px;
	float:left;
	
}

#leftMenuTypesFooter{
	padding-left:5px;
	height:28px;
	width:180px;
	background-image: url(../images/fin_mnu.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	
}

/* /////////////////////// details page ///////////////////////////////////  */

#youAreHere{
	
	color:#66bc29;
	font-size:10px;
	padding:10px 0 0 10px;
	
}
#youAreHere a, #youAreHere a:visited{
	color:#000000;
	text-decoration:none;
	font-size:10px;
}
#youAreHere a:hover{ 
	text-decoration:underline;
}

#deatilsPage{
	float:left;
	padding:0 0 10px 10px;
	width:740px;
}

#detailsHeader{
	background-image:url(../images/title-mnu.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	height:35px;
	padding:5px;
	width:734px;
}
#detailsNom{
	
}

#detaildBody{
	padding:10px 5px 20px;
	float:left;
	clear:left;
	width:430px;
	position:relative;
}

#mainImage{
	width:180px;
	height:180px;
	float:left;
	text-align:center;
	position:relative;
	border:1px solid #D2D2D2;
}

#zoomImg{
	position:absolute;
	width:20px;
	height:20px;
	display:block;
	right:2px;
	bottom:2px;
}

#mainImage a{
	
}

#prodImage{
	float:left;
	margin:0 15px 19px 0;
	width:235px;
}

#extraPhotos{
	float:left;
	height:182px;
	width:50px;
}
#extraPhotos a{ 
	float:left;
	height:40px;
	margin:0 0 2px 3px;
	padding:1px;
	width:40px;
	text-align:center;
	border:1px solid #D2D2D2;
}

#detailsBodyDroit{
	float:left;
	width:180px;
}

#detailsPrix{
	float:left;
	width:auto;
}
#detailsPrix p{
	padding:0px;
}


#detailsRef{
	clear:left;
	float:left;
	padding-bottom:15px;
	padding-top:10px;
	width:165px;
}

.emailExpressButton{
	float:left;
	clear:left; 
	padding:10px 0 0;
	width:105px;
}

#detailsDesc{
	width:370px;
	text-align:justify;
	float:left;
	clear:left;
}

#prixTable{
	margin:20px 0 15px;
	float:left;
	clear:left;
	width:430px;
}

#prixTable table{
	float:left;
	clear:left;
	width:420px;
}

#prixTable td{
	height:21px;
	text-align:center;
	width:60px;
}

.prixTableRef{
	color:#777777;
	font-style:italic;
	border:1px solid #DDDDDD;
}

.tableColorDark{
	background-color:#66bc29;
	text-align:center;
}

.rowColorDark{
	background-color:#eeeeee;
	text-align:center;
}

.rowColorLight{
	background-color:#ffffff;
}

#toutesPrixLink a{
	float:left;
	clear:left;
	color:#4B4B4B;
	padding-bottom:15px;
	font-weight:bold;
	text-decoration:none;
}
#toutesPrixLink a:hover{
	text-decoration:underline;
}


#coloris{
	float:left;
	width:430px;
	margin:5px 0px;
}

#coloris img{
	float:left;
	width:20px;
	height:20px;
	border:1px solid #cccccc;
}

#colorisHead{
	float:left;
	clear:left;
}

#colorisHead span{
	float:left;
}

#colorisHeadNom{
	
}

#colorisBody{
	float:left;
	clear:left;
	margin:5px 0;
	width:430px;
	height:26px;
}

#colorisBody span{
	float:left;
	border:1px solid #999999;
	padding:1px;
	margin:0px 2px;
}

#sorecopDeee{
	float:left;
	width:430px;
}

.sorecop{
	float:left;
	clear:left;
	width:165px;
	position:relative;
}

.deee{
	float:left;
	width:235px;
	position:relative;
}

.sorecop img, .deee img{
	padding:0px 5px;
}

.sorecopTop{
	
}

.sorecopList td{
	line-height:15px;
	text-align:left;
	width:80px;
}

#sorecopHelp, #deeeHelp{
	background-color:#eeeeee;
	display:none;
	position:absolute;
	width:350px;
	border:5px solid #dddddd;
	padding:30px;
}

#deeeHelp{
	right:-15px;
	top:-382px;
}

#sorecopHelp{
	height:320px;
	left:0;
	top:-393px;
}


#sorecopHelp p, #deeeHelp p{
	font-size:20px;
	font-weight:bold;
	color:#66bc29;
}

#options{
	display:inline;
	float:left;
	margin:20px 0;
}

#options table{
	width:390px;
}

#options td{
	padding:2px 5px;
}

#options tr{

}


.textGreen{
	color:#66bc29;
}

#deatilsPageNotFound{
	width:750px;
	padding:50px;
}

.optionMessage{
	display:none;
	width:80px;
	color:#66BC29;
	float:right;
	padding-bottom:5px;
	font-weight:bold;
}


/* ///// formulaire ////// */

#formulaire{
	background-color:#E2E2E2;
	float:left;
	height:auto;
	margin:10px 0;
	padding:0 0;
	width:290px;
}

#formulaire ul{
	float:left;
}


#formulaire li{
	float:left;
	clear:left;
	margin:0 0 2px;
	padding:6px 13px;
	width:274px;
}

#formulaire label{
	display:block;
	float:left;
	margin:0;
	width:85px;
	padding:1px 10px 2px 0;
	line-height:11px;
}

#formulaire input.text, #formulaire select.text{
	border:1px dotted #B2B2B2;
	margin:0;
	padding:2px;
	width:170px;
}

#formulaire select.text{
	border:1px dotted #B2B2B2;
	width:175px;
	padding:2px;
}

#formulaire textarea{
	background:#FDFDF7 none repeat scroll 0 0;
	border:1px dotted #b2b2b2;
	height:100px;
	overflow:auto;
	padding:2px;
	width:260px;
	
}

#formulaire #formQuantiteRef{
	background-color:#FDFDF7;
	border:1px dotted #B2B2B2;
	height:85px;
	overflow-y:auto;
	overflow-x:hidden;
	float:left;
	clear:left;
	width:265px;
	margin-top:15px;
}

#formulaire #formQuantiteMes{
	float:left;
	font-size:10px;
	padding:10px;
}

#formulaire #formQuantiteRef p{
	float:left;
	padding:4px 2px 0px 0px;
	width:250px;
}

#formulaire #formQuantiteRef{
	float:left;
}

.removeCheckbox, .formQuantiteRefDetails{
	padding-left:3px;
	float:left;
}

.formQuantiteRefDetails{
	width:220px;
	line-height:11px;
}

#formulaireTop{
	background-image:url(../images/title_demande.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:24px;
	padding-left:5px;
	padding-right:2px;
	padding-top:3px;
	width:290px;

}
#formulaireBottom{
	background-image:url(../images/form_bas.gif);
	display:block;
	float:left;
	height:20px;
	width:290px;

}

#emailFormError{
	width:280px;
	height:20px;
	display:block;
	display:none;
	float:left;
	background-color:#eeeeee;
	padding:10px;
}

#emailFormErrorMsg{
	float:left;
	font-size:13px;
}

#emailSentMessage{
	color:#66BC29;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:340px;
	padding:50px 20px;  
}

#emailProgressIcon{
	display:none;
	float:right;
	padding-right:40px;
}

#quantiteFrom{
	float:left;
	clear:left;
	width:270px;
	height:25px;
}

#quantiteFromHead{
	float:left;
	clear:left;
	width:270px;
	height:15px;
}

#quantiteFromHead span{
	float:left;
	width:95px;
}

#quantiteFrom #quantiteCapaBlock{
	
	float:left;
	width:90px;
	padding:2px 2px 2px 0;
}

#quantiteFrom #quantiteCapa{
	border:1px dotted #b2b2b2;
	height:20px;
	width:80px;
}

#quantiteFrom #quantiteValueBlock{
	float:left;
	width:136px;
	padding:2px;
}
#quantiteFrom #quantiteValue{
	border:1px dotted #b2b2b2;
	float:left;
	width:130px;
	padding:2px;
	height:13px;
}

#quantiteFrom #quantiteSubmit a{
	float:left;
	height:19px;
	line-height:20px;
	margin:2px;
	text-align:center;
	width:30px; 
}

/* //////////////////////////////////// qui sommes nous //////////////////////////////////// */

#quiSommesNous{
	float:left;
	width:735px;
	padding:5px 0 0 15px;
}


#quiSommesTop{
	width:700px;
	float:left;
	padding:5px 0 10px 0;
}

#quiSommesContent{
	float:left;
	width:700px;
}

/* //////////////////////////////////////// promotion /////////////////////////////////// */

#promotion{
	float:left;
	padding:10px 0 0 0px;
	width:750px;
}

.prixSansPromo{
	text-decoration:line-through;
	font-size:13px;
	color:#777777;
	padding:0 0 4px;
}

.prixProduitSansPromo{
	text-decoration:line-through;
	font-size:9px;
	color:#555555;
}

.promoProduitPrix{
	height:40px;	
}

#promoHead{
	width:670px;
	padding:0px 10px;
}

#promoContent{
	float:left;
	padding:5px 0 0 0px;
}

#promoProduits{
	float:left;
	padding:15px 0px;
}


/* ///////////////////////////////////////////////////////////////// */
 
.smallTitel{
	font-size:17px;
	font-weight:bold;
	margin:5px 0px;
	float:left;
	color:#66bc29;
	width:400px;
}

/* ////////////////////////////// MENU /////////////////////////////// */

/* ////// BORDURE DU HAUT ////// */
#headerMenuLineLeft{

	background-image: url(../images/left_mnu.jpg);
	width:196px;
	height:63px;
    position:absolute;
    left:0px;
    bottom:0px;
	display:block;
}

#headerMenuLineRight{
	background-image: url(../images/right_mnu.jpg);
	width:15px;
	height:63px;
      position:absolute;
      right:0px;
      bottom:0px;
	  display:block;
}

/* //////////////////////////// */

/*************************  navigation **********************************************/
#headerMenuLine{
      width:952px;
      height:63px;
 	  background:url(../images/separ.gif) repeat-x;
      position:absolute;
      bottom:0px;
      left:0px;
}

#headerMenu{
      width:740px;
      position:absolute;
      left:196px; 
      bottom:0px;
      height:63px;
      background-color:transparent;
	  float:left;
}
#headerMenu ul {
      list-style:none;
      margin:0px; 
      float:left;
}
#headerMenu li {
      float:left;
      position:relative;
}

#headerMenu li a{ 
      background:transparent url(../images/btn.gif) no-repeat right 0px;
      display:block; 
      font-weight:bold;
      text-decoration:none;
      height:61px;
	  line-height:60px;
      color:#252a2e; 
      outline:none;
      padding-top:0px;
	  float:left;
	  cursor:pointer;
}

#headerMenu li a span{
      background:transparent url(../images/btn.gif) no-repeat left 0px;
      margin-right:5px;
      float:left;
      padding:0px 15px 0 20px;
	  display:inline;
}

#headerMenu li a:hover{
      background:transparent url(../images/btn.gif) no-repeat right -63px;
      color:#ffffff; 
      text-decoration:none;
}

#headerMenu li a:hover span{
      background:transparent url(../images/btn.gif) no-repeat left -63px;
      margin-right:5px;
}

#headerMenu a.navSelected, #topNav a.navSelected:hover{
      background:transparent url(../images/btn.gif) no-repeat scroll right -126px;
}

#headerMenu a.navSelected span, #topNav li a.navSelected:hover span{
      background:transparent url(../images/btn.gif) no-repeat scroll left -126px; 
      margin-right:5px;
      color:#ffffff;
}

#rss{
	float:left;
	height:63px;
	width:74px;
}

#rss a{
	bottom:11px;
	height:20px;
	position:absolute;
	right:10px;
	width:47px;
}


#rushPic{
	float:left;
	height:24px;
	line-height:20px;
	margin:10px 0 2px;
	width:165px;
}

#rushPic a:link, #rushPic a:visited{
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:23px;
	text-decoration:none;
}

a#showRushButton{
	background:transparent url(../images/opt.gif) no-repeat scroll 0 0;
	padding-left:8px;
	width:120px;
}

a#showRushReturn{
	background:transparent url(../images/opt.gif) no-repeat scroll 0 -23px;
	padding-left:26px;
	width:165px;
}



#rushPic a:hover{
	color:#eeeeee;
}


#expressButton{
	background-repeat:no-repeat;
	float:left;
	height:100px;
	margin:0 5px;
	width:177px;
	display:inline;
}

#pasDeProduit{
	font-size:15px;
	color:#66bc29;
	padding:20px;
	float:left;
	
}

.imageBoxDernier{
	float:left;
	width:50px;
	height:50px;
	text-align:center;
}

#accueilBody{
	float:left;
	width:750px;
}

#accueilBodyTop{
	float:left;
	height:100%;
	margin:10px;
	width:700px;
	display:inline;
}

#accueilProduits{
	float:left;
	padding:10px;
	width:725px;
}

#accueilBodyTopContent{
	float:left;
	margin:5px 10px 0;
	padding:0 10px;
	text-align:justify;
	width:685px;
	display:inline;
}


#accueilProduits ul{
	clear:left;
	float:left;
	margin:0 10px;
	width:710px;
	display:inline;
}

#accueilProduits li{
	float:left;
	height:210px;
	padding:20px 14px;
	width:320px;
	display:block;
}

a.accueilProdNomLink, a.accueilProdNomLink:visited{ 
	color:#66bc29;
	font-weight:bold;
	font-size:11px;

}

.accueilProdImage{
	float:left;
	
}

.accueilImgBox{
	float:left;
	height:140px;
	width:140px;
}

.accueilImgBox a, .accueilImgBox img{
	float:left;
}

.accueilPrix{
	text-align:center;
}

.accueilPrix span{
	font-size:18px;
	color:#0080d1;
	font-weight:bold;

}

.accueilProdDesc{
	float:left;
	width:160px;
	padding-left:10px;
}

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

.accueilCapaStr{
	clear:left;
	color:#66BC29;
	display:block;
	float:left;
	padding:5px 0;
	width:160px;
}

.accueilCapa span{
	float:left;
	white-space:nowrap;
}

.accueilCapaText{
	float:left;
	font-weight:bold;
	width:60px;
}

.borderRight{
	border-right:1px dotted #b2b2b2;
}
.borderLeft{
	border-left:1px dotted #b2b2b2;
}
.borderTop{
	border-top:1px dotted #B2B2b2;
}
.borderBottom{
	border-bottom:1px dotted #B2B2B2;
}


#catFamFastPage{
	display:none;
	position:absolute;
	top:0px;
	right:114px;
	width:420px;
	height:245px;
	background-color:#ffffff;
	opacity:0.95;
	filter:alpha(opacity=95); /* IE's opacity*/   
	border:1px solid #999999;   
	border-top:none;
	overflow:hidden;
	padding:25px 20px 30px; 
	
}

.toutProdFastBox{
	width:200px;
	height:90px;
	float:left;
	padding:0 7px;
	overflow:hidden;
}

a.toutProdFastCat{
	float:left;
	font-size:15px;
	color:#66bc29;
	text-decoration:none;
	font-weight:bold;
}

a.toutProdFastCat:hover{
	text-decoration:underline;
}

.toutProdFastFam{
	clear:left;
	float:left;
	width:100%;
}

.toutProdFastFam a:link, .toutProdFastFam a:visited{
	text-decoration:none;
	color:#ffffff;
}
.toutProdFastFam a:hover{
	text-decoration:underline;
}

#toutProdFastRap{
	float:left;
	height:100%;
	width:720px;
	display:block;
}

a#fermeCatFamFastPage{
	position:absolute;
	bottom:20px;
	right:35px;
	color:#000000;
	text-decoration:none;
	z-index:200;
	font-weight:bold;
}

a#linkAutresObjetsPage{
	position:absolute;
	bottom:20px;
	left:35px;
	color:#000000;
	text-decoration:none;
	z-index:200;
	font-weight:bold;
	width:175px;
	
}

a#fermeCatFamFastPage:hover, #linkAutresObjetsPage:hover{
	text-decoration:underline;
}

/* ////////////////////////////////// general classes ////////////////////////////////// */

.capaPictoImg{
	bottom:0;
	display:block;
	height:25px;
	left:0;
	position:absolute;
	width:25px;
	
}

.capaPictoDiv{
	float:left;
	height:25px;
	margin:2px;
	padding:0;
	position:relative;
	width:25px;
}

.pictoOnTop{
	z-index:250;
}

.clearLeft{
	clear:left;
}

/* //////////////////////////////// tout les objet publicitaire page //////////////////////// */

#toutCat{
	float:left;
	margin:10px;
	width:730px;
}

#toutCat p{
	padding:0 12px 5px;
}

#toutCat a, .toutFam a{ 
	text-decoration:none;
}
#toutCat a:hover, .toutFam a:hover{
	text-decoration:underline;
}

#catShortcut{
	float:left;
	clear:left;
	padding:15px 12px;	
	width:700px;
	opacity:1;
	filter:alpha(opacity=100); /* IE's opacity*/ 
}

#catShortcut ul, #catShortcut li{
	float:left;
	width:132px;
}

#catShortcut li{
	line-height:22px;
}


#catShortcut a{
	color:#000000;	
	text-decoration:none;
}

#catShortcut a:hover{
	text-decoration:underline;
}

#catShortcut img, .catHeader img{
	float:left;
	height:24px;
	padding:2px 5px;
	width:24px;
}

/* ///////////////////////////// freeSearch ////////////////////////////////// */

#freeSearch{
	float:left;
	padding:15px 10px;
	font-size:12px;
	margin-left:120px;
}

#freeSearch h3{
	margin-bottom:5px;	
	line-height:26px;
	text-align:center;
}

#freeSearchKeys{
	background:transparent url(../images/bg-freesearch.gif) scroll 0 0;
	border:1px solid #8DB9CE;
	float:left;
	font-size:12px;
	height:22px;
	margin-right:5px;
	padding:6px 3px 0;
	width:250px;

}

input #freeSearchKeys{
	background-color:#dddddd;
}

#freeSearchResults{
	background-color:#ffffff;
	border:1px solid #dddddd;
	border-top:none;
	width:358px;
	display:none;
	float:left;
	clear:left;
	width:256px;
}

#freeSearchResults li{
	padding:2px 3px;
}

#freeSearchResults a{
	color:#000000;
	text-decoration:none;
}

#freeSearchResults a:hover{
	text-decoration:underline;
}

#freeSeachSap {
	
	float:left;
	background-image:url(../images/freesearch-sap.gif);
	height:28px;
	width:720px;
}

a.freeSearchButton{
	background:url(../images/btn-search.gif) no-repeat 0px 0px;
	display:block;
	float:left;
	height:30px;
	width:136px;
}

a.freeSearchButton:hover{
	background:url(../images/btn-search.gif) no-repeat 0px -30px;
	text-decoration:none;
}

#freeSearchForm{
	float:left;
}






.coloredKey{
	color:#0080D1;
	font-weight:bold;
}


.catHeader{
	float:left;
	margin:5px;
	padding:5px 0;
	position:relative;
	width:712px;
	border-bottom:2px solid #666666;
	line-height:23px;
	background-color:#e6e6e6
}

.catHeader a{
	color:#58585a;
}

#affinezStr{
	float:left;
	padding:5px 0 5px 5px;
	font-weight:bold;
}

#affinezStr a{
	text-decoration:none;
	color:#000000;
}

#affinezStr a:hover{
	text-decoration:underline;
}

.toutFam{
	float:left;
	padding:5px 0 0 5px;
	width:720px;
}
.toutFam ul{
	float:left;
	padding-right:15px;
	width:105px;
}

.toutFam li{

	float:left;
	width:110px;
	padding:3px 2px;
	margin:1px;
}

.toutFam a{
	color:#000000;
}

.toutGoUp{
	position:absolute;
	right:6px;
	top:8px;
}

#toutFamSelected{
	background-color:#0080D1;
}
#toutFamSelected a{
	color:#ffffff;
}



.topLine{
	background:transparent url(../images/title-mnu.gif) no-repeat scroll 0 50%;
	float:left;
	height:39px;
	width:730px;
}

#leftMenuTypesBottom {
	background-image:url(../images/fin_mnu.jpg);
	background-repeat:no-repeat;
	height:10px;
	margin-top:12px;
	padding:0;
	width:180px;
}

.rmSmallHeaders{
	font-weight:bold;
	padding-right:5px;
}

.border1{
	border:1px solid #DDDDDD;
}


#accueilBodyTop h1{
font-family:arial;
font-size:14px;
padding:3px 10px 0;
}

#accueilBodyTop h2{
font-family:arial;
font-size:12px;
padding:3px 10px 0;
}

#linkAutresObjetsPage{
	position:absolute;
	bottom:10px;
	right:10px;
}

.plusieursRefMainBottom{
	background:transparent url(../images/title.gif) no-repeat scroll 0 25px;
	height:25px;
	width:100%;
}

#footerContent{
	width:950px;
	margin:20px auto;
	color:#ffffff;
}

#footerContent a, #footerContent a:visited{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	
}

#youAreHere img{
	margin:0 0 1px 4px;
	vertical-align:middle;
}

.subHeader{
	background:url(../images/chemain_background.gif) repeat-x;
	border:1px solid #C4C4C4;
	color:#4b4b4b;
	float:left;
	font-size:15px;
	font-weight:bold;
	height:26px;
	margin:10px 0 10px 5px;
	padding:8px 5px 4px;
	width:712px;
	position:relative;
	display:inline;
}

.subHeaderCatalogue{
	width:728px;
}

.subHeaderProduit{
	
}

.subHeaderToutCat{
	margin-bottom:15px;
	
}

.sunHeaderPromotion{
	
}

.marginLeftFix1{
	margin-left:15px;
}

.resetMarginLeft{
	margin-left:0px;
}

/* ///////////////////////////////////////////// catalogue.lagardere-france.com   //////////////////////////////////// */
/* we have the css of catalogue.lagardere-france.com here in order to be able to change it for each satalite site */

#headerMainCatalogue{
	float:left;
	padding:10px 20px 20px 10px;
	width:690px;
}


.firstHeaderSelect{ 
	font-size:12px;
	height:20px;
	position:absolute;
	right:16px;	
	width:190px;
}

.firstHeaderSelect option{
	border-bottom:1px solid #DDDDDD;
	height:20px;
	line-height:20px;
	margin:2px 5px;
	padding:2px 0 2px 2px;
	width:130px;
	display:block;
}

.secondHeaderSelect{
	font-size:12px;
	height:20px;
	position:absolute;
	right:210px;	
	width:190px;	
}

.secondHeaderRightFix{
	right:16px;	
}

.secondHeaderSelect option{
	border-bottom:1px solid #DDDDDD;
	height:20px;
	line-height:20px;
	margin:2px 5px;
	padding:2px 0 2px 28px;
	width:130px;
	display:block;
}


.headerSelectFam{
	padding-left:5px;
}

.catalogueRushPicto{
	float:left;
	clear:left;
	padding-top:5px;
}



/* //////////////////////////////// JQuery lightBox //////////////////////// */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; } 

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* ////////////////////////////////////// Tag Cloud ////////////////////////////////////////// */

#tagCloud{
	background-color:#F3F3F3;
	float:left;
	margin:10px 0px 0px 4px ;
	display:inline;
	width:180px;
	font-weight:bold;
	padding-bottom:15px;
	
}


#tagCloud a{
	float:left;
	padding:3px;
	height:19px;
	line-height:21px;
	text-decoration:none;
}

#tagCloud a:hover{
	text-decoration:underline;
}

a.cloudRank1{
	color:#0080D1;
}

a.cloudRank2{
	color:#0080D1;
}

a.cloudRank3{
	color:#0080D1;
}

a.cloudRank4{
	color:#0080D1;
}