@import url(../jquery/stylish-select.css);
@import url(paginationCarree.inc.css);
@import url(../jquery/extension/colorbox.css);

#multimedia{
  margin : 10px 20px;
  height : 517px;
  margin-bottom : 0px;
  overflow : hidden;
}

#preload_box{

}

div#content div#content-middle div#data #multimedia h1{
  margin-bottom : 30px;
}

#recherche_media{
  float : left;
  width : 300px;
  min-height : 450px;
  background : url(../../images/css/fond_recherche_media.jpg) no-repeat top left;
}

#recherche_media #champs_theme ul{
  height : 200px;
}

div#content div#content-middle div#data  #recherche_media h2{
  margin-left: 10px;
  width : 255px;
}

div#content div#content-middle div#data  #recherche_media label{
  background : url(../../images/css/puce_orange.jpg) no-repeat top left;
  padding-left: 8px;
  
  display : block;
  margin-bottom : 5px;
  clear : left;
  font-weight: bold;
}

div#content div#content-middle div#data  #recherche_media form{
  
}

div#content div#content-middle div#data  #recherche_media .nbResultats{
  border-top : 1px dashed #FF5113;
  border-bottom : 1px dashed #FF5113;
  padding : 6px 0px;
  width : 180px;
  margin-left: 50px;
  text-align : center;
  color : #FF5113;
  margin-bottom : 20px;
}

div#content div#content-middle div#data  #recherche_media div.champs{
  margin-bottom : 20px;
  margin-top : 30px;
  clear : both;
  margin-left: 30px;
  height : 50px;
}

div#content div#content-middle div#data  #recherche_media input[type=submit]{
  background : url(../../images/css/fond_bouton_resultat.jpg) no-repeat top left;
  margin-left : 80px;
  width : 140px;
  height : 24px;
  border : none;
  color : white;
  font-weight : bold;
}

#liste_medias{
  float : left;
  width : 640px;
  margin-left: 10px;
 min-height : 450px;
 overflow : hidden;
 margin-bottom : 20px;
}

#liste_medias .bloc_media{
  width : 198px;
  float : left;
  margin : 5px;
  background : url(../../images/css/fond_media_m.jpg) repeat-y top left;
  position: relative;
}

#liste_medias #listeResultatRecherche .bloc_media{
	background : none;
	overflow: hidden;
	height : 121px;
	position : relative;
}

#liste_medias #listeResultatRecherche .bloc_media .legende{
	background: url(../../images/css/fond_legende_media-trans.png) repeat-x left top transparent;
	position : absolute;
	bottom : 0px;
	left: 13px;
	z-index : 100;
	height : 25px;
	width : 164px;
	padding-top : 3px;
	padding-left: 5px;
	color: white;
	font-weight : normal;
	font-size : 0.8em;
}

div#content div#content-middle div#data  #liste_medias #listeResultatRecherche .bloc_media .legende a{
	
}


#liste_medias #listeResultatRecherche .bloc_media img{
	position : absolute;
	left : 0px;
	top : 50%;
}

#liste_medias #listeResultatRecherche .bloc_media img.cache_media{
	position : absolute;
	left : 0px;
	top : 0px;
}

.paginationPage{
	display : none;
}

#liste_medias .edition_media{
  position : absolute;
  bottom : 15px;
  left:17px;
  font-size : 0.8em;
}

#liste_medias .bloc_video .bloc_media,#liste_medias .bloc_son .bloc_media{
  width : 304px;
  background : url(../../images/css/fond_media_long_m.jpg) repeat-y top left;
  min-height : 100px;
  overflow : hidden;
  position : relative;
}

#liste_medias .bloc_video .bloc_media h3,#liste_medias .bloc_son .bloc_media h3{
  float : left;
  width : 160px;
  margin-right:15px;
}

#liste_medias .bloc_video .bloc_media_h,#liste_medias .bloc_son .bloc_media_h{
  width : 304px;
  height : 10px;
  background : url(../../images/css/fond_media_long_h.jpg) repeat-y top left;
}

