/* global */
body {}
#homepage{}
#listing{}

/* Usefull styles */
.clear {clear: both; height: 1px; overflow: hidden}

/* header */
#header { width: 970px; margin-right: auto; margin-left: auto; position: relative; height: 95px;}
  #header #logo_samsa_film {height: 53px; width: 190px; margin-top: 22px; display: block; float: left;}
  #header_box {display: block; float: left; width:750px; height: 20px; margin-top: 42px; margin-bottom: 32px; margin-left: 20px}

/* content */
#content {width: 970px; margin-right: auto; margin-left: auto;}

/* menu */  
#menu {float: left; display: inline; width: 190px; height: 312px; padding-right: 20px; padding-top: 14px;}
 #menu li {display: block; padding: 6px 0px;}

/* news */  
#news {float: left; display: inline; width: 277px; height: 312px; padding-top: 14px;}

/* video */  
#video {float: left; display: inline; width: 480px; height: 328px;}
  #video-info {padding: 15px 20px; float: left;}
  #mute-button {width: 480px; height: 50px; padding-top: 14px; text-align: right;} 
  
/* carousel */  
#carousel {height: 110px; width:970px; margin: 40px auto;}
 

/* liste */  
#liste {float: left; display: inline; width: 750px;}
 .navigation {height: 16px; padding:12px 0px; margin-bottom: 20px;}
  #sous-menu select {margin-left: 10px;}
	  
 .navigation-bas { padding:12px 0px; margin-bottom: 20px; clear: both; height: 20px; clear: both;}
  .navigation-bas #pages {padding-top: 3px; float: right; padding-left: 10px; padding-right: 10px;}
   .navigation-bas .fleche {float: right;}

#liste ul{}
 #liste li{float:left; display: inline; width: 150px; height: 223px; margin-bottom: 20px;}
  #liste li .liste-description {height: 70px; padding-left: 5px; padding-right: 10px;}
  #liste li img {padding-bottom: 10px;}
  #liste li .liste-description h2 { margin-bottom: 3px;}
	
	#liste li div .liste-description {width: 110px;}	 

/* detail */  		 
#detail {float: left; display: inline; width: 750px;}  
 #detail-bg {float: left; display: inline; width: 750px; margin-bottom: 20px;}
 #detail-bg-video {float: left; display: inline; width: 750px; margin-bottom: 20px;}
	  
 #detail-titre {padding-bottom: 10px; margin-bottom: 20px; }
  #detail-titre h1{ }
   #detail-titre h2{ }
   
 #detail-menu {float: left; display: inline; width: 110px; padding-right: 40px;} 
  #detail-menu li  {padding-bottom: 8px;} 
   
 #detail-texte {float: left; display: inline; width: 300px; padding-right: 20px;}
  #detail-texte p{padding-bottom: 7px;}
   
 #detail-affiche{float: left; display: inline; width: 258px; padding-left: 20px;}
   
  
/* footer */  
 #footer {height: 30px; padding-top :25px;}
  #footer #copyright {width: 970px;  margin-right: auto; margin-left: auto;}