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


body {background-color:#323232;margin:0 0 1em 0;font:76% Arial,Helvetica,Tahoma,Verdana,sans-serif;text-align:center;}
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;width:640px;height:400px;margin:40px auto;}
#HomeLayout a {font-size:.9em;margin:20px 0;text-decoration:none;color:#a0a500;}
#HomeLayout a:hover {text-decoration:underline;}
#mainLayout {border-collapse:collapse;padding:0;border:none;font-size:100%;margin:0 auto;width:979px;}
body.double #mainLayout {background-image:url(../../img/bg_bandeau_double.gif);}
#mainLayout td {padding:0;border:none;text-align:left;}

#TableHeader {width:100%;}
#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 a:hover {text-decoration:underline;}
#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 {position:relative;left:0;top:0;width:14px;height:289px;font-size:1px;z-index:1;margin-top:75px;}
div#track {position:absolute;left:0;top:11px;width:14px;height:264px;background:url(../../img/bg_scroll.gif) transparent no-repeat 100% 0;z-index:1;}
div#dragBar {position:absolute;left:1px;top:1px;width:14px;height:12px !important;background:url(../../img/bg_drag.gif) transparent repeat-y 20% 0;z-index:1;}
div#up {position:absolute;left:0;top:0px;z-index:2;}
div#down {position:absolute;left:0;bottom:0px;z-index:3;}

/* 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;}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {left:0;top:0;width:14px;height:378px;margin-top: 0}
div#track {left:0;top:1px;width:14px;height:353px;}
div#dragBar {width:14px;height:12px !important;}
div#up {left:0;top:-11px;}
div#down {left:0;bottom:12px;}

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

#TableHeader #Nav {height:23px;background:url(../../img/bg_nav.gif) transparent repeat-x 0 100%;}


/* NAVIGATION */
#Navigation, #NavigationEn {margin:26px 0 0 0;padding:0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; list-style:none;height:23px;}
#Navigation li, #NavigationEn li {float:left;}
#Navigation li, #Navigation li a, #NavigationEn li, #NavigationEn li a {height:23px;background-color:transparent;background-repeat:no-repeat;}
#Navigation li a, #NavigationEn li a {display:block;}
#Navigation li strong, #NavigationEn li strong {position:absolute;top:-7777px;left:-7777px;}
#Navigation ul, #NavigationEn ul {display:none;}
#Navigation li,  #Navigation li a, #Navigation li, #Navigation li a {background-image:url(../../img/fr/bg_navigation.gif);}
#NavigationEn li,  #NavigationEn li a, #NavigationEn li, #NavigationEn li a {background-image:url(../../img/en/bg_nav.gif);}
#Navigation ul, #NavigationEn ul {text-align:left;display:none;list-style:none;position:absolute;color:#fff;position:absolute;z-index:5;padding:5px 0 10px 0;margin:0;background-color: tranparent;background-repeat:no-repeat ;background-position:0 100%;width:177px;}
#Navigation li:hover ul, #Navigation li.over ul, #NavigationEn li:hover ul, #NavigationEn li.over ul {display:block;}
#Navigation li li, #NavigationEn li li {margin:0;padding:0 15px 2px 17px !important;float:none;display:block;background:url(../../img/bullet_01.gif) transparent no-repeat 10px 6px !important;height:auto !important;width:auto !important;}
#Navigation li li a, #NavigationEn li li a {font:bold 12px Arial,sans-serif;color:#fff;text-decoration:none;height:auto !important;background-image:none !important;/*width:150px !important;*/}
#Navigation li li a:hover, #NavigationEn li li a:hover {text-decoration:none;color:#cde132;}
.leurre {display:none;}

/* NAVIGATION HOME */

table.home #TableHeader #Nav {background:url(../../img/bg_navhome.gif) transparent no-repeat 100% 100%;}
.home  #Navigation ul {background-image:url(../../img/bg_nav_ul.gif) !important;}

