/* Version 27/06/2010
________________________*/



/* Cadre du site et valeurs par défaut
==========================================================*/

* {
margin: 0;
padding: 0;
}
BODY {
font-family: Arial; font-size: 9pt;
background: rgb(183,183,255) url(fond_nav.jpg) repeat-x left top;
}
BIG {
font-family: Arial;
font-size: 11pt;
}
STRONG {
font-family: Arial;
font-size: 9pt;
color: rgb(255,0,0);
}
TD {
border: rgb(200,200,255) 1px solid;
background-color: rgb(245,245,255);
font-size: 9pt;
}
BLOCKQUOTE {
padding: 3px;
border: rgb(200,255,200) 1px solid;
color: rgb(0,200,0);
margin: 3px 3px 3px 10px;
}
BLOCKQUOTE U {
text-decoration: none;
background-color: rgb(230,255,230);
font-size: 9pt;
}
EM {
color: rgb(0,150,150);
font-style: normal;
}

/* (LM) Lien email
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.lm {
text-decoration: none;
}
.lm1 {
width: 13px;
height: 13px;
background-image: url("arob.gif");
border: 0;
}

/* (W0) Fenêtre du site
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.win0 {
width: 940px;
}
.w0 {
width: 940px;
text-align: left;
}
.w01 {
position: relative;
background: url(site_tete.gif) no-repeat left top;
height: 140px;
}
.w06 {
background: url(site_corps.gif) repeat-y left top;
}
.w08 {
background: url(site_pied.gif) no-repeat left top;
height: 40px;
}
.w0z {
margin-left: 10px;
padding: 1px;
}

/* (logo) Zone contenant le logo du site
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.logo {
position: absolute; top: 3px; left: 3px;
}

/* (clog) Zone contenant le code HTML associé au logo
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.clog {
position: absolute; top: 100px; left: 35px;
font-family: Tahoma,Arial;
font-size: 11pt;
color: rgb(255,255,255);
}

/* (bann) Zone contenant la bannière publicitaire
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.bann {
position: absolute; top: 9px;
}
.bann2 {
position: absolute; left: 192px;
text-align: right;
width: 728px;
}
.bann2 A {
color: rgb(0,0,100);
}

/* (banf) Zone contenant la bannière flash
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.banf {
display: none;
}

/* (lfoo) Zone contenant les liens en footer
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.lfoo {
width: 900px;
border: rgb(150,150,255) 1px solid;
padding: 5px;
margin: 10px;
color: rgb(50,50,200);
}
.lfoo A {
color: rgb(50,50,200);
}
.lfoo STRONG A {
color: rgb(255,0,0);
}

/* (cidc) Zone contenant la ligne Cid Création
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.cidc {
font-size: 8pt;
width: 500px;
color: rgb(50,50,200);
}
.cidc A {
text-decoration: none;
color: rgb(50,50,200);
}


/* Eléments de formulaires
==========================================================*/


/* (INPUT/SELECT/TEXTAREA) Tous les éléments
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
INPUT, SELECT, TEXTAREA {
margin: 2px 2px 2px 5px;
vertical-align: middle;
font-family: Arial;
font-size: 9pt;
color: rgb(0,0,80);
}

/* (inp/txa/pas/sel/sea) Inputs texte et sélections
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.inp, .txa, .pas, .sel, .sea {
border: rgb(190,190,255) 1px solid;
background-color: rgb(250,250,255);
}

/* (inr/txr/par) Textes et mots de passe en lecture seule
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.inr, .txr, .par {
border: rgb(255,255,255) 1px solid;
background-color: rgb(255,255,255);
color: rgb(0,0,200);
}

/* (but/sub) Boutons
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.but, .sub {
border: rgb(0,0,188) 1px solid;
background-color: rgb(119,106,212);
color: rgb(255,255,255);
}

/* (rad) Cases à cocher
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.rad, .rac, .che, .chc {
}



/* Menu vertical
==========================================================*/


