@charset "utf-8";
/* CSS Document */

/*
Index des styles dans l'ordre de ce document :
STYLE
MENU DESSUS
MENU GAUCHE
NEWS
QUI EST QUI ?
*/


/* 
STYLE
*/

.main, body {
    font-family:Arial;
    font-size:11px;
    color:#000000;
    line-height:150%;
  }

td.page_principale {
    font-family:Arial;
    font-size:11px;
    color:#000000;
    line-height:150%;
    padding-left:15px;
    padding-right:0px;
    padding-top:15px;
    padding-bottom:15px;
  }

a {
    color:#0000AA;
    text-decoration:none;
  }

a:hover {
    color:#FF8C00;
    text-decoration:none;
  }

h1 {
    color:#FFCC00;
    font-family:Arial;
    font-size:21px;
    font-style:italic;
    line-height:100%;
  }

h2 {
    color:#0000AA;
    font-family:Arial;
    font-size:17px;
  }

h3 {
    color:#0000AA;
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
  }

a.nametitre3:hover {
    color:#0000AA;
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
  }

table.act_description {
    background-color:#F9F9F9;
    border-color:#777777;
    border-style:dotted;
    border-width:1px;
    color:#777777;
    font-size:11px;
    font-family:Arial;
    line-height:150%;
    text-align:justify;
    width:100%;
  }

table.mini-menu {
    background-color:#F9F9F9;
    border-color:#777777;
    border-style:dotted;
    border-width:1px;
    color:#777777;
    font-size:11px;
    font-family:Arial;
    text-align:justify;
  }

/*
MENU DESSUS
*/

td.menu_dessus {
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
    font-size:11px;
    color:#FFFFFF;
  }

a.menu_dessus {
    color:#FFFFFF;
    text-decoration:none;
  }

a:hover.menu_dessus {
    color:#FFFF00;
    text-decoration:underline;
  }

div.just {
    text-align: justify;
  }

div#just {
    text-align: justify;
  }

/*
MENU DROITE
*/

div.infobar {
    margin-top:50px;
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
    font-size:11px;
    line-height:18px;
    color:#0000AA;
    border-style:dashed;
    border-width:3px;
    padding: 4px;
  }

div.infoheader {
    font-size : 1.5em;
    font-variant : small-caps;
    font-weight : bold;
  }

div.infoitem {
    margin-left : 10px;
    padding-left: 5px;
  }
  
div.infoitem:hover {
    border-left-color : #000000;
    border-left-style : solid;
    border-left-width : 3px;
    margin-left : 7px;
    padding-left: 5px;
  }
/*
MENU GAUCHE
*/

td.menu_gauche {
    font-family:Arial,Tahoma,Helvetica,Verdana,sans-serif;
    font-size:11px;
    line-height:18px;
    color:#0000AA;
  }

.menu_gauche_titre {
    padding-left:7px;
    padding-right:7px;
    font-weight:bold;
  }

a.menu_gauche {
    padding-left:7px;
    padding-right:7px;
    color:#0000AA;
    text-decoration:none;
  }

a:hover.menu_gauche {
    color:#FF9900;
    text-decoration:none;
  }

/*
NEWS
*/

table.news {
    border-color:#444444;
    border-style:dotted;
    border-width:1px;
    font-size:11px;
    font-family:Arial;
    line-height:140%;
    text-align:left;
  }

.news_titre {
    background-color:#EFEFEF;
    color:#808080;
    font-weight:bold;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
  }

.news_date {
    background-color:#EFEFEF;
    color:#808080;
    font-weight:bold;
    text-align:right;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
  }

.news_texte {
    background-color:#FFFFFF;
    color:#444444;
  }

.news_img {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

/*
QUI EST QUI ?
*/

.membres {
    border-collapse: separate;
    border-spacing: 0 1em;
    margin: auto;
    color:#222222;
    font-size:12px;
    font-family:Arial;
    line-height:150%;
    text-align:justify;
    width: 90%
}

.membres h3 {
    color: #222222;
}

.membres td {
    border: solid 1px #E5E5E5;
    vertical-align: top;
    padding:5px
}

.membres .photo {
    background-color: #E5E5E5;
    vertical-align: center;
    width: 110px;
}

.membres .photo img {
    width: 110px;
}