body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #333333; text-align: center;}
a {color: #205f8c; text-decoration: none;}
a:hover {color: #0e7bc8; text-decoration: underline;}


/* header */
div#header     { text-align: left; margin: 0px auto; padding: 0px; position: relative; width: 800px; overflow: hidden }
div#header div { margin: 0px; padding: 0px; position: absolute; top: 19px; left: 0px; width: 283px; height: 61px; overflow: hidden }
div#header p { font-size: 0.9em; background-repeat: no-repeat; margin: 56px 0px 0px 400px; padding: 5px 0px 6px 27px; position: relative; _padding: 4px 0px 6px 27px }
div#header p label  { font-weight: bold; text-transform: uppercase }


/* navigation */
div#navigation {margin: 25px 0px 0px 0px; padding: 0px; background-color: #888888; clear: both;}
div#navigation ul   { font-weight: bold; font-size: 0.8em; text-transform: uppercase; list-style-type: none; margin: 0px auto; padding: 0px; width: 920px }
div#navigation ul1 { font-weight: bold; font-size: 0.9em; text-transform: uppercase; list-style-type: none; margin: 0px auto; padding: 0px; width: 790px }
div#navigation ul li     { float: left; margin: 0px; padding: 0px; border-bottom: 1px solid white; border-left: 1px solid #ffffff }
div#navigation ul li.lastMenu {padding: 0px 1px 0px 0px; border-right: 1px solid #ffffff;}
div#navigation ul li a    { color: #ffffff; text-decoration: none; background-color: #888888; display: block; margin: 0px; padding: 11px 5px; position: relative; width: 140px }
div#navigation ul li a1 { color: #ffffff; text-decoration: none; background-color: #888888; display: block; margin: 0px; padding: 11px 10px; position: relative; width: 110px }
div#navigation ul li a:hover {text-decoration: none; background-color: #bf2e1a;}
div#navigation ul li a.pageActive  { text-decoration: none; background-color: #bf2e1a }

div#navigation div.cleaner {margin: 0px; padding: 0px; height: 0px; overflow: hidden; clear: both;}


/* content */
div#content      { background-color: transparent; text-align: left; clear: both; margin: 0px auto; padding: 5px 0px 0px; border: 1px red; position: relative; width: 900px; overflow: hidden }
div#carte    { background-color: #ffffff; text-align: left; clear: both; margin: 0px auto; padding: 10px 0px 0px; border: 1px navy; position: relative; width: 920px; overflow: hidden }
div#content h2   { color: #bf2e1a; font-weight: normal; font-size: 1.5em; text-align: center; margin: 0px; padding: 0px 0px 15px }
div#content div.cleaner {margin: 0px; padding: 0px; clear: both; height: 31px; overflow: hidden;}


/* content left */
div#contentLeft    { background-color: #ffffff; text-align: justify; float: left; margin: 0px; padding: 0px 30px 0px 10px; border: 1px black; position: relative; width: 650px; overflow: hidden }

div#contentLeft ul {margin: 15px 0px; padding: 0px; list-style-type: none; position: relative;}
div#contentLeft ul li {margin: 0px 0px 0px 6px; padding: 0px 0px 0px 19px; background-image: url(../images/icons/arrows.gif); background-repeat: no-repeat; background-position: 0px 3px;}

div#contentLeft ul.presentation {margin: -21px 0px 0px 16px; padding: 0px; list-style-type: none; position: relative;}
div#contentLeft ul.presentation li {margin: 28px 0px 0px 0px; padding: 0px 0px 0px 30px; background-image: url(../images/icons/flag_red.gif); background-repeat: no-repeat; background-position: 0px 2px;}

div#contentLeft dl {margin: 15px 0px; padding: 0px; position: relative;}
div#contentLeft dl dt {margin: 0px; padding: 0px 0px 5px 24px; background-image: url(../images/icons/flag_red.gif); background-repeat: no-repeat; background-position: 0px 2px;}
div#contentLeft dl dd {margin: 0px 0px 0px 33px; padding: 0px 0px 0px 19px; background-image: url(../images/icons/arrows.gif); background-repeat: no-repeat; background-position: 0px 3px;}

img.imageArticle {margin: 0px 10px 10px 0px; padding: 0px; border: 1px solid #cccccc; vertical-align: bottom; float: left;}


/* content right */
div#contentRight     { background-color: #ffffff; text-align: center; float: left; margin: 0px; padding: 0px; border: 1px aqua; position: relative; width: 184px; overflow: hidden }
fieldset.telecharger   { background: url(../images/backgrounds/bg_box_right.gif) no-repeat left bottom; margin: 0px; padding: 0px; border: none }
fieldset.telecharger h3  { background: url(../images/backgrounds/telecharger_la_une.gif) no-repeat 0px 0px; text-indent: -20000px; margin: 0px; padding: 0px; width: 184px; height: 54px; overflow: hidden }
fieldset.telecharger img {margin: 6px 4px; padding: 0px; width: 176px; border: none; vertical-align: bottom;}

fieldset.otherMenus {margin: 0px 0px 19px 0px; padding: 0px 0px 19px 0px; border: none; background-image: url(../images/backgrounds/bg_box_right.gif); background-repeat: no-repeat; background-position: left bottom;}
fieldset.otherMenus h3 {margin: 0px; padding: 14px 0px 4px 33px; width: 184px; overflow: hidden; font-size: 1em; text-transform: uppercase; background-image: url(../images/backgrounds/other_menus.gif); background-repeat: no-repeat; background-position: 0px 0px;}
fieldset.otherMenus ul {margin: 8px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
fieldset.otherMenus ul li {margin: 0px 0px 0px 12px; padding: 0px 0px 0px 22px; background-image: url(../images/icons/arrows01.gif); background-repeat: no-repeat; background-position: 0px 3px;}

fieldset.annuaire {margin: 0px; padding: 0px 0px 19px 0px; border: none; background-image: url(../images/backgrounds/bg_box_right.gif); background-repeat: no-repeat; background-position: left bottom;}
fieldset.annuaire h3 {margin: 0px; padding: 0px; width: 184px; height: 35px; overflow: hidden; text-indent: -20000px; background-image: url(../images/backgrounds/consulter_annuaire.gif); background-repeat: no-repeat; background-position: 0px 0px;}
fieldset.annuaire ul {margin: 8px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
fieldset.annuaire ul li {margin: 0px 0px 0px 12px; padding: 0px 0px 0px 22px; background-image: url(../images/icons/arrows01.gif); background-repeat: no-repeat; background-position: 0px 3px;}
fieldset.annuaire img {margin: 6px 4px; padding: 0px; width: 176px; border: none; vertical-align: bottom;}

fieldset.formalites {margin: 0px; padding: 0px 0px 19px 0px; border: none; background-image: url(../images/backgrounds/bg_box_right.gif); background-repeat: no-repeat; background-position: left bottom;}
fieldset.formalites h3 {margin: 0px; padding: 0px; width: 184px; height: 35px; overflow: hidden; text-indent: -20000px; background-image: url(../images/backgrounds/equipe-formalites.gif); background-repeat: no-repeat; background-position: 0px 0px;}
fieldset.formalites ul {margin: 8px 0px 0px 0px; padding: 0px; list-style-type: none; position: relative;}
fieldset.formalites ul li {margin: 0px 0px 0px 12px; padding: 0px 0px 0px 22px; background-image: url(../images/icons/arrows01.gif); background-repeat: no-repeat; background-position: 0px 3px;}
fieldset.formalites img {margin: 6px 4px; padding: 0px; width: 176px; border: none; vertical-align: bottom;}

/* boxes */
div#boxes {margin: 0px; padding: 23px 0px; color: #575859; background-color: #888888; clear: both;}
div#boxes div {margin: 0px auto; padding: 0px; width: 810px; text-align: left; clear: both; position: relative; background-image: url(../images/backgrounds/bg_boxes.gif); background-repeat: no-repeat; background-position: center bottom;}
div#boxes fieldset {margin: 0px; padding: 0px 10px; width: 250px; overflow: hidden; border: none; float: left;}
div#boxes fieldset img {margin: 0px 0px 8px 0px; padding: 0px; width: 250px; border: none; vertical-align: bottom;}
div#boxes fieldset p {margin: 0px; padding: 0px 12px; line-height: 1.15em;}
div#boxes div.cleaner {margin: 0px; padding: 0px; height: 19px; overflow: hidden; clear: both; background-image: none;}


/* footer */
div#footer {margin: 0px; padding: 30px 0px; clear: both; color: #939393; background-color: #535353;}
div#footer p {margin: 0px auto; padding: 0px; width: 790px; overflow: hidden; font-size: 0.9em; text-align: center;}
div#footer label {padding: 0px 9px; color: #bdbdbd;}
div#footer a {color: #bdbdbd;}
div#footer a:hover {color: #dddddd;}
div#footer a.creation {color: #939393;}
div#footer a.creation:hover {color: #bdbdbd;}


/* label */
label.boldRed {font-weight: bold; color: #bf2e1a;}
etiquette  { font-weight: bold; font-family: "Nom de police", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
label.plusInfo {margin: 16px 0px 0px 0px; padding: 2px 0px 2px 23px; display: block; background-image: url(../images/icons/ico_arrow_on_grey.gif); background-repeat: no-repeat; background-position: 0px 0px;}
label.plusInfo a {text-decoration: underline;}


/* forms */
form  { margin: 4px; padding: 0px }

input.inputLogin {margin: -1px 0px -4px 4px; _margin: -1px 0px -5px 4px; padding: 0px 3px; width: 91px; border: 1px solid #727272; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #4b4a4a; vertical-align: top;}
input.butonLogin {margin: -2px 0px -4px 3px; _margin: -1px 0px -4px 3px; padding: 0px; vertical-align: top; cursor: pointer;}

input.model01 {margin: 0px; _margin: -1px 0px; width: 150px; padding: 0px 2px 1px 2px; border: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}
textarea.model01 {margin: 0px; _margin: -1px 0px; width: 250px; height: 65px; overflow: auto; padding: 0px 2px 1px 2px; border: 1px solid #999999; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}
input.box {margin: 0px; _margin: -2px -3px -3px -4px; padding: 0px; border: none; vertical-align: middle;}
input.radio {margin: 0px; _margin: -2px -3px -3px -4px; padding: 0px; border: none; vertical-align: middle;}
input.buton01 {margin: 0px; padding: 0px 12px 1px 12px; _padding: 0px 4px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ffffff; font-weight: bold; border: 1px solid #ef1c00; background-color: #bf2e1a;}
select.model01 {margin: 0px; padding: 0px; width: 157px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666;}

/* tables */
table.model01 {margin: 15px 0px; padding: 0px; width: 100%; border: none; background-color: #ffffff;}
table.model01 th {padding: 2px 4px; text-align: left; background-color: #dddddd;}
table.model01 td {padding: 2px 4px; text-align: left; background-color: #eeeeee; color: #555555;}
.etiquette    { color: #bf2e1a; font-weight: bold; font-size: 11px; font-family: Arial; text-align: center; text-transform: uppercase; padding: 3px 0px; border-top: 1px double #bf2e1a; border-bottom: 1px groove #bf2e1a }
.etiquette3  { color: #bf2e1a; font-weight: bold; font-size: 13px; font-family: Arial; text-align: center; text-transform: uppercase; padding: 1px 0px; border-top: 1px none #bf2e1a; border-bottom: 1px none #bf2e1a }
.lignepanier { font-family: Arial; text-align: left; padding: 1px auto 1px 1px; border: solid 1px #bf2e1a; width: 200px }
.etiquettePanier   { color: #bf2e1a; font-weight: bold; font-size: 13px; font-family: Arial; background: url(../images/backgrounds/b_01.PNG) no-repeat 3px ; text-align: left; text-indent: 30px; padding: 5px; border: solid 1px navy }
.etiquette2  { font-weight: bold; font-size: 11px; font-family: Arial; text-align: center; text-transform: uppercase; text-indent: 50px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px }
.etiquette1   { color: navy; font-weight: bold; font-size: 11px; font-family: Arial; text-decoration: underline; text-align: left }
.etiquettepv { color: navy; font-weight: bold; font-size: 11px; font-family: Arial; text-align: left }
.Mandat4 { color: navy; font-family: Arial; text-align: left }
.Mandat5 { font-family: "Arial Black", Arial; text-align: left }
.Mandat6 { font-family: Arial, Verdana; text-align: justify }
.etiquettepvs   { font-size: 12px; font-family: Arial; text-align: center }
.cadrelogin  { font-weight: bold; background: url(../images/icons/ico_login.gif) no-repeat 40px 40px; text-transform: uppercase; float: right; border: 1px gray; position: static; width: 470px }
.cadreMmbre    { color: #888; font-weight: bold; font-size: 14px; text-align: center; text-transform: uppercase; word-spacing: 15px; letter-spacing: 5px; float: right; margin: 2px; padding: 2px; border-style: solid none solid none; border-width: 1px; border-color: #bf2e1a; position: relative; top: 15px; width: 490px }
.cadreMmbre1 { color: #bf2e1a; font-weight: bold; font-size: 14px; text-align: center; text-transform: uppercase; word-spacing: 15px; letter-spacing: 5px; float: right; margin: 2px; padding: 2px; border: 1px navy; position: relative; top: 15px; width: 470px }
.cadredate    { font-size: 12px; float: right; border: 1px black; position: relative; top: 15px; width: 470px; height: 35px }
.cadredate01    { font-size: 12px; text-align: center; float: right; border: 1px blue; position: relative; top: 10px; width: 490px }
.cadrepag       { text-align: justify; float: left; border: 1px black; position: relative; width: 300px }
.cadrephoto_g      { text-align: left; float: left; border: 1px purple; position: relative; width: 100px }
.cadreTele_g    { text-indent: 0px; float: left; margin: 0px; padding: 0px; border: 1px red; position: relative; width: 510px }
.cadrepags  { font-size: 12px; float: left; border: 1px red; position: relative; width: 610px }
.cadrepad     { text-align: justify; float: right; border: 1px fuchsia; position: relative; width: 300px }
.cadrephoto_d      { text-align: left; vertical-align: baseline; float: right; border: 1px lime; position: relative; width: 715px }
.cadreTele_d   { text-align: left; float: right; margin: 0px; padding: 0px; border: 1px navy; position: relative; width: 400px }
.cadrelogo  { background-repeat: repeat; float: left; border: 1px navy; width: 295px }
.cadre_g      { text-align: left; margin: 0px auto; padding: 0px; border: 1px silver; position: relative; width: 850px }
.cadre_tele_general { text-align: left; margin: 0px auto; padding: 0px; border: 1px silver; position: relative; width: 920px }
.cadre_g1      { text-align: left; margin: 0px auto; padding: 0px; border: 1px #bf2e1a; position: relative; width: 920px }
.cadre_photo_general     { clear: both; margin: 0px auto; padding: 7px 0px 5px; border: 1px #bf2e1a; position: relative; width: 820px }
.lettrine1   { color: #bf2e1a; font-family: "Arial Black", Arial; text-align: center; text-transform: uppercase; word-spacing: 5px; letter-spacing: 3px }
.lettrine3 { color: #bf2e1a; font-weight: bold; font-family: Arial, "Arial Black"; text-align: center; border: 1px blue; height: 20px }
.Mandat_1 { color: #bf2e1a; font-size: 1.5em; font-family: "Arial Black", Arial; text-align: center; text-transform: uppercase; word-spacing: 5px; letter-spacing: 3px }
.Mandat_2 { font-weight: bold; font-size: 15px; font-family: Arial, "Arial Black"; text-align: center; border: solid 1px black; width: 670px }
.Mandat_3 { color: white; font-family: "Arial Black", Arial; background-color: #bf2e1a; text-align: center; border: black }
.lettrine    { color: #bf2e1a; font-size: 11px; font-family: "Arial Black", Arial; text-align: center; text-transform: uppercase; margin: 3px 0px 2px; padding: 0px; border-style: solid none solid none; border-width: 1px; border-color: #bf2e1a }
.lettrine2    { color: #bf2e1a; font-size: 13px; font-family: "Arial Black", Arial; text-align: right; text-transform: uppercase; text-indent: 50px; margin: 3px 0px 2px; padding: 0px; border-style: solid none solid none; border-width: 1px; border-color: #bf2e1a }