/* Body */
BODY {
        margin: 0px 0px 0px 0px;
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
table {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
a {
        text-decoration:underline;
}
#main a:link, #main a:visited {
        text-decoration:none;
        color: #666666;
}
#main a:hover {
        text-decoration:none;
        color: #FF0000;
}
#main a:active {
        text-decoration:none;
        color: #99CC00;
}
a:hover {
        color: #FF0000;
}
/* header */
.top {
        background-color:#FFFFFF;
        height:150px;
        vertical-align: middle;
        text-align:center;
}
.namesite {
        background-color:#FFFFFF;
        font-family: Verdana, Arial, Times, serif;
        padding-left:10px;
        font-size:28px;
        width:390px;
        height:150px;
        color:#FFFFFF;
        font-weight:bold;
        vertical-align: middle;
        text-align:center;
}
/* pathway */
#pathway {
        background-image: url(../images/pathway_bg2.gif);
        background-repeat:repeat-x;
        height:35px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 10px 0 0 10px;
        text-align: left;
}
#pathway a, #pathway a:link, #pathway a:visited {
        color: #2976AE;
        text-decoration:none;
}
#pathway a:hover {
        color: #FFFFFF;
        text-decoration:none;
}
#left {
}
#right {
}
#inset {
        padding-left: 10px;
        padding-right: 10px;
}
/* Module links/rechts */
table.moduletable {
        width:200px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border:1px solid #888384;
        background-color:#888384;
        vertical-align: top;
        padding-top: 0px;
        padding-bottom: 7px;
}
/* Topmenü */
#main table.moduletable-topnav {
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        background-color:#001D48;
        vertical-align: top;
        padding-bottom: 3px;
}
table.moduletable-topnav td {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-top: 3px;
        color: #FFFFFF;
        font-weight: bold;
        text-align:center;
        word-spacing:2em;
}
.mainlevel-topnav, .sublevel-topnav {
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 10px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 13px;
	text-align: center;
        word-spacing: 10px;
        border-spacing: 20px;
        /* background-color: #FFFFFF; */
}
#main table.moduletable {
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        border:1px solid #FFFFFF;
        background-color:#001D48;
        vertical-align:top;
        padding-bottom: 10px;
}
#inset table.moduletable {
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #276FA6;
        background-color:#B9E5FB;
        vertical-align:top;
        padding-bottom: 10px;
}
#left table.moduletable th {
        background-image: url(../images/mod_header-l.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 30px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #333333;
        text-align:left;
        padding-top:6px;
        padding-left:30px;
        padding-bottom:20px;
}
#right table.moduletable th {
        background-image: url(../images/mod_header-l.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 30px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #333333;
        text-align:left;
        padding-top:6px;
        padding-left:30px;
        padding-bottom:20px;
}
#main table.moduletable th {
        width: 100%;
        height: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        padding-top:5px;
        text-align:center;
        border-bottom:1px solid #FFFFFF;
        margin-bottom:5px
}
#inset table.moduletable th {
        width: 100%;
        height: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        padding-top:5px;
        text-align:center;
        border-bottom:1px solid #FFFFFF;
        margin-bottom:5px
}
table.moduletable td {
        width:auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 1.2em;
}
#inset table.moduletable td {
        width:auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        padding-left: 5px;
        padding-right: 5px;
        line-height: 1.2em;
}
.moduletable a:link, .moduletable a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#FFFFFF;
        text-decoration: underline;
}
#inset .moduletable a:link, #inset .moduletable a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #276FA6;
        text-decoration: underline;
}
.moduletable a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #FFFF33;
        text-decoration: underline;
}
#inset .moduletable a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #FCAF17;
        text-decoration: underline;
}
#basdepage {
        background-image: url(../images/footer_bg.gif);
        background-repeat:repeat-x;
        height:21px;
        color: #FFFFFF;
        line-height:21px;
        padding: 0;
        text-align:center;
        font-size:10px;
}

