@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif; height:100%
}

a img, fieldset {
	border:none
}

a {
	outline:none;
	-moz-outline-style: none;
}

.clear {clear:both}

#wrap {
	background:url(../images/bg.jpg) no-repeat; 
	width:972px; 
	margin:0 auto;
	position:relative;
	overflow:hidden
}
#header {
	height:185px; 
	position:relative;
	background:url(../images/header.png) no-repeat
}

/*************
	Header
*************/
.logo {
	width:380px;
	position:relative; 
	padding:9px 0 0 12px
}
.logo a.babylait {
	background:url(../images/sprite/babylait.png) no-repeat left top;
	width:88px;
	height:76px;
	position:absolute;
	text-indent:-9999px;
	top:106px;
	left:40px
}
.logo a.babylait:hover {
	background-position:-89px top;
	_background-position:-88px top
}
.logo a.croissance {
	background:url(../images/sprite/croissance.png) no-repeat left top;
	width:104px;
	height:76px;
	position:absolute;
	text-indent:-9999px;
	top:89px;
	left:181px
}
.logo a.croissance:hover {
	background-position:-104px top;
	_background-position:-103px top;
}

.partenariat {
	color:#1a171b;
	font-size:12px;
	text-align:center;
	width:110px;
	position:absolute;
	left:420px;
	top:20px
}
.partenariat img {
	margin-top:5px
}
a.inscr {
	background:url(../images/sprite/inscr.png) no-repeat top left;
	width:191px;
	height:156px;
	position:absolute;
	top:16px;
	right:219px;
	z-index:99
}
a.inscr:hover {
	background-position: -191px top
}
.inscription {
	background:url(../images/bg_inscription.png) no-repeat; 
	width:228px; 
	height:185px; 
	position:absolute; 
	right:0; 
	top:0;
	text-align:center;
	padding-left:20px
}
.inscription span {
	color:#ea6895;
	font:bold 13px Arial, Helvetica, sans-serif;
	display:block;
	margin:20px 0 15px
}
.inscription form {
	
}

.inscription form p {
	margin-bottom:5px;
	.margin-bottom:2px
}
.inscription form p a {
	font:9px Arial, Helvetica, sans-serif;
	color:#1a171b;
	margin:0 5px 0 25px;
	position:relative;
	top /*\**/: -10px\9;
	_top:-5px
}
.test { color /*\**/: blue\9 }
.inscription form label {
	font:10px Arial, Helvetica, sans-serif;
	color:#1a171b;
	display:block
}

.inscription form input {
	background:url(../images/bg_input.jpg) no-repeat;
	width:115px;
	height:18px;
	border:none;
	font:10px Arial, Helvetica, sans-serif;
	color:#1a171b;
	text-align:center;
	padding:3px 7px 0 7px
}
.inscription form input.submit {
	background:url(../images/btn_ok.jpg) no-repeat;
	width:36px;
	height:29px;
	border:none;
	padding-top:3px;
	text-indent:-9999px;
	cursor:pointer
}

/**************
	MILLIEU
**************/
#millieu {
}

.leftSide, .rightSide {
	float:left
}

.leftSide {
	width:229px;
	background:#ea6894;
	position:relative;
	z-index:99;
	background:url(../images/deg_left.jpg) repeat-y;
}
.leftSide .visuel {
	margin-top:-9px;
	background:url(../images/famille.png) no-repeat;
	width:245px; 
	height:306px;
	text-indent:-9999px
}

ul.rubriques {
	list-style:none;
	border-top:1px solid #fff;
	width:212px;
	padding:22px 0 0 6px
}
	ul.rubriques li {
		height:31px;
		border-bottom:1px dashed #fff;
		line-height:31px;
		_height:29px;
		_line-height:29px;
	}
	ul.rubriques li.last {
		border-bottom:none;
	}
	ul.rubriques li a {
		text-decoration:none;
		color:#fff;
		font:12px/31px Arial, Helvetica, sans-serif;
		display:block;
		padding-left:38px;
		height:31px;
		background:url(../images/sprite/bg_lien_test.jpg) no-repeat top left;
		margin:0 0 0 5px
	}
	ul.rubriques li a:hover {
		background-position:left -31px;
		color:#f5bad1;
		text-decoration:underline
	}
	
.pub {
	border-top:1px solid #fff;
	margin-top:10px;
	width:218px
}

/************************
  !    RIGHT SIDE     !
************************/

.rightSide .dernierInsc {
	height:339px;
	position:relative;
	_left:-16px
}
.inscriContent {
	width:743px; 
	background:url(../images/dernier_insc.png) no-repeat; 
	position:absolute;
	height:339px;
	top:0px;
	left:0px
}
.inscri1 {
	position:absolute;
	width:189px;
	height:203px;
	left: 76px;
	top: 81px;
}
.inscri2 {
	position:absolute;
	width:189px;
	height:203px;
	left: 309px;
	top: 118px;
}
.inscri3 {
	position:absolute;
	width:180px;
	height:203px;
	right: 59px;
	bottom: 2px;
}
.inscriContent div img {
	display:block;
}
.inscriContent div p, .inscriContent div span, .inscriContent div a.vote, .inscriContent div a.pseudo, .inscriContent div a.ville {
	position:absolute
}
.inscriContent div a.pseudo {
	color:#e2001a;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none
}
.inscriContent div a.ville {
	color:#1a171b;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none
}
.inscriContent div a.vote {
	color:#464648;
	font:normal 9px Arial, Helvetica, sans-serif;
	background:url(../images/sprite/vote.png) no-repeat center top;
	width:70px;
	height:9px;
	_height:10px;
	_overflow:hidden;
	padding:28px 0 0 4px;
	text-align:left;
	text-decoration:none
}
.inscriContent div a.vote:hover {
	text-decoration:underline;
	background-position:center -38px;
	_background-position:center -37px;
	color:#929395
}

