@charset "utf-8";
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:140%;
	background-image:url(../images/habillage/bg.png);
	background-attachment: fixed;
	
}
span{
	display:none;
}
h1{
	font-size:24px;
	color:#333;
	margin-bottom:15px;
}
h2{
	font-size:18px;
	color:#000;
	margin-bottom:12px;
	margin-top:20px;
}
h3{
	font-size:16px;
	color:#000;
	margin-bottom:5px;
	margin-top:15px;
}
h4{
	font-size:13px;
	color:#666;
	margin-bottom:2px;
	margin-top:15px;

}
#header{
	background-color:#FFF;
	width:2000px;
	height:30px;
	position:fixed;
	top:0px;
	padding:10px;
}
#header p {
	float:left;
	padding-top:12px;
	margin-left:340px;
	color:#666;
}
#header p a{
	color:#666;
	font-size:16px;
	}
#header p a:hover{
	color:#000;
	font-size:16px;
	}
#header p a.actif{
	color:#000;
	font-size:16px;
	}
#menu {
	top:100px;
	position:fixed;
	width:125px;
	left:120px;
	height:160px;
}
#btn_inicio a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/inicio_off.png);
	margin-bottom:5px;
}
#btn_inicio a:hover{
	background-image:url(../images/habillage/inicio_on.png);
}
#btn_guion a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/guion_off.png);
	margin-bottom:5px;
}
#btn_guion a:hover{
	background-image:url(../images/habillage/guion_on.png);
}
#btn_subt a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/subt_off.png);
	margin-bottom:5px;
}
#btn_subt a:hover{
	background-image:url(../images/habillage/subt_on.png);
}
#btn_doblaje a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/doblaje_off.png);
	margin-bottom:5px;
}
#btn_doblaje a:hover{
	background-image:url(../images/habillage/doblaje_on.png);
}

#btn_otro a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/otro_off.png);
	margin-bottom:5px;
}
#btn_otro a:hover{
	background-image:url(../images/habillage/otro_on.png);
}

#btn_bio a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/bio_off.png);
	margin-bottom:5px;
}
#btn_bio a:hover{
	background-image:url(../images/habillage/bio_on.png);
}
#btn_contacto a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/contacto_off.png);
	margin-bottom:5px;
}
#btn_contacto a:hover{
	background-image:url(../images/habillage/contacto_on.png);
}

/***********BOUTON FRANCAIS***********/
#btn_accueil a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/accueil_off.png);
	margin-bottom:5px;
}
#btn_accueil a:hover{
	background-image:url(../images/habillage/francais/accueil_on.png);
}
#btn_scenario a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/scenario_off.png);
	margin-bottom:5px;
}
#btn_scenario a:hover{
	background-image:url(../images/habillage/francais/scenario_on.png);
}
#btn_soust a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/sous_titrage_off.png);
	margin-bottom:5px;
}
#btn_soust a:hover{
	background-image:url(../images/habillage/francais/sous_titrage_on.png);
}
#btn_doublage a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/doublage_off.png);
	margin-bottom:5px;
}
#btn_doublage a:hover{
	background-image:url(../images/habillage/francais/doublage_on.png);
}
#btn_divers a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/divers_off.png);
	margin-bottom:5px;
}
#btn_divers a:hover{
	background-image:url(../images/habillage/francais/divers_on.png);
}

#btn_biog a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/bio_off.png);
	margin-bottom:5px;
}
#btn_biog a:hover{
	background-image:url(../images/habillage/francais/bio_on.png);
}
#btn_contact a{
	width:125px;
	height:25px;
	float:left;
	background-image:url(../images/habillage/francais/contact_off.png);
	margin-bottom:5px;
}
#btn_contact a:hover{
	background-image:url(../images/habillage/francais/contact_on.png);
}
#menu li a:hover{
	color:#666;
}

#gauche{
	top:100px;
	position:fixed;
	left:10px;
	width:100px;
	height:600px;
	background-image:url(../images/habillage/gauche.png);
}
#droite{
	top:100px;
	position:fixed;
	right:10px;
	width:100px;
	height:600px;
	background-image:url(../images/habillage/droite.png);
}
#contenu{
	width:800px;
	margin-left: 230px;
	margin-top:80px;
}
#accueil {
	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	padding:15px;
	height:380px;
}
#film {
	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top:40px;
	height:2200px;
	padding:15px;
}
.photo{
	margin-top:30px;
	background-color:#FFF;
	width:100px;
	float:left;
	margin-left:20px;
}
.photo img{
	margin-bottom:20px;
	width:100px;
}
.texte{
	margin-top:30px;
	background-color:#FFF;
	width:500px;
	float:left;
	margin-left:20px;
}
.texte li{
	margin-bottom:2px;
}
#soustitre {
	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top:40px;
	padding:15px;
	height:2050px;
}
#doblaje{
 	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top:40px;
	padding:15px;
	height:450px;
}
#otro {
	background-color:#FFF;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top:40px;
	padding:15px;
	height:250px;
}

#bio {
	background-color:#FFF;
	height: 1780px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top:40px;
	padding:15px;
}
#contact {
	background-color:#FFF;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:60px;
	margin-top:40px;
	padding:15px;
}
#message {
	height: 415px;
	width: 500px;
	margin-top: 20px;
	margin-left:20px;
}
legend {
	font-size:14px;
}
fieldset {
	border: thin solid #330000;
	padding:10px;
	margin-bottom: 10px;
}
input, textarea, select {
	border: thin solid #999;
	background-color: #FFF;
	
}
label {
	display: block;
	width: 20%;
	text-align: right;
	float: left;
	padding-right: 0.5em;
	clear:left;
}
input, textarea, select, label, radio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:7px;
}
.bouton {
	float:right;
	background-color:#000;
	color: #FFF;
	margin: 3px;
	cursor: pointer;
	border:none;
}
.bouton:hover {
	color: #FFF;
	background-color:#666;
}

#footer {
	background-color:#FFF;
	height: 10px;
	width: 2000px;
	position:fixed;
	bottom:0px;
	text-align:left;
	font-size:12px;
	padding:8px;
}
#footer a{
	color:#666;
}
#footer a:hover{
	color:#000;
}