/*********************************************
/**********************************************

***Lobster***
***create by Enki Technologies***
***www.enki.fr***
***styles.css***
***********************************************/
@IMPORT url("layout.css");
@IMPORT url("styles_clients.css");

/*********************************************
		styles g�n�raux
*********************************************/
.spacer {	clear: both;}
.left {		text-align: left;}
.center {	text-align: center;}
.right {	text-align: right;}
.justify {	text-align: justify;}
.floatleft {float: left; margin: 0px 25px 5px 0;}
.floatright{float: right; margin: 0px 0 5px 25px;}
.italic {font-style: italic;}
.important {color: #f0194d;}
.soustitre {color: #D0103A; font-size: 13px;}
.uppercase {text-transform: uppercase;}
.noborder {border: none;}

body {
	font-family: arial, sans-serif;
}

p,form,fieldset,span,input,option,label,a,img {
	margin: 0;
	padding: 0;
	border: none;
}

select {
	margin: 0;
	padding: 0;
	border: 1px solid #95AEC5;
}

/* bordure noire automatique sur toutes les images */
div#pageStandard div#contenu .paragrapheStandard img,
div#pageStandard div#contenu .paragrapheSansmarge img,
div#pageStandard div#contenu .paragrapheNote img,
div#pageStandard div#contenu .paragrapheApercu img,
div#pageStandard div#contenu .paragrapheListeFilm img {
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}

div#pageStandard div#contenu .paragrapheStandard .noborder,
div#pageStandard div#contenu .paragrapheSansmarge .noborder,
div#pageStandard div#contenu .paragrapheNote .noborder,
div#pageStandard div#contenu .paragrapheApercu .noborder {
	border: none;
}


/* titre de page */
h1 {
	font-family: arial, sans-serif;
	font-size: 22px;
	color: #d0103a;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 20px 0 0 0;
	text-transform: none;
}

/* Pas d'upper case pour la page d'attente et diminution du top padding*/
div#pageAttente div#main div#contenu h1 {
	font-family: arial, sans-serif;
	font-size: 22px;
	color: #d0103a;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 15px 0 0 0;
	text-transform: none;
}


/* titre de zone de contenu (actualit� collection etc) */
h2 {
	font-family: verdana, sans-serif;
	font-size: 20px;
	color: #d0103a;
	font-weight: normal;
	margin: 9px 0 9px 0;
}

/* titre generique de paragraphe */
h3 {
	font-family: avenir, sans-serif;
	font-size: 11px;
	color: #7a7a7a;
	font-weight: bold;
	margin: 0;
}

/* titre de la zone zoom */
h4 {
	line-height: 18px;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	margin: 5px 0 5px 0;
}

h5 {
	height: 20px;
	display: block;
	background: #e2e2e2;
	border-color: #cfcfcf;
	border-width: 1px;
	border-style: solid;
	line-height: 20px;
	color: #d0103a;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	text-transform: uppercase;

}

h5 strong {
	color: #000;
}

/* liens du footer */
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
	color: #383838;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/* lien important avec fleches*/
a.linkImportant:link, a.linkImportant:visited {
	color: #d0103a;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 15px 0 0 0;
	background: url("linkImportant_fleche.gif") no-repeat bottom left;
	display: block;
	line-height: 12px;
}

