/**********************BODY*****************************/ body { background-color: #F8FBFA; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #48A2AA; scrollbar-arrow-color: #48A2AA; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #48A2AA; background-repeat : no-repeat; background-attachment : fixed; background-position : top center; } body.menu { background-color: #0099FF; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #48A2AA; scrollbar-arrow-color: #48A2AA; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #48A2AA; background-repeat : no-repeat; background-attachment : fixed; background-position : center; } /***************************TEXT (p)****************************/ p.titre { text-align: center; font-family: /*Monotype Corsiva, */Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva,; font-size: 60px; color: #5AB36C; } p.text { text-align: center; font-family: /*Monotype Corsiva, */Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva; font-size: 25px; color:#009966; } p.menu1 { text-align: justify; font-family: /*Monotype Corsiva, */Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva; font-size: 25px; color:#FF0099; } p.menu2 { text-align: justify; font-family: /*Monotype Corsiva, */Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva, Monotype Corsiva; font-size: 25px; color:#990099; } p.text-location { text-align: justify; font-family: /*Monotype Corsiva, */Monotype Corsiva, Monotype Corsiva Monotype Corsiva, Monotype Corsiva, T Monotype Corsiva ; font-size: 25px; color:#990099; } /*****************************LIEN (a)****************************/ a.menu1:link,a.menu1:active,a.menu1:visited { color : #00BF93; text-decoration: none; } a.menu1:hover { text-decoration: none; color : #00BF93; } a.menu2:link,a.menu2:active,a.menu2:visited { color : #00BF93; text-decoration: none; } a.menu2:hover { text-decoration: none; color : #00BF93; } /***********************HR (

)********************************/ hr { font-weight: 900; } /***********************TABLEAU********************************/ table.activite2 { text-align: justify; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 25px; color:#00BF93; font-weight: bolder; border-style: groove; } td.tarif { text-align: justify; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 28px; color:#00BF93; font-weight: bolder; } td.type { text-align: justify; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 25px; color:#00BF93; font-weight: bolder; } td.index { text-align: center; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 25px; color:#00BF93; font-weight: bolder; } td.type2 { text-align: justify; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 25px; color:#00BF93; font-weight: bolder; } /*************************************MENU*******************************/ /*Ici, vous pouvez jouer sur la largeur du menu*/ .buttonmenu{ list-style-type: none; margin: 0; padding: 0; width: 180px; } /*définition des liens*/ .buttonmenu li a{ color: white; display: block; width: 100%; padding: 2px 4px; text-decoration: none; font-weight: bold; border: 1px solid; /*Couleur des bords clair foncé foncé clair*/ border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; background-color: #704968; text-decoration:none; } .buttonmenu li a:visited{ color: white; } /*Ici, c'est pour le survol des liens*/ .buttonmenu li a:hover, .buttonmenu li a:active{ color: black; background-color: #CDB4C8; } /*******************MENU****************************/ body {behavior: url(csshover.htc);} div#menu { width: 165px; position:center; text-align: justify; font-family: /*Curlz MT, */Comic Sans MS, Georgia, Arial, Serif, Times New Roman; font-size: 25px; color:#FF0099; } /* fond blanc pour le menu */ div#menu a {color:#000000} div#menu ul {padding: 0; width: 100%; border:1px solid; margin:0px; background: white} /* fond different au survol de la souris pour les sous menu et les "basiques"*/ div#menu li:hover {background: none/*#EDD*/} div#menu li.sousmenu:hover {background: #EBB;} div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;} div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none} /* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:84px} div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;} /* la bordure de chaque hauteur a une couleure de survol*/ div#menu li a:hover {border-left-color: #00FF00;} div#menu ul ul li a:hover {border-left-color: #00FF00;} div#menu ul ul ul li a:hover {border-left-color: #0000FF;}