@import 'menu.css';

@font-face {
    font-family:'UbuntuRegular';
    src:url('fonts/Ubuntu-R-webfont.eot');
    src:local('☺'), url('fonts/Ubuntu-R-webfont.woff') format('woff'), url('fonts/Ubuntu-R-webfont.ttf') format('truetype'), url('fonts/Ubuntu-R-webfont.svg#webfontAaiAvJXZ') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* structure --------------------------------------------------------------------------------------------------------------------------- */
* {
    margin:0;
    padding:0;
    outline:0;
    border:none;
}

body {
    margin:0;
    padding:18px 10px 10px;
    background:url(img/bodyBG.gif) repeat-x left -225px;
}

li { position:relative; }

h1 {
    display:none;
}

#map {
    display:block;
}

#page {
    position:relative;
    width:960px;
    margin:0 auto;
}

#index {
    width:546px;
    margin:0 auto;
    padding:0 15px;
}

#index li {
    position:relative;
    overflow:hidden;
    float:left;
    width:230px;
    height:205px;
    display:inline;
    margin:0 0 11px;
    padding:0 18px;
}

#index li#label,
#index li#fureur,
#index li#formations {
    margin-left:14px;
}

#index a {
    position:relative;
    top:9px;
    display:block;
    height:180px;
    padding:0;
    margin:18px 0 0 0;
}

#assets {
    position:absolute;
    right:0;
    top:0;
    width:192px;
}

#sidebar {
    position:absolute;
    left:0;
    width:162px;
    padding:0 15px;
    font-size:1.2em;
}

#assets div {
    padding:0 0 0 10px;
}

#news {
    height:200px;
}

#agenda {
    height:180px;
}

#chroniques {
    height:126px;
}

#chroniques h2 {
    margin-bottom:18px;
}

#assets #forum {
    height:131px;
    margin-bottom:0;
    position:relative;
}

#forum p {
    margin-bottom:18px;
}

#launch-forum {
    display:block;
    position:absolute;
    bottom:0;
    width:182px;
    height:40px;
    background:url(img/link-forum.jpg) no-repeat scroll center top;
}

#launch-forum:hover {
    background-position:left bottom;
}

/* Visuel -------------------------------------------------------------------------------------------------------------------------------- */
#index li {
    background:url(img/indexBG.png) no-repeat left top;
}

#index li:hover {
    background-position:right top;
}


#index li a {
    background:url(img/sprite_background.png) no-repeat -40px top;
}

#index p {
    font-size:1.2em;
    padding-left:140px;
}

#index li#recherche:hover {
    background-position:left bottom;
}

#index #ludo:hover{
    background-position:right bottom;
}

li#label a {
    background-position:-47px -1440px;
}

#index #recherche {
    position:relative;
    width:266px;
    padding:0;
}

#index #recherche h2 {
    position:absolute;
    top:9px;
    width:266px;
}

#recherche p {
    z-index:1;
    position:absolute;
    right:0;
    top:58px;
    width:88px;
    padding:0;
}

li#fureur a {
    background-position:-50px -1620px;
}

li#formations a {
    background-position:-31px -360px;
}

#formations p {
    padding-left:160px;
}

#index #publications a {
    height:180px;
    padding:0;
    background-position:center -180px;
    text-align:center;
}

#assets ul {
    list-style:none;
}

#assets li {
    padding-left:10px;
    background:url(img/bullet.gif) no-repeat scroll left 7px;
}

.headline {
    clear:both;
    display:block;
    color:#666;
    font-size:1em;
    margin:0 auto;
    padding:18px 5px 10px 50px;
    background:url(img/ccfc.jpg) no-repeat left 22px;
}

/* Typo -------------------------------------------------------------------------------------------------------------------------------- */
body {
    font-family:'UbuntuRegular', Helvetica, Arial, sans-serif;
    font-size:62.5%;
    line-height:18px;
}

small {
    font-size:1em;
    color:#06C;
}

h2, h3 {
    font-family:Trebuchet ms, Helvetica, Arial, sans serif;
    color:#F33;
}

h2 {
    font-size:1.4em;
    font-weight:normal;
    position:relative;
    top:3px;
}

h3 {
    font-size:1.3em;
    padding-bottom:7px;
    color:#FC0;
    position:relative;
    top:4px;
}

#index a {
    text-decoration:none;
}

#index h2,
#index p {
    color:#FFF;
}

#index h2 {
    text-align:center;
    font-size:1.8em;
    top:-17px;
    margin-bottom:17px;
}

p,
#assets li {
    font-size:1.2em;
    position:relative;
    top:5px;
}

#assets a {
    color:#09F;
    display:block;
}

#assets a:hover {
    color:#F00;
}

#assets small {
    display:block;
    color:#F33;
    font-size:.75em;
    position:relative;
    top:1px;
}

#assets p {
    color:#333;
    margin-bottom:18px;
}

a#launch-forum {
    color:#FFF;
    line-height:40px;
    text-align:center;
    font-size:1.4em;
    font-weight:bold;
    text-decoration:none;
}

a#launch-forum:hover {
    color:#FFF;
}

/* DEBUG ------------------------------------------------------------ *
html {
    background:url(img/baseline.gif) repeat left -1px;
}

body {
    opacity:.5;
}

/* ------------------------------------------------------------------ */