/* =================== SITE ==================== */
html, body {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	background:url("../images/layout/header/fond.gif") repeat-x;
	background-color:#d6d6d6;
	color : #4a4a4a;
}
.none {
	display:none;
}
a {
	color:#666666;;
	text-decoration:none;
}
a:hover { 
text-decoration:underline; 
}
a img{
	text-decoration:none;
	border:0;
}
h3 {
	margin:30px 0 15px 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	clear:both;
}
form, input {
	margin: 0;
	padding: 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.hr{
	clear:both;
	display:block;
	height:2px;
	background:url("../images/layout/pictos/spacer.gif") repeat-x left bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}

/* ============================================ */
/* ================== HEADER ================== */

#top-background{
	position:absolute;
	left:0;
	background:url("../images/layout/header/fond-top.png") no-repeat top center;
	height:212px;
	width:100%;
}

#site {
	position:relative;
	left:50%;
	margin-left:-530px;
	width:1060px;
	overflow:hidden;
	clear:both;
}

#header {
	position:relative;
	width:1060px;
	height:366px;
	background:url("../images/layout/header/head-fond.png") no-repeat bottom center;
}
#header h1{
	display:none;	
}
#anim{
	width:729px;
	height:324px;
	padding-left:33px;
}
/*************************** Menu Header ***/

#menu-header {
	width: 812px;
	height: 42px;
	display:block;
	margin:0 auto 0 auto;
}
#menu-header *{
	height:42px;
}
#menu-header li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	
}
#menu-header li a{
	display:block;
	float:left;	
}
#menu-header li a span{
	display:none;
}

#menu-header li  .item1{ width:76px; background:url("../images/layout/header/menu-top/item1_out.png") no-repeat left top; }
#menu-header li  .item1:hover{ background:url("../images/layout/header/menu-top/item1_over.png") no-repeat left top; }
#menu-header li  .item2{ width:125px; background:url("../images/layout/header/menu-top/item2_out.png") no-repeat left top; }
#menu-header li  .item2:hover{ background:url("../images/layout/header/menu-top/item2_over.png") no-repeat left top; }
#menu-header li  .item3{ width:72px; background:url("../images/layout/header/menu-top/item3_out.png") no-repeat left top; }
#menu-header li  .item3:hover{ background:url("../images/layout/header/menu-top/item3_over.png") no-repeat left top; }
#menu-header li  .item4{ width:78px; background:url("../images/layout/header/menu-top/item4_out.png") no-repeat left top; }
#menu-header li  .item4:hover{ background:url("../images/layout/header/menu-top/item4_over.png") no-repeat left top; }
#menu-header li  .item5{ width:77px; background:url("../images/layout/header/menu-top/item5_out.png") no-repeat left top; }
#menu-header li  .item5:hover{ background:url("../images/layout/header/menu-top/item5_over.png") no-repeat left top; }
#menu-header li  .item6{ width:85px; background:url("../images/layout/header/menu-top/item6_out.png") no-repeat left top; }
#menu-header li  .item6:hover{ background:url("../images/layout/header/menu-top/item6_over.png") no-repeat left top; }
#menu-header li  .item7{ width:61px; background:url("../images/layout/header/menu-top/item7_out.png") no-repeat left top; }
#menu-header li  .item7:hover{ background:url("../images/layout/header/menu-top/item7_over.png") no-repeat left top; }
#menu-header li  .item8{ width:146px; background:url("../images/layout/header/menu-top/item8_out.png") no-repeat left top; }
#menu-header li  .item8:hover{ background:url("../images/layout/header/menu-top/item8_over.png") no-repeat left top; }
#menu-header li  .item9{ width:91px; background:url("../images/layout/header/menu-top/item9_out.png") no-repeat left top; }
#menu-header li  .item9:hover{ background:url("../images/layout/header/menu-top/item9_over.png") no-repeat left top; }
#menu-header li  .item10{ width:76px; background:url("../images/layout/header/menu-top/item10_out.png") no-repeat left top; }
#menu-header li  .item10:hover{ background:url("../images/layout/header/menu-top/item10_over.png") no-repeat left top; }
#menu-header li  .item11{ width:92px; background:url("../images/layout/header/menu-top/item11_out.png") no-repeat left top; }
#menu-header li  .item11:hover{ background:url("../images/layout/header/menu-top/item11_over.png") no-repeat left top; }


#page{
	width:1060px;
	float:left;
	position:relative;
}


/*************************** COLONNE GAUCHE***/

#col-left{
	position:relative;
	float:left;
	top:-20px;
	width:170px;
	margin-left:32px;
}
#menu-left{
	float:left;
	width:170px;
	padding-left:0;
	margin-left:0;
}
#menu-left li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;		
}
#menu-left li a span{
	display:none;
}
#menu-left li a{
	display:block;
	float:left;
	width:170px;
	height:33px;
	margin:0 0 3px 0;
	padding:0;
}