.inscriContent div a.pseudo:hover, .inscriContent div a.ville:hover {
	text-decoration:none
}
/******************************
	!  First Inscription  !
******************************/
.inscriContent div.inscri1 img {
	margin:10px auto 10px auto
}
.inscriContent div.inscri1 a.pseudo {
	left:10px
}
.inscriContent div.inscri1 a.ville {
	left:10px;
	bottom:3px
}
.inscriContent div.inscri1 a.vote {
	right:0px;
	bottom:0px;
}
/******************************
	!  Second Inscription  !
******************************/
.inscriContent div.inscri2 a.pseudo {
	left:6px;
	bottom:17px
}
.inscriContent div.inscri2 a.ville {
	left:6px;
	bottom:3px
}
.inscriContent div.inscri2 a.vote {
	right:0px;
	bottom:-5px;
}
.inscriContent div.inscri2 img {
	margin:17px auto 10px auto
}
/******************************
	!  Third Inscription  !
******************************/
.inscriContent div.inscri3 a.pseudo {
	left:11px;
	bottom:25px
}
.inscriContent div.inscri3 a.ville {
	left:11px;
	bottom:10px
}
.inscriContent div.inscri3 a.vote {
	right:-17px;
	bottom:12px;
}
.inscriContent div.inscri3 img {
	margin:0px auto 10px auto
}

/**************************
	  !  CAROUSEL  !
**************************/
#carousel {
	position:relative;
	left:0;
	_left:-16px;
	margin:10px 0 0 52px
}
a.toutProfil {
	width:131px;
	height:21px;
	background:url(../images/ttprofil.png) no-repeat 0 0;
	text-align:center;
	font:11px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	display:block;
	position:absolute;
	right:95px;
	_right:85px
}
a.toutProfil:hover {
	background-position:0 -21px;
	text-decoration:underline
}
#carousel p{
	font:12px Arial, Helvetica, sans-serif;
	color:#ea6895;
	display:block;
	padding:0 0 1px 44px
}
/**
 * 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: 0;
}

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

/**
 * 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;
}

.jcarousel-skin-tango .jcarousel-container {
    background: url(../images/bg_carousel.png) no-repeat;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 519px;
    padding: 7px 45px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  514px;
    height: 60px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 61px;
    height: 60px;
}

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


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 27px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/next.jpg) no-repeat top right;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: top left;
}

/*.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.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: 18px;
    left: 8px;
    width: 27px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/prev.jpg) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: top right;
}

/*.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.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;
}*/

/* Others Blocs */
#otherBlocs {
	position:relative;
	left:0;
	_left:-16px;
	margin:35px 0 0 15px;
	width:720px;
	_width:auto;
	overflow:hidden;
	height:221px
}
#otherBlocs div {
	float:left
}
	#otherBlocs div a {
		background:url(../images/sprite/fleche.jpg) no-repeat top left;
		width:49px;
		height:40px;
		text-indent:-9999px;
		display:block;
	}
	#otherBlocs div a:hover {
		background-position: left -40px
	}
.recherche {
	background:url(../images/bg_recherche.png) no-repeat; 
	width:167px; 
	height:83px;
	margin-right:13px;
	padding:90px 0 0
}
	.recherche form {
		margin:0 0 0 18px;
	}
		.recherche form input {
			background:url(../images/input_recherche.png) no-repeat;
			width:119px;
			height:18px;
			border:none;
			font:9px Arial, Helvetica, sans-serif;
			color:#1a171b;
			display:block;
			padding:7px 0 0 10px
		}
		.recherche a {
			margin:3px 0 0 25px;
			.margin:1px 0 0 25px;
		}
.classement {
	background:url(../images/bg_classe.png) no-repeat; 
	width:167px; 
	height:173px;
	margin-right:13px;
	position:relative
}
	.classement a {
		position:absolute;
		bottom:18px;
		left:47px;
	}
.cadeau {
	background:url(../images/bg_cadeau.png) no-repeat; 
	width:167px; 
	height:173px;
	position:relative
}
	.cadeau a {
		position:absolute;
		bottom:18px;
		left:47px;
	}
.recette {
	background:url(../images/bg_recette.png) no-repeat; 
	width:184px; 
	height:221px;
	position:absolute;
	right:0;
	top:0
}
#otherBlocs div.recette a {
	background:url(../images/sprite/btn_recette.png) no-repeat bottom left;
	position:absolute;
	bottom:53px;
	left:47px;
	width:52px;
	height:43px
}
#otherBlocs div.recette a:hover {
	background-position:top left
}
/* Footer */
#footer {
	position:relative;
	left:0px;
	_left:-16px;
	clear:left;
}
	#footer ul {
		list-style:none;
	}
		#footer ul li {
			float:left
		}
#footer ul.liens {
	position:relative;
	margin-left:33px;
	_margin-left:14px
}
#footer ul.liens li {
	height:18px;
	border-right:1px solid #1a171b;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	line-height:15px
}
#footer ul.liens li.last {
	border:none
}

	#footer ul.liens li a {
		color:#1a171b;
		font:13px Arial, Helvetica, sans-serif;
		text-decoration:none
	}
	#footer ul.liens li a:hover {
		color:#87888a;
		text-decoration:underline
	}
#footer .otherLiens {
	float:left;
	margin-top:-10px;
	position:relative;
	z-index:7
}
#footer .otherLiens a {
	float:left;
	width:34px;
	height:33px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:4px;
}
#footer .otherLiens a.facebook {
	background:url(../images/sprite/face.jpg) no-repeat top left;
}
#footer .otherLiens a.facebook:hover {
	background-position: left -33px
}
#footer .otherLiens a.google {
	background:url(../images/sprite/google.jpg) no-repeat top left;
}
#footer .otherLiens a.google:hover {
	background-position: left -33px
}
#footer .otherLiens a.net {
	background:url(../images/sprite/netvibes.jpg) no-repeat top left;
}
#footer .otherLiens a.net:hover {
	background-position: left -33px
}
#footer .otherLiens a.tech {
	background:url(../images/sprite/tech.jpg) no-repeat top left;
}
#footer .otherLiens a.tech:hover {
	background-position: left -33px
}
#footer .otherLiens a.twitter {
	background:url(../images/sprite/twitter.jpg) no-repeat top left;
}
#footer .otherLiens a.twitter:hover {
	background-position: left -33px
}

