*, body, form, h1, h2{
padding:0;
margin:0;
}
body{
background:#474747 url(../images/bg.jpg) top center no-repeat;
}
ul,li{
padding:0;
margin:0;
list-style:none;
}
img{
border:0;	
}
.clear{
clear:both;
}
#globale{
position:relative;
width:1050px;
margin: auto

}
#globale .blocBlog{
	background:url(../images/bloc_blog.gif);
	width:211px;
	height:60px;
	position:absolute;
	left: 38px;
	_left: 58px;
	top: 449px;
	z-index:10;
	text-align:center;
	padding:115px 0 0 0;
}
#globale .tasse{
	background:url(../images/tasse.png);
	width:192px;
	height:186px;
	position:absolute;
	left: 965px;
	.left: 960px;
	z-index:100000;
	top: 451px;
}
#globale .blocBlog2{
	width:211px;
	height:128px;
	position:absolute;
	left: 38px;
	_left: 58px;
	top: 495px;
	z-index:10;
	text-align:center;
	background:url(../images/btn/blog2.png) no-repeat
}
#globale .blocBlog a{
background:url(../images/fleche.gif) right no-repeat;
font:normal 9px arial;	
color:#FFF;
text-decoration:none;
padding-right:17px;
}
#globale .blocBlog2 a:hover{
text-decoration:underline;	
}
#globale .blocBlog2 a{
	display:block;
	text-indent:-9999px;
	width:211px;
	height:128px;
}
#globale .blocBlog2 a:hover{
text-decoration:underline;	
}

#globale .header{ 
position:relative;
width:1032px;
height:134px;
margin:7px 0 0 38px;
_margin:7px 0 0 58px;
}
#globale .header h1{
	position:absolute;
	font:12px Tahoma, Geneva, sans-serif;
	color:#000000;
	top: 108px;
	left:0px
}
#globale .header .logo{
	display:block;
position:absolute;
top:45px;
left:0px;
width:241px;
width:61px;
}
#globale .header ul{
	height:134px;
	display:block;
	position:relative;
	left:260px;
	width:800px
}
#globale .header ul li{
float:left;
display:block;
}
#globale .header ul li a.gamme{
background:url(../images/sprites/nav_gamme.jpg) no-repeat left top ;
display:block;
height:134px;
width:140px;
text-indent:-9999px
}
#globale .header ul li a.gamme:hover,
#globale .header ul li a.saga:hover,
#globale .header ul li a.conseils:hover{
	background-position:left center
}
#gamme #globale .header ul li a.gamme,
#saga #globale .header ul li a.saga,
#conseils #globale .header ul li a.conseils{
	background-position:left bottom
}

#globale .header ul li{
}
#globale .header ul li a.saga{
background:url(../images/sprites/nav_saga.jpg) no-repeat;
display:block;
height:134px;
width:154px;
margin:0 0 0 30px;
text-indent:-9999px

}
#globale .header ul li a.conseils{
background:url(../images/sprites/nav_conseils.jpg) no-repeat;
display:block;
height:124px;
width:174px;
margin:10px 0 0 30px;
text-indent:-9999px

}

#globale .header ul li.identif{
	background:url(../images/bg_identif.gif);
	width:208px;
	height:134px;
	margin:0 0 0 45px;
position:relative;
}
#globale .header ul li input{
border:1px solid #999;
width:125px;
height:14px;
font:normal 11px arial;
color:#999;
padding:0 0 0 2px;
}
#globale .header ul li input.mail{
	position:absolute;
	top:91px;
}
#globale .header ul li input.pass{
	position:absolute;
	top:111px;
}
#globale .corps{
height:397px;position:relative;
padding-left:20px;
_padding-left:40px;

}
#globale .corps .corpHome_1{
	width:968px;
	height:360px;
	position:relative;
	background:url(../images/carousel_home.jpg) no-repeat;
	margin:30px 0 0 17px
}
a.rss{
	background:url(../images/border.gif) 0 3px no-repeat;
	font:normal 10px "Times New Roman", Times, serif;
	color:#7f7f7f;
	padding-left:5px;
	text-transform:uppercase;
	text-decoration:none;
	position:absolute;
	top:5px;
	right:46px;
}
#globale .corps .corpHome_1 .navLeft{
	background:url(../images/fleche_gauche.gif);
	width: 34px;
	height: 46px;
	position:absolute;
	left:12px;
	cursor:pointer;
}
#globale .corps .corpHome_1 .navRigth{
	background:url(../images/fleche_droite.gif);
	width: 34px;
	height: 46px;
	position:absolute;
	left:955px;
	cursor:pointer;
}
a.rss:hover{
text-decoration:underline;	
}
#globale .corps .corpHome_1 h1{
	width:463px;
	position:absolute;
	top:58px;
	left:106px;
	font:normal 25px arial;
	color:#000;
	text-transform:uppercase;
}
#globale .corps .corpHome_1 h2{
	width:463px;
	position:absolute;
	top:134px;
	left:106px;
	font:normal 11px verdana;
	color:#000;
}
#globale .corps .corpHome_1 div{
	position:absolute;
	width:360px;
	left:106px;
	top: 166px;
}
#globale .corps .corpHome_1 div p{
	font:normal 11px verdana;
	color:#77004f;
	margin:0 0 15px 0;
}
#globale .corps .corpHome_1 div a{
background:url(../images/bulle.gif) left no-repeat;
padding-left:15px;
font:normal 11px verdana;
color:#77004f;
text-decoration:none;
}
.footer{
	height:134px;
	width:1001px;	
margin:auto;
padding:22px 0 0 0;
position:relative;
}
.footer ul{
font:bold 12px arial;
text-transform:uppercase;
}
.footer ul li{
float:left;
}
.liens_bas {
	position:absolute
}
.footer ul li.navFilm{
  height:49px;
  width:170px;
  margin-right:32px;
}