/* (meng/mend) Zone contenant le menu de gauche
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.mend,
.meng {
float: left;
width: 170px;
color: rgb(180,0,0);
margin-right: 5px;
}
.mend A,
.meng A {
text-decoration: none;
color: rgb(180,0,0);
}
.mend A:hover,
.meng A:hover {
color: rgb(255,50,50);
}
.mend LI,
.meng LI {
width: 137px;
margin: 0 0 0 23px;
padding: 0;
}


/* (f4/f8) Cadre avec titre centré
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.f8,
.f4 {
font-size: 3px;
padding-top: 4px;
}
.f8y,
.f4y {
background: url(menu.gif) no-repeat 0px 0px;
height: 38px;
line-height: 34px;
text-align: center;
font-size: 10pt;
font-weight: bold;
color: rgb(255,255,255);
}
.f8y A,
.f4y A {
color: rgb(255,255,255);
}
.f8y A:hover,
.f4y A:hover {
color: rgb(255,255,0);
}
.f8z,
.f4z {
background: url(menu.gif) repeat-y -170px 0px;
padding: 1px;/* pour éviter la fusion des marges verticales */
font-size: 9pt;
}
.f8x,
.f4x {
background: url(menu.gif) no-repeat 0px -80px;
height: 12px;
}


/* (a4/a8) Cadre simple
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a8,
.a4 {
font-size: 3px;
}
.a8x,
.a4x {
background: rgb(227,227,255) url(menu.gif) no-repeat 0px -48px;
height: 22px;
}
.a8z,
.a4z {
background: rgb(255,255,205) url(menu.gif) repeat-y -170px 0px;
padding: 1px;/* pour éviter la fusion des marges verticales */
font-size: 9pt;
}
.a8y,
.a4y {
background: rgb(227,227,255) url(menu.gif) no-repeat 0px -70px;
height: 22px;
}


/* (meng/mend>p0) Paragraphes dans le menu vertical
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.mend .p0,
.meng .p0 {
width: 158px;
padding: 4px 0 0 0;
}
.mend .p0z,
.meng .p0z {
background-image: url(ico_menu.gif); background-repeat: no-repeat;
margin-left: 5px;
padding: 0 0 1px 18px;
}
.mend .p0z LI,
.meng .p0z LI {
list-style-type: none;
width: 137px;
margin: 0;
padding: 0;
}


/* (meng/mend>INPUT) Inputs dans le menu vertical
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.mend INPUT, .mend SELECT,
.meng INPUT, .meng SELECT {
margin: 0;
}


/* Feuille
==========================================================*/