.errorContent {
	display: none;
	position: fixed;
	background-color:#fff;
	z-index:9999;
	padding:8px 9px;
	left:50%;
	top:50%
}
.border {
	border:1px solid #646567;
	position:relative;
	height:100%;
	overflow:hidden
}
#successmsgdiv {
	width: 203px;
	height: 94px;
	text-align:center;
	margin:-55px 0 0 -110px;
}
#errormsgdiv {
	width:260px;
	min-height:90px;
	height:auto !important;
	height:90px;
	margin:-100px 0 0 -130px;
}
#errormsgdiv ol {
	font:10px Arial, Helvetica, sans-serif;
	color:#00559f;
	line-height:12px;
	margin:32px 0 20px 32px
}
#page_mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	display:none;
} 
.errorContent p {
	color:#00559f;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:50px
}
a.close {
	display:block;
	position:absolute;
	left:3px;
	top:3px;
	background:url(../images/close.jpg) no-repeat;
	width:25px;
	height:24px;
	text-indent:-9999px
}
*html #page_mask {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}
*html .errorContent {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/* FORMULAIRE RECETTE */
.bg_form {
	position:relative;
	_left:-16px;
}
.header_form {
	height:195px;
	position:relative
}
.header_form img {
	position:absolute;
	width:742px;
	height:195px;
}
.form_recette {
	background:url(../images/bg_form.png) no-repeat; 
	width:742px;
	_width:726px;
	height:524px;
	position:relative;
	margin-bottom:50px;
}
.form_recette form {
	margin:0px 0 0 250px;
}
.form_recette form p {
	margin-bottom:12px;
	.margin-bottom:10px;
	position:relative
}
.form_recette form p label {
	color:#1a171b;
	font:bold 11px Arial, Helvetica, sans-serif;
	width:120px;
	display:-moz-inline-box;
	display:inline-block
}
.form_recette form p input {
	width:178px;
	height:14px;
	border:1px solid #9d9e9d
}
.form_recette form p.ingredient label {
	position:relative;
	top:25px;
	.top:-30px
}
.form_recette form p.ingredient input {
	height:74px;
}
.form_recette form p.prepare label {
	position:relative;
	top:33px;
	.top:-35px
}
.form_recette form p.prepare input {
	height:85px;
}
.form_recette form p.astuce label {
	position:relative;
	top:14px;
	.top:-17px
}
.form_recette form p.astuce input {
	height:47px;
}
.form_recette form p.checkbox, .form_recette form p.checkbox2, .form_recette form p.submit  {
		position:static
}
.form_recette form p.checkbox label {
	width:130px;
	margin:14px 0 0 50px;
	line-height:16px;
}
.form_recette form p.checkbox input,  .form_recette form p.checkbox2 input{
	height:auto;
	width:20px;
	border:none;
	position:relative;
	top:-9px
}
.form_recette form p.checkbox2 label {
	width:130px;
	margin:0px 0 0 50px;
	line-height:16px
}
.form_recette form p.submit input {
	height:60px;
	width:223px;
	border:none;
	background:url(../images/sprite/btn_valid_recette.png) no-repeat 0 0;
	cursor:pointer
}
.form_recette form#recetteForm p label.error { display:block; color:red; font-weight:normal; position:absolute; top:18px; left:124px }
.form_recette form#recetteForm p.ingredient label.error  {
	top:77px;
}
.form_recette form#recetteForm p.prepare label.error  {
	top:88px;
}
.form_recette form#recetteForm p.astuce label.error  {
	top:52px;
}

.form_recette form#recetteForm p input.error {background:red }
.form_recette form#recetteForm p.checkbox2 input.error {background:none }
.form_recette form#recetteForm p.checkbox2 label.error  {
	top:426px;
	.top:416px;
	height:auto;
	margin-left:312px
}

/* ESPACE RECETTE */
.header_recette {
	position:relative;
	height:281px;
}
	.header_recette_content {
		background:url(../images/header_recette.png) no-repeat;
		position:absolute;
		width:742px;
		height:281px;
	}
		.header_recette_content a.deposer {
			background:url(../images/sprite/btn_depose_recette.png) no-repeat 0 -52px;
			width:188px;
			height:52px;
			display:block;
			text-align:center;
			text-decoration:none;
			position:absolute;
			right:157px;
			bottom:2px;
			font:bold 14px/52px Arial, Helvetica, sans-serif;
			color:#fff
		}
		.header_recette_content a.deposer:hover {
			background-position:0 0;
			color:#aa086c
		}
.espace_recette {
	position:relative;
	background:url(../images/espace_recette.png) no-repeat top left;
	width:726px;
	min-height:539px;
	height:auto !important;
	height:539px
}
.espace_recette_content {
	position:relative;
	top:-30px; 
}
.savoirBlock {
	background:url(../images/bg_savoir.png) no-repeat; 
	width:330px; 
	height:216px; 
	position:relative;
	top:0px; 
	left:159px
}
	.savoirBlock h3 {
		padding:38px 0 0 60px;
		margin-bottom:9px
	}
	
	.savoirBlock p {
		color:#f8cdd9;
		padding:8px 0 0 28px;
		font-size:12px;
	}
#recette_list {
	width:442px; 
	position:relative; 
	margin-left:159px
}
.content_list {
	background:#fff; 
	padding:0 0 0 18px;
}
	.content_list table thead tr {
		background:#ea6894;
		height:32px;
		color:#fff;
		margin-bottom:5px
	}
	.content_list table thead tr.sep, .content_list table thead tr.sep td,
	.content_list table tbody tr.sep, .content_list table tbody tr.sep td{
		background:#fff;
		height:5px;
		overflow:hidden
	}
	.content_list table tr td.pad {
		padding-left:14px;
		font:12px Arial, Helvetica, sans-serif
	}
	.content_list table thead tr td {
		height:27px;
		background:#ea6894;
		
	}
	.content_list table thead tr td.bord {
		background:#ea6894 url(../images/bord.jpg) no-repeat left center;
		height:27px;
		font:7px Arial, Helvetica, sans-serif
	}
.content_list table tbody tr {
	height:26px;
}
.content_list table tbody tr td {
	height:22px
}
	.content_list table tbody tr td.bord {
		background:url(../images/bord2.jpg) no-repeat left center;
		height:22px;
		position:relative
	}
	.content_list table tbody tr td.bord img {
		position:relative;
		top:-2px;
		display:block
	}
	.content_list table tbody tr td.pad a {
		font-size:12px;
		color:#000;
		text-decoration:none
	}
	.content_list table tbody tr td.pad a:hover{
		color:#0055a0;
		text-decoration:underline
	}
	.content_list table tbody tr td.pad a:hover span{
		color:#0055a0;
		text-decoration:underline
	}
	.content_list table tbody tr td.pad a span {
		color:#fff;
		font:normal 12px Arial, Helvetica, sans-serif
	}
.content_list table tbody tr td a.coeur {
	background:url(../images/sprite/coeur.png) no-repeat 0 0;
	width:19px;
	height:17px;
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 4px 0 6px
}
.content_list table tbody tr td a.coeur:hover {
	background-position:-19px 0px;
}
.content_list table tbody tr td span {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#1a171b;
}

