.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* @======= */
/* @= RAZ = */
/* @======= */
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,ol,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%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* @================== */
/* @= STRUCTURE = */
/* @================== */
/* Sticky footer */
html { height: 100%; }
body { height: 100%; }
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -280px; *margin: 0 auto -300px;
}
/* END Sticky footer */
#contenu { position: static; }
#actualites img
{
float: right;
margin: 0 0 1em 1em;
}
div.clear { height: 0; line-height: 0; }
/* Quand la colonne de gauche contient des titres un peu longs (cad. juste avant le wrap sur une seconde ligne)
il y a un bug de float et la colonne de droite part en bas. Donc, réduction des colonnes de gauche sous IE6 */
div.left_side { _width: 294px !important; }
#temoignages_excp .alpha { _width: 298px !important; }
/* @================== */
/* @= Styles Globaux = */
/* @================== */
.flash_notice
{
margin: 0 0 1em 10px;
font-weight: bold;
color: #777;
}
/* Eperluettes */
.amp
{
font-family: "Goudy Bookletter 1911", "Warnock Pro","Goudy Old Style", "Palatino Linotype", "Book Antiqua", "Palatino", "Hoefler Text","Baskerville", "Draconian", "Fiolex Girls", "Freebooter Script", "Times New Roman", Times, Georgia, "FreeSerif", "DejaVu Serif", "Bitstream Vera Serif", sans-serif !important;
font-size: 100%; line-height: 1%;
font-weight: inherit; *font-weight: normal;
font-style: italic !important;
}
span.quote
{
font-family: "Warnock Pro","Goudy Old Style","Palatino Linotype", "Palatino", "Hoefler Text","Baskerville", "Book Antiqua", serif;
font-style: italic;
font-size: 1.9em;
color: #E9ECD1;
}
span.fine
{
font-size: 50%;
line-height: 0px;
}
p.inline,
span.inline
{
display: inline;
position: relative;
vertical-align: bottom;
float: left;
}
a
{
color: #913447 ;
text-decoration: underline;
}
a:visited
{
color: #913447;
}
a:hover,
a:focus,
a:active
{
background: #451922;
color: #83ebff;
}
a:hover h1
{
text-decoration: underline;
}
/* @Liens externes */
a span.ext
{
padding-right: 11px;
margin-left: 2px;
background: transparent url("../images/icones/lien_externe.gif") no-repeat left center;
}
a span.pdf
{
padding-left: 16px;
background: transparent url("../images/icones/lien_pdf.gif") no-repeat left top;
}
acronym
{
border-bottom: 1px dotted #451922;
cursor: help;
}
.clear
{
background: none !important;
border: 0 !important;
clear: both !important;
display: block !important;
float: none !important;
font-size: 0 !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
/* @Textes en images */
.imgTexte
{
display: block;
}
.imgTexte span
{
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.cache
{ /* Cacher */
position:absolute;
background: transparent;
left:0;
margin-top:-1000px;
width:1px;
height:1px;
overflow:hidden;
}
.cache:focus, .cache:active
{
position: static;
top: 0;
left: 0;
height: auto;
width: auto;
}
.hide_to_ie
{
*display: none;
}
/* @================== */
/* @= Typographie = */
/* @================== */
body
{
font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Tahoma, Kalimati, "DejaVu Sans", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
font-size: 14px; /* @BASE */
font-weight: normal;
color: #454545;
background: #F6F1DE url("../images/fond.png") repeat;
/* background: #F6F1DE url("../images/grid/RythmeVertical_Grille22.gif") repeat;*/
}
/* @RYTHME = 22px */
/* taille X = 14px, size = 14px / Base. Leading = Rythme / 14px. Marge basse = Leading */
p,
dl,
blockquote,
#contenu ul,
#contenu ol,
#pied ul
{
font-size: 1em; /* 14px / BASE */
line-height: 1.571428571em; /* RYTHME / 14px */
margin: 0 0 1.571428571em 0; /* = line-height */
text-align: left;
vertical-align: top;
}
p.solo_img
{
float: none !important;
width: auto !important;
margin: 0 !important;
}
sub
{
font-size: 0.85em; *font-size: 1em;
line-height: 0.85em; *line-height: 1.9em;
font-weight: inherit;
*font-weight: normal;
}
h1 sub, h2 sub, h3 sub, h4 sub,
#menu sub
{
font-size: 75.2%; *font-size: 90%;
line-height: 75.2%; *line-height: 90%;
}
p sup,
blockquote sup
{
display: block;
font-size: 0.857142857em; /* 12px */ *font-size: 100%;
line-height: 1.833333333em; *line-height: 100%;
font-style: italic;
color: #706859;
text-align: right;
}
li sup
{
float: right;
width: auto;
margin-top: 0.25em;
font-size: 11px !important; *font-size: 100% !important;
line-height: 1.571428571em; /* = au line-height du texte normal */ *line-height: 100%;
font-style: normal;
color: #706859;
}
h1, h2, h3, h4, h5, h6
{
font-family: Georgia, "Times New Roman", Times, "DejaVu Serif", "Bitstream Vera Serif", Times, "FreeSerif", serciteif, serif;
color: #451922;
font-weight: normal;
}
h1
{
font-size: 2.714285714em; /* 38 / BASE */
line-height: 0.578947368em; /* RYTHME / 38 */
margin: 0 0 0.578947368em 0; /* = line-height */
/* text-indent: 40px;*/
letter-spacing: 0.1em;
font-variant: small-caps;
}
h2
{
font-size: 2.14286em; /* 38 / BASE */
line-height: 0.578947368em; /* RYTHME / 38 */
margin: 0 0 1.15789em 10px; /* 1.15789 = 0.578947368 x2 */
letter-spacing: 0.12em;
color: #BEB196;/*#706859;*/
font-variant: small-caps;
}
h3,
h4
{
font-size: 1.714285714em; /* 24 / BASE */
line-height: 0.916666667em; /* RYTHME / 24 */
margin: 0 0 0.916666667em 0; /* = line-height */
}
h3
{
padding: 0 0 0 72px;
text-align: left;
font-style: italic;
letter-spacing: -0.04em;
background: transparent url('../images/hr.gif') no-repeat left bottom;
padding-bottom: 0.3em;
margin-bottom: 0.616666667em; /* = 0,916666667 - 0.3em, pour compenser le padding-bottom */
}
h3.petit
{ /* 18px */
font-size: 1.28571em;
line-height: 1.222222em;
margin-bottom: 0.922222em; /* = 1.15789 - 0.3em, pour compenser le padding-bottom */
}
.petite_boite h3
{
background-position: left center !important;
padding-bottom: 0;
margin-bottom: 0.916666667em;
}
h4
{
color: #706859;
font-variant: small-caps;
}
p.lettrine:first-letter
{
display: block;
font-family: Georgia, "Times New Roman", Times, "DejaVu Serif", "Bitstream Vera Serif", "FreeSerif", serciteif, serif;
color: #BEB196;
font-size: 3.2em;
line-height: 0.75em; *line-height: 0.95em;
height: 0.75em;
float: left;
margin-top: 0.15em; *margin-top: 0;
padding-right: 0.15em;
}
p.petit
{/* 12 px */
font-size: 0.857143em;
line-height: 1.833333em;
margin: 0 1.833333em 0 0;
}
hr
{
background-color: #e0d0b1; color: #e0d0b1;
height: 1px;
border: 0;
/* width: 0px; background: transparent; color: transparent; Pour
invisible */
}
kbd,
code
{
display: inline;
background-color: #e0d0b1;
color: #913447;
border: 1px dotted #706859;
_border: 1px solid #706859;
padding: 0 5px;
font-size: 80%;
font-weight: bold;
font-family: "Bitstream Vera Sans Mono", Courier, "Courier New", FreeMono, monospace, fixed;
}
kbd.gros, code.gros,
kbd.grosse, code.grosse,
.grosKbd kbd, .grosKbd code
{
font-size: 100%;
}
.pointer
{
cursor: pointer;
}
dl dd
{
padding-left: 1em;
border-left: 1px solid #e0d0b1;
}
/* ******************* TABLEAUX ***************** */
/* avec BASE = 14 px et RYTHME 22 */
/* Rythme respecté sous FF, Safari, IE7 et Opera. Les doubles lignes sont décalées par contre, mais les simples ça va */
#contenu table
{
border-collapse: collapse;
width: 100%;
font-size: 1em; /* 14px / BASE */
line-height: 1.571428571em; /* RYTHME / 14px */
margin-bottom: 1.571428571em;
}
#contenu tr td
{
margin-top: 1em;
}
#contenu tr
{
background: transparent;
}
#contenu td, #contenu th
{
background: transparent;
letter-spacing: 0.05em;
font-variant: small-caps;
vertical-align: top;
text-align: left;
width: auto;
padding: 0em 0.4em;
height: 4.71429em; /* = 1.571428571 x 3 */
vertical-align: middle;
border-left: 2px dotted #e0d0b1;
}
#contenu tr td:first-child, #contenu tr th:first-child { border-left-width: 0; }
#contenu tr td, #contenu tr th
{
/* Emulation de first-child sous IE6+js */
_border-left-width: expression(this.previousSibling==null?'0':'2px');
}
#contenu th
{
color: #BEB196; /*#706859;*/
text-transform: uppercase;
letter-spacing: -0.03em;
}
#contenu td img, #contenu th img,
#contenu th img, #contenu th img
{
vertical-align: middle;
border-width: 0 1px 1px 0 !important;
}
#contenu tr.colore td, #contenu tr.colore th
{
background: #e0d0b1;
}
/* Plus besoin des classes .colore sur les comme ça. Sauf que ne marche pas sous IE6 */
#contenu tr td,
#contenu tr + tr + tr td,
#contenu tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td
{
background: #F6F1DE;
}
#contenu tr + tr td,
#contenu tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td,o
#contenu tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr td
{
background: transparent;
}
/* Border pour IE6 qui n'a pas les couleurs alternées donc. Du coup ça arrange pas le rythme vertical. Mais bon ... */
#contenu tr td { _border-top: 2px dotted #e0d0b1; }
#contenu tr.note td { _border-top: 0; }
/* Lieux en plus petit */
#lieuxdates tr td:last-child
{
font-size: 0.85em;
}
/* Emulation de last-child sous IE+js */
#lieuxdates tr td
{
*font-size: expression(this.nextSibling==null?'0.85em':'1em');
}
#contenu tr.note, #contenu tfoot tr
{
vertical-align: top !important;
}
#contenu tr.note td, #contenu tfoot tr td
{ /* 12 px */
font-size: 0.857153em !important;
line-height: 1.83333em !important;
height: 1.571428571em !important; /* = line-height normal */
padding: 0em !important;
text-align: right !important;
/* font-style: italic !important;*/
color: #BEB196 !important;
background: transparent !important;
border-left: 0 !important; border-right: 0 !important;
}
/* Spécification de colonnes à taille plus fixe */
#adhesion td { font-size: 1em; }
#adhesion td + td { font-size: 1em; }
#adhesion td + td + td { font-size: 1em; }
#adhesion td + td + td + td { font-size: 0.85em; }
#adhesion td + td + td + td + td { font-size: 0.85em; }
#adhesion td + td + td + td + td + td { font-size: 0.85em; }
#adhesion td + td + td + td + td + td + td { font-size: 1em; }
#adhesion td { width: auto; }
#adhesion td + td { width: auto; }
#adhesion td + td + td { width: auto; }
#adhesion td + td + td + td { width: 9%; }
#adhesion td + td + td + td + td { width: 9; }
#adhesion td + td + td + td + td + td { width: 9%; }
#adhesion td + td + td + td + td + td + td + td { width: auto; }
#adhesion td, #adhesion th { text-align: left; _text-align: center; }
#adhesion td + td, #adhesion th + th { text-align: center; }
/* ******************* LISTES ***************** */
#contenu ul,
#contenu ol
{
margin-top: -1.571428571em;
}
#contenu ul ul, #contenu ul ol,
#contenu ol ul, #contenu ol ol
{
margin-top: 0;
margin-bottom: 0;
}
#contenu h1 + ul, #contenu h1 + ol,
#contenu h2 + ul, #contenu h2 + ol,
#contenu h3 + ul, #contenu h3 + ol,
#contenu h4 + ul, #contenu h4 + ol,
#contenu h5 + ul, #contenu h5 + ol,
#contenu h6 + ul, #contenu h6 + ol
{
margin-top: 0;
}
#contenu ul
{
_margin-top: expression(this.previousSibling.tagName=='P'?'-1.571428571em':'0');
}
#contenu ul
{
padding-left: 0;
list-style-position: outside;
list-style: none;
}
#contenu ol
{
padding-left: 1.4em; *padding-left: 1.5em
list-style-position: outside;
}
#contenu ol ol { padding-left: 1.5em; *padding-left: 1.6em }
#contenu ul li
{
background: transparent url('../images/puce.gif') no-repeat;
background-position: 0 0.60em;
_background-position: 0 0.60em;
padding-left: 1em;
}
#contenu ol li { list-style-type: decimal; }
#contenu ol li ol li { list-style-type: lower-latin; }
#trois_boites { position: relative; margin-bottom: 2em; padding-bottom: 2em; }
#trois_boites .petite_boite
{
height: 100%;
}
p.bouton
{
position: absolute;
margin: 0;
bottom: 0;
margin-left: 135px;
}
.bouton span
{
display: block;
text-align: center;
background: transparent url('../images/sprite.png') no-repeat -33px -63px;
_background: transparent url('../images/bouton.png') no-repeat 0px 0px;
width: 165px;
height: 40px;
}
.bouton span a
{
display: block;
font-size: 1.214285714em; /* 17 / BASE */
width: 100%;
height: 40px;
padding-top: 8px; *padding-top: 9px; /* Pas utilisé le line-height pour le centrage car possible que le bouton passe sur 2 lignes quand on augmente la taille du texte */
color: #83ebff;
letter-spacing: 0.07em;
font-variant: small-caps;
font-weight: normal;
text-decoration: none;
}
.bouton a:hover, .bouton a:focus, .bouton a:active
{
text-decoration: underline;
background: transparent;
}
.bouton a:visited
{
color: #83ebff !important;
}
#temoignages, #temoignages_excp, blockquote { font-style: italic; }
#temoignages_excp { position: relative; }
#temoignages sup, #temoignages_excp sup,
blockquote sup
{
font-style: normal;
}
#temoignages_excp sup
{
text-indent: 0;
}
#temoignages p, #temoignages_excp p,
blockquote
{
*z-index: -1; /* Important pour IE sinon ça passe sur le menu */
background: transparent url('../images/sprite.png') no-repeat 0px -277px;
_background: transparent url('../images/quotes-in_ie6.gif') no-repeat 0px 0.2em;
display: block;
position: relative !important;
_position: static !important;
text-indent: 30px;
}
#temoignages p, blockquote { _background-image: url('../images/quotes-in_ie6.png'); }
#temoignages p, blockquote { margin-bottom: 3.14286em; /* =1.57143*2 */ }
#temoignages_excp p
{
font-size: 0.928571429em;
line-height: 1.692307692em;
margin-bottom: 1.692307692em;
}
#temoignages_excp p sup
{
background: transparent url('../images/sprite.png') no-repeat right -264px;
_background: transparent url('../images/quotes-out_ie6.gif') no-repeat top right;
position: absolute;
_position: relative;
bottom: -2em; *bottom: -1.2em; _bottom: auto;
right: 0;
display: block;
padding-top: 1em; *padding-top: 1.4em; _padding-top: 1.7em;
_margin-top: 0.5em;
white-space: nowrap; overflow: hidden;
}
#temoignages p sup, blockquote sup
{
background: transparent url('../images/sprite.png') no-repeat right -264px;
_background: transparent url('../images/quotes-out_ie6.png') no-repeat top right;
position: absolute;
_position: static;
bottom: -2.5em; right: -7px; padding-right: 7px;
*bottom: -2em; *right: 10px; *padding-right: 0;
_bottom: 0; _right: 0; _padding-right: 7px;
display: block;
padding-top: 1.5em;
white-space: nowrap; overflow: hidden;
}
#temoignages p sup{ _white-space: normal;}
#temoignages_excp a
{
display: block;
position: absolute;
bottom: -1.5em;
left: 0;
width: 100%;
font-size: 0.857142857em; /* 12px */
line-height: 1.833333333em;
text-transform: uppercase;
color: #83ebff;
letter-spacing: 0.05em;
text-decoration: none;
font-weight: normal;
background: transparent;
font-style: normal;
}
#temoignages_excp a:hover
{
background: #451922;
color: #83ebff;
text-decoration: underline;
}
blockquote /* Eventuellement */
{
padding-left: 30px;
text-indent: 0;
width: 20em;
}
#actualites p,
#actualites ul,
#actualites ol,
#actualites dl
{
margin-left: 1em;
}
#contenu img.droite
{
float: right;
margin-left: 1em;
}
#contenu img.gauche
{
float: left;
margin-right: 1em;
}
#contenu img
{
border: 1px solid #e0d0b1;
}
#hautPage
{
position: relative;
margin-top: 1em;
}
#hautPage a
{
position:absolute;
left: 0px;
padding: 4px 4px;
bottom: 0; _top: 0;
letter-spacing: 0.2em;
font-variant: small-caps;
}
.hautPage
{
position: relative;
}
.hautPage a
{
position:absolute;
right: 0;
top: -0.36em;
padding: 4px 4px;
margin-bottom: 2em;
letter-spacing: 0.2em;
font-variant: small-caps;
}
.hautPage:last-child
{
margin-bottom: 1.571428571em;
}
/* Association page */
a#mapimg
{
display: block;
position: relative;
height: 350px;
width: 618px;
text-decoration: none;
margin-bottom: 0.5em;
}
#mapimg img
{
position: absolute;
top: 0;
left: 0;
}
#mapimg:hover img
{
border: 7px solid #451922;
top: -6px;
left: -6px;
}
#mapimg span.info
{
border: 0;
top: 104px;
text-decoration: none !important;
font-size: 1.15em; *font-size: 1.1em; _font-size: 1.2em;
}
#mapimg span.info:hover
{
display: block !important;
visibility: visible !important;
left:0;
margin-top:0px;
width:auto;
height:auto;
}
/* carte.html page */
#gmap
{
width: 84%;
height: 84%;
margin: 0 8%;
}
#gmap #map
{
border: 1px solid #e0d0b1;
width: 100%;
height: 100%;
}
#gmap #maplink
{
display: inline;
padding: 0.1em 0;
}
#articles p
{
text-align: justify;
}
#association0 ul li,
#association0 ul li ul li
{
list-style-type: none;
list-style-image: none;
background: transparent;
}
#association0 ul li { padding-left: 0; }
#association0 ul li ul li
{
background: transparent url('../images/puce.gif') no-repeat;
background-position: 0 0.60em;
_background-position: 0 0.60em;
padding-left: 1em;
}
/* ALIGNEMENT IMAGES */
#articles img,
#association1 img
{ float: left; margin: 0 1em 0 0; }
#association2 img,
#decouverte img,
#animateurs_intro img
{ float: right; margin: 0 0 0 1em; }
#animateurs dl
{
width: 470px;
text-align: left;
white-space: nowrap; overflow: hidden;
margin: 0; _margin-bottom: 1.571428571em;
padding-bottom: 1.571428571em; _padding: 0;
_float: left;
font-variant: small-caps;
letter-spacing: 0.15em;
}
#animateurs dl dt,
#animateurs dl dt img
{
float: left;
}
#animateurs dl dt img { margin: 0 1em 0 0; }
#animateurs dl dd
{
padding-left: 0;
border-left: 0;
}
#animateurs dl dd.dd_2
{
display: inline;
font-weight: bold;
vertical-align: top;
}
#animateurs dl dd.dd_2 sub
{
font-size: 100%;
*font-size: 1.2em;
letter-spacing: 0.05em;
}
#animateurs > dl,
#animateurs dl + dl + dl,
#animateurs dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl
{
float: left;
text-align: left;
clear: both;
width: 470px;
border-left: 0px;
}
#animateurs > dl
{
clear: none;
}
#animateurs > dl dt,
#animateurs dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl
{
float: left;
}
#animateurs > dl dt img,
#animateurs dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl
{
float: left;
margin: 0 1em 0 0;
}
#animateurs dl + dl,
#animateurs dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl
{
text-align: right;
width: 469px;
border-left: 1px solid #e0d0b1;
clear: none;
}
#animateurs dl + dl dt,
#animateurs dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl
{
float: right;
}
#animateurs dl + dl dt img,
#animateurs dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl dt img
{
float: right;
margin: 0 0 0 1em;
}
/* Bulles info */
#animateurs dl { position: relative; _position: static; }
#animateurs dl dd.dd_1 { display: none; visibility: hidden; }
#animateurs dl:hover dd.dd_1,
#animateurs dl.hover dd.dd_1
{
position: absolute;
display: block;
visibility: visible;
z-index: 89;
margin: 0px;
padding: 4px 1.618em;
right: 0px;
top: 97px;
width: 100%;
background: #451922;
opacity: 0.75;
filter: alpha(opacity=76);
color: #F6F1DE;
font-size: 1em;
line-height: 1.1em;
border: 1px solid #706859;
font-variant:small-caps;
letter-spacing: 0.1em;
font-style: normal;
text-align: right;
_position: static;
_right: auto;
_top: auto;
_width: auto;
_height: auto;
_white-space: normal;
}
#animateurs dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:hover .ol_2,
#animateurs dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2,
#animateurs dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl.hover .ol_2
{
left: 0px;
text-align: left;
}
#ateliers p, #ateliers ul, #ateliers ol, #ateliers dl
{
float: right;
width: 360px;
text-align: left;
}
#ateliers h3
{
/* clear: both;*/
margin-top: 1.571428571em;
/* *margin-top: 0;*/
/* padding-top: 0.616666667em; *padding-top: 0;*/
}
#ateliers h3:first-child
{
margin-top: 0;
padding-top: 0;
}
#ateliers img
{
float: left;
margin: 0.5em 1.57143em 1.57143em 0;
}
#ateliers ul li, #ateliers ol li { list-style-position: inside; }
#ateliers hr
{
clear: both;
margin-top: -1.571428571em; *margin-top: 0;
background: none;
color: transparent;
width: 0;
}
#posters img
{
margin: 4px; _margin: 4px;
opacity: 0.25; *filter: alpha(opacity=25); _filter: ;
}
#posters img.shaded { opacity: 0.25; filter: alpha(opacity=25); }
#posters img:hover, #posters img.hover { opacity: 1; filter: alpha(opacity=100); }
#access sub
{
color: #BEB196;
}
/* ********************* */
/* ******* ENTETE ****** */
/* ********************* */
#rubrique
{
padding-top: 6.285714284em; /* = 1,571428571 * 3 */
padding-bottom: 1.571428571em;
/* padding-top: 3.142857142em;*/
}
#spacer
{
display: block;
height: 5em;
}
#entete
{
position: relative;
z-index: 50;
}
h1#titre
{
position: relative;
background: transparent url('../images/sprite.png') no-repeat 0 0;
_background: transparent url('../images/titre.png') no-repeat 0 0;
display: block;
width: 434px; height: 50px;
padding-bottom: 2px;
margin: -0.05em 0 0 0;
cursor: pointer;
}
h1#titre:hover, h1#titre.hover
{
border-bottom: 2px solid #913447;
padding-bottom: 0px;
}
#accueilLien {
display: none;
position: absolute;
z-index: 99;
right: 0; bottom: 0;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.05em;
color: #913447 ;
text-decoration: none;
}
h1#titre:hover #accueilLien, h1#titre.hover #accueilLien { display: block; }
h1#titre a
{
display: block;
width: 434px; height: 50px;
background: transparent;
}
h1#titre a:hover
{
text-decoration: none;
background: transparent;
}
/* a#titre*/
/* {*/
/* background: transparent url('../images/sprite.png') no-repeat 0 0;*/
/* _background: transparent url('../images/titre.png') no-repeat 0 0;*/
/* display: block;*/
/* width: 434px; height: 50px;*/
/* padding: 0 0 6px 0;*/
/* margin: -0.05em 0 0 0;*/
/* cursor: pointer;*/
/* }*/
/* a#titre:hover*/
/* {*/
/* text-decoration: none;*/
/* border-bottom: 2px solid #913447;*/
/* padding-bottom: 4px; /* = padding-bottom - border-bottom */
/* }*/
/* a#titre h1*/
/* {*/
/* margin: 0;*/
/* width: 434px; height: 50px;*/
/* }*/
#logo
{
background: transparent url('../images/sprite.png') no-repeat 0 -103px;
_background: transparent url('../images/etiquette.png') no-repeat 0 0;
width: 342px; height: 175px;
z-index: 26;
position: absolute;
display: block;
right: -148px;
top: -13px;
}
ul#miniNav
{
position: absolute;
right: 240px;
top: 0px;
z-index: 88;
list-style-type: none;
padding: 0;
margin: 0;
}
ul#miniNav li
{
position: relative;
display: inline;
float: right;
padding: 0;
margin: 0;
}
.evit
{
font-family: Georgia, "Times New Roman", Times, "DejaVu Serif", "Bitstream Vera Serif", Times, "FreeSerif", serciteif, serif;
display: block;
text-decoration: none;
color: #e0d0b1 !important;
}
.evit:hover { color: #83ebff !important; }
.evitH
{
padding: 2px 12px 2px 12px; _padding-top: 3px;
border-right: 1px solid #e0d0b1;
}
.evitHFirst { border-left: 1px solid #e0d0b1; }
.evitV
{
padding: 12px 1px 12px 0;
border-bottom: 1px solid #e0d0b1;
}
.evitVFirst { border-top: 1px solid #e0d0b1; }
ul#menu
{
font-family: Georgia, Times, "Times New Roman", Garamond, "DejaVu Serif", "Bitstream Vera Serif", Times,
"FreeSerif", serif;
z-index: 80;
}
ul#menu li
{
display: block;
position: relative;
z-index: 80;
float: left;
margin-left: 30px;
margin-top: 0.971142857em;
margin-bottom: 8px;
padding: 0 2px 0 0;
border:0px;
border-bottom: 1px solid #e0d0b1;
text-transform: uppercase;
font-size: 1.142857143em; /* */
line-height: 1.7em;
letter-spacing: 0.05em;
cursor: default;
}
ul#menu li:hover, ul#menu li.hover
{
border-bottom: 1px solid #83ebff;
cursor: default;
}
ul#menu li.selected
{
border-bottom: 2px solid #83ebff;
margin-bottom: -1px;
}
ul#menu li.alpha { margin-left: 0; }
ul#menu li a
{
display: block; _display: inline;
width: 100%; _width: 0;
border: 0px;
padding: 0 0 0 2px; *padding-right: 2px;
text-decoration: none;
width: 100%;
cursor: default;
}
ul#menu li a:hover
{
cursor: pointer;
}
ul#menu li a.sub_parent:hover
{
background: transparent;
color: #913447; /* inchangée*/
cursor: default;
}
#menu li a em { font-style: normal; }
#menu li ul { display: none; visibility: hidden; }
#menu li:hover ul, #menu li.hover ul
{
z-index: 87;
display: block; visibility: visible;
padding: 0 2px; *padding: 0 2px 8px 2px; _padding: 0 0 8px 0;
float: left;
margin: 0;
width: 8em;
border: 1px solid #e0d0b1;
border-width: 0 2px 2px 1px;
position: absolute;
left: -0.3em;
top: 1.7em;
background: #F6F1DE url("../images/fond.png") repeat;
}
#menu li ul:hover, #menu li ul.hover
{
display: block; visibility: visible;
}
#menu li:hover ul li, #menu li.hover ul li
{
margin: 1em 5px 0 5px;
display: block;
width: 90%;
clear: both;
font-size: 12px;
letter-spacing: 0.09em; _letter-spacing: 0.1em;
}
#menu li ul li.omega { margin-bottom: 0.618em; }
#menu li ul li a
{
display: block;
width: 100%;
}
#menu li ul li a .amp
{
font-size: 16px;
}
#menu ul#ie6_submenu
{
display: inline;
visibility: visible;
position: absolute;
top: 1.571428571em;
left: 0;
}
#menu ul#ie6_submenu li
{
display: inline !important;
margin: 1em 1.7em 0 0;
width: 9.7em;
/* clear: both;*/
font-size: 12px;
letter-spacing: 0.09em; _letter-spacing: 0.1em;
}
#banniere
{
position: relative;
margin-bottom: 1.571428571em;
border: 1px solid #e0d0b1;
z-index: 0 !important; *z-index: -1 !important; /* Négatif pour IE6. Ne fonctionne plus sous FF2 si négatif */
/* Le float de 960.css fait bug IEx */
float: none !important;
height: 250px !important;
display: block !important;
}
#banniere img
{
position: absolute; top: 0; left: 0;
border: 0;
display: none;
z-index: 1;
}
#banniere img.premiere /* Pour IE6 */
{
display: block;
z-index: 25;
}
#banniere > img
{
display: block;
z-index: 25;
}
#banniere img + img
{
display: none;
z-index: 1;
}
#go_down
{
display: none;
z-index: 199;
position: fixed; _position: absolute;
right: -1px; bottom: 3px;
_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
width: 32px; height: 33px;
background: transparent url('../images/sprite.png') no-repeat -377px -151px;
_background: transparent url('../images/go_down.png') no-repeat bottom right;
opacity: 0.8;
/* filter: alpha(opacity=81); Détruit les contours de l'image */
}
/* ********************* */
/* ******** PIED ******* */
/* ********************* */
#push
{
height: 280px; _height: 306px;
}
#pied
{
min-height: 320px;
width: 100%;
min-width: 1010px;
clear: both;
background: #240C08 url("../images/pied.png") repeat-x 0px 0px;
}
#pied_wrapper
{
height: 100%;
position: relative;
padding-bottom: 1em;
}
#pied_wrapper
{
position: relative;
}
#pied div.footer-module
{
margin-top: 4.714285713em; /* 1.571428571*3 */
}
.footer-module
{
color: #e0d0b1;
}
.footer-module h3
{
font-size: 1.285714286em; /* 18 / BASE */
line-height: 1.222222222em; /* RYTHME / 18 */
margin: 0 0 1.222222222em 0; /* = line-height */
color: #BEB196;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, Garamond, "DejaVu Serif", "Bitstream Vera Serif", "FreeSerif", serciteif, serif;
letter-spacing: 0.05em;
font-weight: normal;
background: transparent;
font-style: normal;
}
.footer-module .footer-section
{
padding-left: 5px;
padding-bottom: 2px;
padding-top: 3px;
display: block;
}
.footer-module p
{
/* margin-left: -5px !important; /* Compenser une marge qui sort de je sais pas où sur les ul>li */
}
.footer-module ul li
{
display: block;
border-top: 1px solid #706859;
text-indent: 5px;
width: 100%;
margin-top: -1px; /* Compenser le border-top */
}
.footer-module ul li a
{
display: block;
font-size: 0.928571429em;
line-height: 1.692307692em;
width: 100%;
text-decoration: none;
text-transform: uppercase;
color: #83ebff !important;
letter-spacing: 0.05em;
font-weight: normal;
}
.footer-module ul li a:hover
{
background: #451922;
color: #83ebff;
}
#contact_infos p
{
padding-left: 5px;
}
#contact_infos ul
{
margin-bottom: 0;
}
#contact_infos ul li
{
border: 0;
margin-top: 0;
}
#contact_infos ul li, #contact_infos h3
{
text-align: right;
}
#contact_infos li sup
{
width: 8em;
}
#contact_infos ul li a
{
color: #83ebff !important;
}
#contact_infos ul li a:hover
{
background: #451922;
text-decoration: underline;
}
#contact_infos ul li a.sobre
{
*display: inline;
color: #e0d0b1 !important;
text-transform: none;
margin: 0; padding: 0;
font-size: 1em; /* 14px / BASE */
line-height: 1.571428571em; /* RYTHME / 14px */
}
#contact_infos ul li a.sobre:hover
{
background: #451922;
color: #83ebff !important;
text-decoration: underline;
}
#sponsors
{
position: absolute;
bottom: 2em; right: 0;
}
#sponsors .affil
{
margin-left: 16px;
display: block;
float: right;
}
#vanves
{
background: transparent url('../images/sprite.png') no-repeat -357px -63px;
_background: transparent url('../images/affiliation/logo_vanves_shade.png') no-repeat 0 0;
width: 52px; height: 45px;
padding-bottom: 4px;
}
#d92
{
background: transparent url('../images/sprite.png') no-repeat -198px -63px;
_background: transparent url('../images/affiliation/logo_92_shade.png') no-repeat 0 0;
width: 53px; height: 35px;
}
#pass
{
background: transparent url('../images/sprite.png') no-repeat -251px -63px;
_background: transparent url('../images/affiliation/logo_pass_shade.png') no-repeat 0 0;
width: 106px; height: 35px;
}
#vanves:hover
{
border-bottom: 2px solid #83ebff;
padding-bottom: 2px;
}
#pied #plan ul li, #pied #plan h3
{
text-align: right !important;
}
/* ********************* */
/* ******* BULLES ****** */
/* ********************* */
.bubble { position: relative; z-index: 0; }
.bubble span.info
{
position:absolute;
background: transparent;
left:0;
margin-top:-1000px;
width:1px;
height:1px;
overflow:hidden;
}
.bubble:hover span.info,
.bubble:active span.info,
.bubble:focus span.info
{
margin-top: 0;
width: auto;
height: auto;
overflow: visible;
display: block;
z-index: 89;
margin: 0px;
padding: 4px 8px;
left: 0px;
top: 2em;
width: auto;
opacity: 0.85;
*filter: alpha(opacity=86);
background: #451922;
color: #F6F1DE;
font-size: 1em;
line-height: 1.1em;
border: 1px solid #706859;
font-variant:small-caps;
letter-spacing: 0.1em;
text-decoration: none !important;
}
.bubble span.info:hover { display: none; visibility: hidden; }
#error_page
{
margin: 1em auto;
text-align: center;
font-size: 2em;
}
#error_page h2
{}
#error_page span
{
display: block;
font-size: 0.8em;
line-height: 1.571428571em;
}
/* ********************* */
/* **** FANCYBOX ******* */
/* ********************* */
/* titre d'image */
#fancy_title div
{
font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Tahoma, Kalimati, "DejaVu Sans", Verdana, "Bitstream Vera Sans", Arial, sans-serif !important;
font-variant: small-caps !important;
font-size: 14px !important;
letter-spacing: 0.2em !important;
text-align: center !important;
}
#stats img
{
display: none !important;
}
@media print
{
body
{
color: black;
background: white;
}
#banniere
{
height: 1.571428571em;
border: 0;
}
#banniere img
{
display: none !important;
}
#pied
{
color: black;
background: white;
}
.footer-module
{
color: black;
}
#pied a,
#contact_infos ul li a.sobre,
#contact_infos ul li a
{
color: #913447 !important;
}
}