body { background-color:#424245; color:#dcdcdc; font:Arial, Helvetica, sans-serif;} /* Couleurs des liens ---------------------------------------------- */ a { color: #dcdcdc; text-decoration:none;} a:focus,a:hover,a:active { color: red; text-decoration: underline; } /* --- Typography --- */ .grid p { line-height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:left;} .grid h2, grid h2 { line-height: 17px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align:left; } .grid h1 { } .grid h4 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align:left; color:#FFF; } .grid h6 { text-align:left; font-size:12px; margin-top:-3px;} /* --- GRID ACCUEIL --- */ .grid { width: 959px; margin: auto; } .grid-m1 { float: left; width: 35px; height: 1px;} .grid-c1 { float: left; width: 173px; } .grid-m2 { float: left; width: 6px; height: 1px; } .grid-c2 { float: left; width: 173px;} .grid-m3 { float: left; width: 6px; height: 1px;} .grid-c3 { float: left; width: 173px;} .grid-m4 { float: left; width: 6px; height: 1px;} .grid-c4 { float: left; width: 173px;} .grid-m5 { float: left; width: 6px; height: 1px;} .grid-c5 { float: left; width: 173px;} /* --- BLOCK HOVER --- */ .pane-list { margin: 0; padding: 0; list-style: none;} .pane-list li { background: #787878; color:#FFF; cursor: pointer; height:228px; padding-top: 6px; padding-right: 6px; padding-left: 6px; } .pane-list li a: { color:#FFF; text-decoration: none; } .pane-list li:hover { background: red; text-decoration:none;} .pane-list li a:hover { color:#FFF; text-decoration:none; } /*img { margin: 0; padding: 0; border: 0; }*/ .pane-list li .spip_logos { padding-bottom:0px; } /* --- GRID ARTICLES --- */ .grid-a-m1 { float: left; width: 35px; height: 100px;} .grid-a-c1 { float: left; width: 482px; } .grid-a-m2 { float: left; width: 23px; height: 100px; } .grid-a-c2 { float: left; width: 384px; } .grid-a-c2 a { text-decoration:underline;} .grid-a-c2 p { font-family:Arial, Helvetica, sans-serif; text-align:left; } .grid-a-c2 { font-family:Arial, Helvetica, sans-serif; text-align:left; } /*.testitre {margin: auto; min-width: 100px; text-align:left; padding-left:35px; text-align:left;}*/ .fondrouge { background-color:#F00; min-width:100px; max-width:300px;} .alignleft { text-align:left;} .descriptif p { color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left; text-transform: uppercase; line-height: 13px;} .descriptif a { color:#F00; } .descriptif a:hover { color:#FFF; } .texte p { font-size:13px; } .texte p a: {text-decoration:underline;} .texte a: {text-decoration:underline;} .commentaire { padding-left: 10px; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .lisered {border:#F00 thin solid; background-color:#333;} .lisered-diapo { border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F00; border-right-color: #F00; border-bottom-color: #F00; border-left-color: #F00; background-color:#333; } .tired {width:15px; padding-bottom:18px; padding-top:18px; background-color:#F00;} /* --- GRID ARTICLES --- */ .grid-inf-m1 { float: left; width: 35px; height: 100px;} .grid-inf-c1 { float: left; width: 384px; } .grid-inf-m2 { float: left; width: 121px; height: 100px; } .grid-inf-c2 { float: left; width: 300px; } .grid-inf-c2 a { text-decoration:underline; } .grid-inf-c1 a { text-decoration:underline; } /* --- MENU --- */ #bab { width: 889px; height: 29px; background: url(interface/babiole.gif); margin: 0px auto; padding: 0; position: relative;} #skyline { width: 889px; height: 17px; background: url(interface/menu.gif); margin: 0px auto; padding: 0; position: relative;} #skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #skyline li, #skyline a {height: 17px; display: block;} #panel0b {left: 0px; width: 79px;} #panel1b {left: 80px; width: 134px;} #panel2b {left: 215px; width: 249px;} #panel3b {left: 465px; width: 59px;} #panel4b {left: 525px; width: 74px;} #panel5b {left: 600px; width: 124px;} #panel6b {left: 725px; width: 114px;} #panel7b {left: 840px; width: 48px;} #panel0b a:hover {background: transparent url(interface/menu.gif) 0px -17px no-repeat;} #panel1b a:hover {background: transparent url(interface/menu.gif) -80px -17px no-repeat;} #panel2b a:hover {background: transparent url(interface/menu.gif) -215px -17px no-repeat;} #panel3b a:hover {background: transparent url(interface/menu.gif) -465px -17px no-repeat;} #panel4b a:hover {background: transparent url(interface/menu.gif) -525px -17px no-repeat;} #panel5b a:hover {background: transparent url(interface/menu.gif) -600px -17px no-repeat;} #panel6b a:hover {background: transparent url(interface/menu.gif) -725px -17px no-repeat;} #panel7b a:hover {background: transparent url(interface/menu.gif) -840px -17px no-repeat;} /* MENU ENGLISH */ #baba { width: 889px; height: 29px; background: url(interface/babiole.gif); margin: 0px auto; padding: 0; position: relative;} #skylinea { width: 889px; height: 17px; background: url(interface/menu-en.gif); margin: 0px auto; padding: 0; position: relative;} #skylinea li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #skylinea li, #skylinea a {height: 17px; display: block;} #panel0a {left: 0px; width: 49px;} #panel1a {left: 50px; width: 134px;} #panel2a {left: 185px; width: 99px;} #panel3a {left: 285px; width: 54px;} #panel4a {left: 340px; width: 59px;} #panel5a {left: 400px; width: 119px;} #panel6a {left: 520px; width: 314px;} #panel7a {left: 835px; width: 54px;} #panel0a a:hover {background: transparent url(interface/menu-en.gif) 0px -17px no-repeat;} #panel1a a:hover {background: transparent url(interface/menu-en.gif) -50px -17px no-repeat;} #panel2a a:hover {background: transparent url(interface/menu-en.gif) -185px -17px no-repeat;} #panel3a a:hover {background: transparent url(interface/menu-en.gif) -285px -17px no-repeat;} #panel4a a:hover {background: transparent url(interface/menu-en.gif) -340px -17px no-repeat;} #panel5a a:hover {background: transparent url(interface/menu-en.gif) -400px -17px no-repeat;} #panel6a a:hover {background: transparent url(interface/menu-en.gif) -520px -17px no-repeat;} #panel7a a:hover {background: transparent url(interface/menu-en.gif) -835px -17px no-repeat;} /* COPYRIGHT */ a.fract { display: block; width: 28px; height: 107px; background-image: url(interface/fract-b.jpg); } a.fract:hover { visibility: visible } a.fract:hover img { visibility: hidden } a.binj { display: block; width: 21px; height: 165px; background-image: url(interface/binj-b.jpg); } a.binj:hover { visibility: visible } a.binj:hover img { visibility: hidden }