*/ /*#main { position:absolute; top:0px; width:100%; min-height:100%; /* positionne le footer en bas */ /*}*/ /************/ /* Header */ /************/ body > header { margin: 0px; top:0px; background: url("../img/banner.png") no-repeat 320px 0px; } body > header h1 { padding: 7px 0px 0px 7px; letter-spacing: -0.06em; font-size: 2.8em; font-family: "TitleFont", "Trebuchet MS", Arial, Helvetica, sans-serif; } body > header h1 span { color: #CC0000; } body > header h2 { margin: 0px 0 0px -190px; padding: 160px 0px 0 0px; font-size: 1em; font-weight: bold; color: #333333; } body > header h2 a { color: #333333; } body > header aside { float:right; padding-top: 2px; } body > header aside input { font-size: 0.8em; } /************/ /* Search */ /************/ #search { float: right; width: 300px; padding: 150px 0px 0 0px; } #search legend { display: none; } #searchfield { width: 200px; } #searchsubmit { width: 80px; } /************/ /* Page */ /************/ /*#page { margin: 0px auto; padding: 20px; /* espacement globale */ /* min-width: 1050px; /* Evite que la balise #content ne soit complétement écrasée si des barres latérales sont affichés dans le navigateur */ /*}*/ /************/ /* Content */ /************/ /*#content { float: none; padding-left: 220px; /* largeur du menu de droite (rightbar.width) + padding de 20px */ /* padding-right: 322px; /* largeur du menu de gauche (leftbar.width) + padding de 20px */ /* margin-bottom: 100px; /* empêche le #footer (forcé sur le bas de la page) de dépasser sur le #content */ /*}*/ #contentShell { margin: 0px 10px 0px -10px; /* espacement globale */ padding-left: 240px; /* largeur du menu de droite (rightbar.width) + padding de 40px */ padding-right: 260px; /* largeur du menu de gauche (leftbar.width) + padding de 20px */ /*margin-bottom: 100px; /* empêche le #footer (forcé sur le bas de la page) de dépasser sur le #content */ } #content { background: url("../img/img04.jpg") no-repeat; margin: 0px 0px 0px 0px; /* espacement globale */ padding-left: 20px; /* largeur du menu de droite (rightbar.width) + padding de 40px */ /*background-position: 220px 0px;*/ /*margin-bottom: 100px; /* empêche le #footer (forcé sur le bas de la page) de dépasser sur le #content */ } #content .title { padding: 18px 0px 0px 30px; /* Position du titre */ letter-spacing: -0.05em; font-size: 2em; color: #356AA0; } #content .meta { border-bottom: 1px solid #EFEFEF; line-height: normal; color: #666666; } /************/ /* Leftbar */ /************/ #leftbar { float: left; width: 200px; /* largeur du menu (et de l'image de fond) */ margin-left: 10px; /* espacement globale */ } #leftbar nav section { margin-bottom: 20px; background-image:url("../img/top-title-border.jpg"); background-repeat:no-repeat; background-position:0 25px; } #leftbar nav section ul { line-height: 2em; margin: 0px; padding: 0px; list-style: none; } #leftbar nav section ul li { margin: 0px; padding: 0px 7px; background: none; border-bottom: 1px solid #F0F0F0; background-image: linear-gradient(to top, #F0F0FF, #FFFFFF 50%); } #leftbar nav section ul li:hover { border-bottom: 1px solid #F0F0F0; background-image: linear-gradient(to top, #D0D0FF, #F5F5FF); color: #356AA0; } #leftbar h2 { margin-bottom: 15px; letter-spacing: -0.05em; padding: 2px 0px 0px 10px; background-image: url("../img/img03.jpg"); background-repeat: no-repeat; background-position: 0px 5px; font-family: "TitleFont"; } #leftbar a { border: none; } /************/ /* Rightbar */ /************/ #rightbar { float: right; /*width: 302px; /* largeur du menu (et de l'image de fond) */ width: 250px; /* largeur du menu (et de l'image de fond) */ padding: 0px 0px 0px 0px; margin-right: 10px; /* espacement globale */ } #rightbar nav section { margin-bottom: 20px; /* espace entre les menus */ } #rightbar nav section ul { line-height: 2em; background-image:url("../img/bottom-title-border2.jpg"); background-repeat:repeat; background-position:left bottom; padding: 0px 0px 7px 0px; /* cette espace permet d'afficher le bas du cadre des menus */ margin-top: 0px; margin-left: 0px; } #rightbar nav section ul li { padding-bottom: 0px; background: none; border-top: 1px dotted #356AA0; margin: 0px; padding: 2px 10px 2px 10px; background-image: url("../img/middle-title-border2.jpg"); background-repeat: repeat; list-style: none; } #rightbar nav section ul li input,select { width: 100%; } #rightbar h2 { letter-spacing: -0.05em; color: #ffffff; padding: 6px 20px 9px; background-image: url("../img/top-title-border2.jpg"); background-repeat: no-repeat; font-family: "TitleFont" } #rightbar a { border: none; } #menusignin { display:none; } @media screen and (max-width: 1080px) { #rightbar { display:none !important; } #contentShell { padding-right: 0px; } #menusignin { display:block !important; } } @media screen and (max-width: 850px) { #leftbar { display:none !important; } #contentShell { padding-left: 0px; } } /************/ /* Footer */ /************/ body > footer { clear: both; margin-top: 20px; padding: 5px 0px 20px 0px; border-top: 10px solid #DDDDDD; background: #EFEFEF; /*position: absolute; /* positionne le footer en bas */ bottom: 0px; /* positionne le footer en bas */ width: 100%; /* positionne le footer en bas */ } body > footer p { margin: 0px; padding: 5px 0px 0px 0px; text-align: center; line-height: normal; } #popupContainer { position:fixed; bottom:0px; left:20%; } .popover { background: #CCCCCC; } .popover.bottom .arrow:after { border-bottom-color: #CCCCCC; } /************/ /* Ohter */ /************/ a.disabled { pointer-events: none; cursor: default; color: gray; } a.hidden { display:none; } .clickable { cursor:pointer; } .opaque { filter: blur(2px); opacity: .5; pointer-events: none; cursor: default; } .navbar2 { /* margin-bottom: 20px;*/ border: 1px solid transparent; position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 999; min-height:35px; margin-bottom:10px; } .navbar-default2 { /*background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);*/ /*background-image: linear-gradient(to bottom,#fff 0,#c6d5df 100%); */ background-image: linear-gradient(to bottom,#f7fdff 0,#c4dde7 100%); background-repeat: repeat-x; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075); background-color: #f8f8f8; border-color: #e7e7e7; } .nav2 { padding-top: 4px; padding-left: 0; list-style: none; } .navbar-nav2 { /**********float: left;*/ margin: 0; } .nav2 > li { position: relative; /**********display: block;*/display:inline-block; } .navbar-nav2 > li { /**********float: left;*/ } .navbar-default2 .navbar-nav2 > li > a { color: #555; } .navbar-nav2 .dropdown { border: 1px solid #c6d5df; } .navbar-nav2 .dropdown-toggle { padding:5px 20px; } #loginAside { position:absolute; right:0px; top:0px; } @media screen and (max-width: 640px) { #loginAside { top:auto; } .navbar-nav2 .dropdown-toggle { padding:5px 8px; } } .open2 > .dropdown-menu { left:auto; right:0px; } .navbar-nav2 .dropdown-menu { background-color: #f8f8f8; } #pageLanguageSelect { display: inline; width: auto; } .panel-danger .strikethrough { text-decoration: line-through; } .grid0 { display:grid; grid-template-columns: 50% 1fr; } .grid1 { grid-column:1; margin:20px 10px; } .grid2 { grid-column:2; margin:20px 10px; } @media screen and (max-width: 2048px) { .grid0 { display:grid; grid-template-columns: auto; } .grid2 { grid-column:1; } } table.dashboardTable { border-spacing:0px !important; border-collapse:collapse !important; width:100%; table-layout:fixed; } .dashboardTable tr, .dashboardTable th, .dashboardTable td { padding:2px; border:1px solid #D0D0D0; overflow:hidden; white-space: nowrap; cursor:pointer; } .dashboardTable th { text-align:center; } .dashboardTable th { /*display:none;*/ }