#body_tout                                   { color: gray; font-size: 12px; font-family: Verdana; background: #ededed no-repeat center top; margin: 0; padding: 0; border: 0; position: relative; width: 100%; height: 100% }
#body_newsletter  { color: black; font-size: 10pt; font-family: Verdana; background-color: white; margin: 0px; top: 0px; left: 0px }
.petit_lien    { font-weight: normal; font-size: 7pt; text-decoration: none  }
.petit_lien:hover  { color: white; font-size: 7pt; text-decoration: none }
.justify_bloc     { text-align: justify; padding-right: 20px; padding-left: 20px; border: none }
.justify_bloc_actus  { color: #696969; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: justify; padding-left: 50px; border: none }
.loi  { color: #2c2c2c; font-size: 9px; text-align: justify }
.separation  { border-top: 1px solid gray  }
.titre         { color: black; font-weight: bold; font-size: 15px; font-family: arial; background: url(../mp_images/picto_titre.gif) no-repeat; text-align: left; text-transform: lowercase; word-spacing: 1px; letter-spacing: 1px; vertical-align: middle; padding-top: 6px; padding-left: 33px; height: 33px }
.sous_titre   { color: black; font-weight: bold; font-size: 12px; text-decoration: none }
.sous_titre:hover  { color: #ffd101; font-weight: bold; font-size: 12px; text-decoration: none }
.menu_langue    { color: silver; font-size: 10px; text-decoration: none }
.menu_langue:hover { color: #777; font-size: 10px; text-decoration: none }
.menu_haut         {
	text-decoration: none;
	text-align: justify;
	overflow: hidden;
	margin-top: 0pt;
	margin-right: 20pt;
	margin-bottom: 10px;
	margin-left: 70px;
	width: 830px;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #000;
	left: 5px;
	padding-left: 10px;
}
.menu_haut li  {
	line-height: 9px;
	text-align: right;
	list-style-type: none;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	height: 30px;
}
.menu_haut li a { color: black; font-size: 10px; line-height: 9px; text-decoration: none; text-align: right; list-style-type: none; float: left; padding-top: 3px; padding-right: 5px; height: 30px }
.menu_haut_roll       {
	color: black;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	background-repeat: repeat-x;
	word-spacing: 2px;
	letter-spacing: 1.5px;
	vertical-align: baseline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		padding-left: 3px;

	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000;
}
.menu_haut_roll .english_menu  { color: gray; font-weight: bold; font-size: 10px; font-family: Arial; text-decoration: none; background-repeat: repeat-x; word-spacing: 2px; letter-spacing: 1.5px; vertical-align: baseline }
.menu_haut_roll:hover .english_menu  { color: #ffd101; font-weight: bold; font-size: 10px; font-family: Arial; text-decoration: none; background-repeat: repeat-x; word-spacing: 2px; letter-spacing: 1.5px; vertical-align: baseline }
.menu_haut_roll:hover       { color: #ffd101; font-size: 10px; text-decoration: none }
.menu_b { background-image: url(../mp_images/stripe_gray.gif); margin: 0px; padding: 0px; border: 0px }
.menu_bas    { color: #000000; font-size: 10px; text-decoration: none; background-color: white; width: auto }
.menu_bas li { color: #000000; font-size: 10px; line-height: 10px; text-decoration: none; background-color: white; text-align: right; list-style-type: none; float: left; padding-right: 5px; width: auto }
.menu_bas  li a   { color: black; font-size: 10px; text-decoration: none; text-transform: lowercase; margin-left: 3px }
.menu_bas a .english_menu { color: gray; font-size: 10px; text-decoration: none; text-transform: lowercase }
.menu_bas a:hover   { color: black; font-size: 10px; text-decoration: underline }
.pied_page        { color: #eaeaea; font-size: 7pt; background-color: black; text-align: center; padding-top: 15px; padding-left: 21px }
.adresse_index { color: black; font-size: 12px; text-align: center }
#message_info             { color: #ffd101; font-size: 14px; font-family: Verdana; margin-bottom: 40px; width: 100%; height: auto }
.message_erreur    {
	color: #666666;
	font-style: oblique;
	font-size: 11px
}
.champs_formulaire   {
	font-size: 10px;
	font-family: Verdana;
	margin: 2px;
	border: solid 1px silver;
	color: #333333;
}
.cadre_site           { background-repeat: no-repeat }
.bandeau    { }
.contenu      { background-color: white }
.onglet  { font-weight: lighter; font-size: 12px; font-family: arial; text-decoration: none; background-color: #5c648e; text-align: left; text-indent: 30px; border-top: 1px solid black; border-bottom: 0 solid black }
.onglet:hover { color: silver; font-size: 12px; text-decoration: none }
.contenu2                     { width: 100% }
#menu_ss           { }
#menu_ss_rubrique           { font-weight: bold; text-decoration: none; text-align: right; border-top: 1px solid #dcdcdc; position: relative; z-index: 400; width: 100%; height: auto }
#menu_ss_rubrique li        { color: #bababa; font-size: 12px; text-decoration: none; text-indent: 12px; list-style-type: none; margin-right: 8px; padding: 10px 5px 10px 12px; border-bottom: 1px solid #dcdcdc}
#menu_ss_rubrique a  { color: #bababa; font-size: 12px; text-decoration: none }
#menu_ss_rubrique a:hover { color: black; font-size: 12px; text-decoration: none }
#menu_ss_rubrique li:hover     { color: black; font-size: 12px; text-decoration: none; padding-left: 0px; border-left: 12px solid #fff200 }
#page                     { height: auto }
#fiche             { color: gray; font-size: 11px; z-index: 4; height: auto; display: block }
#fiche_titre           { color: white; font-weight: bold; font-size: 40px; font-family: "arial black"; background-image: url(../mp_images/stripe_gray.gif); text-align: left; text-transform: uppercase; text-indent: 15px; margin-bottom: 15px; padding-top: 15px; width: 100%; height: 70px }
#fiche_titre .english_menu { font-weight: normal; font-size: 30px; font-family: "arial black"; text-align: left; text-transform: lowercase; margin-bottom: 15px; padding-top: 15px; width: 100%; height: 70px }
#fiche_descriptif     { color: gray; text-align: justify; padding-right: 30px; padding-left: 30px }
#fiche_descriptif_entete { color: #6e6e6e; text-align: justify ; margin-bottom: 30px; }
#fiche_descriptif a    { color: #ffd101; text-decoration: none }
#fiche_descriptif a:hover { color: black; text-decoration: none }
#fiche_descriptif_image       { background-image: url(../mp_images/stripe_gray.gif); float: right; margin-bottom: 10px; margin-left: 10px; padding: 0px; border: #ffd101; position: relative }
#fiche_descriptif_image2 { float: right; margin-bottom: 10px; margin-left: 10px; padding: 2px; border: solid 1px gray; position: relative }
#fiche_info      { color: #424242; font-size: 10px; text-align: left; vertical-align: bottom; padding-top: -5px; padding-bottom: 20px; border-top: 1px solid #a8a8a8; border-bottom: #a8a8a8 }
#fiche_info a     { color: #c0c0c0; text-decoration: none }
#fiche_info a:hover { color: black; text-decoration: none }
.fiche_info_titre     { color: gray; font-style: normal; font-weight: bold; margin-bottom: 6px; margin-left: 20px }
.fiche_info_texte { color: gray; margin-left: 25px }
#fiche_info_image     { float: left; margin-right: 20px; margin-left: 8px; padding: 2px; border: solid 1px silver; position: relative }
#fiche_info_entete  { color: silver; font-size: 20px; font-family: "Arial Black"; text-align: right; float: left; margin: 0px; padding: 0px; position: relative; left: -3px }
#fiche_diapo     { text-align: right; word-spacing: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: medium none #a8a8a8 ; }
#fiche_diapo_entete  { color: silver; font-size: 20px; font-family: "Arial Black"; text-align: right; float: left; margin: 0px; padding: 0px; position: relative; left: -5px }
#fiche_diapo a  { }
#niveau      { color: gray; font-size: 9px; font-family: arial; letter-spacing: 1px; margin-left: 30px; padding-left: 0px }
#niveau a   { color: gray; text-decoration: none }
#niveau a:hover { color: silver; text-decoration: underline }
.spacer    { font-size: 0px; clear: both; position: relative }
.liste_f            { width: 100%; overflow: hidden }
.liste_fiche        { text-decoration: none; margin: 0; padding: 10px; top: 0; left: 0; height: 100px; overflow: hidden;    }
.liste_fiche1   { text-decoration: none; margin: 0px 20px 50px 0px; padding: 10px; position: relative; top: 0px; left: 0px; width: 330px; height: 100px; overflow: hidden; display: table-cell }
.liste_fiche2   { text-decoration: none; margin: 0px 20px 50px 0px; padding: 10px; position: relative; top: 0px; left: 0px; width: 330px; height: 120px; overflow: hidden; display: table-cell }
.liste_fprem_fiche     { text-decoration: none; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; width: 100%; height: auto; display: table-cell }
.liste_f a { text-decoration: none }
.liste_fprem_fiche a { text-decoration: none }
.liste_fprem_fiche_titre   { color: #ffd101; font-size: 9px; text-align: left; margin-bottom: 5px; position: relative }
.liste_fiche_titre      { color: #ffd101; font-weight: bold; font-size: 9px; text-decoration: none; width: 100% }
.liste_fiche img       { margin-right: 10px; margin-left: 10px; padding: 2px; border: solid 1px silver; position: relative }
.liste_fiche2 img { float: left; margin-right: 10px; margin-left: 10px; padding: 2px; border: none; position: relative; width: auto; height: auto }
.liste_fiche img  { margin-right: 10px; padding: 2px; border: solid 1px silver; position: relative }
.liste_fprem_fiche img   { border: solid 1px gray; position: relative; overflow: hidden ; float: left; margin-right: 10px; margin-bottom: 10px; padding: 2px; }
.liste_fiche_descriptif      { color: gray; font-size: 9px; text-decoration: none; width: 100% }
.liste_fiche_descriptif a  { color: gray; font-size: 9px; text-decoration: none; width: 100% }
.liste_fiche_descriptif a:hover  { color: silver; font-size: 9px; text-decoration: underline; width: 100% }
.liste_fprem_fiche_descriptif  { color: gray; font-size: 9px; text-decoration: none; text-align: left }
.page_contenu         {
	color: #333333;
	font-size: 10px;
	font-family: Verdana;
	vertical-align: bottom;
	width: 100%;
	height: auto
}
.page_contenu_titre  {
	color: #333333;
	font-size: 20px;
	font-family: "Arial Black";
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -11px;
	left: -3px
}
.page_contenu_entete     {
	text-align: justify;
	color: #333333;
}
.page_contenu_image {
	position: relative;
	width: auto;
	height: auto;
	color: #333333;
}
.page_contenu_form       {
	text-align: left;
	left: 15%;
	width: 70%;
	color: #333333;
}
.page_contenu_form_petit  { color: gray; text-align: left }
.page_contenu_form legend      { color: #ffd101; font-weight: bold; text-align: left; text-transform: lowercase; padding-right: 5px; padding-bottom: 5px; padding-left: 5px }
.page_contenu_form_titre   { color: #ffd101; font-weight: bold; text-align: left; text-transform: capitalize }
.page_contenu_form fieldset     {
	color: #000000;
	padding: 10px 50px 50px;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px gray;
	border-left: 1px solid gray
}
.page_contenu_form_petit fieldset  {
	margin: 10px;
	padding: 10px;
	border: solid 1px gray;
	width: auto;
	height: 100%;
	color: #000000;
}
.page_contenu_form label   {
	color: #333333
}
.page_contenu_form a { color: #424242; text-decoration: none }
.page_contenu_form a:hover { color: gray; text-decoration: none }
.page_contenu_form input   { text-align: left; left: 50px }
.page_contenu_form_bouton {
	text-align: right;
	margin-right: 43px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.page_loi  { color: #575757; font-size: 10px; text-align: justify; margin-bottom: 50px }
#newsletter    { color: gray; font-size: 12px; margin-right: 20px; margin-left: 17px; width: 523px; height: auto }
#newsletter_titre  { color: white; font-weight: bold; font-size: 30px; line-height: 25px; font-family: "arial black"; background-image: url(http://www.festivalcinemabrive.fr/mp_images/stripe_gray.gif); text-align: left; text-transform: uppercase; text-indent: 15px; vertical-align: middle; margin-bottom: 30px; padding-top: 30px; width: 100%; height: 70px }
#newsletter_photo   { float: left; margin-right: 15px; margin-bottom: 10px; height: auto }
#newsletter_photo1  { float: right; margin-right: 15px; margin-bottom: 10px; padding-right: 25px; position: relative; height: auto }
#newsletter_texte     { text-align: justify; margin-right: 15px; margin-left: 15px; position: relative }
#newsletter_fiche     { clear: none; width: 100% }
#newsletter_fiche_descriptif  { color: #3a3a3a; text-align: justify; margin-right: 15px; margin-left: 0px }
#newsletter_fiche_descriptif_image { float: left; margin-right: 15px; margin-bottom: 10px }
#newsletter_fiche_titre { color: #3a3a3a; font-weight: bold; font-size: 15px; line-height: 10px; font-family: "arial black"; background-image: url(http://www.festivalcinemabrive.fr/mp_images/stripe_gray.gif); text-align: left; text-transform: uppercase; text-indent: 15px; vertical-align: middle; margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; width: 100%; height: 30px }
.news  { }
p { font-size: 10px }
ul#tabnav2        {
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	font-family: arial;
	list-style-type: none;
	margin: 0;
	padding-bottom: 24px;
	padding-left: 0;
	border: 0;
	background-repeat: repeat-y;
}

ul#tabnav2 li           { background-repeat: no-repeat; vertical-align: middle; list-style-type: none; margin-bottom: 3pt; margin-left: 20px; padding-left: 20px; border-left: 5px solid white; width: 100%; height: 18px; display: block }

ul#tabnav2 li.active        { background-color: #ffd101; border-left: 5px solid white; width: 800px }

ul#tabnav2 li.active a     { color: white; font-weight: bold }

#tabnav2 a       { color: white; text-decoration: none; vertical-align: middle; margin: 2px 0 0; padding: 2px 0 0 }
#tabnav2 a .english_ss_titre { color: #8b8b8b; text-decoration: none; vertical-align: middle }
#tabnav2 a:hover .english_ss_titre { color: black; text-decoration: none; vertical-align: middle }
#tabnav2 a:hover      { color: black }
#gauche { width: 47%; float: left; }
#droite { width: 48%; float: right; padding-left: 20px; border-left: 1px solid gray; }
.theme { color: white; font-size: 30px; font-family: "Arial Black"; font-weight: bold; background-image: url(../mp_images/stripe_gray.gif); text-transform: uppercase; width: 100%; padding-left: 15px; }
.theme_texte { font-size: 12px; font-family: arial; text-align: justify; margin-bottom: 20px; padding-right: 30px; padding-left: 30px; }
.video { text-align: center; width: 100% }
.jDiaporama{
	top: 15px;
	position: absolute;
	margin-left: 220px;
}
/*tc j'enleve l'ombre portée
.jDiaporama ul{
	-moz-box-shadow:50px 1px 0.5em #222;
	overflow:hidden;
}
*/
.jDiaporama ul{
	overflow:hidden;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute;
}

.jDiaporama li img{
	display:block;
	position: relative;
}

.jDiaporama li .desc{
	position:absolute;
	bottom: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(img/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:100%;
	height:30px
}

.jDiaporama li .title{
	position:absolute;
	top: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama li .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama_controls{
	display:none;
}

.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
}

.jDiaporama_controls .prev{
	background:url(img/controls2.png) no-repeat bottom;
	_background:url(img/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}

.jDiaporama_controls .next{
	background:url(img/controls2.png) no-repeat top;
	_background:url(img/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}

.jDiaporama_controls .pause{
	background:url(img/playpause.png) no-repeat top;
	_background:url(img/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

.jDiaporama_controls .play{
	background:url(img/playpause.png) no-repeat bottom;
	_background:url(img/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

/**** Status ****/

.jDiaporama_status{
	text-align:center;
	margin-top:10px;
	position:absolute;
	left:50%;
	display:none
}

.jDiaporama_status a{
	background:url(img/bullets.png) no-repeat left;
	_background:url(img/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}

.jDiaporama_status a.active, .jDiaporama_status a:hover{
	background:url(img/bullets.png) no-repeat right;
	_background:url(img/bullets.gif) no-repeat right;
}