/** * Gestion du header et du footer */ header { } #MenuHeader { float: left; width: 100%; background: #fff; margin: 0 0 10px 0; padding: 0; } #MenuHeader ul { margin: 0; padding: 0; list-style: none; } #MenuHeader ul li { float: left; width: 33.33%; margin: 0; padding: 0; outline: 1px solid #eee; background: #282f51; height: 40px; text-align: center; } #MenuHeader ul li a { display: block; line-height: 40px; text-decoration: none; margin: 0; font-size: 1.2rem; color: #eee; } #MenuHeader ul li a img { width: 20px; vertical-align: middle; margin: 0 10px 2px 0; } #MenuHeader ul li.maxi-1 { width: 100%; } #MenuHeader ul li.maxi-1 { font-weight: bold; color: white; font-size: 130%; height: 30px; padding-top: 5px; padding-bottom: 10px; } #MenuHeader #maxi-1-perenne { padding-top: 10px; padding-bottom: 0px; } #MenuHeader ul li a:hover { color: #fff; } /* Pour les pages simples (CGU, ...) */ div#modexsl.colonne-1, div.colonne-1 { width: 70%; padding: 0; margin: auto; margin-top: 5px; background: #fff; padding: 3%; float: none; } /** * Pour la connexion */ #tableLogout { margin: 18px 0 0 0; padding: 7px 0px; } #tableLogout, #tableLogin { position: right; top: 0px; /*right: 0px;*/ width: 22%; opacity: 1; height: auto; overflow: hidden; display: table; -webkit-transition: height 0.5s linear; transition: height 0.5s linear; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; z-index: 999; } #tableLogout.display-none, #tableLogin.display-none { opacity: 0; height: 0; display: table; z-index: 0; } .table_login { padding: 18px 0 0 0; width: 22%; } .table_login td { color: #666; text-align: right; font-size: 0.9rem; } .table_login input[type="checkbox"] { margin: 5px 5px 0 0; } .table_login input[type="text"], .table_login input[type="password"] { float: right; width: 65%; padding: 8px 5%; border: 1px solid #bbb; } #tableLogout .button, #tableLogin .button { float: right; padding: 7px 14px; border: 1px solid #bbb; background-color: #333; background-size: 40%; color: #fff; display: block; cursor: pointer; } #tableLogout b { color: #d60a51; } /* Footer */ .pied { margin-top:42px; line-height: normal; color:#fff; } .pied a { text-decoration: none; color:#fff; } #infoFooter { background-color: #282f51; } #footer{ background-color: #1a1e33; } #footer a{ font-weight: bold; } #infoFooter, #footer { display: table; width: 100%; } #infoFooter div, #footer div { display: table-cell; padding: 12px; } #infoFooter p { font-size: 14px; font-weight: bold; }