a.linkImportant:hover {
	color: #d0103a;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

/* lien generique */
a.linkGenerique, a.linkGenerique:link, a.linkGenerique:visited,a  {
	color: #d0103a;
	text-decoration: underline;
}

a.linkGenerique:hover,a:hover {
	text-decoration: none;
}

/* lien special */
a.linkSpecial, a.linkSpecial:link, a.linkSpecial:visited  {
	color: #7aba0c;
	text-decoration: underline;
	font-weight: bold;
}

a.linkSpecial:hover {
	text-decoration: none;
}

/* lien liste */
a.linkList, a.linkList:link, a.linkList:visited {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

a.linkList:hover {
	color: #d0103a;
	text-decoration: underline;
}

/* lien bouton generique (vert)*/
a.linkBtnGenerique, a.linklinkBtnGenerique:link, a.linklinkBtnGenerique:visited,a.linklinkBtnGenerique:hover {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	border-color: #5b9400;
	border-width: 1px;
	border-style: solid;
	background: #7bbb0c;
	padding: 2px 8px 2px 8px;
	margin: 0 10px 0 0;
}

/* lien bouton Backoffice (noir)*/
a.linkBtnBo, a.linklinkBtnBo:link, a.linklinkBtnBo:visited,a.linklinkBtnBo:hover {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	padding: 2px 8px 2px 8px;
	margin: 0 10px 0 0;
	background: url("linkformBackoffiveBtn.gif") #000 repeat-x top left;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}
/* lien bouton cinematheque (orange)*/
a.linkBtnCine, a.linklinkBtnCine:link, a.linklinkBtnCine:visited,a.linklinkBtnCine:hover {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	border-color: #c85b00;
	border-width: 1px;
	border-style: solid;
	background: url("linkCineBtn.gif") repeat-x top left #ff940e;
	padding: 2px 8px 2px 8px;
	margin: 0 10px 0 0;
}

/* lien bouton special (voir la video - bleu)*/
a.linkBtnSpecial, a.linklinkBtnSpecial:link, a.linklinkBtnSpecial:visited,a.linklinkBtnSpecial:hover {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	border-color: #1f54bc;
	border-width: 1px;
	border-style: solid;
	background: #2f96f1;
	padding: 2px 8px 2px 8px;
	margin: 0 10px 0 0;
}

/* lien paging*/
a.linkPaging,a.linkPaging:link,a.linkPaging:visited {
	color: #0a0704;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

a.linkPaging:hover {

}

/* paragraphe sans marge */

.paragrapheSansmarge {
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #0a0704;
	position: relative;
	margin: 0 0 0 0;
	clear: both;
}

.paragrapheSansmarge p {
	display: block;
}

.paragrapheSansmarge embed {
	margin-top: 15px;
}

/* liste dans un paragraphe Sansmarge*/
.paragrapheSansmarge ul {
	margin: 0 40px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
}

.paragrapheSansmarge ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}


/* paragraphe standard */


.paragrapheStandard {
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #0a0704;
	position: relative;
	margin: 15px 0 0 0;
	clear: both;
}

.paragrapheStandard p {
	display: block;
}

.paragrapheStandard embed {
	margin-top: 15px;
}

/* liste dans un paragraphe standard*/
.paragrapheStandard ul {
	margin: 0 40px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
}
.para_texte_standard_wysiwyg ul {
	float: none;
}
.para_texte_standard_wysiwyg ul li{
	margin: 0;
	list-style: none;
	padding: 0 0 0 15px;
	background: url("puce_liste.jpg") no-repeat left center;
}
body.paragrapheStandard ul li{
	margin: 0;
	list-style: none;
	padding: 0 0 0 15px;
	background: url("puce_liste.jpg") no-repeat left center;
}
body.paragrapheStandard ul {
	float: none;
}
/* paragraphe apercu home */

.paragrapheApercu {
	font-size: 11px;
	font-weight: normal;
	color: #0a0704;
	position: relative;
	margin: 15px 0 0 0;
	line-height: 14px;
}

/* paragraphe liste film  */

.paragrapheListeFilm {
	font-size: 11px;
	font-weight: normal;
	color: #0a0704;
	position: relative;
	margin: 15px 0 0 0;
	line-height: 14px;
	height: 109px;
}

/* paragraphe annotation */
.paragrapheNote {
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #0a0704;
	position: relative;
	margin: 15px 0 0 0;
	font-style: italic;
}

/* paragraphe Citation 1 */
.citation1 {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	padding: 20px 0 15px 0;
}


.TitreEncadre {
	font-family: arial, sans-serif;
	font-size: 15px;
	color: #d0103a;
	font-weight: bold;
	background-color:#FFFFFF;
	padding:0 10px 0 0;
}

.TexteSimple{
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #0a0704;
}


.TexteNoirItalic {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	text-align:justify;
}

.TexteGrisItalic {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #747474;
	font-weight: bold;
	line-height: 22px;
	text-align:justify;
}

/* separation horizontale pointill�s*/
.paragrapheSeparationDashed {
	background: url("separation_horizontale_doted.gif") top left repeat-x;
	height: 15px;
	margin: 15px 0 0 0;
}

/* separation horizontale */
.paragrapheSeparation {
	height: 15px;
	margin: 15px 0 0 0;
}

/*********************************************
			le top
*********************************************/
div#top a.topLogo {
	display: block;
	position: absolute;
	top: 0px;
	left: 4px;
}

div#top a.topLogo img {
	border: none;
}

div#top div.lang {
	position: absolute;
	top: 74px;
	right: 18px;
	margin: 0;
	padding: 0;
}