.footer ul li.navFilm a {

}

.footer ul li.navJeu{
height:49px;
width:244px;
margin-right:12px;
}
	.footer ul li.navJeu a {
		width:153px;
		height:37px;
	}

.footer ul li.navNews{
background:url(../images/nav_news.png) 0 0 no-repeat;
height:49px;
width:260px;
padding-top:9px;
line-height:16px;
}
	.footer ul li.navNews .link1 {
		background:url(../images/btn/abon-2.png) 100px 0px no-repeat;
		width:300px;
		height:9px;
		overflow:hidden;
		display:block;
		text-indent:-9999px;
		margin-bottom:10px
	}
		.footer ul li.navNews .link2 {
		background:url(../images/btn/abon.png) 100px 0px no-repeat;
		width:300px;
		height:9px;
		overflow:hidden;
		display:block;
		text-indent:-9999px;
		margin-bottom:10px
	}

.footer ul li a{
display:block;	
color:#FFF;
text-decoration:none;
}
.footer ul li a span{
color:#d787cc;
display:block;
}
.footer div.copy{
font:normal 9px verdana;
color:#FFF;
text-align:right;
margin-top:28px;
_margin-top:9px;
}
.space{
height:49px;
padding-left:10px;
_padding-left:30px;
}
.footer div.navSmall{
margin-top:15px;
margin-left:20px;
height:auto;
position:absolute;
left:5px;
_left:25px
}
.footer .navSmall {
	font:normal 9px verdana;
	color:#AAA;
	text-transform:none;
	margin-right:2px;
}
.footer  .navSmall a{
	color:#FFF;
	text-decoration:none;
	display:inline;
	margin:0;
	line-height:20px;
}
.footer  .navSmall a:hover{
text-decoration:underline;	
display:inline;
}

.footer .logo{
	background:url(../images/logo_lgv.gif);
	width:220px;
	height:60px;
	position:absolute;
	left: 785px;
	top: 116px;
	_top: 114px;
}
/*PAGE FICHE SAGA*/

.navGauche{
width:206px;
float:left;
padding:39px 0 0 20px;
}

 .navGauche ul li  {
	border-bottom:1px solid #000;
	min-height:29px;
	height:auto !important;
	height:29px;
}
 .navGauche ul li ul li {
	border-bottom:1px solid #000;
	min-height:29px;
	height:auto !important;
	height:29px;
	
}
.navGauche ul li ul li.last {
	border:none;
}
	 .navGauche ul li ul {
		margin-bottom:15px;
	}
	 .navGauche ul li ul li a {
		margin-left:10px;
		color:#8f8e90
	}
	#conseils .navGauche ul li ul li a.active {
		color:#35387d
	}

 .navGauche ul li a{ 
padding:7px 0 0 0;
font:normal 10px verdana;
text-transform:uppercase;
text-decoration:none;
color:#000;
display:block;
padding-bottom:5px
}
 .navGauche ul li a:hover,
 .navGauche ul li a.active{ 
color:#35387d;
}

/* Produit nav */
.produit {
	position:relative;
	padding:39px 0 0 20px
}
#gamme .navGauche ul {
		width:206px;
	float:left;
	padding:39px 0 0 20px;

}
#gamme .navGauche ul li {
	border-bottom:1px solid #000;
	height:29px;
}

#gamme .navGauche ul li a{ 
padding:7px 0 0 0;
font:normal 11px verdana;
text-transform:uppercase;
text-decoration:none;
color:#000;
display:block;
}
#gamme .navGauche ul li a:hover{ 
}
#gamme .navGauche ul li a.active{ 
color:#911c5b;
}
/**************/
#ongle1{
	width:741px;
	float:left;
	height:361px;
	padding:37px 0 0 36px;
}
#carousel3d{
	width:741px;
	float:left;
	height:361px;
	padding:15px 0 0 36px;
	text-transform:uppercase;
}
 #ongle1 h1.histoire{
font:normal 25px arial;
color:#636c67;
margin-bottom:30px;
background:url(../images/titre/histoire.png) no-repeat;
width:320px;
height:19px;
text-indent:-9999px
}
#panes {
			
			width: 618px;
			float:left;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:11px; 
			color:#404040;
		}
		
.nouv {
	float:left; 
	height:276px; 
	width:185px;
	margin-right:31px;
	position:relative;
}
.nouv .vis {
	position:absolute;
	left: 15px;
	top: 40px;
}
.nouv span{
display:block;
font:bold 8px verdana;
color:#fe3100;
position:absolute;
top:10px;
left:80px;
}
.nouv p{
display:block;
font:normal 9px verdana;
color:#333;
position:absolute;
top:50px;
left:80px;
width:105px;
text-transform:none;
}

