body {
    font-size       : 1em;
    margin          : 0;
    font-family     : "tahoma","helvetica",sans-serif;
}

div#tooltip {
    position                : absolute;
    visibility              : hidden;
    background-color        : #FFEEC7;
    border                  : 1px solid black;
    padding                 : 0.2em;
    font-size               : 0.8em;
    z-index                 : 25;
}

div#conteneur {
    width           : 800px;
    height          : 600px;
    margin          : 0 auto;
}

div#icone {
    float           : left;
    margin-top      : 55px;
    margin-left     : 75px;
    width           : 80px;
    height          : 70px;
    border-color    : #CCC;
    border-width    : 0px;
    border-style    : solid;
}

div#menu {
    float           : left;
    clear           : left;
    margin-left     : 50px;
    margin-top      : 10px;
    width           : 140px;
    height          : 320px;
    overflow        : auto;
    border-color    : #F88;
    border-width    : 0px;
    border-style    : solid;
    padding         : 0;
}

#menu h1 {
    font-size       : 1.1em;
    margin          : 0 0 0.5ex 0;
    padding         : 0.5ex 0 0.5ex 0;
    border-width    : 1px 0 1px 0;
    border-style    : solid;
}

#menu ul {
    width           : 140px;
    padding         : 0;
    margin          : 0;
    list-style      : none;
    font-weight     : bold;
}

#menu ul li {
    font-size       : 0.8em;
}

#menu ul li.sub {
    padding-left    : 2ex;
    font-size       : 0.8em;
}

div#main {
/*    float           : right;
    margin-top      : -27px;
    margin-right    : 28px; */
    position        : relative;
    top             : 98px;
    left            : 85px;
    width           : 530px;
    height          : 400px;
    border-color    : #88F;
    border-width    : 0px;
    border-style    : solid;
    overflow        : auto;
}

div#buttons {
/*    float           : right;
    clear           : both;
    margin-top      : 36px;
    margin-right    : 28px; */
/*    margin          : 0 auto; */
    position        : relative;
    top             : 136px;
/*    width           : 530px; */
    max-height      : 66px;
    border-color    : #8F8;
    border-width    : 0px;
    border-style    : solid;
    padding         : 0;
    text-align      : center;
}

#buttons img {
    border          : 0;
    padding         : 0 1ex;
    max-height      : 65px;
}

div.video {
	float                   : left;
	padding                 : 0ex;
	border-color            : #888888;
	border-width            : 0px;
	border-style            : solid;
	background-color        : #000;
	margin-right: 1em;
}

/* DIV listnews */

div#listnews {
    width                   : 100%;
    text-align              : left;
}

#listnews a {
    border-style            : none;
    font-weight             : bold;
    font-size               : 1.2em;
    text-decoration         : none;
}

#listnews p {
    margin                  : 0 0 1ex 0;
    text-align              : left;
    font-family             : "georgia",serif;
    font-size               : 0.9em;
    color                   : #000000;
}

#listnews p.chapeau {
    text-align              : justify;
    font-style              : italic;
    font-weight             : bold;
}

#listnews p.pathcat {
    margin                  : 0 0 0 25px;
    padding-left            : 1ex;
    font-size               : 0.8em;
    font-weight             : bold;
}

#listnews p.entete {
    font-size               : 1em;
}

div.resume {
    min-height              : 140px;
    max-height              : 150px;
    margin                  : 1ex 0 0 0;
    padding                 : 1ex;
    border-style            : solid;
    border-width            : 1px;
    background-color        : #EEE;
}

/* Fin de listnews */

/* DIV news */

div#news {
    width                   : 100%;
    text-align              : left;
    font-family             : "georgia",serif;
    font-size               : 0.9em;
}

#news h2, #news h3, #news h4 {
    padding-left            : 1ex;
}

#news h2 {
    font-size               : 1.2em;
    margin                  : 0 0 0.5ex 40px;
}

#news h3 {
    font-size               : 1.1em;
    margin                  : 0 0.5ex;
}

#news h4 {
    margin                  : 0 0 0.5ex 25px;
    font-size               : 0.9em;
}

#news p {
    font-family             : "tahoma","helvetica",sans-serif;
    font-size               : 0.9em;
    margin                  : 0;
    padding                 : 0 1ex 1ex 1ex;
    text-align              : justify;
}

#news p.chapeau {
    font-style              : italic;
    font-weight             : bold;
    font-size               : 0.8em;
    padding-top             : 2ex;
}

#news p.pdf {
    padding-left            : 5em;
    border                  : 0 none;
}

#news p.pdf a {
    text-decoration         : none;
}

#news p.pdf a:hover {
    text-decoration         : none;
}

#news p.msg {
    text-align              : center;
    font-style              : italic;
    padding                 : 0.5ex;
    background-color        : #EEE;
    font-family             : "georgia",serif;
    font-size               : 0.8em;
    font-weight             : normal;
    width                   : 50%;
    margin                  : 1ex auto;
}

#news ul {
    font-family             : "tahoma","helvetica",sans-serif;
    margin                  : 0.5ex 0;
    font-size               : 0.9em;
}

#news quote {
    margin                  : 0.5ex 5ex 0.5ex 5ex;
    padding                 : 0.8ex;
    font-family             : "tahoma","helvetica",sans-serif;
    font-style              : italic;
    font-size               : 0.9em;
    text-align              : justify;
    display                 : block;
    background-color        : #EEE;
}

#news div.video {
    float                   : none;
    text-align              : center;
}

#news img {
    max-width               : 510px;
    border                  : 0 none;
}

#news a {
    font-weight             : bold;
}

/* classes pour l'affichage des images dans les articles */
.img_left {
    float                   : left;
    background-color        : transparent;
    padding                 : 0.5ex;
}

.img_right {
    float                   : right;
    background-color        : transparent;
    padding                 : 0.5ex;
}

.img_center {
    text-align              : center;
    background-color        : transparent;
    padding                 : 0.5ex;
}
/* fin des classes d'image */


/* Fin de news*/

p.empty {
    text-align              : center;
    font-style              : italic;
    font-size               : 0.9em;}