div#top div.lang a {
	display: block;
	margin: 0 10px 0 0;
	padding: 0px;
	border: none;
	height: 13px;
	width: 20px;
	text-decoration: none;
	float: left;
}

div#top div.lang img {
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	width: 20px;
	height: 13px;
	display: block;
}
/*********************************************
			Home
*********************************************/
p.homePresentation {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #0a0704;
	margin: 15px 0 0 0;
}

/********
Cadre zoom
********/

div#homeZoom {
	position: relative;
	width: 559px;
	height: 210px;
	background: #212121;
	margin: 30px 0 0 0;
}

div#homeZoom img {
	display: block;
	float: left;
}

div#homeZoom .txtZoom {
	float: left;
	padding: 55px 23px 0 23px;
	height: 153px;
	width: 192px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	border-left: none;
	background: url("zoom_titre.jpg") no-repeat top left;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
}



/*********************************************
			Menu
*********************************************/

div#menu_in ul.menuHorizontal  {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

div#menu_in ul.menuHorizontal li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

div#menu_in ul.menuHorizontal li .BtnMenuMain {
	display: block;
}

div#menu_in ul.menuHorizontal li#menuHTresor {
	background: url("menu_tresors_off.jpg") top left no-repeat;
}

div#menu_in ul.menuHorizontal li#menuHTresor .BtnMenuMain {
	height: 41px;
	width: 186px;
	position: relative;
	display: block;
}

div#menu_in ul.menuHorizontal li#menuHCine {
	background: url("menu_cinema_off.jpg") top left no-repeat;
}

div#menu_in ul.menuHorizontal li#menuHCine .BtnMenuMain {
	height: 41px;
	width: 217px;
	position: relative;
	display: block;
}

div#menu_in ul.menuHorizontal li#menuHDocu {
	background: url("menu_docu_off.jpg") top left no-repeat;
}

div#menu_in ul.menuHorizontal li#menuHDocu .BtnMenuMain {
	height: 41px;
	width: 238px;
	position: relative;
	display: block;
}

div#menu_in ul.menuHorizontal li#menuHPeda {
	background: url("menu_pedago_off.jpg") top left no-repeat;
}

div#menu_in ul.menuHorizontal li#menuHPeda .BtnMenuMain {
	height: 41px;
	width: 263px;
	position: relative;
	display: block;
}

div#menu_in ul.menuHorizontal li a,
div#menu_in ul.menuHorizontal li img {
	display: block;
}
div#menu_in ul.menuHorizontal .menuHTresor_off .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHCine_off .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHDocu_off .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHPeda_off .sousMenuHorizontal {
	display: none;
}
div#menu_in ul.menuHorizontal .menuHTresor_on .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHCine_on .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHDocu_on .sousMenuHorizontal,
div#menu_in ul.menuHorizontal .menuHPeda_on .sousMenuHorizontal {
	display: block;
}

div#menu_in ul.menuHorizontal ul.sousMenuHorizontal {
	font-size: 13px;
	color: #000;
	background: #fff;
	position: absolute;
	top: 41px;
	left: 0px;
	margin: 0;
	padding: 0;
}

div#menu_in ul.menuHorizontal ul.Tresors li	{width: 192px;}
div#menu_in ul.menuHorizontal ul.Cinema li	{width: 220px;}
div#menu_in ul.menuHorizontal ul.Docu li 	{width: 236px;}
div#menu_in ul.menuHorizontal ul.Pedago li 	{width: 261px;}

div#menu_in ul.menuHorizontal ul.sousMenuHorizontal li {
	background: #eeeeee;
	border-color: #c6c6c6;
	border-width: 1px;
	border-style: solid;
	height: 21px;
	display: block;
	margin: 1px 0 0 0;
	clear: both;
	position: relative;
}

div#menu_in ul.menuHorizontal ul.sousMenuHorizontal li a,
div#menu_in ul.menuHorizontal ul.sousMenuHorizontal li a:visited,
div#menu_in ul.menuHorizontal ul.sousMenuHorizontal li a:link {
	font-size: 13px;
	line-height: 21px;
	display: block;
	text-decoration: none;
	color: #000;
	text-align: left;
	padding: 0 0 0 10px;
}

