body{
	background:#C9BAB3 url(../images/back_body.jpg) repeat-x left top;
}

#contener{
	background-color:#FFFFFF;
	margin:0 auto;
	position:relative;
	width:993px;
}

/* ------------------------------------------------------- header ------------------------------------------------------- */

#header {
	/*background:transparent url(../images/back_head.jpg) repeat-x left top;*/
	height:124px;
	overflow:hidden;
}

.logo{
	float:left;
	height:124px;
	width:156px;
}

.messagebox{
 position:absolute;
 width:auto;
 margin-left:0;
 border:1px solid #c93;
 color:#000;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:0;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:0;
 border:1px solid #CC0000;
 background-color:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}


/* -------------- menu ------------- */

.menuTop{
	background: url(../images/fond_menu_top.jpg) no-repeat #fff;
	float:left;
	height:124px;
	width:155px;
}

	.menuTop li{
		font-size: 1.2em;
		text-align:right;
	}
			
			.menuTop li a, .menuTop li span{
				color:#333333;
				display:block;
				font-weight: bold;	
				height:22px;
				line-height:22px;
				padding-right:10px;
			}

			.menuTop li a:hover {
				background:url(../images/fond_liMenuTop.jpg) repeat-x left top;
				color:#ffffff;
				text-decoration:none;
			}
			
			.menuTop li span{
				background-color:#FE0000;
				color:#ffffff;
			}

/* -------------- login ------------- */

.compte{
	float:left;
	height:124px;
	width:284px;
}

	.identif{
		background:#eadfd8 url(../images/backg_client.jpg) repeat left top;
		height:66px;
		padding:5px;
	}
	
	.identif h2{
		font-size:1.2em!important;
		font-weight:bold;
                margin-bottom:0px!important;
	}
	
	.identif table{
		margin:5px 0 0 0;
		font-size: 11px;
		font-weight: normal;
	}
	
	
	.identif input{
		font-size:1em;
		width:105px;
	}
	
		.identif input.submit{
			padding:5px;
			background-color:#E12007;
			font-weight: bold;
			color:#FFFFFF;
			width:auto;
		}
		
		.identif p, .identif p a {
			margin:15px 0 0;
		}

		 .log{
			display:block;
			font-style:italic;
			padding:5px 5px 0 0;
			text-align:right;
		}
		
.hautdiapo{
	background:transparent url(../images/ombre.jpg) no-repeat left -1px;
	float:left;
	height:109px;
	padding-top:15px;
}

/* ------------------------------------------------------- contenu ------------------------------------------------------- */

#contenu{
	background:#ffffff url(../images/fond_contenu.jpg) no-repeat right top ;
}
	
#BlocCentral{
	border-right:1px solid #EADFD8;
	float:left;
	padding:10px;
	width:575px;
}

/* ------------------------------------------------------- right ------------------------------------------------------- */


#rightside{ 
	float:left; 
	padding:0 0 10px 5px;
	width:200px;
}

	#rightside h3, #rightside h3 a{
		color: #666666;
		display:block;
		font-size: 15px;
		font-weight: bold;
		line-height:40px;
		text-indent:5px;
	}
	
	#rightside h3{
		background:url(../images/fond_H3.jpg) repeat-x left top;
		height:50px;
		margin:5px 5px 0 0;	
	}
	
		#rightside h3 a:hover{
			color:#E12007;
			text-decoration:none;
		}

#rightside .video{
	padding-top:0;
}

#player{
	display:block;
	height:219px;
	padding-left:10px;
	width:177px;
}
.acti #player{

	height:100px;

}

#rightactu{
	height:82px;
	overflow:hidden;
	position:relative;
	width:200px;
}

	#rightactu h4{
		font-size:1.1em;
	}

	#rightactu p{
		margin:0 10px 10px 0;
	}
	
	#rightactu em{
		color: #666666;
		font-style: italic;
		font-weight: normal;
	}

	.headline{
		left: 5px;
		position:absolute;
		top: 5px;
		width:190px;
	}


.relative {
            position:relative;
}
.relativeconnecte {
            position:relative;
}
.bubble a.close{
	background:none;
	position:absolute;
	right:8px;
	top:7px;
	z-index:63;
}


.link a.close{
	background:none;
}


.bubble{
  border-width: 5px 5px 5px 5px;
  border-color:#745E5D;
  border-style: solid;
	left:25px;
	padding-top:15px;
	position:absolute;
	top:18px;
	width:360px;
  height: 80px;
	z-index:62;
  display:none;
  background-color: #FFF;
}


/* ------------------------------------------------------- footer ------------------------------------------------------- */

#footer{
	background:#000000 url(../images/backg_footer.jpg) repeat-x left top;
}

.footerContent{
	color:#FFFFFF;
	margin:0 auto;
	padding:40px 0 20px 0;
	width:993px;
}

	#footer .footerContent a{
		color:#FFFFFF;
	}
	
	.footerContent .likeUL{
		border-right:1px solid #3B3937;
		float:left;
		margin:0 15px 0 0;
		padding-right:10px;
		width:142px;
	}
	
	.likeUL h4{
		font-size: 1.2em;
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom:20px;
	}
	
	.footerContent .last{
		border:none;
		margin:0;
		position:relative;
	}