/**
* Servair basic Blue : #0B2D74 
*/

/* GENERIC */
html, body { font-family:'Ubuntu', 'Courgette'; font-size:100%; }
body { margin:0; padding:0; }
.no-footer #genContent { bottom:0; }
.no-footer #genFooter { height:0px; }
.left-menu-on #genContent { left:150px; }
.left-menu-on #leftMenu {}

/* HEADER */
#genHeader{
	background: #0b2d74; /* Old browsers */
	background: -moz-linear-gradient(top,  #0b2d74 0%, #09225e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b2d74), color-stop(100%,#09225e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b2d74 0%,#09225e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2d74', endColorstr='#09225e',GradientType=0 ); /* IE6-9 */
	position:fixed; bottom:0; left:0; right:0; height:40px;	
	border-width: 0;
}

#genHeader h1 { 
	margin:0; padding:0; color:white; 
	
	text-align:center; font-size:1.4em; line-height:40px;  
}

#genHeader .ui-link, .panel .closePanel{
	background-color: #0B2D74;
}

.genHeaderOther{
	position:fixed; top:0; left:0; right:0; 
	height:40px;
	z-index:1001;
	width:100%; 
	text-align: center;	
	vertical-align: middle;
	line-height: 40px;
}
.genHeaderOther h1 { margin:0; padding:0; color:white; text-shadow:0px 0px 8px #ffffff; text-align:center; font-size:1.2em; line-height:40px; }

.LogoServair .ui-link, .panel .closePanel{
	background-color: #0B2D74;
}


/* CONTENT */
#genContent { background:white; position:absolute; top:40px; bottom:40px; right:0; left:0; padding:10px; }



/* FOOTER */
#genFooter {
	background: #0b2d74; /* Old browsers */
	background: -moz-linear-gradient(top,  #0b2d74 0%, #09225e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b2d74), color-stop(100%,#09225e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0b2d74 0%,#09225e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0b2d74 0%,#09225e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2d74', endColorstr='#09225e',GradientType=0 ); /* IE6-9 */
	position:fixed; bottom:0; left:0; right:0; height:40px;	
	border-width: 0;
	margin: 0;
	padding:0;
	text-align: left;	
	
}
#imgInFooter {       
    background-image: url(../img/servair_logo.png) no-repeat bottom right;
    width:60px;
    height:30px;   
    position: relative;
}
#genFooter img {      
    width:auto;
    height:30px;
    top: 5px;
    position: relative;
    float: right;
    margin: auto;    
    vertical-align:middle;
}
#genFooter h1 {	
	color:white; 
	text-shadow:0px 0px 20px #ffffff; 
	font-size:1.0em; 
	left: 20px;
	top: 30px;
	vertical-align:middle;
	text-align: left;	
	    padding: 0px;
    margin: 0;
    line-height: 40px;
}

#headerLogo_01 {
	background: none;	
	position:fixed; 
	top:0; 
	right:-2px; 
	height:41px;
	width: 270px;	
	text-align: right;	
	z-index: 1000;
}
#headerLogo_01 h1 {	
	color:white; 
	text-shadow:0px 0px 20px #ffffff; 
	font-size:1.1em;	
	vertical-align:middle;
	line-height: 40px;
	float: left;
}
#headerLogo_01 img {      
    width:auto;
    min-width: 190px;
    height:34px;
    top: 0px;
    position: relative;
    float: right;
    margin: 2px 5px 2px 0;    
    vertical-align:middle;
}

#headerLogo_02 {
	background: none;	
	position:fixed; 
	top:0; 
	right:0px; 
	height:41px;
	width: 430px;	
	text-align: right;	
	vertical-align:middle;
	z-index: 1001;
}
#headerLogo_02 h1 {	
	color:white; 
	text-shadow:0px 0px 20px #ffffff; 
	font-size:1.1em;	
	vertical-align:middle;
	line-height: 40px;
	float: left;
	padding: 0px;
    margin: 0;
}

#footerLogo_01 {       
    background: none;	
	position:fixed; 
	bottom:0; 
	right:10px; 
	height:40px;
	width: 300px;	
	text-align: right;	
	z-index: 1000;
}
#footerLogo_01 img {      
    width:auto;
    max-width: 220px;
    height:30px;
    position: relative;
    float: right;
    margin: auto;    
    vertical-align:middle;
}
#footerLogo_02 {       
    background: none;	
	position:fixed; 
	bottom:0; 
	left:0; 
	height:41px;
	width: 300px;	
	text-align: left;	
	z-index: 1000;
}

#footerLogo_02 img {      
    width:auto;
    max-width: 220px;
    height:41px;
    position: relative;
    float: left;
    margin: 0;    
    vertical-align:middle;
}

#footerLogo_02 h1 {	
	color:white; 
	text-shadow:0px 0px 20px #ffffff; 
	font-size:1.1em;	
	vertical-align:middle;
	line-height: 40px;
	float: left;
	    padding: 0px;
    margin: 0;
}

/* .drapeau{
	display:inline;
	padding-right: 15px;
	padding-bottom: 5px;
} */


 #langue{
/*  	display:inline; */
/* 	margin-left:-10%; */
}

.grid-container {
  display: grid;
  padding-left: 5%;
  padding-bottom:30px; 
  grid-template-columns: repeat(4, 8%);
  grid-template-rows: repeat(2, 60%);
}


.ajax_overlay {}
.ajax_loader {background: url("./img/ajax-loader.gif") no-repeat center center transparent;width:100%;height:100%;}

.text-upper {
	text-transform: uppercase;
}