.nouv .plusInfo{
	position:absolute;
	top: 152px;
	right: 3px;
}

.nouv_full {
	float:left; 
	height:276px; 
	width:185px;
	margin-right:31px;
	position:relative;
}
.nouv_full .vis {
	position:absolute;
	left: 15px;
	top: 40px;
}
.nouv_full span{
display:block;
font:bold 8px verdana;
color:#fe3100;
position:absolute;
top:10px;
left:10px;
}
.nouv_full p{
display:block;
font:normal 9px verdana;
color:#333;
position:absolute;
top:40px;
left:10px;
width:165px;
text-transform:none;
}

.nouv_full .plusInfo{
	position:absolute;
	top: 152px;
	right: 3px;
}

.nouv_last {
	float:left; 
	background:url(../images/visuel/2009.png);
	height:276px; 
	width:185px;
}
.box_50{
background:url(../images/box_50.gif);	
height:149px; 
width:185px;
}
.box_60{
background:url(../images/visuel/2009.png);	
height:276px; 
width:185px;
}

.box_80{
background:url(../images/visuel/2007_2.png);	
height:276px; 
width:185px;
}

.box_70{
background:url(../images/box_70.jpg);	
height:276px; 
width:185px;
}
.wrap {
	position:relative; top:149px; width:185px ; height:127px; overflow:hidden; cursor:pointer
}
.wrap div {
	position:absolute; width:185px ; height:127px; top:-127px
}
.scroll {
	overflow: hidden;
	width: 1001px;
    margin: 0 auto;
    position: relative;
}
.hide {
    display: none;
}
/*================
	CAROUSEL
=================*/
 .jcarousel-skin-tango .jcarousel-container {
  
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 568px;
    
	padding:0 50px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  618px;
    height: 276px;
}


