/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c) 2007 Fondation GROUPAMA GAN pour le Cinéma
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {background-color:#fff;margin:0;font:100% Arial,Helvetica,Tahoma,Verdana,sans-serif;text-align:left;}
img {border:0;}
hr {display:none;}
.clear {clear:both;}
img {border: 0}
.more {background:url(../../img/bg_more.gif) transparent no-repeat 100% 60%;padding:0 16px 0 0;}
/* \*/ * html body .more {height:1%;} /* */
ul {list-style:none;}
table {border-collapse:collapse;margin:0;padding:0;}


/* Tableau mise en page */
#HomeLayout {border-collapse:collapse;padding:0;border:none;}
#HomeLayout a {font-size:.9em;margin:20px 0;text-decoration:none;color:#a0a500;}
#mainLayout {border-collapse:collapse;padding:0;border:none;font-size:100%;margin:0;}
body.double #mainLayout {background-image:url(../../img/bg_bandeau_double.gif);}
#mainLayout td {padding:0;border:none;text-align:left;}

#TableHeader {}
#Logo {width:203px;height:96px;}

/* Animation flash */
#Animation {width:730px;vertical-align:top;border-collapse:collapse;padding:0;border:none;}

/* Actualités */
#Actualites {background-color:#808080;background-repeat:no-repeat;background-position:0 0;width:249px;color:#fff;font-size:.9em;vertical-align:top;padding:94px 0 0 0 !important;}
#Actualites a {color:#cde132 !important;text-decoration:none;}
#Actualites table {border-collapse:collapse;padding:0;border:none;font-size:100%;margin:0 0 0 16px;width:211px !important;}
#Actualites table td {padding:0;border:none;vertical-align:top;}
#Actualites h2 {font-size:12px;color:#cde132 !important;}

#Actualites, body.fr #Actualites {background-image:url(../../img/fr/bg_actu.gif);}
body.en #Actualites {background-image:url(../../img/en/bg_actu.gif);}

/* Styles for scrolling layers | Specify width and height in hold and wn, and in clip for wn */
div#hold {position:relative;overflow:hidden;width:530px;height:264px;z-index:100;}
div#wn {position:absolute;left:0;top:0;width:530px;height:264px;clip:rect(0, 530px, 530px, 0);overflow:hidden;z-index:1;}
div.content {width:480px; position:absolute;visibility:hidden;left:0;top:0;z-index:1;text-align:left;font-size:11px;color:#000;margin:0 0 0 45px;}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {display:none;}

/* Styles for scrolling layers | Specify width and height in hold and wn, and in clip for wn */
div#hold {width:190px;height:350px;}
div#wn {width:190px;height:350px;clip:rect(0, 350px, 350px, 0);}
div.content {width:185px;font-size:12px;color:#fff;padding:0;margin:0;}

.actu_intro {padding:0 0 0 11px;}
.actu_intro h2 {margin-left:-11px !important;}
/* */

#TableHeader #Nav {display:none;}

#Navigation {display:none;}
#SubNav {display:none;}

.content a {font-weight:bold;color:#b7c51f;text-decoration:none;}

#BreadCrumb {font:normal 1.1em Arial,sans-serif;color:#353434;background:url(../../img/bullet_02.gif) transparent no-repeat 0 5px;padding:0 6px;margin:0 0 0 10px;clear:both;}
#BreadCrumb a {text-decoration:none;color:#353434;}

#Contenu {background-color: #fff;vertical-align: top;font-size:12px;}
.pellicule {}

h1 {font:bold 18px Arial,sans-serif;color:#9b9999;margin:0;border-bottom:1px solid #a1ae1b;}
h2 {font:bold 16px Arial,sans-serif;color:#b9c254;margin:0;}
h3 {font:bold 16px Arial,sans-serif;color:#b9c254;margin:0;}
h3 a {color:#b9c254;text-decoration: none}
h3 span {margin: 0 0 5px 0; display: block; color: #fff; font-size: .9em; background:url(../../img/bg_h4_gch.gif) transparent no-repeat 0 0; padding:3px 0 4px 8px}
h3 span strong {background:url(../../img/bg_h4_dte.gif) #A1AE1B no-repeat 100% 0; padding: 3px 8px 4px 0}
h4 a {color:#b9c254;text-decoration: none}

.unique {padding:0 0 120px 0 !important;}
.contenuN h2 {margin:0; padding: 0; font-size: 13px}
.contenuN h3 {font-size:1.1em;margin:0;}
.contenuN p {margin-top:0 !important;}

#Contenu a {color: #c2c721}
#Contenu p {font-size:1.1em; margin: 10px 0 15px 0}
a.voir {background:url(../../img/fleche_01.gif) transparent no-repeat 0 0; padding: 1px 0 0 15px; color: #c2c721; font-weight: bold; text-decoration: none}


.contenu {padding:0;  }

/* contenu de type fiche */
.Fiche .left {float: left; width: 206px; padding: 30px 0 0 0}
.Fiche .right {float: left; width: 422px;padding: 0 0 0 9px;voice-family:"\"}\"";voice-family:inherit;width: 415px;}
html>body .Fiche .right {width: 415px;}
.Fiche h3 {color: #808080; font-size: 13px; padding: 0 0 0 0 !important; margin: 0 0 13px 0}
.Fiche h4 {margin: 0 0 5px -9px !important; display: block; color: #fff; font-size: 1.1.1em; background:url(../../img/bg_h4_gch.gif) transparent no-repeat 0 0; padding:3px 0 4px 8px}
.Fiche h4 strong {background:url(../../img/bg_h4_dte.gif) #A1AE1B no-repeat 100% 0; padding: 3px 8px 4px 0}
.Fiche h4 p {display:inline;} /*added by nwe*/
.Fiche h4 p strong {color: #fff; font-size: 1.2em;} /*added by nwe*/
.Fiche em {font-style: normal; font:bold 12px Arial,sans-serif;color:#A1AE1B; margin: 0 0 5px 0}
.Fiche p {font-size: 1.1em; margin: 0 0 15px 0}
.Fiche p strong {color: #c2c721}
.Fiche ul{  margin: 10px 60px 10px 0; padding:0 ; font-size: 1.1em}
.Fiche li {background:url(../../img/bullet_04.gif) transparent no-repeat 0 .7em; padding: 0 0 0 8px}

.left50 {width: 330px; float: left; padding: 0 0 0 10px}

.laureat{ width: 330px; float: left; padding: 0 0 5px 10px}
.laureat .left {float: left; width: 100px; padding: 10px 0 0 0; margin:0;}
.laureat .right {float: right; width: 220px;padding: 10px 0 0 0;}
.laureat h4{ font-size: 14px; color: #C2C721; padding:0; margin:0;}
.laureat p {font-size:1.1em; margin: 20px 60px 0 0;}

.patrimoine { width: 330px; float: left; padding: 0 0 5px 10px}
.patrimoine .left {float: left; width: 90px; padding: 10px 0 0 0; margin:0;}
.patrimoine .right {float: right; width: 235px;padding: 10px 0 0 0;}
.patrimoine h3 strong {color: #808080; font-size: 13px; padding:0 !important;margin: 0 0 13px 0}
.patrimoine h4{ font-size: 14px; color: #C2C721; padding:0; margin:0;}
.patrimoine p {font-size: 11px; margin: 20px 60px 0 0;}

/* GABARIT FONDATION EQUIPE */
.equipe hr{display:block; clear:both; height: 1px;  _margin: -5px 0; visibility: hidden;}
.equipe .left {float: left; width: 100px; padding: 3px 0 0 0}
.equipe .right {float: left; width: 400px;padding: 0;voice-family:"\"}\"";voice-family:inherit;width: 415px;}
html>body .equipe .right {width: 530px;}
.equipe h3 {font-size: 13px; margin:0; padding:0}
.equipe h4 {font-size:1.1em; color:#b9c254; margin:0; padding:0 0 10px 0}
.equipe p {font-size:1.1em; margin: 0 0 5px 0}

/* GABARIT ACTUALITES*/
#pagination{ display:none; }
#pagination img { padding: 0 5px; margin: 0 4px; voice-family:"\"}\"";voice-family:inherit; margin: 0 ;}
.actualite:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.actualite {display:inline-block;margin: 0 0 10px 0}
/* \*/ * html .actualite {height:1%;} .actualite {display:block;} /* */
.actualite .left {float: left; width: 103px; text-align:center; padding: 2px 20px 0 20px; margin: 0 }
.actualite .right {float: right; width: 490px;padding: 0}
.actualite h3 {float:left; font-size:1.1em; margin:0 5px 0 0; padding:0; color: #A1AE1B}
.actualite .date{font-size:1.1em; font-weight: bold; color:#808080; margin:0; padding:0 0 10px 0}
.actualite p {margin-top: 0 !important}

/* GABARIT 20 TEMPS DE CINEMA EVENEMENTS PRES*/
.pres {margin: 0 -35px 0 0}
.pres ul{ width: 400px; margin: 20px auto; padding-left: 90px; voice-family:"\"}\"";voice-family:inherit; padding-left: 0px;}
.pres li{ position: relative; width: 390px; font-size:1.1em; font-weight: bold; color:#C2C721; padding:2px 0 2px 20px}
.pres li a {color: #C2C721; text-decoration: none}
.pres li a:hover {text-decoration: underline}
.pres li.color{ background-color: #F7F5F5; }
.pres .mois{position: absolute; right: 20px; color: black; font-weight: normal }


/*************************** colonne de droite ****************************************/
.contextuel {display:none; }

/* mini navigation */
#ContentNav {padding:0; margin: 0}
#ContentNav li {display: block; background:url(../../img/fleche_03.gif) transparent no-repeat 7px 0; padding: 0 0 2px 15px}
#ContentNav li a {display: block; color: #808080; font-size: 13px; text-decoration: none; padding: 0 0 0 8px}
#ContentNav li.on a {background:url(../../img/fleche_li_on.gif) transparent repeat-y 0 100%;background-color: #F1F3D2; text-decoration: none}
 #ContentNav li.on a {font-weight: bold}
#ContentNav li ul {}
#ContentNav li ul li {display: inline !important; margin: 0 13px 0 0}
#ContentNav li ul li, #ContentNav li ul li, #ContentNav li ul a, #ContentNav li ul a {background-color: transparent !important; background-image: none !important 
; font-size: 1.1em; padding: 0; text-align: center;}
#ContentNav li ul a {display: inline !important;padding: 0 2px !important; background-image: none !important; background-color: none !important; font-weight: normal !important}
#ContentNav ul li.on a {background-image: none !important; background-color:#A1AE1B !important; color: #fff !important;}

.pelliright {height: 450px; min-height: 450px; margin: -55px 0 0 0; padding: 75px 0 0 0}
html>body .pelliright {height: auto}
.contextuel p {margin: 0 0 5px 25px !important}
.contextuel ul.laureats {margin: 0 0 40px 35px; padding: 0;}
.contextuel ul.laureats li {background:url(../../img/bullet_03.gif) transparent no-repeat 0 .5em; padding: 0 0 0 10px}
.contextuel ul.laureats a {font-size: 1.1em; text-decoration: none; color: #000 !important}
.contextuel ul.laureats li.on a {color: #a1ae1b !important; font-weight: bold}

/* - - - - - - - - - - - - - Bas de page - - - */
#PieddePage {display:none;}










/* - - - - - -INTEGRATION FREELANCE 15/03/2006 - - -  - - - - - - - - - -*/

/* LOGO IMPRESSION */
#print {display:none}

/* GABARIT FONDATION PRESENTATION*/
.presentation {padding: 62px 0 0 0;}
.presentation p {font-size: 1.1em; margin-top: 0 !important}


.presentationva .left {float: left; width: 360px; padding: 70px 0 120px 0}
.presentationva .right {float: right; width: 420px;padding: 68px 0 0 0}
.presentationva p {font-size: 1.1em; margin: 0 10px 15px 0}

/* GABARIT 20 TEMPS DE CINEMA EVENEMENTS*/

#f_head{ width:183px; height:14px; margin-left: 7px;}
#f_foot{ width:183px; height:11px; margin-left: 7px;}
.contextuel ul.festival {width: 183; margin: -1px 14px 0px 7px; padding: 0;}
.contextuel ul.festival li {background:url(../../img/bullet_03.gif) transparent no-repeat 0 .5em; margin-left:10px; padding: 0 0 0 -10px;  voice-family:"\"}\"";voice-family:inherit; padding: 0 0 0 10px;}
.contextuel ul.festival a {font-size: 1.1em; text-decoration: none; color: #000 !important}
.contextuel ul.festival li.on a {color: #a1ae1b !important; font-weight: bold}
.contextuel ul.festival li.on a:hover {text-decoration: none !important}



/* GABARIT SOIREE PRIVEE IDENTIFICATION*/
.contenuSPi {background:#fff; padding:0 0 80px 64px;  width: 786px;float: left; voice-family:"\"}\"";voice-family:inherit; width: 720px;}
html>body .contenuSPi { width: 720px;}

#corpForm{ margin: 30px 0 0 182px; padding:0}
#top_id{ width:351px; height:14px; margin-left: 0px;}
#bottom_id{ width:351px; height:13px; margin-left: 0px;}
form.formid { width:351px; height:90px; margin:-1px 0 0 0; padding:10px 0 0 0; voice-family:"\"}\"";voice-family:inherit; width:349px;}
#corpForm fieldset{ border: none }
#corpForm label{float: left; width: 28%; font-size: 13px; font-weight: bold;text-align: right;margin: 0;padding: 0 .5em 0 0;line-height: 1.5;}
#corpForm input.rens{width: 220px; margin: 0; padding:0 }
#corpForm p {	padding: .2em 0; margin: 0 0 .2em 0;}

#corpForm .bout{float: left; width: 92%; text-align: right; voice-family:"\"}\"";voice-family:inherit; width: 96%;}


/* GABARIT SOIREE PRIVEE IDENTIFICATION*/

.csc-header {width:351px;padding: 3px 0 7px 0;  margin: 30px 0 0 182px;text-align: center}
.csc-header h3 {margin: 0 !important; padding: 0 !important}

form.identification {margin: 0 0 0 182px; padding:0 0 20px 0;border-spacing: 0 !important; border-collapse: collapse;}

.csc-loginform {width:351px; margin:0;voice-family:"\"}\"";voice-family:inherit; width:351px;}
html>body .csc-loginform {width:350px; margin: 0 0 0 1px}
.csc-loginform fieldset{ border: none; margin: 0; padding: 0 }
.csc-loginform .csc-form-labelcell {width: 110px; padding: 0; margin: 0}
.csc-loginform p.csc-form-label-req {font-size: 13px !important; font-weight: bold;text-align: right;margin: 0 8px 0 0 !important;padding: 0;}
.csc-loginform .csc-form-fieldcell {padding: 0; margin: 0}
.csc-form-fieldcell input {border: 1px solid #c2c721; width: 220px; margin: 0; padding:0 }
.csc-loginform .csc-form-fieldcell p, .csc-form-labelcell p {padding: .2em 0 .4em 0 !important;}





/* GABARIT CONTACT*/
#top_id{ width:351px; height:14px; margin-left: 0px; margin-top: 20px;}
#bottom_id{ width:351px; padding:0 0 14px 0; margin-left: 0px;}
#coord{ width:351px; height:90px; margin:-1px 0 0 0; padding:-5px 0 0 0; voice-family:"\"}\"";voice-family:inherit; width: 349px;}
#coord h2{ margin: 0 0 15px 0; padding: 0 0 0 20px; font-size:13px; color:#A1AE1B; width: auto}
#coord p{ margin: 0; padding: 0 0 0 20px; font-size:1.1em}
#coord .color{ color:#A1AE1B }

#top_contact{ width:720px; height:17px; margin-left: 0px; margin-top: 20px;}
#bottom_contact{ width:720px; height:24px; margin-left: 0px;}
#contactForm{ margin: 20px 0 0 0; padding:0}
form.formcontact { width:720px; height:360px; margin:-1px 0 0 0; padding:10px 0 0 0;voice-family:"\"}\"";voice-family:inherit; width: 718px;}
#contactForm fieldset{ border: none }

#contactForm label{float: left; width: 30%; font-size: 13px; font-weight: bold;text-align: right; margin: 0;padding: 0 .5em 0 0;line-height: 1.5;}
#contactForm label.couleur_v{ font-size: 1.1em; color: #A1AE1B; }
#contactForm .couleur_g{ font-size: 1.1em; color: #9B9999; }
#contactForm .color{ font-size: 13px; color:#A1AE1B }

#contactForm input.rens{border: 1px solid #c2c721; width: 230px; margin: 0; padding:0 }
#contactForm input.rensObjet{border: 1px solid #c2c721; width: 324px; margin: 0; padding:0 }

#contactForm textarea{border-bottom: 1px solid #D4D0C8; border-right: 1px solid #D4D0C8; border-left: 2px solid #808080; border-top: 2px solid #808080;; width: 324px; height: 80px; margin: 0; padding:0 }
#contactForm .nomContact{ font-size: 1.1em; font-weight: bold; color: #A1AE1B; margin-left: 170px }
#contactForm p {	padding: .2em 0; margin: 0 0 .2em 0;}
#contactForm select{ width: 232px; margin: 0; padding:0 }

#contactForm .bouto{float: left; width: 48%; text-align: right; voice-family:"\"}\"";voice-family:inherit; width: 49%;}



#bottom_contact{ padding-left: 10px; }

/* GABARIT NEWSLETTER*/
.contenuN { padding:30px 0 80px 0;}

#top_id{ width:351px; height:14px; margin-left: 0px; margin-top: 20px;}
#bottom_id{ width:351px; height:13px; margin-left: 0px;}
#inscri{ width:351px; height:90px; margin:-1px 0 0 0; padding:0 0 0 10px; voice-family:"\"}\"";voice-family:inherit; width: 339px;}
#inscri h2{margin: 0; padding: 0; font-size:13px; color:#A1AE1B; width: auto}
#inscri p{ margin: 0; padding: 0 10px 0 0px; font-size:1.1em}
#inscri a{ color:#A1AE1B; text-decoration: none; }
#inscri a:hover{ text-decoration: underline; }
#abo{display:none;}
#desabo{display:none;}
.formmail{ vertical-align: top; margin: 15px 0 0 0; padding:4px 0 0 0px !important; padding:3px 0 0 0px; width:332px; height:29px; background: transparent url(../../img/bg_mail.gif) no-repeat 0 0px;  }
#inscri label{ font-size: 1.1em; font-weight: bold; padding: 0 0 0px 15px; vertical-align: middle;}
#inscri input.mai{ width: 150px; }
#inscri .ml{vertical-align: middle; width:111px; height:13px; padding: 0 0 5px 15px; background: transparent url(../../img/bt_email.gif) no-repeat  0 1px !important;height:auto !important; cursor:pointer; border: none; color: #fff; font-size: 1.1em; font-weight: bold;}

.contenuN .parch{ display: none;}
a.archives {background:url(../../img/fleche_01.gif) transparent no-repeat 0 0; padding: 1px 0 0 15px; color: #c2c721; font-weight: bold; text-decoration: none}
a:hover.archives {text-decoration: underline}

.contenuN h3{ color:#A1AE1B; padding-top:20px; font-size:12px; clear: both; }

#top_newsT {height:17px; margin: 20px 0 0 54px; padding: 0; background:url(../../img/top-newsT.gif) no-repeat}
#bottom_newsT {height:16px; margin: -1px 0px 0 54px; padding: 0; background:url(../../img/bottom-newsT.gif) no-repeat}
#newsT{margin:-1px 0 0 54px; padding:0 0 0 0px;border-left: 1px solid #c2c721;  voice-family:"\"}\"";voice-family:inherit; width: 604px;}
#newsT .st{ margin:0 0px 0px 18px; padding: 0 ; }

#top_news{ position: relative; width:720px; height:42px;margin-top: 5px; background:url(../../img/top_news.gif) no-repeat}
#top_news .ns{ position: absolute; top: 28px; left:170px; font-size:13px; font-weight: bold; color: #FFF;  }
#top_news .ns strong {position: absolute; top: -777px; left: -777px}
#bottom_news{ display:none;}
#center_news{margin:0; padding:5px 0 0 0; }
#news hr{display:block; clear:both; height: 10px;  _margin: -5px 0; visibility: hidden;}

#news .left {float: left; width: 103px; text-align:center; padding: 2px 20px 0 54px; margin: 0; voice-family:"\"}\"";voice-family:inherit; padding: 2px 20px 0 44px;}
#news .right {float: right;padding: 0; width: 540px;}
#news h4 {float:left; font-size:1.1em; margin:0 5px 0 0; padding:0; color: #A1AE1B}
#news .date{font-size:1.1em; font-weight: bold; color:#808080; margin:0; padding:0 0 10px 0}
#news p {font-size: 1.1em; margin: 0 70px 15px 0}