.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;
}
}
.pointer
{
cursor: pointer;
}
span.fine
{
font-size: 50%;
line-height: 0px;
}
li.selected a,
a.selected
{
color: purple;
}
.hidden
{
display: none;
}
#gallery {
height: 100%;
width: 100%;
float: left;
clear: left;
}
#tags dd {
padding-left: 0; border-left: 0;
} /* Reset des paramètres de ae.css */
#op {
margin: 0 0 12px 10px;
}
#photo_mod, #photo_add
{
position: relative;
z-index: 50;
}
#photo_mod dd, #photo_add dd
{
display: block;
padding-top: 0.5em;
}
#photo_add_list ul,
#photo_mod_list ul,
ul#op_links { display: inline; }
#photo_add_list ul li,
#photo_mod_list ul li,
ul#op_links li
{
display: inline;
margin-left: 0.5em;
line-height: 16px;
height: 16px;
}
#op ul li a
{
line-height: 16px;
height: 16px;
font-size: 1.1em;
}
#op ul li a.clicked
{
color: purple;
}
.op_form
{
display: none;
border: 1px dotted #555;
margin: 0.5em 0 0 0;
padding: 0.5em;
}
.visible { display: block; }
.op_form dl { margin: 0; }
.op_form dl dt
{
float: left;
margin: 2.1em 0.5em 0 0;
}
.op_form li.inline
{
position: relative;
display: block;
float: left;
}
.op_form label
{
display: block;
position:absolute;
margin: 0;
padding: 0;
width: 100%;
top: 0;
left: 0.1em;
}
.op_form input, .op_form textarea, .op_form button
{
margin: 1.4em 0 0 0;
}
.op_form input.gallery_title
{
width: 15em;
}
.op_form input.gallery_file
{
width: 22.5em;
}
.op_form input.gallery_add_tag,
.op_form input.gallery_mod_tag
{
width: 17em;
}
.op_form input.gallery_rank
{
width: 2em;
margin-right: 4em;
}
.op_form label.gallery_rotate_label
{
*left: 20px;
}
.op_form input.gallery_rotate
{
width: 2.7em;
}
.op_form input.gallery_resize
{
margin: 1.7em 0 0 0.31em;
}
.op_form input.gallery_update
{
margin: 1.7em 0 0 0.47em;
}
.op_form a { margin-right: 0.5em; }
.op_form label a { margin-right: 0; }
.op_form #photo_add_recopy,
.op_form #photo_mod_recopy
{
position: absolute !important;
top: 2em;
right: -2px;
background: #eee;
padding: 2px;
}
.op_form #photo_add_recopy:hover, .op_form #photo_mod_recopy:hover { text-decoration: none; }
form.mod_tag_form { float: left; }
#mod_tag li.tag_name { margin-left: 25px; }
#mod_tag li.tag_private { margin-right: 1.2em; }
.op_form input.tag_name { width: 7em; }
.op_form input.tag_private { margin-left: 1em; }
div#photo_mod { padding-top: 2.2em; }
div#photo_mod h2#photo_check
{
font-size: 1em;
position: absolute;
top: 0.5em; left: 0.5em;
margin: 0;
}
div.photo_preview
{
display: block;
position: absolute;
right: 0;
z-index: 190;
width: 100%;
}
div.photo_preview dl .overlay
{
position: absolute;
z-index: -1 !important;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: #333;
opacity: 0.75;
*filter: alpha(opacity=76);
}
div.photo_preview dl dt
{
float: right !important;
margin: 0;
color: white;
text-align: right;
}
div.photo_preview dl dd
{
display: block;
margin: 0;
width: 100%;
*width: auto;
text-align: right;
color: white;
line-height: 1.4em;
}
div.photo_preview dl dd em
{
font-size: 0.752em;
}
div.photo_preview { display: none; }
dl.photo_previewable dd:hover div.photo_preview,
dl.photo_previewable dd.hover div.photo_preview
{ display: block; }
/* Un simple display: none ne suffit pas car bug sous Safari : clignotement invisible */
div.photo_preview:hover,
div.photo_preview.hover
{ height: 0; }
div.photo_preview:hover *,
div.photo_preview.hover *
{ display: none; }
.form_info
{
position: absolute;
bottom: 0.5em;
right: 0.5em;
font-size: 0.85em;
text-align: right;
}
#years { margin: 0 0 1em 10px; }
#tags { margin: 0 0 1em 10px; }
#years ul,
#tags dl, #tags dt, #tags dd { display: inline; }
#tags dt { float: none; font-weight: normal; }
#tags dt span.img_btn { margin-left: 0.52em; *margin-left: 0.5em; _margin-right: 1.3em; }
#tags dd { margin: 0; padding: 0; border: 0; }
#years, #years ul li,
#tags, #tags dl dt, #tags dl dt span, #tags dl dd
{
line-height: 1.571428571em;
vertical-align: top;
}
#years ul li
{
display: inline;
background: transparent;
padding: 0;
}
#years ul li,
#tags_list a
{
margin-left: 0.382em;
}
#tags_list a,
#tags dt a,
#years ul li a
{
font-style: normal;
text-decoration: none;
}
#tags a.clicked,
#years ul li a.clicked
{
/* color: purple;*/
text-decoration: underline;
}
#tags_list a.private
{
font-style: italic !important;
}
#gallery ul.photos
{
margin: 0;
width: 100%;
}
#gallery ul.photos li
{
float: left;
background: transparent;
padding: 0;
}
#gallery ul.photos dl.photo_links
{
display: block;
height: auto;
}
#gallery ul.photos ul.photo_links
{
margin-top: 2px;
padding-left: 5px;
}
#gallery ul.photos ul.photo_links li { margin: 0 4px; }
#gallery ul.photos ul.photo_links li input {
margin-top: 0px;
position:relative;
top: 2px;
border: 1px solid #9a9ea1;
}
#gallery ul.photos ul.photo_links li input:hover,
#gallery ul.photos ul.photo_links li input:focus { outline: 1px solid #C60; *border: 1px solid #C60; }
#gallery ul.photos ul.photo_links li a input { margin-top: 0px; border: 1px solid #9a9ea1; }
#gallery ul.photos ul.photo_links li a input:hover,
#gallery ul.photos ul.photo_links li a input:focus { outline: 0px; border: 1px solid #9a9ea1; }
#gallery ul.photos li.photo
{
display: block;
margin: 8px 5px;
}
#gallery ul.photos li.filtered
{
display: none;
}
a.photo
{
display: block;
*z-index: -1 !important; /* sinon les bulles d'info sont sous les images dans IE */
text-decoration: none;
width: 172px; height: 168px; /* Dépend de la taille des thumbnails */
}
a.photo:hover,
a.photo:active, a.photo:focus
{
border: 2px solid #7a7a7a;
margin: -2px;
background: transparent;
}
a.photo:hover, img.photo:hover
{
cursor: pointer;
}
#gallery ul.photos .bubble span.info
{
top: -1px;
left: 5px;
bottom: auto;
right: auto;
}
#gallery ul.photos .bubble span.info:hover,
#gallery ul.photos .bubble span.hover,
#gallery ul.photos .bubble:hover span.info:hover,
#gallery ul.photos .bubble:hover span.hover
{
display: block !important;
visibility: visible !important;
}
span.box
{
width: 100%; height: 100%;
display: table;
overflow: hidden;
*display: block;
*position: relative;
}
span.box span.inner
{
display: table-cell;
vertical-align: middle;
text-align: center;
*display: block;
*position: absolute;
*top: 50%;
*left: 50%;
}
span.inner img
{
*position: relative;
*top: -50%;
*left: -50%;
}
#gallery ul.photos li dl dd
{
margin: 0;
padding: 0;
text-align: center;
}
#gallery_help_last_photos { clear: both; margin: 5em 5em 0; color: #454545; }
#gallery_help_last_photos h3{ margin-left: -1em; }
#gallery p
{
font-style: italic;
margin-bottom: 1em;
}
ul#last_photos li.photo
{
margin: 8px 4px;
_margin: 8px 3px !important;
}
/* ********************* */
/* ** BOUTONS GALERIE ** */
/* ********************* */
.doc_link
{
width: 16px; height: 16px;
margin-bottom: 1px;
}
.doc_link:hover,
.doc_link:active,
.doc_link:focus
{
text-decoration: none;
border-bottom: 1px solid #C60;
margin-bottom: 0;
}
.btn_del
{
background: transparent url("../images/scaffold/eraser.png") no-repeat 0px 0px ;
}
.btn_link
{
width: 16px;
background: transparent url("../images/scaffold/chain_arrow.png") no-repeat 0px 0px ;
}
input.doc_link
{
display: none;
margin-left: 18px !important;
width: 89px;
}
#op_add_photo
{
padding-left: 18px;
background: transparent url("../images/scaffold/document__plus.png") no-repeat 0px 0px ;
}
#op_mod_photo
{
padding-left: 18px;
background: transparent url("../images/scaffold/document__pencil.png") no-repeat 0px 0px ;
}
#op_mod_tag
{
padding-left: 18px;
background: transparent url("../images/scaffold/tag__pencil.png") no-repeat 0px 0px ;
}
#op_check_all
{
padding-left: 18px;
background: transparent url("../images/scaffold/tick.png") no-repeat 0px 0px ;
}
#op_uncheck_all
{
padding-left: 18px;
background: transparent url("../images/scaffold/minus.png") no-repeat 0px 0px ;
}
/* ********************* */
/* ******* BULLES ****** */
/* ********************* */
#gallery .bubble { position: relative; z-index: 1; }
#gallery .photos .bubble { z-index: 0; }
#op_links .bubble { z-index: 2; }
#gallery .bubble span.info
{
/* Contre le "cachage" du bubble du ae.css */
margin-top: 0;
width: auto;
height: auto;
overflow: visible;
position: absolute;
z-index: 89;
margin: 0px;
padding: 4px 8px;
left: 22px;
top: -22px;
width: 144px;
opacity: 0.90;
*filter: alpha(opacity=91);
text-decoration: none !important;
background: #7a7a7a;
color: #eaeaea;
font-size: 0.752em;
font-style: normal;
font-size: 0.9em;
line-height: 1em;
border-width: 1px 0; border-style: solid; border-color: #555;
font-variant:small-caps;
letter-spacing: 0.1em;
text-align: center;
display: none;
}
#gallery .bubble_0 span.info { bottom: 22px; left: -72px; top: auto; right: auto; }
#gallery .bubble_45 span.info { bottom: 19px; left: 19px; top: auto; right: auto; }
#gallery .bubble_90 span.info { top: -11px; left: 22px; bottom: auto; right: auto; }
#gallery .bubble_135 span.info { top: 22px; left: 22px; bottom: auto; right: auto; }
#gallery .bubble_180 span.info { top: 22px; left: -72px; bottom: auto; right: auto; }
#gallery .bubble_225 span.info { top: 22px; right: 22px; bottom: auto; left: auto; }
#gallery .bubble_270 span.info { top: -11px; right: 22px; bottom: auto; left: auto; }
#gallery .bubble_315 span.info { bottom: 19px; right: 19px; top: auto; left: auto; }
#gallery .small span.info { font-size: 1em; }
#gallery .bubble span.document { display: block !important; }
#op .bubble span.info,
#years .bubble span.info,
#tags .bubble span.info
{
border-width: 1px;
}
#gallery .bubble:hover span.info,
#gallery .bubble.hover span.info,
#gallery .bubble:active span.info,
#gallery .bubble:focus span.info
{
display: block;
text-decoration: none;
}
#gallery .bubble span.info:hover,
#gallery .bubble span.info.hover
{
display: none;
}
#gallery ul.photos .doc_type .bubble span.info { display: block !important; }
.img_btn { position: relative; margin: 0 16px 0 0; padding: 0; }
.img_btn img
{
width: 16px;
height: 16px;
cursor: help;
vertical-align: middle;
text-align: left;
border: 0 !important;
}
label .img_btn
{
float: left;
display: block;
width: 16px;
height: 18px;
margin-left: 3px;
}
label .alpha { margin-left: 0; } /* cf IEx */
label .img_btn img
{
margin: 0;
position: absolute !important;
display: block;
top: 0;
height: 16px;
width: 16px;
float: left;
}
a.img_btn, a.img_btn img, label .img_btn, label .img_btn img { cursor: pointer !important; } /* cf IEx */
a.img_btb, a.img_btn:hover { text-decoration: none; }
.img_btn span.info
{
line-height: 1.3em !important;
z-index: 99 !important;
}
/* ********************* */
/* **** 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;
}
li.selected a, a.selected { color: #913447; }
li.selected a:hover, a.selected:hover { color: #83EBFF }
#wrapper { position: relative; }
div#chargement
{
position: absolute;
left: 15px; _left: 25px;
top: 12.65em; *top: 12.65em; _top: 12.1em;
background: transparent;
padding: 0;
border: 0;
}
div#chargement img { border: 0; }
#gallery_help_last_photos { margin: 0 1em; *margin-bottom: 1.571428571em; }
#gallery
{
margin: 1.571428571em 10px 0 10px;
}
#gallery ul, #gallery ol
{
padding-left: 0;
margin-top: 0;
line-height: 1;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
ul.photos ul.photo_links
{
margin-top: 2px
}
#gallery ul li, #gallery ol li
{
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
#tags, #years, #gallery p
{
padding-left: 13px;
font-style: italic;
color: #706859;
}
#gallery p { width: 61.8% }
#gallery h3 { margin-top: 1.571428571em; }
#tags dt span.img_btn { margin-left: 0.4em; *margin-left: 0.4em; _margin-right: 1.1em; }
#tags dt span.img_btn img { margin-bottom: 0.2em }
#tags_list a
{
line-height: 1.571428571em;
}
#tags_list a,
#tags dt a,
#years ul li a
{
font-style: normal;
text-decoration: none;
}
#tags a.clicked,
#years ul li a.clicked
{
color: #913447;
text-decoration: underline;
}
#tags a.clicked:hover,
#years ul li a.clicked:hover { color: #83EBFF }
#gallery ul.photos a.photo:hover
{
border-color: #613B43 !important;
background: transparent;
}
#gallery ul.photos li.photo:hover a.photo,
#gallery ul.photos li.hover a.photo
{
*border-color: #613B43 !important;
*background: transparent;
}
#gallery ul.photos img
{
border: none;
}
#gallery .bubble span.info
{
z-index: 89;
background: #451922;
color: #F6F1DE;
border-color: #706859;
}
div#fancy_overlay {
position:absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
background-color: #333;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url(../images/fancybox/fancy_progress_b.png) no-repeat;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -12px;
height: 30px;
width: 30px;
background: transparent url(../images/fancybox/fancy_closebox_b.png) ;
cursor: pointer;
z-index: 100;
display: none;
}
div#fancy_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
z-index: 96;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
padding: 0;
margin: 0;
z-index: 92;
}
div#fancy_title {
position: absolute;
top: 101%; /*bottom: -35px;*/ /* XXX Zenuphar */
left: 0;
width: 100%;
z-index: 100;
display: none;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 2px;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 58px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
border: 1px solid #444;
background: #222;
}
a#fancy_left, a#fancy_right {
position: absolute;
top: 0;
height: 100%;
width: 50%;
cursor: pointer;
background-image: url(data:image/gif;base64,AAAA);
z-index: 100;
}
a#fancy_left {
left: -17px;
background: transparent url(../images/fancybox/fancy_left_b.gif) no-repeat;
background-position: 0% 61.8%;
}
a#fancy_right {
right: -17px;
background: transparent url(../images/fancybox/fancy_right_b.gif) no-repeat;
background-position: 100% 61.8%;
}
#fancy_bigIframe, #fancy_freeIframe {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
div#fancy_bg {
display: none;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat;
}