/*   GENERAL   */
body {
padding: 0px;
margin: 0px 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
color: #000;
background: #f0f0f0 url(../img/bg_bod2.jpg) fixed repeat-x;
text-align: center;
}
a:link {
color: #002fa7;
background-color: inherit;
}
a:visited {
color: #7800a7;
background-color: inherit;
}
a:hover, a:active, a:focus {
color: #333;
background-color: inherit;
}
img {
border: 0px;
line-height: 0.1;
}
ul {
list-style-type: square;
}
ul ul, ol ul {
list-style-type: disc;
}
label, input {
vertical-align: middle;
}
label {
font-weight: bold;
}
input {
font-size: 1em;
}
acronym, abbr {
cursor: help;
}
.nobrd {
border: none !important;
}
.cbhr {
clear: both;
line-height: 1px;
font-size: 1px;
height: 0px;
overflow: hidden;
}
.cbhr hr {
display: none;
}
em {
font-weight: bold;
font-style: normal;
}
blockquote {
font-style: italic;
}
p, ul, ol, li, blockquote, h1, h2, h3, h4, form {
margin: 0px;
padding: 0px;
}

/*  Accessibilité - HORS ECR.  */
#ht label, #logo span, .vac span, #skip li a, #audio a, #hdp, #zoom span {
position: absolute;
left: -9999px;
top: 0px;
}
#wrapper {
position: relative;
margin: 5px auto;
color: #333;
background-color: #f0f0f0;
text-align: left;
max-width: 62em;
min-width: 40em;
}

/*  HAUT  */
#ht {
position: relative;
z-index: 2;
color: #fff;
background: #264EAB url(../img/bg_hd.jpg) left top repeat-x;
border: 3px solid #f0f0f0;
}
#ht ul {
list-style-type: none;
}

/*  Accessibilité - EVITEMENT  */
#skip {
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
height: 0px;
width: 22.8em;
list-style-type: none;
}
#skip li {
position: absolute;
top: 0px;
width: 11em;
}
#skip #sk1 {
left: 0px;
}
#skip #sk2 {
left: 11.4em;
}
#skip li a, #audio a {
display: block;
width: 100%;
padding: 3px 0px;
border: solid yellow 0.2em;
font-weight: bold;
line-height: 1.0;
color: #000;
background: #f0f0f0;
text-align: center;
}
#skip li a:active, #skip li a:focus {
top: 0px;
left: 0px;
font-size: 113%;
}

/*  LOGO + BASELINE  */
#logo {
float: left;
width: 65%;
padding: 1.2em 0px 2px 0px;
font-size: 1em;
background-image: url(../img/dc_hd.jpg);
background-position: 88px 0px;
background-repeat: no-repeat;
margin-right: -9em;
}
#logo a {
color: #fff;
background-color: inherit;
}
#logo img {
margin-left: 15px;
}
#logo em {
position: relative;
top: -2px;
left: 23px;
letter-spacing: 1px;
font-size: 88%;
}

/*  NAV_SECOND  */
#nv_sc {
float: right;
width: 19.1em;
padding: 0px 4px 4px 0px;
text-align: right;
margin-right: -1px;
color: #000;
background: #f0f0f0 url(../img/bg_ob.jpg) no-repeat;
}
#nv_sc li {
display: inline;
}
#nv_sc a:link, #nv_sc a:visited {
color: #444;
background: inherit;
}
#nv_sc a:hover, #nv_sc a:active, #nv_sc a:focus {
color: #000;
background: inherit;
}
#nv_sc span {
margin: 0px 4px;
color: #999;
background: inherit;
}

/*  FORM RECHERCHE  */
#src {
float: right;
clear: right;
width: 19em;
padding: 4px 2px 4px 0px;
text-align: right;
}
#src input {
width: 11.9em;
}
#src .subsrc {
width: 5.2em;
}

/*  AUDIO  */
#audio {
float: right;
clear: right;
width: 19em;
padding: 0px 2px 4px 0px;
position: relative;
z-index: 3;
}
#audio object {
width: 16.67em;
height: 1.67em;
float: right;
}
#audio p {
position: relative;
}
#audio a:active, #audio a:focus {
left: -20px;
top: 1.6em;
width: 15em;
font-size: 113%;
}