#liste_medias .bloc_media_m{
  height : 170px;
}

#liste_medias .liste_bloc_media .bloc_media_m{
  height : auto;  
	overflow : hidden;
	padding-bottom : 6px;
}

#liste_medias .bloc_video .bloc_media_b,#liste_medias .bloc_son .bloc_media_b{
  width : 304px;
  height : 10px;
  background : url(../../images/css/fond_media_long_b.jpg) repeat-y top left;
  clear : left;

}

#liste_medias .bloc_video .apercuMedia,#liste_medias .bloc_son .apercuMedia{
  float : left;
  width : 100px;
  height : 100px;
  border : 1px solid #FF5113;
}

#liste_medias .bloc_video .bloc_media .voir_media_parag,#liste_medias .bloc_son .bloc_media .voir_media_parag{
  right: 10px;
  bottom : 18px;
  position : absolute;
}

div#content div#content-middle div#data #liste_medias .bloc_video h2,div#content div#content-middle div#data #liste_medias .bloc_son h2{
  margin-bottom : 20px;
  margin-top : 25px;
}

#liste_medias .bloc_video .bloc_media .date_media,#liste_medias .bloc_son .bloc_media .date_media{
  font-style : italic;
  margin-left:130px;
  font-size : 0.8em;
}

#liste_medias .bloc_media h3{
  margin-left:13px;
  width : 170px;
  padding-bottom : 2px;
  margin-bottom : 5px;
  font-size : 0.9em;
  
}
#liste_medias .bloc_media .titre_media{
  height : 28px;
}		
div#content div#content-middle div#data p.voir_media_parag a{
  font-size : 0.8em;
  font-weight : normal;
  
}

div#content div#content-middle div#data p.voir_media_parag  {
  height : 15px;
}

#liste_medias .bloc_media_h{
  width : 198px;
  height : 11px;
  background : url(../../images/css/fond_media_h.jpg) repeat-y top left;
}

#liste_medias .bloc_media_b{
  width : 198px;
  height : 11px;
  background : url(../../images/css/fond_media_b.jpg) repeat-y top left;
}

#liste_medias .bloc_media .voir_media_parag{
  margin-right: 12px;
  height : 25px;
  text-align : right;
  
}

#liste_medias .bloc_media .voir_media_parag a {
	background : url(../../images/css/plus-trans.png) no-repeat right 0px;
	padding-right : 16px;
	height : 25px;
	display : block;
	
} 

#liste_medias .liste_bloc_media{
  overflow : hidden;
}

#dialog{
  padding : 25px;
}

#sup_dialog{
  display : none;
  position : absolute;
  top : 30%;
  left: 40%;
  background : white;
  min-width : 550px;
  margin-left: -150px;
  min-width : 350px;
  z-index: 125;
}

#sup_dialog .closeDialog{
  position : absolute;
  top : 0px;
  right: 5px;
  color : black;
  font-weight: bold;
  text-decoration : none;
}

.apercuMedia{
  position : relative;
  margin-left: 13px;
  margin-top : 5px;
  height : 116px;
  overflow : hidden;
}

.apercuMedia img{
	position : absolute;
	top : 50%;
	left: 0px;
	z-index: 5;
}

.apercuMedia .cache_media{
  position : absolute;
  top : 0px;
  left: 0x;
  z-index: 10;
}

.bloc_video,.bloc_son{
  width : 305px;
  float : left;
}

.bloc_video{
  margin-right : 10px;
}

.bloc_video .apercuMedia img,.bloc_son .apercuMedia img{
  
}  

#preload_box .bloc_son{
  margin-left:  20px;
}

.bloc_flv{
  width : 500px;
  padding : 10px;
  height : 395px;
}

#preload_box .bloc_son{
  width : 304px;
  height : 200px;
}

div#content div#content-middle div#data div#multimedia .pagination{
  margin-left: 192px;
}