/* ////////////////////////    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:1px 0px;
	clear:left;
}

a:link, p a:visited {
color:#EB4C07;
}

a:hover{
color:#0080D1;
}

h1{
	font-size:19px;
}

h2{
	border-bottom:2px solid #EB4C07;
	font-size:16px;
}

h3{
	font-size:13px;
	font-weight:normal;
}

h4{

}

h5{
	
}

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

body {
	background-color:#FFFFFF;
	background-image:url(../images/head-inf.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	font-size:11px;
	font-family:Helvetica,Arial,Sans-serif;
}

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

#preferencementImg img{
        position:absolute;
}
/* //////////////////////// 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:75px;
	left:23px;
	position:absolute;
	top:46px;
	width:170px; 
}

#headerThematiques{
	height:35px;
      float:right;
      color:#ffffff;
}

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

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

#thematiquesText{
	color:#0080D1;
}

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

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

#thematiquesBGRight{
      float:left;
      background-image:url(../images/right_them.jpg);
      height:35px;
      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{
	background:url(../images/bgMain2.gif) repeat-y;
	float:left;
	width:954px;
	position:relative;
}

#mainLeft{
	float:left;
	padding-left:1px;
	width:201px;
}

#mainContent{
	background-color:#ffffff;
	border-right:1px solid #bbbbbb;
	float:left;
	padding-bottom:3px;
	width:750px; 
}

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

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

#footer{
	background-color:#303030;
	border-top:4px solid #6C6C6C;
	float:left;
	height:130px;
	width:100%;
}

/* //////////////////////////////////////// catalogue /////////////////////////////////////// */
#headerMain{
	float:left;
	font-size:12px;
	padding:0 0 30px 16px;
	width:717px;
}

#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{
	float:left;
	height:100%;
	margin-bottom:12px;
	margin-top:15px;
	position:relative;
	width:732px;
	display:inline;
}

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

#sortPrix{
	float:left;
	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-color:#4C4C4C;
	border-bottom:5px solid #EB4C07;
	clear:left;
	color:#FFFFFF;
	float:left;
	height:22px;
	margin-left:16px;
	padding:0 0 5px;
	width:717px;
}

#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;
	padding-right:15px;
}

#perPageForm span{
	float:left;
	line-height:19px;
}

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

#perPgaeExpBox{
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	display:none;
	height:22px;
	line-height:20px;
	position:absolute;
	right:15px;
	text-align:center;
	top:-25px;
	width:161px;
}

.boldText{
	font-weight:bold;
}

a.boldText{
	font-weight:bold;
}

.whiteText{
	color:#ffffff;
}

/* ///////////////// results catalogue //////////////////// */
#resultatMain{
	color:#555555;
	margin-left:16px;
}

.produitMain{
	display:inline;
	float:left;
	height:315px;
	margin-right:12px;
	overflow:hidden;
	width:232px;
	font-weight:normal;
	margin:0 12px 10px 0;
}

.produitMainHeader{
	background:url(../images/title.gif) no-repeat;
	color:#000FFF;
	float:left;
	font-size:14px;
	height:58px;
	width:232px;
	float:left;
}

.produitMainHeader a:link, .produitMainHeader a:visited{
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:214px;
	padding:8px;
	float:left;
}

.produitMainHeaderRef{
	color:#000000;
	font-size:10px;
	padding:9px 5px 0 22px;
	text-decoration:none;
	width:200px;
	float:left;
}

.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;
}

table.produitMainImage{
	float:left;
	width:120px;
	height:120px;
}

table.produitMainImage td{
	text-align:center;
}

.produitMainImage img{
	
}

.produitMainBody{
	border-bottom:6px solid #4C4C4C;
	border-left:1px solid #4C4C4C;
	border-right:1px solid #4C4C4C;
	clear:left;
	float:left;
	font-size:11px;
	height:233px;
	width:230px;
}

.produitMainPrix{
	float:right;
	padding-right:5px;
	padding-top:5px;
	text-align:center;
	height:122px;
}

.produitMainDetails{
	clear:left;
	float:left;
	font-size:11px;
	height:65px;
	overflow:hidden;
	padding:7px 0 0 5px;
	width:218px;}

.catalogueButtons{
	display:block;
	float:left;
	margin-top:5px;
	display:inline;
}

a.btCatLeft{
	background:url(../images/btnFicheBas.gif) no-repeat right 0;
}
a.btCatLeft:hover{
	background:url(../images/btnFicheBas.gif) no-repeat right -29px;
}
a.btCatRight{
	background:url(../images/btnFicheBas.gif) no-repeat left 0;
}
a.btCatRight:hover{
	background:url(../images/btnFicheBas.gif) no-repeat left -29px;
}

