BODY {
    background: url(images/fondPage.gif);
    font-family: arial;
    font-size: 12px;
}

A { color: #000000;  font-weight: bold; font-size:12px; text-decoration:none;}
A:hover { color: #BD3700;  font-weight: bold; font-size:12px; text-decoration:underline;}

.linkA:link    { font-size: 12px; color: #000080; font-weight: bold; text-decoration: underline }
.linkA:visited { font-size: 12px; color: #000080; font-weight: bold; text-decoration: underline }
.linkA:hover   { font-size: 12px; color: #F6FFF5; font-weight: bold; text-decoration: underline }

div.cadre {
    position: relative;
    background-color: #E0E0E0;
    width: 679px;
    margin: 20px auto 10px auto;
}

DIV.cadre H6 {
    background-color: #00999C;
    color: white;
    font-size:12px;
    margin:0;
    padding:1px 5px;
}

div.cadre div.corps { padding: 5px; }

div.cadre table {
    margin:0px;
    width:600px;
} * HTML DIV.cadre table { margin:0px; width:600px; }

FIELDSET.single {
    margin: 5px auto;
    width: 580px;
}
FIELDSET.single #selectCompte { width: 580px; }

DIV.cadre FIELDSET {
    border: 1px solid #606;
    color: #606;
    margin: 10px 10px 20px 10px;
    padding: 5px 10px;
}

DIV.cadre FIELDSET LEGEND {
    border: 1px solid #606;
    font-weight: bold;
    background-color: #E5E2E2;
    padding: 2px 5px;
}

DIV.cadre FIELDSET P { text-align: left; }

#container h2 {
/*color:#F47C1B;*/
font-size:12px;
line-height:47px;
margin:10px;
padding:0 0 0 55px;
}

#container{
    width:670px;
}

FORM.cadre {
    position: relative;
    background-color: #E0E0E0;
    width: 679px;
    margin: 20px auto 10px auto;
}

FORM.cadre H3 {
    background-color: #00999C;
    color: white;
    font-size:12px;
    margin:0;
    padding:1px 5px;
}

FORM.cadre FORM.corps { padding: 5px; }

FORM.cadre table {
    margin:0px;
    width:640px;
} * HTML FORM.cadre table { margin:0px; width:600px; }


FORM.cadre FIELDSET {
    border: 1px solid #606;
    color: #606;
    margin: 10px 10px 20px 10px;
    padding: 5px 10px;
}

FORM.cadre FIELDSET LEGEND {
    border: 1px solid #606;
    font-weight: bold;
    background-color: #E5E2E2;
    padding: 2px 5px;
}

FORM.cadre FIELDSET P { text-align: left; }

#msgForm{
    font-size: 12px;
    padding-top:10px;
    padding-left:30%;
    font-weight: bold;
    color: #ff3300;
}

FORM.entier {
    background-color: #E9F1FE;
    width: 601px;
    margin: 0 auto;
    border: 1px navy solid;
    border-top: none;
    margin: 10px auto;
}

FORM.entier H3 {
    position: relative;
    left: -1px;
    background: #88AEFD url(images/corner.gif) no-repeat right top;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 5px;
    margin: 0;
    width: 593px;
    border-bottom: 1px navy solid;
}

FORM.entier H4 {
    background-color: #88AEFD;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 5px;
    margin: 0;
    text-align: left;
    height: 15px;
    white-space: nowrap;
}

FORM LABEL A {
    background: url(images/FA_interrogation.gif) no-repeat right;
    padding-right: 20px;
    color: navy;
    text-decoration: none;
}
FORM LABEL A:hover { text-decoration: underline; }


.champ {
    height: 30px;
    margin: 5px 0 0 0;
    padding: 0 ;
}
FORM .champ.ligneCaptcha{
    height: 50px;
    margin: 5px 0 0 0;
    padding: 0 ;
    text-align: left;
}

* HTML .champ {
    margin: 5px 0 0 0;
    padding: 0 ;
}

FORM .champ LABEL {
    float: left;
    font-weight: bold;
    width: 180px;
    height: 20px;
    padding: 0px;
    margin: 0 0 0 10px;
}

* HTML .aligneIE { text-align: center; }

FORM .champ SELECT {
    float: left;
    font-size: 11px;
    width: 290px;
    height: 20px;
}

FORM .champ INPUT {
    float: left;
    width: 290px;
    height: 16px;
}


FORM #checkDisclaimer B { padding-left: 20px; }

FORM .boutons {
    margin: 10px auto;
    width: 276px;
    height: 17px;
}

FORM .boutons A.btn {
    float: left;
    background: url(images/boutons/btn_large.gif) no-repeat;
    color:#407587; 
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    width: 128px;
    height: 17px;
    margin: 0 5px;
}
FORM .boutons A.btn:hover { color: white; background: url(images/boutons/btn_large.gif) no-repeat; }


#containeurContourBd1 {
    width: 600px;
/*  border: 1px #24a solid;
    background-color: #e9f1fe;*/
}


#valider { margin-left: 280px; }
#rechVal { position: relative; }

#ResultListDep{
    position:absolute;
    z-index:1;
    visibility:hidden;
    width:60%;
    height:115px;
    left:290px;
    top:20px;
}

#ResultListDep SELECT {
    z-index:1;
    height:120px;
}

FORM.demi {
    float:left;
    margin: 30px 20px 0 0;
    padding-bottom:10px;
    width:315px;
    position:relative;
}

