@CHARSET "UTF-8";

/* styles generiques */

body {
    background: #000000;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    text-align: center;
    cursor: default;
    background: #000000 url("img/fond.jpg") no-repeat fixed center top;
}

img{
    border: 0px;
    vertical-align: middle;
}

img.gauche{
    float: left;
    margin: 5px;
}
img.droite{
    float: right;
    margin: 5px;
}
hr{
    border: 0px;
    border-top: 1px #d2b667 dashed;
}
#hibou_lu hr {
    clear: both;
}
fieldset p {
    clear: both;
}

.gauche{
    text-align: left;
}
.justifie{
    text-align: justify;
}
.droite{
    text-align: right;
}
.centre{
    text-align: center;
}
.haut{
    vertical-align: top;
}
.milieu{
    vertical-align: middle;
}
.bas{
    vertical-align: bottom;
}
.code, .citation{
    margin: 10px 0px;
}

.code > div{
    margin: 0px;
    padding: 5px;
    border: #E1AB2C solid 1px;
    background-color: #F8E6B3;
    font-family: monospace;
    overflow: scroll;
}

.citation > div{
    margin-top: 0px;
    padding: 5px;
    border: #E1AB2C solid 1px;
    background-color: #F8E6B3;
}
.chuchote{
    font-size: xx-small;
}
.cri{
    font-size: x-large;
    font-variant: small-caps;
}
.action{
    font-style: italic;
    color: #3C658E;
}
.pensee{
    color: #8A5018;
}

legend{
    font-weight: bold;
}


a {
    color: #766244;
    text-decoration: none;
}

a:hover, input:hover{
    color: #947F60;
    border-color: #947F60;
}
a:hover{
    text-decoration: underline;
}

.nostyleinput{
    background: none;
    border: none;
}

input, textarea, select, .bouton{
    border: 1px #ffffff solid;
    background: #000000;
    color: #ffffff;
    cursor: pointer;
}
.bouton, .bouton:hover{
    text-decoration: none;
    padding: 2px 8px;
}

form{

    margin: 0px;
    padding: 0px;
}

fieldset{
    border: 2px #d2b667 solid;
    padding: 2px;
}

#cadre{
    position: relative;
    table-layout: auto;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
}
#centre{
    position: relative;
    z-index: 2;
    min-height: 325px;
}

/* styles de l'entete */

#entete{
    position: relative;
    height: 322px;
    text-align: center;
    background: url("img/entete.png") no-repeat center top;
    z-index: 11;
}
#fond_entete{
    background: transparent none;
    height: 550px;
    width: 800px;
    position: fixed;
    top: 0px;
    z-index: 2;
}
/*
#entete #p12{
    position: relative;
    top: 68px;
    left: 20px;
    border-style: none;
}
#entete #poudlard12com{
    position: relative;
    margin: auto;
    top: 33px;
    left: 37px;
    float: left;
    border-style: none;
}
#entete #thelegend{
    position: relative;
    margin: auto;
    top: 13px;
    right: 37px;
    float: right;
    border-style: none;
}
*/

#barregauche{
    /*position: relative;
    float: left;*/
    vertical-align: top;
    width: 195px;
}

/* parchemin vertical */
.parcheminhaut {
    background: url("img/parcheminhaut.gif") no-repeat;
    height: 18px;
}
.parcheminfond {
    background: url("img/parcheminfond.gif") repeat-y;
    padding: 0px 15px;
}
.parcheminbas {
    background: url("img/parcheminbas.gif") no-repeat;
    height: 18px;
}

/* barre de pub */
#pub{
    text-align: center;
    vertical-align: top;
    margin-top: 8px;
}

/* barre de recherche */
#recherche{

    padding: 0px;
    padding-right: 10px;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    vertical-align: top;

    /*position: relative;
    width: 195px;
    max-width: 185px;
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    float: right;
    */
}
#recherche #motsclerapide{
    width: 100px;
}

#profil{
    width: 155px;
    padding: 0px;
    padding-right: 25px;
    padding-left: 15px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    font-family: Arial;
}
#profil input, #profil select{
    width: 130px;
    /*display: block;*/
    text-align: center;
    margin: 0px auto 5px;
}
#profil #pseudo {
    padding: 0px;
    padding-top: 7px;
    margin: 0px;
    font-size: 20px;
}
#profil p {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
}
#news{
    padding: 0px;
    padding-right: 25px;
    padding-left: 15px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    font-family: Arial;
}
#news em{
    font-style: italic;
    font-weight: normal;
}