/*  ZOOM  */
#zoom {
position: relative;
float: right;
clear: right;
display: inline;
left: -5px;
margin-bottom: -1.2em;
}
#zoom #zoom2, #zoom #zoom1 {
font-size: 150%;
line-height: 0.9;
font-weight: bold;
font-family: "Courier New", Courier, mono, serif;
color: #fff;
background: inherit;
}
#zoom #zoom1 {
display: none;
}

/*  NAVIGATION  */
#nav {
position:relative;
clear: left;
line-height: 122%;
text-align: center;
left: 2px;
}
#nav ul {
position: relative;
}
#nav li {
float: left;
width: 17.5%;
margin: 0px 2px 0px 0px;
line-height: 122%;
color: #000;
background: #f0f0f0 url(../img/ong_off2.gif) no-repeat left top;
border-bottom: 2px solid #4287c4;
}
#ht #nav a, #ht #nav strong {
display: block;
margin-left: 4px;
padding: 6px 1px 1px 0px;
text-decoration: none;
color: #000;
background: #f0f0f0 url(../img/ong_off2.gif) no-repeat right top;
}
#ht #nav #active a, #ht #nav #active strong {
font-weight: bold;
color: #444;
background: #f0f0f0 url(../img/ong_on2.gif) no-repeat right top;
}
#ht #nav a:hover, #ht #nav a:active, #ht #nav a:focus, #ht #nav #active a {
text-decoration: underline;
}
#ht #nav #active {
position: relative;
color: #444;
background: url(../img/ong_on2.gif) #21334a no-repeat left top;
border-bottom-width: 0px;
padding-bottom: 2px;
}
#nav ul ul, #nav #active li, #nav #active li a, #nav #active li strong {
position: static;
float: none;
width: auto;
margin: 0px;
padding: 0px;
border-width: 0px;
color: #444;
background: #f0f0f0;
}
#nav ul ul {
position: absolute;
top: 1.2em;
left: -6em;
width: 22em;
margin-top: 10px;
padding: 1px 1px 2px 1px;
border-right: #ddd 1px solid;
border-bottom: #ddd 1px solid;
border-left: #ddd 1px solid;
font-size: 1em;
}
#nav li li, #nav li li a, #nav li li strong {
background: #f0f0f0 !important;
color: #000;
}
#nav #active li, #nav #active li a, #nav #active li strong {
display: inline;
}
#nav #active li a, #nav #active li strong, #nav #active li span {
position: relative;
}
#nav #active li a, #nav #active li span {
font-weight: normal !important;
}

/*   CONTENU   */
#contenu {
position: relative;
z-index: 1;
padding-bottom: 5px;
border-top: 1px solid #e3e3e3;
border-right: 3px solid #f0f0f0;
border-bottom: 1px solid #f5f5f5;
border-left: 3px solid #f0f0f0;
font-size: 116.67%;
line-height: 1.3;
color: #333;
background-color: #fff;
}
#contenu .mb1 {
margin-bottom: 0px;
}
ol {
margin: 0px 10px 10px 31px;
}
#contenu ul {
margin: 0px 10px 10px 26px;
}
#contenu ol ul, #contenu ul ul {
margin: 0px 0px 0px 14px;
}
#contenu p, #contenu form {
margin: 0px 10px 10px 10px;
}
#contenu h1 {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 18px;
font-size: 2.2em;
font-weight: bold;
line-height: 1.2;
color: #555;
background: #fff url(../img/puc_h.gif) no-repeat center left;
}
#contenu .mnlv2 {
margin-top: 20px;
}
h2 {
margin: 7px 10px;
padding: 3px 0px;
font-size: 1.4em;
line-height: 1.0;
font-weight: normal;
clear: left;
}
h3 {
margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 17px;
font-size: 120%;
font-weight: normal;
background-image: url(../img/puc_a1.gif);
background-position: center left;
background-repeat: no-repeat;
clear: left;
}
h4 {
margin-left: 10px;
font-size: 1em;
font-weight: bold;
}
fieldset {
padding: 0px 6px 5px 6px;
text-align: right;
}
#contenu fieldset p {
margin: 0px;
}
legend {
padding: 0px 3px;
font-weight: bold;
color: #333;
background: inherit;
text-align: left;
}
.fz_b {
font-size: 117%;
}
.fcr5 {
color: #088635;
background: #fff;
}
.fcr6 {
color: #f00;
background: #fff;
}
.centre, .vac {
text-align: center;
}
.vac img {
margin: 10px;
vertical-align: middle;
}
.centre img {
margin: 0px -5px;
}

