/* Charte graphique du site */
/* Général */

body {
padding: 0px;
/*margin: auto;*/
margin: 0px;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
}

strong {
font-weight: bold;
}

a {
color: black;
text-decoration: none;
}

input, select {
font-size: 9pt;
}

table {
border: black 1px solid;
border-collapse: collapse;
font-size: 8pt;
width: 98%;
}

table caption {
text-align: left;
font-weight: bold;
}

table tr th, table tr td {
vertical-align: top;
border: black 1px solid;
padding-left: 1px;
padding-right: 1px;
}

table tr th {
background-color: #E9E8E4;
}

table tr td {
padding: 2px;
}

table tr td.tab_sous_titre {
font-style: italic;
font-weight: bold;
background-color: #E0E0E0;
}

table tfoot {
font-weight: bold;
}

table input, table select {
font-size: 8pt;
}

/* tableaux recapitulatifs */
table.recap {
margin-top:5px;
margin-bottom:5px;
border: 0px;
background-color: #E9E9E9;
}

table.recap th, table.recap td {
border: 0px;
}

/* tableaux vierges */
table.noborder {
border: 0px;
margin-left: 10px;
}

table.noborder th, table.noborder td {
border: 0px;
text-align: left;
}

/* Formulaires */
form {
margin-top: 10px;
margin-bottom: 10px;
}

form fieldset {
margin: 4px;
padding: 4px;
border: 1px dotted #9D978C;
}

/*form fieldset:hover {
border: 1px solid #9D978C;
}*/

form legend {
font-size: 1.1em; 
font-weight: bold; 
border-bottom: 2px solid #9D978C; /*#9D978C*/
margin-bottom: 15px; 
padding: 6px; 
background: #fff; 
color: #000; /* #9D978C */
}

/*form input, form textarea,form select {
border: 1px solid #9D978C;
}*/

/* Autres */
hr {
visibility: hidden;
}

/*sup {
text-decoration: underline;
}*/

/* Styles communs */

.erreur {
text-align: center;
/*font-weight: bold;*/
color: red;
}

.copyright {
text-align: center;
/*font-style: italic;*/
}

.legende {
font-style: normal;
padding-bottom: 5px;
}

.both {
        clear: both;
        visibility: hidden;
}

/* Page */
#page {
/*margin-top: 10px;*/
margin: 10px auto; /* 0 */
width: 898px; /* 990 */
/*width: 894px;*/
/*border: 1px solid black;*/
}

#page .pied {
/*font-style: italic;*/
padding-top: 5px;
padding-bottom: 5px;
}

/* éléments */
.both {
clear: both;
}



/* En-tête */

#header {
height: 90px;
/*background-image: url("../images/logo_altivie.gif");
background-repeat: no-repeat;*/
/*border: red 1px solid;*/   
}

#header img {
border: black 0px solid;
}

#top {
border: black 1px solid;
height: 32px;
}


/* Contenu */

#main {
/*padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 0px;*/
width: 892px; /* 988 */
float: left;
border: 1px solid #9d978c;   
/*background-color: #FFD5E0;*/
/*border: #CC0033 1px solid;*/
}

#main img {
border: black 1px solid;
margin: 5px;
}

#main img.nostyle {
border: black 0px solid;
margin: 0px;
}


/* Menu */
#menu {
background-color: #D7D5D0;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none; 
}

#menu li {
/*border-bottom: #CC0033 1px dashed;*/
border-top: 1px solid #E9E8E4;
padding: 5px;
}

#menu li a:hover {
color: #990000;
}

#menu li.active {
background-color: #AFABA3;
color: white;
}

#menu li.active a {
color: white;
}

#menu li.active a:hover {
color: white;
}

/* Colonne de gauche */
#mainleft {
/*margin-left: 0px;*/
padding-left: 0px;
min-height: 100px;
float: left;
width: 150px;
/*border-right: #CC0033 1px solid;*/ /* A enlever ? */
/*border-left: #CC0033 1px solid;*/ 
/*border: green 1px solid;*/
}

