@font-face {
  font-family: 'roboto-boldcondensed';
  src: url('/fonts/roboto-boldcondensed-webfont.eot');
  src: url('/fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/roboto-boldcondensed-webfont.woff') format('woff'),
       url('/fonts/roboto-boldcondensed-webfont.ttf') format('truetype'),
       url('/fonts/roboto-boldcondensed-webfont.svg#roboto-boldcondensed') format('svg');
     font-weight: normal;
     font-style: normal;
}
h1 { 
  background-color: #304697; 
  color: #FFFFFF ; 
  font-size: 28px; 
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  font-weight: bold; 
  text-decoration: none; 
  padding: 20px 0px 20px 40px ;
  margin: -12px 0px 5px -15px ;
  display:block;
  width: 100%;
}
h1 img { margin: 15px 20px 0px 0px ;}
body       { background-color: #FFFFFF;}
body,font   { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
h2 {color: #304697; font-size: 20px; font-family: "roboto-boldcondensed",Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
th { font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-top: 0; border: 0px #3f3f3f solid; }
td { font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-top: 0; border: 0px #3f3f3f solid; }
p  {font-size: 12px; font-family: Arial, Helvetica, sans-serif;  margin-top: 0 }
a    { color:  #3f3f3f; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
b    { font-weight: bold; color:  #3f3f3f; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
a:active    { color: #003c8a; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline }
a:hover    { color: #8399b1; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; background-color: transparent }
form {margin: 2;padding: 0;border: none;}
.xsalto { padding-left: 82px; }


#scrollbar { width: 600px; overflow: auto; white-space: nowrap; border: 1px solid #aaaaaa; padding: 15px 20px; background-color: #f7f7f7; font-family: Arial, Helvetica, sans-serif; }

#MainTab {
  width:95%; 
  border-collapse: separate; 
  border-spacing: 15px 15px;
  margin-left:auto; 
  margin-right:auto;
} 
#MainTab td {
  border: 1px #DDD solid ;  
  padding:10px;
  width:50%;
}
hr {
  color: #304697; 
  height: 1px; 
  padding: 0;  
  background-color: #304697; 
  border: 0;
}


.tablineA { 
  background-color: #F2F2F2;   
  }

.tablineA td {
  padding: 3px 10px 3px 10px; 
  font-size: 13px;
}


.tablineB { 
  background-color: #dddddd;  
  }

.tablineB td {
  padding: 3px 10px 3px 10px;
  font-size: 13px; 
}

#tabDNS {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 10px; 
  border : 0px;
  width:70% ; 
}
#tabDNS td {
  background-color: #F2F2F2;
  padding: 3px 5px 3px 5px;
}
#tabDNS th {
  text-align: left;
  background-color: #E2E2E2;
  padding: 3px 5px 3px 5px;
}
#tabDNS i {
  font-weight: normal;
  font-size: 11px;
}

input[type="submit"]  {
  background-color:  #304697;
  color: #FFF;
  font-size: 13px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  border : 1px solid #999; 
  cursor:pointer;
  margin-left:5px;
  padding:3px 15px 3px 15px;
}


/*TABLE pour admin myaccount*/
.tabAdmin {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 10px; 
  border : 0px;
  width:90% ; 
}
.tabAdmin th {
  text-align: left;
  background-color: #D2D2D2;
  padding: 3px 5px 3px 5px;
}
.tabAdmin tr {
  background-color: #F2F2F2;
  padding: 3px 5px 3px 5px;
}
.tabAdmin tr:nth-child(odd) {
  background-color: #EAEAEA;
  padding: 3px 5px 3px 5px;
}
.tabAdmin i {
  font-weight: normal;
  font-size: 11px;
}
.tabAdmin button , .tabAdmin input[type=submit] {
  background-color:  #304697;
  color: #FFF;
  font-size: 13px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  border : 1px solid #999; 
  cursor:pointer;
  margin-left:5px;
  padding:3px 15px 3px 15px;
}
.tabAdmin td.boldRed {
  color:red;
  font-weight:bold;
}
.tabAdmin td.boldGreen {
  color:green;
  font-weight:bold;
}

.tabTitre td {
  font-size: 20px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
}

#tabDns .tabTitre td {
  font-size: 20px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  padding-left: 15px;
}
#tabDns .tabTitre2 td {
  padding-left: 0px;
  font-size: 15px;
  font-family: helvetica,arial,verdana,sans-serif; 
}
#tabDns .tabLineContrat td{
  padding-left: 18px;
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica,arial,verdana,sans-serif; 
}

.tabTitreFacture td {
  background-color: #304697;
  color:#FFF;
  font-size: 14px;
  padding:5px;
}
.tabTotaux td {
  background-color: #aaa;
  color:#FFF;
  font-size: 14px;
  padding:5px;
}

#tabLogin { 
  width: 600px;
  border: 1px solid grey;
  padding: 15px 30px 15px 30px;
  margin-top: 60px; 
  margin-left: auto; 
  margin-right: auto; 
}

#tabLogin td {
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}

#tabLogin td {
  padding: 5px 0px 5px 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}
#tabLogin th {
  padding: 5px;
  text-align: left;
}
td.tabValid  {
  padding: 5px;
  text-align: center;
}

