body
{
margin:0;
padding:0;
background: #bccdde url('../images/fond.jpg') no-repeat top;
background-attachment:fixed;
}

#tout{
width: 1020px;
height: 1450px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

/************************polices**********************/

@font-face
{
    font-family: 'handsean';
    src: url('../polices/handsean.eot');
    src: url('../polices/handsean.eot?#iefix') format('embedded-opentype'),
         url('../polices/handsean.woff') format('woff'),
         url('../polices/handsean.ttf') format('truetype'),
         url('../polices/handsean.svg#handsean') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************en-tete**********************/
#en-tete
{	
margin-top:0px;
height:190px;
width:1010px;
background: url('../images/en-tete.png') no-repeat top;

}

/***************************************************************/

#contenu{
float: left;
width: 799px;
padding-bottom:20px;
margin-top: 10px;
margin-left:20px;
	background-color:rgba(255,255,255,0.9);
	box-shadow:         0px 0px 4px #343333; /* Propriété CSS3 */
border-radius:         7px; /* Propriété CSS3 */
-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */

}



#conteneur {

	margin-bottom:0px;
	padding-top:0px;
	margin-right: 0px;
	margin-left: 5px;
	padding-left:9px;
	margin-top:40px;
	padding-bottom:0px;
	padding-right:12px;
	width:764px;
	float:left;
	background-color:#f0f3f5;
	border: 1px solid #dfe5e4;
}


/****************************cadre photo***********************************/
#featured{ 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:515px; 
	padding-right:250px; 
	position:relative; 
	z-index:1;
	height:386px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:515px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
	height:386px;
	overflow: auto;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:515px; height:386px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{

	position:absolute; 
	top:auto; left:0; bottom:0;
	max-height:386px;
	height:auto; 
	background: url('images/transparent-bg.png');
	width:100%;
	overflow:hidden;
}


#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
	display: inline;
}
#featured .info p{ 
	margin:5px 5px; 
	font-family:Verdana; font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}

#featured .ui-tabs-hide{ 
	display:none; 
}
/******************************cadre video**********************/
/*
#featured-movie{ 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:515px; 
	padding-right:250px; 
	position:relative; 
	z-index:1;
	height:368px; 
	background:#fff;
}
#featured-movie ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:515px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
	height:368px;
	overflow: auto;
}
#featured-movie ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured-movie ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured-movie ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured-movie li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured-movie li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured-movie li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured-movie ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured-movie .ui-tabs-panel{ 
	width:515px; height:368px; 
	background:#999; position:relative;
}
#featured-movie .ui-tabs-panel .info{

	position:absolute; 
	top:auto; left:0; bottom:0;
	height:80px; 
	background: url('images/transparent-bg.png');
	width:100%;
	overflow:hidden;
}


#featured-movie .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
	display: inline;
}
#featured-movie .info p{ 
	margin:5px 5px; 
	font-family:Verdana; font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured-movie .info a{ 
	text-decoration:none; 
	color:#fff; 
}

#featured-movie .ui-tabs-hide{ 
	display:none; 
}*/
/**********************************/

/******************videos****************/
#info-album
{
width:550px;
background-image: url('images/degrade.png');
background-repeat: repeat-y;
height: 22px;
margin-top:30px;
margin-bottom:10px;
}

.placement-titre-album
{
margin-left: 4px;
color: white;
font-weight: bold;
font-family: arial;
font-size: 14px;
}

.placement-date-album
{
margin-left: 10px;
font-size: 13px;
color: white;
}

p
{
font-family:Arial, "Comic sans MS",calibri, "Arial Narrow","Times new roman", serif; 
padding-top:0;
padding-left:20px;
padding-right:20px;
margin-top:15;
font-size:12px;
text-align:justify;
}
/****************************/


h1
{
text-align:center;
font-family:  georgia, "Comic sans MS",calibri, "Arial Narrow","Times new roman",  serif; 
color:#030a9f;
margin-top:0px;
font-size:22px;
}

.overflow {
overflow:auto;
}

.size{
	width:80px;
	height:50px;
	}
	
		
.sizebis{
	width:515px;
	height:386px;
	}
	
.date{
	color:#f0f0f0;
	font-size:10px;
	font-family:arial;
	}
	

	
/************************langue***********************/
#langue
{
float:left;
margin-left:40px;
margin-top:0px;
width:1000px;
height:14px;
}

a img
{
border: 0;
}