/* 
    Document   : Styles
    Created on : 30 déc. 2009, 16:13:45
    Author     : Gilles
    Description: Styles communs.
*/

body {
    display:block;
    width:1400px;
    height:700px;
    margin:0;
    padding:0;
    background-color:#7A7;
    color:#000022;
}

a.bandeau {
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:99px;
    width:1392px;
    text-align:center;
    background-color:gray;
    background-image:url("../IMG/Entete_1400_99.jpg");
    background-repeat:no-repeat;
    background-position:0 0;
    border:solid gray 4px;
    text-decoration:none;
}

a.bandeau:link {
    background-color:gray;
    color:#000044;
}

a.bandeau:visited {
    color:#000044;
}

a.bandeau:focus {
    background-color:white;
    color:#1122FF;
}

a.bandeau:hover {
    background-color:white;
    color:#0011FF;
    background-position:-1400px 0;
    cursor:pointer;
    border-style:outset;
    text-decoration:underline;
}

a.bandeau:active {
    border-style:inset;
}

a.bandeau span {
    display:block;
    position:absolute;
    left:10px;
    top:10px;
    text-align:center;
    vertical-align:middle;
    width:150px;
    height:50px;
    line-height:50px;
    font-size:35px;
    border:solid black 2px;
    text-decoration:inherit;
    background-color:inherit;
}

fieldset {
    display:block;
    margin:0;
    padding:0;
    border:dashed 1px #444;
}

legend {
    font:small-caps 900 25px Helvetica, Geneva, Arial, sans-serif;
    line-height:30px;
    padding:5px;
    margin-left:10px;
    background:#323;
    color:#fff;
}

div.invisible {
    display:none;
}

div.bg {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:10px;
    height:10px;
    background-image:url(../IMG/btn_haut_gauche_10_10.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}

div.bd {
    display:block;
    position:absolute;
    left:640px;
    top:0;
    width:10px;
    height:10px;
    background-image:url(../IMG/btn_haut_droite_10_10.gif);
    background-position:0 0;
    background-repeat:no-repeat;
}

.protection {
    display:block;
    position:absolute;
    left:10px;
    top:538px;
    width:635px;
    height:150px;
    background-color:white;
    border:solid gray 2px;
    font-size:20px;
    line-height:25px;
}

.enteteProtection {
    display:block;
    text-align:center;
    vertical-align:middle;
    font-size:25px;
    line-height:30px;
    font-weight:bold;
    color:red;
    background-color:#CCC;
}

.contenuProtection {
    display:block;
    width:635px;
    padding:10px;
}

.contact {
    display:block;
    position:absolute;
    left:1188px;
    top:538px;
    width:200px;
    height:150px;
    border:solid gray 2px;
    background-color:#444;
    font-size:20px;
    line-height:25px;
    text-align:center;
}

.courriel {
    position:absolute;
    left:10px;
    top:35px;
    width:178px;
    height:78px;
    background-color:white;
    border:solid black 2px;
    text-align:center;
    vertical-align:middle;
}