/*
General
*/

* {
  border : 0px;
  margin : 0px;
  padding : 0px;
}

body {
  text-align : center;
  margin : 0px;
  background-color : #03232a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 110%;
	font-weight: normal;
	color: #626262;
}

div#site {
  text-align : left;
  margin : 0px auto;
}

/*
Top
*/

div#top {
  height : 329px;
  background : url('/pics/header.jpg') repeat-x #fafafa;
  width : 100%;
  text-align : center;
  min-width : 980px;
}

/*
Header
*/  

div#header {
  text-align : left;
}

div#header img {
  float : left;
}

div#header ul {
  list-style : none;
  clear : both;
  width : 100%;
  text-align : center;
}

div#header ul li.first {
  margin-left : 5%;
}

div#header ul li {
  background : url('/pics/topmenu.jpg') no-repeat;
  width : 188px;
  height : 28px;
  display : inline;
  margin-left : 1%;
}

div#header ul li a {
  background : url('/pics/topmenu.jpg') no-repeat;
  width : 188px;
  height : 30px;
  display : inline-block;
  text-align : center;
  color : #ffffff;
  text-decoration : none;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 12px;
  line-height : 30px;
  letter-spacing : 1px;
}

div#header ul li.selected {
  background : url('/pics/topmenu_selected.jpg') no-repeat;
}

div#header ul li.selected a {
  font-weight : bold;
  background : url('/pics/topmenu_selected.jpg') no-repeat;
}

div#header ul li.Unlog a {
  background : url('/pics/topmenu_unlog.jpg') no-repeat;
  width : 80px;
  height : 28px;
  display : inline-block;
  text-align : left;
  color : #ffffff;
  text-decoration : none;
  font-family : Arial,Helvetica,sans-serif;
  font-size : 10px;
  line-height : 28px;
  letter-spacing : 1px;
  padding-left : 30px;
  font-weight : bold;
}

/*
  Menu
*/

div#menu {
  padding-top : 60px;
  clear : both;
  border-bottom : 1px solid #dbdade;
  height : 91px;
  padding-left : 5%;
}

div#menu img {
  float : left;
}

div#menu h1 {
  color : #686868;
  font-family : Arial,Helvetica,sans-serif;
  font-size : 24px;
  font-style : italic;
  font-weight : normal;
  line-height : 25px;
  padding-top : 30px;
  text-align : left;
}

div#menu ul {
  list-style : none;
  margin : 6px 0 0 13px;
  text-align : left;
}

div#menu ul li.first {
  background : url('/pics/puce_menu.gif') left center no-repeat;
  padding-left : 15px;
}

div#menu ul li {
  border-left : 1px solid #04232A;
  color : #04232A;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size :12px;
  font-style : normal;
  font-weight : normal;
  line-height : normal;
  float : left;
}

div#menu ul li.first {
  border-left : 0px;
}

div#menu ul li a {
  float : left;
  display : inline; 
  color : #04232A;
  font-weight : normal;
  list-style-type : none;
  padding : 0 5px;
  text-decoration : none;
}

div#menu ul li.selected a {
  color : #46A87D;
  font-weight : bold;
}

div#menu ul li a:hover {
  text-decoration : underline;
}

/*
  Pager
*/

div.pager {
}

div.pager ul {
  list-style : none;
  text-align : center;
}

div.pager ul li {
  display : inline;
  margin : 0 1em;
}

/*
Middle
*/

div#middle {
  background-color : #fafafa;
  border-bottom : 1px solid #bababa;
  text-align : center;
  padding-bottom : 20px;
}

div#message {
  width : 50%;
  margin : 0 auto;
}

div#message a {
  color:#136C4E;
  text-decoration:none;
  float : right;
}

div#message a:hover {
  color:#136C4E;
  text-decoration:underline;
}

div#message p {
  background : url('/pics/message.gif') no-repeat top left;
  height : 137px;
  text-align : left;
  padding-top : 50px;
  padding-left : 169px;
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-size:24px;
  font-style:italic;
  border-bottom:1px solid #E6E6E6;
}

div#version {
  display : block;
  clear : both;
  margin : 10px auto;
}

/*
Bottom
*/

div#bottom {
  margin : 0 auto;
  padding : 0px 15%;
  border-top : 20px solid #e1e0e0;
	clear : both;
	display : block;
  height : 100px;
}

/*
Footer
*/

div#footer {
  background : url('/pics/footer.gif') center no-repeat;
  height : 73px;
  width : 100%;
}