div#menu_in ul.menuHorizontal ul.sousMenuHorizontal li a:hover {
	color: #ab1134;
}

div#menu_in ul ul {
	display: none;
}


/*********
	Cadre espace curieux
**********/

div#pageHome div#EspaceCurieux {
	height: 199px;
	width: 549px;
	border-color: #d0d0d0;
	border-style: solid;
	border-width: 1px;
	background: url("home_espace_curieux_fond.gif") repeat-x top left;
	padding: 0 4px 0 4px;
	margin: 50px 0 35px 0;
}

div#pageStandard div#EspaceCurieux {
	height: 355px;
	width: 280px;
	border-color: #d0d0d0;
	border-style: solid;
	border-width: 1px;
	background: url("standard_espace_curieux_fond.gif") repeat-x top left;
	padding: 0 4px 0 15px;
	margin: 50px 0 35px 0;
}

div#EspaceCurieux p.espaceCurieuxTitre {
	height: 53px;
	line-height: 53px;
	font-family: avenir, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 9px;
	display: block;
	position: relative;
}

div#EspaceCurieux p.espaceCurieuxTitre span.titre {
	float: left;
}

div#EspaceCurieux p.espaceCurieuxTitre span.nav {
	float: right;
	height: 21px;
	top: 0px;
	display: block;
	position: relative;
}

div#EspaceCurieux p.espaceCurieuxTitre span.nav a {
	height: 21px;
	display: block;
	position: relative;
	float: left;
}

div#EspaceCurieux p.espaceCurieuxTitre span.nav img {
	margin: 8px 6px 0 0;
	display: block;
	position: relative;
}

div#EspaceCurieux div.espaceCurieuxListe {
	float:left;
	position: relative;
	width: 137px;
	height: 148px;
}

div#pageHome div#EspaceCurieux div.espaceCurieuxListe img {
	margin: 0 9px 0 9px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	display: block;
}

div#pageHome div#EspaceCurieux div.espaceCurieuxListe img.nouveau {
	margin: 2px 2px 0 0;
	border: none;
	display: block;
}

div#pageStandard div#EspaceCurieux div.espaceCurieuxListe img {
	margin: 5px 10px 0 10px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	display: block;
/*	width: 116px;
	height: 106px;*/
}

div#pageStandard div#EspaceCurieux div.espaceCurieuxListe img.nouveau {
	margin: 0px 2px 0px 0px;
	border: none;
	display: block;
}

div#EspaceCurieux div.espaceCurieuxListe span {
	display: block;
	padding: 3px 0 0 10px;
	font-size: 10px;
	font-family: arial;
}
div#EspaceCurieux div.espaceCurieuxListe span.nouveau {
	height: 14px;
	margin-bottom: 7px;
	padding:0 0 0 10px;
}


/*********************************************
			Contenu
*********************************************/

span.navigation {
	color: #7e0e28;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	margin: 10px 0 10px 0;
	display: block;
}

span.navigation a,
span.navigation a:hover,
span.navigation a:visited,
span.navigation a:link {
	font-size: 11px;
	font-weight: normal;
	color: 	#7e0e28;
	line-height: 11px;
	text-decoration: none;
}


/*********
	Cadre a voir egalement
**********/
div#pageStandard div#aVoir {
	height: 248px;
	width: 560px;
	border-color: #d0d0d0;
	border-style: solid;
	border-width: 1px;
	background: url("standard_espace_curieux_fond.gif") repeat-x top left;
	padding: 0 0 0 0;
	margin: 50px 0 35px 0;
}

div#aVoir .aVoirTitre {
	height: 53px;
	line-height: 53px;
	font-family: avenir, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 30px;
	display: block;
	position: relative;
}

div#aVoir div.aVoirListe {
	float:left;
	position: relative;
	width: 116px;
	padding: 0px 30px 0 30px;
}

div#pageStandard div#aVoir div.aVoirListe img {
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	display: block;
}

div#aVoir div.aVoirListe div.titre {
	margin: 3px 0 0 0;
	font-size: 10px;
	font-family: arial;
	line-height: 15px;
	text-align: justify;
	height: 43px;
}

div#aVoir div.aVoirListe a.linkBtnGenerique {
	margin: 3px 0 0 0;
	padding: 2px 5px 2px 5px;
	width: 107px;
	display: block;
	clear: both;
	height: 20px;
	line-height: 20px;
	text-align: center;
}