#basdepage a, #basdepage a:link, #basdepage a:visited {
        color: #333333;
        text-decoration: none;
}
#basdepage a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}
.button {
        color: #000000;
        text-align:center;
        width:auto;
        border: thin outset #DA9786;
        margin:1px;
        font-size:10px;
}
 /* Je ne suis pas sur que ce soit utilisé. Je n’ai pas trouvé d’exemple concernant ce style. */
.pagetext {
        visibility: hidden;
        display: none;
        position: relative;
        top: 0;
}
.contentpane{
        padding: 0px 10px 10px 10px;
}
.contentpaneopen{
        padding: 0px 10px 10px 10px;
}
.contentheading, .componentheading {
        background-repeat:no-repeat;
        padding-left:10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #001D48;
        text-align: left;
        padding-top:10px;
}
.createdate, .modifydate  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #999999;
        #font-weight: bold;
        padding-top: 10px;
}
.readon {
        background-image: url(../images/readon.gif);
        background-repeat: no-repeat;
        color: #276FA6;
        padding-left:15px;
        padding-top:0px;
        font-weight: bold;
        font-size: 12px;
        height: 20px;
        line-height: 1.2em;
        margin-top:2px
}
.readon a, .readon a:link, .readon a:visited, .readon a:hover {
        color: #276FA6;
        text-decoration: underline;
}
.mainlevel, .sublevel {
        background-image: url(../images/menu_arrow.gif);
        background-repeat: no-repeat;
        padding-left: 12px;
}
a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
        color: #FFFFFF;
        }
a.mainlevel:hover {
        color: #FF0000;
}
a.sublevel, a.sublevel:link, a.sublevel:visited {
        color: #FFFFFF;
        }
