@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* pour éviter les marges */ 
	text-align: center; /* pour corriger le bug de centrage IE */ 
	color: #404040;
	background-color:#666666;
} 
h1 h2 h3 {
	font-size:12px;
}

img{
	border:none;
}


/*-------------------------------------------------
			Utile partout
-------------------------------------------------*/
.contenant {
	width:900px;
	text-align:left;
	margin:0 auto; 
}

.contenant_bouton_onglet {
	display:block;
	float:left;
	width:100%;
	padding-top:3px;
	margin-left:20px;
	margin-top:-3px;
}
a.bouton_onglet {
	color:#FFF;
	background-color:#8C8C8C;
	float:left;
	display:block;
	width:auto;
	height:20px;
	background-position:4px;
	background-repeat:no-repeat;
	padding:5px 10px 5px 5px;
}

.bloc_420p {
	float:left;
	display: block;
	width:420px;
}
.bouton{
	background-image:url(../media/img/bt_fleche.png);
	background-repeat:no-repeat;
	width:24px;
	height:20px;
	float:left;
	display:inline;
}

/*-------------------------------------------------
				Frame du haut
-------------------------------------------------*/
#frame_haut {
	position:relative;
	top:0px;
	width:100%;
	height:190px;
	background-image:url(../media/img/trame_header.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#contenu_frame_haut {
	height:190px;
}

h1#titre {
	font-family: Arial Narrow, Helvetica, sans-serif;
	margin-left:0px; 
	margin-top:34px; 
	display:block; 
	float:left; 
	width:430px; 
	text-align:left;
	font-size:2.17em;
}

#logo_haut {
	width:100%;
	height:10px;
	background-color:#404040;
	display:block; float:left;
}

#haut_recherche {
	display:block;
	float:left;
	width: 394px;
	height:50px;
	margin-left:25px;
	margin-top:44px;
	background-color:#404040;
	padding:0px;
}

#bt_recherche_site {
	display:block; 
	float:left; 
	width:30px; 
	height:30px; 
	background-image:url(../media/img/bt_recherche_site.jpg); 
	background-repeat:no-repeat;
	margin-top:11px;
	margin-left:6px;
}
	
.bord_menu {
	width:4px;
	height:31px;
}


/*-------------------------------------------------
				Frame du bas
-------------------------------------------------*/
#frame_bas {
	width:100%;
	display:block;
	float:left;
	text-align:center;
}

#liens_menu_bas a {
	display: block;
	float:left;
	margin-right:20px;
	margin-top:7px;
	}
		
#frame_bas a:active, #frame_bas a:visited, #frame_bas a:link{
	color:#C2C2C2;
	text-decoration:none;
}
		
#frame_bas a:hover{
	color:#FFFFFF;
	text-decoration:none;
}


#fond_bas_gris_fonce{
	display:block;
	float:left;
	width:900px;
	background-color:#404040;
	background-image:url(../media/img/trame_footer.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.liste_bas{
	display:block;
	float:left;
	width:300px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

.liste_bas ul{
	margin:0;
	padding:0
}

.liste_bas li{
	margin-left:20px;
	margin-top:2px;
	text-align:left;
	font-weight:normal;
	list-style: none;
	padding: 0px 0px 0px 0px;
}


/*-------------------------------------------------
				Frame du centre
-------------------------------------------------*/

.grand_contenu_haut {
	float:left;
	display:block;
	width:908px;
	height:21px;
	padding:0 10px 0 10px;
	position:relative;
	background-image:url(../media/img/cadre_trame.png);
	background-repeat:repeat-y;
	z-index:100;
	margin:10px 0 0 0;
	background-image:url(../media/img/cadre_H.png);
	background-repeat:no-repeat;
}

.grand_contenu_bas {
	float:left;
	display:block;
	width:908px;
	height:23px;
	padding:0 10px 0 10px;
	position:relative;
	background-image:url(../media/img/cadre_trame.png);
	background-repeat:repeat-y;
	z-index:100;
	margin-bottom:10px;
	background-image:url(../media/img/cadre_B.png);
	background-repeat:no-repeat;
}

.grand_contenu {
	float:left;
	display:block;
	width:908px;
	padding:0 10px 0 10px;
	position:relative;
	background-image:url(../media/img/cadre_trame.png);
	background-repeat:repeat-y;
	z-index:100;
}

#frame_centre {
	width:100%;
	display:block;
	float:left;
	text-align:center;
}

.frame_fond_blanc {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	display:block;
	z-index:1;
}

.grand_contenu2 {
	float:left;
	display:block;
	width:900px;
	padding:10px;
	margin-top:10px;
	border: 2px solid #ededed;
	position:relative;
	z-index:100;
}

#frame_centre h2 {
	font-size:2.2em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-top:0px;
}