/******
Formulaire
*******/

div#contenu form {
	color: #0a0704;
	font-size: 12px;
	width: 485px;
	position: relative;
	display: block;
}

div#contenu form fieldset {
	margin: 20px 0 0 0;
	position: relative;
	display: block;
}

div#contenu form fieldset legend {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 20px -6px;
	color: #0a0704;
}

div#contenu form fieldset p {
	line-height: 12px;
	height: 22px;
	margin: 0 0 6px 0;
	display: block;
	clear: both;
}

div#contenu form fieldset p.textarea {
	line-height: 12px;
	height: auto;
	margin: 0 0 6px 0;
	display: block;
	clear: both;
}

div#contenu form fieldset label {
	width: 111px;
	height: 22px;
	display: block;
	padding: 0 12px 0 0;
	float: left;
	line-height: 22px;
}

div#contenu form fieldset input,
div#contenu form fieldset select {
	display: block;
	float: left;
	height: 20px;
	width: 272px;
	border-color: #7f9db9;
	border-width: 1px;
	border-style: solid;
}

div#contenu form fieldset p.attenteFormSubmit input {
	width: 77px;
}

div#contenu form fieldset textarea {
	display: block;
}

div#contenu form fieldset span {
	display: block;
	float: left;
}

div#contenu form fieldset .formTaille5 {
	width: 617px;
	margin: 0 20px 0 0;
}

div#contenu form fieldset .formTaille4 {
	width: 353px;
	margin: 0 20px 0 0;
}

div#contenu form fieldset .formTaille3 {
	width: 207px;
	margin: 0 20px 0 0;
}

div#contenu form fieldset .formTaille2 {
	width: 144px;
	margin: 0 20px 0 0;
}

div#contenu form fieldset .formTaille1 {
	width: 94px;
	margin: 0 20px 0 0;
}

div#contenu form fieldset .formSubmit {
	background: url("form_submit.gif") no-repeat top left;
	height: 22px;
	width: 54px;
	border: none;
	float: right;
}


/* formulaire backoffice*/
div#contenu form#FormulaireFilms fieldset {
	margin: 50px 0 0 0;
	position: relative;
	display: block;
}

div#pageBackoffice div#contenu form {
	width: 950px;
}

form#FormulaireFilms a,
form#FormulaireFilms a:hover,
form#FormulaireFilms a:visited,
form#FormulaireFilms a:link {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	padding: 2px 8px 2px 8px;
	margin: 0 10px 0 0;
	background: url("linkformBackoffiveBtn.gif") #000 repeat-x top left;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}

div#contenu form#FormulaireFilms select {
	height: 24px;
}

div#contenu form p.boPSubmit {
	display: block;
	position: absolute;
	bottom: 0px;
}

div#contenu form fieldset#boTitre label { width: 95px;}
div#contenu form fieldset#boTitre input { width: 340px;}


div#contenu form fieldset#boRealisateur label { width: 172px;}
div#contenu form fieldset#boRealisateur select { width: 212px; margin:0 20px 0 0;}
div#contenu form fieldset#boRealisateur .boPSubmit { left: 404px }

div#contenu form fieldset#boNationalite label { width: 172px;}
div#contenu form fieldset#boNationalite select { width: 151px; margin:0 20px 0 0;}
div#contenu form fieldset#boNationalite .boPSubmit { left: 343px }

div#contenu form fieldset#boLangueOriginale label { width: 222px;}
div#contenu form fieldset#boLangueOriginale select { width: 151px; margin:0 20px 0 0;}
div#contenu form fieldset#boLangueOriginale .boPSubmit { left: 393px }

div#contenu form fieldset#boActeur label { width: 138px;}
div#contenu form fieldset#boActeur select { width: 212px; margin:0 20px 0 0;}
div#contenu form fieldset#boActeur .boPSubmit { left: 370px }

div#contenu form fieldset#boDuree label { width: 80px;}
div#contenu form fieldset#boDuree input { width: 86px; margin:0 20px 0 0;}

div#contenu form fieldset#boPremierePresentation label { width: 116px;}
div#contenu form fieldset#boPremierePresentation input { width: 216px; margin:0 20px 0 0;}

div#contenu form fieldset#boAnnee label { width: 138px;}
div#contenu form fieldset#boAnnee input { width: 56px; margin:0 20px 0 0;}

