/* ---------------------- BODY, GENERIQUE ---------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #424242;
}


/* ---------------------- COMMUN ---------------------- */

body img {
	border: 0;
}

body form, p {
	margin: 0;
	padding: 0;
}

body a {
	margin: 0;
	padding: 0;
	color: #DB001B;
	text-decoration: none;
}

body a:hover {
	text-decoration: underline;
}

body span.clear_both {
	clear: both;
	display: block;
	width: 0;
	height: 0;
	border: 0;
	font-size: 0;
}





/* ---------------------- GLOBALCONTENEUR ---------------------- */

#globalconteneur {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}




/* ---------------------- HEADER ---------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 109px;
	background: url(../images/structure/header_fond.gif) no-repeat 0 0;
}

#header h1 {
	float: left;
	margin: 0;
	padding: 24px 0 0 30px;
}

#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 197px;
	height: 63px;
	text-indent: -9000px;
}



/* ---------------------- MAINMENU HORIZONTAL ---------------------- */

#mainmenu {
	float: right;
	margin: 0;
	padding: 73px 0 0 0;
	height: 12px;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	height: 12px;
	list-style-type: none;
}

#mainmenu ul li {
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	text-indent: -9000px;
}

#mainmenu ul li a {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	height: 12px;
}

#mainmenu ul li a.accueil {
	width: 42px;
	background: url(../images/mainmenu/accueil.gif) no-repeat 0 0;
}
#mainmenu ul li a.accueil:hover, a.accueil_selected {
	width: 42px;
	background: url(../images/mainmenu/accueil.gif) no-repeat 0 -12px;
}

#mainmenu ul li a.presentation {
	width: 71px;
	background: url(../images/mainmenu/presentation.gif) no-repeat 0 0;
}
#mainmenu ul li a.presentation:hover, a.presentation_selected {
	width: 71px;
	background: url(../images/mainmenu/presentation.gif) no-repeat 0 -12px;
}

#mainmenu ul li a.production {
	width: 95px;
	background: url(../images/mainmenu/production.gif) no-repeat 0 0;
}
#mainmenu ul li a.production:hover, a.production_selected {
	width: 95px;
	background: url(../images/mainmenu/production.gif) no-repeat 0 -12px;
}

#mainmenu ul li a.partenaires {
	width: 65px;
	background: url(../images/mainmenu/partenaires.gif) no-repeat 0 0;
}
#mainmenu ul li a.partenaires:hover, a.partenaires_selected {
	width: 65px;
	background: url(../images/mainmenu/partenaires.gif) no-repeat 0 -12px;
}

#mainmenu ul li a.contact {
	width: 43px;
	background: url(../images/mainmenu/contact.gif) no-repeat 0 0;
}
#mainmenu ul li a.contact:hover, a.contact_selected {
	width: 43px;
	background: url(../images/mainmenu/contact.gif) no-repeat 0 -12px;
}






/* ---------------------- ESPACE_CLIENT ---------------------- */

#espace_client {
	float: right;
	margin: 0;
	padding: 30px 30px 0 0;
}

#espace_client p.espace_client {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	line-height: 20px;
}




/* ---------------------- CHEMIN ---------------------- */

#chemin {
	margin: 0;
	padding: 0;
	width: 900px;
	background-color: #DB001B;
}

#chemin p.chemin_liens {
	margin: 0;
	padding: 2px 30px 3px 30px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#chemin p.chemin_liens a {
	color: #FFFFFF;
}

#chemin p.chemin_liens a:hover {
	text-decoration: none;
}




/* ---------------------- ZONE_FLASH ---------------------- */

#zone_flash {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 240px;
}



/* ---------------------- ZONE_PICTO ---------------------- */

#zone_picto {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 90px;
	background: url(../images/structure/zone_picto_fond.jpg) no-repeat 0 0;
}

#zone_picto ul {
	margin: 0;
	padding: 15px 0 0 275px;
	height: 60px;
	list-style-type: none;
}

#zone_picto ul li {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	text-indent: -9000px;
}

#zone_picto ul li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 60px;
}

