@charset "utf-8";

#profil{text-align:center !important;
display:block;
margin-left:17px; }

#navigation_top{
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/Intro.gif);
	background-repeat:no-repeat;
	width:980px;
	height:226px;}

/*slider page d'intro*/
.fadein { position:relative; height:435px; width:731px; float:left; margin-right:3px; margin-bottom:5px; display:block; }
.fadein img { position:absolute; left:0; top:0; border:0;}
/*slider page d'intro*/

#img_z{
	position:absolute;
	z-index:1;
	width:222px;
	height:231px;
	left: 26px;
	top: 281px;
}

.img_blocs {
	display:block;
	border: solid 1px #ccc;
	float:left;}
	

   /* TOP NAVIGATION BAR 
        /////////////////////////////*/
        
        ul#topnav {	
        		width:980px;
        		list-style:none;
        		height:46px;
				
				margin-bottom:0px;
				margin-left:0px;
				padding-top:180px;
        }

        ul#topnav li {
        		display:inline;
        }

        ul#topnav li a {
        		height:46px;
        		float:left;
        		text-indent:-9999px;
        		text-decoration:none;
        }

        ul#topnav li#topnav-1 a {
        		width:240px;
        		background:url(http://static.sephora.fr/www/webmaster/beautytips/images/navigation_sprite.png) no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -46px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:0 -46px;
        }
        
        ul#topnav li#topnav-2 a {
        		width:240px;
        		background:url(http://static.sephora.fr/www/webmaster/beautytips/images/navigation_sprite.png) no-repeat -240px 0;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:-240px -46px;
        }

        ul#topnav  li#topnav-2 a.current {
        		background-position:-240px -46px;
        }
        
        ul#topnav li#topnav-3 a {
        		width:232px;
        		background:url(http://static.sephora.fr/www/webmaster/beautytips/images/navigation_sprite.png) no-repeat -480px 0;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:-480px -46px;
        }

        ul#topnav  li#topnav-3 a.current {
        		background-position:-480px -46px;
        }
        
        ul#topnav li#topnav-4 a {
        		width:268px;
        		background:url(http://static.sephora.fr/www/webmaster/beautytips/images/navigation_sprite.png) no-repeat -712px 0;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:-712px -46px;
        }

        ul#topnav  li#topnav-4 a.current {
        		background-position:-712px -46px;
        }
   
 /* TOP NAVIGATION BAR 
        /////////////////////////////*/  
   
/* CSS Document */
#container {
	width:980px;
	background-color:#f7f7f7;
     min-height:270px;
     height:auto !important;
     height:270px;
	 padding-bottom:10px;
	padding-top:5px;
	font:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}


#intro{width:236px;
height:236px;
float:left;
margin-right:13px;
font:Arial, Helvetica, sans-serif;
font-size:14px;}

#intro p{
	padding-left:15px;}
#questions-visage{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/visage.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-right:4px;
	margin-top:5px;
	position: relative;
}

	
	#questions-yeux{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/yeux.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-right:4px;	margin-top:5px;
	position: relative;}

	#questions-corps{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/corps.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-right:0px;
	margin-top:5px;
	position: relative;}

		#questions-cheveux{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/cheveux.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-left:8px;
	margin-top:5px;
	position: relative;}

	
			#questions-dents{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/dents.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-left:4px;
	margin-top:5px;
	position: relative;}

				#questions-mains{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/mains.jpg);
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-left:4px;
	margin-top:5px;
	position: relative;}

				#questions-hommes{
	width:236px;
	height:236px;
	background-image:url(http://static.sephora.fr/www/webmaster/beautytips/images/hommes.jpg);
	background-position:top !important;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
	float:left;
	margin-left:4px;
	margin-top:5px;
	position: relative;}
	
	#questions-visage select, #questions-yeux select, #questions-corps select, #questions-cheveux select , #questions-dents select, #questions-mains select , #questions-hommes select {
		top:216px; 
		width:236px;
		position: absolute;
	}

	
/* Dropdown control 
		 /////////////////////////////*/  
#container .selectBox-dropdown {
	margin-top:213px;
	width: 234px; 
	height : 21px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border: solid 1px #000;
	background: #fff; /* Old browsers */
	color:#000;
   display:block;
   font-family:helvetica,arial,sans-serif;
   font-size:11px;
   outline:none;
}

#container .selectBox-dropdown:focus,
#container .selectBox-dropdown:focus .selectBox-arrow {

	border-color: #000;
}

#container .selectBox-dropdown .selectBox-label {
	width: 100%;
	white-space: nowrap;
	display:block;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#container .selectBox-dropdown .selectBox-arrow {
	position: absolute;
	right: 0;
	top:0;
	width: 21px;
	height: 100%;
	background:url(http://static.sephora.fr/www/webmaster/beautytips/images/sprite-icons.png);
	border-left: solid 1px #000;
	cursor:pointer;
}
/* Dropdown control 
.selectBox-dropdown .selectBox-menuShowing .selectBox-arrow {
   background-color:#ffd842;
   border-bottom:solid 1px #000;
}*/

#container .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
   box-shadow:none;
   -webkit-border-bottom-right-radius: 0px;
   -webkit-border-bottom-left-radius: 0px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
}


/* Dropdown menu */
#container .selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 100px;
	border: solid 1px #000;
	border-top:none;
	background: #FFF;
	overflow:auto;
	background-color:#fff;
}


/* Options */

#container .selectBox-options {
   margin-top:0px;
}

#container .selectBox-options, .selectBox-options li a
{
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
}

#container .selectBox-options li a:hover {
   cursor:pointer;
}

#container .selectBox-options li
{
   color:#000;
	list-style: none;
	display: block;
	cursor: default;
	margin: 0;
   font-family:helvetica,arial,sans-serif;
   font-size:11px;
}

#container .selectBox-options li:first-child {
   border-top:none;
   box-shadow:none;
}

#container .selectBox-options li:hover {
   background-color:#b2b4bf;
}

#container .selectBox-options li a {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow:auto;
}

/* Dropdown control 
		 /////////////////////////////*/  
		 
#blocs_diags{
	width:304px;
	height:205px;
	float:left;
	margin-right:8px;
	margin-left:10px;
	display:block;
	border:0;}

#blocs_diags img {border:0;}

.decalageTexte{
	margin-left:19px;
	padding-top:7px;
	margin-bottom:8px;
}