/* partie descriptif accueil */

#index_bloc_info {
	padding:10px;
	float:left;
	display:block;
	width:220px;
	margin-left:10px;
	background-color:#F1F1F1;
}

/* partie news accueil */

#index_bloc_news {
	padding:10px;
	float:left;
	display:block;
	width:220px;
	margin-left:10px;
	background-color:#F1F1F1;
}

/* partie photo present */

#index_bloc_photopresent {
	float:left;
	display:block;
	width:400px;
	padding:10px;
	border: 2px solid #d1d1d1;
}
/* partie infos casting */

#bloc_infos_casting {
	float:left;
	display:block;
	width:340px;
	padding:10px;
	border: 2px solid #d1d1d1;
}

/* partie photos - book */

#bloc_photos {
	float:left;
	display:block;
	width:880px;
	height:270px;
	padding:10px;
	border: 2px solid #d1d1d1;
}

/* partie videos */

#bloc_videos {
	float:left;
	display:block;
	width:860px;
	height:auto;
	padding:10px;
	border: 2px solid #d1d1d1;
}

.bg_video_off{
	width:411px;
	height:54px;
	background:transparent url('../media/img/bg_video_off.gif') top left repeat-y;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	color:#404040;
}

.bg_video_on{
	width:411px;
	height:54px;
	background:transparent url('../media/img/bg_video_on.gif') top left repeat-y;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	color:#ffffff;
}



/* Partie news */

#bloc_all_news {
	float:left;
	display:block;
	width:400px;
	margin:0;
	padding:0;
}

#index_bloc_news {
	float:left;
	display:block;
	width:400px;
	padding:10px;
	border: 2px solid #d1d1d1;
}

.block_news {
	float:left;
	display:inline;
	width:400px;
	height:100%;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	background-image:url(../media/img/fd_news.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.block_news2 {
	float:left;
	display:inline;
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	background-image:url(../media/img/fd_news2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}


.bloc_news_right {
	width:300px;
	float:left;
	display:inline;
	margin-left:10px;
}

.bloc_news_right h3 {
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
	width:300px;
}

.bloc_news_right2 {
	width:700px;
	float:left;
	display:inline;
	margin-left:10px;
}

.bloc_news_right2 h3 {
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
	width:700px;
}

.bloc_news_right div.news_txt {
	display:block;
	float:left;
	width:300px;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 0px 0px;
}
.bloc_news_right2 div.news_txt2 {
	display:block;
	float:left;
	width:680px;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 0px 0px;
}

.bloc_news_right a.news_lien {
	float:left;
	display:block;
	width:300px;
	padding:0px;
	margin:0px 0px 0px 0px; 
	height:20px;
	background-image:url(../media/img/bt_fleche.png);
	background-repeat:no-repeat;
}

.block_news img.photo_news {
	float:left;
	display:block;
	width:72px;
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
}

/* Partie agent */
#index_bloc_agents {
	padding:10px;
	float:left;
	display:block;
	width:358px;
	margin-left:0px;
	background-image:url(../media/img/fond_agent.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.bloc_agent {
	display:block;
	width:220px;
	height:95px;
	padding:0px;
	margin-top:5px;
}

.bloc_agent_img {
	float:left;
	display:block;
	width:56px;
	height:70px;
}

.info_agent {
	float:left;
	display:block;
	width:154px;
	height:auto;
	padding-left:5px;
	padding-top:5px;
	text-align:left;
}

.info_agent h2 {
	font-size:1.33em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-top:0px;
}
.agent_bas  {
	float:left;
	display:block;
	width:215px;
	height:auto;
	padding:0px;
	text-align:left;
}

.agent_bas a {
	text-decoration:none;
	display:block;
	float:left;
	margin-top:3px;
	margin-left:3px;
	padding-left:17px;
	background-image:url(../media/img/minifleche_bl-nr.gif);
	background-repeat:no-repeat;
	background-position: 3px 3px;
	color:#FFF;	
}
.bouton_agent {
	background-image:url(../media/img/bt_fleche_ctrblanc.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	float:left;
	display:inline;
	position:absolute;
	z-index:100; 
	margin-top:30px;
	margin-left:204px;
}


/* Partie videos - photos */

.bloc_bas_index {
	position:relative;
	top:0;
	left:0;
	float:left;
	display: block;
	width:285px;
	min-height:230px;
	text-align:center;
	padding: 12px 0 12px 0;
	z-index:1;
}

#all_bloc_video {
	float:left;
	display:block;
	width:300px;;
	padding:0px;
}

#bloc_video_photo {
	float:left;
	display:block;
	width:300px;
	padding:0px;
	text-align:center;
}

#bloc_video_photo h2 {
	font-size:1.83em;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:0px;
	padding-top:0px;
	display:inline;
}

#bloc_video_artiste{
	margin-left:56px;
}

#bloc_video_photo object, #bloc_video_photo embed, #bloc_video_photo iframe  {
	width:266px;
	height:200px;
	display:block;
	margin:0 5px 0 5px;
}

