/* INPUT { FONT: italic 15px Verdana; COLOR: #ffffff; BACKGROUND-COLOR: #31A6FF }
*/
a:link {color: #0000ef; text-decoration: none; }
a:visited {color: #0000ef; text-decoration: none;}
a:hover {color: #6666ef; text-decoration: none; }
a:active { color: #9999ef; text-decoration: underline;}
/*	
a:hover {color: inherit; text-decoration: none;
    background:#6666ef;
    text="#000000" bgcolor="#999999" link="#0000ef" vlink="#55188a" alink="#ff0000">
    */
h1 {
    font-family: "monotype corsiva", Georgia , Times , "Times New Roman" , times , serif;
    text-align: center;
}

td,
tr,
h2,
h3 {
    text-align: center;
}
/*
table.normal {
    border-color: #555555; 
    border-collapse: collapse; 
    text-align: center;
    width: 100%;
}
border-style: dotted;
border: 0px;
border-style: dotted dashed solid double;
border-top: solid #629EC0; 
border-right: solid #2F4C5D; 
border-bottom: solid #2F4C5D; 
border-left: solid #629EC0; 
*/
img {
    border:0
}
body { 
    background-color:#999999;
    /*	FONT: 14px Verdana;*/
    font-family: Times , "Times New Roman" , times , serif;
    /*SCROLLBAR-TRACK-COLOR: #AAAAAA;
    SCROLLBAR-FACE-COLOR: #999999;
    SCROLLBAR-HIGHLIGHT-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #999999;*/
    font-size: 12pt;
    /*
    color: #000000;
    SCROLLBAR-WIDTH-SIZE: 6;
    color: #000000;
    SCROLLBAR-ARROW-COLOR: #FFFFff;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-SHADOW-COLOR: #FF9999;
    SCROLLBAR-3DLIGHT-COLOR: #FF9999;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    */

    /*	SCROLLBAR-FACE-COLOR: #3163FF;
    SCROLLBAR-HIGHLIGHT-COLOR: #9999ff;
    SCROLLBAR-ARROW-COLOR: #9999ff;
    SCROLLBAR-TRACK-COLOR: #31A6FF;
    SCROLLBAR-3DLIGHT-COLOR: #FF9999;
    SCROLLBAR-DARKSHADOW-COLOR: #999999
    */
}

/*
 * Imalib part
 */

table.villes {
    width: 3em;
}
table.photo {
    margin: auto;
    margin-bottom: 14px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    background-color: #CCCCCC;
    /*
    color: #ffffff;
    background-color: #AAAAAA;*/
}

table.prive {
    background-color: #CCCCEF;
}

td.photo_com {
    padding-left: 20px;
    padding-right: 20px;
}


td.photo_nocom {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

div#contenu fieldset,div#contenu form  {
    border: 0px;
    padding: 0px;
}

/*  c'est parti pour faire du vrai css */

/* Logo et images du menu.
***************************/

.colonne {
    /*
    margin-left: 0 auto 0 auto;
    margin-right: 0 auto 0 auto;
    */
    margin-left: 50%;
    margin-right: 50%;
}

div#menu img.logo {
    margin-left:-50px;
}

div#menu img.promo {
    margin-left:-40px;
}

/* Menu
***************************/

div#menu {
    position:absolute;
    top: .8cm;
    left: .2cm;
    width: 6cm;
}

div#menu h2 {
    width: 6cm;
    background: #959595;
    border-top: 2px solid #898989;
    font-size: 12pt;
    /* un jour peut être je verai ce que ça donne sous mozilla.... ;p*/
    text-shadow: black 0px 0px 5px;
    padding:0px;
    margin:2px;
}

div#menu dl {
    /* Pour que les dl soient bien les uns en dessous des autres. */
    clear:both;
    width:6cm;
}

div#menu dt {
    /*Pour que les dt et dd soit alignés*/
    display:inline;
    width:2cm;
}
div#menu dd {
 /*   display:inline;*/
    margin-left: 2cm;
    width:4cm;
}

div.selection dl {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
div.selection dl.selected dt {
    background: #898989;
    border-top: 1px solid #898989;
}
div.selection dl.selected dd {
    border-bottom: 1px solid black;
}
div.selection dl:hover dt {
    border-top: 1px solid black;
}
div.selection dl:hover dd {
    background: #898989;
    border-bottom: 1px solid #898989;
}
div.selection dt {
    border-top: 1px solid #898989;
    border-right: 1px solid #565656;
    font-size: 14px;
    width: 6cm;
    float: left;
}
div.selection dd {
    border-bottom: 1px solid black;
    font-size: 12px;
    min-height: 15px;
    border-left: 2px solid #565656;
    margin-left: 6cm;
    padding-left: 0.1cm;
    margin-bottom: 0.4cm;
}
div.long dd {
    width:15cm;
}

/*  Contenu
***************************/

div#contenu {
    padding-left: 8cm;
    padding-right: 2cm;
}

/* News
***************************/

div.news {
    font-size: 10pt;
    background-color: #AAAAAA;
    border: 1px solid #555555;
    margin-bottom: 15px;
}

div.news div.auteur {
    width:100%;
    text-align:right;
}
div.news div.corps_news {
    overflow:hidden;
    /*clear: both;*/
    padding: 5px;
    margin: 1px;
}
div.news div.sous_corps_news {
    overflow:hidden;
}
div.news div.tete_news {
    border: 1px solid #AAAAAA;
    height: 1.4em;
    color: #f0f1f0;
    background-color: #555555;
}
div.bizo {width: 0px; border-style: solid; }
div.bizo.gauche {float: left; height: 0em; border-width: 0em 0em 0.5em 1em; border-color: white white #555555 #AAAAAA;}
div.bizo.droite {float: right; height: 0.9em; border-width: 0em 0em 0.5em 1em; border-color: white white #AAAAAA #555555 ;}

div.news div.tete_news a:link {color: #AAAAef; text-decoration: none; }
div.news div.tete_news a:visited {color: #AAAAef; text-decoration: none;}
div.news div.tete_news a:hover {color: #6666ef; text-decoration: none; }
div.news div.tete_news a:active { color: #9999ef; text-decoration: underline;}

/* generique
***************************/

.update, .important{
    text-decoration: underline;
    font-weight: bold;
}
div.left { float: left; }
div.foot { font-size: 8pt; }
div.right { text-align: right; }
div.centre { text-align:center; }

address, img {
    clear: right;
}
.signature {
    font-family: "Courier New", Courier, mono, serif;
    font-size: 13px;
    white-space: pre;
}

div.conteneur { margin:0px; padding:0px; width:100%; }
span.icone {font-size: 20pt;}
span.selected {font-weight:bold; font-size: 16pt;}
span.unselected {font-size: 14pt;}
ul{ margin: 0px; }
li{ margin-left: 1cm; }
acronym.a{ font-size: 20pt; }

hr.sep {
    color: #000000;
    width: 70%;
    border: 1px solid #555555;
}

/* Météo
*/

#left {
    float: right;
}
#choix {
    float: left;
}
#choix fieldset {
    background: #AAAAAA;
    width: 4cm;
    border: 1px solid;
    margin: 5px;
}
#choix fieldset.submit {
    text-align:center;
    border:0px;
}