/** FEUILLE DE STYLES
 *
 *  0/ REMISE A ZERO DES STYLES
 *  1/ BALISES HTML 
 *  2/ FORMULAIRES
 *  3/ BLOCS   
 *  4/ PROPRIETES DES BLOCS
 *  5/ CLASSES UTILITAIRES  
 ******************************************************************************/

/* REMISE A ZERO DES STYLES
*******************************************************************************/

@import url('reset.css');

/** BALISES HTML
 ******************************************************************************/
 
html {
    font-size: 75%;
}

body {
    margin: 0; /* pour éviter les marges */
    padding: 0;
    text-align: center; /* pour corriger le bug de centrage IE */
    color: #000;
    font-family: Arial, Sans-Regular, Sans-Serif;
    /*overflow: -moz-scrollbars-vertical;*/
    background: #2763ba;

}

table {
    color: #000;
    font-size: 1.0em;
    font-family: Arial, Sans-Regular, Sans-Serif;
}

img { border: 0; }

a { text-decoration: underline; color: #de1e20; }
a:hover { text-decoration: none; }
a:visited { color: #de1e20; }


p, li {
    margin: 0 0 0.5em 0;
    padding: 0;
    line-height: 1.2em;
}

ul {
    /*list-style-position:inside;*/
}

li {
    /*list-style-position:inside;*/
    
}

h1 {
    font-size: 2.25em;
    margin: 0;    
    color: #123a83;
    font-weight: bold;
    line-height: 1.2em;
    width: 550px;
    text-transform: uppercase;
    margin: 0 0 0.5em 0;
}

h2 {
    color: #123a83;
    font-size: 1.5em;
    /*line-height: 1.2em;*/
    margin: 0 0 0.5em 0;
    font-weight: bold;
    line-height: 1.2em;
}
h3 {
    color: #123a83;
    font-size: 1.08em;
    /*line-height: 1.2em;*/
    margin: 0 0 0.5em 0;
    font-weight: bold;
    line-height: 1.2em;
}

h4 {
    color: #fff;
    background: #2763ba;
    font-weight: bold;
    font-size: 1.16em;
    margin: 0 0 0.5em 0;
}


/** FORMULAIRES
 ******************************************************************************/
 
form {
    margin: 0 0 0.5em 0;
}
 
 input[type=text],
 textarea {
    width: 100%;
    border: 0;
 }
 textarea {
    height: 100px;
 }
 input[type=submit] {
    background: url('../images/bouton.png') repeat-x left bottom;
    height: 30px;
    line-height: 30px;
    border: 0;
    color: #fff;
    font-weight: bold;
    float: right;    
 }
 input[type=submit]:hover {
    background: #fff;
    color: #2763ba;
 }


/** BLOCS
 ******************************************************************************/
#conteneur {
    width: 1000px; /* w : 1000px */
    margin: 0 auto;
    background: #fff;
    text-align: left; /* On rétablit l'alignement gauche */
}

#entete {
    position: relative;
    background: url('../images/bandeau.jpg') no-repeat;
    width: 830px; /* w : 1000px */
    height: 122px; /* h : 167px */
    padding: 45px 0 0 170px;
}

#contenu {
    padding: 20px 20px 20px 20px;
    background: url('../images/fond.jpg') repeat-x left bottom;
}

#chat {
    float: right;
    width: 330px; /* w 350 */
    height: 333px;  /* w 353 */
    padding: 10px;
    background: #2763ba;
    color: #fff;
}

#video {
    /*width: 384px;*/
    width: 592px;
}

#documents {
    background: #ffffff;
    padding: 10px;
}


#pied {    
    font-size: 0.9em;
    padding: 0px;
    margin: 20px 0 0 0;
    color: #fff;
    /*background: #efe8c4;*/ /* Matinales */
    /*background: #D7E5E8;*/ /* Mardis */
    background: #123a83;
    height: 27px;
    line-height: 27px;
    clear: both;
    text-align: center;
    border-top: 0px solid #3f3f3f;
}

#retour {
    font-weight: bold;
}

/** PROPRIETES DES BLOCS
 ******************************************************************************/

#retour p {
    padding: 5px 10px;
}

h4#documents_titre  {
    margin: 0;
    background: url('../images/document-fond-droit.png') top right no-repeat;
    padding: 0 30px 0 0;
    width: 250px;
}
h4#documents_titre span {
    height: 23px;
    line-height: 23px;
    background: #2763ba url('../images/document-fond-gauche.png');
    display: block;
    padding: 0 0 0 10px;
}

/* documents */
#documents ul {
    float: right;
    width: 40%;
    margin: 0;
}
#documents ul.gauche {
       margin: 0 15px 0 0;
       float: left;
}

/* pied */
#pied a {color: #fff;text-decoration: none;}
#pied a:hover {text-decoration: underline;}
#pied a:visited {color: #fff;}

/** CLASSES DIVERSES
 ******************************************************************************/
.right { float:right; }
.alignright { text-align: right; }
.left { float:left; }
.leftimg { float:left; margin: 5px 10px 5px 0; }
.clearleft { clear: left;margin:0;padding:0; }
.clearright { clear: right;margin:0;padding:0; }
.clear { clear: both; }
.lirelasuite { text-align:right; }
p.chat-ferme { margin: 20px; }
#retour .succes {background: #cdfcc8; color: #1ace00;}
#retour .echec {background: #ffc7c7;color: #e80000;}