/* PAGINATION */
#pagination {
	width:519px; 
	height:38px; 
	margin:20px auto 0 auto; 
	position:relative;
	line-height:38px
}
#pagination a.precedent {
	width:36px;
	height:36px;
	background:url(../images/sprite/precedent.png) no-repeat 0 0;
	position:absolute;
	left:0;
	display:block;
	text-indent:-9999px;
}
#pagination a.suivant {
	width:38px;
	height:38px;
	background:url(../images/sprite/suivant.png) no-repeat 0 0;
	position:absolute;
	right:0;
	display:block;
	text-indent:-9999px;
	top:1px
}
#pagination a.precedent:hover {
	background-position:top right
}
#pagination a.suivant:hover {
	background-position:top right
}
#pagination p {
	font:bold 12px/38px Arial, Helvetica, sans-serif;
	color:#1a171b;
	left:48%;
	position:absolute
}
/* TOUS LES PROFILS */
.header_profils {
	position:relative;
	height:112px;
}
	.header_profils img {
		position:absolute;
		top:0;
		left:0
	}
.tt_profils {
	background:url(../images/bg_tt_profils.png) no-repeat; 
	width:640px; 
	padding-left:86px;
	margin-bottom:40px
}

.deg_bleu {
	background:url(../images/deg_bleu.jpg) repeat-y; 
	width:575px; 
}
.deg_red {
	background:url(../images/deg_red.jpg) repeat-y; 
	width:575px; 
}
.deg_red .titre_date, .deg_red .titre_date h3 {
	color:#ea6895
}
.titre_date {
	margin:0 auto;
	text-align:center;
	color:#009ee0;
	font-size:15px;
}
	.titre_date h3 {
		font-size:26px;
		color:#009ee0;
		display:block
	}
.deg_bleu div.top {
	height:173px;
	position:relative
}
.deg_bleu form.select select {
	position:absolute;
	left: 69px;
	top: 81px;
}
	.deg_bleu form select option, .deg_bleu form select {
		font-size:10px;
		color:#000;
	}
.deg_bleu div.top .recherche {
	position:absolute;
	right:50px;
}
.deg_bleu div.top .recherche a {
		background:url(../images/sprite/fleche.jpg) no-repeat top left;
		width:49px;
		height:40px;
		text-indent:-9999px;
		display:block;
	}
.deg_bleu div.top .recherche a:hover {
		background-position: left -40px
}

.list_profils {
	width:500px; 
	margin:10px auto 0 auto
}
.list_profils .ligne {
	height:127px;
	border-bottom:1px dashed #80cef0;
	overflow:hidden;
	padding-top:13px
}
.list_profils .ligne .colLeft {
	float:left;
	width:249px;
	border-right:1px dashed #80cef0;
	height:119px;
	position:relative
}
.list_profils .ligne .colRight {
	float:left;
	width:250px;
	height:119px;
	position:relative
}
.list_profils .ligne .pictoBlock {
	float:left; 
	background:url(../images/bg_picto.jpg) no-repeat; 
	width:103px; 
	height:100px; 
	margin-left:25px; 
	display:inline;
	padding:19px 0 0 16px
}
.list_profils .ligne .pictoBlock a {
	width:85px;
	height:83px;
	position:relative;
	display:block;
	text-decoration:none;
	 color: #77787a;
	 cursor:pointer
}
.list_profils .ligne .pictoBlock a strong {
  background:#afb0b2;
  top: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: 0;
  width: 81px;
  height: 76px;
  border:2px solid #6c6a6f;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #77787a;
  font-size: 12px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  line-height:76px
}
.list_profils .ligne .pictoBlock a:hover {
	text-decoration:underline
}
.list_profils .ligne .cara {
	float:left;
	padding-left:6px
}
.list_profils .ligne a.zoom {
	background:url(../images/sprite/loupe.jpg) no-repeat 0 0;
	height:8px;
	padding:21px 0 0 15px;
	_padding:19px 0 0 15px;
	font-size:8px;
	color:#000;
	text-decoration:none;
	display:block
}
.list_profils .ligne a.zoom:hover {
	background-position:0 -29px;
	color:#afb0b2
}
.list_profils .ligne .cara p {
	font-size:10px;
	color:#1a171b;
	margin-top:10px
}
.list_profils .ligne .cara p span {
	color:#e2001a
}
.deg_bleu .list_profils .ligne .cara span.voteNumber {
	display:block;
	background:url(../images/vote_img.jpg) no-repeat left top;
	color:#525254;
	font-size:8px;
	line-height:23px;
	margin:5px 0;
	padding-left:27px
}
.jury {
	background:url(../images/bg_first.jpg) no-repeat; 
	width:517px; 
	height:300px; 
	margin-left:30px;
	padding-top:25px
}
.date_resultat {
	background:url(../images/resultat.jpg) no-repeat; 
	width:301px; 
	height:184px; 
	margin:8px auto 0 auto;
	text-align:center
}
.date_resultat p {
	width:180px;
	margin:0px auto;
	padding-top:60px;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#a5a6a8
}
.deg_red .list_profils .ligne .pictoBlock {
	float:left; 
	background:url(../images/bg_picto.jpg) no-repeat; 
	width:103px; 
	height:100px; 
	margin-left:35px; 
	display:inline;
	padding:19px 0 0 16px
}
.deg_red .list_profils .ligne a.zoom {
	background:url(../images/sprite/loupe2.jpg) no-repeat 0 0;
	height:8px;
	padding:27px 0 0 0px;
	_padding:25px 0 0 0px;
	font-size:8px;
	color:#000;
	text-decoration:none;
	display:block;
	position:absolute;
	top:45px;
	left:10px
}
.deg_red .list_profils .ligne a.zoom:hover {
	background-position:0 -35px;
	color:#afb0b2
}
.deg_red .list_profils .ligne .cara p {
	margin-top:3px
}
.deg_red .list_profils .ligne .cara span.voteNumber {
	margin:3px 0 0 0;
	display:block;
	background:url(../images/vote_img.jpg) no-repeat left top;
	color:#525254;
	font-size:8px;
	line-height:23px;
	padding-left:27px
}
.tt_profils h1 {
	background:url(../images/classe_img.jpg) no-repeat left top;
	padding-left:115px;
	font-size:30px;
	color:#45c0eb;
	height:50px;
	line-height:25px;
	padding-top:34px;
	margin-left:35px;
	position:relative;
	top:-15px
}
.tt_profils h1 span {
	font-size:15px;
	color:#ea6895
}

