/*------------------------------------------------------------------ [ Code couleurs ] texte foncé : 40494f, 434c52 texte clair : 8a8f9c couleur 1 : c4262f --------------------------------------------------------------------*/ /***** [ Reset css ] ************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0} ol, ul {list-style: none} table { border-collapse: separate; border-spacing: 0} caption, th, td { text-align: left; font-weight: normal } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "" ""; } /***** [ Body ] *****************************************************/ body {line-height: 1; color: #40494f; background: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px} .corp { margin: 0 auto; padding-top: 13px; width: 1000px} a:hover, a:active { text-decoration: none; color: #40494f} a { text-decoration: none; color: #ffffff} p { line-height: 1.3em; margin-bottom: 1em} /* header */ /***** [ Header Top] ***************************************************/ #header_haut{width:1000px; height: 50px; float:left} h6#logo { float: left; height: 50px; margin-left: 22px; display:inline; width: 306px} ul#nav1 { float: right; height: 33px; margin-right: 21px; text-align: right; width: 629px} ul#nav1 li { color: #495258; display: inline; margin-right: 14px; line-height: 38px} ul#nav1 li.on, ul#nav1 li.on a { color: #c4262f} ul#nav1 li a {color: #495258} /***** [ Header] ***************************************************/ #header{ width:1000px; height: 152px; background:url(images/header/fond_header.jpg); float:left} /* menu */ ul#menu { background: #878f95 url(images/menu/bg_menu.png) no-repeat top; height: 141px; left: 660px; list-style-type: none; text-align: right; padding-top: 11px; position: relative; top: 0; width: 232px} ul#menu.on { background: #878f95 url(images/menu/bg_menu_hover.png) no-repeat bottom} ul#menu li, ul#menu li a {color: #FFF; font-size: 11px; text-transform: uppercase; font-weight:bold} ul#menu li a {background: url(images/menu/bg_link_chevron.png) left no-repeat; display:block; height: 22px; line-height: 22px; margin-left: 15px} ul#menu li {height: 22px; line-height: 22px; margin-right: 14px; padding-right: 2px; position: relative} ul#menu li.on { background: url(images/menu/bg_submenu1.png) top right} ul#menu li.on a { background: url(images/menu/bg_link_chevron2.png) left no-repeat} ul#menu li span, ul#menu.on li.on span{ margin-left: 16px; font-size: 10px; color: #FFF} ul#menu.on li span { color: #949a9f} /***** [ footer] ***************************************************/ .footer { text-align:center; width:620px; color:#007D57} a:hover#footer { color:#db7eb1} a#footer { color:#00447b} /* sous-menu */ .sub { display: none; font-weight:bold } li.on .sub { display: block } ul#menu li ul.sub { background: url(images/menu/bg_submenu1.png) repeat-x top right; padding: 10px; position: absolute; right: 218px; text-align: right; top: 0; width: auto; z-index: 200} ul#menu li ul.sub li, ul#menu li ul.sub li a { font-size: 11px} ul#menu li ul.sub li a { background: url(images/menu/bg_link_chevron2.png) right no-repeat; display:block; height: 20px; line-height: 20px; padding-right: 15px; white-space:nowrap } ul#menu li ul.sub li { height: 21px; line-height: 21px; padding-right: 0} /* #menu{ height:152px; width:232px; background:url(images/menu/bg_menu2.png); float:left} #menu{ height:152px; width:232px; background:url(images/menu/bg_menu2.png); float:left} .menu_top{ height:17px; width:200px; float:light; text-align:right; margin-top:20px; padding-top:5px; color:#FFFFFF; padding-left:15px; padding-right:17px} .menu{ height:15px; width:200px; float:light; text-align:right; color:#FFFFFF; padding-top:5px; padding-bottom:2px; padding-left:15px; padding-right:17px} .ssmenu{ height:15px; width:182px; float:light; text-align:right; color:#FFFFFF; padding-top:5px; padding-bottom:2px; padding-left:15px; padding-right:17px} .menu:hover, .menu_top:hover {background-color:#88a5b4} .marg_top_header { margin-top:2px} */ /***** [ colonne droite] ***************************************************/ #colonne_droite{ width:360px; height:480px; float:right; margin-right:0px; margin-top:15px} #mediatheque-colonne-droite{ width:340px; height:174px; background:url(images/colonne_droit/fond-mediatheque.png) no-repeat; float:right; margin-top:10px } /**** mediatheque ****/ #video-colonne-droite{ width:153px; height:174px; margin-left:12px; margin-top:24px; float:left} #texte-colonne-droite{ width:138px; height:174px; float:left; margin-left:11px; margin-top:24px; text-align:left} /***** [ contenu] ***************************************************/ #contenu{ width:620px; margin-left:20px; float:left; display:inline; margin-top:15px} /**** HOME ****/ #home_ligne1{ width:620px; height:229px; float:left} #home_ligne2{ width:620px; height:247px; float:left; margin-top:4px; display:inline} #home_actualites{ width:412px; height:252px; background:url(images/home/fond_actualites.png) no-repeat; float:left} #home_actu{ width:368px; height:70px; display:inline; float:right; margin-right:9px; background:url(images/home/fond_actu.png) no-repeat; margin-top:19px} #home_actu2{ width:368px; height:70px; float:right; margin-right:9px; background:url(images/home/fond_actu.png) no-repeat; margin-top:5px; display:inline} #home_actu_image{ width:95px; height:64px; margin-top:3px; display:inline; float:left; margin-left:3px; background-color:#000000} #home_actu_texte{ width:250px; height:54px; margin-top:8px; float:left; margin-left:10px} #home_top14{ width:203px; height:77px; background:url(images/home/TOP14.png) no-repeat; float:right} #home_hcup{ width:203px; height:82px; margin-top:3px; background:url(images/home/HCUP.png) no-repeat; float:right} #home_regles{ width:203px; height:82px; margin-top:3px; background:url(images/home/regles.png) no-repeat; float:right} #home_competition{ width:150px; height:57px; margin-top:25px; margin-left:20px} #home_competition_top14{ width:150px; height:57px; margin-top:20px; margin-left:20px} #home_lexique{ width:150px; height:57px; margin-top:25px; margin-left:20px} #texte_max a { color:#00447b} /**** pages générales ****/ #bloc_menu_fond{ width:540px; display:inline; height:26px; background:url(images/fond_menu_page.jpg); float:left; margin-left:70px; margin-top:34px} #bloc_menu2{ width:522px; display:inline; height:20px; float:left; margin-left:18px; margin-top:7px; font-size:12px} #bloc_menu{ width:532px; display:inline; height: 20px; float:left; margin-left:4px; margin-top:6px; font-size:12px} #bloc_menu a:visited { color:#ffffff} #bloc_contenu { width:540px; margin-left:70px; float:left; margin-top:10px; display:inline} #bloc_contenu ul{margin-top:10px; margin-bottom:10px} #bloc_contenu li{margin-left:30px; list-style-type: decimal; margin-bottom:10px} /**** competition ****/ #competition{ width:620px; float:left; background:url(images/competition/fond.png) top no-repeat #00447b} #competition a:hover { color:#db7eb1} #competition a:active { color:#ffffff} /**** max ****/ #max{ width:620px; float:left; background:url(images/max/fond.png) top no-repeat #00447b} #max a:hover { color:#db7eb1} #max a:visited, a:active { color:#ffffff} /**** actualites ****/ #actualites{ width:620px; display:inline; float:left; background:url(images/actualites/fond.png) top no-repeat #00447b} #actualites a:hover { color:#db7eb1} #actualites a:visited, a:active { color:#db7eb1} a:hover#billetterie { color:#00447b} /**** palmares ****/ #palmares{ width:620px; display:inline; float:left; background:url(images/palmares/fond.png) top no-repeat #00447b} #palmares a:hover { color:#db7eb1} #palmares a:visited, a:active { color:#ffffff} #palmares_texte{line-height: normal} /**** equipe ****/ #equipe{ width:620px; float:left; background:url(images/equipe/fond.png) top no-repeat #00447b} #equipe a:hover { color:#db7eb1} #equipe a:visited, a:active { color:#ffffff} /**** mediatheque ****/ #mediatheque{ width:620px; float:left; background:url(images/mediatheque/fond.png) top no-repeat #00447b} #mediatheque a:hover { color:#db7eb1} .journee{ height:20px; background-color:#db7eb1; color:#ffffff; margin-bottom:20px; padding-top:5px; padding-left:5px; font-size:16px; font-weight:bold } .journee_resultat{ height:20px; background-color:#00447b; color:#ffffff; margin-bottom:5px; margin-top:15px; padding-top:5px; padding-left:5px; font-size:16px; font-weight:bold } .popUp{background:#38586c url(images/popup_salon.gif); width:375px; position:absolute; z-index:999; left: 0px; top: 0px} .encartPopup{background-image:url(images/fond_popupsalon.gif); width:353px; height:361px; margin:128px 11px 11px 11px} #video_mediatheque{ width:170px; height:224px; margin-top:10px; vertical-align:top} #image_video{ width:100px; margin-right:33px; float:left} #image_video4{ width:100px; float:left} /**** regles ****/ #regles{ width:620px; float:left; background:url(images/regles/fond.png) top no-repeat #00447b} #regles a:hover { color:#db7eb1} #regles a,a:visited { color:#ffffff} /***** une equipe *********/ #joueur_terrain{height:12px; width:325px; margin-left:50px; display:inline; float:left} .div_onroll{visibility:hidden; position:absolute} .definition{background-color: #DDDDDD; padding: 5px 5px 5px 5px; color:#00447b; height:80px; line-height:14px} .definition2{background-color:#DDDDDD; padding: 5px 5px 5px 5px; color:#00447b; height:130px; line-height:14px} #lex a {color:#00447b} #lex a:visited {color:#00447b} #lex a:hover {color:#db7eb1} #terrain_lien a {color:#00447b} #terrain_lien a:visited {color:#00447b} #terrain_lien a:hover {color:#db7eb1} /**** lexique ****/ #lexique{ width:620px; float:left; background:url(images/lexique/fond.png) top no-repeat #00447b} #lexique a:hover { color:#db7eb1} #lexique a:visited, a:active { color:#ffffff} /**** calyon stade ****/ #calyon_stade{ width:620px; float:left; background:url(images/calyon_stade/fond.png) top no-repeat #00447b} #calyon_stade a:hover { color:#db7eb1} #calyon_stade a:visited, a:active { color:#ffffff} /**** calyon sport ****/ #calyon_sport{ width:620px; float:left; background:url(images/calyon_sport/fond.png) top no-repeat #00447b} #calyon_sport a:hover { color:#db7eb1} #calyon_sport a:visited, a:active { color:#ffffff} /**** mention legales ****/ #mentions{ width:620px; float:left; background:url(images/mentions/fond.png) top no-repeat #00447b} #mentions a:hover { color:#db7eb1} #mentions a:visited, a:active { color:#ffffff} /***** [ divers] ***************************************************/ .left { float:left} .right { float:right} h1 { font-size:14px; color:#00447b; margin-bottom:5px; margin-top:10px} h2 { color:#00447b; font-size:16px; margin-bottom:5px} h3 { color:#00447b; font-size:12px; margin-bottom:5px} .color_white { color:#FFFFFF} .color_rose { color:#db7eb1} .color_noir { color:#000000} .color_bleu { color:#00447b} .font16 { font-size:16px } .font14 { font-size:14px } .font12 { font-size:12px } .font11 { font-size:11px } .font10 { font-size:10px } .bold{ font-weight:bold } .nobold{ font-weight:normal } .italic{ font-style:italic} .noitalic{ font-style:normal} .textmiddle{ text-align:center} .textright{ text-align:right} .justify{ text-align:justify }. .stade_francais{ } .margin-Top3 { margin-top:3px} .margin-Top7 { margin-top:7px} .margin-bottom10 { margin-bottom: 10px} .margin-bottom5 { margin-bottom: 5px} .margin-bottom2 { margin-bottom: 2px} .margin-bottom20 { margin-bottom: 20px} .margin-right5 {margin-right:5px} .margin-right10 {margin-right:10px} .margin-right12 {margin-right:13px} .margin-right15 {margin-right:15px} .margin-left170{ margin-left:170px} .margin-left15{ margin-left:15px} .margin-left10{ margin-left:20px} .margin-left5{ margin-left:5px} .margin-right5 {margin-right:5px} #ancre a {color:#00447b } #ancre a:hover { color:#00447b} #ancre a:visited, a:active { color:#00447b} .bgbleu{ background-color:#00447b } .width219{ width:219px } /* pour le texte home */ .width_home{ width:345px }