.catalogueButtons a{
	color:#000000;
	float:left;
	height:28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	width:115px;
}

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

.aPartirPrixspecialNC{
	font-size:8px;
	font-weight:bold;
	padding:0 0 22px;
	color:#0080d1;
}
.aPartirPrixspecialdetailNC{
	font-size:11px;
	font-weight:bold;
	padding:0 0 22px;
	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{
	line-height:30px;
	text-align:center;
	width:717px;
}

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

.pageNumbers span a{
	color:#FFFFFF;
}

.pageNumbers span a:hover{
	color:#FFFFFF;
	background-color:#EB4C07;
}

.pageNumbers a, .pageNumbers .currentPage{
	color:#FFFFFF;
	margin:0 3px;
	padding:4px 8px;
	text-decoration:none;
	background-color:#4c4c4c
}

.pageNumbers a:hover, .pageNumbers .currentPage{
	background-color:#EB4C07;
}

/* 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;
}

/* ///////////////////////////////// BTN "VOIR LE PRODUIT" //////////////////////////////// */
.produitBodyEmail a, #produitBodyEmail a:visited, .produitMainPrix a, .produitMainPrix a:visited, a.accueilProdVoir , a.accueilProdVoir:visited, a.submitButton{
	background:transparent url(../images/btnVoirProduit.gif) no-repeat right 0px;
	float:left;
	font-size:9px;
	font-weight:bold;
	height:17px;
	line-height:16px;
	margin:0 0px;
	width:96px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	padding-right:5px;
}

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

#detailsRushPicto{
	float:left;
	width:85px;
	padding:15px 0;
}

/* //////////////////////// left menu //////////////////////////////////// */
.leftMenuHead{
	background-color:#4C4C4C;
	border-bottom:5px solid #EB4C07;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:26px;
	padding:12px 0 0 9px;
	width:191px; 
}

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

#leftCustomLinks{
	float:left;
	padding:7px 10px;
	width:180px;
}

#leftMenuTypes ul {

	line-height:18px;
	padding-left:13px;
	padding-top:10px;
	width:167px;
}

#leftMenuTypes li {
	background-image:url(../images/puc.gif);
	background-position:0 65%;
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:normal;
	padding-left:15px;
	width:152px;
}

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

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

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

#dernierVisite{
	background-color:#EFEFEF;
	float:left;
	width:200px;
}

#dernierVisite a:link, #dernierVisite a:visited{
	color:#EB4C07;
	font-size:10px;
	
}

#dernierVisite a:hover{
	text-decoration:underline;
	color:#000000;
}

.dernierProduit{
	background-color:#F4F4F4;
	border-bottom:6px solid #4C4C4C;
	float:left;
	height:60px;
	margin:0;
	padding:8px 0;
	width:200px;
}

.dernierProduit img{
}

#dernierVisite .dernierProduitHead a{
	color:#0080D1;
	text-transform:uppercase;
}

.dernierProduitPrix{
	float:left;
	margin-left:8px;
	width:117px;
	display:inline;
}

.dpPrix{
	color:#4C4C4C;
	float:left;
	font-size:13px;
	font-weight:bolder;
	width:95px;
}

.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:200px;
	background-image: url(../images/fin_mnu.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}

#leftLiens{
	padding:10px;
}

/* /////////////////////// details page ///////////////////////////////////  */
#youAreHere{
	color:#0080D1;
	font-size:10px;
	padding:10px 0 0 15px;
}

#youAreHere a, #youAreHere a:visited{
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

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

#deatilsPage{
	float:left;
	width:751px;
}

#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{
	clear:left;
	float:left;
	padding:10px 16px 20px;
	position:relative;
	width:412px;
}

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

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

#mainImage a{
}

#prodImage{
	float:left;
	margin:0 20px 18px 0;
	width:232px;
}

#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;
	margin-top:30px;
	width:140px;
}

#detailsRef{	
	background-color:#EEEEEE;
	border:1px solid #B2B2B2;
	float:left;
	margin-top:20px;
	padding:4px 5px 4px 8px;
	width:105px;
}

#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:410px;
	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:#ff9c71;
	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:415px;
	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:415px;
	height:26px;
	display:inline;
}

#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:#eb4c07;
}

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

#options table{
	width:390px;
}

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

#options tr{
}

.textGreen{
	color:#eb4c07;
}

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

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


/* ///// formulaire ////// */
#formulaire{
	background-color:#E2E2E2;
	float:left;
	height:auto;
	margin:8px 0;
	width:290px;
}

#formulaire ul{
	float:left;
}

#formulaire li{
	float:left;
	clear:left;
	padding:7px 12px;
	width:264px;
}