/* styles du contenu */
#corps {
    clear: right;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 600px;
}
#corps .contenu{
    vertical-align: top;
    padding: 5px;
    width: 580px;
    max-width: 580px;
}
#corps .contenu fieldset{
    width: 99%;
    max-width: 560px;
}
/**
#corps .contenu p, #corps .contenu div{
    overflow: auto;
}
*/
#sb-body .sb-masque{
    display: none;
}
.closeBox a {
    cursor:pointer;
    display:block;
    height:16px;
    padding-right: 17px;
    background-position: right center;
    color: #ffffff;
}
.closeBox {
    margin:8px 5px;
    float: right;
    position:absolute;
    right: 0;
    top:0;
}
#sb-title{
    float: left;
    left: 10px;
}
/*
#sb-body{
    padding: 10px;
}*/
#sb-body {
    border: 0px;
    padding: 0 10px;
}
#corps .fond, #sb-body, #sb-wrapper .fond{
    background-color: #f2d687;
}
#corps .vertical{
    width: 10px;
    min-width: 10px;
    max-width: 10px;
}
#corps .horizontal{
    height: 10px;
    min-height: 10px;
    max-height: 10px;
}
#corps .angle{
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
}
#corps .hautgauche, #sb-wrapper .hautgauche{
    background: url("img/fondhautgauche.gif") no-repeat top left;
}
#corps .basdroite, #sb-wrapper .basdroite{
    background: url("img/fondbasdroite.gif") no-repeat bottom right;
}

#corps p{
    text-align: justify;
}
#corps p.centre{
    text-align: center;
}
#corps p.droite{
    text-align: right;
}
#corps p.gauche{
    text-align: left;
}
#corps h1, #sb-content h1{
    text-align: center;
    font-size: 2em;
}
#corps h2, #sb-content h2{
    font-size: 1.5em;
}
#corps h3, #sb-content h3{
    font-size: 1.17em;
    
}

/* styles du pied de page */

#piedpage{
    position: relative;
    clear: both;
    width: 800px;
    padding: 0px;
    height: 150px;
    text-align: center;
    color: #ffffff;
    z-index: 10;
}
#fond_piedpage{
    position: fixed;
    bottom: 0px;
    height: 263px;
    width: 800px;
    background: #000000 url("img/piedpage.jpg") no-repeat center bottom;
    z-index: 1;
}
#piedpage a{
    color: #999999;
}
#piedpage a:hover{
    color: #FFFFFF;
}
#piedpage p {
    position: relative;
    padding: 0px;
    margin: 0px;
}
#piedpage #faq{
    padding-top: 17px;
    padding-bottom: 0px;
    height: 37px;
    max-height: 20px;
    overflow: hidden;
}
#piedpage #droits{
    height: 20px;
    overflow: hidden;
}
#piedpage #partenaires{
    padding-top: 5px;
    height: 45px;
    max-height: 40px;
    overflow: hidden;
}
#piedpage #legal{
    padding-top: 5px;
    height: 45px;
    max-height: 40px;
    overflow: hidden;
}


/* styles du menu dynamique */

#sommaire{
    position: absolute;
    top: 282px;
    width: 800px;
    color: #ffffff;
    z-index: 12;
}

#sommaire .sousmenu{
    position: relative;
    width: 123px;
    float: left;
    margin: 1px;
}
#sommaire a{
    position: relative;
    float: left;
    display: block;
    text-align: center;
    font-size: 9pt;
    z-index: 20;
    color: #ffffff;
}
#sommaire a:hover{
    text-decoration: underline;
}
#sommaire .sousmenu a{
    float: none;
    margin: 0px;
}
#sommaire .menu a, #sommaire .menu .sousmenu{
    width: 117px;
    display: block;
    margin: 0;
    padding: 5px 2px;
    font-weight: normal;
}
#sommaire .menu .sousmenu > a{
    width: 121px;
}
#sommaire .menu{
    width: 121px;
}
#sommaire .menu a:hover,
#sommaire .menu .sousmenu:hover > a,
#sommaire .menu .sousmenu:hover > div > a{
    border: 0px;
    width: 117px;
}
#sommaire .menu .sousmenu{
    float: none;
    padding: 0px;
}
#sommaire .sousmenu .menu{
    display: none;
    text-decoration: none;
}
#sommaire .sousmenu:hover > .menu{
    display: block;
}
#sommaire .sousmenu .menu .sousmenu{
    position: relative;
}
#sommaire .sousmenu .sousmenu .menu{
    position: absolute;
    width: 121px;
    padding-left: 0px !important;
    padding-left: 120px;
    left: 120px !important;
    left: 0px;
    top: 0px;
}
#sommaire .menuferme{
    display: block;
}
#sommaire .menuouvert{
    display: none;
}
#sommaire .menuferme img,
#sommaire .sousmenu .menuouvert img{
    border-style: none;
}
#sommaire .sousmenu:hover .menuferme{
    display: none;
}
#sommaire .sousmenu:hover .menuouvert{
    display: block;
}