.jcarousel-skin-tango .jcarousel-item {
    height:276px; 
	width:185px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 31px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 55px;
    right: -48px;
	_right: 2px;
    width: 34px;
    height: 46px;
    cursor: pointer;
    background: transparent url(../images/fleche_droite.gif) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:active {
   
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 34px;
    height: 46px;
    cursor: pointer;
	background: transparent url(../images/fleche_gauche.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
   
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height:276px; 
	width:185px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {

    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*JCAROUSSEL_HOME*/
 .jcarousel-skin-tango_hom .jcarousel-container_hom {
  width:1001px;
}

.jcarousel-skin-tango_hom .jcarousel-container-horizontal_hom {
    width:1001px;
}

.jcarousel-skin-tango_hom .jcarousel-container-vertical_hom {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango_hom .jcarousel-clip-horizontal_hom {
    width:  618px;
    height: 276px;
}


.jcarousel-skin-tango_hom .jcarousel-item_hom {
    height:276px; 
	width:185px;
}

.jcarousel-skin-tango_hom .jcarousel-item-horizontal_hom {
    margin-right: 31px;
}

.jcarousel-skin-tango_hom .jcarousel-item-vertical_hom {
    margin-bottom: 10px;
}

.jcarousel-skin-tango_hom .jcarousel-item-placeholder_hom {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango_hom .jcarousel-next-horizontal_hom {
    position: absolute;
    top: 55px;
    right: -48px;
	_right: 2px;
    width: 34px;
    height: 46px;
    cursor: pointer;
    background: transparent url(../images/fleche_droite.gif) no-repeat 0 0;
}


.jcarousel-skin-tango_hom .jcarousel-next-horizontal_hom:active {
   
}

.jcarousel-skin-tango_hom .jcarousel-next-disabled-horizontal_hom,
.jcarousel-skin-tango_hom .jcarousel-next-disabled-horizontal_hom:hover,
.jcarousel-skin-tango_hom .jcarousel-next-disabled-horizontal_hom:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango_hom .jcarousel-prev-horizontal_hom {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 34px;
    height: 46px;
    cursor: pointer;
	background: transparent url(../images/fleche_gauche.gif) no-repeat 0 0;
}

.jcarousel-skin-tango_hom .jcarousel-prev-horizontal_hom:hover {
}

.jcarousel-skin-tango_hom .jcarousel-prev-horizontal_hom:active {
   
}

.jcarousel-skin-tango_hom .jcarousel-prev-disabled-horizontal_hom,
.jcarousel-skin-tango_hom .jcarousel-prev-disabled-horizontal_hom:hover,
.jcarousel-skin-tango_hom .jcarousel-prev-disabled-horizontal_hom:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango_hom .jcarousel-next-vertical_hom {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango_hom .jcarousel-next-vertical_hom:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango_hom .jcarousel-next-vertical_hom:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango_hom .jcarousel-next-disabled-vertical_hom,
.jcarousel-skin-tango_hom .jcarousel-next-disabled-vertical_homhover,
.jcarousel-skin-tango_hom .jcarousel-next-disabled-vertical_hom:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango_hom .jcarousel-prev-vertical_hom {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango_hom .jcarousel-prev-vertical_hom:hover {
    
}

.jcarousel-skin-tango_hom .jcarousel-prev-vertical_hom:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango_hom .jcarousel-prev-disabled-vertical_hom,
.jcarousel-skin-tango_hom .jcarousel-prev-disabled-vertical_hom:hover,
.jcarousel-skin-tango_hom .jcarousel-prev-disabled-vertical_hom:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-container_hom {
    position: relative;
}

.jcarousel-clip_hom {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list_hom {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list_hom li,
.jcarousel-item_hom {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height:276px; 
	width:185px;
}
/* question gamme */
.question {
	width:206px;
	float:left;
	padding:25px 0 0 18px;
}

	.question span {
		display:block;
		margin:10px 0 20px;
		font:11px Verdana, Geneva, sans-serif;
		color:#7d8581
	}

	#slider ul, #slider li, #slider ol{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		font:11px Verdana, Geneva, sans-serif;
		color:#911c5b;
		position:relative;
		width:206px;
		height:280px;
		overflow:hidden;
		}
		#slider ul li input {
		position:absolute;
		left:0px;
		.left:-3px;
		top:-1px
	}
#slider div.panel div {
	position:relative;
	margin-top:10px;
	line-height:10px
}

#slider div.panel div span {
   padding-left:17px;
   margin:0px;
   color:#575757;
   font:10px Verdana, Geneva, sans-serif
}

	span#prevBtn{margin-top:8px; float:left}
	span#nextBtn{margin-top:8px; float:right}
	span#nextBtn a {outline:none}

/* // Easy Slider */
ul.chemin {
	position:absolute;
	list-style:none;
	left: 35px;
	_left: 50px;
	top: 10px;
}
	ul.chemin li {
		float:left;
		font:9px Verdana, Geneva, sans-serif;
		color:#585858;
		margin:0px 5px;
	}
		ul.chemin li a {
			font:9px Verdana, Geneva, sans-serif;
			color:#585858;
			text-decoration:none;
		}
		#gamme ul.chemin li a.current {
			color:#aa73a9;
		}
		#saga ul.chemin li a.current {
			color:#fe3100;
		}
		#conseils ul.chemin li a.current {
			color:#35387d;
		}
			
/* Produit visuel */
.visuel {
	float:left; margin-right:16px;
}
.descrip_visuel {
	float:left;
	position:relative
}
.titre span {
	display:block;
	font:11px Verdana, Geneva, sans-serif;
	color:#333;
	margin:10px 0 15px;
	text-transform:none
}
.txt_descrip {
	margin-top:15px;
	position:relative; 
	width:360px; 
	height:160px; 
	overflow:auto
}
.txt_descrip span, .txt_descrip p {
	font:11px/15px Verdana, Geneva, sans-serif;
	color:#333;
	margin:10px 0 15px;
	text-transform:none
}
.txt_descrip2 {
	margin-top:15px;
	width:367px; 
}

.txt_descrip2 span {
	font:11px/15px Verdana, Geneva, sans-serif;
	color:#5f4910;
	margin:0px 0 15px;
	text-transform:none;
	display:block
}
.visuel_conseil{
	float:left; 
	margin-right:24px;
	position:relative;
	width:350px
}
	.visuel_conseil span {
	position:absolute;
	font:10px Verdana, Geneva, sans-serif;
	color:#7a7a7a;
	text-transform:none;
	width:115px;
	top: 100px;
	right:2px
	}
		

.descrip_conseil {
	float:left;
	position:relative
}
h3.titre_damien {
	background:url(../images/titre/damien.png) no-repeat;
	width:330px;
	height:17px;
	margin:10px 0px 70px;
	display:block;
	text-indent:-9999px;
}
.tousConseils {
	margin-top:100px; height:200px; overflow:auto; width:360px;
}
.tousConseils p {
	margin:0px 30px 0 0; font:10px Verdana, Geneva, sans-serif; text-transform:none ; color:#282828; margin-bottom:10px 
}

.tousConseils span {
	margin:0px 30px 0 0; font:bold 10px Verdana, Geneva, sans-serif; text-transform:none; color:#60355f 
}

.tousConseils2 {
	margin-top:46px; height:244px; overflow:auto; width:380px;
}
.tousConseils2 h5 {
	border-bottom:1px solid #979797;
	font:11px Verdana, Geneva, sans-serif;
	color:#7b008b;
	text-transform:none;
	height:15px;
	width:80%;
	margin-bottom:15px
}
.tousConseils2 p {
	margin:0px 30px 0 0; font:10px Verdana, Geneva, sans-serif; text-transform:none ; color:#282828; margin-bottom:10px ;
	width:80%
}

.tousConseils2 span {
	 font: 10px Verdana, Geneva, sans-serif; text-transform:none; color:#7b008b 
}

h3.titre_ttconseils {
	background:url(../images/titre/ttconseils.png) no-repeat;
	width:455px;
	height:22px;
	margin:9px 0 0 0;
	display:block;
	text-indent:-9999px;
	position:relative
}
.visuel_ttconseils{
	margin:26px 0px 0 0;
	position:relative;
	height:63px
}
	.visuel_ttconseils ul li {
		margin-bottom:14px;
		float:left
	}
		visuel_ttconseils ul li a {
			display:block;
			text-align:center;
			font:11px Verdana, Geneva, sans-serif;
			color:#fff
		}
		.visuel_ttconseils ul li.regime {
			display:block;
			margin-left:0px;
			text-align:center
		}
		.visuel_ttconseils ul li.regime a
		{
			text-align:center;
			font:11px/37px Verdana, Geneva, sans-serif;
			color:#fff;
			text-transform:none;
			text-decoration:none;
			background:url(../images/btn/btn_petit.gif) no-repeat;
			width:91px;
			height:63px;
			display:block
		}
		.visuel_ttconseils ul li.regime a.selected {
			background:url(../images/btn/btn_petit_on.gif) no-repeat;
			display:block;
			width:91px;
			height:63px;
			font:bold 11px/37px Verdana, Geneva, sans-serif;
			color:#35387d
		}
		.visuel_ttconseils ul li.sport {
			margin-left:20px;
			text-transform:none;
			text-decoration:none;
		}
		.visuel_ttconseils ul li.sport a {
			text-align:center;
			font:11px/37px Verdana, Geneva, sans-serif;
			color:#fff;
			text-transform:none;
			text-decoration:none;
			background:url(../images/btn/btn_petit.gif) no-repeat left top;
			width:91px;
			height:63px;
			display:block;
			
		}
		.visuel_ttconseils ul li.sport a.selected {
			background:url(../images/btn/btn_petit_on.gif) no-repeat;
			display:block;
			width:91px;
			height:63px;
			font:bold 11px/37px Verdana, Geneva, sans-serif;
			color:#35387d
		}
		.visuel_ttconseils ul li.nutrition {
			margin-left:20px;
			text-align:center;
			line-height:13px;

		}
		.visuel_ttconseils ul li.nutrition a {
			text-align:center;
			font:11px/13px Verdana, Geneva, sans-serif;
			color:#fff;
			text-transform:none;
			text-decoration:none;
			background:url(../images/btn/btn_petit.gif) no-repeat;
			width:91px;
			height:58px;
			display:block;
			padding-top:5px
		}
		.visuel_ttconseils ul li.nutrition a.selected {
			background:url(../images/btn/btn_petit_on.gif) no-repeat;
			font:bold 11px Verdana, Geneva, sans-serif;
			color:#35387d;
		}
		.visuel_ttconseils ul li.maniere {
			margin-left:20px;
			text-align:center;
			line-height:13px;
		}
		.visuel_ttconseils ul li.maniere a {
			text-align:center;
			font:11px Verdana, Geneva, sans-serif;
			color:#fff;
			text-transform:none;
			text-decoration:none;
			background:url(../images/btn/btn_large.gif) no-repeat;
			width:149px;
			height:58px;
			display:block;
			padding-top:5px
		}
		.visuel_ttconseils ul li.maniere a.selected {
			background:url(../images/btn/btn_large_on.gif) no-repeat;
			font:bold 11px Verdana, Geneva, sans-serif;
			color:#35387d;
		}
		.visuel_ttconseils ul li.sucrette {
			margin-left:20px;
		}
		.visuel_ttconseils ul li.sucrette a {
			background:url(../images/btn/btn_moyen.gif) no-repeat;
			text-align:center;
			font:11px/13px Verdana, Geneva, sans-serif;
			color:#fff;
			text-transform:none;
			text-decoration:none;
			width:102px;
			height:58px;
			text-align:center;
			padding-top:5px;
			display:block;
		}
		.visuel_ttconseils ul li.sucrette a.selected {
			background:url(../images/btn/btn_moyen_on.gif) no-repeat;
			font:bold 11px Verdana, Geneva, sans-serif;
			color:#35387d;
		}
.descrip_conseil_new {
	position:relative;
	clear:left
}
.tousConseilsNew {
 height:244px; overflow:auto; width:700px;
}
.tousConseilsNew p {
	margin:0px 30px 10px 0; _margin:0px 30px 6px 0; font:10px Verdana, Geneva, sans-serif; text-transform:none ; color:#282828;
}
.tousConseilsNew span {
	 font: 12px Verdana, Geneva, sans-serif; text-transform:none; color:#7b008b 
}
.tousConseilsNew p a img {
	margin-left:5px;
}


/*======================
		Vrai ou faux
=======================*/
h3.vrai {
	width:180px;
	height:17px;
	padding:10px 0px;
	display:block;
}
p.txt_bleu {
	font:12px/17px Verdana, Geneva, sans-serif;
	color:#2b2d70;
	text-transform:none;
	position:relative;
	z-index:2;
	width:700px
}
/* Accordion */
#accord {
	width:335px;
	font:12px/31px Verdana, Geneva, sans-serif;
	color:#3e3e3E;
	text-transform:none
}
#accord .active {
	font-weight:bold;
	text-transform:none
}
#accord .first {
	background: url(../images/accord/onglet1.jpg) no-repeat;
	cursor:pointer;
	height:31px;
	padding-left:26px
}
#accord .second {
	background: url(../images/accord/onglet2.jpg) no-repeat;
	cursor:pointer;
	height:32px;
	margin-bottom:1px;
	padding-left:26px
}
#accord .third {
	background: url(../images/accord/onglet3.jpg) no-repeat;
	cursor:pointer;
	height:32px;
	padding-left:26px
}
#accord dd { height: 81px; background:url(../images/accord/bg_sous.png) no-repeat; padding:0px 0 0 22px }
	#accord dd ul {
		list-style:none;
		margin:0px; padding:0px
	}
		#accord dd ul li {
			background:url(../images/petit_puce.gif) left 9px no-repeat;
			padding-left:9px;
			line-height:19px
		}
		#accord dd ul li a {
			font:11px Verdana, Geneva, sans-serif;
			color:#404040;
			text-decoration:none;
		}
		#accord dd ul li a:hover, #accord dd ul li a.current {
			color:#ab4f81;
		}