#tabLogin input[type="submit"]  {
  background-color:  #304697;
  color: #FFF;
  font-size: 18px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  border : 1px solid #999; 
  cursor:pointer;
  margin-top:15px;
  padding:3px 35px 3px 35px;
}

#tabLogin h2 {color: #304697; font-size: 30px; font-family: "roboto-boldcondensed",Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

.tabReport {
  width: 55%; 
}

.titreReport {
  background-color: #304697;
  color:#FFF;
  font-size: 14px;
  padding:5px;
  font-weight: bold;
}


.tabRecap {
  border: 1px solid grey; 
  width: 70%; 
}

/* Greylisting */
#tabGrey {
  width: 70%;
  border: 1px solid grey;
}
#tabGrey th {
  text-align: center; 
  margin: auto;
  background-color: #304697;
  color:#FFF;
  font-size: 14px;
  padding:5px;
  font-weight: bold;
}
#tabGrey td {
  width: 25%;
  text-align: center; 
  margin: auto;
  padding:5px;
}
#tabGrey tr:hover {
  background-color: #EEE;
}
#tabGrey td.boldRed {
  color:red;
  font-weight:bold;
}
#tabGrey td.boldGreen {
  color:green;
  font-weight:bold;
}


.titreAll {
  font-weight: bold; 
  color:  #304697; 
  font-size: 15px; 
}

.sousTitreTab {
  text-align: center; 
  font-weight: bold;
}

/*
#menu {
 position: fixed;
 right:5px ;
 top: 30%;
 width: 6em;
 margin-top: -2.5em;
 border : 0px solid #304697;
 padding : 0px;
}
#menu li {
  background-color:  #304697;
  color: #FFF;
  font-size: 13px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  cursor:pointer;
  margin-left:0px;
  border: 2px solid #FFF;
  padding:4px 5px 4px 7px;
  list-style:none;
}
#menu li:hover {
  background-color:  #FFFFFF;
  color: #304697;
  font-size: 13px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
  cursor:pointer;
  margin-left:0px;
  border: 2px solid #304697;
  padding:4px 5px 4px 7px;
  list-style:none;
}
#menu a { 
  display:block;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif;
	text-decoration: none;
	background-color: transparent;
	border:0px solid #304697;
}
#menu a:hover   { 
  display:block;
	color: #304697;
	font-size: 13px;
	font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif;
	text-decoration: none;
	background-color: transparent;
	border:0px solid #304697;
}
*/

/* ID=menu2 : menu de droite (inséré en fin de page), ancienne génération ? vu nulle part */
#menu2 {
 position: fixed;
 right: 0;
 top: 30%;
 width: 7em;
 margin: -3em 0 0 0;
 z-index: 5;
 background: hsla(225, 52%, 39%, 0.7);
 color: white;
 font-size: 13px; 
 font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif;
 text-align: left;
 border: solid hsla(225, 52%, 39%, 0.5);
 border-right: none;
 padding: 0.5em 0.2em 0.5em 1.5em;
 box-shadow: 0 1px 3px black;
 /*border-radius: 3em 0.5em 0.5em 3em;*/
}
#menu2 li { 
  margin: 0;
  list-style:none; 
  cursor:pointer;
}
#menu2 a { 
  color: inherit;
  display:block;
  font-size: 14px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
}
#menu2 a:hover { 
  color: #DDD;
  text-decoration: none;
  display:block;
  font-size: 14px;
  font-family: "roboto-boldcondensed",helvetica,arial,verdana,sans-serif; 
}
#tabOnCall {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 10px; 
  border : 0px;
  width:50% ; 
}
#tabOnCall td {
  background-color: #F2F2F2;
  padding: 3px 5px 3px 5px;
}
#tabOnCall th {
  background-color: #DDDDDD;
  padding: 3px 5px 3px 5px;
}
#tabOnCall .lineOnCall td {
  border-top : 1px solid #AAA;
}
/*
Styles pour VM_Manager
*/

/*
#vmConteneurConfiguration {
  text-align : center;
  width:100%;  
}
*/

.tabTitreVM {
  background-color: #304697;
  color:#FFF;
  font-size: 14px;
  padding:5px;
}
#progressbar
{
  position:relative;
  width:250px;
  padding:0 0 0 0;
  background-image:url("images/pggray.png");
  height:14px;
  border:1px solid #CCC;
  -moz-border-radius:2px;
  border-radius:2px;	
}
#indicator
{
  position:absolute;
  left:0;
  top:0;
  width:0px;
  background-image:url("images/pggreen.png");
  height:14px;
  margin:0 0 0 0;
}

.vmMessageOk {
  font-weight:bold; 
  color : #00be00;
  width : 70%;
  border : 1px solid #00be00;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding : 10px;
}

.vmMessageErreur {
  font-weight:bold; 
  color : #FF0000;
  width : 70%;
  border : 1px solid #FF0000;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding : 10px;
  
}

.vmBasDePage {
  text-align : center;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 10px;
} 

.vmMessageConfirmation {
  text-align:center;
  font-weight:bold; 
  color : #000000;
  width : 500px;
  border : 1px solid #FF0000;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: auto; 
  margin-right: auto;
  padding : 15px;
  
}
.vmMessageExplication {

  font-weight:bold; 
  color : #000000;
  width : 700px;
  border : 0px solid #0000FF;
  margin-top: 20px;
  margin-bottom: 20px;
  padding : 15px;
  
}