/* CSS Document */
* {
margin: 0px;
padding: 0px;
}
html { 
background:#222222;
}
body {
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size:0.8em;
}
img {
border: 0px;
}
h1 {
height: 54px;
line-height: 54px;
width: 450px;
margin-left: 10px;
color: #333333;
float: left;
}
h3 {
padding-top: 10px;
margin-left: 3px;
margin-bottom: 10px;
color: #333333;
border-bottom: 1px dotted #787a77;
}
label {
color: #787a77;
font-weight: bold;
width: 250px;
display: block;
float: left;
padding-top: 3px;
padding-bottom: 3px;
}

.addMail {
background: url(img/add.png) no-repeat;
padding-left: 20px;
}
.manageMail {
background: url(img/user.png) no-repeat;
padding-left: 20px;
}
.form_input {
border: 1px solid #787a77;
padding: 3px;
color: #787a77;
width: 200px;
}
.form_input_selected {
border: 1px solid #222222;
padding: 3px;
color: #222222;
width: 200px;
}
.form_submit {
border: 1px solid #787a77;
background: #FFFFFF;
padding: 2px;
color: #222222;
font-weight: bold;
}
.form_submit_disabled {
border: 1px solid #787a77;
background: #FFFFFF;
padding: 2px;
color: #787a77;
font-weight: bold;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}
.pRight {
text-align: right;
}
.cat1 {
font-weight: bold;
color: #eb4525;
}
.cat2 {
font-weight: bold;
color: #f78e28;
}
.cat3 {
font-weight: bold;
color: #009900;
}
.cat4 {
font-weight: bold;
color: #34abea;
}
.menu{margin:0; padding:0; width:160px; list-style:none;background:#787a77;}
.menu li{padding:0; margin:0 0 0 0; height:40px; display:block; border-bottom: 1px solid #787a77; }
.menu li a{text-align:left;height:40px; padding:0px 12px; font-size: 1.2em; font-weight: bold; color: #787a77; display:block; background:url(img/verMenuImages.png) 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url(img/verMenuImages.png) 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url(img/verMenuImages.png) 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}
.important {
font-weight: bold;
color: #0066cc;
}
table.tableau {
	width: 100%;
}
table.tableau th {
	border-width: 0;
	padding: 1px 1px 1px 1px;
	background-color: #222222;
	height: 20px;
	color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tableau td.ligne1 {
	border-width: 0;
	padding: 1px 1px 1px 1px;
	background-color: #FFFFFF;
	color: #000000;
	height: 20px;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tableau td.ligne2 {
	border-width: 0;
	padding: 1px 1px 1px 1px;
	background-color: #BBBBBB;
	color: #000000;
	height: 20px;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tableau td.ligne3 {
	border-width: 0;
	padding: 1px 1px 1px 1px;
	background-color: #0066cc;
	color: #FFFFFF;
	height: 20px;
	font-weight: bold;
	-moz-border-radius: 0px 0px 0px 0px;
}
.msgError {
color: #FF0000;
background: url(img/delete.png) no-repeat;
padding-left: 20px;
display: none;
}

#top_login {
position: relative;
left: 50%;
margin-top: 50px;
margin-left: -161px;
background: url(img/top_login.png) no-repeat;
width: 322px;
height: 70px;
}
#middle_login {
position: relative;
left: 50%;
margin-top: 0px;
margin-left: -161px;
background: url(img/middle_login.png);
width: 322px;
}
#bottom_login {
position: relative;
left: 50%;
margin-top: 0px;
margin-left: -161px;
background: url(img/bottom_login.png) no-repeat;
width: 322px;
height: 28px;
}
#footer_login {
position: relative;
left: 50%;
margin-top: 8px;
margin-left: -161px;
width: 322px;
text-align: center;
}
#footer_login a:link,#footer_login a:active,#footer_login a:visited {
color: #787a77;
text-decoration: none;
font-weight: bold;
font-size: 0.8em;
}
#footer_login a:hover {
text-decoration: underline;
}
#middle_login p {
margin: 0px;
padding: 15px 0px 0px 0px;
}
#middle_login label {
color: #787a77;
font-weight: bold;
margin-left: 20px;
margin-bottom: 3px;
display: block;
}
#middle_login input.form_input {
margin-left: 20px;
width: 270px;
}
#middle_login input.form_input_selected {
margin-left: 20px;
width: 270px;
}
#middle_login input.form_submit {
margin-top: 12px;
margin-right: 25px;
}
#page {
position: relative;
background: url(img/fond.png);
width: 1000px;
left: 50%;
margin-left: -500px;
}
#col_menu {
width: 160px;
background: #222222;
float: left;
}
#col_page {
width: 840px;
background: #DDDDDD;
float: left;
}
#top_menu {
position: relative;
background: url(img/top_menu.png) no-repeat;
width: 160px;
height: 61px;
}
#titre_page {
height: 54px;
background: url(img/fond_titre.png);
}
#titre_page div {
width: 365px;
line-height: 54px;
height: 54px;
float: left;
text-align: right;
}
#titre_page a:link,#titre_page a:visited,#titre_page a:active {
color: #787a77;
text-decoration: none;
font-weight: 500;
}
#titre_page a:hover {
text-decoration: underline;
}
#contenu {
background: #FFFFFF;
width: 820px;
margin-left: 10px;
}
#contenu a:link, #contenu a:active, #contenu a:visited {
color: #0066cc;
font-weight: bold;
text-decoration: underline;
}
#contenu a:hover {
text-decoration: none;
}
#contenu p {
margin-bottom: 8px;
text-align: justify;
padding: 3px;
}
#contenu .form_submit {
margin-left: 250px;
}
#contenu .form_submit_disabled {
margin-left: 250px;
}
.Tvid {
background: url(../img/up.png) no-repeat;
padding-left: 20px;
}
.Fvid {
background: url(../img/down.png) no-repeat;
padding-left: 20px;
}