.colonneLeft {
	float:left; width:335px;
}
.colonneRight {
	float:left; width:335px;
	position:relative
}
.bulle {
	position:absolute;
	background:url(../images/bg_bulle.png) no-repeat;
	width:210px;
	height:217px;
	left: 0px;
	top: -71px;
}
.descrip_faux {
	margin-top:32px;
	height:200px; 
	overflow:auto; 
	width:360px;	
	float:left;
	position:relative;
	padding-left:40px

}
.descrip_faux img {
	display:block;
	margin-bottom:21px;
}
.descrip_faux p {
	margin:0px 30px 0 0; font:10px Verdana, Geneva, sans-serif; text-transform:none ; color:#282828; margin-bottom:10px ; width:300px
}

.descrip_faux span {
	margin:0px 0 10px 0; font:11px Verdana, Geneva, sans-serif; text-transform:none; color:#ab4f81; display:block 
}

/*===============
	Pop Up
=================*/

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:none;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
background:url(../images/pop/bg_popup.jpg) no-repeat;
background-color:#FFF;
padding:23px 0 0 36px
}
#popupContact .popuphtml {
width:500px;	
height:385px;	
}

#popupContact h1{
	display:block;
	text-indent:-9999px;
	background:url(../images/pop/titre_faire.png) no-repeat;
	width:411px;
	height:24px;
}
#popupContact span {
	font:10px/16px Verdana, Geneva, sans-serif;
	display:block;
	color:#323232;
	position:relative;
	top:10px;
	_top:-13px;
}
#popupContact form {
	margin-top:40px;
	_margin-top:10px;
}
#popupContact label {
	width:100px;
	text-align:right;
	margin-right:5px;
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#333333;
	text-transform:uppercase		
}