a.sublevel:hover {
        color: #D2F1FF;
}
.ontab {
        border: thin outset #53C2EC;
        background-color:#00A5E3;
        text-align: center;
        cursor: pointer;
        font-weight: bold;
        color: #FFFFFF;
        margin:1px 0 0 0;
}/*  Pour modifier l'apparence des  "Onglet" dans l'editeur d'article en "frontend"  ( quand vous etes logger en admin ). Ce style .ontab correspond aux éléments actifs ou après un clique*/
.offtab {
        border: thin outset #EAF1F5;
        background-color: #E1EBF1;
        text-align: center;
        cursor: pointer;
        font-weight: bold;
        color: #000000;
        margin:1px 0 0 0;
} /* La même chose que précédemment Celui-ci correspond aux cases qui ne sont pas actives ou il n’y a pas eu de clique  */
.tabpadding {} /* Ce style est utilisé pour fixer la taille des cases en question  */
.tabheading {
        background-color: #276FA6;
        text-align: left;
        color: #FFFFFF;
        border:1px solid #FFFFFF;
        padding:3px;
        }
        /* ce style est employé dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est également utilisé pour l'entête de Section “News” (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/
.contentpagetitle{}/*Pas d'informations de disponible. La présente partie sera mise à jour quand les infos seront obtenues. Désolé. Si vous savez, veuillez adresser les infos par mail.*/
.contentdescription{
        color: #666666;
}/*?*/
table.contenttoc{
        border: 1px solid #FFFFFF;
        background-color:#6DA3CA;
}/*ce style correspond au tableau (<table>) reprenant la liste des matières (ou “jump to box” ? -> connais pas ;( ) quand cela est possible dans une multiple pagination de contenu/articles.*/
table.contenttoc td{color:#FFFFFF;}/*idem mais pour les cellules de tableaux (<td>)*/
.content_rating{
        color: #B9E5FB;}/*ce style correspond au texte utilisé pour noter un article ou le commenter*/
.content_vote{
        color: #B9E5FB;}/*ce style correspond au texte utilise pour les votes (celui avec une case à cocher)*/


.sectiontableheader {
        background-color: #F5FD97;
        height:auto;
        color: #00000;
        font-weight:bold;
        padding:3px;
        border: 0;
}/*ce style correspond aux entêtes des tableaux (<table>) dans les pages Section. Un exemple serait celui de la liste des articles quand vous cliquez sur “News” ou autre avec l'entête de tableau (<table>)comme “date”, “titre de l'article”, “auteur” et “hits”. C'est l'entête que vous pourrez contrôler avec ce style.*/
.sectiontableentry1 {
        background-color: #EAEAEA;
        color: #000000;
        font-weight: normal;
        padding: 3px;
        vertical-align: middle;
        border: 0;
        height:auto;
}

.sectiontableentry2 {
        background-color: #DADADA;
        color: #000000;
        font-weight: normal;
        padding: 3px;
        vertical-align: middle;
        border: 0;
        height:auto;
}

.category, a.category:link, a.category:visited  {
        font-weight:bold;
        color: #276FA6;
}
a.category:hover {
        color: #FDBF1C;
        text-decoration: none;
}

.frontpageheader {
        background-color: #276FA6;
        height:auto;
        color:#FFFFFF;
        font-weight:bold;
        padding:5px;
    }
.small {
        font-size: 10px;
        color: #000000;
        text-decoration: none;
        }
.small a:link, .small a:visited {
        color: #666666;
        text-decoration: underline;
        font-weight: normal;
}
.small a:hover {
        color: #276FA6;
        text-decoration: underline;
}
.smalldark {
        font-size: 10px;
        color: #333333;
        text-decoration: none;
        font-weight: normal;
}
.blogsection{} /*à mettre à jours */

/* Sondages */
.poll {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        line-height: 14px
        }
.pollstableborder {
        border: 0;
        padding: 0;
        margin: 0;
        width:auto;
}
#left .sectiontableentry1, #left .sectiontableentry2, #right .sectiontableentry1, #right .sectiontableentry2 {
        color:#000000;
} /* configure les bords de la table des sondages */
/* Liens Web */
.weblinks{color: #00ACD5;} /* Configure le titre des liens dans l'annuaire “Weblinks”*/
a.weblinks:hover {text-decoration:underline;} /* meme chose qu'au dessu mais avec le curseur pointé dessu*/

.newsfeedheading {
        font-size: 12px;
        font-weight: bold;
        color: #276FA6;
        text-align:left;
        }

.newsfeeddate {
        font-size: 10px;
        color: #FDBF1C;
        font-weight: normal;
}
.fase4rdf {
        background-color: #B9E5FB;
        color:#333333;
}
a.fase4rdf {
        background-color: #B9E5FB;
        color: #276FA6;
} /* Le texte principal des news*/
/* Page de recherche */
table.searchintro {}
/* Ce style configure l'affichage du resulta d'une recherche affichée dans la page principale */
/* Paramettres de la Table des Contactes */
.contact {
        text-align:center;
}
table.contact {
        border: 1px solid #FFFFFF;
}
/* Pour formater la totalité de la table des “contacts” ce qui inclus le nom, addresse icons and formulaire.
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir “Department” “Personne” */
table.contact td.icons {
        background-color: #FCAF17;
        padding:5px;
}
/* Le nom vous en dis deja beaucoup. Ce style configure les cellules <td>
ou sont affichés les petits icons prés des details (addresses, telephone etc) */
table.contact td.details {
        background-color: #9DDCF9;
        color: #000000;
        text-align:left;
        padding:5px;
}
/* ceci definit le format <td> ( td pour table data ) des cellules ou sont les informations.
Ces informations sont : addresses, telephone et autres info*/
hr {}
hr.separator {}
.pagenavbar {} /* il n’est pas utilisé dans la page nav bar mais pour l’affichage des noms sur le forum Simple Board? */
.pagenav {} /* comme son nom l’indique, ce style correspond aux liens << Premier < Précédent 1 Suivant > Dernier */
.small {}
.thumbnail {
        float:left;
        border:1px solid #000000;
        margin:5px;
        padding:2px;
}