/**
 * @file
 *
 * Layout configuration for LAMAP2
 */


 /* Layout */
  
html {
height: 100%; /* MH */
}
 
body {
background-color: #FFF;
margin: 0px;
height: 100%; /* MH */
padding: 0px;
}
 
#page-wrapper {
width: 100%;
/*overflow: auto;*/
height: 100%; /* MH */
}

#page {
/* min-height: 100%;*/
}

#header-wrapper {
width: 100%;
background-color: #2B3844;
height: 50px;
color: #FFF;
font-family: LATOFont;
}

#header {
position: relative;
margin: auto;
width: 981px;
}
#header-content {
font-size: 12px;
text-transform: uppercase;
padding-top: 18px;
float: left;
}
#header-content a {
color: #FFF;
}
#header .contextual-links-wrapper {
top: 0px;
}
#header .region-header {
right: 0px;
padding-top: 9px;
}
#header .region-header .block {
float: right;
margin-left: 10px;
}

#logo {

position: relative;
}
#logo a {

display: block;
height: 90px;
}

#top-menu-wrapper {
width: 100%;
border-bottom: 1px solid #EFEFEF;
}

#top-menu-content {

padding-top: 20px;
margin: auto;
width: 981px;
height: 90px;
}

#highlighted {

width: 100%;
/*margin-bottom: 10px;*/
}
#highlighted .region-highlighted{
margin: auto;
width: 981px;
}
#highlighted #block-block-19 {
height: 56px;
}

#highlighted #shortcut_outils,
#highlighted #shortcut_devpro,
#highlighted #shortcut_network {
height: 52px;
float: left;
overflow: hidden;
opacity: 0.7;
border: 2px solid #FFF; 
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	
}
#highlighted #shortcut_outils a,
#highlighted #shortcut_devpro a,
#highlighted #shortcut_network a {
display: block;
width: 323px; 
height: 38px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: LATOFont;
color: #FFF;
padding-top: 14px;
font-size: 18px;
text-shadow: 1px 1px 2px #000000;
}
#highlighted #shortcut_outils  {
background-color: #F29279;
background: url(../img/img_outils.png) 50% 50%;
}
#highlighted #shortcut_devpro {
background-color: #617FA6;
background: url(../img/img_devpro.png) 50% 50%;
}
#highlighted #shortcut_network {
background-color: #FFDA56;
background: url(../img/img_reseaux.png) 50% 50%;
}
#highlighted #shortcut_outils:hover,
#highlighted #shortcut_devpro:hover,
#highlighted #shortcut_network:hover,
#highlighted #shortcut_outils:active,
#highlighted #shortcut_devpro:active,
#highlighted #shortcut_network:active,
#highlighted #shortcut_outils.active,
#highlighted #shortcut_devpro.active,
#highlighted #shortcut_network.active,
#highlighted #shortcut_outils:visited,
#highlighted #shortcut_devpro:visited,
#highlighted #shortcut_network:visited {
/*height: 56px;*/
font-style: italic;
opacity: 1;
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

#main-wrapper {
position: relative;  
width: 100%;
padding-bottom: 18px;
/* overflow: auto; /* MH */
/* padding-bottom: 313px; /* MH */
/* min-height: 100%; /* MH */
}
#main {
margin: auto;
width: 981px;
display: block;
}

.column {

float: left;
position: relative;
}

.tabs.primary {

padding: 0px;
}

.tabs.primary li a{

padding: 0px 6px;
}

.tabs.secondary {

display: none;
}

/* Sidebar First */

#sidebar-first-wrapper {

width: 327px;
}

#sidebar-first {

padding: 6px;
}

/* Sidebar Second */

#sidebar-second-wrapper {

width: 327px;
float: right;
}

#sidebar-second {

padding: 6px;
}

/* Central column */


.sidebar-second #content-wrapper,
.two-sidebars #content-wrapper {

width: 642px;
}

#content {

background-color: #FFFFFF;
padding-top: 10px;
position: relative;
}

/* Content column */

#content-content {

width: 981px;
float: left;
}

.sidebar-first #content-content {

width: 632px;
padding-left: 20px;
}

.sidebar-second #content-content {
width: 632px;
padding-right: 20px;
}

.two-sidebars #content-content {

width: 350px;
}

#page-title {

color: #353F45;
font-size: 24px;
font-weight: bold;
}

/* Bottom Menu + Footer */

#bottom-footer { /* MH */
margin: 0px;
/* margin-top: -303px;  */
/* height: 303px;  /* MH */
clear: both;
overflow: hidden;
}

#bottom-menu-wrapper {
position: relative; 
width: 100%;
background-color: #1951A0;
padding-top: 10px;
}

#bottom-menu {

margin: auto;
width: 981px;
color: #FFF;
font-family: LATOFont;
}

#bottom-menu ul {
	
list-style-type: none;
list-style-image: none;
padding: 0px;
margin: 0px;
line-height: 1.4em;
}

#bottom-menu a {

color: #FFF;
}

#bottom-menu tbody {

border: 0px;
}

#bottom-menu th {

color: #FFF;
text-transform: uppercase;
font-weight: normal;
border: 0px;
font-size: 14px;
background: url(../img/trait.png) no-repeat 10px 100%;
}

#bottom-menu td {

font-size: 11px;
text-align: left;
}

#footer-wrapper {
position: relative;  
background-color: #2B3844;
width: 100%;
height: 146px;  /* MH */
}

#footer {

margin: auto;
width: 981px;
text-align: center;
}

#footer ul {
	
list-style-type: none;
list-style-image: none;
text-transform: uppercase;
padding: 0px;
margin: 0px;
}

/* Breadcrumb */

#breadcrumb {

font-size: 11px;
}

#breadcrumb a {

text-decoration: none;
color: #797979;
}

#breadcrumb a.active {

color: #333;
}

#breadcrumb .breadcrumb-item {

height: 26px;
float: left;
margin-right: -5px;
}

#breadcrumb .breadcrumb-item .inner {

height: 26px;
width: 8px;
float: left;
}


#breadcrumb .breadcrumb-item .inner.center {

width: auto;
padding-right: 2px;
padding-left: 2px;
line-height: 26px;
}

#breadcrumb .breadcrumb-item-2 .inner.left,
#breadcrumb .breadcrumb-item-3 .inner.left,
#breadcrumb .breadcrumb-item-4 .inner.left {

background: url('../img/breadcrumb/0-right.png') no-repeat;
}


/* Maintenance Page */

.maintenance-page #page {

width: 960px;
margin: 0 auto;
padding: 10px;
background-color: #FFFFFF;
}

.maintenance-page #name-and-slogan {

display: none;
}

.maintenance-page #container {

padding: 20px 10px;
background-color: #ECFAFC;
}

.maintenance-page #main {

background-color: #FFFFFF;
}

.maintenance-page #content-content {

float: none;
}