#popupContact td font {
	font:9px Verdana;
}

#popupContact form input {
	width:150px;
	height:auto;
	margin-right:15px;
}

#popupContact .email input {
	width:250px;
	height:auto;
	margin-right:5px;
}


#popupContactClose{
right:8px;
top:5px;
position:absolute;
color:#4b4b4b;
display:block;
font:9px Verdana, Geneva, sans-serif;
cursor:pointer
}
#button{
}
/* Formulaire */
#popupContact form label, #popupContact form input {
    display:-moz-inline-block;
	display:inline-block;
}
#popupContact form td.textarea {
	position:relative;
}


#popupContact form td.textarea label {
	position:relative;
	top:-47px;
}
.textarea textarea {
	width:250px; height:60px;
}
#popupContact form td {
	padding-bottom:3px !important;
	.padding-bottom:1px;
}
.btn_envoi {
	position:relative;
	top:40px;
	left:440px;
}


/* --- */

h3.titre_conseil_mois {
	background:url(../images/titre/conseil_mois.png) no-repeat;
	width:330px;
	height:20px;
	margin:10px 0px 5px;
	display:block;
	text-indent:-9999px;
}

.conseil_date {
  font:bold 10px Arial;
  color:#444;	
  text-transform:none;
}

.conseil_title {
  color:#35052f;
  font:bold 11px Arial;
  margin-top:20px;
  margin-bottom:10px;
  text-transform:none;	
}

.conseil_abstract {
  color:#35052f;
  font:13px Arial;
  text-transform:none;	
  width:330px;
}

/* QUIZZ V2 */

.quizz_title { 
	margin-left:20px; 
}

.quizz_box {
  	margin-top:80px;
	margin-left:100px;	
	float:left;
}
.quizz_claim {
	float:left;
	width:300px;
	margin-left:50px;
	margin-top:60px;
	font:bold 13px Arial;
	color:#666;
	line-height:18px;
}

.quizz_question {
	color:#ba377e;
	font:bold 14px Arial;
	margin-bottom:20px;
}

.quizz .panel div {
	font:12px Arial;
	color:#666;	
}

.quizz .panel div input {
	float:left;
	margin-right:5px;
	position:relative;
	top:2px;
	#top:0px;
}

.quizz .panel div span {
	margin-bottom:20px;
	display:block;
	padding-left:20px;
}

.quizz {
	width:380px;
	margin-top:30px;
	margin-left:150px;
}

.quizz_result {
	width:620px;
	margin-top:40px;
	#margin-top:20px;
	margin-left:60px;	
	font:12px Arial;
	color:#222;
	line-height:20px;
}

.quizz_result img {
	float:left;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
}

