/* --------------- */
/* --- DEFAULT --- */
/* --------------- */
ADDRESS,
BLOCKQUOTE,
BODY, DD, DIV,
DL, DT,
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4,
H5, H6, IFRAME,
NOFRAMES,
OBJECT, OL, P,
UL, APPLET,
CENTER, DIR,
HR, MENU, PRE { display: block }
/*LI { display: list-item }*/
HEAD { display: none }
TABLE { display: table }
TR { display: table-row }
THEAD { display: table-header-group }
TBODY { display: table-row-group }
TFOOT { display: table-footer-group }
COL { display: table-column }
COLGROUP { display: table-column-group }
TD, TH { display: table-cell }
CAPTION { display: table-caption }
TH { font-weight: bolder; text-align: center }
CAPTION { text-align: center }
BODY { padding: 8px; line-height: 1.33 }
H1 { font-size: 2em; margin: .67em 0 }
H2 { font-size: 1.5em; margin: .83em 0 }
H3 { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU { margin: 1.33em 0 }
H5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6 { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG { font-weight: bolder }
BLOCKQUOTE { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS { font-style: italic }
PRE, TT, CODE,
KBD, SAMP { font-family: monospace }
PRE { white-space: pre }
BIG { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB { vertical-align: sub }
SUP { vertical-align: super }
S, STRIKE, DEL { text-decoration: line-through }
HR { border: 1px inset }
OL, UL, DIR,
MENU, DD { margin-left: 40px }
OL { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL { margin-top: 0; margin-bottom: 0 }
U, INS { text-decoration: underline }
CENTER { text-align: center }
BR:before { content: "\A" }
/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
ABBR, ACRONYM { font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 1px dotted #666 }
A[href] { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET,
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER,
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT,
COL, COLGROUP, TD, TH, CAPTION
{ unicode-bidi: embed }
/* End bidi settings */
@media print {
@page { margin: 10% }
H1, H2, H3,
H4, H5, H6 { page-break-after: avoid; page-break-inside: avoid }
BLOCKQUOTE,
PRE { page-break-inside: avoid }
UL, OL, DL { page-break-before: avoid }
}
@media speech {
H1, H2, H3,
H4, H5, H6 { voice-family: paul, male; stress: 20; richness: 90 }
H1 { pitch: x-low; pitch-range: 90 }
H2 { pitch: x-low; pitch-range: 80 }
H3 { pitch: low; pitch-range: 70 }
H4 { pitch: medium; pitch-range: 60 }
H5 { pitch: medium; pitch-range: 50 }
H6 { pitch: medium; pitch-range: 40 }
LI, DT, DD { pitch: medium; richness: 60 }
DT { stress: 80 }
PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
EM { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
STRONG { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
DFN { pitch: high; pitch-range: 60; stress: 60 }
S, STRIKE { richness: 0 }
I { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
B { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
U { richness: 0 }
A:link { voice-family: harry, male }
A:visited { voice-family: betty, female }
A:active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
div.clear { clear: both; line-height: 0; font-size: 0; height: 0; }
/* ----------------------------------- */
/* --- DEFAULT SUR TEXTES ET LiENS --- */
/* ----------------------------------- */
body, input, textarea, select { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #787878; line-height: 18px; }
table, td, th { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #787878; line-height: 18px; /*vertical-align: top;*/ }
a { font: 14px Verdana, Arial, Helvetica, sans-serif; color: #787878; line-height: 18px; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active, a:focus { font-weight: normal; font-size: 1em; }
sub, sup {
font-size: 0.8em;
}
/* ::::::::::::::::::::::::::: */
/* ::::: font definition ::::: */
/* ::::::::::::::::::::::::::: */
@font-face
{
font-family: "Frutiger57-Condensed-Roman";
src: url(fonts/Frutiger57-Condensed-Roman.eot ); /* IE */
src: local("Frutiger57-Condensed-Roman"), url(fonts/Frutiger57-Condensed-Roman.ttf) format("truetype"); /* non-IE */
}
@font-face
{
font-family: "Frutiger55Roman";
src: url(fonts/Frutiger55Roman.eot ); /* IE */
src: local("Frutiger55Roman"), url(fonts/Frutiger55Roman.ttf) format("truetype"); /* non-IE */
}
@font-face
{
font-family: "din-condensed-medium";
src: url(fonts/din-condensed-medium.eot ); /* IE */
src: local("din-condensed-medium"), url(fonts/din-condensed-medium.ttf) format("truetype"); /* non-IE */
}
/* ---------------------- */
/* --- REMISES A ZERO --- */
/* ---------------------- */
body {
margin: 0px;
padding: 10px;
}
img {
border: 0;
}
img.marge1, img.marge1bordure1 {
margin: 2px 17px 5px 0;
float: left;
}
img.marge2, img.marge2bordure1 {
margin: 2px 0 5px 17px;
float: right;
}
img.bordure1, img.marge1bordure1, img.marge2bordure1 {
border: 1px solid #003366;
}
hr {
color: #003366;
height: 1px;
border: 0;
border-top: 1px solid #003366
}
p.alignedroite {
text-align: right;
}
p.alignecentre {
text-align: center;
}
p.alignejustifie {
text-align: justify;
}
p.alignegauche {
text-align: left;
}
div.clear {
clear: both;
height: 0;
font-size: 0;
}
h2.titrepage {
color: #4F003F;
font-family: "Frutiger55Roman", Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
letter-spacing: -1px;
line-height: 23px;
margin: 0 0 10px;
padding: 0;
}
h3.titre-paragraphe {
font-family: Arial, Helvetica, sans-serif;
color: #4f003f;
font-size: 16px;
margin: 10px 0;
padding: 0;
}
h3.titre-paragraphe a {
font-family: Arial, Helvetica, sans-serif;
color: #4f003f;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
h3.titre-paragraphe a:hover {
text-decoration: underline;
}
h3.titre-paragraphe + p {
margin-top: 0;
}
h4.titre-paragraphe {
font-family: Arial, Helvetica, sans-serif;
color: #4f003f;
font-size: 14px;
margin: 10px 0;
padding: 0;
}
h4.titre-paragraphe a {
font-family: Arial, Helvetica, sans-serif;
color: #4f003f;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
h4.titre-paragraphe a:hover {
text-decoration: underline;
}
h4.titre-paragraphe + p {
margin-top: 0;
}
/* bleu */
h3.titre-paragraphe2 {
font-family: Arial, Helvetica, sans-serif;
color: #0173B4;
font-size: 28px;
margin: 10px 0;
padding: 0;
font-weight: normal;
}
h3.titre-paragraphe2 a {
font-family: Arial, Helvetica, sans-serif;
color: #0173B4;
font-size: 28px;
font-weight: bold;
text-decoration: none;
}
h3.titre-paragraphe2 a:hover {
text-decoration: underline;
}
h3.titre-paragraphe2 + p {
margin-top: 0;
}
h4.titre-paragraphe2 {
font-family: Arial, Helvetica, sans-serif;
color: #0173B4;
font-size: 22px;
margin: 10px 0;
padding: 0;
font-weight: normal;
}
h4.titre-paragraphe2 a {
font-family: Arial, Helvetica, sans-serif;
color: #0173B4;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
h4.titre-paragraphe2 a:hover {
text-decoration: underline;
}
h4.titre-paragraphe2 + p {
margin-top: 0;
}
span.couleur {
color: #9a9a9c;
}
/* -------------------- couleurs span -------------------------- */
/* --- rose --- */
span.couleur1, a.couleur1 {
color: #BB1F68;
}
/* --- bleu --- */
span.couleur2, a.couleur2 {
color: #0173B4;
}
/* --- jaune --- */
span.couleur3, a.couleur3 {
color: #FDA700;
}
/* --- prune --- */
span.couleur4, a.couleur4 {
color: #4F003F;
}
/* --- gris --- */
span.couleur5, a.couleur5 {
color: #555555;
}
/* --- vert --- */
span.couleur6, a.couleur6 {
color: #5DB102;
}
/* -------------------- couleurs liens -------------------------- */
a.couleur1, a.couleur2, a.couleur3,
a.couleur4, a.couleur5, a.couleur6 {
text-decoration: underline;
}
a.couleur1:hover, a.couleur2:hover, a.couleur3:hover,
a.couleur4:hover, a.couleur5:hover, a.couleur6:hover {
text-decoration: none;
}
/* ---- flechettes ---- */
a.flechette-rose, a.flechette-blue, a.flechette-jaune,
a.flechette-prune, a.flechette-grise, a.flechette-verte {
text-decoration: none;
padding: 0 0 0 13px;
font-size: 12px;
}
a.flechette-rose:hover, a.flechette-blue:hover, a.flechette-jaune:hover,
a.flechette-prune:hover, a.flechette-grise:hover, a.flechette-verte:hover {
text-decoration: underline;
}
/* --- declinaison couleurs flechettes --- */
a.flechette-rose {
background: url(img/flechette-rose.gif) no-repeat left 5px;
color: #BB1F68;
}
a.flechette-blue {
background: url(img/flechette-blue.gif) no-repeat left 5px;
color: #0173B4;
}
a.flechette-jaune {
background: url(img/flechette-jaune.gif) no-repeat left 5px;
color: #FDA700;
}
a.flechette-prune {
background: url(img/flechette-prune.gif) no-repeat left 5px;
color: #4f003f;
}
a.flechette-grise {
background: url(img/flechette-grise.gif) no-repeat left 5px;
color: #555555;
}
a.flechette-verte {
background: url(img/flechette-verte.gif) no-repeat left 5px;
color: #5DB102;
}
/* ------------- boutons de couleurs arrondis ------------- */
a.bt-rose, a.bt-bleu, a.bt-jaune,
a.bt-prune, a.bt-gris, a.bt-vert {
border-radius: 10px;
text-align: center;
padding: 8px;
font-size: 14px;
color: #fff !important;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
}
a.bt-rose:hover, a.bt-bleu:hover, a.bt-jaune:hover,
a.bt-prune:hover, a.bt-gris:hover, a.bt-vert:hover {
text-decoration: none;
}
/* --- rose --- */
a.bt-rose {
background-color: #bb1f68;
}
a.bt-rose strong {
background-color: #bb1f68;
}
/* --- bleu --- */
a.bt-bleu {
background-color: #0173c4;
}
a.bt-bleu strong {
background-color: #0173c4;
}
/* --- jaune --- */
a.bt-jaune {
background-color: #fda700;
}
a.bt-jaune strong {
background-color: #fda700;
}
/* --- prune --- */
a.bt-prune {
background-color: #4f003f;
}
a.bt-prune strong {
background-color: #4f003f;
}
/* --- grise --- */
a.bt-gris {
background-color: #555555;
}
a.bt-gris strong {
background-color: #555555;
}
/* --- verte --- */
a.bt-vert {
background-color: #5db102;
}
a.bt-vert strong {
background-color: #5db102;
}
div.fond {
background: #F9F9F8 url(img/pixelfond-degrade-gris.gif) repeat-x;
padding: 15px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
span.ref {
background: #ffffff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
a.drapeau-anglais {
background: url(img/drapeau-anglais.gif) no-repeat;
}
a.drapeau-francais {
background: url(img/drapeau-francais.gif) no-repeat;
}
a.drapeau-espagnol {
background: url(img/drapeau-espagnol.gif) no-repeat;
}
span.telephone {
display: block;
background: url(img/fond-numero-tel.png) no-repeat;
width: 140px;
height: 28px;
line-height: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
padding: 0 0 0 12px;
text-align: left;
}
a.plus-de-ref {
background: url(img/bouton-fleche-large-jaune.png) no-repeat;
color: #4F003F;
display: block;
font-size: 12px;
height: 24px;
line-height: 22px;
padding: 0 0 0 20px;
text-decoration: none;
width: 162px;
}
a.plus-de-ref:hover {
color: #fff;
}
p.fond-references {
background: #d4d0cc;
padding: 10px 0 10px 35px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
p.small {
font-size: 9px;
}
.alphabet-list {
padding: 10px;
text-align: center;
width: 100%;
margin: 0px;
}
.alphabet-list-item {
display: inline-block;
padding: 3px;
}
.alphabet-list-link {
color: #787878;
padding: 9px;
display: block;
}
.alphabet-list-item.active a {
background-color: #0173B4;
border-radius: 4px;
text-decoration: none;
color: #fff;
}
.alphabet-list-item.active a:hover {
color: #fff;
text-decoration: none;
}