@charset "utf-8";
html  { height: 100%}
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background-color: #FFFFFF; height: 100% }

.intro { height: 100%; position:absolute; left: 50%; top: 50%; width: 800px; height: 200px; margin-top: -100px; /* moiti de la hauteur */ margin-left: -400px; /* moiti de la largeur */ background-color: #FFFFFF; vertical-align: middle; }
.header { width: 800px; height: 105px; margin: 0; background-color: #FFFFFF; text-align: left; background-image: url(../medias/barre_haut.jpg); background-repeat: no-repeat; padding-top: 20px; }
.bas { width: 800px; height: 15px; margin: 0; text-align: center; background-image: url(../medias/barre_bas.jpg); background-repeat: no-repeat; clear: both; }
.centre { width: 800px; margin: 0; background-color: #FFFFFF; text-align: center; padding: 0px; }
.film { width: 665px; margin: 0; background-color: #FFFFFF; text-align: left; margin-left:-20px; padding-top: 10px; padding-bottom: 5px; padding-right: 10px; padding-left: 20px; border: 1px; border-color: #CC0000; border-style: solid; }
.documentaire { width: 665px; margin: 0; background-color: #FFFFFF; text-align: left; margin-left:-20px; padding-top: 10px; padding-bottom: 5px; padding-right: 10px; padding-left: 20px; border: 1px; border-color: #CC0000; border-style: solid; }
.fond_texte { margin: 0; margin-left:75px; background-color: #FFFFFF; text-align: left; padding: 0px; }
.right { float : right; margin-right:20px;}
.left { float : left; margin-left:50px;}
.left2 { float : left; width:125px; text-align:center;}

.fond-gris { background-color:#CCCCCC }

p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; list-style-type: circle; list-style-position: inside; margin-top: 5px; line-height: 18px;}
h1 { color: #990000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h3 { color: #990000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top:10px; }
h4 { color: #990000; font-size: 16px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
h5 { color: #990000; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.sous_titre_1 { font-size: 14px; color: #990000; font-weight: bold; }
.sous_titre_2 { font-size: 12px; color: #990000; font-weight: bold; }
.synopsis { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-left:130px;}
.resume { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.synopsis_gauche { font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding-right:130px;}
.texte_bas { font-size: 9px; color: #FFFFFF; font-weight: bold; }
.distribution { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; }
.prix { color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../medias/fond-prix.jpg); background-repeat: no-repeat; height:25px; width:75px; text-align: center; }

.titrage { font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #990000; text-align: left; margin-bottom: 10px; }
.sous_titrage { font-weight: 700; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #990000; text-align: left; font-variant: small-caps; margin-bottom:10px;}
.sous_titrage_realisateur { font-weight: 500; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #990000; text-align: left; margin-bottom:10px;}

#titre_menu{height:35px;margin-left:auto;margin-right:auto;position:relative;top:25%;}
#titre_menu_2l{height:35px;margin-left:auto;margin-right:auto;position:relative;top:7%;}

a:link { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: underline; }
a:visited { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: underline; }
a:hover { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; }
a:active { color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; text-decoration: none; }

/*  ------------------------------------------
/*  Musique
/*  ------------------------------------------ */
.list_musicien { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #333333; }
.list_musique { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-weight: bold; color: #990000; margin-left:15px;}

hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:25px; }

/*  ------------------------------------------
/*  Onglets
/*  ------------------------------------------ */
#tabs { float:right; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #84776B; background-image: url(../medias/barre_tabs.jpg); 	}
	
#tabs ul { margin:0; padding:0px 10px 0 35px; list-style:none; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:right; background:url("medias/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../medias/tableft.gif); 	}	
#tabs a span { float:right; display:block; background:url("medias/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; background-image: url(../medias/tabright.gif); 	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color:#74675B;}
#tabs a:hover { background-position:0% -42px; }
#tabs a:hover span { background-position:100% -42px;}

/*  ------------------------------------------
/*  Onglets Intro
/*  ------------------------------------------ */
#tabs_intro { float:right; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #84776B; }
	
#tabs_intro ul { margin:0; padding:0px 0px 0 0px; list-style:none; }
#tabs_intro li { display:inline; margin:0; padding:0; }
#tabs_intro a { float:right; background:url("medias/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; background-image: url(../medias/tableft.gif); 	}	
#tabs_intro a span { float:right; display:block; background:url("medias/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; background-image: url(../medias/tabright.gif); 	}
.texte_intro { float:left; font-size:11px; font-family: Arial, Helvetica, sans-serif; padding-top:6px; }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_intro a span {float:none;}
/* End IE5-Mac hack */
#tabs_intro a:hover span { color:#74675B;}
#tabs_intro a:hover { background-position:0% -42px; }
#tabs_intro a:hover span { background-position:100% -42px;}