#mainleft #compte {
padding: 5px;
background-color: #9d978c;
color: white;	 
}

#mainleft #compte p {
margin-top: 0px;
line-height: 140%;
}

#mainleft #compte a {
color: #5c4f36;
text-decoration: none;
font-weight: bold;
/*color: white;
text-decoration: none;*/
}

#mainleft #compte a:hover {
color: #990000;
}

#mainleft #compte .titre {
display: block;
font-weight: bold;	
font-size: 1.3em;
}

/* Colonne de droite */
#mainright {
float: left;
margin: 0px 0px 0px 0px;
width: 741px; /* 836 */
min-height: 400px;
height: auto;		/* Correction BUG IE */
background-color: white;
border-left: 1px solid #9d978c;   
}

/* Correction BUG IE */
* html #mainright {
height: 400px;
}

#mainright h1 {
margin: 0px;
background-color: #9d978c;
display: block;
font-size: 1.3em;
font-weight: bold;
text-align: center;
color: white;
padding: 3px 0px 5px;
}

#mainright h2 {
font-size: 1.2em;
padding-left: 1px;
padding-bottom: 5px;
margin: 0px;
}

#mainright p {
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

#mainright a {
text-decoration: underline;
color: #5c4f36;
}

#mainright a:hover {
text-decoration: underline;
color: #990000;
}

#mainright p table {
text-align: center;
}

#mainright li.texte_actif {
/*display: list-item;*/
list-style-image: url('../images/icone_actif.png');
color: #008000;
font-size: 1.3em;
font-weight: bold;
}

#mainright li.texte_inactif {
list-style-image: url('../images/icone_inactif.gif');
color: #CD0019;
font-size: 1.3em;
font-weight: bold;
}

/* Barre d'outils */
#mainright #barre_outils {
text-align: right;
font-weight: bold;
}

#mainright #barre_outils a {
text-decoration: none;
color: #5c4f36;
}

#mainright #barre_outils a:hover {
color: #990000;
}

#mainright #barre_outils img {
border: 0px;
vertical-align: middle;
}

/* Onglets */

ul#onglets {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #000;
margin: 5px;
}

ul#onglets li {
float: left;
height: 21px;
background-color: #D7D5D0;
margin: 2px 2px 0 2px;
border: 1px solid #000;
padding-left: 2px;
padding-right: 2px;
}

ul#onglets li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}

/*ul#onglets li.noactive {
display: block;
padding: 4px;
background-color: #D7D5D0;
color: #E9E8E4;
}*/

#onglets a {
float: left;
display: block;
color: #000;
text-decoration: none;
padding: 4px;
}

#onglets a:hover {
color: #990000; 
}

/* Pied de page */
#footer {
/*position: relative;*/
clear: both;
background-color: #9d978c; 
color: white;
text-align: center;
font-weight: bold;
margin-right: 4px;
padding: 2px 0px 5px 151px;
}

/* navigation de page */
div.navigation_page {
/*float:left;*/
text-align: center;
/*border: solid 1px #000;*/
width: 98%;
padding-top: 1px;
padding-bottom: 1px;
}

div.navigation_page div.precedente{
float:left;
}

div.navigation_page div.suivante{
float:right;
}

/* Bloc d'acceptation des mentions legales */
#accord {
text-align: justify;
background-image: url('../images/logo_altivie_filigrane.png');
background-repeat: no-repeat;	
background-position: 50% 50%;
}

#accord h1 {
margin: 0px;
background-color: #9d978c;
display: block;
font-size: 1.3em;
font-weight: bold;
text-align: center;
color: white;
padding: 3px 0px 5px;
}

#accord h2 {
font-size: 1.2em;
padding-left: 1px;
padding-bottom: 5px;
margin: 0px;
}

#accord fieldset {
font-style: italic;
margin: 4px;
padding: 4px;
border: 2px solid #9D978C;
}

#accord fieldset legend {
font-style: normal;
font-weight: bold;
border: 2px solid #9D978C;
padding: 5px;
}