.quizz_result .buttons img {
	float:left;
	margin:0px;
	margin-top:15px;
	margin-right:10px;
}

.quizz_result h1 {
	color:#ba377e;
	font:bold 14px Arial;
}

/* Page Vidéos */

.video {
	background:url(../images/sucrettes_saga_video_popup.gif) no-repeat;
	padding-top:75px;
	padding-left:3px;
	width:713px;
	height:347px;
	margin:10px 0px 0px;
	text-indent:-9999px;
	display:block;
	
}

a.link10 {
		width:338px;
		height:188px;
		overflow:hidden;
		display:block;
		text-indent:-9999px;
		margin-bottom:35px;
		float:left
	}
	
a.link11 {
		width:338px;
		height:188px;
		overflow:hidden;
		display:block;
		text-indent:-9999px;
		margin-bottom:35px;
		float:right	
	}
a.link12 {
		width:226px;
		height:50px;
		overflow:hidden;
		display:block;
		text-indent:-9999px;
		margin-bottom:10px;
		float:left	
	}

.link13 {
	position:absolute;
	width:200px;
	margin-top:162px;	
	margin-left:185px;	
	display:block;
}	

   

/* Game / Club */

.login .links { 
	color:#a74d97;
	font:bold 11px Arial;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	margin-top:10px;
	
}

.login .links a { 
	color:#a74d97;
	font:bold 11px Arial;
}

.club .rules {
	margin-top:20px;
	font:bold 11px Arial;
	color:#454545;	
}

.club .purple {
       color:#a74d97;
}

.club label {
	color:#444;
	text-transform:uppercase;
	font:bold 11px Arial;
	margin-right:20px;
}

.club .input font {
	font:10px Arial;
}

.club .input input {
	width:180px;
	font:11px Arial;
	border:0px solid #000;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	height:16px;
}

.club .birthday input {
	width:80px;
	font:11px Arial;
	border:0px solid #000;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	height:16px;
	position:relative;
	top:-3px;
}

.club .birthday span {
	font:10px Arial;
	position:relative;
	top:-2px;
}

.club .input select {
	font:11px Arial;
	border:0px solid #000;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	height:18px;
}

.game, .club { 
	background:url(../images/club/back.jpg) 20px 1px no-repeat;
}

.game .rules {
	width:300px;
	margin-top:20px;
	font:bold 11px Arial;
	color:#454545;	
}

.game .purple {
	padding-left:20px;
	color:#a74d97;
}

.game .rules a {
	color:#454545;
}

.game .button {
	margin-top:8px;
	width:160px;
	font:bold 11px Arial;
   	float:left;
	color:#a74d97;
	margin-right:20px;
}

.questions {
	background:url(../images/club/back_questions.jpg) 20px 1px no-repeat;
}

.questions input {
	#margin-top:-4px;
}

.questions .question1 {
	float:left;
	width:200px;	
	margin-top:95px;
}

.questions .question2 {
	float:left;
	width:270px;	
	margin-top:95px;
}

.questions .question3 {
	float:left;
	width:200px;	
	margin-top:80px;
}

.questions input {
	position:relative;
	top:12px;	
	float:left;
}

.questions span {
	font:11px Arial;
	margin-left:20px;
	margin-top:10px;
	display:block;
}

.questions .buttons {
	float:right;
	margin-top:40px;
	margin-right:10px;
}



/* MINI HOME */
/* Page Merci */
.corpsMini {
	width:982; 
	height:358px;
	background:url(../images/corps_minihome.jpg) no-repeat; 
	position:relative; 
	margin:1px 0 0 23px;
	_margin:1px 0 0 46px;
	padding:40px 0 0 18px;
	_padding:40px 0 0 13px
}
	.corpsMini h3 {
		margin:15px 0 25px;
		display:block
	}
	.corpsMini p {
		font:12px/20px Verdana, Geneva, sans-serif;
		color:#444444;
		width:200px;
		margin-bottom:20px
	}
		.corpsMini p span {
			color:#811070;
		}
a.btnInsc {
	background:url(../images/btn/btn_insc.jpg) no-repeat;
	width:203px;
	height:20px;
	display:block;
	text-indent:-99999px;
	margin-top:45px;
}

.corpsMini ul.chemin {
	position:absolute;
	list-style:none;
	left: 15px;
	_left: 5px;
	top: 10px;
}
	.corpsMini ul.chemin li {
		float:left;
		font:9px Verdana, Geneva, sans-serif;
		color:#585858;
		margin:0px 5px;
	}
		.corpsMini ul.chemin li a {
			font:9px Verdana, Geneva, sans-serif;
			color:#585858;
			text-decoration:none;
		}
.fleft {float:left}
.fRight {float:right; padding-right:70px}
.machine dl {
	padding-top:10px;
}
.machine dl dt {
	float:left;
	padding:35px 40px 0 0;
	_padding:35px 20px 0 0
}
.machine dl dd {
	float:left
}
.machine dl dd p {
	font:bold 13px/17px Verdana, Geneva, sans-serif;
	display:block;
	margin-bottom:15px;
	color:#a962a8;
}