/* CLASSEMENT */
.class1 {
	border-bottom:1px dashed #80cef0;
	height:184px; width:558px
}
.class1 .bloc {
	width:249px;
	height:119px;
	position:relative;
	top:12px;
	left:130px
}
.class1 .bloc a.zoom {
	background:url(../images/sprite/loupe2.jpg) no-repeat 0 0;
	height:8px;
	padding:27px 0 0 0px;
	_padding:25px 0 0 0px;
	font-size:8px;
	color:#000;
	text-decoration:none;
	display:block;
	position:absolute;
	top:69px;
	left:76px
}
.class1 .bloc a.zoom:hover {
	background-position:0 -35px;
	color:#afb0b2
}

.class1 .bloc .pictoBlock {
	float:left; 
	background:url(../images/bg_first_class.jpg) no-repeat; 
	width:101px; 
	height:125px; 
	margin-left:25px; 
	display:inline;
	padding:19px 0 0 96px
}
.class1 .bloc .pictoBlock a {
	width:85px;
	height:85px;
	position:relative;
	display:block;
	text-decoration:none;
	 color: #77787a;
	 cursor:pointer
}
.class1 .bloc .pictoBlock a strong {
  background:#afb0b2;
  top: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: 0;
  width: 81px;
  height: 76px;
  border:2px solid #6c6a6f;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #77787a;
  font-size: 12px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  line-height:76px
}
.class1 .bloc  a:hover {
	text-decoration:none
}
.class1 .bloc strong {
	color:#ea6895;
	position:absolute;
	font-size:50px;
	left: 60px;
	top: 5px;
}
.class1 .bloc p {
	font-size:10px;
	color:#1a171b;
	margin-top:10px;
	position:absolute;
	left: 99px;
	top: 118px;
}
.class1 .bloc p span {
	color:#e2001a;
	display:block
}
.class1 .bloc span.voteNumber {
	display:block;
	background:url(../images/vote_img.jpg) no-repeat center top;
	color:#525254;
	font-size:8px;
	padding:24px 0 0 0;
	position:absolute;
	text-align:center;
	left: 200px;
	top: 126px;
}
.ligne_class {
	height:171px;
	border-bottom:1px dashed #80cef0;
	overflow:hidden;
	width:558px;
	padding-top:27px
}
.ligne_class .bloc {
	width:184px;
	height:156px;
	position:relative;
	float:left
}
.ligne_class .bloc a.zoom {
	background:url(../images/sprite/loupe2.jpg) no-repeat 0 0;
	height:8px;
	padding:27px 0 0 0px;
	_padding:25px 0 0 0px;
	font-size:8px;
	color:#000;
	text-decoration:none;
	display:block;
	position:absolute;
	top:82px;
	left:23px
}
.ligne_class .bloc a.zoom:hover {
	background-position:0 -35px;
	color:#afb0b2
}
.ligne_class .bloc .pictoBlock {
	background:url(../images/bg_class.jpg) no-repeat; 
	width:132px; 
	_width:100px;
	height:131px; 
	padding:25px 0 0 65px
}
.ligne_class .bloc .pictoBlock a {
	width:85px;
	height:85px;
	position:relative;
	display:block;
	text-decoration:none;
	 color: #77787a;
	 cursor:pointer
}
.ligne_class .bloc .pictoBlock a strong {
  background:#afb0b2;
  top: 0;
  display: block;
  position: absolute;
  text-align: center;
  margin: 0;
  width: 81px;
  height: 76px;
  border:2px solid #6c6a6f;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #77787a;
  font-size: 12px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  line-height:76px
}
.ligne_class .bloc  a:hover {
	text-decoration:none
}
.ligne_class .bloc strong {
	color:#ea6895;
	position:absolute;
	font-size:42px;
	left: 21px;
	top: -1px;
}
.ligne_class .bloc strong.two {
	left:7px;
}
.ligne_class .bloc p {
	font-size:10px;
	color:#1a171b;
	margin-top:10px;
	position:absolute;
	left: 43px;
	top: 122px;
}
.ligne_class .bloc p span {
	color:#e2001a;
	display:block
}
.ligne_class .bloc span.voteNumber {
	display:block;
	background:url(../images/vote_img.jpg) no-repeat center top;
	color:#525254;
	font-size:8px;
	padding:24px 0 0 0;
	position:absolute;
	text-align:center;
	left: 144px;
	top: 123px;
}
.cadeau1 {
	position:relative;
	height:265px
}

.cadeau2 {
	position:relative;
	height:500px
}
.cadeau2 p {
	position:absolute;
	z-index:99;
	color:#fff;
	text-align:center;
	font-size:20px;
	left: 57px;
	top: 95px;
	font-weight:bold
}
.cadeau1 img, .cadeau2 img  {
	_position:absolute
}
.prix {
	position:absolute;
	text-align:center;
	top:186px;
	left:55px;
	z-index:99
}
.prix span {
	font-size:18px;
	color:#ea6895;
	display:block
}
.prix span sup {
	font-size:10px;
	position:relative;
	.top:-3px
}
.prix small {
	font-size:10px;
	color:#1a171b;
	display:block;
	font-weight:bold
}

/********************/
/* ! INSCRIPTION ! */
/*******************/
.header_inscription {
	position:relative;
	height:90px;
}
	
.header_inscription img {
	position:absolute;
	top:0;
	left:0;
}
.form_inscription {
	background:url(../images/content_inscrip.png) no-repeat; 
	width:726px; 
	height:700px; 
	margin-bottom:25px
}
	.form_inscription h3 {
		font:bold 20px Arial, Helvetica, sans-serif;
		color:#e96398;
		padding:15px 0 15px 10px;
		display:block;
		text-align:center
	}	
		.form_inscription h3 img {
			position:relative;
			top:7px
		}
