/* GLOBAL                        
-------------------------------------------------------- */
html, body {
width: 100%;
height: 100%;
}
body {
margin : 0px; 
padding : 0px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
background-color: #999;
text-align: center;
color: #777;
} 

/* ENTETE
-------------------------------------------------------- */
#container {
margin-left:auto;
margin-right:auto;
background-color:#fff;
width: 760px;
padding:0;
text-align:left;
}

#header {
background: #000 url(../imgs/header00.jpg) no-repeat scroll left top;
height: 100px;
margin:0;
padding:0;
}

#header span {
position: relative;
left: 185px;
top: 48px;
}

#header span.titre {
color: #777;
padding:0;
margin:0;
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
font-weight: bold;
}

/* MENUS
-------------------------------------------------------- */
#menuv{
background: url(../imgs/tigreindex.jpg) no-repeat center top;
padding-top:310px;
padding-bottom:50px;
text-align:center;
font-size:17px;
}
.menuvref{
font-weight:bold;
color: #777;
text-decoration: none;
}
.menuvref:hover{
color: #369;
border-bottom: 4px solid #000;
padding-bottom: 2px;
}


#menuh{
background: url(../imgs/tigre.jpg) no-repeat center top;
position: relative;
top:0px;
left: 0px;
padding:160px 0px 0px;
margin:0px;
width: 180px;
float:left;
text-align:center;
}

#menuh ul{
margin: 0;
padding: 0;
margin-top:20px;
margin-bottom: 20px;
list-style-type: none;
}

#menuh li{
padding-left: 12px;
margin-top: 5px;
margin-bottom: 5px;
}

#menuh li a{
display: block;
padding:3px;
width: 170px;
font-weight:bold;
color:#fff;
text-decoration:none;
background-color: #369;
border-bottom: 1px solid #eee;
}

#menuh li a:hover{
background-color: #036;
color: #fff;
text-decoration:none;
}

/* CONTENU
-------------------------------------------------------- */
#content {
border: 2px solid #369;
margin-left: 180px;
margin-top:1px;
padding: 5px;
}

#conti {
background-color:#036;
padding:5px;
color: #fff;
}
#conti span.titre {
border-bottom: 2px dotted #69c;
font-size: 14px;
font-weight: bold;
}
#conti span.sstitre {
font-size: 10px;
font-weight: bold;
}
#conti a, #conte a:link, #conte a:visited {
color: #fff;
text-decoration: underline;
}
#conti a:hover {
text-decoration: underline;
color: #69c;
}

#conte{
padding:5px;
}

#conte p.titre{
font-size: 20px;
font-weight: bold;
color: #036;
text-align:left;
}
#conte p.chapeau{
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #369;
text-align:justify;
}
#conte p.inter{
font-size: 14px;
font-weight: bold;
color: #036;
text-align:center;
}
#conte p.legende{
color: #036;
font-style:italic;
text-align:center;
}

#conte div.encadre{
border: 2px dotted #036;
padding: 5px;
}

#conte a, #conte a:link, #conte a:visited {
color: #369;
text-decoration: underline;
}
#conte a:hover {
text-decoration: none;
color: #036;
}


/* PIED DE PAGE
-------------------------------------------------------- */
#footer {
background-color: #369;
text-align: right;
margin-top: 1px;
padding: 10px;
}

#footer span{
color: #fff;
padding:0;
margin:0;
}
#footer a, #footer a:link, #footer a:visited {
color: #fff;
text-decoration: underline;
}
#footer a:hover {
text-decoration: underline;
color: #ccc;
}

/* DIVERS
-------------------------------------------------------- */
.imgright{
float:right;
margin:10px;
padding:0;
}

.imgleft{
float:left;
margin:10px;
padding:0;
}

.imgleftb{
float:left;
margin:10px;
padding:0;
border: 1px solid #036;
}

.imgrightb{
float:right;
margin:10px;
padding:0;
border: 1px solid #036;
}

/* TABLES + zones de saisie
-------------------------------------------------------- */
table {
border: 1px solid #369;
border-collapse: collapse;
}

td{
font-size : 11px; 
color: #036;
}

td.lib{
background-color: #369;
color: #fff;
padding: 2px;
}

td.sai{
background-color: #ccc;
}
.saisie{
border: 1px solid #369;
color: #036;
font-size : 11px; 
background-color: #fff;
}

.erreur{
color: #f00;
font-size : 13px; 
}