div#contenu form fieldset#boGenre label { width: 138px;}
div#contenu form fieldset#boGenre select { width: 212px; margin:0 20px 0 0;}

div#contenu form fieldset#boSon label { width: 129px;}
div#contenu form fieldset#boSon select { width: 212px; margin:0 20px 0 0;}

div#contenu form fieldset#boTirage label { width: 138px;}
div#contenu form fieldset#boTirage select { width: 212px; margin:0 20px 0 0;}

div#contenu form fieldset#boProduction label { width: 158px;}
div#contenu form fieldset#boProduction input { width: 216px; margin:0 20px 0 0;}
div#contenu form fieldset#boProduction .boPSubmit { left: 394px }

div#contenu form fieldset#boCompositeur label { width: 158px;}
div#contenu form fieldset#boCompositeur input { width: 216px; margin:0 20px 0 0;}
div#contenu form fieldset#boCompositeur .boPSubmit { left: 394px }

div#contenu form fieldset#boCinematheque label { width: 194px;}
div#contenu form fieldset#boCinematheque select { width: 212px; margin:0 20px 0 0;}
div#contenu form fieldset#boCinematheque option { width: 500px;}
div#contenu form fieldset#boCinematheque .boPSubmit { left: 426px }

div#contenu form fieldset#boVignette input { width: 300px; margin:0 20px 0 0; padding: 0 20px 0 0;}
div#contenu form fieldset#boVignette span {height: 20px; line-height: 20px; }

div#contenu form fieldset#boVideo label { width: 213px;}
div#contenu form fieldset#boVideo select { width: 255px; margin:0 20px 0 0;}
div#contenu form fieldset#boVideo option { width: 500px;}

div#contenu form fieldset#boAutorisation label { width: 265px;}
div#contenu form fieldset#boAutorisation input { width: 13px; margin:0 20px 0 0;}
div#contenu form fieldset#boAutorisation input#AUTORISATION_PARENTALE { width: 13px; margin:0 20px 0 0; border: none;}

div#contenu form fieldset#boSoustitre label { width: 75px;}
div#contenu form fieldset#boSoustitre select { width: 211px; margin:0 20px 0 0;}

div#contenu form fieldset#boLivret label { width: 189px;}
div#contenu form fieldset#boLivret input { width: 60px; margin:0 20px 0 0;}

div#contenu form fieldset#boAccroche textarea { width: 617px; margin:0 20px 0 0; clear: both; height: 70px;}
div#contenu form fieldset#boAccroche p {height:92px; clear: both;}

div#contenu form fieldset#boDescription label { width: 80px; clear: both;}
div#contenu form fieldset#boDescription textarea { width: 617px; margin:0 20px 0 0; clear: both; height: 150px;}
div#contenu form fieldset#boDescription p {height:172px; clear: both;}

div#contenu form fieldset#boRecommandation label { width: 129px;}
div#contenu form fieldset#boRecommandation select { width: 212px; margin:0 20px 0 0;}
div#contenu form fieldset#boRecommandation .boPSubmit { left: 361px }

div#contenu form fieldset#boUpload select { width: 80px; margin:0 20px 0 0;}



div#contenu form input#boSubmit {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
	margin: 50px 10px 0 0;
	background: url("linkformBackoffiveBtn.gif") #000 repeat-x top left;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}

/*********************************************
			Colonne Droite
*********************************************/

/******
Cadre recherche de film
*******/

div#colDroite div#formRecherche {
	width: 299px;
	margin: 35px 0 0 0;
	padding: 0;
}

div#colDroite div#formRecherche fieldset {
	border: none;
}

div#colDroite div#formRecherche p {
	display: block;
}

div#colDroite div#formRecherche p label {
	display: block;
	height: 22px;
	color: #7f7f7f;
	font-size: 11px;
	line-height: 22px;
}

div#colDroite div#formRecherche p span {
	height: 22px;
	width: 299px;
	display: block;
}

div#colDroite div#formRecherche p input,
div#colDroite div#formRecherche p select {
	width: 297px;
	height: 20px;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	border-bottom-color: #95aec5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #95aec5;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #95aec5;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #95aec5;
	border-left-style: solid;
	border-left-width: 1px;
	display: block;
}

div#colDroite div#formRecherche p.submit {
	display: block;
	height: 22px;
	width: 100px;
	margin: 12px 0 0 0;
	position: relative;
	float: left;
}