#menu-left li  .item1{ background:url("../images/layout/col-gauche/menu-left/item1_out.png") no-repeat left top; }
#menu-left li  .item1:hover{ background:url("../images/layout/col-gauche/menu-left/item1_over.png") no-repeat left top; }
#menu-left li  .item2{ background:url("../images/layout/col-gauche/menu-left/item2_out.png") no-repeat left top; }
#menu-left li  .item2:hover{ background:url("../images/layout/col-gauche/menu-left/item2_over.png") no-repeat left top; }
#menu-left li  .item3{ background:url("../images/layout/col-gauche/menu-left/item3_out.png") no-repeat left top; }
#menu-left li  .item3:hover{ background:url("../images/layout/col-gauche/menu-left/item3_over.png") no-repeat left top; }
#menu-left li  .item4{ background:url("../images/layout/col-gauche/menu-left/item4_out.png") no-repeat left top; }
#menu-left li  .item4:hover{ background:url("../images/layout/col-gauche/menu-left/item4_over.png") no-repeat left top; }
#menu-left li  .item5{ background:url("../images/layout/col-gauche/menu-left/item5_out.png") no-repeat left top; }
#menu-left li  .item5:hover{ background:url("../images/layout/col-gauche/menu-left/item5_over.png") no-repeat left top; }

/*************************** CONTENU ***/

#contenu{
	float:left;
	width:500px;
	padding:0px 15px 0 15px;
}
* html #contenu{
	left:230px;
	padding:0 7px 0 7px;
}
* html #col-right{
	position:absolute;
	top:-91px;
	left:755px;
}
#recherche {
	height: 42px;	
	padding-top: 8px;
	text-align: right;
}
#recherche i { color:#B5B5B5; }
#btn_recherche {
	background-color: #B5B5B5;
	color: #FFFFFF;
	height: 20px; 	
	border: none;
	margin-bottom: -1px;
	cursor: pointer;
}

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


/*************************** COLONNE DROITE ***/
#col-right{
	position:relative;
	top:-91px;
	float:right;
	width:327px;	
}

/***Encart 1 ***/
#encart1{
	width:327px;
	background:url("../images/layout/col-droite/encart1/top.png") no-repeat left top;
	padding-top:51px;
}
#encart1 .top {
	display:none;	
}
#encart1 .content{
	position:relative;
	padding:0 55px 0 15px;
}
#partager{
	height:18px;
	padding:24px 75px 10px 33px;
	margin:0;
	background:url("../images/layout/col-droite/encart1/bottom.gif") no-repeat left bottom;
	font-size:14px;
}
#partager p{
	float:left;
	font-family:"garamond";
	font-size:12px;
	padding-right:2px;
	margin:0;
}
#partager ul{
	display:block;
	padding:0;
	margin:0;
}
#partager ul li{
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0 4px 0 0;
}

/***Encart 2***/
#encart2{
	height:20px;
	padding:49px 0 0 82px;
	margin:0;
	background:url("../images/layout/col-droite/encart2/agenda.gif") no-repeat left top;
}
#encart2 h2{
	display:none;
}
#encart2 p{
	padding:0;
	margin:0;	
}
#encart2 p a{
	font-family:"Verdana";
	font-size:10px;
	text-decoration:underline;
	margin-right:8px;
}
#encart2 p a:hover{
	font-family:"Verdana";
	text-decoration:none;
	margin-right:8px;
}

/***Encart 3 ***/
#encart3{
	background:url("../images/layout/col-droite/encart3/fond.gif") repeat-y left top;
}
#encart3 h2{
	display:block;
	height:102px;
	padding:0;
	margin:0;
	background:url("../images/layout/col-droite/encart3/acces_press.gif") no-repeat left top;
}
#encart3 h2 a {
	display:block;
	margin: 0;
	padding: 0;
	width:280px;
	height:65px;
}
#encart3 h2 span{
	display:none;
}
#encart3 .content{
	background:url("../images/layout/col-droite/encart3/bottomfond.gif") no-repeat left bottom;
	padding:0 50px 10px 7px;
}
#encart3 .content p {
	border-top:1px dotted #CCCCCC;
	padding-top:2px;
}
#footer{
	clear:both;
	width:990px;
	margin:auto;
	border-top: solid 1px #cccccc;
	padding: 5px;
	color: #666666;
}
#footer-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#footer-menu li {
	float: left;
}

 /********************************
 	       * Vidéos *
 ********************************/
 
.overlay {
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display:none;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}

.overlay-video {
	position:fixed;
	margin-left:-328px;
	left:50%;
	top:50%;
	margin-top:-263px;
	z-index:1001;
	display:none;
	background-image:url(../images/flowplayer/white.png);
	width:656px;
	height: 484px;
	padding-top:42px;
}

.overlay-close {
	background-image:url(../images/flowplayer/close.png);
	width:36px;
	height:36px;
	z-index:1001;
	left:615px;
	top:5px;
	position:absolute;
	cursor:pointer;
}

.overlay-player {
	display:block;
	width:575px;
	height:400px;
	margin:auto;
}