/* menu Poudlard */
#sommaire #poudlard{
    left: 43px;
    top: 0px;
}
#sommaire > #poudlard > div > a,
#sommaire > #poudlard > div > div > a{
    height: 39px;
    margin-left: 0px;
    margin-top: 0px;
}
#sommaire > #poudlard:hover > div > a,
#sommaire > #poudlard:hover > div > div > a{
    margin-top: 0px;
}
#sommaire #poudlard .menu{
    background: #9a4e59;
    border: 1px #ff9cb2 solid;
}
#sommaire #poudlard .menu a:hover,
#poudlard .sousmenu:hover > div > a,
#poudlard .sousmenu:hover > div > div > a{
    background: #ff9cb2;
    color: #000000;
}
#sommaire #poudlard > .menu,
#sommaire #poudlard > div > .menu{
    border-top: 0px;
}

/* menu Exterieur */
#sommaire #exterieur{
    left: 69px;
    top: 0px;
}
#sommaire > #exterieur > div > a,
#sommaire > #exterieur > div > div > a{
    margin-left: 0px;
    margin-top: 0px;
    height: 39px;
}
#sommaire > #exterieur:hover > div > a,
#sommaire > #exterieur:hover > div > div > a{
    margin-top: 0px;
}
#sommaire #exterieur .menu{
    background: #3b3b60;
    border: 1px #7676c0 solid;
}
#sommaire #exterieur .menu a:hover,
#exterieur .sousmenu:hover > div > a,
#exterieur .sousmenu:hover > div > div > a{
    background: #7676c0;
    color: #000000;
}
#sommaire #exterieur > .menu,
#sommaire #exterieur > div > .menu{
    border-top: 0px;
}

/* menu Conciergerie */
#sommaire #conciergerie{
    left: 87px;
    top: 0px;
}
#sommaire > #conciergerie {
    width: 143px;
}
#sommaire > #conciergerie > .menu {
    width: 141px;
}
#sommaire > #conciergerie > .menu > div > div > a {
    width: 137px;
}
#sommaire> #conciergerie > .menu > div > div{
    padding-left: 0px !important;
    padding-left: 140px;
    left: 140px !important;
    left: 0px;
}

#sommaire > #conciergerie > div > a,
#sommaire > #conciergerie > div > div > a{
    margin-left: 0px;
    height: 39px;
}
#sommaire > #conciergerie:hover > div > a,
#sommaire > #conciergerie:hover > div > div > a{
    margin-top: 0px;
}
#sommaire #conciergerie .menu{
    background: #e0a740;
    border: 1px #ffff80 solid;
}
#sommaire > #conciergerie .menu a:hover,
#conciergerie .sousmenu:hover > div > a,
#conciergerie .sousmenu:hover > div > div > a{
    background: #ffff80;
    color: #000000;
}
#sommaire #conciergerie > .menu,
#sommaire #conciergerie > div > .menu{
    border-top: 0px;
}

/* menu S'inscrire */
#sommaire #sinscrire{
    position: relative;
    top: 1px;
    left: 93px;
}
#sommaire > #sinscrire > div > a,
#sommaire > #sinscrire > div > div > a{
    width: 123px;
    height: 39px;
}

/* menu Voliere */
#sommaire #voliere{
    left: 92px;
    top: 0px;
}

#sommaire > #voliere > div > a,
#sommaire > #voliere > div > div > a{
    margin-left: 0px;
    height: 39px;
}
#sommaire > #voliere:hover > div > a,
#sommaire > #voliere:hover > div > div > a{
    margin-top: 0px;
}
#sommaire #voliere .menu{
    background: #5a7a6d;
    border: 1px #b4f4da solid;
}
#sommaire #voliere .menu a:hover,
#voliere .sousmenu:hover > div > a,
#voliere .sousmenu:hover > div > div > a{
    background: #b4f4da;
    color: #000000;
}
#sommaire #voliere > .menu,
#sommaire #voliere > div > .menu{
    border-top: 0px;
}

/* menu Administration */
#sommaire #administration{
    left: 99px;
    top: 0px;
}