div#colDroite div#formRecherche p.submit_links {
	float:right;
}

div#colDroite div#formRecherche p input#btnSubmit {
	/* background: url("recherche_btn_submit.gif") no-repeat top left; */
	height: 22px;
	width: 40px;
	border: none;
	/* display: block; */
	float: left;
	left: 0px;
}

div#colDroite div#formRecherche p.submit a {
	display: block;
	float: right;
	line-height: 12px;
	margin: 10px 0 0 0;
}


/*******
Cadre films plus regard�s
********/

div#mostViewed {
	width: 299px;
	margin: 32px 0 0 0;
}

div#mostViewed ul {
	padding: 0 0 0 23px;
	margin: 0;
	list-style-type: decimal;
	color: #d0103a;
	font-weight: bold;
	font-size: 12px;
}

div#mostViewed ul li {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: verdana;
	line-height: 25px;
}


/*******
Cadre PUb
********/

div#homePub {
	width: 297px;
	height: 248px;
	overflow: hidden;
	border: 1px solid #333333;
	margin: 53px 0 0 0;
}

/*******
Footer
********/

/* div partenaires */
div#footerPartenaire {
	height: 104px;
	width: 391px;
	margin:0px 0 5px 0;
	position: relative;
	float: left;
	vertical-align: bottom;
	background: url('footer_separation_verticale.gif') no-repeat top right;
}

div#footerPartenaire p {
	line-height: 11px;
	font-size: 11px;
	color: #383838;
	margin: 0 0 20px 0;
}

div#footerPartenaire img {
	position: relative;
	border-color: #d6d6d6;
	border-width: 0px;
	border-style: solid;
	margin: 0 10px 0 0;
}

/* div liens */
div#footerLiens {
	height: 104px;
	width: 255px;
	position: relative;
	float: left;
	background: url('footer_separation_verticale.gif') no-repeat top right;
}

div#footerLiens ul {
	line-height: 20px;
	margin: 20px 0 0 0;
	padding: 0 0 0 34px;
	list-style: none;
}

div#footerLiens ul li {
	padding: 0 0 0 0;
	margin: 0;
	display: block;
	float: left;
	width: 105px;
	color: #383838;
	font-size: 11px;
	font-weight: normal;
}

div#footerCopyright {
	height: 104px;
	width: 300px;
	position: relative;
	float: left;
}

div#footerCopyright p {
	padding: 5px 0 0 30px;
	color: #383838;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
}

div#footerCopyright img {
	margin: 5px 15px 5px 0;
}

/*******
Forulaire Page Contact
********/
div#contenu form fieldset#formContact input,
div#contenu form fieldset#formContact select,
div#contenu form fieldset#formContact textarea {
	border: 1px solid #7f9fb8;
	width: 300px;
}

div#contenu form fieldset#formContact input#btnSubmit {
	background: url("form_submit.gif") no-repeat top left;
	height: 22px;
	width: 54px;
	border: none;
	float: right;
}


/*******
Forulaire de contact
*******

.formContact input, select, textarea {
	border: 1px solid #7f9fb8;
	width: 300px;
}

.formContact textarea {
	height: 150px;
}

.formulaire_contact th {
	text-align: right ;
	font-weight: normal;
	vertical-align: top;
}

.erreurs {
	height: 50px;
}
*/
/*********************************************
			Backoffice
*********************************************/

div#pageBackoffice div#top {
	color: #fff;
	font-size: 24px;
	line-height: 81px;
	text-align: left;
}

/*
	Back office liste
*/

div#pageBackoffice div#contenu form.boListe {
	width: 900px;
	height: 20px;
	position: relative;
	clear: both;
	display: block;
	height: 28px;
	margin: 10px 0 10px 0;
}

form.boListe p.boListeTitre {
	width: 500px;
	height: 28px;
	display: block;
	position: relative;
	float: left;
	font-size: 12px;
}

form.boListe p.boListeBtn {
	width: 200px;
	display: block;
	position: relative;
	float: left;
}

/*********************************************
			Page D'attente
*********************************************/

/*
	Formulaire
*/
div#contenu form#contact_form fieldset p {
	width: 420px;
}

div#contenu form#contact_form fieldset .attenteFormTextarea {
	height: 150px;
}

div#contenu form#contact_form fieldset label {
	width: 125px;
	text-align: right;

}