.machine dl dd span {
	font:normal 13px/17px Verdana, Geneva, sans-serif;
	display:block;
	margin-bottom:30px;
	color:#302e30;
	width:200px
}
.visuelBas {
	margin-top:10px;
	border-top:1px solid #8d8d8e;
	padding-top:10px;
	clear:both;
}
.visuelBas dl {
	width:225px;
	margin-top:10px;
	.margin-top:0px;
	float:left
}
.margR {
	margin-right:20px;
}
.visuelBas dl dt {
	background:url(../images/btn/left_fleche.png) no-repeat left center;
	padding-left:15px;
	color:#35052e;
	font:bold 11px/15px Verdana, Geneva, sans-serif;
	height:15px;
	overflow:hidden;
	margin-bottom:10px
}
.visuelBas dl dd {position:relative}
.visuelBas dl dd img {
	float:left;
}
.visuelBas dl dd p {
	font:10px/13px Verdana, Geneva, sans-serif;
	color:#282828;
	width:130px;
	display:block;
	float:right
}
.visuelBas dl dd p a.decouvrir {
	background:url(../images/btn/btn_decou.jpg) no-repeat;
	width:106px;
	height:17px;
	display:block;
	text-indent:-9999px;
	margin-top:10px
}
.visuelBas dl dd p a.decouvrir2 {
	background:url(../images/btn/btn_decou2.jpg) no-repeat;
	width:151px;
	height:17px;
	display:block;
	text-indent:-9999px;
	margin-top:10px
}
/* PAGE AVANTAGS */
a.retour {
	font:9px Verdana, Geneva, sans-serif;
	color:#9c479a;
	text-decoration:none;
	text-transform:none
}
.logo_reduc {
	position:absolute;
	right:40px;
	top:10px;
}

.avantage_club {
	position:relative;
	clear:left;
	margin-top:25px
}

.bloc_avantage {
       overflow:auto; width:700px; height:250px; 
}
.bloc_avantage tr {
	border-top:1px solid #d9d9d9;
}
.bloc_avantage img {
	margin-right:15px
}
.bloc_avantage p {
	margin:0px 0 0px 0; font:12px Verdana, Geneva, sans-serif; text-transform:none ; color:#811070; 
}
.bloc_avantage p span {
	 font: 10px Verdana, Geneva, sans-serif; text-transform:none; color:#282828;
}
.bloc_avantage a img {
	margin:13px 0 0;
	float:right;
}
.borderBottom {border-top:1px solid #d9d9d9;}



.bg_vignette {
	background:url(../images/bg_vignette.png) no-repeat;
	width:675px;
	height:242px;
	margin-left:-17px;
	position:relative;
	padding:40px 0 0 55px
}
	.bg_vignette ul {
		list-style:none;
		margin:15px 0 0 15px
	}
		.bg_vignette ul li {
			float:left;
			margin:0 8px 35px 0;
			text-align:center
		}
			.bg_vignette ul li a img {
				display:block;
				margin-bottom:10px;
			}
			.bg_vignette ul li a {
				font:9px/12px Verdana, Geneva, sans-serif;
				color:#6b1576;
				text-decoration:none;
				text-align:center;
				text-transform:none
			}
				.bg_vignette ul li a span {
					display:block;
					color:#474853
				}

p.txt_petit {
	font:11px/14px Verdana, Geneva, sans-serif;
	color:#636c67;
	text-transform:none;
	position:relative;
	z-index:2;
	width:700px
}
p.txt_petit a {
	font:10px Verdana, Geneva, sans-serif;
	color:#8e508d;
	text-decoration:none
}


.purple {
	font:bold 11px Arial;
	color:#A962A8;
}


/* CLUB */

.club2 .club_visual {
  padding:40px 0px 0px 0px;width:200px;
}

.club2 .club_text {
  margin-top:-20px;
}

.club2 .club_text {
  margin-top:-20px;
}

.club2 dl dd span {
  width:290px;
  font-size:12px;
}

.club2 .club_text ul {
  margin-top:10px;
}

.club2 .club_text li {
  color:#e3007a;
  font-weight:bold;
  font-size:10px;
  background:url(../images/round.png) 0px 5px no-repeat;
  padding-left:15px;
}

.club2 .club_text li a {
  color:#e3007a;
  text-decoration:none;
}

.fRightClub2 {
  margin-right:0px;
  padding-right:60px;
}

/* REMBOURSEMENT. */

.remboursement {
  background:#f4e2da;
  margin-left:20px;
  margin-top:1px;
}

.remboursement_title {
  margin-top:-10px;
}

.remboursement .visuel {
  margin-top:-15px;
  margin-right:40px;  
}

.remboursement div {
  font-family:Verdana,Geneva,sans-serif;
  font-size:10px;
  padding-right:20px;
  color:#454545;  
  padding-top:15px;
  line-height:16px;
  float:left;
  width:400px;
}

.remboursement ul {
  margin:0px;
  padding:0px;
}

.remboursement li {
    background:url(../images/bullet.gif) 0px 6px no-repeat;
    padding-left:10px;
}

.remboursement .offre_remboursement {
   text-align:center;
   margin:0px;
   padding:0px;
   margin-top:5px;
   margin-bottom:5px;
}

.remboursement .offre_modalites {
  font-size:9px;
  padding-top:5px;
}