/* 
    Document   : layout
    Created on : 25 juil. 2010, 02:07:54
    Author     : Lauw
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    padding: 0px;
    margin: 0px;
}
#page{
    width: 1158px;
    margin: 0 auto;
    position: relative;
}



/************************************** MENU MENU MENU MENU MENU ***********/
#mainmenu{
    position: absolute;
    margin-top: 230px;
    margin-left: 100px;
}

#contenuMenu{
    list-style-type: none;
    font-family: "Tw Cen MT";
    font-size: 14px;
    padding: 0px;
    margin: auto auto auto 7px;
    width: 190px;
}

.sousMenu{
    margin: auto auto 5px auto;
    font-size: 14px;
    list-style-type: none;
    padding: 0px;
    overflow: hidden;
}
.sousMenu li{
    padding: 2px 0 0 20px;
    height: 20px;
    margin-top: 3px;
    background-repeat: no-repeat;
}

.sousMenu a{
    text-decoration: none;
    color: black;
}

.onglets{
    height: 24px;
    text-indent: 10px;
    padding-top: 3px;
    background-image: url('../img/menu/onglet.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.onglets a{
    color: white;
    text-decoration: none;
    font-weight: 700;
}

#superieurMenu, #inferieurMenu{
    display: block;
}

#centreMenu{
    background-image: url('../img/menu/centreMenu.png');
    background-repeat: repeat-y;
}

.dernierElement{
    margin-bottom: 0px;
}

#selection{
    position: absolute;
    top: 40px;
    height: 22px;
    width: 179px;
    background-image: url('../img/menu/selection.png');
    background-repeat: no-repeat;
}



/************************************** HEADER HEADER HEADER HEADER ***********/

#header{
    width: 1157px;
    height: 299px;
    float: left;
}
#banniere{
    width: 1158px;
    height: 264px;
    background:  url('../img/layout.png') 0px 0px;
    background-repeat: no-repeat;
    position: absolute;
}

#menuHeader{
    width: 1015px;
    height: 110px;
    position: absolute;
    top: 190px;
    left: 64px;
    background:  url('../img/layout.png') -71px -253px;
    background-repeat: no-repeat;
}

#menuHeader a{
    color: white;
    text-decoration: none;
}

#bordHeaderDroit{
    position: absolute;
    right: 0px;
    height: 221px;
    width: 300px;
    background-image: url('../img/header/backgroundBanniereDroite.png');
    background-repeat: repeat-x;
}

#bordHeaderGauche{
    position: absolute;
    left: 0px;
    width: 300px;
    height: 221px;
    background-image: url('../img/header/backgroundBanniereGauche.png');
    background-repeat: repeat-x;
}

#ongletHeader{
    margin: 0px;
    list-style-type: none;
    position: absolute;
    left: 210px;
    top: 70px;
    font-family: "Tw Cen MT";
    color: white;

}

#ongletHeader li{
    float: left;
    height: 23px;
    padding-top: 4px;
    margin-left: 30px;
}

.separateur{
    top: 70px;
    position: absolute;
}

.separateur1{
    left: 351px;
}

.separateur2{
    left: 447px;
}

.separateur3{
    left: 546px;
}

#backgroundOngletAccueil{
height: 27px;
width: 85px; ;
position: absolute;
top: 70px;
left: 265px;
overflow: hidden;
}

#backgroundOngletActivites{
background-color: white;
height: 27px;
width: 93px; ;
position: absolute;
top: 70px;
left: 353px;
overflow: hidden;
}

#backgroundOngletForelite{
background-color: white;
height: 27px;
width: 96px; ;
position: absolute;
top: 70px;
left: 449px;
overflow: hidden;
}

#backgroundOngletAPropos{
height: 27px;
width: 98px; 
position: absolute;
top: 70px;
left: 548px;
background-color: black;
overflow: hidden;
}
/************************************** MIDDLE MIDDLE MIDDLE MIDDLE ***********/
#middle{
    width: 1157px;
    float: left;
}

#pageMiddle{
    float: left;
    width: 1009px;
    margin-left: 68px;
    background-image: url('../img/pages/background.png');
    background-repeat: repeat-y;
}

#contenuMiddle{
    font-family: "TW Cen MT";
    width: 730px;
    margin: 20px auto auto 265px;
}

/************************************** FOOTER FOOTER FOOTER FOOTER ***********/
#footer{
    width: 1157px;
    float: left;
}
#footer div{
    width: 1009px;
    height: 38px;
    background:  url('../img/layout.png') -75px -390px;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 68px;
}

/************************************** LANGUE LANGUE LANGUE LANGUE ***********/
#menuLangue{
    margin-top: 7px;
    width: 85px;
    height: 194px;
    background:  url('../img/langue/langue.png');
}

#fr{
    top: 20px;
    left: 20px;
}

#en{
    top: 74px;
    left: 10px;
}

#es{
    top: 145px;
    left: 20px;
}

#menuLangue div{
    position: absolute;
    cursor: pointer;
}


/************************************** LOGO LOGO LOGO LOGO ***********/
#logo{
    position: absolute;
    top: 15px;
    left: 160px;
}