/* GENERAL */

* {margin:0; padding:0; }
html, body { height:100%; }
body { background:url(../../images/degrade_body.gif) top left repeat-x #ffffff; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000738;}

img { border:none;}
table { border-collapse:collapse; }
td { vertical-align:top; }
a {color:#FF7F00; text-decoration:none;}
h2 { font-size:12px; color:#FF7F00; padding:5px 0};

.txt_justify {text-align:justify;}
#menu { width:127px; }
/*-------------------------*/

.image_titre {padding:10px 0 15px 0; border:0; }
.texte_reglement { text-align:justify; padding:0 10px 10px 10px; }
.text_box { border: 1px solid #000738; font-size:10px; }
.pass_box { border: 1px solid #000738; font-size:11px; }
.err { font-weight:bold; color:#FF0000; text-align:center; margin:0 0 10px 0;}

/*-------------------------*/


/* TABLEAU AGENCE & CLIENTS */
#table_agence { width:95%; border-collapse:separate; margin:0 0 0 20px; }
#table_agence th { font-weight:bold; color:#FFFFFF; background-color:#000738; height:35px; text-align:center; font-size:11px;}
#table_agence .td2 { background-color:#EAE0C0; height:25px; text-align:center; }
#table_agence .td1 { background-color:#FFFFFF; height:25px; text-align:center;}
#table_agence td { vertical-align:middle; }
#table_agence a { text-decoration:none; font-weight:bold; color:#000000; }


/* TABLEAU CDE */
#table_cde { width:98%; border-collapse:separate; margin:0 0 0 20px; }
#table_cde th { font-weight:bold; color:#FFFFFF; background-color:#000738; height:30px; text-align:center; font-size:11px;}
#table_cde .td2 { background-color:#EAE0C0; height:25px; text-align:center; }
#table_cde .td1 { background-color:#FBF8F1; height:25px; text-align:center;}
#table_cde td { vertical-align:middle; text-align:center; }
#table_cde a { text-decoration:none; }


/* BLOC */
#conteneur { width:839px; height:100%; margin:0 auto; background-color:#0E1650}
#bandeau_gauche { width:36px; background:url(../../images/degrade_gauche_bas.gif) bottom repeat-y;}
#bandeau { height:140px; width:820px; background-color:#FFFFFF;}
#bandeau_droit { width:10px; background:url(../../images/degrade_droit_bas.gif) bottom repeat-y;}

/* CENTRE */
#centre { width:626px; text-align:left; background-color:#FFFFFF;}
#centre .erreur {font-weight:bold; color:#FF0000; text-align:center; margin:120px 100px -80px 0}


/* EDITO */ 
#edito { float:left; width:378px; background:url(../../images/bas_cadre_edito.gif) #FFFFFF no-repeat; background-position: center bottom; margin:20px 10px 20px 10px}
#edito h3 { margin:0; padding: 30px 20px 5px 20px; background: transparent url(../../images/haut_cadre_edito.gif) no-repeat; background-position: center top; text-align: center; font-size:12px; color:#FF7F00;}
#edito p {text-align: justify; padding:0 15px 25px 10px; color:#000738}

/* COMPTE */
#compte { width:315px; padding:0 0 5px 150px; }
#compte table { width:315px; }
#compte td { width:50%; height:20px; }
#compte th { text-align:center; font-weight:bold; color:#000738; height:40px;}


/* CONTACT */
#contact { padding:0 0 0 45px;}
#contact td { padding:0 10px 10px 0}


/* CADRE AGENCE */ 
#cadre_agence { float:center; width:378px; background:url(../../images/bas_cadre_agence.gif) #FFFFFF no-repeat; background-position: center bottom; margin:0 0 10px 140px}
#cadre_agence h3 { margin:0; padding: 30px 20px 5px 20px; background: transparent url(../../images/haut_cadre_agence.gif) no-repeat; background-position: center top; text-align: center; font-size:12px; color:#FF7F00;}
#cadre_agence p {text-align: center; padding:5px 15px 25px 10px; color:#000738;}


/* AUTHENTIFICATION */
#authentification { float:center; width:378px; background:url(../../images/bas_cadre_authentification.gif) #FFFFFF no-repeat; background-position: center bottom; margin:130px 60px 100px 65px;}
#authentification h3 { margin:0; padding: 30px 20px 5px 20px; background: transparent url(../../images/haut_cadre_authentification.gif) no-repeat; background-position: center top; text-align: center; font-size:12px; color:#FF7F00;}
#authentification p {text-align: justify; padding:0 15px 0 10px; color:#000738; font-size:12px;}

.label_auth { font-size:12px; padding:0 0 0 60px;}
#bouton_valider {padding:0 0 0 130px;}

/* NEWS */
#news {margin:20px 5px 0 0; float:right;  width:189px; background:url(../../images/bas_cadre_news.gif) #FFFFFF no-repeat; background-position: center bottom;}
#news h3 { padding: 30px 20px 5px 20px; background: transparent url(../../images/haut_cadre_news.gif) no-repeat; background-position: center top; text-align: center; font-size:12px; color:#FF7F00;}
#news p { padding:0 15px 5px 10px; font-size:11px;}
#news a { color:#000738;}
#news a:hover { color:#FF7F00;}
.titre_news {color:#FF7F00; font-weight:bold; text-align:center; font-size:12px; padding:0 0 10px 0}
hr {width:80%; display:block; margin:3px auto;}

/* CONNEXION */
#connexion { width:573px; background:url(../../images/bas_cadre_connexion.gif) center bottom no-repeat; height:35px; margin:7px auto;}
#connexion .puce1 {background:url(../../images/puce_transparente.gif) center no-repeat;margin-top:-16px; float:left; height:18px; width:13px; margin-left:23px; position:relative;}
#connexion .puce2 {background:url(../../images/puce_transparente.gif) center no-repeat;margin-top:-16px; float:right; height:18px; width:13px; margin-right:23px; position:relative;}
#connexion h3 {background:url(../../images/haut_cadre_connexion.gif) center top no-repeat; height:16px; width:100%;}
#connexion h3 span {display:none;}
#connexion p { text-align:center; margin:-12px 10px 8px 10px; color:#000738; font-weight:bold; font-size:10px;}


/* FOOTER */
#kdo_footer td { vertical-align:bottom;}
#footer {width:793px; background:url(../../images/degrade_footer.gif) top repeat-x #0E1650; vertical-align:top; text-align:center; color:#8C93C2; padding:0 0 10px 0}
#footer table {width:100%;}
#indigo { padding:20px 0 15px 0;}

.lien_footer { color:#8C93C2; font-weight:bold;}
.tiret {color:#FF7F00; font-weight:bold; padding:11px 0 20px 0;}


/* POPUP CLIENT */
#popup { width:299px; background:#FFFFFF; border-collapse:collapse;}
#popup th { background:url(../../images/popup_degrade.gif) repeat-x #FFFFFF; color:#FFFFFF; height:21px; }

/* POPUP CARNET ADRESSE */
#popup_ca { width:100%; background:#FFFFFF; border-collapse:collapse;}
#popup_ca th { background:url(../../images/popup_degrade.gif) repeat-x #FFFFFF; color:#FFFFFF; height:21px; }

#table_popup_ca td { height:20px;}
