@charset "iso-8859-1";

/* divers */
body {color: #000; background: white; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; }
body a.lien {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #000; }
body a.lien:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2 {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #808080; }
body a.lien2:hover {text-decoration: underline; font-size: 8pt; font-weight: bold; font-style: italic; color: #DC143C; }
body p {font-size: 8pt; color: #000; margin: 6px 0.5em 6px; }
body b.rouge {color: #c00; }
body b.noir {color: #000; }
body a.jaune {text-decoration: underline; font-weight: bold; color: #FFC; }
body a.rouge {text-decoration: underline; font-weight: bold; color: #c00; }
body a.vert {text-decoration: underline; font-weight: bold; color: #A1C749; }
body a.noir {text-decoration: underline; font-weight: bold; color: #000; }
body legend {font-weight: bold; }
body fieldset {margin: 6px 0.5em 6px; padding: 6px 0.5em 6px; }
body font.lettrine {font-size:15pt; font-weight: bold; text-indent:5px; color: #F00; }
body ul {margin-top: 0.5em; margin-bottom: 0.5em;  }

/* menu haut */
#bar_logo {position: absolute; top: 7px; left: 7px;}
#bar_m {position: absolute; top: 7px; left: 200px;font-size: 7pt;}
#bar_m1, #bar_m2, #bar_m3, #bar_m4, #bar_m5 {position: absolute; text-decoration: none; width: 113px; height: 60px; }
#bar_m1 {left: 0px; background: #FFF9C7 url(http://img.petites-notes.fr/abc/cadre_menu1.gif) top left no-repeat; }
#bar_m1:hover {background: #EEC926 url(http://img.petites-notes.fr/abc/cadre_menu2.gif) top left no-repeat;}
#bar_m2 {left: 116px; background: #E0F3D0 url(http://img.petites-notes.fr/abc/cadre_menu1.gif) top left no-repeat; }
#bar_m2:hover {background: #A1C749 url(http://img.petites-notes.fr/abc/cadre_menu2.gif) top left no-repeat;}
#bar_m3 {left: 231px; background: #B5C5EB url(http://img.petites-notes.fr/abc/cadre_menu1.gif) top left no-repeat; }
#bar_m3:hover {background: #4C82C1 url(http://img.petites-notes.fr/abc/cadre_menu2.gif) top left no-repeat;}
#bar_m4 {left: 346px; background: #F8BE82 url(http://img.petites-notes.fr/abc/cadre_menu1.gif) top left no-repeat; }
#bar_m4:hover {background: #E18426 url(http://img.petites-notes.fr/abc/cadre_menu2.gif) top left no-repeat;}
#bar_m5 {left: 461px; background: #E1E1E1 url(http://img.petites-notes.fr/abc/cadre_menu1.gif) top left no-repeat; }
#bar_m5:hover {background: #CCCCCC url(http://img.petites-notes.fr/abc/cadre_menu2.gif) top left no-repeat;}
#bar_m b {position: absolute; font-weight: bold; color: #000; top: 0px; width: 113px; padding: 2px 15px 2px; cursor: pointer;}
#bar_m p {position: absolute; font-weight: normal; color: #000; top: 0px; width: 113px; margin: 18px 0.5em 2px; cursor: pointer;}

/* menu gauche */
#bar_g {position: absolute; top: 70px; left: 7px; width: 120px;font-size: 7pt; font-weight: bold; }
#bar_g_list {margin-left: 0; padding-left: 0; list-style: none;}
#bar_g li.liste {border-top: 9px solid white;}
#bar_g li.liste2 {border-top: 1px solid white;}
#bar_g form.liste2 {border-top: 1px solid white; padding: 3px 0.5em 3px; background: #E1E1E1; }
#bar_g input.liste2a {font-size: 8pt; color: #000; }
#bar_g input.liste2b {margin: 5px 0px; padding: 0px 1.7em 0px; font-size: 8pt; font-weight: bold; color: #080; }
#bar_g a.g1_titre, #bar_g a.g2_titre, #bar_g a.g5_titre {display: block; text-decoration: none; color: #fff; font-size: 9pt; padding: 3px 0.5em 3px; text-transform: uppercase; }
#bar_g a.g1_titre {border-left: 1em solid #EEC926; background: #EEC926; }
#bar_g a.g1_titre:hover {border-left: 1em solid #FFF9C7; color: #000; }
#bar_g a.g2_titre {border-left: 1em solid #A1C749; background: #A1C749; }
#bar_g a.g2_titre:hover {border-left: 1em solid #E0F3D0; color: #000; }
#bar_g a.g5_titre {border-left: 1em solid #CCCCCC; background: #CCCCCC; }
#bar_g a.g5_titre:hover {border-left: 1em solid #E1E1E1; color: #000; }
#bar_g a.g1_rub, #bar_g a.g2_rub, #bar_g a.g5_rub {display: block; text-decoration: none; color: #000; padding: 3px 0.5em 3px; }
#bar_g a.g1_rub {border-left: 1em solid #FFF9C7; border-bottom: 2px solid #FFF9C7; background: #FFF9C7; }
#bar_g a.g1_rub:hover {border-left: 1em solid #EEC926; border-bottom: 2px solid #EEC926; }
#bar_g a.g2_rub {border-left: 1em solid #E0F3D0; border-bottom: 2px solid #E0F3D0; background: #E0F3D0; }
#bar_g a.g2_rub:hover {border-left: 1em solid #A1C749; border-bottom: 2px solid #A1C749; }
#bar_g a.g5_rub {border-left: 1em solid #E1E1E1; border-bottom: 2px solid #E1E1E1; background: #E1E1E1; }
#bar_g a.g5_rub:hover {border-left: 1em solid #CCCCCC; border-bottom: 2px solid #CCCCCC; }

/* menu droit */
#bar_d {position: absolute; top: 80px; left: 628px; width: 172px; font-size: 7pt; vertical-align: middle; }
#bar_d_firefox {position: absolute; top: 80px; left: 648px; width: 172px; font-size: 7pt; vertical-align: middle; }
#bar_d1_list, #bar_d2_list, #bar_d3_list , #bar_d4_list, #bar_d5_list {margin-left: 0; padding-left: 0; padding-top: 0; margin-top: 0; padding-bottom: 5; margin-bottom: 5; list-style: none; }
#bar_d1_list {border: 2px solid #EEC926; }
#bar_d2_list {border: 2px solid #C00; }
#bar_d3_list {border: 2px solid #F90; }
#bar_d4_list {border: 2px solid #336; }
#bar_d5_list {border: 2px solid #090; }
#bar_d1_lista, #bar_d2_lista, #bar_d3_lista, #bar_d4_lista, #bar_d5_lista {margin-left: 0; padding-left: 0; padding-top: 0; margin-top: 0; padding-bottom: 10; margin-bottom: 10; list-style: none; }
#bar_d li.liste {font-weight: bold; border: 2px solid white; text-align: center;}
#bar_d li.liste2 {border: 2px solid white;}
#bar_d_li.liste3 {text-align: center;}
#d1_titre, #d2_titre, #d3_titre, #d4_titre, #d5_titre {display: block; text-decoration: none; color: #fff; font-size: 9pt; padding: 3px 0.5em 3px; text-transform: uppercase}
#d1_titre {border-left: 1em solid #EEC926; border-right: 1em solid #EEC926; background: #EEC926; }
#d1_titre:hover {border-left: 1em solid #FFF9C7; border-right: 1em solid #FFF9C7;}
#d2_titre {border-left: 1em solid #C00; border-right: 1em solid #C00; background: #C00; }
#d2_titre:hover {border-left: 1em solid #FBB; border-right: 1em solid #FBB;}
#d3_titre {border-left: 1em solid #F90; border-right: 1em solid #F90; background: #F90; }
#d3_titre:hover {border-left: 1em solid #FDA; border-right: 1em solid #FDA;}
#d4_titre {border-left: 1em solid #336; border-right: 1em solid #336; background: #336; }
#d4_titre:hover {border-left: 1em solid #ADF; border-right: 1em solid #ADF;}
#d5_titre {border-left: 1em solid #090; border-right: 1em solid #090; background: #090; }
#d5_titre:hover {border-left: 1em solid #DFD; border-right: 1em solid #DFD;}
#bar_d a.d1_rub, #bar_d a.d2_rub, #bar_d a.d3_rub, #bar_d a.d4_rub, #bar_d a.d5_rub {display: block; text-decoration: none; color: #000; padding: 3px 0.5em 3px; }
#bar_d a.d1_rub {background: #EEC926; }
#bar_d a.d1_rub:hover {}
#bar_d a.d2_rub {background: #FBB; }
#bar_d a.d2_rub:hover {}
#bar_d a.d3_rub {background: #FDA; }
#bar_d a.d3_rub:hover {}
#bar_d a.d4_rub {background: #ADF; }
#bar_d a.d4_rub:hover {}
#bar_d a.d5_rub {background: #DFD; }
#bar_d a.d5_rub:hover {}
#d1_suite, #d2_suite, #d3_suite, #d4_suite, #d5_suite {border: 3px solid; display: block; text-decoration: none; color: #fff; font-size: 7pt; padding: 3px 0.1em 3px; text-transform: uppercase}
#d1_suite {border-color: #FFE #FEA #FEA #FFE; background: #EEC926; }
#d1_suite:hover {border-color: #FEA #FFE #FFE #FEA; }
#d2_suite {border-color: #FFE #FBB #FBB #FFE; background: #C00; }
#d2_suite:hover {border-color: #FBB #FFE #FFE #FBB; }
#d3_suite {border-color: #FFE #FDA #FDA #FFE; background: #F90; }
#d3_suite:hover {border-color: #FDA #FFE #FFE #FDA; }
#d4_suite {border-color: #FFE #ADF #ADF #FFE; background: #336; }
#d4_suite:hover {border-color: #ADF #FFE #FFE #ADF; }
#d5_suite {border-color: #FFE #DFD #DFD #FFE; background: #090; }
#d5_suite:hover {border-color: #DFD #FFE #FFE #DFD; }

/* coeur */
#coeur {position: absolute; top: 86px; left: 132px; width: 491px;}
#coeur td {font-size: 8pt; }
#coeur b {font-size: 8pt; font-weight: bold; }
#coeur a.menu1, #coeur a.menu2, #coeur a.menu5 {font-size: 8pt; font-weight: bold; margin: 0px 0px 5px; padding: 2px 0.5em 2px; font-style: italic; color: #000; text-decoration: underline; }
#coeur a.menu1 {border-left: 1em solid #EEC926; border-bottom: 5px double #EEC926; }
#coeur a.menu1:hover {border-left: 1em solid #FFF9C7; border-bottom: 5px double #FFF9C7; color: #EEC926; }
#coeur a.menu2 {border-left: 1em solid #E0F3D0; border-bottom: 5px double #E0F3D0; }
#coeur a.menu2:hover {border-left: 1em solid #A1C749; border-bottom: 5px double #A1C749; color: #C00; }
#coeur a.menu5 {border-left: 1em solid #E1E1E1; border-bottom: 5px double #E1E1E1; }
#coeur a.menu5:hover {border-left: 1em solid #CCCCCC; border-bottom: 5px double #CCCCCC; color: #C00; }
#coeur b.menu1, #coeur b.menu2, #coeur b.menu5 {font-size: 8pt; font-weight: bold; margin: 0px 0px 5px; padding: 2px 0.5em 2px; font-style: italic; color: #000; }
#coeur b.menu1 {border-left: 1em solid #EEC926; border-bottom: 2px solid #EEC926; }
#coeur b.menu2 {border-left: 1em solid #A1C749; border-bottom: 2px solid #A1C749; }
#coeur b.menu5 {border-left: 1em solid #CCCCCC; border-bottom: 2px solid #CCCCCC; }
#cb {position: relative; top: 0px; left: 0px; width: 491px; height: 20px; font-size: 8pt; font-weight: bold; background: #fff; margin-bottom: 5px; }
#ct {position: relative; left: 0px; width: 491px; font-size: 8pt; background: #fff; }
#coeur div.coeur_b1, #coeur div.coeur_b2, #coeur div.coeur_b5 {left: 0px; width: 460px; height:15px; padding: 1px 0.5em 1px; font-weight: bold; color: #000; }
#coeur div.coeur_b1 {border: 2px solid #EEC926; background: #EEC926; }
#coeur div.coeur_b2 {border: 2px solid #A1C749; background: #A1C749; }
#coeur div.coeur_b5 {border: 2px solid #CCCCCC; background: #CCCCCC; }
#coeur div.coeur_1m, #coeur div.coeur_2m, #coeur div.coeur_5m {left: 0px; width: 491px; margin-bottom: 5px; padding: 0.5em; color: #000; text-align: justify}
#coeur div.coeur_1m {border: 2px solid #EEC926; background: #FFF9C7; }
#coeur div.coeur_2m {border: 2px solid #A1C749; background: #E0F3D0; }
#coeur div.coeur_5m {border: 2px solid #CCCCCC; background: #E1E1E1; }
#coeur div.coeur_1blanc, #coeur div.coeur_2blanc {left: 0px; width: 491px; margin-bottom: 5px; padding: 0.5em; background: #fff; color: #000; }
#coeur div.coeur_1blanc {border: 2px solid #EEC926; }
#coeur div.coeur_2blanc {border: 2px solid #FBB; }
#coeur img.coeur_img {float : right; margin: 10px;  }
body div.note {border: 3px solid #EEC926; margin-bottom: 5px; padding: 0.5em; background: #fff; color: #000}
#coeur div.coeur_space {position: absolute; left: 0px; width: 100px; padding: 1px 0.5em 1px; margin-top: 7px; font-weight: bold; color: #000; }
#coeur div.coeur_space1 {position: relative; left: 100px; width: 370px; padding: 1px 0.5em 1px; margin-bottom: 5px; color: #c00}
#coeur div.coeur_space2 {position: relative; left: 100px; width: 370px; padding: 1px 0.5em 1px; margin-bottom: 5px;}

/* peton */
#bar_p {position: relative; top: 10px; left: 0px; width: 490px; font-size: 7pt; }
#bar_p a.lien {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #000; }
#bar_p a.lien:hover {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #808080; }
#peton1 {position: absolute; top: 0px; left: 0px; width: 97px; }
#peton2 {position: absolute; top: 0px; left: 98px; width: 97px; }
#peton3 {position: absolute; top: 0px; left: 196px; width: 97px; }
#peton4 {position: absolute; top: 0px; left: 294px; width: 97px; }
#peton5 {position: absolute; top: 0px; left: 392px; width: 97px; }
#peton6 {position: absolute; top: 20px; left: 0px; width: 490px; text-align: right; vertical-align: middle; font-weight: bold; }
#peton7 {position: absolute; top: 33px; left: 0px; width: 490px; text-align: right; vertical-align: middle; font-weight: bold; }
#peton8 {position: absolute; top: 46px; left: 0px; width: 490px; text-align: right; vertical-align: middle; font-weight: bold; }
#bar_p a.pied1, #bar_p a.pied2, #bar_p a.pied3, #bar_p a.pied4, #bar_p a.pied5 {display: block; width: 100%; height: 15px; text-decoration: none; color: #000; font-size: 7pt; padding: 0px 0.5em 0px; font-weight: bold; text-align: center; }
#bar_p a.pied1 {border-top: 3px solid #FFF9C7; border-bottom: 3px solid #FFF9C7; background: #FFF9C7; }
#bar_p a.pied1:hover {border-top: 3px solid #EEC926; border-bottom: 3px solid #EEC926; }
#bar_p a.pied2 {border-top: 3px solid #E0F3D0; border-bottom: 3px solid #E0F3D0; background: #E0F3D0; }
#bar_p a.pied2:hover {border-top: 3px solid #A1C749; border-bottom: 3px solid #A1C749; }
#bar_p a.pied3 {border-top: 3px solid #B5C5EB; border-bottom: 3px solid #B5C5EB; background: #B5C5EB; }
#bar_p a.pied3:hover {border-top: 3px solid #E18426; border-bottom: 3px solid #E18426; }
#bar_p a.pied4 {border-top: 3px solid #F8BE82; border-bottom: 3px solid #F8BE82; background: #F8BE82; }
#bar_p a.pied4:hover {border-top: 3px solid #E18426; border-bottom: 3px solid #E18426; }
#bar_p a.pied5 {border-top: 3px solid #E1E1E1; border-bottom: 3px solid #E1E1E1; background: #E1E1E1; }
#bar_p a.pied5:hover {border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; }

/* table */
td.pointille    {font-size: 8pt; border-bottom: 1px dotted #000; padding: 3px 0px 3px; }
td.continu      {font-size: 8pt; border-bottom: 1px solid #000; padding: 3px 0px 3px; }
table.bord      {border: 0.5px solid #A1C749; }
table.cal       {background-color: #A1C749; text-align: center; }
table.cal_tmois {width: 222px; background-color: #A1C749; text-align: center; }
td.cal_mois     {cursor: pointer; }
a.cal_mois      {text-decoration: none; font-size: 8pt; font-weight: bold; color: #000; }