body {margin:0; text-align:center;font-family:  Arial, Tahoma, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background:#B3C2C4 url(images2/index/fond_index2.jpg) left top repeat-x;}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage {margin-left: auto; margin-right: auto; position: relative; width:861px; text-align: center;}
.absolu {position:absolute; left:auto; z-index:60; visibility: visible; }

/* images et couleurs */
/* images communes */ 
.couleur_blanche{background-color:#fff;}
.ind_fond {background:#a4b6b8 url("images2/index/ind_fond.jpg"); height: 500px; width: 861px; background-repeat: no-repeat;}


.public {color: #fff; font-size:1.9em; font-weight:bold;padding-left:159px;}
.avocats {color: #fff; font-size:1.9em; font-weight:bold;padding-left:53px;}


/* liens du menu */
.lien {font-size: 1.4em; color:white;}
.lien a {color:white; text-decoration: none; font-weight:bold;}
.lien a:hover { color:white; text-decoration: underline; font-weight:bold;}

/* Espace des invariants du site */
.invar {font-size: 0.9em; color:white; padding-left:20px;}
.invar a {color:white; text-decoration: none;}
.invar a:hover { color:white; text-decoration: underline;}

/* recherche  */
.crech {position:absolute; left:auto; z-index:40; padding-left: 10px;  padding-top: 4px}
.rech form {display:inline;}
.rech .recherche {width:145px; height:14px; border:1px solid white;color:black; background:#cccccc; font-size:0.9em }
.rech #submit {height:20px; width: 21px; padding-left: 4px}

/* extranet */
.extra{margin-left: 87px;}
.tdUsr {font-size:0.9em;color: #fff; font-weight:bold;padding-left:90px; }
.tdPwd {font-size:0.9em;color: #fff; font-weight:bold;padding-left:90px; }
.inputUsr {padding-left: 0px}
.inputPwd {padding-left: 0px; padding-left:20px}
.inputBtn {padding-left: 0px; padding-left:60px}
.textUsr {width:140px; height: 14px;border:0px solid black;background:white;color:black;}
.textPwd {width:140px; height: 14px;border:0px solid black;background:white;color:black;}
.boutonExtra{width:135px; height: 20px; border:0;margin-top: 6px}

/* Date mise à jour */
.derdate {font-size: 1em; color:white; font-weight:bold; padding-left: 45px;}


/* Espace Actualités  */
.td_actu {padding-right: 10px; padding-top: 0px; padding-left: 3px}
.vignet {float: left; padding-right: 3px; padding-left: 2px; padding-top: 5px; border:0px}
.actu_resume {font-size: 1em; float: left; padding-left: 2px; padding-right: 2px; color: #fff; text-decoration:none;}
.actu_resume a{font-size: 1em; color: #fff; text-decoration:none;}
.actu_resume a:hover{font-size: 1em; color: #fff; text-decoration:underline;}

.titre_actu {font-size: 1.1em; color: #303030; padding-right: 0px; padding-left: 2px; padding-bottom: 2px; padding-top: 2px; font-weight:bold;}
.titre_actu a {color: #303030; font-weight:bold; text-decoration:none;font-weight:bold;}
.titre_actu a:hover {color: #303030; font-weight:bold; text-decoration:underline;font-weight:bold; }

/* Annuaire*/
.invarG{position:absolute;visibility:visible;z-index:110;width:250px; margin-left: 85px; margin-top:10px}
.titre_ann {font-size: 1.4em; color:black;font-weight:bold; text-transform: uppercase}
.invarG form p{padding:1em;}
.invarG form label{font-size:0.8em;display:block;color:black;}
.textG, .liste {width:233px;border:1px solid white;background:#cccccc;color:black;}
.textG, .liste{margin:0.2em 0;}
.textV {width:210px;border:1px solid white;background:#cccccc;color:black;}
.input_text {float: left; padding-top: 1px}
.input_button {float: left; padding-top: 2px;}
 #submit2 {height:20px; width: 21px; padding-left: 4px}
#submit3 {height:20px; width: 21px; padding-left: 4px}