/* ########################### */
/* 		Index.css
/* ########################### */

/* Fond */
#fond { background:url('../pictures/design/bg_center.jpg') no-repeat; background-position: top center; }
#kakemono { position:absolute; z-index:100 }
#kakemono2 { position:absolute; left: 81%; z-index:100 }

/* Header */
#absoluteLogo { position:absolute; width:697px; height:94px; background:url('../pictures/design/logo_absolute.png') no-repeat; z-index:20; left:0; top:2px; }
#absoluteVague { position:absolute; width:407px; height:70px; background:#C96; top:157px; background:url('../pictures/design/vague_absolute.png') no-repeat; z-index:20;
left:402px; background-position:-400px 0; }
* html #absoluteLogo { display:none; } 

/* Content */
#content { background:url('../pictures/design/content.jpg') no-repeat; min-height:400px; }

/* Slideshow */
#featured-slideshow { position:relative; width:630px; height:202px; margin:8px 0 0 20px; }
*+html .slide { margin-top:5px; }
#featured-slideshow .slide { width:610px; height:220px; margin-left:20px; display:none; background:url('../pictures/design/content.jpg') no-repeat -40px -8px; }
*+html #featured-slideshow .slide { background:url('../pictures/design/content.jpg') no-repeat -40px -5px; }
#featured-slideshow .img { float:left; width:140px; padding-top:100px; }
#featured-slideshow .img2 { float:right; width:220px; }
#featured-slideshow .text { float:left; width:230px; padding-top:85px; }
#featured-slideshow .titre { font-size:20px; color:#e62772; margin-bottom:5px; }
#featured-slideshow .contenu { color:#4c4c4c; font-size:12px; }
#featured-slideshow .savoir { position:absolute; z-index:20; top:165px; left:225px; }
#featured-slideshow .click { position:absolute; z-index:21; top:165px; left:225px; width:124px; height:33px; background:#0F0; cursor:pointer; }
#controls { position:absolute; z-index:20; top:201px; right:0; }
#controls ul { list-style:none; }
#controls li { text-align:center; float:left; line-height:22px; }
#controls a { display:block; width:22px; height:22px; color:#FFF; text-decoration:none; margin-right:5px; background:url('../pictures/design/step.png') right top; }
#controls a:hover, #controls a.activeSlide { color:#000; background:url('../pictures/design/step.png') right bottom; }

/* Objectifs */
#objectifs { float:left; width:213px; background:url('../pictures/design/bg_objectifs.png') no-repeat; margin:0 0 20px 20px; height:250px; padding-top:60px; }
#objectifs h2 { text-align:center; text-transform:uppercase; font-size:12px; padding-top:6px; margin-bottom:14px; color:#531134; }
#objectifs a { display:block; padding-left:42px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:12px; }
#objectifs a:hover { color:#000; }
#objectif1 a { padding-top:25px; width:145px; height:40px; margin-left:10px;  }
#objectif2 a { padding-top:25px; width:145px; height:40px; margin-left:10px; }
#objectif3 a { padding-top:25px; width:155px; height:39px; margin-left:10px; }

/* Lecteur Flash */
#player { float:right; width:385px; height:270px; margin:50px 5px 0 0; padding:4px 0 0 13px; background:url('../pictures/design/player.png') no-repeat; }
* html #player{ background:none; }

/* Liste déroulante */
#liste { position:absolute; top:490px; right:70px; width:271px; background:url('../pictures/design/bg_top_liste.png') no-repeat; }
*+html #liste { top:482px; }
*html #liste { top:493px; }
#listeBottom { background:url('../pictures/design/bg_liste.png') no-repeat; background-position:bottom; padding-bottom:16px; }
#listeItem { margin-top:8px; padding:2px 0 0 16px; }
#liste p { padding-bottom:0px; font-size:12px; } 
#liste a.openList { color:#e62772; font-weight:bold; text-decoration:none; background:url('../pictures/design/puce4.png') no-repeat top right; padding:2px 18px 0 0; }
#liste a.active { background:url('../pictures/design/puce4.png') no-repeat bottom right; }
#liste ul { list-style:none; padding:4px 0 0 0; }
#liste li { margin-bottom:2px; }

/* Texte */
#text { clear:both; margin-left:20px; border-top: 1px dashed #e0ceb4; padding-top:15px; }
#text h2 { color:#531134; margin-bottom:10px; }
#text p { padding-bottom:10px; color:#4c4c4c; }
#about { margin-left:20px; color:#4c4c4c; }

/* Module formulaire */
#formulaire { height:139px; padding:100px 0 0 10px; background:url('../pictures/design/bg_formulaire.png') no-repeat; }
#formulaire p { margin:0; padding-bottom:10px; color:#d02368; }
#formulaire label { float:none; display:inline; font-size:12px; }
#formulaire input[type=text] { width:110px; font-size:12px; padding:4px; border:1px solid #aa949d; color:#6c6c6e; }
#formulaire #bouton { border:0; width:207px; height:40px; background:url('../pictures/design/bouton_coupon.png') right top; cursor:pointer; }
#formulaire #bouton:hover { background:url('../pictures/design/bouton_coupon.png') right bottom; }
#formulaire .warning { float:right; margin-right:20px; color:#ffdc7c; font-weight:bold; }
#formulaire .info { float:right; margin-right:20px; color:green; font-weight:bold; }

/* Boutique en ligne */
#boutique:hover a { text-decoration:underline; }

/* Module poids */
#poids { margin-left:18px; padding:16px 0 0 16px; }