/*Cascading Style Sheet*/

/*********************  Fabrice | creaxial | octobre 2008  ********************/

body,html{
	margin:0;
	padding:0;
	height:100%;
	}
body{
	background:url(images/backgrondfnrcp3.jpg) top left repeat-x #003366;
	font-family:arial,verdana,sans-serif;
	font-size:8pt;
	color:#fff;
	text-align:center;
	}
/* ***********   HOMEPAGE  ************ */
div#homepage{
	width:763px;
	min-height:200px;
	margin:20px auto;
	background:#0d4073;
	}
/* ***********  / HOMEPAGE  ************ */

div#container{
	margin:0 auto;
	text-align:justify;
	}
	div#header{
		width:100%;
		height:70px;
		border-bottom:1px solid #fff;
		background:url('../images/back_header.jpg') top left;
		}
		img#img_logo{
			display:block;
			float:left;
			}
		div#language{
			float:right;
			margin:10px 25px 0 0;
			}
			div#language a{
				font-size:9pt;
				text-decoration:none;
				color:#fff;
				font-weight:bold;
				margin:0;
				padding:0;
				}
	div#separator_header{
		background:url('../images/tv-points2.jpg') top left;
		height:8px;
		}
	div#left{
		width:183px;
		min-height:300px;
		float:left;
		margin-left:3px;
		}
	div#content{
		overflow:auto;
		margin:0 auto;
		min-height:500px;
		position:relative;
		}
	div#right{
		width:185px;
		float:right;
		min-height:540px;
		background:#336699;		
		}
		div#partners{
			height:67px;
			}
		div#separator_right{
			background:url('../images/bloc-separatorbluelight.gif') top left repeat-x;
			height:43px;
			}
		div#vousavezducoeur{
			padding:2px;
			border:2px solid #fff;
			margin:0 auto;
			width:138px;
			height:77px;
			}
	div#top_page{
		width:100%;
		height:30px;
		line-height:30px;
		background:url('../images/bloc-separator.gif') repeat-x top left;
		text-align:left;
		margin:0;
		padding-top:10px;
		}
		div#top_page h2{
			margin:0;
			padding:0;
			}
	div#up{
		position:absolute;
		bottom:0;
		width:100%;
		background:#336799;
		height:30px;
		line-height:30px;
		clear:both;
		}
	/*Div affichant le texte avec fond etc.*/
	div#display{
		background:url('../images/top-bloc.gif') repeat-x top left;
		width:98%;
		min-height:200px;
		margin:20px auto;
		border-right:1px solid #BFBFBF;
		border-bottom:1px solid #BFBFBF;
		border-top:1px solid #5A5A5A;
		border-left:1px solid #5A5A5A;
		}
		div#text{
			width:90%;
			margin:35px auto 50px;
			*height:348px;
			min-height:348px;
			/*
			border:1px solid red;
			*/
			}

/* *** AGENDA *** */
div#aff_info{
	width:400px;
	min-height:30px;
	float:right;
	margin:28px 100px 40px 0;
	}
/*
div#aff_event{
	width:90%;
	min-height:30px;
	clear:both;
	margin:40px auto;
	}
*/
table#aff_event{
	width:100%;
	/*
	color:#7b7b7b;
	*/
	background:#DFDFDF;
	min-height:150px;
	*height:152px;
	border-collapse:collapse;
	border:2px solid #fff;
	}
	table#aff_event td{
		color:#7b7b7b;
		padding:0 15px;
		}
	h3.h3_event{
		font-family:arial,verdana,sans-serif;
		font-size:16px;
		margin:0;
		color:#fff;
		text-indent:15px;
		height:25px;
		line-height:25px;
		}
	
ul.list_event{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	ul.list_event li{
		display:block;
		width:100%;
		margin-bottom:10px;
		}
	
/* *** /AGENDA *** */

/* *** HEART *** */
div#heart{
	width:250px;
	height:300px;
	float:left;
	margin:0;
	}
div#txt_heart{
	width:700px;
	margin:0;
	overflow:auto;
	}

/* *** HEART *** */





/* ************ TAGS ************ */
a{
	text-decoration:none;
	color:#e30b6c;
	font-weight:bold;
}
a:hover{
	color:#ff0066;
}
a img{
	border:none;
}

h1,h2,h3,h4,h5,h6{
	font-family:arial,verdana,sans-serif;
	}
h1{
	margin:0 0 0 10px;
	text-transform:uppercase;
	font-size:16px;
	}
h2{
	font-size:12px;
	background:#336699;
	text-indent:20px;
	margin-bottom:5px;
	}

	
label{
	font-weight:bold;
	}

address{
	font-style:normal;
	margin-left:10px;
	margin:10px 0 10px 10px;
	font-weight:bold;
	}

td{
	vertical-align:top;
	}
/* ************ / TAGS ************ */















/* ************ FORMS ************ */
form {
	margin: 0px;
}

input,
select,
textarea {
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.xs,
select.xs,
textarea.xs {
	width: 15px;
}

input.s,
select.s,
textarea.s {
	width: 50px;
}

input.m,
select.m,
textarea.m {
	width: 150px;
}

input.l,
select.l {
	width: 250px;
}

input.xl,
select.xl {
	width: 350px;;
}

input.xxl,
select.xxl,
textarea.l,
textarea.xl,
textarea.xxl {
	width: 450px;;
}

textarea.l {
	height: 200px;
}

textarea.xl {
	height: 300px;
}

textarea.xxl {
	height: 400px;
}

input.button {
	padding: 0px 5px 0px 5px;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #333333;
}

/* ************ / FORMS ************ */

























.pickerImg {
	position: absolute;
	margin-left: -16px;
	margin-top: 5px;
	cursor: pointer;
	border:1px solid green;
}
.infoBox {
	background-color: #fefdec;
	border: 1px solid #edebcd;
	padding: 6px;
	margin-bottom: 20px;
}