html, body{
  height:100%;}

body{
  font: 0.75em/1.5 Arial,sans-serif;}

body, a{
  color: #333333;}

*{
  padding:0;
  margin:0;}
  
ul, ol{
  list-style:none;}	
  
h1, h2, h3{
  font-weight:bold;}

h1{
  font-size: 1.4rem;}

h2{
  font-size: 2rem;}

h3{
  font-size: 1rem;}
  
h3 span, form span{
  color: #D6001C}
  
a img, img, form, fieldset, input[type=submit]{
  border:none;}

a, a:hover{
  text-decoration:none;}

form span{
	color:#FF0000;}

input{
  margin: 0 0 0 1em;}	 
  
input[type=text], input[type=password]{
  border:1px solid #000000;
  width:50%;
  padding: 0.1em 0.5em}	
  
input[type=submit], .btn{
  cursor: pointer;
  text-transform:uppercase;
  text-align:center;
  border:0 none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color:#D6001C;
  color:#FFFFFF;
  font-size: 0.8rem;
  width:160px;
  padding:0.5em 0;}

.btn{
	display: block;
	width:auto;}

.bottom .btn {
	color: #506D85;
	background-color: #DDE5ED;
}
label, .col{
   float: left;}
   
.col {
   color: #FFFFFF;}
    
input[type=submit], .header-cnt-right{
  float:right;} 

.global{
  width: 100%;
  height:100%;
  min-height:100%;
  position:absolute;
  right: 0;
  top: 0;
  z-index: 5;}
 
.top, .header, .main, .bottom{
  width:100%;}
  
.container {
  position:relative;
  margin: 0 auto;
  max-width:1150px;}

.row{
  overflow:hidden;
  margin:0 1em;}
   
.col1, .col2, .col3 {
   float:left;}

.col1, .col3 {width:20% ; text-align:center;}

.col2{
   width:60%;
	margin:0 auto;}

   

.header .row{
  background-color:  #FFFFFF;}
  
.logo{
  overflow:hidden;
  margin-top:2em;}
	
.logo h1{
  border-right: 3px solid #59585b;
  float:right;
  text-align:right;
  line-height: normal;
  padding: 0.5em 1em 0.5em 0;
  margin-right:1em;}
	
.caption-block{
   background-color: #000000;
   color: #FFFFFF;
   filter: alpha(opacity=70);
   opacity: 0.7;
   font-size:1.4rem;}

.bottom{
  background-color:  #506D85;
  position: fixed;
  bottom: 0;}
.bottom a {
    color: #ffffff;
}
.bottom h3, .bottom h3 span, .bottom a {
  color:  #fff;}
s

.centered{
   text-align:center;}
	
.rowForm{
   text-align:right;
   margin:0.3em 0;}
   
.header, .main {
	margin:2em 0;}

.header .inner, .main .inner{
	padding:1% 2%;}

.header .inner{
   background:url(/esop/common-host/public/images/logo/company-logo.png) no-repeat left center;}
	
.col .inner{
   padding: 2em 1em 1em 1em;}  
    	
.col .inner p, .col .inner a{
   font-size: 1rem;}   	

.heading{
	margin-bottom:1em;}

.lang {
	overflow:hidden;
	float: right;
	background-color: #f1f1f1;}

.lang dd {
	float:left;} 
	
.lang dd.current {
	background:url(../images/arrow.png) no-repeat right center;} 
		
.lang a {
	display: block;
	padding:1em 0;
	width:70px;}

.lang .fr{
	background:url(../images/flag_fr.png) no-repeat 10px center;
	padding-left:40px;}
	
.lang .en{
	background:url(../images/flag_en.png) no-repeat 10px center;
	padding-left:40px;}
	
.lang a img{
	vertical-align:middle;}

.lang dd dl {
	display: none;}

.lang dd:hover dl {
	background-color: #f1f1f1;
	display: block;
	position: absolute;
	z-index:1;}
	
.lang dl dd dl dd:hover {
	background-color: #afb0b1;}
	
.lang dl dd dl dd a:hover {
	color:#ffffff;}

/* background image full screen */  
#bg {
 position: fixed;
 top: -10em;
 left: 0;}
 
.bgwidth {
 width: 100%;}
 
.bgheight {
 height: 100%;}
/* */