/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
 td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
 
body {line-height: 1em;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;} 
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

hr {display:none;}
div.hr {clear:both;}


/*  =General
-------------------------------------------------------------- */
body {color: #000;font-family: "Arial", sans-serif;background:#920C0C url(img/fond.jpg) 50% 0 repeat-x; font-size: 75%; line-height: 1.5em;}
/*home*/
body#home {background:#D93D00 url(img/fond-home.jpg) 50% 0 repeat-x;}

/* =Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {color: #fff;font-weight: bold;}
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; }
h4 { font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* =Text elements
-------------------------------------------------------------- */
.accessibility {text-align:left;text-indent:-5000px;padding:0;height:1px;position:absolute;top:-5000px;left:-5000px;}
.hide { display: none; }
p     { margin: 0 0 1.5em; color:#000;}
#home p     {color:#fff;}



ul      { margin:0 1.5em 1.5em 0em; }
ol		{ list-style-position:outside;font-family:"Avant Garde" , sans-serif ;font-size:1.3em;font-weight:bold;color:#DA2828;}
ol a		{font-size:0.9em;}
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #740505; text-decoration: none; }
a           { color: #740505; text-decoration: underline; cursor: pointer; }

a.read-more {background:url(img/icons/puces.gif) 0 5px no-repeat;padding-left:15px;color:#6B6863;display:block;text-decoration: none;}
#main a.read-more {color:#00448F;display:block;text-decoration: none;font-weight:bold;}
a.read-more:hover {text-decoration: underline;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold;color:#990000; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font-size: 1em;font-family:'lucida console', monospace; line-height: 1.5em; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5em; }
hr {border:0;}

/* =Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
table.tabloinfo {margin:10px;}
table.tabloinfo td {padding:10px;}
table.tabloinfotrain, table.tabloinfoavion {margin:10px 0;}
table.tabloinfotrain td, table.tabloinfoavion td{padding:10px;}
/*th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }*/
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/*  =Form
-------------------------------------------------------------- */
label { font-weight: normal; display: inline; }
.inline label, label.inline { font-weight: normal; display: inline; float: none; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input {display:inline;margin:0.5em 0.5em 0.5em 0; padding: 2px; border:1px solid #bbb; background:#fff; }
input.hidden {display:none;}
p.submit input{cursor:pointer;}

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.error ul { margin: 0; }
.date {color:#00448F;font-size:1.3em;font-weight:bold;}

.btn{color:#fff;font-weight:normal;padding:2px 5px 2px 15px;background:#00448F url(img/icons/puces-small.gif) 5px 10px no-repeat;margin:0 5px;}
a.btn {color:#fff;}
a.btn:hover {color:#fff;}


img {margin:0 10px;}

/*  =Wrapper
--------------------------------------------------------------------------------------------------------- */
#wrapper {width:960px;margin:0 auto;position:relative;background:transparent;}


/*  =Header
--------------------------------------------------------------------------------------------------------- */
#header {width:960px;height:145px;margin:0 auto;background:url(img/header.jpg) 0 0 no-repeat;}
#header h1{position:absolute;width:142px;height:110px;top:0;left:50%;margin-left:-360px;font-size:0.8em;}
#header h1 a{display:block;text-indent:-5000px;width:100%;height:100%;}
/*home*/
#home #header {background:none;position:absolute;top:190px;left:635px;width:268px;height:101px;z-index:2000;}

p.video-link {background:url(img/video-icon.jpg) 0 0 no-repeat;padding-left:16px;}
p.video-link a {text-decoration:underline;}
p.video-link a:hover{color:#000;}


/* =main-nav
--------------------------------------------------------------------------------------------------------- */
#main-nav {position:absolute;top:115px;left:50%;margin-left:-375px;width:800px;height:24px;}
#main-nav .inside {height:24px;}
#main-nav ul{margin-bottom:0;}
#main-nav li{float:left;height:24px;padding:0;position:relative;z-index:999;}
#main-nav li span{color:#6E0000;padding:0 5px;}
#main-nav a{color:#6E0000;font-weight:bold;line-height:24px;}
#main-nav li ul{display:none;position:absolute;z-index:200;background:none;width:auto;left:0;top:24px;}
#main-nav li ul li{display:block;height:20px;float:none;border:1px solid #000;background:#FEB100;padding:1px 4px;margin:0;width:230px;}
#main-nav li ul li a{line-height:20px;text-decoration:none;white-space:nowrap;margin:0;}
#main-nav li:hover ul, #main-nav li.hover ul{display:block;}
#main-nav li ul li:hover, #main-nav li ul li.hover{background:#FFD322;}
#main-nav li#palais a{color:#000;}
#main-nav li#lang-en a{display:block;position:relative;width:27px;height:19px;text-indent:-5000px;background:url(img/lang-en.jpg) 0 0 no-repeat;margin:0 10px;top:6px;}
#main-nav li#lang-fr a{display:block;position:relative;width:27px;height:19px;text-indent:-5000px;background:url(img/lang-fr.jpg) 0 0 no-repeat;margin:0 10px;top:6px;}
#main-nav li#parc a{color:#000;}
.gb #main-nav {margin-left:-435px;width:860px;}
/*home*/
#home #main-nav {position:relative;width:960px;margin-left:0;z-index:999;top:0;left:0;background:transparent url(img/fond-menu-gauche.jpg) 0 0 no-repeat;}
#home #main-nav .inside {margin:-1px 0 0 153px;background:transparent url(img/fond-menu-ul.jpg) 0 100% repeat-x;}
#home #main-nav ul{margin:0;width:657px;float:left;height:24px;background:transparent url(img/fond-menu-droite.jpg) 100% 100% no-repeat;padding-right:153px;}
#home #main-nav li#palais {padding-left:17px;width:140px;background:transparent url(img/fond-menu-palais-congres.jpg) 0 0 no-repeat;}
#home #main-nav .hr {position:absolute;width:960px;display:block;height:25px;background:transparent url(img/degrade-haut.png) 0 0 no-repeat;border:0;margin:0;clear:both;}
#home #main-nav li ul{background:none;width:1px;}
#home #main-nav li#lang-en a{top:2px;background:url(img/lang-en-home.jpg) 0 0 no-repeat;}
#home #main-nav li#lang-fr a{top:2px;background:url(img/lang-fr-home.jpg) 0 0 no-repeat;}
#home.gb #main-nav {background:transparent url(img/gb/fond-menu-gauche.jpg) 0 0 no-repeat;}
#home.gb #main-nav .inside {margin:-1px 0 0 110px;}
#home.gb #main-nav ul{width:760px;background:transparent url(img/gb/fond-menu-droite.jpg) 100% 100% no-repeat;padding-right:100px;}
#home.gb #main-nav li ul{background:none;width:1px;}
#home.gb #main-nav li#palais {padding-left:14px;}
#home.gb #main-nav li ul li{width:200px;}

/* =sec-nav
--------------------------------------------------------------------------------------------------------- */
#sec-nav {position:absolute;top:0;left:50%;margin-left:50px;z-index:1000;}
#sec-nav ul{margin-left:15px;padding-top:23px;background:url(img/anim-menu.gif) 0 0 no-repeat;padding-left:22px;}
#sec-nav li{margin-bottom:5px;width:100px;position:relative;}
#sec-nav a{color:#F9C45A;font-weight:bold;font-size:11px;text-decoration:none;}
#sec-nav a span{color:#fff;font-size:12px;}
#sec-nav li ul{display:none;padding:0;margin-left:5px;position:absolute;left:0;}
#sec-nav li#mission ul{margin-left:85px;}
#sec-nav li#reunir ul{margin-left:85px;}
#sec-nav li#detendre ul{margin-left:90px;}
#sec-nav li ul li{white-space:nowrap;width:180px;display:block;height:20px;float:none;border:1px solid #000;background:#FEB100;padding:1px 4px;margin:0;}
#sec-nav li ul li a{line-height:20px;font-size:1em;text-decoration:none;white-space:nowrap;margin:0;color:#000;}
#sec-nav li:hover ul, #sec-nav li.hover ul{display:block;position:absolute;z-index:200;background:none;left:0;top:0;}
#sec-nav li ul li:hover, #sec-nav li ul li.hover{background:#FFD322;}
/*home */
#home #sec-nav {float:right;position:relative;z-index:10;margin-left:0;top:0;left:0;width:532px;height:396px;background:transparent url(img/fond-sec-nav.jpg) 0 -1px no-repeat;}
#home #sec-nav ul{padding-top:50px;background:url(img/anim-menu-home.gif) 0 0 no-repeat;}
#home #sec-nav li ul{padding:0;position:absolute;left:0;}
#home #sec-nav .hr{position:absolute;bottom:-40px;right:10px;background:url(img/fond-sec-nav.png) 0 0 no-repeat;width:162px;height:117px;display:block;border:0;}
#home.gb #sec-nav .hr{background:url(img/gb/fond-sec-nav.png) 0 0 no-repeat;}


/* =evenements ------------------------------------------------------------------------------------------------------------*/
#evenements {float:left;position:relative;left:70px;overflow:visible;width:357px;height:396px;border-left:1px solid #D16033;background:#A91111 url(img/fond-actus.jpg) 100% 100% no-repeat;}
#evenements h2{display:block;text-indent:-5000px;width:32px;height:308px;background:url(img/fond-h2-actus.png) 0 0 no-repeat;position:absolute;left:-42px;top:40px;}
#evenements h3 {margin:15px 0 10px 0;}
#evenements h3 a{color:#fff;line-height:1.2em;}
#evenements .content {position:relative;top:10px;height:296px;overflow:auto;margin:0 15px 10px 10px;font-size:0.8em;}
#evenements .entry {border-bottom:1px solid #E0710A;clear:both;margin-right:10px;}
#evenements .entry  p strong{ color:#fff;}
#evenements .content p {margin-bottom:10px;line-height:1.2em;}
#evenements .content p a{color:#FEB11D;}
#evenements .content p a.read{ display:block;padding:0 0 10px 180px; }
#evenements p.abonnement {position:relative;background:transparent url(img/kinemax.gif) 0 0 no-repeat;height:80px;width:100%;margin:-10px 0 0 0;left:-25px;}
#evenements p.abonnement a {position:absolute;display:block;text-indent:-5000px;width:125px;height:40px;background:url(img/bt-abonnement.gif) 0 0 no-repeat;left:143px;top:25px;}
#evenements p.abonnement a:hover {background-position:0 -40px;}
#evenements .sep{z-index:999;position:relative;top:-19px;height:20px;background:transparent url(img/degrade-bas-evenements.png) 0 0 no-repeat;width:89%;}



/* =actus ------------------------------------------------------------------------------------------------------------*/
#actus {position:absolute;padding:20px;left:420px;top:440px;width:506px;height:111px;}
#actus h2{display:block;margin-bottom:5px;background:url(img/actualites-h2.jpg) 0 0 no-repeat;text-indent:-5000px;width:69px;height:14px;margin-top:-8px;margin-left:7px;}
#actus h3{margin-bottom:0;margin-top:5px;font-size:1em;color:#FE9B00;}
#actus a{color:#FE9B00;}
#actus .content{overflow:auto;height:65px;width:510px;font-size:0.9em;}
.gb #actus_gb {float:left;position:relative;left:70px;overflow:visible;width:357px;height:396px;border-left:1px solid #D16033;background:#A91111 url(img/gb/fond-actus.jpg) 100% 100% no-repeat;}
.gb #actus_gb h2{position:absolute;display:block;margin-top:20px;width:100%;text-indent:0;border-bottom:1px solid #fff;margin-left:10px;}
.gb #actus_gb h3 {margin:15px 0 10px 0;color:#FE9B00;}
.gb #actus_gb a{color:#FE9B00;}
.gb #actus_gb .content {position:relative;top:40px;height:131px;overflow:auto;margin:0 15px 10px 10px;font-size:0.8em;}
.gb #actus_gb .entry {border-bottom:1px solid #E0710A;clear:both;margin-right:10px;}
.gb #actus_gb .content p {margin-bottom:10px;line-height:1.3em;}
.gb #actus_gb .content p a{color:#FEB11D;}
.gb #actus_gb p.abonnement {position:relative;background:transparent url(img/kinemax.gif) 0 0 no-repeat;height:80px;width:100%;margin:-10px 0 0 0;left:-25px;}
.gb #actus_gb p.abonnement a {position:absolute;display:block;text-indent:-5000px;width:125px;height:40px;background:url(img/bt-abonnement.gif) 0 0 no-repeat;left:143px;top:25px;}
.gb #actus_gb p.abonnement a:hover {background-position:0 -40px;}
.gb #actus_gb .sep{z-index:999;position:relative;top:12px;height:20px;background:transparent url(img/degrade-bas-evenements.png) 0 0 no-repeat;width:89%;}




/* =pub
--------------------------------------------------------------------------------------------------------- */
#pub {position:absolute;left:75px;top:440px;height:112px;width:321px;}
#pub h2 {position:absolute;text-indent:-5000px;width:159px;height:21px;background:transparent url(img/en-ce-moment-h2.jpg) 0 0 no-repeat;left:30px;top:8px;}
#pub img {position:relative;border:2px solid #710900 ;clear:both;left:40px;top:30px;}

.gb #pub {margin-top:-229px;left:70px;height:210px;background:transparent url(img/kinemax.gif) 0 100% no-repeat;margin-left:-20px;padding-left:20px;}
.gb #pub h2{left:65px;top:7px;width:195px;height:32px;background:transparent url(img/gb/en-ce-moment-h2.jpg) 0 0 no-repeat;}

/* =footer
-------------------------------------------------------------- */
td.footer {background:url(img/fond-footer-pages.jpg) 0 0 repeat-x;text-align:center;vertical-align:middle;}
#footer {height:50px;width:960px;padding:10px;background:transparent url(img/footer.jpg) 0 0 no-repeat;margin:0 auto;}
#footer li{display:inline;}
/*home*/
#home #footer {clear:both;height:265px;float:left;width:895px;margin-top:16px;padding-top:80px;padding-left:75px;background:transparent url(img/footer-home.jpg) 0 0 no-repeat;}
#home.gb #footer {background:transparent url(img/gb/footer-home.jpg) 0 0 no-repeat;padding-top:0;}

p.afaq {float:left;padding-top:60px;margin:0 10px 10px 0;}
p#adresse {font-size:0.9em;color:#fff;}
#adresse a {color:#fff;text-decoration:underline;}
#adresse a.mail {color:#000;text-decoration:none;font-weight:bold;}
#adresse a.signature {font-weight:bold;padding-left:80px;}
#adresse h2{color:#000;font-size:1.2em;margin-bottom:0;}
#adresse h2{color:#000;}
/*home*/
#home #adresse {padding-top:60px;}
#home #adresse p {font-size:0.9em;margin:0;}
#home.gb #adresse {padding-top:35px;}
#home.gb #adresse h2{margin-top:-5px;}
#home.gb p.afaq {padding-top:35px;}

img.visuel {margin:0 10px 10px;}


#nav-footer {float:right;position:relative;margin-top:-5em;}
#nav-footer a {color:#000;font-weight:bold;}
#nav-footer .ss3i a {color:#740505;font-weight:normal;}
#nav-footer li span{padding:0 5px;}
.gb #nav-footer {margin-top:-6em;z-index:99;}