body { margin:0px; background:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left  }

/*#container { width:1022px; height:700px; margin:auto; padding:0px; font-size:12px; }*/
img{
border:none;}
* {
    outline: none;
}
#titre{
margin-left:30px;
width:1024px;
}

#container {  position:absolute;
  left: 50%; 
  top: 50%;
  width: 1084px;
  height: 652px;
  margin-top: -326px; /* moitié de la hauteur */
  margin-left: -542px; /* moitié de la largeur */
  padding:0px;
}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	margin:0px; 
	background:#000 ; 
	display:block; 
	position:relative; 
	padding:0px 0px 0px;
	height:578px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:30px; 
	height:652px; 
	bottom:0px; 
	right:0px; 
	margin:0px;
	padding:0px;
	background:url(../images/slideitmoo_forward.png) no-repeat 0px 422px;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:0px; 
	background:url(../images/slideitmoo_back.png) no-repeat 0px 422px;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:1024px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
	width:1024px;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 0px 0px 0px; 
	font-size:12px; 
	width:1024px; 
	text-align:left; 
	color:#FFFFFF;
}
.info{
color:#808080;
}
#SlideItMoo_items a {  }
#SlideItMoo_items a img{  }

.img_news1{
float:left;
width:512px;
height:229px;
}
.contact{
height:240px;
float:left;
}
.news1{
height:240px;
background-color:#29302c;
padding:20px 30px 20px 542px;
}
.news2{
height:240px;
margin-top:6px;
background-color:#29302c;
padding:20px 30px 20px 542px;
}
.img_news2{
float:left;
margin-top:6px;
width:512px;
height:229px;
}
.film{
float:left;
}
.film_bas{
float:left;
padding-top:6px;
}
.legende1, .legende2, .legende3, .legende4, .legende5, .legende6, .legende7, .legende8, .legende9, .legende10, .legende11, .legende12 , .legende13, .legende14, .legende15, .legende16, .legende17, .legende18, .legende19, .legende20, .legende21, .legende22, .legende23 , .legende24, .legende25, .legende26, .legende27, .legende28, .legende29, .legende30, .legende31, .legende32, .legende33{
height:51px;
width:476px;
padding-left:36px;
}
div:hover.film .legende1, div:hover.film .legende2, div:hover.film .legende3, div:hover.film .legende4, div:hover.film .legende5, div:hover.film .legende6, div:hover.film .legende7, div:hover.film .legende8, div:hover.film .legende9, div:hover.film .legende10, div:hover.film .legende11, div:hover.film .legende12, div:hover.film .legende13, div:hover.film .legende14, div:hover.film .legende15, div:hover.film .legende16, div:hover.film .legende17, div:hover.film .legende18, div:hover.film .legende19, div:hover.film .legende20, div:hover.film .legende21, div:hover.film .legende22, div:hover.film .legende23,  div:hover.film .legende24, div:hover.film .legende25, div:hover.film .legende26, div:hover.film .legende27, div:hover.film .legende28, div:hover.film .legende29, div:hover.film .legende30, div:hover.film .legende31, div:hover.film .legende32, div:hover.film .legende33, 
div:hover.film_bas .legende1, div:hover.film_bas .legende2, div:hover.film_bas .legende3, div:hover.film_bas .legende4, div:hover.film_bas .legende5, div:hover.film_bas .legende6, div:hover.film_bas .legende7, div:hover.film_bas .legende8, div:hover.film_bas .legende9, div:hover.film_bas .legende10, div:hover.film_bas .legende11, div:hover.film_bas .legende12, div:hover.film_bas .legende13, div:hover.film_bas .legende14, div:hover.film_bas .legende15, div:hover.film_bas .legende16, div:hover.film_bas .legende17, div:hover.film_bas .legende18, div:hover.film_bas .legende19, div:hover.film_bas .legende20, div:hover.film_bas .legende21, div:hover.film_bas .legende22, div:hover.film_bas .legende23
, div:hover.film_bas .legende24, div:hover.film_bas .legende25, div:hover.film_bas .legende26, div:hover.film_bas .legende27, div:hover.film_bas .legende28, div:hover.film_bas .legende29, div:hover.film_bas .legende30, div:hover.film_bas .legende31, div:hover.film_bas .legende32, div:hover.film_bas .legende33{
background-color:#000;
}
.legende1 {
background-color:#390717;
}
.legende2 {
background-color:#29302C;
}
.legende3 {
background-color:#310C05;
}
.legende4 {
background-color:#302416;
}
.legende5 {
background-color:#241D12;
}
.legende6 {
background-color:#141716;
}
.legende7 {
background-color:#250B04;
}
.legende8 {
background-color:#0E161B;
}
.legende9 {
background-color:#021000;
}
.legende10 {
background-color:#291a17;
}
.legende11 {
background-color:#05161e;
}
.legende12 {
background-color:#271B16;
}
.legende13 {
background-color:#3a362a;
}
.legende14 {
background-color:#161814;
}
.legende15 {
background-color:#29221c;
}
.legende16 {
background-color:#192510;
}
.legende17 {
background-color:#2a2d24;
}
.legende18 {
background-color:#101718;
}
.legende19 {
background-color:#564745;
}
.legende20 {
background-color:#413B3d;
}
.legende21 {
background-color:#322B24;
}
.legende22 {
background-color:#1d2F45;
}
.legende23 {
background-color:#4f575a;
}
.legende24 {
background-color:#807f61;
}
.legende25 {
background-color:#161814;
}
.legende26 {
background-color:#282c66;
}
.legende27 {
background-color:#164f5c;
}
.legende28 {
background-color:#2a2d24;
}
.legende29 {
background-color:#3a3937;
}
.legende30 {
background-color:#790602;
}
.legende31 {
background-color:#332629;
}
.legende32 {
background-color:#362711;
}
.legende33 {
background-color:#802F0A;
}

img a{
border:none;
}
a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
}
.legende_col_g{
float:left;
margin-top:10px;

}
.legende_col_d{
float:left;
color:#808080;
font-style:italic;
margin-left:3px;
margin-top:10px;
}
.titre_news{
color:#FFFFFF;
font-size:12px;
margin:0;
}
.news1 p, .news2 p, .news1 p a, .news2 p a{
color:#808080;
line-height:14px;
}
p {
margin-top:0px;
}
.design{
text-align:right;
margin-right:30px;
margin-top:3px;
color:#404643;
font-size:9px;
}
.design a{
color:#57625d;
}
.design a:hover{
color:#999;
}

.bloc {
width:502px;
height:36px;
margin:15px 0px 0px 15px;
padding:15px 0 0 10px;
}