css/screen/habillage_espace_enseig.css

   1         /* ************************************
   2
   3         screen.css
   4 background-image: url(../../images/slash.png);background-repeat: repeat;
   5         ************************************ */
   6
   7         html, body { margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; text-align: center; /* for IE */}
   8
   9         a img { border-style: none;}
  10         form {  margin: 0;}
  11         h1 { color: #CE3202; font-size: 18px; text-transform:uppercase; line-height: 22px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  12         h2 { color: #CE3202; font-size: 17px; line-height: 20px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  13         h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  14         h4 { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  15         h3 a { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  16         h4 a { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
  17         .spip_surligne { background-color: #FFFF66; }
  18         ul { color: #000000; padding: 3px 15px 6px 15px; margin: 0;}
  19         li { color: #88571A; font-size: 12px; line-height: 16px; padding: 0; margin: 0;}
  20         a { text-decoration: none; color: #88571A;}
  21         a:hover {text-decoration: underline; }
  22         a:active {text-decoration: none;}
  23         p { font-size: 12px; line-height: 16px; color: #333333; padding-bottom: 4px; padding-top: 1px; margin: 0;}
  24         .cap { float: left;font-size: 62px; line-height: 48px; font-weight: bold; color: #006699;margin: 0; padding: 0; }
  25         .gras { font-size: 12px; line-height: 14px; color: #88571A; padding: 0; margin: 0;font-weight: bold; }
  26         .gras a {color: #88571A; text-decoration: none;}
  27         .gras a:hover {text-decoration: underline;}
  28         .petit { font-size: 10px; line-height: 12px; color: #88571A; padding: 0; margin: 0; }
  29         .petit a {color: #88571A; text-decoration: none;}
  30         .petit a:hover {text-decoration: underline;}
  31         /* Form elements */
  32         input{border-color: #000000; color:#000000; margin: 1px 1px 1px 1px; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;}
  33         textarea{border-color: #000000; color:#000000; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;}
  34         select{border-color: #000000; color:#000000; font:normal 11px Verdana,Arial,Helvetica,sans-serif;}
  35         input.post,textarea.post,select{background:#EAEDF4}
  36         input{text-indent:2px}
  37         .select_archives{height: 16px; width: 150px; margin: 0; padding: 0;     background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #88571A;}
  38         /* fixed */
  39         input.button{background: #e5ebf3; color:#000000;  font:11px Verdana,Arial,Helvetica,sans-serif;}
  40         #popUp{ position:absolute;padding: 0 0 0 0;margin: 0;   background-image: url(../../images/pop-up.gif);background-repeat: no-repeat;height:auto;height:auto;font:normal 13px Verdana;   line-height:15px;z-index:100;visibility: hidden;}
  41         #popUp .contenu_popUp {width: 84%;height: 85%;margin: 5px auto;overflow:auto;text-align:left;z-index:101;}
  42
  43         /*MAIN FRAME*/
  44         #frame {width: 100%;margin: 0; padding: 0 0 0 0;}
  45
  46         /*HEADER*/
  47         #frame #contener_top {width: 100%; margin: 0; padding: 0;background-color: #AFD45F;}
  48         #frame #contener_top #contener_top_image{width: 760px;height: 100px; margin: 0 auto;}
  49         #frame #contener_top #contener_top_image #menu_top {width: 260px; text-align:right;position: absolute;z-index: 30;margin-left:490px;margin-top:10px;margin-right:10px;}
  50         #frame #contener_top #contener_top_image #menu_top a {font-size: 9px; color: #FFFFFF; text-decoration: none;font-weight: bold;}
  51         #frame #contener_top #contener_top_image #menu_top a:hover {text-decoration: underline;color: #006699;}
  52         #frame #contener_top #contener_top_image #droiteHeader_Contenu {width: 100%;height: 73px; margin: 0; padding: 5px 0 0 0; text-align:left;}
  53         #frame #contener_top #contener_top_image #droiteHeader_Contenu .cap { color: #006699;  float: left;  font-size: 50px; line-height: 50px; font-weight: bold;padding: 0; margin: 0;}
  54         #frame #contener_top #contener_top_image #droiteHeader_Contenu .petit {color: #006699;  font-size: 10px; line-height: 12px; padding: 15px 0 0 0; margin: 0; }
  55         #frame #contener_top #contener_top_image #droiteHeader_Contenu p { font-size: 17px; line-height: 18px; text-transform:uppercase; color: #FFFFFF; padding: 0.4em 0 0 0; margin: 0; font-weight: bold;}
  56         #frame #contener_top #contener_top_image #droiteHeader_Contenu p a {color: #FFFFFF; text-decoration: none;}
  57         #frame #contener_top #contener_top_image #droiteHeader_Contenu p a:hover {text-decoration: none;}
  58         #frame #contener_top #contener_top_image #menu_header {width: 100%;margin: 0; padding: 0 0 0 0; text-align:left;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;}
  59         #frame #contener_top #contener_top_image #menu_header dt, dl, dd, ul, li {list-style-type: none;margin: 0;padding: 0;}
  60         #frame #contener_top #contener_top_image #menu_header dl {padding: 0 0.7em 0 0; float: left;width:12em;}
  61         #frame #contener_top #contener_top_image #menu_header dt a {color: #006699;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #2175bc;}
  62         #frame #contener_top #contener_top_image #menu_header dt a:hover {color: #3399CC;border-color: #2175bc;}
  63         #frame #contener_top #contener_top_image #menu_header dt a.lienon {color: #3399CC;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #2175bc;}
  64         #frame #contener_top #contener_top_image #menu_header dt a.lienon:hover {color: #006699;border-color: #2175bc;}
  65         #frame #contener_top #contener_top_image #menu_header dt a.lienoff {color: #006699;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #2175bc;}
  66         #frame #contener_top #contener_top_image #menu_header dt a.lienoff:hover {color: #3399CC;border-color: #2175bc;}
  67         #frame #contener_top #contener_top_image #menu_header dd {visibility: hidden;position: absolute;width: 760px;z-index: 90;}
  68         #frame #contener_top #contener_top_image #menu_header ul {padding: 0; margin: 0;}
  69         #frame #contener_top #contener_top_image #menu_header li {float:left;padding: 0.4em 1em 1em 0;font-size: 11px; line-height: 11px;}
  70         #frame #contener_top #contener_top_image #menu_header li a {text-decoration: none;color: #FFFFFF;padding: 5px 15px 5px 5px;}
  71         #frame #contener_top #contener_top_image #menu_header li a:hover {text-decoration: none;color: #fff;background-color: #2175bc;}
  72         #frame #contener_top #contener_top_image #menu_header li a.lienon {text-decoration: none;background-color: #2175bc;padding: 5px 15px 5px 5px;}
  73         #frame #contener_top #contener_top_image #menu_header li a.lienon:hover {text-decoration: underline; }
  74         #frame #contener_top #contener_top_image #menu_header li a.lienoff {text-decoration: none;color: #FFFFFF;padding: 5px 15px 5px 5px;}
  75         #frame #contener_top #contener_top_image #menu_header li a.lienoff:hover {text-decoration: none;color: #fff;background-color: #2175bc;}
  76         #frame #contener_top #contener_top_image #menu_header ul.menu_horiz {width: 20em;position: absolute;top:1.9em;visibility: hidden;padding: 0 0 1em 0;border-right: 1px solid #000;background-color: #90bade;}
  77         #frame #contener_top #contener_top_image #menu_header li.menu_horiz {text-align:left;font-size: 11px; line-height: 12px;width: 100%;margin: 0;padding: 0;border-bottom: 1px solid #90bade;}
  78         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a {color: #fff;display: block;text-decoration: none;border-left: 10px solid #1958b7;border-right: 10px solid #508fc4;padding: 2px 5px 2px 0.5em;background: #2175bc;}
  79         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a:hover {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
  80         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienon {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
  81         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienon:hover {text-decoration: underline; }
  82         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienoff {color: #fff;display: block;text-decoration: none;border-left: 10px solid #1958b7;border-right: 10px solid #508fc4;padding: 2px 5px 2px 0.5em;background: #2175bc;}
  83         #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienoff:hover {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
  84         #frame #contener_top #contener_top_barre_bas {width: 100%; height: 25px;margin: 0; padding: 0;background-image: url(../../images/css/fond_haut_barre.gif);background-repeat: repeat-x;}
  85         /*CONTENER*/
  86         #frame #contener{width: 760px; margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
  87         /*MENU*/
  88         #frame #contener #colonne_left{ width: 180px; height: 500px; float: left;}
  89         #frame #contener #colonne_left .contenu_gauche_barrre_haut{ width: 100%;  height: 13px; margin: 0; padding: 0; background-image: url(../../images/css/haut_ligne_contener_left.gif);background-repeat: no-repeat;}
  90         #frame #contener #colonne_left .contenu_gauche_barrre_contenu { width: 100%;  text-align: left; margin: 0;  margin: 0;;background-image: url(../../images/css/ligne_contener_left.gif);background-repeat: repeat-y;}
  91         #frame #contener #colonne_left .contenu_gauche_barrre_bas{width: 100%;  height: 16px; margin: 0; padding: 0; background-image: url(../../images/css/bas_ligne_contener_left.gif);background-repeat: no-repeat;}
  92         #frame #contener #colonne_left .separation { width: width: 100%; height: 10px; text-align: left; margin: 0; padding: 0; }
  93         #frame #contener #colonne_left  .titre_menu {float: left;width: 70%;color: #006699;padding: 0.5em 0 0.9em 0.6em;margin: 0;font-size: 14px; line-height: 16px;font-weight: bold;}
  94         #frame #contener #colonne_left  .titre_menu a {color: #006699;}
  95         #frame #contener #colonne_left  .image_titre_menu {width: auto;height: auto;float: left;padding: 0 0 0.9em 0.4em;margin: 0;}
  96         #frame #contener #colonne_left  .niveau_1_menu {width: 90%;clear:both;padding: 0 0.9em 0 0;margin: 0;}
  97         #frame #contener #colonne_left  .niveau_1_menu ul {width: 80%;margin: 0; padding: 0 0 0 2.5em;list-style: disc url(../../images/css/li_menu.gif) outside;}
  98         #frame #contener #colonne_left  .niveau_1_menu ul ul{width: 90%;margin: 0; padding: 0.3em 0 0.3em 0.7em;list-style: disc url(../../images/css/puce-menu.gif) outside;}
  99         #frame #contener #colonne_left  .niveau_1_menu ul ul ul{width: 100%;margin: 0; padding: 0.3em 0 0.3em 0.9em;}
 100         #frame #contener #colonne_left  .niveau_1_menu li {margin: 0; font-size: 12px; line-height: 13px; padding: 0.1em 0 0.2em 0;}
 101         #frame #contener #colonne_left  .niveau_1_menu li a {color: #CE3202;font-size: 12px; line-height: 13px;}
 102         #frame #contener #colonne_left  .niveau_1_menu li li a {color: #CE3202;font-size: 12px; line-height: 13px;}
 103         #frame #contener #colonne_left  .niveau_1_menu li li li a {color: #CE3202;font-size: 10px; line-height: 12px;}
 104         #frame #contener #colonne_left  .niveau_1_menu li a:hover{color: #006699;text-decoration: underline;}
 105         #frame #contener #colonne_left  .niveau_1_menu a.lienon {color: #CE3202; text-decoration: none;}
 106         #frame #contener #colonne_left  .niveau_1_menu a.lienon:hover {color: #CE3202;text-decoration: underline; }
 107         #frame #contener #colonne_left  .niveau_1_menu a.lienoff {color: #006699; text-decoration: none;}
 108         #frame #contener #colonne_left  .niveau_1_menu a.lienoff:hover {color: #CE3202; text-decoration: underline; }
 109
 110         /*CONTENU DE LA PAGE*/
 111         #frame #contener #colonne_center{width: 560px; float: right; padding: 0 10px 0 10px; }
 112         #frame #contener #colonne_center #haut_ligne_contener_center{width: 100%;height: 10px; margin: 0; padding: 0; background-image: url(../../images/css/haut_ligne_contener_center.gif);background-repeat: no-repeat;}
 113         #frame #contener #colonne_center #colonne_center_contenu{width: 100%;font-family: georgia, serif; margin: 0; padding: 0;background-image: url(../../images/css/ligne_contener_center.gif);background-repeat: repeat-y;}
 114         /* CONTENU TOP*/
 115         #frame #contener #colonne_center #colonne_center_contenu #contenu_top{width: 98%; height: 45px;margin:0; padding: 0 0 2em 0;}
 116         #frame #contener #colonne_center #colonne_center_contenu #contenu_top .img_titre{width: auto;height: auto;margin: 0; padding: 0 0.4em 0 0;}
 117         #frame #contener #colonne_center #colonne_center_contenu #contenu_top p{ color: #006699;font-size: 17px; line-height: 18px;font-weight: bold;text-transform:uppercase;padding: 0.6em 0 0 0.6em; margin: 0; text-align:left;}
 118         #frame #contener #colonne_center #colonne_center_contenu #contenu_top p:hover {color: #3399CC;}
 119         #frame #contener #colonne_center #colonne_center_contenu #contenu_top a {color: #006699;}
 120         #frame #contener #colonne_center #colonne_center_contenu #contenu_top a:hover {color: #006699;text-decoration: underline;}
 121         /* CONTENU CENTER*/
 122         #frame #contener #colonne_center #colonne_center_contenu #contenu {width: 96%;height: 500px; padding: 10px 0 0 0; margin: 0 auto;overflow:auto;text-align:left; }
 123         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches { width:96%; margin: 0 auto; padding: 0px;  border: none; background-color: #EFEFEF;border-collapse: collapse;}
 124         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches  p { font-size: 14px; line-height: 16px; color: #666666; padding: 5px 0 5px 0; margin: 0;}
 125         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches .td_left_table_fiches{ width: 50%; text-align:left; vertical-align:top;  background-color: #EFEFEF; margin: 0px; padding: 4px;  border-left: 1px dashed #CCCCCC;border-right: 1px dashed #CCCCCC;border-top: 1px dashed #CCCCCC;border-bottom: 1em solid #CCCCCC;}
 126         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches .td_right_table_fiches{ width: 50%; text-align:left; vertical-align:top;  background-color: #F6F9FB; margin: 0px; padding: 4px; border-left: 1px dashed #CCCCCC;border-right: 1px dashed #CCCCCC;border-top: 1px dashed #CCCCCC;border-bottom: 1em solid #CCCCCC;}
 127         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches .top_table_fiches{ width: 96%; text-align:left; vertical-align:top;  background-color: #F6F9FB; margin: 0px; padding: 4px;  border: 1px dashed #CCCCCC;}
 128         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches UL { color: #CE3202; padding: 0 0.4em 0 2em; margin: 0; }
 129         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches li { color: #006699;  padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;}
 130         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches li li { color: #6F6F6F;  padding: 0; margin: 0;list-style-type:disc;}
 131         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches li a {color: #006699;font-size: 13px; line-height: 14px;}
 132         #frame #contener #colonne_center #colonne_center_contenu #contenu #table_fiches li a:hover{color: #006699;text-decoration: underline;font-weight: bold;}
 133         #frame #contener #colonne_center #colonne_center_contenu #contenu h1 {font-size: 20px; line-height: 23px; margin: 0 0 15px 0;text-align:left;text-transform:none;}
 134         #frame #contener #colonne_center #colonne_center_contenu #contenu h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0px 4px 14px; font-weight: bold;}
 135         #frame #contener #colonne_center #colonne_center_contenu #contenu p { font-size: 15px; line-height: 17px; color: #333333; padding: 5px 0 5px 0; margin: 0;text-indent:5px;}
 136         #frame #contener #colonne_center #colonne_center_contenu #contenu a {color: #006699; }
 137         #frame #contener #colonne_center #colonne_center_contenu #contenu .contexte {color: #333333; font-size: 12px; line-height: 13px;font-weight: bold;}
 138         #frame #contener #colonne_center #colonne_center_contenu #contenu .lien {color: #006699; font-size: 14px; line-height: 16px;font-weight: bold;}
 139         #frame #contener #colonne_center #colonne_center_contenu #contenu .categorie { color: #808080; font-size: 16px; line-height: 18px; margin: 0; padding: 1em 0 1em 0.5em; font-weight: bold;}
 140         #frame #contener #colonne_center #colonne_center_contenu #contenu a:hover {text-decoration: underline; }
 141         #frame #contener #colonne_center #colonne_center_contenu #contenu UL { color: #CE3202; padding: 0 0.4em 0 2em; margin: 0; }
 142         #frame #contener #colonne_center #colonne_center_contenu #contenu li { color: #6F6F6F;  padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;}
 143         #frame #contener #colonne_center #colonne_center_contenu #contenu li li { color: #B2B2B2;  padding: 0; margin: 0;list-style-type:disc;}
 144         #frame #contener #colonne_center #colonne_center_contenu #contenu li a {color: #6F6F6F;font-size: 13px; line-height: 14px;}
 145         #frame #contener #colonne_center #colonne_center_contenu #contenu li a:hover{color: #6F6F6F;text-decoration: underline;}
 146
 147         #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page {width: 96%; margin: 0 auto; text-align:left;padding: 10px 0 0 0;}
 148         #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p { font-size: 11px; line-height: 13px; color: #006699; padding: 0; margin: 10px 0 0 0; }
 149         #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a {color: #006699; text-decoration: underline;}
 150         #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a:hover {text-decoration: none; background-color: #EFEFEF;}
 151
 152         /* CONTENU BOTTOM*/
 153         #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom{width: 96%; margin: 0 auto;padding: 20px 0 0 0;}
 154         #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p { font-size: 10px; line-height: 12px; color: #006699; padding: 0; margin: 0 0 0 0;  }
 155         #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a {color: #006699; text-decoration: underline;background-color: #EFEFEF;}
 156         #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a:hover {text-decoration: none; }
 157         #frame #contener #colonne_center #bas_ligne_contener_center{width: 100%;height: 12px;margin: 0 0 0 0; padding: 0;background-image: url(../../images/css/bas_ligne_contener_center.gif);background-repeat: no-repeat;}
 158         /*FOOTER*/
 159         #frame #contener #contener_bottom {width: 100%; height: 25px; clear:both; margin: 0; padding: 0;text-align:right;}
 160         #frame #contener #contener_bottom p { font-size: 11px; line-height: 13px; color: #006699; padding: 0; margin: 10px 0 0 0; }
 161         #frame #contener #contener_bottom p a {color: #006699; text-decoration: underline;}
 162         #frame #contener #contener_bottom p a:hover {text-decoration: none; background-color: #EFEFEF;}