/* NAVIGATION FRANCAISE */
#Navigation {background-image:url(../../img/fr/bg_nav_soiree.gif);min-width:551px;float:left;}
html>body #Navigation {width:auto;}
#Navigation ul {background-image:url(../../img/bg_nav_ul2.gif) !important;}
#Navigation #It1, #Navigation #It1 a {width:126px;background-position:0 0;}
#Navigation #It2,  #Navigation #It2 a {width:177px;background-position:-126px 0;}
#Navigation #It3,  #Navigation #It3 a {width:138px;background-position:-303px 0;}
#Navigation #It4,  #Navigation #It4 a {width:110px;background-position:-441px 0;}
#Navigation #It5,  #Navigation #It5 a {width:130px;background-image:url(../../img/fr/bg_nav_soiree.gif);background-position:-551px 0;}
#Navigation #It1:hover,  #Navigation #It1 a:hover,  #Navigation #It1.over a,  #Navigation #It1:hover a,  #Navigation #It1.on,  #Navigation #It1.on a {width:126px;background-position:0 -23px;}
#Navigation #It2:hover,  #Navigation #It2 a:hover,  #Navigation #It2.over a,  #Navigation #It2:hover a,  #Navigation #It2.on,  #Navigation #It2.on a {width:177px;background-position:-126px -23px;}
#Navigation #It3:hover,  #Navigation #It3 a:hover,  #Navigation #It3.over a,  #Navigation #It3:hover a,  #Navigation #It3.on,  #Navigation #It3.on a {width:138px;background-position:-303px -23px;}
#Navigation #It4:hover,  #Navigation #It4 a:hover,  #Navigation #It4.over a,  #Navigation #It4:hover a ,  #Navigation #It4.on,  #Navigation #It4.on a {width:110px;background-position:-441px -23px;}
#Navigation  #It5.on a,  #Navigation #It5:hover,  #Navigation #It5 a:hover,  #Navigation #It5.over a,  #Navigation #It5:hover a {width:130px;background-image:url(../../img/fr/bg_nav_soiree.gif);background-position:-551px -23px;}


#Navigation #It1 ul {width:126px;background-image:url(../../img/bg_nav_ul_1.gif) !important;}
#Navigation #It2 ul {width:177px;background-image:url(../../img/bg_nav_ul_2.gif) !important;}
#Navigation #It3 ul {width:138px;background-image:url(../../img/bg_nav_ul_3.gif) !important;}
#Navigation #It4 ul {width:110px;background-image:url(../../img/bg_nav_ul_4.gif) !important;}
#Navigation #It5 ul {width:130px;background-image:url(../../img/bg_nav_ul_5.gif) !important;}

#Navigation #It1 ul a {width:99px !important;}
#Navigation #It2 ul a {width:150px !important;}
#Navigation #It3 ul a {width:111px !important;}
#Navigation #It4 ul a {width:83px !important;}
#Navigation #It5 ul a {width:103px !important;}


/* NAVIGATION ANGLAISE */
#NavigationEn {background-image:url(../../img/en/bg_nav.gif);}
#NavigationEn ul {background-image:url(../../img/bg_nav_ul3.gif) !important;width:204px !important;}
#NavigationEn li, #NavigationEn li a {background-image:url(../../img/en/bg_nav.gif);}
#NavigationEn #It1, #NavigationEn #It1 a {width:144px;background-position:0 0;}
#NavigationEn #It2, #NavigationEn #It2 a {width:205px;background-position:-144px 0;}
#NavigationEn  #It1.on a, #NavigationEn #It1:hover, #NavigationEn #It1 a:hover, #NavigationEn #It1.over a, #NavigationEn #It1:hover a {width:144px;background-position:0 -23px;}
#NavigationEn  #It2.on a, #NavigationEn #It2:hover, #NavigationEn #It2 a:hover, #NavigationEn #It2.over a, #NavigationEn #It2:hover a {width:205px;background-position:-144px -23px;}



#SubNav {text-align:right;vertical-align:top;height:95px;background:url(../../img/bg_header.gif) #fff no-repeat 100% 0;}
table.home #SubNav {height:47px;background-color:#808080;background-image:none;}
#SubNav ul {margin:0 12px 24px 0;padding:0;list-style:none;float:right;display:inline;}
#SubNav li {float:left;}
#SubNav li a {color:#000;font-weight:bold;text-decoration:none;display:block;padding:4px 8px 3px 8px;font-size:11px;border-right:1px solid #000;}
#SubNav li a:hover {color:#cde132;}
#SubNav li#contact a {border:none;}
#SubNav li#localisation a {/*background-color:#999;*/border:none;}
#SubNav li.on a{ color: #CDE132;}
#SubNav li#facebook a {padding:4px 8px 3px 25px;background:url(../../img/facebook.gif) #686868 no-repeat 7px 50%;}

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