.video_artiste object, .video_artiste embed, .video_artiste iframe  {
	display:inline;
	float:left;
	width:400px;
	height:300px;
}

.bloc_carre_video_photo {
	float:left;
	display: block;
	width:290px;
	min-height:230px;
	border: 2px solid #ededed;
	text-align:center;
	padding: 12px 0 12px 0;
	border: 2px solid #ededed;
}

.bt_precedent {
	margin-left:10px;
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-top:80px;
	background-image:url(../media/img/bt_prev.png);
	background-repeat:no-repeat;
}

.bloc_photo_artiste {
	position:relative;
	display:block;
	float:left;
	width:210px;
}

.bt_suivant {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-top:80px;
	background-image:url(../media/img/bt_next.png);
	background-repeat:no-repeat;
}

.bloc_artiste {
	position:relative;
	display:block;
	float:left;
	width:285px;
	height:310px;
}

/* Partie tags */
#conteneur_tags {
	position:relative;
	top:0px;
	left:0px;
	display:block;
	float:left;
	width:285px;
	height:270px;
	margin-top:10px;
	word-spacing:5px;
	line-height:25px;
	overflow:hidden;
	text-align:justify;
}

#degrade_fond_tags {
	position:relative;
	top:-110px;
	left:265px;
	width:40px;
	height:270px;
	opacity:0.65;
	z-index:2;
	background-image:url(../media/img/fond_tags.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#FFF;
	filter: alpha(opacity = 65);
}


/*-------------------------------------------------
			Bords arrondis - ombres
-------------------------------------------------*/

.arr_5 {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.arr_8_BG_BD {
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}

.arr_5_haut {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}

.arr_5_hautg {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
}

.arr_5_hautd {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
.arr_5_hautd_basd {
	-webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}

.arr_5_bas {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.arr_10 {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

.arr_15 {
  -webkit-border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}
.arr_15_bas {
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
}
	
.shadow2{
	-moz-box-shadow: #d1d1d1 1px 1px 1px;
	-webkit-box-shadow: #d1d1d1 1px 1px 1px;

  filter:
    progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1);
}

/*-------------------------------------------------
					Fonds
-------------------------------------------------*/
.fd_gris_fonce {
	background-color:#404040;
}
	
.fd_gris_bas {
	background-color:#666666;
	}
	
.fd_gris_clair {
	background-color:#f1f1f1;
	}

.fd_noir {
	background-color:#000000;
}

.fd_noir {
	background-color:#000000;
}

.fd_deg_noir {
	background-color:#000;
	background-image:url(../media/img/trame_degnoir_264.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 2px solid #ededed;
}


/*-------------------------------------------------
				Polices
-------------------------------------------------*/
.gras {
	font-weight:bold;
}

.majuscule {
	text-transform:uppercase;
}

.T1 {
	font-size:0.1em;
}

.T10 {
	font-size:0.83em;
}

.T11 {
	font-size:0.91em;
}
	
.T12 {
	font-size:1em;
}
	
.T14 {
	font-size:1.17em
}
	
.T14 {
	font-size:1.33em
}
	
.T18 {
	font-size:1.5em;
}
	
.T26 {
	font-size:2.17em;
}

.blanc {
	color:#FFF;
}

.arial_55{
	font-size:55px;
}

.arial_black_55{
	font-family:"Arial Black", Arial;
	font-size:55px;
}