/** * Fichier screen.css * Gestion des styles du site, visualisable sur écran * * @Mise à jour le 22 octobre 2007 * @Version : 1 * @Auteur : Cybersushi Productions * @Lien : print.css **/ /* GLOBAL */ body {margin:0 0 0 0; padding:0 0 0 0; background:#7E7042;} /*#bandeau {background:url(/img/bandeau_bg.png) repeat-x; height:157px; text-align:center;}*/ #bandeau {background:url(/img/bandeau_bg.png); height:157px; text-align:center;} #orbit {position:absolute; width:980px; margin-left:50%; left:-490px; background:#EAE5CE; font:12px Arial; color:#000000; padding:10px 10px 10px 10px; border:1px solid #000000; border-top:0px;} /* MENU HAUT */ #menu_haut {background:url(/img/menu_haut_bg.png) repeat-x; height:22px; font:bold 12px Arial; color:#2B353D; text-align:center; border-top:1px solid #2B353D; border-bottom:1px solid #2B353D;} /* deroulement - niveau 0 */ .nav {list-style: none; padding:0; margin:3px 1px 3px 1px; text-align:left; float:left;} * html .nav {padding:0; margin:3px 1px 1px 1px; } .nav ul { z-index:9; float: left; list-style: none; border:0px;margin:0; padding: 0; } .nav li { z-index:9; float:left; padding:0 12px 0 12px; margin:0 0 0 0; vertical-align:top; color:#4C2B11; border-right:2px solid #2B353D; } .nav li.end { z-index:9; float:left; padding:0 12px 0 12px; margin:0 0 0 0; vertical-align:top; color:#4C2B11; border-right:0px; } .nav li a.main:link {font:bold 12px Arial; color:#2B353D; text-decoration:none; } .nav li a.main:visited {font:bold 12px Arial; color:#2B353D; text-decoration:none; } .nav li a.main:hover {font:bold 12px Arial; color:#684417; text-decoration:none; } .nav a {display: block;} * html .nav li ul a {width:100%;} /* niveau 1 */ .nav li ul { position: absolute; left: -999em; height:auto; font-weight: normal; padding: 0; border:1px solid #987946; border-bottom:0px;} .nav li ul a {padding:2px 0px 2px 4px; font-weight:normal;} .nav li ul ul { margin: -1.70em 0 0 100%; padding:0 0 0 0;} .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul { left: -999em;} .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {left: auto;} .nav li li { width:100%; border:0px; padding: 0 0 0 0; margin:0 0 0 0; border-right:0px; background:#E4D9C7; border-bottom:1px solid #987946;} .nav ul li:hover, .nav ul li.sfhover { background:#987946;} li img.more2 {float:right; margin:4px 0 0 0; display:none;} li img.more1 {float:right; margin:4px 0 0 0; display:block;} .nav ul li:hover img.more1, li.sfover img.more1 {display:none;} .nav ul li:hover img.more2, li.sfover img.more2 {display:block;} /* niveau 2 */ .nav a:link {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav a:visited {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav a:hover {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li a:link, .nav ul li.sfhover ul li a:link {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li a:visited, .nav ul li.sfhover ul li a:visited {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li a:hover, .nav ul li.sfhover ul li a:hover {font:12px Arial; color:#2B353D; text-decoration:none; font-weight:normal;} .nav ul li:hover a:link, .nav ul li.sfhover a:link {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} .nav ul li:hover a:visited, .nav ul li.sfhover a:visited {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} .nav ul li:hover a:hover, .nav ul li.sfhover a:hover {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li:hover a:link, .nav ul li.sfhover ul li.sfhover a:link {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li:hover a:visited, .nav ul li.sfhover ul li.sfhovera:visited {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} .nav ul li:hover ul li:hover a:hover, .nav ul li.sfhover ul li.sfhover a:hover {font:12px Arial; color:#D9CAB1; text-decoration:none; font-weight:normal;} /* MENU GAUCHE */ /*#menu {height:100%; background:#D3C89D url(/img/menu_gauche_bg.jpg) bottom no-repeat; width:182px; padding-bottom:220px; float:left;}*/ #menu {height:100%; background:#D3C89D url(/img/menu_gauche_bg.jpg) bottom no-repeat; width:182px; padding-bottom:40px; float:left;} #menu h1 {margin:0 0 0 0; padding:8px 0 6px 0; font:bold 14pt Arial; background:#684417 url(/img/menu_gauche_haut.png) top no-repeat; text-align:center; color:#D3C89D;} #menu h2 {background:url(/img/menu_moins.png) left no-repeat; padding:0 0 0 12px; margin:8px 0 0 8px; font:bold 14px Arial; color:#684417;} #menu h2.ferme {background:url(/img/menu_plus.png) left no-repeat;} #menu h2 a:link {font:bold 14px Arial; color:#684417; text-decoration:none;} #menu h2 a:hover {font:bold 14px Arial; color:#684417; text-decoration:underline;} #menu h2 a:visited {font:bold 14px Arial; color:#684417; text-decoration:none;} #menu div.affiche {margin:3px 8px 0px 8px; display:block; padding:3px 8px 5px 15px; border-bottom:1px solid #684417;} #menu div.masque {margin:3px 8px 0px 8px; display:block; padding:0 8px 5px 0; border-bottom:1px solid #684417;} #menu div.affiche div.liens {} #menu div.masque div.liens {display:none;} #menu div.liens a:link {font:12px Arial; color:#684417; text-decoration:none;} #menu div.liens a:hover {font:12px Arial; color:#684417; text-decoration:underline;} #menu div.liens a:visited {font:12px Arial; color:#684417; text-decoration:none;} #menu div.liens a.actif:link {font:bold 12px Arial; color:#684417; text-decoration:none;} #menu div.liens a.actif:hover {font:bold 12px Arial; color:#684417; text-decoration:underline;} #menu div.liens a.actif:visited {font:bold 12px Arial; color:#684417; text-decoration:none;} #menu div.liens_2 {margin:3px 8px 0px 8px;} #menu div.liens_2 a:link {font:12px Arial; color:#684417; text-decoration:none;} #menu div.liens_2 a:hover {font:12px Arial; color:#684417; text-decoration:underline;} #menu div.liens_2 a:visited {font:12px Arial; color:#684417; text-decoration:none;} #menu div.liens_2 a.actif {font-weight:bold;} /* CORPS */ #corps {float:left; width:746px; font:12px Arial; margin:0px 0px 0px 16px; overflow:hidden; border-bottom:1px solid #60513E; padding-bottom:6px; padding-left:14px;} * html #corps {margin-top:12px;} #corps h1 {border:0px; border-left:7px solid #60513E; border-bottom:1px solid #60513e; color:#60513E; font:bold 18px Arial; padding:1px 0 0 3px; margin-left:-14px;} #corps h2 {color:#60513E; font:bold 16px Arial; padding:1px 0 0 9px; margin:12px 0 3px -12px; background:url(/img/bg-h2.png) left no-repeat; } #corps h1:first-letter { text-transform:capitalize;} #corps h2:first-letter { text-transform:capitalize;} #corps ul {margin-bottom:4px; padding-bottom:0px;} #corps img {border:0px;} div.index_news_1 {margin-bottom:24px;} div.index_news_off {} div.index_news_2 {float:left; width:47%; margin-left:-10px; padding:0 0 10px 12px;} div.index_news_3 {float:left; width:47%; margin-left:16px; padding:0 0 10px 12px;} * html div.index_news_2 {margin-left:-6px;} div.top {clear:both; text-align:right; padding:6px 22px 0 0; margin:0 0;} * html div.top {padding-top:0; clear:both;} div.top a { text-decoration:none; color:#60513E; font:10px Verdana;}