*{
    margin : 0;
    padding : 0;
}

body{
    background : #e2f2ff;
    font-size : 0.8em;
    font-family : "Trebuchet MS","Trebuchet",verdana,sans-serif;
}

#container{
    width : 750px;
    margin :  0 auto;
    background : #fff;
}

/*header avec menu*/

#container #header{
    position : relative;
    height : 143px;
    background : #1f88b0;
}

#container #header img{
    display : block;
}

#container #header ul#menu{
    list-style : none;
    position : absolute;
    bottom : 0;
    left : 200px;
}

#container ul#menu li{
    float : left;
    font-size : 1.2em;
    padding : 5px 5px 0px 5px;;
}

#container ul#menu li a{
    display : block;
    padding-top: 3px;
    color : #fff;
    text-decoration : none;

}

#container ul#menu a.current,#container ul#menu li a:hover{
    border-bottom : 5px solid #fff;
}
/*fin header avec menu*/
/* ariane*/
div#fil_ariane{
    padding : 5px;
    color : #b4b4b4;
    border-bottom : 1px solid #b4b4b4;
}
/*ariane*/


/*main*/
div#contenu_gauche{
    float : left;
    width : 520px;
    padding : 0 0 10px 10px;
}

div#contenu_gauche a{
    color : #79a5be;
}

div#contenu_gauche ul{
    list-style : none;
    padding-left : 50px;
}

div#contenu_gauche ul li{
    padding-bottom : 10px;
    padding-left : 17px;
    background : url("./img/puce.gif") no-repeat 0 3px;
}

div#contenu_droite{
    float : right;
    width : 200px;
}

div#contenu_droite ul#menu_droite{
    list-style : none;
}

div#contenu_droite ul#menu_droite li{
    border-bottom : 1px dashed #79a5be;
    text-align : right;

}

div#contenu_droite ul#menu_droite li a{
    color : #79a5be;
    text-decoration : none;
    font-size : 1em;
    padding : 5px 3px 5px 0;
    display : block;
    width : 197px;
}

div#contenu_droite ul#menu_jury{
    list-style : none;
    margin-top : 30px;
        margin-bottom : 20px;
}

div#contenu_droite ul#menu_jury li{
    border-bottom : 1px dashed #b0d37e;
    text-align : right;

}

div#contenu_droite ul#menu_jury li a{
    color : #97b171;
    text-decoration : none;
    font-size : 1em;
    padding : 5px 3px 5px 0;
    display : block;
    width : 197px;
}

div#contenu_droite ul#menu_jury li a:hover,div#contenu_droite ul#menu_jury li a.current{
    text-decoration : none;
    color : #fff;
    background : #97b171;
}

div#contenu_droite ul#menu_droite li a:hover,div#contenu_droite ul#menu_droite li a.current{
    text-decoration : none;
    color : #fff;
    background : #71a9d4;
}

div#contenu_gauche h2,div#contenu_gauche h3,div#contenu_gauche dl dt{
    color : #79a5be;
    padding : 10px 10px 10px 0;
}



div#contenu_gauche h2{
    font-size : 1.5em;
}

div#contenu_gauche h3,div#contenu_gauche dl dt{
    font-size : 1.2em;
}
div#contenu_gauche h3.check,div#contenu_gauche dl dt{
    background : url("./img/check.gif") no-repeat 0 13px;
    padding-left : 19px;
}

div#contenu_gauche dl dt{
    font-weight : bold;
}

div#contenu_gauche dl{
    width : 255px;
    float : left;
    margin-right : 4px;
}

div#contenu_gauche h3.arrow{
    background : url("./img/arrow.gif") no-repeat 0 50%;
    padding-left : 19px;
}

.maj{
    text-transform : uppercase;
}

div#contenu_gauche p{
    padding : 0 0 10px 0;
    text-align : justify;
}

div#contenu_gauche p img.left{
    float : left;
    margin : 0 0px 0px 0;
    border : none;
}

.clear{
    clear : left;
    visibility : hidden;
}

img.img_album{
    border : none;
    display : block;
    margin : 0;
}

div#contenu_gauche dl dt.album{

    padding : 10px 5px 3px 19px;
    
}

div#contenu_gauche dl dd p{
    text-align : left;
    
}

a.voir_album{
    display : block;
    padding-left : 20px;
    margin-left : 10px;
    background : url("./img/pict.gif") no-repeat 0 50%;
}

a.zoom{
    display : block;
    padding-left : 20px;
    margin-left : 10px;
    background : url("./img/zoom.gif") no-repeat 0 50%;
}

dl.album_vign{
    padding-bottom : 20px;
}

a.pdf img{
    display : inline;
    border : none;
}

/*main*/

/*footer*/
div#footer{
    border-top : 1px solid #b4b4b4;
    clear : both;
    padding : 5px;
    color : #b4b4b4;
}

span.copy{
color : #b4b4b4;
font-size : 0.9em;
}


div#contenu_gauche dl.classe{
width : 500px;
}

div#contenu_gauche dl.classe dd.desc_class{
float : left;
width : 250px;
}

div#contenu_gauche dl.classe dd.photo{
float : left;
width : 200px
}

dl.classe dd.phrase{
clear : left;
font-style : italic;
}