div#contenu form#contact_form fieldset span {
	width: 385px;
	display: block;
	text-align: right;
	line-height: 22px;
}


div#contenu form#contact_form fieldset textarea {
	width: 270px;
	float: left;
	height: 150px;
	border: 1px solid #7f9fb8;
}


div#contenu form#contact_form fieldset .attenteFormNewsletter input {
	height: 18px;
	margin: 0 0 0 10px;
	width: 14px;
	border: none;
}

div#contenu form#contact_form fieldset .attenteFormAvertissement {
	padding: 0 0 0 135px;
	width: 250px;
	text-align: left;
}

div#contenu form#contact_form fieldset .attenteFormSubmit {
	padding: 0 0 0 135px;
	width: 75px;
}

div#contenu form#contact_form fieldset .attenteFormSubmit input {
	height: 22px;
	width: 75px;
	border: none;
	background: url("form_attente_submit.gif") no-repeat top left;
}

/* style de la fenetre popup */
#shadow {
	display: none;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
}

#zone_erreurs {
	display: none;
	position: absolute;
	left: 200px;
	top: 50px;
	width: 250px;
	height: 150px;
	z-index: 100;
	background-color: #8b0121;
	border: 1px solid #8b0121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#drag_zone_erreurs {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 8px;
	height: 21px;
	background-image: url(drag_popup.gif);
	background-repeat: repeat-x;
}

#contenu_zone_erreurs {
	color: #FFF;
	padding: 15px 10px 10px 7px;
	line-height: 20px;
}

#btn_ok {
	 position: absolute;
	 bottom: 10px;
	 left: 10px;
	 width: 230px;
	 height: 20px;
}

/* nouveau style du popup */

#popupForm {
	display:none;
	position:absolute;
	z-index:99;
	width: 250px;
	background-color: #8b0121;
	border: 1px solid #8b0121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.contenuPopoverFormulaire {
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 8px;
	height: 21px;
	background-image: url(drag_popup.gif);
	background-repeat: repeat-x;
}

#popupFormContent {
	color: #FFF;
	padding: 15px 10px 10px 7px;
}

/* fin du style de la fenetre popup */

/******
 Player
*******/

.paragrapheSousTitre {
	width: 455px;
	padding: 0 10px 0 0;
	float: left;
	margin: 10px 0 0 0;
	text-align: right;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #0a0704;
}

div#contenu form#selectSousTitre {
	float :left;
	width: 100px;
	margin: 10px 0 0 0;
}

div#contenu form#selectSousTitre select {
	border: 1px solid #95AEC5;
	width: 98px;
}

/********
Liste de film
********/

.FilmRecherchenouveaute {
	display:inline;
	position:absolute;
	right:10px;
	top:4px;
}

/****************
Glossaire
****************/
a.glossaire {
        color: #717171
}

a.glossaire_invention {
        color: #a7a7a7
}

u {
        text-decoration: none;
}


/********************
Banniere
********************/

div.banniere  {
 background:#FEFEFE none repeat scroll 0 0;
 border:1px solid #C0BBBF;
 font-size:24px;
 font-weight:normal;
 height:62px;
 left:298px;
 padding:9px 19px;
 position:absolute;
 top:16px;
 width:397px;
 color: #747474;
}

div.banniere a {
 color: #747474;
 text-decoration: none;
}

/********************
Nuage de tags
********************/
.paragrapheTagCloud .linkImportant {
	float: right;
}
.paragrapheTagCloud h1,
.paragrapheTagCloud h2 {
	margin-bottom: 22px;
}
ul.tag_cloud {
	line-height:10px;
	position:relative;
	text-align:justify;
	margin: 0;
}
ul.tag_cloud li {
	display:inline;
	line-height:30px;
	position:relative;
}
#colDroite ul.tag_cloud li {
	line-height: 25px;
}
ul.tag_cloud li a {
	font-weight:bold;
	text-decoration:none;
}
ul.tag_cloud li.level_1 a {
	color:#d0103a;
	font-size:16px;
}
ul.tag_cloud li.level_2 a {
	color:#b2b2b2;
	font-size:10px;
}
ul.tag_cloud li.level_3 a {
	color:#4c4c4c;
	font-size:14px;
}
ul.tag_cloud li.level_4 a {
	color:#7f7f7f;
	font-size:12px;
}
.admin_login input {
	border: solid #000 1px;
}