/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background-color: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; background-color: inherit; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3, h2.h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; background-color: inherit; }
a           { color: #009; background-color: inherit; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; background-color: inherit; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

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

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background-color: #c3d9ff; color: inherit; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background-color: #e5ecf9; color: inherit; }
tfoot       { font-style: italic; }
caption     { background-color: #eee; color: inherit; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { position: absolute; left: -9999px; }

.quiet      { color: #666; background-color: inherit; }
.loud       { color: #000; background-color: inherit; }
.highlight  { background-color:#ff0; color: inherit; }
.added      { background-color:#060; color: #fff; }
.removed    { background-color:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid #grid {
    position:absolute;
    top:0;
    left:50%;
    z-index:1000;
    height:2000px;
    width:950px;
    margin-left:-475px;
    background-image: url(../img/bg/grid.png);
    opacity:0.85;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24 {width:950px; margin-right:0;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 18px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background-color: #E5ECF9;
  color: inherit;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #EEE;
  color: #EEE;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #ffe;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

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


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  color:inherit;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

/*
.error      { background-color: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
*/
.notice     { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; background-color: inherit; }
.notice a   { color: #514721; background-color: inherit; }
.success a  { color: #264409; background-color: inherit; }

/* --------------------------------------------------------------

   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.

   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Indentation instead of line shifts for sibling paragraphs. */
/*
   p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; } *//* Don't want this in forms. */

/* For great looking type, use this code instead of asdf:
   <span class="alt">asdf</span>
   Best used on prepositions and ampersands. */

.alt {
  color: #666;
  background-color: inherit;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark).
   (You may have to change this value depending on your font size). */

.dquo { margin-left: -.5em; }


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to
   follow the 1.5x vertical rhythm -- the line-height is too much.

   Using this class, it reduces your font size and line-height so that for
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
  font-size: 10px;
  line-height: 1.44em;
  margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */

.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
/*
------------------------------------------------------------------------------*/
#page_todo table
{
    width:100%;
}
#page_todo table td:last-child,
#page_todo table th:last-child
{
    width:5em;
}
/* font-face
------------------------------------------------------------------------------*/
/*@font-face {
font-family: 'MEgalopolisExtraRegular';
src: url('../font/megalopolisextra-webfont.eot');
src: local('MEgalopolis Extra'), local('MEgalopolisExtra'), url('../font/megalopolisextra-webfont.woff') format('woff'), url('../font/megalopolisextra-webfont.ttf') format('truetype'), url('../font/megalopolisextra-webfont.svg#webfont14NV2T6w') format('svg');
font-weight: normal;
font-style: normal;
}*/
/*
@font-face {
font-family: 'HelveticaNeueLTPro57CnBold';
src: url('../font/helveticaneueltpro-bdcn-webfont.eot');
src: local('HelveticaNeueLT Pro 57 Cn'), local('HelveticaNeueLTPro-BdCn'), url('../font/helveticaneueltpro-bdcn-webfont.woff') format('woff'), url('../font/helveticaneueltpro-bdcn-webfont.ttf') format('truetype'), url('../font/helveticaneueltpro-bdcn-webfont.svg#webfontL2v5Hlf6') format('svg');
font-weight: normal;
font-style: normal;
}
*/
@font-face {
    font-family: 'FontinSansBold';
    src: url('../font/fontin_sans_b_45b-webfont.eot');
    src: url('../font/fontin_sans_b_45b-webfont.eot?#iefix') format('eot'),
         url('../font/fontin_sans_b_45b-webfont.woff') format('woff'),
         url('../font/fontin_sans_b_45b-webfont.ttf') format('truetype'),
         url('../font/fontin_sans_b_45b-webfont.svg#webfontFtUFFBN3') format('svg');
    font-weight: normal;
    font-style: normal;
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
}
/* balises
------------------------------------------------------------------------------*/
body
{
    min-width:950px;
}
.print
{
    display:none!important;
}
abbr,
acronym
{
    border:none;
}
abbr[title],
acronym[title],
.ie6 abbr,
.ie6 acronym
{
    border-bottom:1px dotted;
}
br.hide,
hr.hide
{
    display:none;
}
a:hover,
a:active
{
    outline:none;
}
a.roll
{
    text-decoration:none;
}
a.roll:hover,
a.roll:focus
{
    text-decoration:underline;
}
html
{
    background-image:url(../img/bg/texture_noire_opt.jpg);
    background-color:#4A4538;
    color:#FFF;
}
.alt
{
    font-family:"Arial Black",sans-serif;
    font-size-adjust:0.55;   
}
.alt
{
    font-style:normal;
    font-family:"FontinSansBold","Arial Black",sans-serif;
    color:#585242;
    background-color:inherit;
    position:relative;
    top:1px;
    margin-top:-1px;
    border-bottom:1px solid #EEE;
    /* voir aussi dans ie.css */
}
a:hover,
a:focus
{
    text-decoration:none;
}
.box
{
    background-color:#EDF5F9;
    color:inherit;
}
.box .last
{
    margin-bottom:0;
}
/* header
------------------------------------------------------------------------------*/
#header
{
    background-image:url(../img/bg/texture_bleu_opt.jpg);
    background-color:#3B9AC3;
    color:#FFF;
    font-family:"Helvetica",sans-serif;
    border-bottom:1px solid #DDD;
    position:relative;
    z-index:100;
    top:1px;
    margin-top:-1px;
}
#header .vevent abbr
{
    border:none;
}
#header a
{
    color:#FFF;
    background-color:inherit;
}
#header h1.alt,
#header h2.alt
{
    color:#DC0269;
    background-color:inherit;
    font-size:2.5em;
    margin:1.5em 0 0;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
    top:0;
    border-bottom:none;
}
#header h1.alt
{
    margin:0.75em 0 0;
}
#page_boutique #header h1 img
{
    margin:-2px 0 -10px;
}
#header .container
{
    position:relative;
}
#header form
{
    position:absolute;
    bottom:0;
    right:0;
    margin:0.75em 0;
    height:3em;
}
#header form input.text
{
    width:184px;
    padding:2px;
    background-color:#FFF;
    color:#444;
    border:1px inset #47ACCE;
}
input.text:focus,
select:focus,
textarea:focus
{
    background-color:#FFFFD3!important;
}
input.submit,
button.submit
{
    background-color:#207496;
    color:#FFF;
    border:1px solid #207496;
    padding:2px;
    line-height:1.5;
    margin-left:6px;

    border-radius:        6px;
    -moz-border-radius:   6px;
    -webkit-border-radius:6px;
}
.ie6 input.submit,
.ie6 button.submit
{
    width:1%;
    overflow:visible;
    line-height:1;
}
.ie7 input.submit,
.ie7 button.submit
{
    overflow:visible;
}
.inline input.submit,
.inline button.submit
{
    margin-left:0;
}
button.disabled
{
    border-color:#B8D2DC;
    background-color:#B8D2DC;
    color:#FFF;
}
input.error,
select.error,
textarea.error,
input.missing
{
    border-color:#C00!important;
}
input.submit:active,
button.submit:active
{
    position:relative;
    top:1px;
}
/* page_accueil
------------------------------------------------------------------------------*/
#page_accueil #article {
  overflow: hidden;
}
#page_accueil #section .container,
#page_erreur #section .container
{
    background-image:url(../img/bg/tour.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
    position:relative;
    height:19.5em;
}
#section .container
{
    background-image:url(../img/bg/vague.png);
    background-repeat:no-repeat;
    background-position:100% -12px;
}
#page_accueil #section .container,
#page_erreur #section .container
{
    background-image:url(../img/bg/tour.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
    position:relative;
}
#page_accueil #tour,
#page_erreur #tour
{
    background-image:url(../img/bg/tour.png);
    background-position:-752px -62px;
    background-repeat:no-repeat;
    height:30px;
    position:absolute;
    right:178px;
    width:25px;
    bottom:234px;
}
#page_accueil .ie6 #header #section .container,
#page_accueil .ie6 #tour,
#page_erreur .ie6 #header #section .container,
#page_erreur .ie6 #tour
{
    background-image:url(../img/bg/tour_8.png);
}
#page_accueil #ballon,
#page_erreur #ballon
{
display: none;
}
#page_accueil #section ul,
#page_erreur #section ul
{
    margin-bottom:3em;
}
ins
{
    text-decoration:none;
}
/* accessiblity and top
------------------------------------------------------------------------------*/
#accessiblity
{
    float:right;
}
#accessiblity p
{
    padding-left:0;
    margin:1.5em 0;
}
#accessiblity span:after
{
    content:" ";
}
#accessiblity span:last-child:after
{
    content:"";
}
#top ul
{
    margin:0;
}
#top li
{
    background-image:none!important;
    position:fixed;
    top:50%;
    left:50%;
    z-index:50;
    margin-left:160px;
    text-align:center;
}
#top a
{
    float:left;
    display:block;
    width:24px;
    height:24px;
    background-color:#FFF!important;
    color:#585242;
}
.js #top a
{
    display:none;
}
#top img
{
    display:block;
}
.ie6 #top li
{
    margin-right:-35px;
}
.ie6 #top a
{
    float:right;
}
/* button
------------------------------------------------------------------------------*/
.button
{
    font-size:1.5em;
    padding:0.25em 0.5em;
    display:inline-block!important;
}
#page_erreur .button
{
    margin:0.475em 0;
}
.button
{
    font-family:"arial black",sans-serif;
    font-size-adjust:0.55;
}
.button
{
    font-family:"FontinSansBold",sans-serif;
    text-decoration:none;
    text-align:center;
    background-color:#EE0272!important;
    color:#FFF!important;
   
    box-shadow:        0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #F677B3 inset,0 -10px 19px -2px #DC0269 inset;
    -webkit-box-shadow:0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #F677B3 inset,0 -10px 19px -2px #DC0269 inset;
    -moz-box-shadow:   0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #F677B3 inset,0 -10px 19px -2px #DC0269 inset;
   
    border-radius:        10px;
    -moz-border-radius:   10px;
    -webkit-border-radius:10px;
       
    text-shadow:rgba(0, 0, 0, .5) 1px 0 0;
}
.sa .button
{
    -webkit-box-shadow:none;
    background-image:-webkit-gradient(linear,0% 0%,0% 50%,from(rgba(255, 255, 255, .3)),to(rgba(255, 255, 255, 0)),color-stop(.2,rgba(255, 255, 255, .4)));
    border:1px solid #EE0272;
    margin-top:-2px;
    position:relative;
    top:2px;
}
.button:hover,
.button:focus
{
    background-color:#FF027A!important;
}
.button:active
{
    position:relative;
    top:1px;
   
    box-shadow:        0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #DC0269 inset,0 -10px 19px -2px #F677B3 inset;
    -moz-box-shadow:   0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #DC0269 inset,0 -10px 19px -2px #F677B3 inset;
    -webkit-box-shadow:0 0 0 1px #EE0272 inset,0 0 1px 1px #FFF inset,0 0 1px 1px #FFF inset,0 8px 12px 0 #DC0269 inset,0 -10px 19px -2px #F677B3 inset;
}
.button:active span
{
    text-decoration:none!important;
}
.win.ch .button
{
    -webkit-box-shadow:none;
}
#page_inscription .button
{
    font-family:"Helvetica",sans-serif;
    text-transform:none;
    font-weight:bold;   
}
.button.off
{
    background-color:#F3F3F3!important;
    color:#000!important;
    border-color:#DDD!important;
}
.button:focus
{
    outline-color:#DC0269;
}
.button:focus span
{
    text-decoration:underline;
}
.button:hover small span,
.button:focus small span
{
    text-decoration:none;
}
.button small
{
    font-size:0.65em;
    font-family:sans-serif;
    text-transform:none;
    display:block;
    font-weight:bold;
    font-size:0.7775em;
    line-height:1.2225;
}
.button span
{
    display:block;
}
.button span:first-letter
{
    text-transform:uppercase;
}
.button span span
{
    display:inline;
    text-transform:none;
}
/* section
------------------------------------------------------------------------------*/
#section
{
    position:relative;
    top:1px;
    margin-top:-1px;
    border-top:1px solid #FFF;
    background-color:#EAEAEA;
    color:#444;
    background-image:url(../img/bg/texture_grise_opt.jpg);
}
/*
#page_inscription #section h1.alt
{
    margin-bottom:1.2em;
}
*/
#section ul
{
    padding-left:0;
}
#section li
{
    list-style-type:none;
}
#section p
{
    font-size:1.167em;
    line-height:1.273;
    margin:0 0 1.35em;
}
/* light
------------------------------------------------------------------------------*/
#aside-article .light,
#aside-article .light .alt,
#aside-article .light a
{
    color:#767676;
    background-color:inherit;
}
.light dt,
.light dd
{
    background-color:#FAFAFA!important;
    color:inherit;
}
/* breadcrumb
------------------------------------------------------------------------------*/
#section #breadcrumb
{
    font-size:100%;
    line-height:1.5;
    margin-bottom:1.5em;
    color:#333;
    background-color:inherit;
}
#section #breadcrumb.large
{
    font-size:1.2em;
    line-height:2.5em;
    margin-bottom:1.25em;
}
#breadcrumb a
{
    color:#333;
    background-color:inherit;   
}
#breadcrumb span:after
{
    content:" >";
}
#page_repertoire #breadcrumb span:after
{
    content:"/";   
}
/* title
------------------------------------------------------------------------------*/
#title
{
    float:left;
}
#title abbr
{
    display:none;
}
#title h1,
#title p
{
    font-size:3em;
    text-transform:uppercase;
    color:#FFF;
    background-color:inherit;
    margin:0.5em 0 0;
    height:1em;
    letter-spacing:-1px;
    font-weight:bold;
    float:left;
}
#title img
{
    display:block;
}
#title p.baseline
{
    float:left;
    display:inline;
    text-transform:none;
    background-color:inherit;
    color:#FFF;
    font-size:1em;
    height:3em;
    font-weight:normal;
    letter-spacing:0;
    padding:1em 0 0;
}
#title p.baseline:first-letter
{
    text-transform:lowercase;
}
#title a
{
    display:block;
    height:1em;
}
/* nav
------------------------------------------------------------------------------*/
#nav
{
    clear:both;
    padding:0.75em 0;
}
#nav ul
{
    font-size-adjust:0.48;
    font-family: sans-serif;
}
#nav ul
{
    margin:0;
    position:relative;
    left:-10px;
    width:680px;
    padding-left:0;
    font-size:1.2em;
    text-transform:uppercase;
    /*font-family:"HelveticaNeueLTPro57CnBold",sans-serif;*/
    /* voir aussi dans ie.css */
}
#nav li
{
    float:left;
    list-style-type:none;
    margin-left:5px;
    margin-bottom:0;
    display:inline;
}
#nav strong,
#nav a
{
    display:block;
    letter-spacing:1px;
    color:#FFF;
    padding:0.35em;
    font-weight:bold;
   
    border-radius:        8px;
    -moz-border-radius:   8px;
    -webkit-border-radius:8px;
}
.op #nav strong,
.op #nav a
{
    padding-bottom:0.2em;
    margin-bottom:0.15em;
}
#nav strong a
{
    padding:0;
}
#nav strong
{   
    box-shadow:        0 0 5px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow:   0 0 5px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2) inset;
   
    background-color:#1F7099;
    color:inherit;
}
.win.ch #nav strong
{
    -webkit-box-shadow:none;
}
#nav a:active,
#title a:active
{
    position:relative;
    top:1px;
}
#nav img
{
    display:block;
}
/* aside-article
------------------------------------------------------------------------------*/
#aside-article
{
    padding:1.5em 0;
    color:#333;
    background-color:white;
}
#aside-article a
{
    color:#333;
    background-color:inherit;
}
#aside-article h3,
#aside-article h2.h3
{
    font-size:1em;
    font-weight:bold;
    line-height:1.5;
    margin-bottom:0;
}
#aside-article h3.alt,
#aside-article h2.h3
{
    font-weight:normal;
    font-size:1.5em;
    margin-bottom:0.5em;
}
#aside-article ul
{
    padding-left:0;
}
#aside-article ul ul
{
    padding-left:3.333em;
}
#aside-article li li
{
    background-image:url(../img/bg/puce_circle.png);
}
#aside-article li
{
    background-image:url(../img/bg/puce.png);
    background-repeat:no-repeat;
    background-position:0 0.6em;
    padding-left:10px;
    list-style-type:none;
/*    height:1%;*/
}
#aside-article li.download
{
    background-image:none;
}
#aside-article li.download a
{
    margin-left:-10px;
    display:block;
    background-image:url(../img/bg/download.png);
    background-position:0 0.2em;
    padding-left:20px;
    background-repeat:no-repeat;
}
#aside-article ul.block a
{
    display:block;
}
#aside-article .section:hover .alt,
#aside-article .section:target .alt
{
    border-color:#DDD;
}
.box
{
    background-color:#F5F5F5;
    color:inherit;
}
/* orateurs
------------------------------------------------------------------------------*/
#orateurs,
#actualites,
.actualite
{
    position:relative;
}
#orateurs .img img
{
border:1px solid #EEE;
margin-top:-2px;
position:relative;
top:2px;
}
#orateurs a:hover .img img,
#orateurs a:focus .img img
{
border-color:#DDD;
}
.actualite ul
{
    margin-top:-1.5em;
}
.actualite li
{
    background-image:none!important;
    padding:0!important;
}
#orateurs .link,
#actualites .link,
.actualite .link
{
    position:absolute;
    top:1em;
    left:auto;
    right:0;
    margin:0;
    text-align:right;
}
.actualite .link
{
    top:0.5em;
}
.actualite span
{
    text-transform:capitalize;
}
.ie6 #orateurs .link
{
    right:40px;
}
#orateurs ul
{
    left:0;
    margin:3em 0 1.5em;
}
#orateurs li,
#actualites .link li
{
    list-style-type:none;
    background-image:none;
    padding:0;
}
#orateurs li a,
#orateurs img
{
    display:block;
}
#orateurs .img
{
    height:6em;
}
#orateurs li span
{
    display:block;
}
/* place
------------------------------------------------------------------------------*/
#place
{
    margin-bottom:1.5em;   
}
.js #place
{
    height:12em;
}
#page_lieux.js #place,
#page_lieux_aperitif.js #place,
#page_lieux_ateliers.js #place,
#page_actualite_4.js #place,
#page_actualite_3.js #place,
#page_aperitif_communautaire.js #place
{
    height:24em;
}
#place iframe
{
    width:310px;
    height:12em;
}
#place p
{
    margin-bottom:0;
}
#page_lieux #place iframe,
#page_lieux_aperitif #place iframe,
#page_lieux_ateliers #place iframe,
#page_actualite_4 #place iframe,
#page_actualite_3 #place iframe,
#page_aperitif_communautaire #place iframe
{
    width:630px;
    height:24em;   
}
/* contact
------------------------------------------------------------------------------*/
#nous-suivre ul
{
    margin:0 0 1.5em;
    padding:0;
}
#nous-suivre label
{
    font-weight:normal;
    display:block;
}
#nous-suivre li
{
    background-image:none;
    padding:0;
    list-style-type:none;
}
#nous-suivre li a
{
    list-style-type:none;
    margin:0;
    padding:0 0 1.5em 40px;
    background-image:url(../img/bg/pictos.png);
    background-repeat:no-repeat;
}
#nous-suivre li a
{
    background-position:-495px 0;
}
#nous-suivre li.first a
{
    background-position:5px 0;
}
#nous-suivre li.last
{
    background-image:url(../img/bg/pictos.png);
    background-repeat:no-repeat;
    background-position:-995px 0;
    padding-left:40px;
}
#nous-suivre form p
{
    margin:0;
}
#nous-suivre form .ligne
{
    height:3em;
    display:block;
}
#nous-suivre form input.text
{
    width:135px;
    padding:0.25em;
    margin:0;
    margin:0;
    border-color:#DDD;
}
#nous-suivre form input.text:focus
{
    border-color:#BBB;
}
#nous-suivre form input.submit
{
    background-color:#DDD;
    color:#333;
    border:none;
    padding:0.25em 0.5em;
}
.ie6 #nous-suivre form input.submit,
.ie7 #nous-suivre form input.submit
{
    font-size:100%;   
}
#nous-suivre form input.submit:active
{
    position:relative;
    top:1px;
}
/* sponsors
------------------------------------------------------------------------------*/
.soutien
{
    padding:1.5em 1.5em;
}
.sponsor:hover
{
    border-color:#DDD;
}
.sponsor .img
{
    padding:0;
}
#nous-suivre img,
.sponsor img
{
    display:block;
    margin:0 auto;
}
.sponsor p
{
    margin:0;
}
.sponsor .img a
{
    padding:1.5em;
    display:table-cell;
    height:4.5em;
}
.ie6 .sponsor .img a,
.ie7 .sponsor .img a
{
    display:block;
}
.sponsor a
{
    display:block;
    text-decoration:none;
}
.sponsor a span
{
    text-decoration:underline;
}
.sponsor a:hover span,
.sponsor a:focus span
{
    text-decoration:none;
}
.alt a
{
  /*  display:block;*/
    text-decoration:none;
    color:#585242!important;
    background-color:inherit;
}
.alt a:hover,
.alt a:focus
{
    text-decoration:underline;
}
/* footer
------------------------------------------------------------------------------*/
#footer
{
    border-top:1px solid #000;
    margin-top:-1px;
    /* top:-1px; */
    /* padding:1.5em 0 3em; */
    padding:1.5em 0;
    background-image:url(../img/bg/texture_noire_opt.jpg);
    background-color:#4A4538;
    color:#FFF;
    position:relative;
    z-index:100;
}
#footer h2.alt
{
    color:#FFF;
    background-color:inherit;
    border:none;
    margin-top:0;
    top:0;
    font-size:1.5em;
    height:2em;
    margin-bottom:1em;
}
#footer ul a
{
    display:block;
}
#footer a
{
    color:#FFF;
    background-color:inherit;   
}
#footer ul strong
{
    font-weight:normal;
}
#footer li.last a
{
    display:inline;
}
#footer ul
{
    padding-left:0;
}
#footer li
{
    padding-left:40px;
    list-style-type:none;
    margin-bottom:1.5em;
    background-image:url(../img/bg/pictos_noir.png);
    background-repeat:no-repeat;
}
#footer li
{
    background-position:-500px 5px;
}
.ie #footer li
{
    height:1%;
}
#footer li.first
{
    background-position:0 5px;
}
#footer li.last
{
    background-position:-1000px 5px;
}
#footer .colborder
{
    border:none;
    padding-right:25px;
    background-image:url(../img/bg/bordure.png);
    background-repeat:repeat-y;
    background-position:100% 0;
}
#footer li li
{
    display:inline;
    background-image:none;
    padding-left:0;
}
#conf .video
{
height:475px;
}
#conf .colborder li
{
padding:0;
background-image:none;
}
/* inscription
------------------------------------------------------------------------------*/
#page_inscription #conferences ul,
#page_inscription #ateliers ul
{
    margin:0 0 4.5em;
}
#page_inscription #conferences li,
#page_inscription #ateliers li
{
    background-image:none;
    padding:0;
    text-align:center;
}
#page_inscription h2
{
    color:#333;
    background-color:inherit;
    font-size:1.2em;
    line-height:1.25;
    margin-bottom:1.25em;
}
#page_inscription dl
{
    text-align:center;
    font-size:1.5em;
    line-height:2;
}
#page_presse dl,
#page_contact dl
{
    margin-bottom:3em;
}
#page_inscription dt,
#page_presse dt,
#page_contact dt
{
    font-size:1.25em;
    line-height:1.625;
}
#page_presse dt,
#page_contact dt
{
    background-color:#FAFAFA;
    color:#585242;
    padding:0 40px;
    line-height:2;
    font-size:1.5em;
    margin-bottom:1em;
}
#page_inscription dd,
#page_presse dd,
#page_contact dd
{
    margin:0;
}
#page_presse dd
{
    padding:0 40px 1.5em;
}
#page_contact dd
{
    padding:0 40px 0;
}
#page_contact dd.last
{
    padding:0 40px 1.5em;   
}
#contact-presse a,
#contact-association a,
#courriel a
{
    display:block;
    text-decoration:none;
}
#contact-presse a:hover span,
#contact-presse a:focus span,
#contact-association a:hover span,
#contact-association a:focus span,
#courriel a:hover span,
#courriel a:focus span
{
    text-decoration:underline;
}
#contact-association
{
    margin-bottom:1em!important;
}
#telechargements dd
{
    padding:0 20px;
}
#telechargements a
{
    padding:0 20px 1.5em;
    text-decoration:none;
    display:block;
    background-image:url(../img/bg/download.png);
    background-repeat:no-repeat;
    background-position:0 0.2em;
}
#telechargements a span
{
    text-decoration:underline;
}
#telechargements a:hover span,
#telechargements a:focus span
{
    text-decoration:none;
}
#telechargements a span.light
{
    text-decoration:none;
}
#page_inscription .box,
#page_presse .box,
#page_contact .box
{
    background-color:#FFF;
    color:#333;
    border:1px solid #EEE;
    margin-top:-2px;
    position:relative;
    top:2px;
    padding:0;
}
#page_inscription .section:hover .box,
#page_inscription .section:focus .box,
#page_presse .section:hover .box,
#page_presse .section:focus .box,
#page_contact .section:hover .box,
#page_contact .section:focus .box
{
    border-color:#DDD;
}
#page_inscription dt strong
{
    font-weight:normal;
    display:block;
    font-family:"Helvetica",sans-serif;
    color:#3B9AC3;
    background-color:inherit;
}
#kit-presse .download a
{
    text-decoration:none;
}
#kit-presse .download a span
{
    text-decoration:underline;
}
#kit-presse .download a:hover span,
#kit-presse .download a:focus span
{
    text-decoration:none;
}
#kit-presse .download a span.light
{
    text-decoration:none;
}
/* association
------------------------------------------------------------------------------*/
#page_association blockquote
{
    background-color:#F6F6F6;
    color:inherit;
    margin:-1.5em 0 -2px;
    padding:1.5em 40px;
    font-style:normal;
    border:1px solid #EEE;
}
#page_association h3.alt
{
    padding-top:2em;
}
#page_association .section:hover blockquote
{
    border:1px solid #DDD;   
}
#page_association blockquote p
{
    font-family:"Helvetica",sans-serif;
    font-size:1.5em;
}
#page_association blockquote p.last
{
    margin-bottom:0;
}
#page_association blockquote strong
{
    font-weight:normal;
    color:#DC0269;
    background-color:inherit;
}
/*
#page_association #article li,
#page_association #article li ul
{
    margin-top:1.5em;
}
#page_association #article li li
{
    margin-top:0;
}
*/
#page_statuts #article dt
{
    border-bottom:1px solid #DDD;
    margin:-1px 0 0.5em;
    position:relative;
    top:1px;
    padding:0.5em 0;
}
#page_statuts #article dd
{
    margin-left:0;
}
/* menu
------------------------------------------------------------------------------*/
#menu
{
    top:-4.5em;
    position:relative;
    padding-bottom:4.5em;
    z-index:150;
   
    box-shadow:        0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:   0 0 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.25);
   
    border-top-left-radius:        16px;
    -moz-border-radius-topleft:    16px;
    -webkit-border-top-left-radius:16px;
   
    border-top-right-radius:        16px;
    -moz-border-radius-topright:    16px;
    -webkit-border-top-right-radius:16px;

    position:relative;
    background-image:url(../img/bg/vague_petite.png);
    background-repeat:no-repeat;
    background-position:100% 100%;
    margin-bottom:-3em;
    min-height:12.75em;
}
#menu h2:first-child
{
    border-top-right-radius:       16px;
    -moz-border-radius-topright:   16px;
    -webkit-border-top-left-radius:16px;

    border-top-left-radius:         16px;
    -moz-border-radius-topleft:     16px;
    -webkit-border-top-right-radius:16px;   
}
#menu h2
{
    background-color:#EDF5F9;
    color:#585242;
    padding:0.5em 0;
    margin:0.5em 0 0;
    font-size:1.5em;
    text-align:center;
    border:none;
    top:0;
}
#menu ul span.small
{
    color:#9A9A9A;
    background-color:inherit;
    line-height:1.5;
}
#menu ul span.small:after
{
    content:' //';
}
#menu h2 abbr
{
    border:none;
}
#menu ul
{
    margin:0;
    left:0;
    line-height:1.5;
}
#menu li
{
    padding:0;
    background-image:none;
}
#menu strong,
#menu a
{
    display:block;
    margin:-1px 30px 0;
    position:relative;
    top:1px;
    padding:0.5em 10px;
    border-bottom:1px solid #EEE;
    overflow:hidden;
}
#menu li:last-child a,
#menu li:last-child strong
{
    border-bottom:none;
    margin-top:0;
    top:0;
}
#menu strong
{
    font-weight:normal;
    color:#DC0269;
    background-color:inherit;
}
#menu .gradient
{
    background-repeat:repeat-x;
    background-position:0 100%;
   
    background-image:url(../img/bg/fondu.png);
    background-image:-moz-linear-gradient(0% 50% 90deg, rgba(256, 256, 256, 100), rgba(256, 256, 256, 0));
    background-image:-webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(256, 256, 256, 0)), to(rgba(256, 256, 256, 100)));

    width:10px;
    height:100%;
    position:absolute;
    bottom:-10px;
}
.ie #menu .gradient
{
    background-image:none;
}
#menu .left
{
    left:-10px;   
}
#menu .right
{
    right:-10px;   
}
#menu .bottom
{
    background-color:#FFF;
    height:10px;
    position:absolute;
    bottom:-10px;
    left:0;
}
.ie6 #menu .bottom
{
    display:none;
}
/* page membres
------------------------------------------------------------------------------*/
.speaker {
position:relative;
}
#page_programme .speaker {
margin-bottom:0;
}
#page_programme .speaker+.speaker
{
padding-top:1.5em;
border-top:1px solid #EEEEEE;
}
.speaker dd
{
    margin-left:0;
}
.speaker dt span
{
    display:block;
    margin-bottom:1.5em;
    color:#333;
    background-color:inherit;
}
.speaker .img
{
    height:13.5em;
    overflow:hidden;
    margin-bottom:0;
}
.speaker img
{
    border:1px solid #EEE;
}
.speaker:hover img
{
    border:1px solid #DDD;
}
.speaker dt strong
{
    color:#DC0269;
    background-color:inherit;
}
.speaker ul
{
    //float:right;
    //text-align:right;
    //margin:0;
    left:0;
}
.speaker li
{
    background-image:none!important;
}
.speaker em
{
    display:block;
    font-style:normal;
    position:absolute;
    top:-0.5em;
    right:0;
    padding:0.5em 0;
    float:right;
    text-transform:lowercase;
    color:#999;
    background-color:inherit;
    padding-left:30px;
    background-image:url(../img/bg/star.png);
    background-repeat:no-repeat;
    background-position:0 50%;
}
#aside-article .section:target h2,
#aside-article .section:target h3,
#aside-article .section:target dt
{
    color:#1F7099!important;
}
#aside-article a:visited
{
    color:#1F7099;
    background-color:inherit;
}
#ie-update
{
font-family:sans-serif;
font-size:1em;
border-bottom:1px solid #404040;
text-align:left;
}
#ie-update p
{
margin:0;
padding:0;
border-bottom:1px solid #808080;
color:#000;
display:block;
padding:0.1em 25px;
background: #ffffe1 url(../img/bg/ie.png) 0 0 no-repeat;
  cursor:default;
}
#ie-update a
{
  outline:none;
  text-decoration:none;
}
#page_presse a.prepend-2
{
    display:block;
    background-image:url(../img/bg/pictogrammes.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-bottom:1.5em;
    margin-bottom:0;
}
#kit-presse p,
#interview-fondateurs p
{
    margin-bottom:0;
}
#interview-fondateurs a.prepend-2
{
    background-position:-320px 0;   
}
#interview-fondateurs a
{
    text-decoration:none;
}
#interview-fondateurs a:hover span,
#interview-fondateurs a:focus span
{
    text-decoration:underline;
}
#interview-fondateurs a:hover span.light,
#interview-fondateurs a:focus span.light
{
    text-decoration:none;
}
cite
{
    font-style:normal;
    font-weight:bold;
}
#page_fondateurs blockquote
{
    font-style:normal;
    margin:-1.5em 40px 1.5em;
    color:#333;
    background-color:inherit;
}
.photo
{
    height:18em;
    padding:0.75em 9px;
    border:1px solid #EEE;
    text-align:right;
}
.photo small
{
    background-color:#FFF;
    color:#999;
    display:inline-block;
    padding:0 10px;
}
.photo small abbr
{
    border:none;
}
.photo small a
{
    color:#999!important;
}
.span-9 .photo
{
    height:20em;
}
.span-12 .photo
{
    height:24em;
}
.photo img
{
    display:block;
}
.photo:hover
{
    border-color:#DDD;
}
.services {
    margin-left: 0;
    padding-top: 5px;
}
.badge {
    color: white;
    font: normal bold 10px/1.4 Arial;
    text-transform: uppercase;
    background-color: #7f7968;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px 2px;
    float: left;
    margin: 0 5px 5px 0;
}
#page_conference .programme
{
    border-bottom:1px solid #EEE;
}

.programme tbody td ul
{
margin:0.75em 0 0;
height:0.75em;
}
.programme tbody td li
{
float:left;
background-image:none!important;
padding-left:0!important;
}
.programme tbody td li img,
.programme.archive li
{
display:block;
margin-right:10px;
}
.programme td,
.programme th
{
    vertical-align:top;
}
.programme td
{
    width:260px;
}
.programme th
{
    font-weight:normal;
}
.programme thead th.hour {
width: 14%;
}
.programme thead th,
#page_repertoire th a
{
    color:#DC0269!important;
    background-color:#FFF;
}
#page_inscription thead th
{
    color:#333!important;
}
.programme strong
{
    display:block;
}
.programme em
{
    text-transform:lowercase;
}
.search-results-container td,
.search-results-container th
{
    width:auto!important;
}
#page_inscription .programme em
{
    text-transform:none;
    color:#333;
    background-color:inherit;
    font-style:normal;
}
#page_inscription .programme th,
#page_inscription .programme td
{
    padding:0.28em 0.5em;
    width:auto;
}
#page_inscription .programme thead th
{
    font-weight:bold;
}
#page_inscription .programme tbody td
{
    color:#3B9AC3;
}
.programme tbody td,
.programme tbody th,
#page_repertoire tbody td
{
    border-top:1px solid #EEE;
}
/*
.programme tbody tr:hover td,
.programme tbody tr:hover th,
.programme tbody tr:hover + tr td,
.programme tbody tr:hover + tr th,
#page_repertoire tr:hover td,
#page_repertoire tr:hover + tr td
{
    border-color:#DDD;
}
.programme tbody tr:hover td,
.programme tbody tr:hover th,
#page_repertoire tr:hover td
{
    background-color:#FAFAFA;
    color:inherit;
}
*/
#page_programme .programme th,
#page_programme .programme td
{
    font-size:1.167em;
    line-height:1.273;
    padding:0.5em 0.5em 2em 0.5em;
}
.programme td[rowspan] {
    border-left:1px solid #EEE;
}
.programme.courant tbody td
{
    width:300px;
}
.programme th,
.programme td
{
    padding:0.5em;
}
.programme.courant th {
width:50px;
}
.programme.courant a,
#page_repertoire table a
{
    display:block;
    text-decoration:none;
}
.programme a:hover strong,
.programme a:focus strong,
#page_repertoire table a:focus,
#page_repertoire table a:hover
{
    text-decoration:underline;
}
#steps
{
    margin:0;
    padding:0;
}
#steps li
{
    float:left;
    background-image:none;
    padding-left:0;
}
/*
#steps li:last-child
{
    float:right;
}
*/
#steps li strong,
#steps li span,
#steps li a
{
    display:block;
    padding:0.25em 7px 0.25em 37px;
    background-color:inherit;
    color:#CCC;
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    margin-top:0.75em;
    margin-bottom:-1px;
    position:relative;
    background-image:url(../img/bg/steps.png);
    background-repeat:no-repeat;
    background-position:10px 10px;
}
.ie6 #steps li strong,
.ie6 #steps li span,
.ie6 #steps li a
{
    position:static;
}
#steps li strong
{
    background-color:#FAFAFA;
    color:#DC0269;
    border-top:1px solid #EEE;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;
    font-weight:normal;
    z-index:10;
   
    border-top-left-radius:        16px;
    -moz-border-radius-topleft:    16px;
    -webkit-border-top-left-radius:16px;
   
    border-top-right-radius:        16px;
    -moz-border-radius-topright:    16px;
    -webkit-border-top-right-radius:16px;
}
#steps li a,
#steps li span.a
{
    background-color:inherit;
    color:#666!important;
}
#steps .step-1 strong
{
    background-position:10px -90px;
}
#steps .step-2 strong
{
    background-position:-230px -90px;
}
#steps .step-3 strong
{
    background-position:-470px -90px;
}
#steps .step-4 strong
{
    background-position:-710px -90px;
}
#steps .step-5 strong
{
    background-position:-950px -90px;
}
#steps .step-6 strong
{
    background-position:-1190px -90px;
}
#steps .step-7 strong
{
    background-position:-1430px -90px;
}
#steps .step-1 span
{
    background-position:10px 10px;
}
#steps .step-2 span
{
    background-position:-230px 10px;
}
#steps .step-3 span
{
    background-position:-470px 10px;
}
#steps .step-4 span
{
    background-position:-710px 10px;
}
#steps .step-5 span
{
    background-position:-950px 10px;
}
#steps .step-6 span
{
    background-position:-1190px 10px;
}
#steps .step-7 span
{
    background-position:-1430px 10px;
}
#steps .step-1 a,
#steps .step-1 span.a
{
    background-position:10px -190px;
}
#steps .step-2 a,
#steps .step-2 span.a
{
    background-position:-230px -190px;
}
#steps .step-3 a,
#steps .step-3 span.a
{
    background-position:-470px -190px;
}
#steps .step-4 a,
#steps .step-4 span.a
{
    background-position:-710px -190px;
}
#steps .step-5 a,
#steps .step-5 span.a
{
    background-position:-950px -190px;
}
#steps .step-6 a,
#steps .step-6 span.a
{
    background-position:-1190px -187px;
}
#steps .step-7 a,
#steps .step-7 span.a
{
    background-position:-1430px -190px;
}
/*
#ok .step-7
{
    float:right;
}
*/
#page_inscription-1 #aside-article .box,
#page_inscription-2 #aside-article .box,
#page_inscription-2_ajouter #aside-article .box,
#page_inscription-3 #aside-article .box,
#page_inscription-4 #aside-article .box,
#page_inscription-4_hors-ligne #aside-article .box,
#page_inscription-5 #aside-article .box,
#page_inscription-5_hors-ligne #aside-article .box,
#page_inscription-6 #aside-article .box,
#page_inscription-7 #aside-article .box,
#page_inscription-7_hors-ligne #aside-article .box
{
    padding:1.5em 40px;
    background-color:#FAFAFA;
    color:inherit;
    border:1px solid #EEE;
    margin-top:-2px;
    position:relative;
    top:2px;
}
.sponsor
{
    background-color:#FFF!important;
    border:1px solid #EEE;
    margin-top:-2px;
    position:relative;
    top:2px;
    padding:0 15px!important;
}
input.checkbox
{
    top:0;
}
input.radio
{
    top:0.325em;
}
#page_inscription-1 #aside-article .section:hover .box,
#page_inscription-1 #aside-article .section:hover strong,
#page_inscription-2 #aside-article .section:hover .box,
#page_inscription-2 #aside-article .section:hover strong,
#page_inscription-2_ajouter #aside-article .section:hover .box,
#page_inscription-2_ajouter #aside-article .section:hover strong,
#page_inscription-3 #aside-article .section:hover .box,
#page_inscription-3 #aside-article .section:hover strong,
#page_inscription-4 #aside-article .section:hover .box,
#page_inscription-4 #aside-article .section:hover strong,
#page_inscription-4_hors-ligne #aside-article .section:hover .box,
#page_inscription-4_hors-ligne #aside-article .section:hover strong,
#page_inscription-5 #aside-article .section:hover .box,
#page_inscription-5 #aside-article .section:hover strong,
#page_inscription-5_hors-ligne #aside-article .section:hover .box,
#page_inscription-5_hors-ligne #aside-article .section:hover strong,
#page_inscription-6 #aside-article .section:hover .box,
#page_inscription-6 #aside-article .section:hover strong,
#page_inscription-7 #aside-article .section:hover .box,
#page_inscription-7 #aside-article .section:hover strong,
#page_inscription-7_hors-ligne #aside-article .section:hover .box,
#page_inscription-7_hors-ligne #aside-article .section:hover strong
{
    border-color:#DDD;
}
#article form
{
    position:relative;
    padding-bottom:7.5em;
}
#article form h3
{
    margin-top:3em;
}
#step5 h3
{
    margin-top:1.5em!important;
}
#aside-article form p
{
    margin-bottom:0;
}
#aside-article label
{
    font-weight:normal;
    position:relative;
    top:3px;
}
#aside-article form img
{
    vertical-align:top;
    margin-left:10px;
    position:relative;
    bottom:1px;
    cursor:help;
}
#aside-article #step6 img
{
    margin-left:0;
    cursor:default;
}
#aside-article #step6 form br
{
    display:none;
}
#aside-article #step6 form
{
    padding-bottom:1.5em;
}
#aside-article #step6
{
    padding-bottom:6em;
}
#aside-article #step6 ul
{
    margin-right:40px;
    margin-bottom:1.5em;
}
#aside-article .inline label
{
    top:0;
}
#aside-article .inline
{
    height:3em;
    margin:0;
}
#aside-article .prepend-3
{
    padding-left:120px;
}
#aside-article .inline li
{
    display:inline;
    background-image:none;
    padding:0 10px 0 0;
}
#aside-article .inline img
{
    vertical-align:middle;
}
#aside-article select,
#aside-article input.text,
#aside-article textarea
{
    font-family:sans-serif;
    border:1px inset #999;
    margin:0;
    float:none;
    font-size:1em;
}
#aside-article textarea
{
    height:auto;
    line-height:1.625;
    padding:0.25em 5px;
    margin-top:-2px;
    margin-bottom:1em;
    position:relative;
    top:2px;
    overflow:auto;
}
.ie6 #aside-article textarea
{
    height:4.5em;
}
#aside-article select
{
    padding:2px;
}
#aside-article input.text
{
    padding:3px 5px;
}
#aside-article p.mandatory
{
    color:#737373;
    background-color:inherit;
    position:absolute;
    bottom:0;
    left:0;
    height:3em;
    line-height:3;
}
.ie6 #ajouter
{
    padding-bottom:3em;
}
#aside-article .help
{
    color:#999;
    background-color:inherit;
    float:none;
    display:inline-block;
    position:relative;
    left:10px;
}
#aside-article fieldset
{
    border:none;
    padding:1.5em 0;
}
#aside-article fieldset legend
{
    font-weight:normal;
    font-size:1em;
}
#aside-article fieldset legend span
{
    display:block;
    margin-top:1.5em;
}
#aside-article fieldset p
{
    height:1.5em;
    line-height:1.5;
}
#step6  fieldset p
{
    height:4.5em;
}
#aside-article ul.submit
{
    margin:0;
    height:3em;
    line-height:3;
    text-align:right;
    position:absolute;
    bottom:0;
    right:0;
}
#ok ul.submit
{
    margin-right:40px;
    padding-bottom:1.5em;
}
#ok .box
{
    padding-bottom:6em!important;
}
#aside-article ul.submit li
{
    display:inline;
    background-image:none;
}
#aside-article ul.submit button.submit:after
{
    content:' >';
}
.js .chkCompanyMode,
.js .chkReqAddressMode,
.js .chkPromoMode,
.js .chkBadgeMode,
.js .attendees_mode
{
    display:none;
}
.js .chkReqAddressMode .help,
.js .chkPromoMode .help,
.js .chkBadgeMode .help
{
    display:none!important;
}
#errors
{
    position:absolute;
    bottom:4.5em;
    left:0;
    color:#C00;
    background-color:inherit;
    height:1.5em;
    outline:none;
}
#errors strong
{
    font-weight:normal;
}
label.error
{
    border:none;
    margin:0;
    padding:0;
}
#ns-input-line img,
#ns-input-line label
{
    outline:none;
    top:0;
    display:inline;
}
form table ul
{
    margin:0;
}
form table li
{
    background-image:none!important;
    padding-left:0!important;
}
#step2 td.price,
#step2ajouter td.price
{
    width:5em;
}
#step2 td.price span.option,
#step2ajouter td.price span.option
{
    display:block;
    position:relative;
    top:3px;
}
#step2 td.price .option
{
    display:block;
}
.js #step2 table tbody tr.participant td.price .option,
.js #step2ajouter table tbody tr.participant td.price .option
{
    display:none;
}
#step2 tfoot td,
#step2ajouter tfoot td
{
    font-style:normal;
    font-weight:bold;
}
#step2 th,
#step2 td,
#step2ajouter th,
#step2ajouter td
{
    padding:0.5em 0.5em 2em;
    font-size:1.167em;
    line-height:1.273;
    vertical-align:middle;
}
#step2 tbody th,
#step2 tbody td,
#step2ajouter tbody th,
#step2ajouter tbody td
{
    border-top:1px solid #EEE;
}
#step2 thead th,
#step2ajouter thead th
{
    background-color:#FAFAFA;
    color:#DC0269;
}
#step2 tr.participant:hover td,
#step2 tr.participant:hover th,
#step2 tr.participant:hover + tr td,
#step2 tr.participant:hover + tr th,
#step2ajouter tr.participant:hover td,
#step2ajouter tr.participant:hover th,
#step2ajouter tr.participant:hover + tr td,
#step2ajouter tr.participant:hover + tr th

{
    border-color:#DDD;
}
#step2 tr.participant:hover td,
#step2 tr.participant:hover th,
#step2ajouter tr.participant:hover td,
#step2ajouter tr.participant:hover th
{
    background-color:#FFF;
    color:inherit;
}
#step2 tfoot td,
#step2ajouter tfoot td
{
    white-space:nowrap;
}
#step2ajouter tfoot span,
#step2 tfoot span
{
    position:relative;
    left:-43px;
}
#step5 div.line
{
    margin-top:-0.75em;
    padding-top:1.5em;
    border-top:1px solid #EEE;
}
#step5 div.line .large
{
    height:2.5em;
    overflow:auto;
}
#step5 dd
{
    margin:0;
}
#step5 .alt a
{
    display:block;
    color:#585242;
    background-color:inherit;
    text-decoration:none;
}
#step5 .alt a span
{
    font-size:0.75em;
}
#step5 .alt a:hover span,
#step5 .alt a:focus span
{
    text-decoration:underline;
}
#step5 .marge
{
    margin-top:1.5em;
}
/*
.js #details
{
    display:none;
}
*/
/*
#step5 .alt span
{
    padding-right:30px;
    background-image:url(../img/bg/bottom.png);
    background-repeat:no-repeat;
    background-position:100% 50%;
}
*/
/**
 * Grid
 */
#grid{

    /* Vertical grid lines */
    background: url(../img/bg/grid-950.png) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 950px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -475px;

}
/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{

    /* 18px line height */
    height: 1.5em;
    border-bottom:1px dotted #aaa;
    margin:-1px 0 0;
    padding:0;
}
.ie6 sup
{
    position:relative;
    top:-0.5em;
}
sup,
sub
{
   font-size:0.6em;
}
#page_repertoire #title,
#page_erreur #title,
#page_repertoire #article form
{
    padding-bottom:1.5em;
}
#page_erreur #header h1
{
    margin-bottom:1.225em;
}
#page_erreur blockquote
{
    color:#B3B3B3;
    background-color:inherit;
}
#coordonnees h3
{
    margin-bottom:1.5em!important;
}
.travaux
{
    background-image:url(../img/bg/travaux.png);
}
#twtr-widget-1
{
border:1px solid #eee;
}
.section:hover #twtr-widget-1
{
border-color:#DDD;
}
#twtr-widget-1 .twtr-doc
{
width:auto!important;
}
#twtr-widget-1 .twtr-bd
{
padding:0;
}
#twtr-widget-1 div
{
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}
#twtr-widget-1 .twtr-hd,
#twtr-widget-1 .twtr-ft
{
display:none;
}
#chapitres
{
height:22.5em;
margin-bottom:3em;
overflow:auto;
}
#chapitres td,
#chapitres th
{
background-color:#FFF;
}
#chapitres thead th
{
color:#DC0269;
}
#chapitres a
{
display:block;
}
#overlay_notifications .notifications-placer1,
#overlay_notifications .notifications-placer2
{
background-image:none!important;
border-radius:0!important;
-moz-border-radius:0!important;
-webkit-border-radius:0!important;
border:none!important;
}
#overlay_notifications .notifications-placer2 img,
#overlay_notifications #notifications_button
{
display:none!important;
}
#overlay_notifications
{
z-index:5000!important;
}
#overlay_notifications a span
{
padding-left:0!important;
}
#overlay_notifications #notifications_content_block
{
margin:0!important;
}
#overlay_notifications #notifications_content
{
border:none!important;
}
#overlay_notifications #notifications_content_block
{
min-height:0!important;
padding:0.75em 10px!important;
border:1px solid #585242!important;
border-bottom:none!important;
}
#overlay_notifications #notifications_content_block a
{
color:#DC0269!important;
}
#overlay_notifications .live-stream-list p
{
padding:0!important;
}