body {
    background-color:lightblue;
    margin-left: 50px;
    margin-right: 50px;
    width: 92%;
    line-height:1.5em;

}

table	{
    width:100%;
    border:1px solid ;	
    float:left;
    font-family:Arial,"sans-serif";		
    text-align:left;
    font-size:14px;	
    border-color: darkblue;
    margin-bottom: 20px;
    padding-left:10px;
    padding-right:10px;
}
table.nopadding {
    padding-left:0 ;
    padding-right:0 ;
}
tr.odd {
    background-color:#D9E0FA;
}

tr.even {
    background-color:#FFF;
}

td {
    padding:5px;
}
td.mid {
    text-align: left;
}
th.midh {
    text-align: left;
    padding: 5px;
    background-color:#C7CCE1;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #F88017;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}

.block_container
{
    display: flex;
    margin-bottom: 20px;

}
.bloc1
{
    
    float: left;
    width: 500px;
    text-align:left;
}
.bloc2
{
    float: right;
    width: 500px;
}

.error
{
    color:red;
    font-size: 1.2em;
}

.success
{
    color:green;
    font-size: 1.2em;
}
h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #F88017;
}
h2 {
    font-size:1.3em;
    font-weight:bold;
    color: darkblue;
}
h3 {
    font-size:1.2em;
    font-weight:bold;
    color: black;
}

p.left {
    padding-left:0px;
    padding-top:5px;
}

#header{
    margin-top:0px;
    width: 100%;
    height: 75px;
    background-color: rgb(255, 204, 51);
    font-weight:bold;
}

#headercontent{
    margin-top:0px;
    width: 90%
    height: 75px;
    background-color: rgb(255, 204, 51);
    font-weight:bold;
    margin:0 auto;
}

#logo{
    margin-left:10px;
    margin-top:8px;
    float:left;
}

#welcomeinfo {font-size: 15px;margin-top:20px; margin-right: 10px; float:right; text-align: right; color:  rgb(102, 0, 0); padding: .5em;}

#headspace{
    width: 100%;
    height: 2px;
    background-color: rgb(102, 0, 0);
}

#topnav{
    position:relative;
    width: 100%;
    height: 40px;
    background-color: rgb(255, 204, 51);
}

#topnavcontent{
    position:relative;
    width: 960px;
    height: 40px;
    background-color: rgb(255, 204, 51);
    margin:0 auto;
}

#utility {position:absolute; display: block; width: 100%;bottom:0; left: 0px; padding: 0; margin:0; rgb(102, 0, 0); overflow: visible;}

#utility_menu {position: absolute; display: block; bottom: 0px;    overflow: visible; padding: 0; margin: 0; list-style: none;}
#utility li {position: relative; display: block; float: right; overflow: visible; margin: 0;}
#utility a { background: transparent; color: rgb(102, 0, 0); display: block; border-left: 0px solid #FFFFFF; padding: .2em .5em;  text-decoration: none; font-weight: bold;}
#utility a em {font-size: 11px; font-style:normal; font-weight: normal; color: #6F6F6F;}
#utility a:hover { background: transparent; color: black;}
#utility a.current {color: yellow; background: transparent; border-left: 0px solid rgb(102, 0, 0);}
#utility a.current:hover {color: #000000; background: transparent;}
#utility  a.navfirst { background: transparent; color: rgb(102, 0, 0); display: block; border-left: 0px solid #999999; padding: .2em .5em; text-decoration: none; font-weight: bold;}

#utility a.current.navfirst {color: yellow; background: transparent; border-left: 0px solid #999999;}
#utility a.current.navfirst:hover {color: black; background: transparent; border-left: 0px solid #999999;}

#utility ul li ul {font-size:11px; position: absolute; display: none; top: 15px; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; margin-top: .6em; padding-top: 0; z-index:100;}
#utility ul li ul {
* top: 15px;
}
#utility ul li ul.end {right: -1em;}
#utility li > ul { top: auto; left: auto; } /* Opera fix */

#utility li:hover ul, #utility li.over ul  { display: block; z-index: 100; }
#utility li ul li { clear: left; position: relative; float: none;  z-index:100;}
#utility li ul li a {font-weight: normal; width: 15em; border: 1px solid #999; border-top: 0; background: #FFF url(../images/bck-tab-04.png) top repeat-x; color: #000;  z-index:100;}

#utility li ul li a:hover {background: #F3F6F9; color: #cc0000;  z-index:100;}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 1em;
  line-height: 1.5;
}

.fieldKey {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  width: 300px;
  vertical-align: top;
}

.fieldValue {
  font-size: 14px;
  line-height: 1.5;
  vertical-align: top;
}

.buttonSet {
  clear: both;
}
/*For pagination controls*/
.link {padding: 10px 15px;background: transparent;border:darkblue 1px solid;cursor:pointer;color:darkblue;font-weight:bold;}
.disabled {cursor:not-allowed;color: #fff;}
.current {background: #fff;}
#pagination{margin-top: 50px;padding-top: 30px;border-top: #F0F0F0 1px solid;}
.dot {padding: 10px 15px;background: transparent;border-right: #fff 1px solid;}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.page-content {margin: 0 auto;}

.helptext {
    color:#000;
    font-style: italic;
    font-size: 13px;
    font-weight: normal;
    vertical-align: top;
}