div#footer ul {
  padding-top : 17px;
  color : #ECECEC;
  font-family : Arial,Helvetica,sans-serif;
  font-size : 11px;
}

div#footer li {
  border-left : 1px solid #ECECEC;
  display : inline;
  margin : 0 0 0 5px;
  padding : 0 0 0 5px;
}

div#footer li.first {
  border-left : 0px;
}

div#footer li a {
  color : #ECECEC;
  text-decoration : none;
}

div#footer li.selected a {
  color : #ECECEC;
  text-decoration : underline;
  font-weight : bold;
}

div#footer li a:hover {
  color : #ECECEC;
  text-decoration : underline;
}

div#footer p a {
  padding-top : 7px;
  display : block;
  color:#7A7A7A;
  font-family:Arial,Helvetica,sans-serif;
  font-size:xx-small;
  text-decoration : none;
}

div#footer p a:hover {
  text-decoration : underline;
}

/*
Table
*/

table {
  width : 90%;
  margin : 0 auto;
  border-collapse : collapse;
  color : #4F6B72;
  font-family : auto,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  font-size : 11px;
}

pre.table_like {
  width : 90%;
  margin : 0 auto;
  border-collapse : collapse;
  color : #4F6B72;
  font-family : auto,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
  font-size : 11px;
  text-align: left;
}

.xinha table {
  margin : 0;
}

table th {
  background-color : #CAE8EA;
  border : 1px solid #C1DAD7;
  color : #4F6B72;
  height : 35px;
  text-align : center;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 12px;
  font-weight : bold;
  text-transform : uppercase;
}

table th a {
  font-weight : bold;
  color : #4F6B72;
  text-decoration : none;
	font-family: verdana;
    font-size: 12px;
}

table th a.desc {
	background: url('/pics/arrow_down.png') no-repeat;
	padding-left: 15px; 
}

table th a.asc {
	background: url('/pics/arrow_up.png') no-repeat;
	padding-left: 15px;
}

table th a:hover {
  text-decoration : underline;
}

table td {
  color : #4F6B72;
  padding : 4px;
  text-align : left;
  border : 1px solid #C1DAD7;
}



.xinha table td {
  margin : 0;
  padding : 0;
  border : none;
}

.xinha div.buttonImageContainer {
	padding: 0;
}

input.delete {
width:99%;background-color:transparent;border:0px;font-weight:bold;color:#666666
}
input.filter {
width:99%;background-color:transparent;border:0px;font-weight:bold;color:#666666
}
select.filter {
width:99%;background-color:transparent;border:0px;font-weight:bold;color:#666666
}
input.add {
width:99%;background-color:transparent;border:0px;font-weight:bold;color:#666666
}
input.filter_field {
width:99%;background-color:transparent;border:0px
}
input.add_field {
width:99%;background-color:transparent;border:0px
}




table th.id {
  width : 30px;
}

table th.email {
  width : 210px;
}

table th.date, table th.creation, table th.lastEdition {
  width : 210px;
}



table td.id {
  text-align : center;
  font-weight : bold;
  width : 30px;
}

table td.email {
  width : 210px;
}

table td.date, table td.creation, table td.lastEdition {
  width : 210px;
}



table td.pager {
  text-align : center;
  border : 0px;
  padding : 1% 0;
}

table td.pager a {
  margin : 0px 1%;
  font-weight : bold;
  color : #4F6B72;
  text-decoration : none;
}

table td.pager a:hover {
  text-decoration : underline;
}

table td.swap2 {
  background-color : #F0FAFA;
}

table td.swap1 {
  background-color : #F0F0F0;
}

table td.filter {
  background-color : #e0ffe0;
}

table td.filter input[type=text] {
	padding-left: 25px;
	background : url('/pics/zoom.png') no-repeat 5px 0px #e0ffe0;
}

table td.check input{
	padding-left: 20px;
	background : none;
}

table td.add {
  background-color : #c0ff90;
}

table td.add input[type=text] {
	padding-left: 25px;
	background : url('/pics/add.png') no-repeat 5px 0px;
}

table td.form input, table td.form select {
  width : 90%;
  border : 0;
  background-color : transparent;
}

table td.form input.error, table td.form select.error {
  border : 0;
  color : red;
}

table td.formDate {
  font-size : 120%;
}

table td.formDate input {
  background-color : transparent;
  border : 0;
  border-bottom : 1px solid #4F6B72;
  padding : 0;
  margin : 0px;
  text-align : center;
}

table td.formDate input.error {
  background-color : #ffdddd;
}

