@charset "UTF-8";
/**

 * @copyright       Copyright 2008, AF83
 * @link            http://www.af83.com
 * @lastmodified    $Date: 2007-11-14 13:00:00 $
 */

@media all
{
	#main { width: 100%; margin-top:0px; position: relative; top:-123px; z-index:1; background: transparent; }
	
	#banner-container {
		position:relative;
		width: 985px;
		height: 573px;
		background: transparent;
		z-index:2;
		
	}
    #banner { 
		
		border:1px solid #CDCDCD;
		right:0px;
		margin:10px 0 0;
		position:absolute;
		top:-11px;
		
		overflow: hidden;
		width:635px; 
		height:561px;
	
	 }
	 #banner-slogan {
		left:0;
		position:absolute;
		top:160px;
	 }
	 #banner-login {
	 	background:url("/images/decogalerie/header/banner-login.png") no-repeat scroll left top transparent;
		height:297px;
		left:0;
		position:absolute;
		top:266px;
		width:332px;
	 }
		 #banner-login a {
		 	left:155px;
			position:absolute;
			top:195px;
		 }
		 #banner-login form {
		 	left:0px;
			position:absolute;
			bottom:0px;
		 }
		 	#banner-login form .submit {
			 	bottom:10px;
				color:white;
				font-size:13px;
				font-weight:bold;
				height:30px;
				left:280px;
				position:absolute;
			}
		 	#banner-login form .username,
			#banner-login form .password {
			 	background:none repeat scroll 0 0 white;
				border:1px solid grey;
				bottom:15px;
				height:16px;
				left:18px;
				position:absolute;
				width:121px;
			}
			#banner-login form .password {
				left:148px;
			}
	 #banner-inner-left,
	 #banner-inner-right {
	 	cursor: pointer; background: transparent;
	 	height:561px; width:317px; position: absolute; top:0px; 
	 } 
	 #banner-inner-right {
	 	right:0px;
	 }
	 #banner-inner-left {
	 	left:0px;
	 } 
	 #banner-inner div {
	 	height:561px; width:635px; float:left;
	 } 
	  #banner-inner div a { position: relative; }
	  #banner-inner div img {
	  	height:561px; width:635px; 
	  }
	 #banner-inner div span {
	 	background:none repeat scroll 0 0 #939393;
		bottom:3px;
		color:white;
		display:block;
		font-size:15px;
		font-style:italic;
		height:20px;
		left:0;
		padding:5px 15px;
		position:absolute;
		width:635px;
		
	 }
        #banner p { padding: 3px 8px 3px 8px; position: absolute; font-size: 16px; font-weight: bold; }
        #banner p a { padding: 0 0 0 10px; background: url(/images/decogalerie/model/arrow_black_small.gif) 0 6px no-repeat; }
        #banner p.gondolHeadLink1 { margin: 87px 0 0 115px; }
        #banner p.gondolHeadLink2 { margin: 185px 0 0 295px; }
        #banner p.gondolHeadLink3 { margin: 97px 0 0 470px; }
        #banner p.gondolHeadLink4 { margin: 158px 0 0 705px; }
        #banner p.gondolHeadLink5 { margin: 225px 0 0 900px; }
	
	#main .flashBanner { margin: 10px 0 0 0; }
	*html #main .flashBanner { margin: 10px 0 2px 0; }
	*+html #main .flashBanner { margin: 10px 0 2px 0; }
	
	
    /* Inspiration */
    *html .block#inspiration { height: 225px; }
        .block#inspiration .headerBlock { background: none; }
        .block#inspiration .contentBlock {  }
        *html .block#inspiration .contentBlock { padding: 10px 0 10px 10px; }
            .block#inspiration .contentBlock ul { clear: both; width: 100%; padding: 0 0 7px 0; text-align: center; }
            *+html .block#inspiration .contentBlock ul { margin: -10px 0 0 0; padding: 0 0 10px 0; }
            *html .block#inspiration .contentBlock ul { margin: -5px 0 0 0; padding: 0 0 5px 0; }
                .block#inspiration .contentBlock ul li { display: inline; line-height: 17px; }
                .block#inspiration .contentBlock ul li.separator { padding: 0 13px 0 0; font-size: 17px; color: #d7d7d7; }
                    .block#inspiration .contentBlock ul li a { font-size: 11px; text-decoration: underline; }
            .block#inspiration .contentBlock p.arrow { float: left; margin: 0 3px 0 0; }
            *+html .block#inspiration .contentBlock p.arrow { height: 162px; }
           
    /*col1*/
    #col1 { float: right; }
    
    /* pinpin */
    #col1 .pinpin { height: 112px; }
    
    /* Hack tmp */
    #col1 .block .headerBlock p.categorie { float: left; }
    #col1 .block .headerBlock p #butonShowSubCat { margin: 0 0 0 80px; }
    #col1 #navCat ul li.on a { color: #333; }
    #col1 #navCat ul li.on a:hover { color: #FF0066; }
    
    
    /* Block produits */
    #col2 { float: left; }
    *html #col2 { width: 755px; }
    #col2 .block.listHome { float: left; width: 753px; padding: 0; margin: 0 0 10px 0; border: 1px solid #cdcdcd; border-top: none; background: url(/images/decogalerie/commun/block/background_header.gif) 0 0 repeat-x; }
    *html #col2 .block.listHome { width: auto; }
        #col2 .block.listHome .block.listesProduits { float: left; width: 189px; margin: 0 0 0 -1px; border: none; }
        *html #col2 .block.listHome .block.listesProduits { width: 188px; }
            #col2 .block.listHome .block.listesProduits .headerBlock { margin: 0 0 -1px 0; text-align: center; border: 1px solid #cdcdcd; border-right: none; border-bottom: none; background: none; text-transform: lowercase; }
            #col2 .block.listHome .block.listesProduits .footerBlock { margin: 0 0 -1px 0; border: 1px solid #cdcdcd; border-right: none; border-bottom: none; background: none; }
                    #col2 .block.listHome .block.listesProduits .footerBlock p a { margin: 0 0 0 30px; padding: 0 0 10px 10px; font-size: 11px; line-height: 29px; text-decoration: underline; background: url(/images/decogalerie/model/arrow_black_small.gif) 0 3px no-repeat; }
        #col2 .block.listHome .block.listesProduits .contentBlock { float: left; width: 100%; padding: 0; margin: 0; border: none; border-left: 1px solid #cdcdcd; }
            #col2 .block.listHome .block.listesProduits .contentBlock .produits { position: relative; float: left; width: 187px; height: 190px; margin: 0 0 -1px 0; padding: 0; border: none; border-bottom: 1px solid #cdcdcd; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits h2 { margin: 7px 0 0 10px; }
            *+html #col2 .block.listHome .block.listesProduits .contentBlock .produits h2 { margin: 7px 0 0 10px; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits .description  { height: 30px; padding: 0; }
            #col2 .block.listHome .block.listesProduits .contentBlock .produits .img_produits { width: 97px; height: 97px; margin: 20px 0 0 46px; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits .img_produits { margin: 5px 0 0 23px; }
                #col2 .block.listHome .block.listesProduits .contentBlock .produits .img_produits a img { width: 95px; height: 95px; }
            #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_produits { margin: 0 0 0 71px; }
            #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_avant { margin: 0 8px 0 14px; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_avant { margin: 0 8px 0 3px; }
            #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_produits.promo { margin: 0; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_produits { margin: 0 0 0 35px; }
            *html #col2 .block.listHome .block.listesProduits .contentBlock .produits .prix_produits.promo { margin: 0 0 0 0; }
            
            #col2 .block.listHome .block.listesProduits .contentBlock .produits.coupCoeur p.coupCoeur { display: none; }
         

    /* coups de coeur */
    #col2 .block.coupsDeCoeur { }
        #col2 .block.coupsDeCoeur .contentBlock { padding: 0; }
        *html #col2 .block.coupsDeCoeur .contentBlock { padding: 0 0 0 1px; }
            #col2 .block.coupsDeCoeur .contentBlock .proposition { position: relative; float: left; height: 160px; width: 210px; margin: -1px 0 -1px -1px; padding: 10px 0 10px 40px; border: 1px solid #cdcdcd; border-right: none; }
            *html #col2 .block.coupsDeCoeur .contentBlock .proposition { padding: 5px 0 0 40px; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition h2 { margin: 0; font-size: 13px; font-weight: bold; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition .description { height: 25px; margin: 0 0 5px 0; font-size: 11px; font-weight: normal; }
                *html #col2 .block.coupsDeCoeur .contentBlock .proposition .description { height: 32px; margin: 0 0 5px 0; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition .picture { float: left; width: 99px; height: 99px; }
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .picture a img { width: 97px; height: 97px; border: 1px solid #cdcdcd; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition .artiste { float: left; width: 100px; padding: 0 0 0 10px; }
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .artiste h3 { font-size: 10px; font-weight: bold; }
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .artiste p { font-size: 11px; }
                        #col2 .block.coupsDeCoeur .contentBlock .proposition .artiste p a img { width: 47px; height: 47px; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits { clear: both; float: left; width: 62px; margin: 0 0 0 27px; padding: 0 10px 0 0; text-align: right; background: url(/images/decogalerie/model/fond_selection.png) 0 0 no-repeat; }
                #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits.pink { background: url(/images/decogalerie/model/fond_selectionRose.png) 0 0 no-repeat; }
                *html #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits { margin: 0 0 0 13px; }
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits p { font-size: 15px; font-weight: bold; line-height: 22px; }
                    
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits.promo { clear: none; float: left; margin: 0; }
                    *+html #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits.promo { float: right; margin: 0 111px 0 0; }
                    *html #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_produits.promo { float: right; margin: 0 56px 5px 0; }
 
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_avant { clear: both; float: left; width: 32px; height: 17px; margin: 0 3px 0 -25px; padding: 0 10px 0 5px; text-decoration: line-through; font-size: 13px; text-align: right; }
                    *html #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_avant { float: left; margin : 0 3px 0 -15px; }
                    
                    #col2 .block.coupsDeCoeur .contentBlock .proposition .prix_avant a { color: inherit; font-weight: bold; }
	.backBlanc {
		background-color:transparent;
	}
	#col1 .block,
	#col2 .block {
		border:0px solid #CDCDCD;
		margin:0px 0;
	}
	#col1 {
		float: left;
		width:663px;
		padding:12px 0px 0px 0px;
	}
	#col2 {
		float: left;
		width:322px;
		position: relative;
		padding: 0px;
		padding-top:6px ;
	}
	
	#col1 .colHeader {
		background:none repeat scroll 0 0 #19171C;
		color:white;
		font-size:29px;
		font-weight:normal;
		height: 48px;
		padding: 0px;
		width:663px;
	}
	
	#col1 .pinpin { 
		height:59px;		
		width:674px;
		margin: 10px 0px;
	}
	#col1 .pinpin .headerBlock {
		display:none;
	} 
	#col1 .pinpin .contentBlock {
		padding:8px 14px 5px;
	} 
	#col1 .pinpin .contentBlock form p {
		float: left;
		clear: none;
		line-height:20px;
		padding-right:9px;
	}
	#designer_selection {
		width:322px;
		height:293px;
		background: transparent url(/images/decogalerie/home/createur.png) no-repeat;
	}
	#designer_selection .forcateg {
		display:none;
	}
	#designer_selection p.title a {
		font-size:15px;
		font-weight: bold;
	}
	#designer_selection p.info {
		font-size:13px;
		font-weight: bold;
		padding-bottom: 5px;
	}
	#designer_selection p.links {
		left:22px;
		position:absolute;
		top:224px;
	}
	#designer_selection p.links a {
		background:url("/images/decogalerie/header/arrow_pink_small.png") no-repeat scroll right center transparent;
		font-size:12px;
		font-weight: bold;
		padding-right:10px;
		text-decoration:underline;
		white-space:nowrap;
	}
	#designer_selection .headerBlock { display:none; }
	#designer_selection .footerBlock { display:none; }
	#designer_selection .contentBlock { position: relative; padding:63px 10px 0 169px !important; }
	#designer_selection img { 
		height:136px;
		left:21px;
		position:absolute;
		top:65px;
		width:136px;
	}
	
	#col1 .block .headerBlock .links {
		position: absolute;
		right: 0px;
		top: 0px;		
	}
	
	#col1 .block .footerBlock,
	#col2 .block .footerBlock {
		display:none;
	}
	
	.block#inspiration .headerBlock,
	#col1 .block .headerBlock,
	#col2 .block .headerBlock {
		background:none repeat scroll 0 0 transparent;
		border-bottom:1px solid #98979c;
		color:#353535;
		font-size:25px;
		font-weight:normal;
		margin:0 0 10px;
		padding:0;
		position:relative;
	}
	.block#inspiration .headerBlock p, 
	#col1 .block .headerBlock p,
	#col2 .block .headerBlock p {
		padding: 0px;
		font-size:25px;
		font-weight:normal;
		color:#353535;
	}
	
	#col1 .coupsDeCoeur .contentBlock  {
		padding:0px;
		width:105%;
	}

	 .produits {
	   width:215px !important;
	   border-right: 1px solid #CDCDCD !important;
	}
	
	
	#col1 .block .headerBlock p.links,
	#col2 .block .headerBlock p.links {
		padding:0px;
	}
	#col1 .block .headerBlock p.links a,
	#col2 .block .headerBlock p.links a {
		background:url("/images/decogalerie/header/arrow_pink_small.png") no-repeat scroll left center transparent;
		display:block;
		font-size:12px;
		padding-left:10px;
		text-decoration:underline;
		white-space:nowrap;
	}
	
	#col2 .txtGris_fonce, 
	#col2 .backGris_clair  {
		padding-left: 21px;
		background-color:transparent;
	}
	#col2 .mag .article {
		border-bottom: 1px solid #ddd;
		padding: 15px 0 10px 0px;
	}
	#col2 .mag .article img {
		width: 50px;
		border: 1px solid #98979c;
		margin-right:15px;
	}
	#col2 .mag p.links {
		padding-bottom:10px;
	}
	#col2 .mag p.links a {
		background:url("/images/decogalerie/header/arrow_pink_small.png") no-repeat scroll right center transparent;
		font-size:12px;
		font-weight: bold;
		padding-right:10px;
		text-decoration:underline;
		white-space:nowrap;
	}
	
	#col2 .mag .first img {
		width: 150px;
	}
	
	#col2 .mag .picture,
	#col2 .mag .articleTexte,
	#col2 .mag .articleTexte p {
		float:left;
	}
	
	#col2 .mag .articleTexte p a {
		text-decoration: underline;
		padding-left:5px;
		font-weight: bold;
	}
	#col2 #col2_2 .block .contentBlock,
	#col2 #col2_1 .block .contentBlock,
	#col2 .block .contentBlock {
		padding:0 0 5px;
	}
	 .block#inspiration {
	 	
		margin-top: 15px;
	 }
	 .block#inspiration .contentBlock #listThemes { 
		 float:left;
		height:165px;
		margin:0 28px;
		overflow:hidden;
		position:relative;
		width:883px; 
		
	}
     .block#inspiration .contentBlock .themeBlock { 
		 position: relative; 
		 float: left; 
		 width: 209px; height: 152px; 
		 margin: 0 10px 0 0; 
		 border: 1px solid grey;
	 }
     .block#inspiration .contentBlock .themeBlock .themeContentBlock { 
		 position: absolute; 
		 top: 5px; 
		 left: 4px; 
		 width: 110px; 
		 height: 37px; 
		 padding: 10px; 
	 }
     .block#inspiration .contentBlock .themeBlock .themeContentBlock h3 { 
		 font-size: 13px; 
		 line-height: 13px; 
		 font-weight: bold; 
	 }
     .block#inspiration .contentBlock .themeBlock .themeContentBlock p { 
		 font-size: 11px; 
		 line-height: 11px; 
		 font-weight: normal; 
	  }
    
	.block#newsletter_div {
		margin-left:21px;
		position: relative;
		width:300px; 
		height:181px; 
		background:url("/images/decogalerie/home/newsletter_div.png") no-repeat scroll left center transparent;
	}
	
	.block#newsletter_div p.newsletter { display:block; }
	
	.block#newsletter_div #newsletter_mail {
		left:26px;
		position:absolute;
		top:124px;
		width:118px;
	}
	.block#newsletter_div form .valid {
		left:156px;
		position:absolute;
		top:124px;
	}
	
	#col2 #col2_1 .block .contentBlock p, 
	#col2 #col2_2 .block .contentBlock p {
		float:left;
		width:175px;
	}
	#col2 #col2_2 .block .contentBlock p.picture {
		width:auto;
	}
	
	#footer1 {
		top:-113px;
	}
	#footer2 {
		top:-113px;
	}

}