#main {
    margin-left  : auto;
    margin-right : auto;
    margin-top   : 5px;
    width : 850px;
    background-color : #FF8C00;
    border : 2px solid black;
}

#colonneLeft {
    float : left;
    width : 150px;

}

#contenu {
    width : 550px;
    margin-left : 150px;
    background-color : #FFFF00;
}

#colonneRight {
    width : 150px;
    float : right;
}

#contenu .blocInfo {
    width : 530px;
    margin-left : auto;
    margin-right : auto;
    border : 2px solid black;
    margin-top : 3px;
    background-color: #FFFFFF;
}

#contenu .blocInfo h2 {
    margin : 3px auto 1px auto;
    padding-bottom : 0px;
    color : #502020;
}

#contenu .blocInfo#verrerie {
    background-color : #FFFFFF;
    border : 3px solid #000000;
    padding-left : 4px;
}

#contenu .blocInfo#verrerie p {
    background-color : inherit;
}

#contenu .blocInfo#verrerie h2 {
    color : #FF960A !coul orang;
}

#contenu .blocInfo#verrerie a {
    color : #625F0A;
}

#contenu .blocInfo#verrerie a:hover {
    color : #E2E095;
}

#contenu .hidden {
    display : none;
}

#contenu .blocInfo dt {
    font-weight : bold;
    font-style : italic;
    font-size : 110%;
}

#contenu .blocInfo dd {
    margin-bottom : 4px;
}

#contenu a {
    color : #C1BB1A;
}

#contenu a:hover {
    color : #E2E095;
}

#titre {
    margin-top : 0px;
    width    : 850px;
    height   : 100px;
    background: url(verrerie.png) no-repeat;
}

#titre1 {
    margin-top : 0px;
	position: absolute;
    width    : 120px;
    height   :100px;
   background: url(verrerie.GIF) no-repeat;
}
#titre2 {
    margin-top : 0px;
	position: absolute;
    width    : 850px;
    height   :100px;
   background: url(verre2.gif) no-repeat ;
}
#navigation {
    margin-top : 150px;
    margin-left : auto;
    margin-right : auto;
    width : 120px;
    height : 11em;
}

#navigation ul {
    list-style : none;
    padding-left : 2em;
}

#navigation ul a {
    color : #AAAE32;
    text-decoration : none;
}

#navigation ul li {
    height : 1.2em;
    padding-left : 0px;
}

#navigation ul a:hover {
    color : #E3E391;
    font-size : 120%;
}

div.note h2 {
    text-align : center;
}

div.note a {
    color : #999410;
}

div.note a:hover {
    color : blue;
}

div.note {
    margin-top : 20px;
    margin-left : auto;
    margin-right : auto;
    width : 100px;
    height : 100px;
    font-size : 80%;
}

#mainNavigation {
    width    : 850px;
    height   : 35px;
    text-align : center;
    background-color : #26262F;
}

#mainNavigation ul {
    margin-top   : 2px;
    padding : 3px;

}

#mainNavigation ul li{
    display : inline ;
    padding : 4px 4px;
    border : 2px double grey ;

    background-color : #AB9EA8;
}

#mainNavigation ul li a {
    color : black;
    text-decoration : none;
    font-weight : bold;
    color : inherit;
}

#mainNavigation ul li:hover {
    background-color : black; 
    color : yellow;
}

#bottomPage {
    text-align : center;
    height : 35px;
    font-style : italic ;
}

table#supports {
    border : 1px solid red;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 5px;
}

a.linkTop {
    display : block;
    text-align : right;
    color : #202020 !important;
    font-size : 80%;
    margin-left  : auto;
    margin-right : 0px;
    text-decoration : none;
}

ol#objectifs {
    overflow : auto;
    max-height : 14em;
}