#sommaire > #administration > a,
#sommaire > #administration > div > a{
    margin-left: 0px;
    margin-top: 1px;
    height: 39px;
}
#sommaire > #administration:hover > div > a,
#sommaire > #administration:hover > div > div > a{
    margin-top: 1px;
}
#sommaire #administration .menu{
    background: #000000;
    border: 1px #e1d2a4 solid;
}
#sommaire #administration .menu a:hover,
#administration .sousmenu:hover > div > a,
#administration .sousmenu:hover > div > div > a{
    background: #e1d2a4;
    color: #000000;
}
#sommaire #administration > .menu,
#sommaire #administration > div > .menu{
    border-top: 0px;
}
#sommaire #administration .sousmenu .menu{
    position: absolute;
    width: 121px;
    padding-left: 0px !important;
    left: -122px !important;
    top: 0px;
}



/* style de la plateforme de developpement */

/*
.action{
    border-left: 1px dashed #999999;
    text-align: center;
}
.delimiteur{
    border-top: 2px solid #000000
}
.arbre{
    border-top: 1px dashed #999999;
}*/
.vide{
    text-align: center;
    font-style: italic;
    color: red;
}
.confirmation{
    color: green;
    font-style: italic;
}
.erreur{
    color: red;
    font-style: italic;
}
.encadrement{
    background-color: #F8E6B3;
    border: #E1AB2C solid 1px;
    padding: 5px;
}
ul.encadrement{
    padding-left: 25px;
}

#valideaction{
    text-align: right;
}
#upload{
    text-align: center;
    padding: 4px;
}

/* style du forum */
.tableau{
    text-align: center;
    font-size: 8pt;
}
.tableau td, .tableau th, .tableau div{
    padding: 5px;
    overflow: auto;
}

.tableau .debligne{
    border-left: 3px solid #d2b667;
}
.tableau .finligne{
    border-right: 3px solid #d2b667;
}

.tableau .l_alt1{
    background-color: transparent;
}
.tableau .l_alt2{
    background-color: #e7cc7d;
}

.tableau .titre{
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
}
.tableau .textenormal{
    font-size: 10pt;
}

.tableau .entete{
    background: #d2b667 url('img/tabentete2.jpg') repeat-x top;
    height: 32px;
}
.tableau .entete2{
    background-color: #d2b667;
}
.tableau .pied{
    background: #d2b667 url('img/tabpied2.jpg') repeat-x bottom;
    height: 15px;
}
.tableau .ligne1{
    border-top: 2px solid #d2b667;
}
.tableau .ligne2{
    border-top: 1px dashed #d2b667;
}
.tableau .col1{
    border-left: 2px solid #d2b667;
}
.tableau .col2{
    border-left: 1px dashed #d2b667;
}
.tableau .entete.col1, .tableau .entete2.col1,
.tableau .entete.col2, .tableau .entete2.col2,
.tableau .entete.ligne1, .tableau .entete2.ligne1,
.tableau .entete.ligne2, .tableau .entete2.ligne2{
    border-color: #f2d687;
}

div.f_signature, p.f_signature, .f_signature{
    overflow: hidden !important;
    padding: 0px;
    max-height: 200px;
    width: 400px;
    max-width: 400px;
}
.f_signature *{
    overflow: hidden !important;
    padding: 0px !important;
    margin: 0px;
    max-width: 400px;
}

div.f_contenu, p.f_contenu, .f_contenu{
    font-size: 10pt;
}

div.f_contenu img, p.f_contenu img, .f_contenu img{
    max-width: 400px;
}

/*
.tableau{
    border: 2px solid #000000;
    text-align: center;
    font-size: 8pt;
}
.tableau td, .tableau th{
    padding: 5px;
}

.tableau .l_alt1{
    background-color: transparent;
}
.tableau .l_alt2{
    background-color: #e2c677;
}

.tableau .titre{
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
}
.tableau .textenormal{
    font-size: 10pt;
}

.tableau .entete, .tableau .pied{
    background-color: #d2b667;
}
.tableau .entete{
    border-bottom: 1px solid #000000;
}
.tableau .pied{
    border-top: 2px solid #000000;
}
.tableau .ligne1{
    border-top: 1px solid #000000;
}
.tableau .ligne2{
    border-top: 1px dashed #888888;
}
.tableau .col1{
    border-left: 1px solid #000000;
}
.tableau .col2{
    border-left: 1px dashed #888888;
}
*/

.gryffondor, .gryffondor:hover {
    color: #cc0000;
}
.poufsouffle, .poufsouffle:hover {
    color: #cc6633;
}
.serdaigle, .serdaigle:hover {
    color: #333366;
}
.serpentard, .serpentard:hover {
    color: #339933;
}

#faireexam textarea{
    font-family: "Comic sans MS", Verdana, sans-serif;
    font-size: 10pt;
    border: #000000 1px solid;
    background-color: transparent;
    color: #000000;
}