form#inscripForm {
	margin:0px auto;
	position:relative;
}
form#inscripForm fieldset.ligne1 {
	width:300px;
	margin:0 auto 15px auto
}
form#inscripForm fieldset.ligne1 p {
	overflow:hidden;
	margin-bottom:3px;
	.margin-bottom:2px;
	position:relative
}
	form#inscripForm fieldset.ligne1 p label {
		display:block;
		float:left;
		text-align:right;
		color:#0056a2;
		font-size:11px;
		position:relative;
		top:7px;
		width:100px;
		margin-right:10px
	}
	form#inscripForm fieldset.ligne1 p label.value {
		position:absolute; 
		left:133px;
		_left:23px; 
		width:130px; 
		font-style:italic; 
		font-size:10px;
		top:7px;
		margin:0; 
		display:inline; 
		float:none; 
		text-align:left;
		color:#87888A
	}
	form#inscripForm fieldset.ligne2 p label.value {
		position:absolute; 
		left:125px;
		width:auto; 
		font-size:10px;
		top:5px;
		margin:0; 
		display:inline; 
		float:none; 
		text-align:left;
		color:#000
	}
	form#inscripForm fieldset.ligne1 p label span, form#inscripForm fieldset.ligne2 span {
		color:#e96398
	}
	form#inscripForm fieldset.ligne1 p input {
		background:url(../images/input_inscrip.jpg) no-repeat;
		border:none;
		width:145px;
		height:20px;
		padding:7px 10px 0 10px;
		font:italic 10px Arial, Helvetica, sans-serif;
		color:#87888a;
		text-align:left
	}
	form#inscripForm fieldset.ligne2 {
		border-bottom:1px dashed #fff;
		width:430px;
		margin:0 auto 0px 161px;
		padding-bottom:10px
	}
	form#inscripForm fieldset.ligne2 p {
		margin-bottom:16px;
		.margin-bottom:15px;
		position:relative
	}
	form#inscripForm fieldset.ligne2 p label {
		text-align:right;
		color:#0056a2;
		font-size:11px;
		width:100px;
		margin-right:2px
	}
	form#inscripForm fieldset.ligne2 p input {
		height:15px;
		border:1px solid #f5bad0;
		margin-right:7px;
		color:#0056a2;
		font-size:11px;
		padding:3px 0 0 10px;
		width:110px
	}
	form#inscripForm fieldset.ligne2 p input.name {
		width:167px;
	}
	form#inscripForm fieldset.ligne2 p input.prenom {
		width:150px;
		margin-right:0
	}
	form#inscripForm fieldset.ligne2 p input.adresse {
		width:343px;
		.width:348px;
		width /*\**/:348px\9;
		margin-right:0
	}
	form#inscripForm fieldset.ligne2 p input.date {
		width:95px;
		margin-right:39px;
		.margin-right:45px;
		margin-right /*\**/:45px\9
	}
	form#inscripForm fieldset.ligne2 p input.code {
		width:55px
	}
	form#inscripForm fieldset.ligne2 p input.ville {
		width:211px;
		.width:216px;
		width /*\**/:216px\9;
	}
	form#inscripForm fieldset.ligne2 small {
		font-size:9px;
	}
form#inscripForm fieldset.ligne3 {
		margin:25px auto 0 130px;
		padding-bottom:10px
}
form#inscripForm fieldset.ligne3 p {
	overflow:hidden;
	display:block;
	clear:left;
	margin-bottom:15px;
	.margin-bottom:11px
}
form#inscripForm fieldset.ligne3 p.marg {
	padding-left:11px;
}
	form#inscripForm fieldset.ligne3 p label {
		float:left;
		color:#0056a2;
		font-size:11px;
		display:block
	}
	form#inscripForm fieldset.ligne3 p label small {
		font-size:7px;
		color:#000;
	}
	form#inscripForm fieldset.ligne3 p input {
		float:left;
		display:block;
		position:relative;
		top:0px;
		.top:-4px;
		margin-right:5px;
	}
	form#inscripForm fieldset.ligne3 p span {
		color:#e96398;
		float:left;
		display:block;
		margin-right:5px
	}
	form#inscripForm fieldset.ligne3 center {
		margin-left:-120px;
		clear:left
	}
	form#inscripForm fieldset.ligne3 center span {
		color:#e96398;
	}
	form#inscripForm fieldset.ligne3 center small {
		font-size:9px;
	}
div.container {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.container { display: none }
.container label.error {
	display: inline;
}
#submitbutton {
	background:url(../images/btn_submit.jpg) no-repeat right center;
	height:43px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#e96398;
	width:181px;
	border:none;
	position:absolute;
	right:108px;
	top:529px;
	cursor:pointer
}
fieldset.captchaContent {
	position:absolute;
	left:134px;
	_left:-80px;
	margin-top:0px; /* MOZILLA */
	.margin-top:30px; /* IE 7 */
	_margin-top:40px; /* IE 6 */
	margin-top /*\**/:30px\9
}
fieldset.captchaContent label {
	font-size:12px
}
fieldset.captchaContent #captchaimage {
	margin:5px 0 7px 0
}
fieldset.captchaContent input {
	width:60px;
	color:#0056a2;
	font-size:12px;
	height:17px;
	padding-top:3px;
	border:1px solid #f4bacf;
	text-align:center
}

/*****************/
/*  ! PROFIL !   */
/*****************/
.header_profil {
	position:relative;
	height:91px
}
.header_profil img {
	position:absolute
}
.profil_content {
	position:relative;
	width:555px; 
	background:url(../images/content_profil.png) no-repeat top left;
	min-height:600px; 
	height:auto !important;
	height:600px;
	padding:0 61px 0 110px;
	margin-bottom:40px;
}
.top_profil {
	border-bottom:1px dashed #80cff0; 
	min-height:401px; 
	height:auto  !important;
	height:401px;
	overflow:hidden
}
.cara_profil {
	float:left; 
	width:334px
}
.img_profil {
	float:right
}
.block_img {
	background:url(../images/img_profil.jpg) no-repeat; 
	width:180px; 
	height:185px;
	margin-bottom:7px;
	padding:32px 0 0 20px
}
.block_img a {
	position:relative;
	width:155px;
	height:148px;
	display:block
}
.block_img a span {
	display:none;
	position:absolute;
	width:76px;
	height:122px;
	left:50%;
	top:50%;
	background:url(../images/zoom_loupe.png) no-repeat;
	margin:-61px 0 0 -38px
}
.block_vote {
	width:196px
}
.block_vote span {
	height:28px;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/nbr_vote.jpg) no-repeat;
	text-align:center;
	display:block
}
.block_vote p {
	height:65px;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/pr_vote.jpg) no-repeat;
	text-align:center;
	display:block;
	padding-top:16px
}
	.block_vote p a {
		background:url(../images/pr_vote_lien.jpg) no-repeat top center;
		display:block;
		width:120px;
		text-align:center;
		color:#464648;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-decoration:none;
		padding-top:37px;
		margin:0 auto
	}
