html{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0px; margin:0px; height:100%; } body { margin:0px; padding:0px; padding-top:80px; padding-bottom:40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 100%; background:url(wavegrid.png); } .chargement div { position: fixed; left: 0%; width: 100%; z-index:1000; -moz-animation-name: nomAnim; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.1s; -moz-animation-iteration-count: 1; -webkit-animation-name: nomAnim; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; -webkit-animation-iteration-count: 1; } #page { position:absolute; margin:0px; padding:0px; top:0px; width:100%; background:url(header_bg_repeat.png) repeat-x left top; margin-bottom:50px; } #header { position:fixed; margin:0px; padding:0px; top:0px; height:80px; width:100%; background:url(header_bg.jpg) no-repeat center top; } #header h1 a { position:absolute; width:220px; height:90px; float:left; margin:0px; overflow:hidden; text-indent:-9999em; color: #C4C4C4; background:url(logo.png) no-repeat left top; } #header_carres { width:100%; margin:0px; padding:0px; position:absolute; top:2px; right:20px; height:23px; background:url(palette_bleu_alpha.png) no-repeat right top; } #header nav { float:right; margin:0px 0 0 0; padding-top:10px; } #header nav a { color: #F8F8F8;/*#fff; */ padding:10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; margin:0 5px 0 0; text-decoration:none; text-shadow:#000 1px 1px 0; -moz-transition:all ease-out 0.2s; -webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s; position:relative; z-index:5; } #header nav a:hover{ background:#002F5B; /*#000; */ } #header nav a.active { background:#001E3A; /*#000; */ /*box-shadow:rgba(255,255,255,0.3) 0 0 10px;*/ } #menu_h { margin:0px; padding:0px; position:absolute; top:50px; width:100%; height:30px; background-image:-moz-linear-gradient( 180deg, #C4C4C4, #333333); background-image:-webkit-linear-gradient( 180deg, #C4C4C4, #333333); background-image:-o-linear-gradient( 180deg, #C4C4C4, #333333); background-image:linear-gradient( 180deg, #C4C4C4, #333333); font-weight:bold; z-index:1000; } #menu_h ul{ margin:0px; padding:0px; padding-left:100px; list-style-type:none; text-align:center; } #menu_h li{ float:left; margin:0px; padding:0px; border-left: 2px solid #F8F8F8; } #menu_h li:last-child { border-right: 2px solid #F8F8F8; } #menu_h li a { margin:0px; padding:0px; padding-top:5px; display:block; width:100px; height:25px; text-decoration:none; color:#F8F8F8; } #menu_h li a:hover{ color: #001E3A; background-color: #F8F8F8; background-image:-moz-linear-gradient( 180deg, #F8F8F8, #6C6C6C); background-image:-webkit-linear-gradient( 180deg, #F8F8F8, #6C6C6C); background-image:-o-linear-gradient( 180deg, #F8F8F8, #6C6C6C); background-image:linear-gradient( 180deg, #F8F8F8, #6C6C6C); } #menu_h ul ul{ margin:0px; padding:0px; list-style-type:none; text-align:left; border-left:none; border-right:none; } #menu_h li li{ margin:0px; padding:0px; border-left:none; border-right:none; } #menu_h li li a{ margin:0px; padding:0px; padding-top:5px; padding-left:5px; display:block; width:120px; height:25px; background-color: #002F5B; } #menu_h ul li ul { display:none; } #menu_h ul li:hover ul { margin:0px; padding:0px; display:block; width:100px; height:25px; } #menu_h li:hover ul li { float:none; } #menu_v{ padding:0; margin:0; width: 100px; /* seule ligne rajoutée */ } #menu_v ul{ margin:0px; padding:0px; list-style-type:none; text-align:left; width: 100px; position: absolute; left:-999em; } #menu_v li { position: relative; background-color: #003C78; margin-bottom:2px; } #menu_v a { display:block; text-decoration: none; color: #003C78; padding:5px; } #menu_v li:hover ul { top: 0; left: 100px; color: #003C78; background-color: #003C78; border:solid 1px #003C78; } #menu_v li a:hover{ color: #003C78; background-color: #003C78; } #main{ margin-top:80px; display:table; height:100%; width:100%; /*background-color: #999999;*/ } #section_left{ display:table-cell; vertical-align:top; width: 100px; top: 0px; bottom: 0px; /*background-color: #C4C4C4;*/ font-weight:bold; font-size:12px; color: #001E3A; } #section_right{ display:table-cell; vertical-align:top; width: 100px; top: 0px; bottom: 0px; color: #001E3A; text-align:left; /*background-color: #C4C4C4;*/ } section{ padding-top:50px; display:table-cell; line-height:28px; font-weight:bold; font-size:20px; color: #001E3A; /*background-color: #C4C4C4;*/ /*background: linear-gradient(to right, , , , , , , , );*/ /*background: radial-gradient(ellipse at center center, , , , );*/ } article{ margin:4px; color: ; font-weight:bold; background-color: ; } #article_header{ text-align:center; line-height:28px; font-weight:bold; font-size:20px; color: ; background-image:-moz-linear-gradient( 0deg, , ); background-image:-webkit-linear-gradient( 0deg, , ); background-image:-o-linear-gradient( 0deg, , ); background-image:linear-gradient( 0deg, , ); margin-bottom:10px; } /*#article_header_img{ background:url(carres_anis.png) no-repeat right top; }*/ #article_footer{ margin-top:10px; text-align:right; color: ; /*background:url(palette_framboise.png) no-repeat left top;*/ background-color: #001E3A; } /*#article_footer_img{ background:url(carres_bleu.png) no-repeat left bottom; }*/ #article_content{ min-height:46px; background:url(palette_anis.png) no-repeat right top; } footer{ clear:both; /* Force à remettre aligné à gauche */ width:100%; position:fixed; bottom:0px; height:46px; color:#C4C4C4; font-weight:bold; background:url(palette_bleu_alpha.png) no-repeat right top; background-color: #003C78; } .mailing{ color:#C4C4C4; }