html {
  width: 100%;
  min-width: 653px;
}

body {
  background: #ffffff;
  width: 653px;
  margin: auto;
  text-align: center;
  margin-top : 10px;
  margin-bottom : 10px;
  color: #000000;
}




#container { 
  width: 653px;
  min-width: 653px;
  font-family: verdana,sans-serif;
  font-size: 12px;
}




#liste_video {
  float: left;
  width: 306px;
  padding-top: 20px;
  color: #545454;
}

	#liste_video .top {
	  background: url(../itf/liste_video_top.gif) repeat-x center top;
	  width: 100%;
	  height: 14px;
	  text-align: center;
	}

		#liste_video .top_left {
		  float: left;
		  background: url(../itf/liste_video_top_left.gif);
		  width: 14px;
		  height: 14px;
		}

		#liste_video .top_right {
		  float: right;
		  background: url(../itf/liste_video_top_right.gif);
		  width: 21px;
		  height: 14px;
		}


	#liste_video .bottom {
	  background: url(../itf/liste_video_bottom.gif) repeat-x center bottom;
	  width: 306px;
	  height: 14px;
	  vertical-align: top;
	}

		#liste_video .bottom_left {
		  float: left;
		  background: url(../itf/liste_video_bottom_left.gif);
		  width: 14px;
		  height: 14px;
		  margin-top: -14px!ie;
		}

		#liste_video .bottom_right {
		  float: right;
		  background: url(../itf/liste_video_bottom_right.gif);
		  width: 21px;
		  height: 14px;
		  margin-top: -14px!ie;
		}


	#liste_video .center {
	  background: url(../itf/liste_video.gif) repeat-y left;
	  width: 100%;
	  text-align: left;
	  padding-left: 14px;
	  padding-right: 14px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	}
	
#liste_video .title {
  font-size: 16px;
  font-weight: bold;
  padding-left: 4px;
}




#video {
  float: right;
  background: #ffffff url(../itf/video.gif) repeat-y right;
  width: 368px;
  margin-left: -21px;
  color: #000000;
}


	#video .top {
	  background: url(../itf/video_top.gif) repeat-x center top;
	  width: 368px;
	  height: 21px;

	  text-align: center;
	}

		#video .top_left {
		  float: left;
		  background: url(../itf/video_top_left.gif);
		  width: 21px;
		  height: 21px;
		}

		#video .top_right {
		  float: right;
		  background: url(../itf/video_top_right.gif);
		  width: 21px;
		  height: 21px;
		}


	#video .bottom {
	  background: url(../itf/video_bottom.gif) repeat-x center bottom;
	  width: 368px;
	  height: 21px;
	  text-align: center;
	}

		#video .bottom_left {
		  float: left;
		  background: url(../itf/video_bottom_left.gif);
		  width: 21px;
		  height: 21px;
		}

		#video .bottom_right {
		  float: right;
		  background: url(../itf/video_bottom_right.gif);
		  width: 21px;
		  height: 21px;
		}


	#video .center {
	  width: 326px;
	  text-align: left;
	  padding-left: 24px;
	  padding-right: 24px;
	  padding-top: 3px;
	  padding-bottom: 3px;
	}
	
	#video .center {
	  width: 368px!ie;
	}
	
#video .title {
  font-size: 16px;
  font-weight: bold;
}
	
	
	
#liste_video .video_preview {
  width: 120px;
  height: 90px;
  border: 2px solid;
  border-color: #ffffff;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

#liste_video .video_preview:hover {
  border: 6px solid;
  border-color: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}



#liste_video a.next {
  float: right;
  width: 34px;
  height: 34px;
  background: url(../itf/liste_video_next.gif) no-repeat left center;
  padding-top: 12px;
  margin-right: 52px;
  margin-right: 24px!ie;
}

#liste_video a.prev {
  float: left;
  width: 34px;
  height: 34px;
  background: url(../itf/liste_video_prev.gif) no-repeat left center;
  padding-top: 12px;
  margin-left: 14px;
}

#recherche_video {
  display: block;
  width: 650px;
  padding-top: 20px;
  color: #545454;
  width: 650px;
  min-width: 650px;
  font-family: verdana,sans-serif;
  font-size: 12px;  
}

	#recherche_video .top {
	  background: url(../itf/liste_video_top.gif) repeat-x center top;
	  width: 650px;
	  height: 14px;
	  
	  
	  
	}

		#recherche_video .top_left {
		  float: left;
		  background: url(../itf/recherche_video_top_left.gif);
		  width: 14px;
		  height: 14px;
		}

		#recherche_video .top_right {
		  float: right;
		  background: url(../itf/recherche_video_top_right.gif);
		  width: 14px;
		  height: 14px;
		}
		
	#recherche_video .bottom {
	  background: url(../itf/recherche_video_bottom.gif) repeat-x center bottom;
	  width: 650px;
	  height: 14px;
	  vertical-align: top;
	}

		#recherche_video .bottom_left {
		  float: left;
		  background: url(../itf/recherche_video_bottom_left.gif);
		  width: 14px;
		  height: 14px;
		  
		}

		#recherche_video .bottom_right {
		  float: right;
		  background: url(../itf/recherche_video_bottom_right.gif);
		  width: 14px;
		  height: 14px;
		  
		}		
		
	#recherche_video .center {
	  background: url(../itf/recherche_video.gif) repeat-y left;
	  width: 100%;
	  text-align: left;
	  padding-left: 14px;
	  padding-right: 14px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	}	
	
	#recherche_video form {
	margin: 0;
	padding: 0;
	}
	
	#recherche_video .rechercher {

	font-weight: bold;	
	font-family: verdana,sans-serif;
  	font-size: 15px;  
	
	}
	
	
	#recherche_video input, select{

	margin-left: 15px;
	font-family: verdana,sans-serif;
  	font-size: 12px;  
  	border: 1px solid #B6B6B6;
	
	}	
	
	
#recherche_video .video_preview {
  width: 120px;
  height: 90px;
  border: 2px solid;
  border-color: #ffffff;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
 
}

#recherche_video a{
 text-decoration: none;
 }

#recherche_video .video_preview:hover {
  border: 6px solid;
  border-color: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}