/* CSS Document */ .cadre { padding: 0px; margin: 0px; border: 0px; width: 100%; height: 100%; } .cadre_auto { padding: 0px; margin: 0px; border: 0px; width: auto; height: auto; } /*/////////////////////////////////////////*/ /*******************************************/ /* Styles de l'encadrement des zones écran */ /*******************************************/ /*/////////////////////////////////////////*/ /***************************************/ /* Encadrement suivant variable c_coul */ /***************************************/ /* Haut-gauche*/ .b-hg { width: 15px; height: 15px; background: url('../images/cadres//15_hg.jpg') no-repeat right bottom; } /* Haut */ .b-h { height: 15px; background: url('../images/cadres//15_h.jpg') repeat-x bottom; } /* Haut-droite */ .b-hd { width: 15px; height: 15px; background: url('../images/cadres//15_hd.jpg') no-repeat left bottom; } /* Droite */ .b-d { width: 15px; background: url('../images/cadres//15_d.jpg') repeat-y left; } /* Bas-droite */ .b-bd { width: 15px; height: 15px; background: url('../images/cadres//15_bd.jpg') no-repeat left top; } /* Bas */ .b-b { height: 15px; background: url('../images/cadres//15_b.jpg') repeat-x top; } /* Bas-gauche */ .b-bg { width: 15px; height: 15px; background: url('../images/cadres//15_bg.jpg') no-repeat right top; } /* Gauche */ .b-g { width: 15px; background: url('../images/cadres//15_g.jpg') repeat-y right; } /* Centre */ .b-c { background-color:; /* background-image: url(../images/cadres//fond1.jpg); background-position: top right; background-repeat: no-repeat; */ padding: 0px; text-align: right; font-size: 10px; } /*********************/ /* Encadrement blanc */ /*********************/ /* Haut-gauche*/ .bl-hg { width: 15px; height: 15px; background: url('../images/cadres/blanc/15_hg.jpg') no-repeat right bottom; } /* Haut */ .bl-h { height: 15px; background: url('../images/cadres/blanc/15_h.jpg') repeat-x bottom; } /* Haut-droite */ .bl-hd { width: 15px; height: 15px; background: url('../images/cadres/blanc/15_hd.jpg') no-repeat left bottom; } /* Droite */ .bl-d { width: 15px; background: url('../images/cadres/blanc/15_d.jpg') repeat-y left; } /* Bas-droite */ .bl-bd { width: 15px; height: 15px; background: url('../images/cadres/blanc/15_bd.jpg') no-repeat left top; } /* Bas */ .bl-b { height: 15px; background: url('../images/cadres/blanc/15_b.jpg') repeat-x top; } /* Bas-gauche */ .bl-bg { width: 15px; height: 15px; background: url('../images/cadres/blanc/15_bg.jpg') no-repeat right top; } /* Gauche */ .bl-g { width: 15px; background: url('../images/cadres/blanc/15_g.jpg') repeat-y right; } /* Centre */ .bl-c { background-color:#ffffff; padding: 0px; text-align: right; font-size: 10px; } /*********************/ /* Encadrement gris */ /*********************/ /* Haut-gauche*/ .bg-hg { width: 50px; height: 50px; background: url('../images/cadres/gris/50_hg.jpg') no-repeat right bottom; } /* Haut */ .bg-h { height: 50px; background-color:#c1c1c1; } /* Haut-droite */ .bg-hd { width: 50px; height: 50px; background: url('../images/cadres/gris/50_hd.jpg') no-repeat left bottom; } /* Droite */ .bg-d { width: 50px; background-color:#c1c1c1; } /* Bas-droite */ .bg-bd { width: 50px; height: 50px; background: url('../images/cadres/gris/50_bd.jpg') no-repeat left top; } /* Bas */ .bg-b { height: 50px; background-color:#c1c1c1; } /* Bas-gauche */ .bg-bg { width: 50px; height: 50px; background: url('../images/cadres/gris/50_bg.jpg') no-repeat right top; } /* Gauche */ .bg-g { width: 50px; background-color:#c1c1c1; } /* Centre */ .bg-c { background-color:#c1c1c1; padding: 0px; text-align: right; font-size: 10px; } /*/////////////////////////////////////////*/ /*******************************************/ /* Styles génériques du site */ /*******************************************/ /*/////////////////////////////////////////*/ body{ font-family: Arial,sans-serif; line-height: 1.166; margin: 0px; padding: 0px; background-color:#D4BFAA; } body table{ font-size: 12px; } h2 {font-size: 14px;} /*/////////////////////////////////////////*/ /*******************************************/ /* Styles des éléments spécifiques */ /*******************************************/ /*/////////////////////////////////////////*/ /************************************/ #volet_haut{ position: absolute; top: 5px; left: 1%; right: 1%; width:97%; height: 100px; } #titre_volet_haut { position: absolute; top: 73px; left: 190px; font-family: Verdana,sans-serif; color: ; background-color: ; /* border: 3px ridge ;*/ font-size: 12px; font-weight: bold; line-height: 22px; /* text-decoration: underline overline;*/ overflow: auto; } /************************************/ /************************************/ #volet_info_theme { position: absolute; top: 25px; left: 8px; border: 3px inset grey; font-size: 10px; background-color: #E7C0B1; width: 159px; height: 70px; overflow: auto; } #titre_volet_info_theme { position: absolute; top: 7px; left: 8px; width: 159px; background-color: #A72728; color: #E7C0B1; border: 3px inset grey; font-size: 12px; font-weight: bold; } /************************************/ /************************************/ #volet_info_outils { position: absolute; left: 8px; border: 3px inset grey; font-size: 10px; /* Bleu 50% */ background-color: #FAD9BA; width:159px;top:128px; height: 70px; overflow: auto; } #titre_volet_info_outils { position: absolute; left: 8px; width:159px;top:110px; background-color: #E77616; color: #FAD9BA; border: 3px inset grey; font-size: 12px; font-weight: bold; } /************************************/ /************************************/ #volet_info_fiche { position: absolute; left: 8px; border: 3px inset grey; font-size: 10px; /* Bleu 50% */ background-color: lightgrey; width:159px;top:223px; height: 70px; overflow: auto; } #titre_volet_info_fiche { position: absolute; left: 8px; width:159px;top:207px; background-color: black; color: lightgrey; border: 3px inset grey; font-size: 12px; font-weight: bold; } /************************************/ /************************************/ #volet_info_annonce { position: absolute; left: 8px; border: 3px inset grey; font-size: 10px; /* Bleu 50% */ background-color: FFFFAA; width:159px;top:338px; height: 150px; overflow: auto; } #titre_volet_info_annonce { position: absolute; left: 8px; width:159px;top:322px; background-color: yellow; color: black; border: 3px inset grey; font-size: 12px; font-weight: bold; } /************************************/ /************************************/ #copyright { position:fixed;bottom:23px;left:18px; width: 165px; background-color: lightgrey; text-align:center; font-size: 10px; color: #00477B; } /************************************/ /************************************/ #print { position:fixed;bottom:43px;left:18px; width: 165px; background-color: lightgrey; text-align:center; font-size: 10px; } /************************************/ /************************************/ #volet_menu_pres { position: absolute; top: 10px; /* border: 3px inset grey;*/ font-size: 10px; /* background-color: #E7C0B1;*/ width: 159px;left:10px;/* height: 70px;*/ overflow: hidden; } /************************************/ /************************************/ #volet_menu_suite { position: absolute; top: 450px; /* border: 3px inset grey;*/ font-size: 10px; /* background-color: #E7C0B1;*/ width: 159px;left:10px; height: 170px; overflow: hidden; } /************************************/ #volet_centre{ position:absolute; top: 115px; left: 1%; right: 1%; width:98%; font-size: 10px; overflow: auto; } /************************************/ /************************************/ #volet_droit{ position: relative; top: 0px; left: 0px; margin:0px 0px 0px 185px; font-size: 10px; /* overflow: auto;*/ } /************************************/ /************************************/ #tab_volet_droit{ top: 0px; left: 0px; overflow: auto; } #tab_volet_droit table { font-size: 12px; color: ; } #tab_volet_droit a:link {color: yellow;} #tab_volet_droit a:visited {color: yellow;} #tab_volet_droit a:hover {color: black;} #tab_volet_droit h1 { background-color: ; color: ; border: 5px ridge ; font-size: 14px; text-align:center; } /************************************/ /************************************/ #volet_gauche{ position: absolute; top: 0px; left: 0px; width:180px; background-color: black; font-family: Verdana,sans-serif; } /************************************/ /************************************/ #news { color: lightgrey; background-color: #c1c1c1; border: 5px ridge lightgrey; width:auto; height: 150px; } /************************************/ /************************************/ #recherche { position: absolute; top: 15px; left: 100px; font-size: 10px; color: #00477B; } /***************************************/ /***************************************/ /* Styles des images dans les exemples */ /***************************************/ /***************************************/ #imgcorps{ text-align: center; font-size: 70%; color:#ffff00; padding: 10px 10px 10px 10px; /* margin: 5px 5px 5px 5px;*/ } #imgcorps p { color:#993300; font-size: 130%; font-style: italic; text-align: left; } #imgcorps a:link {color: blue;} #imgcorps a:hover {color: yellow;} #pcorpsfl {clear: none;} .droite{ float:right; } .gauche{ float:left; }