58 lines
1.7 KiB
CSS
58 lines
1.7 KiB
CSS
/* --------------------------------------------------------------
|
|
|
|
layout.css
|
|
Disposition des blocs principaux
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
/* ------------------------------------------
|
|
/* Disposition a l'ecran des blocs principaux
|
|
/* ------------------------------------------ */
|
|
body { background: #fff; margin: 0; padding: 0; text-align: center; }
|
|
|
|
.page { position: relative; background: #fff; width: 640px; margin: 50px auto 0px; padding:0; text-align: left;}
|
|
|
|
.header { width: 100%; margin: 0; border-bottom: 2px solid #46839B; }
|
|
|
|
.conteneur {
|
|
background-color: white; color: #555; border: 1px #cccccc solid;
|
|
padding: 0px 20px 0 20px;
|
|
-webkit-border-radius:5px 5px 0 0;
|
|
-moz-border-radius:5px 5px 0 0;
|
|
border-radius:5px 5px 0 0;
|
|
}
|
|
.contenu {margin: 1em 0 0; padding: 0px 10px 30px;}
|
|
|
|
.navigation {margin: -65px 0px 50px 100px; padding: 0px; color: #999;}
|
|
.extra {text-align: left;background-color: #aaa; color: white;border:1px solid #aaa;margin: 0px auto 0px auto; padding: 10px 20px 5px 20px;
|
|
-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;
|
|
/*font-size:94%;*/
|
|
}
|
|
.extra .content {float:left; width:280px;}
|
|
.extra .more { float:right; width:280px; }
|
|
|
|
.page_sommaire .extra .content,
|
|
.page_sommaire .extra .more {float:none; width:auto;}
|
|
|
|
|
|
.pied {text-align: center;
|
|
background-color: white; color: #555;
|
|
margin: 10px auto 0px auto; padding: 0px 20px 220px 20px
|
|
/*font-size:90%;*/
|
|
}
|
|
|
|
/* Gabarit d'impression */
|
|
@media print {
|
|
.navigation,
|
|
.extra,
|
|
.pied { display: none; }
|
|
.page,
|
|
.conteneur { width: auto; }
|
|
}
|
|
|
|
/* end */
|
|
|
|
/* Affichage pour les petits ecrans (type 400 x 300) */
|
|
@media handheld {
|
|
div.page, div.conteneur, div.navigation, div.extra { width: auto; }
|
|
}
|