/*   ACC   */
.cg1 {
float: left;
width: 44%;
}
.cd1 {
float: right;
width: 55%;
padding: 5px 0px 0px 0px;
margin: 5px 5px 15px -50px;
border: 2px solid #ccc;
}
#contenu .cd1 p {
margin-right: 0px;
}
.cg1 h3.arw {
margin: 0px 10px 5px 80px;
}
.cg1 h3 a {
padding-left: 17px;
}
.cg1 h3 {
font-size: 1em;
padding-left: 0px;
background-image: url(../img/puc_a2.gif);
font-weight: normal;
}
.cd1 h3, .cg1 h3 {
margin-bottom: 0px;
}
.cd1 h3 {
margin-top: 5px;
font-size: 1em;
font-weight: bold;
}
#contenu .cdnk {
clear: left;
margin: 2px;
padding: 0px;
border: 1px solid #ccc;
font-size: 1em;
font-weight: bold;
text-align: center;
color: #333;
background: #f0f0f0;
}
.cdnk a {
padding: 3px;
font-size: 88%;
display: block;
}
.tl, .tr, .bl, .br {
float: left;
width: 49%;
font-size: 88%;
}
.bl {
clear: left;
}
.bl, .br {
position: relative;
top: -2px;
left: -2px;
}
#contenu .bl h3, #contenu .br h3, #contenu .bl p, #contenu .br p {
margin-left: 12px;
}
#contenu .bl h3, #contenu .br h3 {
margin-top: 9px;
}
.br {
background-image: url(../img/bg-br-2.jpg);
background-repeat: no-repeat;
}
.tl {
background-image: url(../img/bg-tl-2.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

/*  AIDE + PRESTATIONS + LEGAL + LOGIN  */
.cg3, .cg4, .cd3 {
float: left;
width: 49.5%;
}
.cg3 {
border-right: 1px solid #bbb;
border-right: 2px solid #ccc;
}
.cd3 {
padding-bottom: 10px;
padding-left: 2px;
}
.divenc {
font-size: 88%;
border: 2px solid #bbb;
margin: 5px;
padding-top: 10px;
background: #f0f0f0;
color: #444;
}

/*   CONSEIL + FORMATION   */
.cdec1, .cdec2 {
margin: 0px 2px 2px 10px;
padding: 1px;
border: 1px solid #ccc;
color: #333;
background: #fafafa;
clear: both;
}
#contenu div.cdec1 h3, #contenu div.cdec2 h3 {
font-weight: bold;
font-size: 91.7%;
padding: 2px 5px;
margin: 0px 0px 7px 0px;
color: #fff;
background: #666;
}
.cdec1 {
margin-right: 0px;
}
.cdec2 {
margin-left: 0px;
}

/*   A-PROPOS   */
.cdx {
float: right;
width: 33%;
margin: 5px 10px 5px 0px;
border: 2px solid #ccc;
}
#contenu .cdx h2 {
border: none;
}
.cgx {
float: left;
width: 64%;
}
.portr {
float: left;
margin: 0px 10px 10px 0px;
}
/*   ACC + AS1 + AS2  */
#contenu .acc_h1, #contenu #pg_suiv, #contenu #pg_prec {
margin: 10px 0px 15px 10px;
padding: 0px;
border-bottom-width: 0px;
font-size: 1.1em;
line-height: 1.3;
}

/*   CONTACT   */
#contenu #contact input.txt, textarea {
width: 75%;
}
.bigr {
font-size: 125%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f00;
background-color: #fff;
line-height: 0.5;
position: relative;
top: 0.25em;
}
#tp {
vertical-align: top;
top: 0.2em;
position: relative;
}
.cg5 {
float: left;
width: 66%;
}
.cd5 {
float: left;
width: 33%;
}

/*  RECUP MDP  */
#mdp .lft {
text-align: left;
}

/*  PARTENAIRES  */
#contenu .part, #contenu .part_br {
float: left;
width: 50%;
margin: 20px 0px 20px -1px;
padding: 0px;
text-align: center;
}
.part_br {
border-right: 2px dotted #bbb;
border-right: 1px solid #bbb;
}
.part img, .part_br img {
margin-bottom: 10px;
}
.part a, .part_br a {
font-size: 88%;
font-weight: bold;
text-decoration: none;
}