#zone_picto ul li a.films_entreprise {
	background: url(../images/pictos/films_entreprise.png) no-repeat 0 0;
}
#zone_picto ul li a.films_entreprise:hover, a.films_entreprise_selected {
	background: url(../images/pictos/films_entreprise.png) no-repeat 0 -60px;
}

#zone_picto ul li a.videos_immobilieres {
	background: url(../images/pictos/videos_immobilieres.png) no-repeat 0 0;
}
#zone_picto ul li a.videos_immobilieres:hover, a.videos_immobilieres_selected {
	background: url(../images/pictos/videos_immobilieres.png) no-repeat 0 -60px;
}

#zone_picto ul li a.documentaires_reportages {
	background: url(../images/pictos/documentaires_reportages.png) no-repeat 0 0;
}
#zone_picto ul li a.documentaires_reportages:hover, a.documentaires_reportages_selected {
	background: url(../images/pictos/documentaires_reportages.png) no-repeat 0 -60px;
}

#zone_picto ul li a.captations_spectacles {
	background: url(../images/pictos/captations_spectacles.png) no-repeat 0 0;
}
#zone_picto ul li a.captations_spectacles:hover, a.captations_spectacles_selected {
	background: url(../images/pictos/captations_spectacles.png) no-repeat 0 -60px;
}

#zone_picto ul li a.courts_metrages {
	background: url(../images/pictos/courts_metrages.png) no-repeat 0 0;
}
#zone_picto ul li a.courts_metrages:hover, a.courts_metrages_selected {
	background: url(../images/pictos/courts_metrages.png) no-repeat 0 -60px;
}








/* ---------------------- ZONE_CONTENU_ACCUEIL ---------------------- */

#zone_contenu_accueil {
	margin: 0;
	padding: 0;
	width: 900px;
	border-top: 6px solid #DB001B;
	background-color: #272727;
}

#zone_contenu_accueil div.acceuil_texte {
	margin: 0;
	padding: 25px 30px 25px 250px;
	width: 620px;
	background: url(../images/structure/homepage_logo.gif) no-repeat 84px 30px;
}




/* ---------------------- ZONE_CONTENU_BLANC ---------------------- */

#zone_contenu_blanc {
	margin: 0;
	padding: 25px 30px 25px 30px;
	width: 840px;
	color: #666666;
	background-color: #FFFFFF;
}


/* ---------------------- ZONE_CONTENU_NOIR ---------------------- */

#zone_contenu_noir {
	margin: 0;
	padding: 20px 30px 20px 30px;
	width: 840px;
	color: #FFFFFF;
	background-color: #272727;
}






/* ---------------------- FOOTER ---------------------- */

#footer {
	margin: 0;
	padding: 10px 0 20px 0;
	width: 900px;
}

#footer p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9px;
	color: #8F8F8F;
}

#footer p a {
	margin: 0;
	padding: 0;
	color: #8F8F8F;
}

#footer p a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

#footer p.footer_gauche {
	margin: 0;
	padding: 0 20px 0 0;
}

#footer p.footer_droite {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer p a.puce_fleche {
	display: block;
	margin: 0 0 0 20px;
	padding: 0 0 0 18px;
	color: #CCCCCC;
	width: 75px;
	height: 15px;
	font-size: 10px;
	background: url(../images/structure/puce_fleche.gif) no-repeat 0 0;
}

#footer p a.puce_fleche:hover {
	color: #FFFFFF;
	text-decoration: none;
}




/* ---------------------- FORMULAIRES  ---------------------- */

form.saisie {
	margin: 0;
	padding: 0;
}

p.retour_form_ok {
	margin: 0;
	padding: 0 0 20px 0;
	color: #3D7A0B;
	font-weight: bold;
}

p.retour_form_pb {
	margin: 0;
	padding: 0 0 20px 0;
	color: #DB001B;
	font-weight: bold;
}

form.saisie label {
	display: block;
	margin: 0;
	padding: 0 0 3px 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #666666;
}

form.saisie input.champ, textarea.textarea, select.liste {
	margin: 0 5px 0 0;
	padding: 1px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	vertical-align: middle;
}

form.saisie input.radio {
	vertical-align: middle;
}

form.saisie input.checkbox {
	vertical-align: middle;
}

form.saisie input.btn_valid {
	margin: 0 ;
	padding: 0;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}