/* (feui) Zone contenant la feuille
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.feui {
float: left;
margin-left: 4px;
margin-right: 6px;
margin-top: 5px;
width: 560px;
color: rgb(200,0,0);
}
.feui A {
color: rgb(200,0,0);
}
.feui A:hover {
color: rgb(255,100,100);
}

/* (a3) Cadre simple de la barre de chemin
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a3 {
font-size: 3px;
}
.a31 {
background: url(chemin_tete.gif) no-repeat left top;
height: 10px;
}
.a33 {
background: url(chemin_corps.gif) repeat-y left top;
}
.a3z {
margin-left: 5px;
padding: 1px;
font-size: 9pt;
color: rgb(255,255,255);
}
.a3z A {
color: rgb(255,255,255);
}
.a3z A:hover {
color: rgb(255,255,0);
}

/* (a3>p0) Paragraphes dans la barre de chemin
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a3 .p0 {
width:520px;
}
.a3 .p0z {
background-image: url(puce.gif); background-repeat: no-repeat;
padding: 0 0 0 20px;
}
.a3 .p0z H2 {
font-size: 10pt;
}

/* (w1) Cadre de la page avec titre en étiquette
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.w1 {
font-size: 3px;
}
.w11 {
background: url(page_titre.gif) no-repeat left top;
height: 24px;
}
.w12 {
float: right;
width: 14px;
height: 24px;
}
.w13 {
float: left;
width: 14px;
height: 24px;
}
.w1y {
float: left;
height: 24px;
background: url(page_titre_fond.gif) repeat-x left top;
line-height: 22px;
}
.w1y H1 {
font-size: 12pt;
color: rgb(255,255,255);
}
.w14 {
float: left;
height: 24px;
width: 24px;
background-repeat: no-repeat;
background-image: url(page_titre_droite.gif);
}
.w15 {
clear:both;
}
.w16 {
background: url(page_corps.gif) repeat-y left top;
color: rgb(0,0,0);
}
.w16 A {
color: rgb(0,0,255);
}
.w16 A:hover {
color: rgb(255,0,0);
}

.w18 {
background: url(page_pied.gif) no-repeat left bottom;
height: 17px;
}
.w1z {
margin-left: 14px;
padding: 1px;
font-size: 9pt;
}

/* (w1>P0/P1) Paragraphes dans la page
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.w1 .p0, .w1 .p1 {
width: 500px;
}
.w1 .p0z, .w1 .p1z {
background-image: url(puce.gif); background-repeat: no-repeat;
padding: 0 0 3px 20px;
}
.w1 .p1 {
background-color: rgb(245,245,255);
}

/* (t2) Barre de titre sur page avec texte à gauche
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.t2 {
margin: 20px 0 8px 0;
background: url(cadres_texte.gif) repeat-x left -86px;
width: 530px;
height: 24px;
color: rgb(255,255,255);
}
.t2 A {
color: rgb(255,255,255);
}
.t21 {
float: right;
width: 14px;
height: 24px;
background: url(cadres_texte.gif) no-repeat right -60px;
}
.t22 {
float: left;
width: 14px;
height: 24px;
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat left -8px;
}
.t23 {
float: left;
width: 14px;
height: 24px;
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat left -60px;
}
.t24 {
clear:both;
}
.t2z {
float: left;
height: 24px;
background: rgb(255,255,205) url(cadres_texte.gif) repeat-x left -34px;
font-size: 11pt;
line-height: 24px;
}

/* (b2) Barre de titre avec texte centré
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.b2 {
margin: 20px 0 6px 0;
width: 530px;
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat left -8px;
height: 24px;
font-size: 3px;
color: rgb(255,255,255);
}
.b21 {
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat right -8px;
height: 24px;
margin-left: 14px;
}
.b2z {
background: rgb(255,255,205) url(cadres_texte.gif) repeat-x left -34px;
height: 24px;
margin-right: 14px;
text-align: center;
font-size: 11pt;
line-height: 24px;
}

/* (b1) Barre bouton sur page
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.b1 {
margin: 6px 0 6px 0;
width: 530px;
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat left -8px;
height: 24px;
font-size: 3px;
color: rgb(255,255,255);
}
.b1 A {
color: rgb(255,255,255);
}
.b1 A:hover {
color: rgb(255,255,0);
}
.b11 {
background: rgb(255,255,205) url(cadres_texte.gif) no-repeat right -8px;
height: 24px;
margin-left: 14px;
}
.b1z {
background: rgb(255,255,205) url(cadres_texte.gif) repeat-x left -34px;
height: 24px;
margin-right: 14px;
text-align: center;
font-size: 9pt;
line-height: 24px;
}
.b1z BIG {
font-size: 11pt;
}

/* (a2) Cadres simples sur page
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a2 {
margin: 4px;
width: 520px;
font-size: 3px;
}
.a21 {
background: rgb(252,252,252) url(cadres_texte.gif) no-repeat left top;
height: 6px;
}
.a22 {
background: rgb(252,252,252) url(cadres_texte.gif) no-repeat right top;
background-position: right:10px top:5px;
height: 100%;
margin-left: 6px;
}
.a2x {
background-color: rgb(255,255,255);
border-top: rgb(208,208,208) 1px solid;
height: 100%;
margin-right: 6px;
}
.a23 {
background-color: rgb(255,255,255);
border-left: rgb(208,208,208) 1px solid;
}
.a24 {
background-color: rgb(255,255,255);
border-right: rgb(208,208,208) 1px solid;
margin-left: 5px;
}
.a2z {
background-color: rgb(255,255,255);
margin-right: 5px;
padding: 1px;
font-size: 9pt;
}
.a25 {
background: rgb(252,252,252) url(cadres_texte.gif) no-repeat left bottom;
height: 6px;
}
.a26 {
background: rgb(252,252,252) url(cadres_texte.gif) no-repeat right bottom;
height: 100%;
margin-left: 6px;
}
.a2y {
background-color: rgb(255,255,255);
border-bottom: rgb(208,208,208) 1px solid;
height: 100%;
margin-right: 6px;
}


/* (b6) Barres dans les paragraphes
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.b6 {
margin: 2px;
background: rgb(255,255,0) url(cadres_texte.gif) no-repeat left -216px;
height: 20px;
font-size: 3px;
}
.b61 {
background: rgb(255,255,0) url(cadres_texte.gif) no-repeat right -216px;
height: 20px;
margin-left: 3px;
}
.b6z {
background: rgb(255,255,0) url(cadres_texte.gif) repeat-x left -238px;
height: 20px;
margin-right: 3px;
text-align: center;
font-size: 9pt;
line-height: 20px;
}
.b6z STRONG {
font-size: 11pt;
color: rgb(255,0,0);
}

/* (a6) Encadrements d'images sur page
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a6 {
display: table;
margin: 4px;
width: 520px;
font-size: 3px;
}
.a61 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat left top;
height: 6px;
}
.a62 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat right top;
background-position: right:10px top:5px;
height: 6px;
margin-left: 6px;
}
.a6x {
background-color: rgb(0,0,0);
border-top: rgb(183,187,231) 1px solid;
height: 5px;
margin-right: 6px;
}
.a63 {
background-color: rgb(0,0,0);
border-left: rgb(183,187,231) 1px solid;
border-right: rgb(183,187,231) 1px solid;
}
.a6z {
text-align: center;
padding: 1px;
font-size: 9pt;
}
.a65 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat left bottom;
height: 6px;
}
.a66 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat right bottom;
height: 100%;
margin-left: 6px;
}
.a6y {
background-color: rgb(0,0,0);
border-bottom: rgb(183,187,231) 1px solid;
height: 100%;
margin-right: 6px;
}

/* (w6) Encadrements d'images avec étiquette de titre
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.w6 {
margin: 4px;
font-size: 1px;
}
.w61 {
background: url(cadres_images.gif) repeat-x left -86px;
height: 24px;
}
.w62 {
float: right;
width: 8px;
height: 24px;
background: url(cadres_images.gif) no-repeat right -60px;
}
.w63 {
float: left;
width: 8px;
height: 24px;
background: rgb(255,173,41) url(cadres_images.gif) repeat-x left -8px;
}
.w64 {
float: left;
width: 8px;
height: 24px;
background: rgb(255,173,41) url(cadres_images.gif) no-repeat left -60px;
}
.w65 {
clear: both;
}
.w6y {
float: left;
height: 24px;
background: rgb(255,173,41) url(cadres_images.gif) repeat-x left -34px;
font-size: 9pt;
line-height: 22px;
}
.w66 {
background-color: rgb(0,0,0);
border-left: rgb(183,187,231) 1px solid;
border-right: rgb(183,187,231) 1px solid;
}
.w6z {
text-align: center;
padding: 1px;
font-size: 7pt;
}
.w68 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat left bottom;
height: 6px;
}
.w69 {
background: rgb(99,115,206) url(cadres_images.gif) no-repeat right bottom;
height: 100%;
margin-left: 6px;
}
.w6x {
background-color: rgb(0,0,0);
border-bottom: rgb(183,187,231) 1px solid;
height: 100%;
margin-right: 6px;
}
.w6y BIG {
font-size: 9pt;
}



/* Cadre superposé interatif
==========================================================*/


/* (a9) Cadre superposé interatif
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a9 {
width: 170px;
background-color: rgb(255,255,255);
border: rgb(0,0,0) 1px solid;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555, Direction=135, Strength=3);
}
.a9z {
margin-right: 5px;
padding: 1px;
font-size: 9pt;
}

/* (a9>p0) Paragraphes dans les cadres interatifs
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */
.a9 .p0 {
width: 165px;
}
.a9 .p0z {
background-image: url(puce.gif); background-repeat: no-repeat;
margin-left: 5px;
padding: 0 0 3px 18px;
}