/* Global */

body { font:15px/18px minion-pro,Georgia,Times,serif;}
.wrapper { margin:0 auto; width:960px; background:url(../navigation/back-page.gif) repeat-y; position:relative;}

p,#main ul,#main ol,form { margin:16px 0;}
strong { color:#000;}
a { color:#007865;}
  a:hover { text-decoration:none;}

.rouge { color:#f00;}
.vert { color:#007865;}
.confirmation { background-color:#eff7f5; padding:16px; border:1px solid #007865; color:#007865;}

label { display:block; color:#666; margin:8px 0 4px 0;}
  label.error { color:#f00; margin-top:4px; font-style:italic;}
input.error,textarea.error { border-color:#f00;}
fieldset { float:left; width:320px; padding-bottom:32px;}
  fieldset.last { width:448px;}
  fieldset input,fieldset textarea,input.digits { border:1px solid #ccc; padding:3px; border-radius:4px;}
  fieldset input { width:256px;}
  fieldset textarea { width:440px;}

img.right,img.left { float:right; margin:3px -16px 0 24px; padding-bottom:16px;}
img.left { float:left; margin-left:0; margin-right:24px;}
img.faded { opacity:0.4;}

td,th { border-top:1px solid #e5e5e5; background-color:#fff; padding:5px 8px 5px 0; vertical-align:middle;}
th { color:#007865; text-align:left; font-weight:bold; padding-top:16px;}
td.right,th.right { text-align:right;}
td.digits { width:10px;}

.clearfix { clear:both;}

.wf-loading #navigation,.wf-loading #main,.wf-loading #footer { display:none;}

/* Header */

#header { background-color:#007865; background-repeat:no-repeat; background-position:center top;}
#header .wrapper { background-image:none; padding-top:159px; height:61px;}

#header h1 a { display:block; position:absolute; width:405px; height:94px; left:0; top:32px; background-image:url(../navigation/gclg.png); text-indent:-9999px;}

#header aside { position:absolute; right:0; top:60px;}
#header aside a { float:left; margin-left:25px;}

#navigation { overflow:hidden;}
#navigation ul { float:left; width:144px; padding-left:16px;}
#navigation a { color:#fff; font:16px/22px ff-meta-web-pro,Verdana,Arial,Helvetica,sans-serif; text-decoration:none; text-transform:uppercase; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
  #navigation a:hover,#bpre a#apre,#binf a#ainf,#bpro a#apro,#barc a#aarc,#bact a#aact,#bpho a#apho,#bprev a#aprev,#bdvd a#advd,#brev a#arev,#bpar a#apar,#bcon a#acon,#bmai a#amai { color:#f90;}

/* Main */

#main { overflow:hidden;}
#content { float:left; width:768px; padding:0 16px 16px 16px;}
  #front #content { padding-left:0; padding-right:0; width:960px;}
  
#breadcrumbs { font-size:12px; margin-top:12px; color:#666; font-family:ff-meta-web-pro,Verdana,Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
  #breadcrumbs a { text-transform:uppercase;}
  #breadcrumbs a:hover { color:#f90;}

#main h1,#aside h2 { color:#007865; font:16px/20px ff-meta-web-pro,Verdana,Arial,Helvetica,sans-serif; margin:4px 0 18px 0; text-transform:uppercase; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
  #front #main h1,#aside h2 { margin-top:34px;}
h2 { color:#f90; font-weight:normal; font-size:18px; line-height:20px; margin:24px 0 18px 0;}
  h2 time { color:#666; font-size:14px;}
h3 { color:#666; font:15px/20px ff-meta-web-pro,Verdana,Arial,Helvetica,sans-serif; margin:32px 0 18px 0; text-transform:uppercase; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}

#main ul { list-style-type:none; margin-bottom:24px;}
  #main ul li { margin-bottom:4px; background:url(../navigation/bullet.gif) 0 6px no-repeat; padding-left:22px;}

a.reserver { background:url(../navigation/tickets.gif) 0 6px no-repeat; padding-left:22px;}
  
/* Pages specific */

.photos { overflow:hidden; margin:16px -16px;}
.photos img { float:left;}

.fonction { color:#000;}

#saisonsarchives { margin-bottom:16px;}
#bpro #main h1.title { margin-bottom:28px;}
.conf { position:relative; overflow:hidden; margin:16px -16px;}
.conf a { color:#000; display:block; text-decoration:none;}
.conf img { float:left; margin:-16px 0 0 -16px;}
.conf img.color { display:none; position:absolute; top:0; left:0;}
.conf .conf-inner { float:left; width:624px; padding:16px; background-color:#e6e6e6; min-height:112px;}
  .conf a:hover .conf-inner { background-color:#f90;}
  #main .conf a:hover h1 { color:#fff;}
.conf time { display:block; margin-top:8px; color:#666;}
#main .conf h1 { margin:4px 0 3px 0; font-size:29px; line-height:29px; color:#f90; text-transform:none;}
.conf h2 { margin:7px 0 0 0; font-size:19px; color:#007865; font-style:italic;}

.bconf #content { padding-top:0px;}
.bconf img.right { margin-top:16px;}
#barc.bconf #main h1.title,#bpro.bconf #main h1.title { margin-bottom:7px; margin-top:16px; font-size:23px;}
#barc.bconf #main #content h2,#bpro.bconf #main #content h2 { margin-top:16px; font-size:23px; line-height:24px;}

#bpar #content img { margin-right:20px;}

#brev #content article { clear:right;}
#brev #content article h2 { margin-bottom:4px;}
#brev #content article aside { color:#666; font-style:italic; font-size:14px;}
#brev #content article footer { margin:8px 0 16px 0;}

#bmai fieldset { padding-bottom:16px;}

/* Aside */

#aside { float:left; width:144px; padding-left:16px;}
#aside section { margin-bottom:32px;}

/* Front */

#front-left,#front-right { float:left; width:480px;}

#main #front-conferences h1 { margin-bottom:22px;}

#front-conferences { overflow:hidden;}
#main #front-conferences h1,#main #front-video h1 { margin-left:16px;}
#front-conferences a { float:left; position:relative;}
  #front-conferences img { display:block;}
  #front-conferences img.color { display:none; position:absolute; top:0; left:0;}
  #front-conferences article header { display:none; position:absolute; left:160px; background-color:#e6e6e6; padding:25px 16px 0 16px; width:288px; min-height:135px; z-index:999;}
    #front-conferences article.col3 header { left:0;}
    #main #front-conferences article header time { color:#666;}
    #main #front-conferences article header h1 { margin:3px 0 2px 0; font-size:29px; line-height:29px; color:#f90; text-transform:none;}
    #main #front-conferences article header h2 { margin:6px 0 24px 0; font-size:17px; color:#007865; font-style:italic;}

#front-actu { float:left; width:288px; padding:0 16px 16px 16px;}
  #main #front-actu h2 { margin-top:18px;}

#front-video { clear:left; float:left; width:464px; margin-right:16px;}
#front-photos { clear:left; width:464px; padding-left:16px;}
  #front-photos .photos { margin-right:0;}

/* Footer */

#footer { border-top:1px solid #e5e5e5; overflow:hidden; padding:22px 0;}
#footer .wrapper { padding-left:16px; width:944px;}
#footer img { float:left; margin-right:30px;}
#footer aside { float:right; font-size:13px; color:#999; padding-top:14px;}