/* DECLARATIONS GENERALES ******************************************************/

BODY {
    margin: 0;
    font-family: "Verdana","Times New Roman";
    font-size: 12px;
    color: #FFF;
    height: 202px;
    background: rgb(5,5,5) url("../images/background.jpg") no-repeat center 193px;
    text-align: center; /* pour corriger le bug de centrage IE */
}

#content { 
    position: relative;
    margin: 0 auto;
    width: 960px;
    text-align: left; /* on rétablit l'alignement normal du texte > Bug de IE*/
}

H1 { font-size: 23px; font-weight: bold; text-align: left; }
H2 { 
    background: transparent url("../images/green.png") repeat center top;
    border-radius: 10px 10px 0 0;
    padding: 5px;
    margin: 0;
    text-align: center;
}

P { text-align: justify; margin-bottom: 0; }

IMG { border: none; }

A { color: #19bf03; font-size: 11px; font-weight: bold; text-decoration: none; }
A:hover { text-decoration: underline; }

.boutons {
    background-color: ForestGreen;
    display: inline-block;
    padding: 5px 30px;
    margin: 0 3px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: whitesmoke;
    border-radius: 3px;
    text-shadow: 1px 1px 0px DarkSlateGray;
    box-shadow: 
        0px -1px 0px white,
        0px 0px 0px 2px rgba(0,0,0,0.1),
        0px 1px 0px rgba(0,0,0,0.1),
        1px 2px 1px rgba(0,0,0,0.1);
}
A:hover.boutons { background-color: DarkGreen; text-decoration: none; }


/* HEADER *********************************************************************/

#header {
    height: 202px;
    margin-bottom: 10px;
    background: transparent url("../images/header.png") no-repeat center;
}
#wrapper {
    margin: 0 auto;
    width: 960px;
    height: 185px;
}
#wrapper #pub {
    float: left;
    margin-top: 90px;
}
#wrapper #social {
    margin: 120px 0 0 120px;
    float: left;
}
#wrapper #social #gplus1 {
    margin-bottom: 10px;
}

/* MENU ************************************************************************/
#menu {
    margin: 25px 0 10px 0;
    text-align: center;
}
#menu A {
    background: transparent url("../images/black.png") repeat center top;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    margin: 10px 10px 0 0;
    text-align: center;
    font-size: bold;
    text-decoration: none;
}
#menu A:hover {
    color: white;
}
#menu .select { color: white; }


/* PARTIE CENTRALE *************************************************************/
#center {
    clear: both;
    min-height: 750px;
    padding-bottom: 20px;
    background: transparent url("../images/white.png") repeat center top;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    width: 940px;
    float: left;
}

#main {
    float: left;
    margin-right: 10px;
    width: 594px;
}

#side {
    float: left;
    width: 336px;
}

.fenetre {
    background: transparent url("../images/white2.png") repeat center top;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    margin: 0 0 10px 0;
    width: 573px;
    color: DarkGreen;
}

UL#txtForum {
    background: transparent url("../images/forum-teamgaaaz.png") no-repeat left top;
    padding-left: 205px;
}

UL#txtForum LI {
    list-style: none;
}
UL#txtForum LI.titre {
    font-weight: bold;
    margin-top: 5px;
}

#sideFB {
    background-color: #1c1c1c;
    margin: 10px 0;
}

/* PARTIE FOOTER ************************/

#footer {
    background: transparent url("../images/black.png") repeat center top;
    border-radius: 0 0 10px 10px;
    text-align: center;
    font-size: bold;
    padding: 20px;
    margin-bottom: 20px;
    width: 920px;
    float: left;
}
#footer A { color: #db04b5; font-size: 11px; font-weight: bold; text-decoration: none; }
#footer A:hover { text-decoration: underline; }




/* Gestion des MSG ************************/

/* Gestion des MSG */
#msgBox {
    display: none;
    position: fixed;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#msgBox #cache {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.8;
}

#msgBox #box {
    display: none;
    position: relative;
    top: 35%;
    background-color: white;
    margin: auto;
    width: 300px;
    height: 220px;
    z-index: 11;
    cursor: default;
    border: 1px silver solid;
    padding: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#msgBox #box H6 {
    background-color: rgb(64,64,64);
    font-size: 14px;
    margin: 0;
    padding: 10px 15px;
    border-bottom: 5px dodgerblue solid;
    color: white;
}
#msgBox #box.Interdit H6 { 
    background-color: #d44; 
    border-bottom: 5px darkred solid;
}
#msgBox #box.Erreur H6 { 
    background-color: #d44; 
    border-bottom: 5px darkred solid;
}

#msgBox #box SPAN {
    display: block;
    min-height: 100px;
    padding: 10px;
    color: FireBrick;
}
#msgBox .boutons {
    background-color: FireBrick;
    display: inline-block;
    padding: 5px 30px;
    margin: 0 3px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: whitesmoke;
    border-radius: 3px;
    text-shadow: 1px 1px 0px DarkSlateGray;
    box-shadow: 
        0px -1px 0px white,
        0px 0px 0px 2px rgba(0,0,0,0.1),
        0px 1px 0px rgba(0,0,0,0.1),
        1px 2px 1px rgba(0,0,0,0.1);
}
#msgBox A:hover.boutons { background-color: DarkRed; text-decoration: none; }



/* DEBUG */
#debug { display: none; position: absolute; top: 0; left: 0; float: left; clear: both; background-color: #fee; color: red; padding: 1px; font-family: courier; font-weight: normal; text-align: left; opacity: 0.9; z-index: 10; }
#debug H6 { position: relative; background-color: #f55; color: white; margin: 0; font-family: verdana; font-size: 11px; padding: 2px; cursor: default; white-space: nowrap; min-width: 200px; }
#debug H6 B { position: absolute; top: 1px; right: 1px; background-color: #f88; padding: 0px 3px; border: 1px #d44 solid; font-family: Verdana; }
#debug .corps { overflow: auto; min-height: 50px; max-width: 800px; max-height: 600px; }
#debug HR { border: none; border-bottom :1px silver solid; width: auto; }