36 lines
1.4 KiB
CSS
36 lines
1.4 KiB
CSS
|
/* --------------------------------------------------------------
|
||
|
|
|
||
|
|
layout.css
|
||
|
|
Disposition des blocs principaux
|
||
|
|
|
||
|
|
-------------------------------------------------------------- */
|
||
|
|
|
||
|
|
/* ------------------------------------------
|
||
|
|
/* Disposition a l'ecran des blocs principaux
|
||
|
|
/* ------------------------------------------ */
|
||
|
|
body { background: #f9f9f9; margin: 0; padding: 0; text-align: center; }
|
||
|
|
|
||
|
|
.page { position: relative; background: #fff; width: 58em; margin: 1em auto; padding:1em 2em; text-align: left; border:3px solid #ddd; }
|
||
|
|
|
||
|
|
.header { width: 100%; margin: 0; border-bottom: 2px solid #46839B; }
|
||
|
|
|
||
|
|
.container { clear: both; overflow: hidden; margin-top:/*@margin-bottom*/1.5em/*/@*/; }
|
||
|
|
.content { float:left; width:65%;}
|
||
|
|
|
||
|
|
.extra1 { float: right; width: 30%; overflow: hidden; margin-bottom:/*@margin-bottom*/1.5em/*/@*/; }
|
||
|
|
.extra2 { float: right; clear:right; width: 30%; overflow: hidden; margin-bottom:/*@margin-bottom*/1.5em/*/@*/; }
|
||
|
|
|
||
|
|
.footer { clear: both; width: 100%; margin: 1em 0 0 0; padding: 0.60em 0; border: 2px solid #ddd; background:#f9f9f9; text-align: center; font-size: 0.90em; }
|
||
|
|
.footer a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */
|
||
|
|
.footer img { vertical-align: middle; }
|
||
|
|
|
||
|
|
/* Gabarit d'impression */
|
||
|
|
@media print {
|
||
|
|
.extra1,
|
||
|
|
.extra2,
|
||
|
|
.footer { display: none; }
|
||
|
|
.page,
|
||
|
|
.content { width: auto; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* end */
|