FORM.demi .champ LABEL {
    float: left;
    font-weight: bold;
    width: 120px;
    height: 20px;
    padding: 0px;
    margin: 0 0 0 10px;
}

FORM.demi .champ INPUT {
    float: left;
    width: 170px;
    height: 20px;
}


P { text-align: justify; }

FORM.demi H3{
    position:absolute;
    top:-24px;
    width:100%;
    margin:0;
}


.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.gras { font-weight: bold; }

#left {
    padding-right: 160px;
    height: 300px;
}

#right {
    position: absolute;
    top: 25px;
    right: 5px;
}

ul.info li {
    font-family: verdana;
    font-size: 11px;
    padding: 0 5px 10px 0;
    text-align: justify;
    text-indent: 0;
}


TABLE.datas {
    width: 100%;
} * HTML TABLE.datas { position: relative; top: 4px; }
  *+HTML TABLE.datas { position: relative; top: 4px; }

TABLE.datas TH,
TABLE.datas TD { white-space: nowrap; }

TABLE.datas TH {
    background-color: #00999C;
    color: black;
}

TABLE.datas TH A.linkB {
    color: black;
}

/* FAQ */
.indexFaq A {
    display: block;
    background: url(./images/triangle_off.gif) no-repeat left;
    color: #000000;
    font-size: 12px;
    font-weight: none;
    text-decoration : none;
    padding-left: 15px;
    margin-left: 5px;
}
.indexFaq A:hover {
    color: #000000;
    background: url(./images/triangle_off.gif) no-repeat left;
    font-weight: bold;
}

.faq H3 {
    color:  #000;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.faq H3 A .top{
    color: #000000;
    background: url(../images/top.png) no-repeat;
    padding: 8px 0px 1px 7px;
    font-size: 1px;
    font-weight: normal;
}

.faq P { color: #000; }

.faq HR {
    border: none;
    border-bottom: 1px #D6DBF7 solid;
    margin: 10px 40px 20px 30px;
} * HTML .faq HR { margin: 0 0 10px 40px; }
  *+HTML .faq HR { margin: 0 0 10px 40px; }

H1 {
    margin: 0 0 7px 5px;
    font-family: verdana;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 0 6px 0;
}

#presentationFormG {
    position: relative;
    background: url(../images/IMG_formation.gif) no-repeat left top;
    padding-left: 290px;
    height: 247px;
    margin-bottom: 20px;
}

form .champCoche {
clear:both;
height:24px;
width:100%;
}
FORM .champCoche INPUT { position: absolute; }
FORM .champCoche LABEL {  padding-left: 20px; }
FORM #checkDisclaimer B { padding-left: 20px; }

.msgErr {
    color: red;
    text-align: center;
}

FORM.cadre .msgErr SPAN {
    display: block;
    border: 1px #eb3e3e solid;
    text-align: center;
    color: #eb3e3e;
    font-weight: bold;
    background-color: #FFEFEF;
    padding: 10px;
    margin: 10px;
    width: auto;
}

div#liensSousMenu {
padding: 2px 0 5px 4px;
}

.hide { display: none;} 

FORM.cadre H4 {
    border-bottom: 1px dashed black;
    padding: 0px 5px;
    text-align: left;
    clear: both;
}
FORM.cadre #civ { clear: both; width: 100%; }
FORM.cadre #civ LABEL.titre { width: 121px; }
FORM.cadre #civ INPUT {  }


FORM .champRadio {
    height: 23px;
    margin: 5px 0 0 0;
    padding: 0 ;
    text-align: left;
}

FORM .champRadio LABEL.titre {
    float: left;
    width: 175px;
    height: 20px;
    margin: 0 0 0 10px;
    font-weight: bold;
}

/********* listes code postaux dans formulaires ouverture de compte *********/
.listeVille {
        font-size: 9px;
        width: 250px;
        max-height: 200px;
        padding: 3px;
        overflow: auto;
        position: absolute;
        background-color: white;
        z-index: 10;
        border:1px solid #2244AA;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
    -moz-border-radius: 10px 10px 0px 0px;
    border: solid 1px #00999C;
    background-color: #00999C;
    /* background:url("../images/bgTop.png") repeat-x scroll 0 0 transparent; */
    
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
    background-color: #E0E0E0;
    border: 0px solid #ccc;
    border-top: none;
}

.GB_Window .caption {
    color: #FFF;
    padding:0 0 0 10px;
}

.GB_Window .header span {
        color:#fff;
        padding:0 10px 0 0;
}

DIV.cadre TABLE THEAD TH.header { color:white; background: #00999C url(images/tri_off.gif) no-repeat right center; padding-right: 15px; cursor: default; }
DIV.cadre TABLE THEAD TH.headerSortUp { color:#D1E51E; background: #407587 url(images/tri_up.gif) no-repeat right center; }
DIV.cadre TABLE THEAD TH.headerSortDown { color:#D1E51E; background: #407587 url(images/tri_down.gif) no-repeat right center; }
DIV.cadre TABLE TBODY TR.odd { background-color: white; }
DIV.cadre TABLE TBODY TR.even { background-color: #eee; }


#debug {
background-color:#FFEEEE;
clear:both;
color:red;
display:none;
float:left;
font-family:courier;
font-weight:normal;
left:0;
opacity:0.9;
padding:1px;
position:absolute;
text-align:left;
top:0;
z-index:10;
}