.classTitre {
	height:127px;
	border-bottom:1px dashed #80cff0;
	position:relative;
	color:#009ee0; 
	padding-left:5px
}
	.classTitre p {
		font:bold 34px Arial, Helvetica, sans-serif;
		padding:43px 0 4px 0
	}
	.classTitre span {
		font:bold 14px Arial, Helvetica, sans-serif;
		margin-left:3px;
	}
	.classTitre div {
		background:url(../images/class_picto.jpg) no-repeat top center;
		width:100px;
		text-align:center;
		padding-top:39px;
		font-size:13px;
		position:absolute;
		right:-5px;
		top:0
	}
		.classTitre div strong {
			font-weight:bold; 
			font-size:25px;
			display:block
		}
.txt_profil {
	color:#000;
	font-size:12px;
	padding:60px 0 0 5px
}
	.txt_profil .humeur {
		height:27px;
		line-height:27px;
		margin-bottom:6px
	}
		.txt_profil .humeur img {
			vertical-align:middle;
			margin-left:20px;
			position:relative;
			top:-1px
		}
		.txt_profil dl, .txt_profil dl.age {
			overflow:hidden;
			margin-top:13px;
			clear:left
		}
			.txt_profil dl dt {
				float:left;
				width:154px;
				color:#000;
				font-size:12px;
			}
			.txt_profil dl.age dt {
				width:69px
			}
			.txt_profil dl.age dd {
				width:90px
			}
			.txt_profil dl dd {
				float:left;
				color:#009ee0;
				font:bold 14px Arial, Helvetica, sans-serif;
			}
			
/* Block plats Préférés */
.block_plats {
	border-bottom:1px dashed #80cff0; 
	overflow:hidden;
	padding:13px 0 10px 16px
}
	.block_plats h3 {
		background:url(../images/bg_plats.jpg) no-repeat;
		width:478px;
		height:27px;
		text-align:right;
		font:bold 14px/27px Arial, Helvetica, sans-serif;
		color:#fff;
		padding-right:38px
	}
		.block_plats a {
			font:12px/19px Arial, Helvetica, sans-serif;
			color:#000;
			height:19px;
			display:block;
			margin-top:4px;
			padding-left:5px;
			text-decoration:none;
			width:510px
		}
		.block_plats a:hover {
			background:#e0f2fb
		}

.comments {
	margin-top:9px;
	position:relative
}
	.comments h3 {
		background:url(../images/exprimez_bg.jpg) no-repeat;
		width:285px;
		height:25px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;
		color:#009ee0;
		padding-top:28px
	}
	.comments small {
		display:block;
		color:#009ee0;
		font:bold 10px Arial, Helvetica, sans-serif;
		margin:-2px 0 3px;
		text-align:right;
		padding-right:12px;
		width:536px
	}
	.comments p {
		overflow:hidden;
		width:531px;
		height:33px;
		background:#fff;
		margin:0px 0 5px 7px;
		line-height:33px;
		border:1px solid #9d9ea0;
		color:#000;
		font-size:13px;
		padding-left:7px
	}
	.comments dl {
		overflow:hidden;
		width:536px;
		height:35px;
		background:#ececed;
		margin:0px 0 5px 7px;
		line-height:35px;
		clear:left
	}
		.comments dl dt {
			float:left;
			width:489px;
			border-right:1px solid #5e5f61;
			padding-left:7px;
			font-size:13px
		}
		.comments dl dd {
			float:left;
			padding:5px 0 0 5px
		}
		.comments dl dd span {
			display:block;
			background:url(../images/sprite/coeur_com.jpg) no-repeat;
			width:31px;
			height:28px;
			text-indent:-9999px;
			margin:0; padding:0;
			text-align:left
		}
		.comments dl dd span.active {
			display:block;
			background:url(../images/sprite/coeur_com.jpg) no-repeat -31px 0;
			width:31px;
			height:28px;
			text-indent:-9999px;
			margin:0; padding:0;
			text-align:left
		}
.inscription1 {
	background:url(../images/bg_inscription1.png) no-repeat; 
	width:228px; 
	height:185px; 
	position:absolute; 
	right:0; 
	top:0;
	text-align:center;
	padding-left:20px
}
.inscription1 span {
	color:#636467;
	font:bold 13px Arial, Helvetica, sans-serif;
	display:block;
	margin:20px 0 15px
}

.inscription1 .profil{
	width:129px;
	height:21px;
	margin:0 0 7px 40px;
	_margin:0 0 7px 3px;
	.margin:0 0 7px 3px;
}

.inscription1 form {
	
}

.inscription1 form p {
	margin-bottom:5px;
	.margin-bottom:2px
}
.inscription1 form p a {
	font:9px Arial, Helvetica, sans-serif;
	color:#1a171b;
	margin:0 5px 0 25px;
	position:relative;
	top /*\**/: -10px\9;
	_top:-5px
}

.inscription1 .deconnecter a {
	font:9px Arial, Helvetica, sans-serif;
	color:#f491b0;
	margin:0 5px 0 25px;
	position:relative;
	top /*\**/: -10px\9;
	_top:-10px
}

.inscription1 form label {
	font:10px Arial, Helvetica, sans-serif;
	color:#1a171b;
	display:block
}

.inscription1 form input {
	background:url(../images/bg_input.jpg) no-repeat;
	width:129px;
	height:18px;
	border:none;
	font:10px Arial, Helvetica, sans-serif;
	color:#1a171b;
	text-align:center;
	padding-top:3px
}
.inscription1 form input.submit {
	background:url(../images/btn_ok.jpg) no-repeat;
	width:36px;
	height:29px;
	border:none;
	padding-top:3px;
	text-indent:-9999px;
	cursor:pointer
}

.inscription1 form input.submitX {
	background:url(../images/btn_X.jpg) no-repeat;
	width:36px;
	height:29px;
	border:none;
	padding-top:0;
	text-indent:-9999px;
	cursor:pointer
}
/* FORMULAIRE COMMENTAIRE */

#formComments {
	position:relative;
	left:-60px;
	padding-top:5px
}
	#formComments h3 {
		color:#009ee0;
		font:bold 14px Arial, Helvetica, sans-serif;
		display:block;
		padding:48px 0 0 94px;
		background:url(../images/bebe_comments.png) no-repeat left center;
		height:18px;
		margin-left:5px
	}
	#formComments textarea {
		border:1px solid #d9d9d8;
		width:618px;
		_width:550px;
		height:97px;
		margin-top:5px
	}