#formulaire label{
	float:left;
	padding-left:8px;
	width:80px;
}

#formulaire input.text, #formulaire select.text{
	border:1px solid #B2B2B2;
	color:#333333;
	padding:2px 0 2px 2px;
	width:168px;
	float:left;
}

#formulaire input.text:hover, #formulaire select.text:hover{
	border:1px solid #E64117;
}

#formulaire input.text:focus, #formulaire select.text:focus{
	border:1px solid #E64117;
}

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

#formulaire textarea{
	border:1px solid #B2B2B2;
	height:100px;
	overflow:auto;
	padding:2px;
	width:260px;
}

#formulaire textarea:hover{
	border:1px solid #E64117;
}

#formulaire textarea:focus{
	border:1px solid #E64117;
}

#formulaire #formQuantiteRef{
	background-color:#FDFDF7;
	border:1px solid #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:18px;
	padding:3px 0 5px 5px;
	width:285px;
}

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

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

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

#emailSentMessage{
	color:#eb4c07;
	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 solid #b2b2b2;
	height:20px;
	width:80px;
}

#quantiteFrom #quantiteValueBlock{
	float:left;
	width:136px;
	padding:2px;
}
#quantiteFrom #quantiteValue{
	border:1px solid #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;
}

#quiSommesContent p{
    padding-top:15px;
}
/* //////////////////////////////////////// promotion /////////////////////////////////// */
#promotion{
	float:left;
	padding:16px 0 0 16px;
	width:730px;
}

.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{
	color:#EB4C07;
	float:left;
	font-size:17px;
	font-weight:bold;
	margin:5px 0;
	width:400px;
}

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

/* ////// BORDURE DU HAUT ////// */
#headerMenuLineLeft{
	/* background-image: url(../images/left_mnu.jpg); */
	width:196px;
    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:38px;
 	 background:url(../images/separ.gif) repeat-x;
      position:absolute;
      bottom:0px;
      left:0px;
}*/

#headerMenu{
	background-color:transparent;
	bottom:0;
	font-size:11px;
	height:38px;
	left:196px;
	position:absolute;
	width:750px;
}
#headerMenu ul {
      list-style:none;
      margin:0px; 
      float:left;
}
#headerMenu li {
      float:left;
      position:relative;
      height:38px;
	  cursor:pointer;
}

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

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

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

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

}

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

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

}

#rss{
	bottom:0px;
	display:block;
	height:30px;
	position:absolute;
	right:-5px;
	width:50px;
}

#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{
	float:left;
	margin:12px 3px 5px;
	display:inline;
}

#pasDeProduit{
	color:#0080D1;
	float:left;
	font-size:15px;
	font-style:italic;
	font-variant:small-caps;
	padding-top:10px;
}

.imageBoxDernier{
	background-color:#FFFFFF;
	border:1px solid #4C4C4C;
	float:left;
	height:50px;
	margin-left:8px;
	text-align:center;
	width:50px;
	display:inline;
}

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

#accueilBodyTop{
	display:inline;
	float:left;
}

#accueilProduits{
	float:left;
	width:725px;
	margin:20px 10px 10px;
	display:inline;
}

#accueilBodyTopContent{
	display:inline;
	float:left;
	padding:10px 0 0;
	width:715px;
}

#accueilBodyTopContent h2{
	margin:15px 0px 10px 0px;
}
#accueilBodyTopContent h3{
	border-bottom:2px solid #EB4C07;
	color:#4B4B4B;
	font-size:14px;
	margin-bottom:6px;
	padding:8px 0 2px;
}
#accueilBodyTopContent a{
	font-family:Arial,Verdana,Helvetica,tahoma;
	font-size:11px;
	color:#000000;
	text-decoration:none;
		
}
#accueilBodyTopContent a:hover{
	color:#0080D1;
}

#accueilProduits ul{
	clear:left;
	display:inline;
	float:left;
	width:725px;
}

#accueilProduits li{
	border-bottom:5px solid #4C4C4C;
	border-left:1px solid #4C4C4C;
	border-right:1px solid #4C4C4C;
	float:left;
	height:221px;
	margin:0 10px 10px 0;
	width:350px;
	display:inline;
}

.accueilNom{
	background-color:#4C4C4C;
	border-bottom:5px solid #EB4C07;
	height:30px;
	line-height:30px;
	margin-bottom:5px;
	width:350px;
}

.accueilNom a, .accueilNom a:visited{ 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
}

.accueilProdImage{
	float:left;
}

.accueilImgBox{

}

.accueilImgBox a{
	height:140px;
	width:140px;
	line-height:140px;
	display:block;
	text-align:center;
	
}

.accueilImgBox img{
	
}

.accueilPrix{
	padding-bottom:5px;
	text-align:center;
}