#BreadCrumb {font:normal 11px 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;}
#BreadCrumb a:hover {text-decoration:underline;}

#Contenu {background-color: #fff; height: 380px; min-height: 380px; vertical-align: top}
html>body #Contenu {width: auto}
.pellicule {background:url(../../img/bg_contenu.gif) #fff no-repeat 0 25px;}

h1 {font:bold 18px Arial,sans-serif;color:#9b9999;margin:0 0 0 62px;border-bottom:1px solid #a1ae1b;width: 713px;}
h2 {font:bold 16px Arial,sans-serif;color:#b9c254;margin:0 0 0 62px;width: 713px;}
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}
/* \*/
* html body h3 span strong {height:1%;}
/* */
h4 a {color:#b9c254;text-decoration: none}

.unique {padding:0 0 0 68px !important;}
.unique h1 {width: 720px;}
.contenuN h2 {margin:0; padding: 0; font-size: 13px}
.contenuN h3 {font-size: 11px;margin:0;}
.contenuN p {margin-top:0 !important;}

#Contenu a {color: #c2c721}
#Contenu p {font-size: 11px; 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}
/* \*/
* html body a.voir {height:1%;}
/* */
a:hover.voir {text-decoration: underline}


.contenu {padding:0 35px 0 60px;  width: 770px;float: left; voice-family:"\"}\"";voice-family:inherit; width: 685px;}
html>body .contenu { width: 685px;}

/* contenu de type fiche */
.Fiche .left {float: left; width: 246px; 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 p strong {color:#808080 !important;font-size:13px !important;padding:0 !important;margin:0 0 13px 0 !important;}
.Fiche h3.spfiche {color:#808080 !important;font-size:13px !important;padding:0 !important;margin:0 0 13px 0 !important;}
.Fiche h4 {margin: 0 0 5px -9px !important;display:block;color:#fff;font-size: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}
/* \*/
* html body .Fiche h4 strong {height:1%;}
/* */
.Fiche h4 p {display:inline;} /*added by nwe*/
.Fiche h4 p strong {color:#fff;font-size: 1.2em;} /*added by nwe*/
.Fiche p.spfiche {font-style:normal;font:bold 12px Arial,sans-serif !important;color:#A1AE1B;margin:0 0 5px 0;}
.Fiche p.spfiche em {font-style:normal !important;}
.Fiche p {font-size:11px;margin:0 0 15px 0;}
.Fiche p strong {color:#c2c721}
.Fiche ul {margin:10px 60px 10px 0;padding:0;font-size:11px;}
.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 h3 strong {color: #808080; font-size: 13px; padding: 0 0 0 0 !important; margin: 0 0 13px 0}
.laureat h4{ font-size: 14px; color: #C2C721; padding:0; margin:0;}
.laureat p {font-size: 11px; margin: 20px 60px 0 0;}

.patrimoine { width: 330px; float: left; padding: 0 0 5px 10px;margin:15px 0 0 0;}
.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 0 0 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: 12px; color:#b9c254; margin:0; padding:0 0 10px 0}
.equipe p {font-size: 11px; margin: 0 0 5px 0}

/* GABARIT ACTUALITES*/
#pagination{ text-align: center; width: 100%; font-size: 12px ; font-weight: bold; margin-bottom: 20px; color: #A1AE1B }
#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 30px 0 0}
.actualite h3 {float:left; font-size: 12px; margin:0 5px 0 0; padding:0; color: #A1AE1B}
.actualite .date{font-size: 12px; 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: 11px; 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 {width: 204px; float: right; margin: -29px 0 0 -5px}

/* mini navigation */
#ContentNav {padding: 0 0 55px 0; margin: 0}
#ContentNav li {display: block; background:url(../../img/fleche_03.gif) transparent no-repeat 7px 0; padding: 0 0 2px 15px}
/* \*/
* html body #ContentNav li  {height:1%;}
/* */
#ContentNav li a {display: block; color: #808080; font-size: 13px; text-decoration: none; padding: 0 0 0 8px}
#ContentNav li:hover a, #ContentNav li.on a, #ContentNav li.over a, #ContentNav li a:hover {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 {left:-999em;position:absolute;padding: 10px 0 10px 20px; margin: 0; background:url(../../img/bg_ul_dates.gif) #fff no-repeat 0 0; height: 150px; min-height: 150px; width: 189px; voice-family:"\"}\"";voice-family:inherit; width: 169px;height: 130px; min-height: 130px;}
html>body #ContentNav li ul {height: auto; width: 169px;height: 130px; min-height: 130px;}
#ContentNav li:hover ul, #ContentNav li.over ul {left:auto;}
#ContentNav li ul li {display: inline; margin: 0 13px 1px 0;float:left;}
#ContentNav li:hover ul li, #ContentNav li.over ul li, #ContentNav li:hover ul a, #ContentNav li.over ul a {background-color: transparent; background-image: none; font-size: 11px; 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 li ul a:hover, #ContentNav ul li.on a {background-image: none !important; background-color:#A1AE1B !important; color: #fff !important;}

.pelliright {background:url(../../img/bg_contextuel.gif) transparent no-repeat 100% 0;height: 222px; min-height: 222px; 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: 11px; text-decoration: none; color: #000 !important}
.contextuel ul.laureats a:hover {text-decoration: underline}
.contextuel ul.laureats li.on a {color: #a1ae1b !important; font-weight: bold}
.contextuel ul.laureats li.on a:hover {text-decoration: none !important}

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

/* LOGO IMPRESSION */
#print{float: right; margin-top: 20px; padding-right: 10px; }
#print a, #print input {display: block; margin:0; padding: 0}
#print strong {position: absolute; top: -777px; left: -777px}
#Print {background:url(../../img/print.gif) no-repeat 0 0; height: 16px; width: 13px;}


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


/* GABARIT 20 TEMPS DE CINEMA EVENEMENTS*/

#f_head{ width:183px; height:14px; margin-left: 7px; background:url(../../img/festival_head.gif) no-repeat}
#f_foot{ width:183px; height:11px; margin-left: 7px; background:url(../../img/festival_foot.gif) no-repeat}
.contextuel ul.festival {width: 183; margin: -1px 14px 0px 7px; padding: 0; border-left: 1px solid #b9c254; border-right: 1px solid #b9c254}
.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: 11px; text-decoration: none; color: #000 !important}
.contextuel ul.festival a:hover {text-decoration: underline}
.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 PRESENTATION*/
body.soiree #Navigation {background-image:url(../../img/fr/bg_nav_soiree.gif);}
body.soiree #Navigation li, body.soiree #Navigation li a {background-image:url(../../img/fr/bg_nav_soiree.gif);}

body.soiree #Navigation #It1, body.soiree #Navigation #It1 a {width:126px;background-position:0 0;}
body.soiree #Navigation #It2, body.soiree #Navigation #It2 a {width:177px;background-position:-126px 0;}
body.soiree #Navigation #It3, body.soiree #Navigation #It3 a {width:138px;background-position:-303px 0;}
body.soiree #Navigation #It4, body.soiree #Navigation #It4 a {width:110px;background-position:-441px 0;}
body.soiree #Navigation #It5, body.soiree #Navigation #It5 a {width:130px;background-position:-551px 0;}

body.soiree #Navigation  #It1.on a, body.soiree #Navigation #It1:hover, body.soiree #Navigation #It1 a:hover, body.soiree #Navigation #It1.over a, body.soiree #Navigation #It1:hover a {width:126px;background-position:0 -23px;}
body.soiree #Navigation  #It2.on a, body.soiree #Navigation #It2:hover, body.soiree #Navigation #It2 a:hover, body.soiree #Navigation #It2.over a, body.soiree #Navigation #It2:hover a {width:177px;background-position:-126px -23px;}
body.soiree #Navigation  #It3.on a, body.soiree #Navigation #It3:hover, body.soiree #Navigation #It3 a:hover, body.soiree #Navigation #It3.over a, body.soiree #Navigation #It3:hover a {width:138px;background-position:-303px -23px;}
body.soiree #Navigation  #It4.on a, body.soiree #Navigation #It4:hover, body.soiree #Navigation #It4 a:hover, body.soiree #Navigation #It4.over a, body.soiree #Navigation #It4:hover a {width:110px;background-position:-441px -23px;}
body.soiree #Navigation  #It5.on a, body.soiree #Navigation #It5:hover, body.soiree #Navigation #It5 a:hover, body.soiree #Navigation #It5.over a, body.soiree #Navigation #It5:hover a {width:130px;background-position:-551px -23px;}


/* GABARIT SOIREE PRIVEE IDENTIFICATION*/

.corpsForm{margin: 30px 0 0 182px; padding:4px 0 0 0; background:url(../../img/top_id.gif) no-repeat}
.corpsForm form#mailform {background:url(../../img/bottom_id.gif) no-repeat 0 100%; width:351px; margin:0; padding:10px 0;}
.corpsForm fieldset {border: none;border-left: 1px solid #c2c721; border-right: 1px solid #c2c721; margin: 0; padding: 5px 10px;}
.corpsForm .csc-mailform-field {clear: both; padding: .2em 0; margin: 0 0 .2em 0;}
.corpsForm label{float: left; width: 115px; font-size: 13px; font-weight: bold;text-align: right;margin: 0;padding: 0 .5em 0 0;line-height: 1.5;}
.corpsForm input {border: 1px solid #c2c721; width: 195px; margin: 0; padding:2px; font-size: 11px;}
.corpsForm #mailformsubmit {width:56px; height:19px;margin: 0 -5px 0 274px !important; margin: 0; padding: 0 0 3px 0 !important; padding: 0; background: transparent url(../../img/bt_id.gif) no-repeat; cursor:pointer; border: none; color: #fff; font-size: 11px; font-weight: bold;}


/* GABARIT CONTACT*/
#top_id{ width:351px; height:14px; margin-left: 0px; margin-top: 20px; background:url(../../img/top_id.gif) no-repeat}
#bottom_id{ width:351px; height:13px; margin-left: 0px; background:url(../../img/bottom_id.gif) no-repeat}
#coord{ width:351px; height:90px; margin:-1px 0 0 0; padding:-5px 0 0 0; border-left: 1px solid #c2c721; border-right: 1px solid #c2c721; 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:11px}
#coord .color{color:#A1AE1B}

.contactForm {width:720px; margin: 20px -40px 0 0; padding:5px 0 0 0; background:url(../../img/top_contact.gif) no-repeat}
.contactForm form#mailform {background:url(../../img/bottom_contact.gif) no-repeat 0 100%; width:720px; margin:0; padding:10px 0;}

.contactForm fieldset:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.contactForm fieldset {display:inline-block;border: none;border-left: 1px solid #c2c721; border-right: 1px solid #c2c721; margin: 0; padding: 15px 0; height: 100%}
/* \*/ * html .contactForm fieldset {height:1%;} .contactForm fieldset {display:block;} /* */

.contactForm label {float: left; width: 220px; font-weight: bold;text-align: right; margin: 0;padding: 0 .5em 0 0;line-height: 1.5;font-size: 11px; color: #9B9999;}
.contactForm .csc-mailform-field label strong { font-size: 11px; color: #A1AE1B; }
.contactForm input {border: 1px solid #c2c721; width: 324px; margin: 0; padding:2px; font-size: 11px;}
.contactForm input#mailformInscription_la_newsletter {width: auto !important; border-width: 0 !important}
.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:2px; font-size: 11px;}
.contactForm .csc-mailform-field {clear: both; padding: .2em 0; margin: 0 0 .2em 0;}
.contactForm select{ width: 232px; margin: 0; padding:0}
.contactForm #mailformformtype_mail {width:56px; height:19px; margin: 0 0 0 220px; padding: 0 0 2px 0 !important; background: transparent url(../../img/bt_id.gif) no-repeat 0 0; cursor:pointer; border: none; color: #fff; font-size: 11px; font-weight: bold;}
.contactForm p {margin: 0 !important;padding: 0 0 0 10px; border-left: 1px solid #c2c721; border-right: 1px solid #c2c721;color: #9B9999;}


/* GABARIT NEWSLETTER*/
.contenuN {padding:50px 0 80px 64px; margin: -28px 0 0 0;  width: 791px;float: left; voice-family:"\"}\"";voice-family:inherit; width: 725px;}
html>body .contenuN {width: 725px;padding:30px 0 80px 64px;}

#top_id{ width:351px; height:14px; margin-left: 0px; margin-top: 20px; background:url(../../img/top_id.gif) no-repeat}
#bottom_id{ width:351px; height:13px; margin-left: 0px; background:url(../../img/bottom_id.gif) no-repeat}
#inscri{ width:351px; height:90px; margin:-1px 0 0 0; padding:0 0 0 10px; border-left: 1px solid #c2c721; border-right: 1px solid #c2c721; 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:11px}
#inscri a{ color:#A1AE1B; text-decoration: none; }
#inscri a:hover{ text-decoration: underline; }
#abo{ float: left; }
#desabo{ float: right; }
.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: 11px; 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: 11px; font-weight: bold;}

.contenuN .parch{width: 705px; top: 8px; margin:-37px 0 0 0 !important; padding:0; text-align: right; font-size: .9em}
html>body .contenuN .parch{margin:-17px 0 0 0 !important}
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{ width:606px; height:17px; margin: 20px 0 0 54px; padding: 0; background:url(../../img/top-newsT.gif) no-repeat}
#bottom_newsT{ width:606px; height:16px; margin: -1px 0px 0 54px; padding: 0; background:url(../../img/bottom-newsT.gif) no-repeat}
#newsT{ width:606px; margin:-1px 0 0 54px; padding:0 0 0 0px;border-left: 1px solid #c2c721; border-right: 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{ width:720px; height:24px; margin: -10px 0 0 0; background:url(../../img/bottom_contact.gif) no-repeat}
#center_news{ width:720px; margin:-1px 0 0 0; padding:5px 0 0 0;border-left: 1px solid #c2c721; border-right: 1px solid #c2c721; voice-family:"\"}\"";voice-family:inherit; width: 718px;}
#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; width: 551px;padding: 0}
#news h4 {float:left; font-size: 12px; margin:0 5px 0 0; padding:0; color: #A1AE1B}
#news .date{font-size: 12px; font-weight: bold; color:#808080; margin:0; padding:0 0 10px 0}
#news p {font-size:11px;margin:0 70px 15px 0;}

/* Video add 08/2009 */
.vidrow {margin:0 0 1em 0;padding:10px 0 0 0,}
.vidrow:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.vidrow {display:inline-block;}
/* \*/ * html .vidrow {height:1%;} .vidrow {display:block;} /* */
.vidcell {width:340px;float:left;}

/* Download add 08/2009 */
.download {margin:0 0 2em 0;}
.download h5 {margin:2em 0 1em 0;padding:1px 10px 2px 10px;border-width:1px 0;border-style:solid;border-color:#B7C51F;text-align:left;font-weight:bold;font-size:1.1em;color:#A1AE1B;}
.download ul {margin:0 0 1em 0;padding:0 0 0 10px;list-style:none;}
.download ul li {padding:0 0 0 16px !important;margin:0 0 .6em 0;background:url(../../img/bg_download.gif) transparent no-repeat 0 .35em !important;}
.download ul li a {color:#000 !important;text-decoration:none;}
.download ul li a:hover {color:#C2C721 !important;}


/* - - - - - - - - - - - - - Bas de page - - - */
#PieddePage { color:#828282;background:url(../../img/bg_pieddepage2.gif) #323232 no-repeat 0 0;text-align:left;padding:57px 0 10px 27px !important;font-size:9px;font-weight:normal;}
.home #PieddePage { color:#828282;background:url(../../img/bg_pieddepage.gif) #000 repeat-y 0 0;text-align:left;padding:7px 250px 10px 27px !important;font-size:9px;font-weight:normal;}

#PieddePage a {font-size:11px;color:#828282;font-weight:normal;text-decoration:none;}
#PieddePage a:hover {color:#f9fb2f !important;}
.sep {padding:0 5px;}

#PieddePage .hautpage{float: right; margin:-50px 120px 0 0 !important; margin:-50px 60px 0 0; padding:0}
#PieddePage a.hp {display: block; width:90px; height: 25px; background:url(../../img/hautdepage.gif) transparent no-repeat right ; padding: 1px 15px 0 0; color: #B7C51F; font-size:11px; font-weight: bold; text-decoration: none;  voice-family:"\"}\"";voice-family:inherit; width: 71px;}
#PieddePage a:hover.hp{text-decoration: underline; color: #B7C51F !important;}