#formComments fieldset.captchaContent {
	position:relative;
	margin-top:5px; /* MOZILLA */
	.margin-top:5px; /* IE 7 */
	_margin-top:5px; /* IE 6 */
	margin-top /*\**/:5px\9;
	left:470px;
	_left:470px;
}

#formComments fieldset.captchaContent label {
	font-size:12px;
	color:#009ee0;
	font-weight:bold
}
#formComments fieldset.captchaContent #captchaimage {
	margin:5px 0 7px 0
}
#formComments fieldset.captchaContent input {
	width:60px;
	color:#0056a2;
	font-size:12px;
	height:17px;
	padding-top:3px;
	border:1px solid #f4bacf;
	text-align:center
}
#formComments #submitbutton {
	background:url(../images/submit_comment.jpg) no-repeat right center;
	height:88px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	width:106px;
	border:none;
	position:relative;
	display:block;
	text-indent:-9999px;
	margin-top:9px;
	top:0px;
	right:0px;
	left:506px
}
/************************/
/*  ! fiche recette !   */
/************************/
.header_fiche {
	position:relative;
	height:92px
}
.header_fiche img {
	position:absolute
}
.fiche_content {
	position:relative;
	width:555px; 
	background:url(../images/content_fiche.png) no-repeat top left;
	min-height:613px; 
	height:auto !important;
	height:613px;
	padding:0 61px 0 110px;
	margin-bottom:40px;
}
/***************************/
/**************************/
#successmsgdiv{
	display: none;
	position: fixed;
	width: 203px;
	height: 94px;
	background-color:#fff;
	z-index:9999;
	padding:8px 9px;
	text-align:center;
	margin:-55px 0 0 -110px;
	left:50%;
	top:50%
}
#successmsgdiv2{
	display: none;
	position: fixed;
	width: 324px;
	height: 194px;
	background-color:#fff;
	z-index:9999;
	padding:8px 9px;
	text-align:left;
	margin:-87px 0 0 -162px;
	left:50%;
	top:50%
}
#successmsgdiv2 .border .formContent {
	margin:14px 0 0 55px;
	overflow:hidden
}
#successmsgdiv2 .border .formContent input {
	margin-top:15px;
	float:left
}
#successmsgdiv2 .border .formContent input.passe {
	background:url(../images/ok.jpg) no-repeat;
	width:34px;
	height:29px;
	border:none;
	margin:8px 0 0 8px;
	display:inline
}

#successmsgdiv3{
	display: none;
	position: fixed;
	width: 500px;
	min-height: 80px;
	height:auto !important;
	height:80px;
	background-color:#fff;
	z-index:9999;
	padding:8px 9px;
	text-align:left;
	margin:-40px 0 0 -250px;
	left:50%;
	top:50%
}
#successmsgdiv4{
	display: none;
	position: fixed;
	width: 203px;
	height: 94px;
	background-color:#fff;
	z-index:9999;
	padding:8px 9px;
	text-align:left;
	margin:-55px 0 0 -110px;
	left:50%;
	top:50%
}
#successmsgdiv p {
	color:#00559f;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:50px
}
#successmsgdiv2 p {
	color:#00559f;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:50px
}
#successmsgdiv3 p {
	color:#00559f;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:50px
}
#successmsgdiv4 p {
	color:#00559f;
	font:10px Arial, Helvetica, sans-serif;
	margin-top:50px
}
*html #successmsgdiv {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}
*html #successmsgdiv2 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}
*html #successmsgdiv3 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}
*html #successmsgdiv4 {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}
.descrip_recette h3 {
	height:32px;
	padding:0px 0 0 71px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#e2578c;
	font-weight:bold;
}
.descrip_recette h5 {
	height:32px;
	margin:23px 0 0 71px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#231f20;
}
.descrip_recette div.ingredient_txt {
	position:relative;
	margin-top:50px;
	left:83px;
	width:200px
}
.descrip_recette div.ingredient_txt p {
	font-size:12px;
	color:#1a171b;
	padding-left:11px;
	height:100px;
	overflow:auto;
	display:block
}
.descrip_recette strong {
	color:#e2578c;
	font:bold 17px Arial, Helvetica, sans-serif;
	display:block
}
.descrip_recette div.preparation_txt {
	position:relative;
	margin-top:20px;
	left:83px;
	width:300px
}
.descrip_recette div.preparation_txt p {
	font-size:11px;
	color:#1a171b;
	padding-left:11px;
	display:block;
	height:125px;
	overflow:auto
}
.descrip_recette div.asctuce_txt {
	position:absolute;
	bottom:46px;
	left:83px;
	width:263px
}
.descrip_recette div.asctuce_txt strong {
	margin-left:10px
}

.descrip_recette div.asctuce_txt .bg_p {
	font-size:12px;
	color:#1a171b;
	background:url(../images/bg_astuce.jpg) no-repeat;
	width:263px;
	height:94px;
	padding:12px 0 0
}
.descrip_recette div.asctuce_txt .bg_p p {
	font-size:12px;
	color:#1a171b;
	margin:3px 13px 10px;
	width:238px;
	height:68px;
	overflow:auto
}

.descrip_recette a {
	position:absolute;
	display:block;
	background:url(../images/sprite/ajout_profil.png) no-repeat left top;
	width:125px;
	height:72px;
	text-indent:-9999px;
	bottom:42px;
	right:79px
}
.descrip_recette a:hover {
	background-position:right top
}
.mail_vote_form {
	margin:0 0 31px 80px
}
.mail_vote_form label {
	font:10px Arial, Helvetica, sans-serif;
	color:#00559F
}
.mail_vote_form input {
	float:left;
	margin-top:8px;
}
.mail_vote_form input.passe {
	background:transparent url(../images/ok.jpg) no-repeat scroll 0 0;
	border:medium none;
	display:inline;
	height:29px;
	margin:2px 0 0 8px;
	width:34px;
}

.link {
	margin:0 0 31px 80px
}
.link label {
	font:10px Arial, Helvetica, sans-serif;
	color:#00559F
}
.link input {
	float:left;
	margin-top:8px;
}
.link input.passe {
	background:transparent url(../images/ok.jpg) no-repeat scroll 0 0;
	border:medium none;
	display:inline;
	height:29px;
	margin:2px 0 0 8px;
	width:34px;
}