/*  LEGAL  */
.cc {
margin-top: 10px;
text-align: center;
background: transparent url(../img/cc-by-nc-sa.gif) no-repeat top center;
}
.cc a {
display: block;
padding-top: 33px;
}

/*   AS1 + AS2  */
#contenu #pg_suiv {
margin: 0px 10px 0px 0px;
text-align: right;
background: transparent url(../img/fleche_s.gif) no-repeat center right;
}
#contenu #pg_prec {
margin: 0px 0px 0px 10px;
background: transparent url(../img/fleche_p.gif) no-repeat center left;
}
#pg_suiv a {
padding-right: 20px;
}
#pg_prec a {
padding-left: 20px;
}
#contenu #sous_menu {
position: relative;
z-index: 2;
left: 2px;
top: -20px;
float: right;
clear: left;
width: 11%;
padding: 3px 0px 4px 20px;
margin: 0px 0px 20px 20px;
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #d8d8d8;
border-left: solid 1px #d0d0d0;
font-size: 88%;
color: #333;
background: #f0f0f0;
}

/*  PRESTATIONS  */
#contenu .mb3 {
margin-right: 95px;
}

/*  RESULT RECHERCHE  */
.rsrc {
font-weight: normal;
background: #fff;
color: #333;
padding-left: 0px;
margin-bottom: 0px;
}

/*  DECO VERNIER  */
#vernier {
position: absolute;
z-index: 2;
top: 3px;
right: -20px;
height: 218px;
width: 122px;
font-size: 1em;
}
.vtg ,.vgc,.vdr,.vwb {
position: absolute;
top: 0px;
left: 0px;
}
.vtg {
top: 1.3158em;
height: 194px;
width: 86px;
margin: 24px 0px 0px 0px;
background-image: url(../img/pc_tg.gif);
background-repeat: no-repeat;
}
.vgc {
height: 218px;
width: 122px;
background-image: url(../img/pc_gc.gif);
background-repeat: no-repeat;
}
.vdr {
top: 1em;
height: 76px;
width: 122px;
margin-top: 17px;
font-size: 100%;
background-image: url(../img/pc_dr.gif);
background-repeat: no-repeat;
}
.vwb {
top: 24px;
height: 1em;
width: 62px;
font-size: 100%;
}

/*  DECO LISTE PLAN  */
#contenu #plan {
position: relative;
width: 18.5em;
margin: 5px 5px 5px 10px;
padding: 2px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
line-height: 1.2;
color: #333;
background: #f5f5f5;
list-style-type: none;
}
#plan li {
position: relative;
padding-top: 2px;
}
#contenu #plan ul {
top: -12px;
margin: 0px 0px 0px 10px;
padding-right: 11px;
list-style-type: none;
}
#plan li li {
padding-top: 1px;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}
#plan ul, #plan a, #plan span {
position: relative;
}
#plan a, #plan span {
display: block;
z-index: 2;
padding: 3px 0px 3px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}
#plan span {
color: #333;
background-color: #fff;
}
#plan a {
text-decoration: underline;
}
#plan a:link {
color: #002fa7;
background-color: #fff;
}
#plan a:visited {
color: #7800a7;
background-color: #fff;
}
#plan li li a, #plan li li span {
top: 13px;
left: 11px;
}
#contenu #plan .first {
padding: 0px 3px;
font-size: 1.1em;
}
#plan .first a {
padding: 0px;
border: none;
}
#plan .first a:link {
color: #002fa7;
background-color: #f5f5f5;
}
#plan .first a:visited {
color: #7800a7;
background-color: #f5f5f5;
}

/*   BAS   */
#bs {
position: relative;
clear: both;
margin: 0px 1px;
padding: 2px 0px 0px 0px;
list-style-type: none;
text-align: center;
color: #555;
background: #f0f0f0 url(../img/ongx.gif) repeat-x;
}
#bs li {
display: inline;
padding: 0px;
margin: 0px;
font-size: 87.5%;
font-weight: bold;
}
#bs .li_last_nb {
position : absolute;
left: 48.7%;
top: 3em;
display: block;
width: 19px;
height: 19px;
}
#bs li span {
margin: 0px 1px;
color: #999;
background-color: inherit;
}
#bs a:link, #bs a:visited {
color: #666;
background-color: inherit;
}
#bs a:hover, #bs a:active, #bs a:focus {
color: #444;
background-color: inherit;
}