table td.edit {
  text-align : center;
  width : 50px;
}

table td.delete, table td.check {
  text-align : center;
  width : 150px;
}

table th.edit {
  text-align : center;
  width : 50px;
}

table th.delete, table th.check {
  text-align : center;
  width : 150px;
  font-weight : bold;
}

table td a {
  color : #4F6B72;
  text-decoration : none;
}

table td a:hover {
  text-decoration : underline;
}

/*
Form
*/

form {
  margin : 0 auto;
}

form fieldset {
  width : 80%;
	top : 1em;
	padding-right: 0em;
	padding-bottom: 20px;
	padding-left: 5px;
	display: block;
	clear: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #EFF4FA;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-style: none;
	padding-top: 0px;
	border : 1px solid #d1e6de;
	position: relative;
	padding-left : 10%;
}

form fieldset legend {
	position : relative;
	top : -1em;
	color : #0C5365;
	font-weight : bold;
	background-image: url(../images/Eroutage-Front/Contact/Bg-legend.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 4px;
	font-style: italic;
	padding-top: 0.4em;
	padding-right: 2em;
	padding-bottom: 0.4em;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F7F7F7;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dbdade;
	border-right-color: #dbdade;
	border-bottom-color: #dbdade;
	border-left-color: #dbdade;
}

form fieldset div {
	display : block;
	text-align : left;
  padding : 0.25em 0em;
	font-weight: normal;
	color: #117052;
}

form fieldset div.button {
	text-align : center;
	height: 30px;
	width: 170px;
	background-image: url(../pics/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color : transparent;
	padding: 0px;
  margin : 1% auto;
	text-decoration: none;
}

form fieldset div.button input {
	float : none;
	margin : 0px;
	text-align: center;
	font-weight: bold;
	background-color : transparent;
	padding: 0px;
	height: 27px;
	border : 0;
	color: #FFFFFF;
	font-size : 12px;
}

form fieldset div.button a {
	float : none;
	margin : 0px;
	text-align: center;
	font-weight: bold;
	background-color : transparent;
	padding: 0px;
	height: 27px;
	border : 0;
	color: #FFFFFF;
	font-size : 12px;
	padding : 5px
}

form fieldset div.button input:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

form fieldset div.button a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

form fieldset div label {
  display : block;
	text-align : left;
	font-weight : bold;
	font-size: 12px;
	font-weight: bold;
  padding : 0.2em;
	color: #336271;
	font-weight: bold;
}

form fieldset div.help {
  text-align : left;
  border : 2px solid #f8bd64;
  margin : 2em 0;
  margin-right : 30%;
  padding : 0.2em;
}

form fieldset div.help p {
  display : block;
	text-align : left;
	font-weight : bold;
	font-size: 12px;
	font-weight: bold;
  padding : 0.2em;
	color: #336271;
	font-weight: bold;
}

form fieldset div.help strong {
	height : 1.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #ff2010;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
	display : inline;
}

form fieldset div.help p a {
  display : block;
	text-align : left;
	font-weight : bold;
	font-size: 12px;
	font-weight: bold;
  padding : 0.2em;
	color: #336271;
	font-weight: bold;
}

form fieldset div.help p a:hover {
  text-decoration : underline;
}

form fieldset div.lined label, form fieldset div div label {
  display : inline;
}

form fieldset a {
	text-align : left;
	font-weight : bold;
	font-size : 80%;
	color: #117052;
	white-space: nowrap;
  padding : 0.2em;
  text-decoration : none;
}

form fieldset a:hover {
  text-decoration : underline;
}

form fieldset div span {
  display : block;
	text-align : left;
	font-weight : bold;
	font-size : 80%;
	color: #666666;
	white-space: nowrap;
  padding : 0.2em;
}

span.error {
	clear : both;
	display : block;
	width : 100%;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../pics/error.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: bold;
	background-position: left top;
}

input.field, select.field {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #666666;
	background-image: url(../pics/input.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
}

textarea {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #666666;
	background-image: url(../pics/input.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
}

textarea.error, input.error, select.error {
	border-top : 1px solid #f8bd64;
	border-right : 1px solid #f8bd64;
	border-bottom : 1px solid #f8bd64;
	border-left : 1px solid #f8bd64;
}

input.button {
	border : 1px solid #d0d7d9;
	background-color : #e1e1e1;
	color: #22424b;
	font-weight : bold;
	margin: 0px;
	padding: 0px 1em;
	height: 27px;
}

a.button {
  display : block;
  padding : 15px;
}