@charset "utf-8";
/* CSS Document */

/*===========
====BLOCK==== 
=====DIAG====
===========*/

.homeDiag {
	background-image:url(/images/home_fond_diag_new.jpg);
	background-repeat:no-repeat;	
	width:637px; 
	height:329px; 
	float:left;
}

.homeDiag .homeDiagContenu {	 
	position:relative;
	vertical-align:top; 
	top:56px;
	left:5px;
	padding-right:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:329px; 
	color:#000000;
}


.homeDiag .homeEtape1 {	 
	background-image:url(/images/nouveau_diag.gif);
	background-repeat:no-repeat;
	position:relative;
	vertical-align:top; 
	top:15px;
	left:0px;
	padding-right:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:329px; 
	width:446px;
	color:#000000;
	float:left;
}

.homeDiag .homeEtape2 {	 
	position:relative;
	vertical-align:top; 
	top:15px;
	left:0px;
	padding-right:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:329px; 
	width:446px;
	color:#000000;
	float:left;
}

.homeDiag .homeEtape3 {	 
	position:relative;
	vertical-align:top; 
	top:15px;
	left:0px;
	padding-right:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:329px; 
	width:446px;
	color:#000000;
	float:left;

}


.homeDiag .homeEtape_inter {	 
	position:relative;
	vertical-align:top; 
	top:15px;
	left:0px;
	padding-right:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	height:329px; 
	width:446px;
	color:#000000;
	float:left;

}

.homeVague {
	background-image:url(/images/barre-vague.gif);
	background-repeat:no-repeat;
	width:973px; 
	height:6px;
	float:left;
}


/*
.homeMenu div.menuBlock div.ssmenu table {
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}*/

/*============
====FOOTER==== 
=====HOME=====
============*/

.footer #dietactu {
/*
	background-image:url(../images/home_fond_dietactu_bas.gif);
	background-repeat:no-repeat; 
*/

	width:198px; 
	height:26px;
	float:right;
	text-align:center;
}

.footer #dietactu input.champs {
	width:153px;
	height:15px;
	font-family:Arial, Verdana;
	font-size:10px;
	color:#000000;
	vertical-align:top;
}



/*===========
====BLOCK==== 
==DIET'ACTU==
===========*/

.blockActu {
	background-image:url(../images/home_fond_dietactu.jpg); 
	background-repeat:repeat-x; 
	width:197px; 
	height:235px; 
	float:right;
	position:relative;
}

.blockActu .actu {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	margin-left:10px;
	padding-top:32px;
	 width:182px;
}

.actuSpacer {
	margin: 20px auto;
	background-color:#CDCDCD;
	background-position:center;
	height:1px;
	width:167px;
	position:relative;
	padding:0px;
}

.actuVid {
	margin: 0px auto;
	width:167px;
}

.actuVidHaut {
	width:167px;
	height:7px;
	line-height:7px;
	font-size:7px;
	background-image:url(../images/home_fond_dietactu_encartvidH.gif);
	background-repeat:no-repeat;
}

.contentActuVid {
	background-color:#E7EECD;
	width:167px;
	line-height:13px;
	text-align:center;
}

.actuVidBas {
	width:167px;
	height:6px;
	background-image:url(../images/home_fond_dietactu_encartvidB.gif);
	background-repeat:no-repeat;
}

.titreActu {
	color:#85A80C; 
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	vertical-align:top;
	padding-right:14px;
	font-weight:400; 
}

.titreActu2 {
	color:#85A80C; 
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	vertical-align:top; 
	font-weight:400; 
}


/*===========
====BLOCK==== 
==DIET'CLUB==
===========*/
.homeClub {
	background-image:url(/images/home_fond_dietclub.gif); 
	background-repeat:no-repeat; 
	width:536px; 
	height:231px; 
	float:left;
	color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

.homeClub .clubAcroche {
	position:relative;
	left:18px;
	font-size:12px;
	padding-top:30px;
	width:536px;
	padding-bottom:5px;
}


.clubMargin{
	margin-left:8px;
	margin-right:8px;
	font-size:10px;
}

.clubSpacer {
	float:left;
	background-image:url(/images/home_fond_dietclub.gif);
	background-repeat:no-repeat;
	width:1px;
	height:148px; 
}

.homeClub .homeForum {
	width:190px;
	float:left;
	position:relative;
}

.homeClub .homeForum .forumTitre {
	color:#BD007C;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:700;	
}

.forumColor {
	color:#BD007C;
	font-size:12px;
}

.homeClub .homeChat {
	width:163px;
	float:left;
	position:relative;
}
.homeClub .homeChat .chatTitre {
	color:#94C10E;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:700;
}
.chatColor {
	color:#94C10E;
	font-size:11px;
}

.homeClub .homeBlog {
	width:180px;
	float:left;
	position:relative;
}

.homeClub .homeBlog .blogTitre {
	color:#F29301;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:700;
}

.blogColor {
	color:#F29301;
	font-size:12px;
}




/*=============
=====BLOCK===== 
==DIET'SUCCES==
=============*/
.homeSucces {
	background-image:url(/images/home_fond_dietsucces.jpg); 
	background-repeat:no-repeat; 
	width:239px;
	height:231px; 
	float:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	
}

.homeSucces .succes {
	background-image:url(../images/home_cartouche_dietsucces.gif);
	background-repeat:no-repeat;
	width:101px;
	height:159px;
	text-align:center;
	margin-top:8px;
	float:left;
	color:#393438;
	margin-right:8px;
	position:relative;
	top:35px;
	left:12px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.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: 5;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 200px;
}

/**
 * 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-skin-tango .jcarousel-container-horizontal {
    width: 220px;
    padding-left: 10px;
    
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  220px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-right: 10px;
}

.text12 {
font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}