.accueilProdDesc{
	display:inline;
	float:left;
	margin:10px 12px 0;
	width:180px;
}

a.accueilProdVoir{
	margin:12px 28px;
	display:inline;
}

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


#catFamFastPage{
	display:none;
	position:absolute;
	top:0px;
	right:114px;
	width:436px;
	height:260px;
	background-color:#ffffff;
	opacity:0.95;
	filter:alpha(opacity=95);
	border:1px solid #999999;   
	border-top:none;
	overflow:hidden;
	padding:25px 20px 10px; 
}

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

a.toutProdFastCat{
	float:left;
	font-size:15px;
	color:#eb4c07;
	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;
	z-index:200;
	font-weight:bold;	
}


a#linkAutresObjetsPage{
	position:absolute;
	bottom:20px;
	left:35px;
	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;
	display:inline;
}

#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:426px;
}


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

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

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

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

#catShortcut img, .catHeader img{
	float:left;
	height:24px;
	padding-right: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{
	border-bottom:2px solid #EB4C07;
	float:left;
	font-size:11px;
	font-weight:normal;
	line-height:23px;
	margin:5px;
	padding:5px 0;
	position:relative;
	width:712px;
}

.catHeader a{
	color:#EB4C07;
}

#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;
	margin:0 0 16px;
	width:180px;
}

.toutFam li{
	float:left;
	font-size:11px;
	margin:5px 0 0 8px;
	width:180px;
}

.toutFam a{
	color:#000000;
	font-weight:normal;
}

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

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

.toutFam ul.famColorLight{

}

.toutFam ul.famColorDark{

}


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

#leftMenuTypesBottom {
	background-color:#4C4C4C;
	height:10px;
	margin-top:12px;
	padding:0;
	width:200px;
}

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

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

#accueilBodyTop h1{
	font-size:18px;
	border-bottom:2px solid #EB4C07;
	color:#4B4B4B;
	padding:8px 0 2px;
	margin-bottom:6px;
}

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

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

#footerContent{
	margin:20px auto;
	width:910px;
	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{
	color:#4B4B4B;
	float:left;
	font-size:18px;
	font-weight:bold;
	height:22px;
	/*margin:10px 0 10px 16px;*/
	position:relative;
	width:717px;
	}

.subHeaderCatalogue{
	border-bottom:5px solid #EB4C07;
	margin:16px 0 5px 16px;
	display:inline;
}

.subHeaderProduit{
	border-bottom:5px solid #EB4C07;
	margin:16px 0 5px 16px;
	display:inline;
	width:717px;
}

.subHeaderToutCat{
	border-bottom:5px solid #EB4C07;
	margin:6px 0 5px 6px;
}

.subHeaderPromotion{
	border-bottom:5px solid #EB4C07;
	margin:0px 0 5px 0px;
}

.subHeaderPromotion h1{
	font-size:18px;
}


.marginLeftFix1{
	margin-left:15px;
}

.resetMarginLeft{
	border-bottom:5px solid #EB4C07;
	margin:11px 0 5px 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);
	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;
}
/*POUR IMAGE MARQUE*/

a.marque_image {
   background-color:#DDDDDD;
    display:block;
    float:left;
    margin:3px 2px 0;
    padding:6px 2px;
    text-align:center;
    width:88px;
}
a.marque_image:hover{
    background-color: #eeeeee;
}
/* /////////////////////////////////// */
#styloPubProdWarp #accueilProduits{
	margin:10px 0;
}

#leftMenuTypes li.leftMenuST{
	background:none;
	padding:0;
}

#leftMenuTypes li.leftMenuST ul{
	padding:1px 0 5px 20px;
}

#leftMenuTypes li.leftMenuST a.leftSTSelected{
	color:#EB4C07;
}

#leftAllMarques, #leftLiens{
	float:left;
	padding:5px 4px 10px;
}

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

#leftAllMarques li a:hover{
	color:#0080D1;
}

#catalogueAffin{
	background-color:#4C4C4C;
	clear:left;
	float:left;
	padding:15px 0 10px 20px;
	height:20px;
	width:700px;
	margin:0 15px;
	display:inline;
	color:white;
}

#catalogueAffin select{
	margin:0 2px;
	width:135px;
	float:left;
}

#catalogueAffin form{
	width:210px;
	clear:none;
	float:left;
	padding-left:50px;
}

#catalogueAffin form input{
	width:35px;
}

#catalogueAffin form a{
	padding:2px;
	margin-left:10px;
	background-color:#eeeeee;
	color:#555555;
	text-decoration:none;
}

#catalogueAffin form a:hover{
	background-color:#ffffff;
}

.subHeaderCatalogue span{
	font-size:14px;
}