/* BODY */
body {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.8em;
margin: auto;
margin-top: 0px;
margin-bottom: 0;
padding: 0;
width: 1024px;
background-color: rgb(0,0,0);
background-image: url("images/back.jpg");
background-repeat:no-repeat;
background-position:top;
background-attachment:fixed;
}
/* FIN BODY */

/* REGLES GENERIQUES */
h1 {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
font-size: 2.2em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 15px;
}

h2 {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
font-weight: bold;
font-size: 1.8em;
margin-top: 10px;
margin-bottom: 15px;
}

h3 {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
margin-top: 5x;
margin-bottom: 8px;
}

h4 {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 8px;
}

p {
text-indent: 20px;
}

p:first-letter {
   font-weight: bold;
   font-size: 1.5em;
   color: rgb(161,15,9);
}

strong {
font-weight: bold;
}

.titre_bouton_h1 {
text-decoration: none;
font-size: 2em;
color: #ffffff;
background-color: rgb(161,15,9);
background-image: url("images/titreh2.jpg");
background-repeat:no-repeat;
background-position:left;
width: 90%;
line-height: 40px;
margin: auto;
margin-top: 10x;
margin-bottom: 15px;
padding-left: 48px;
text-align: left;
border-bottom: 5px solid #000000;
}

.titre_bouton_h2 {
text-decoration: none;
font-size: 2em;
color: #ffffff;
background-color: rgb(161,15,9);
background-image: url("images/titreh2.jpg");
background-repeat:no-repeat;
background-position:left;
width: 90%;
line-height: 40px;
margin: auto;
margin-top: 10x;
margin-bottom: 15px;
padding-left: 48px;
text-align: left;
border-bottom: 5px solid #000000;
}


.titre_bouton_h3 {
text-decoration: none;
font-size: 2em;
color: #ffffff;
background-color: rgb(161,15,9);
background-image: url("images/titreh2.jpg");
background-repeat:no-repeat;
background-position:left;
width: 90%;
line-height: 40px;
margin: auto;
margin-top: 10x;
margin-bottom: 15px;
padding-left: 48px;
text-align: left;
border-bottom: 5px solid #000000;
}

.souligne {
text-decoration: underline;
}

.centre {
text-align: center;
}

.flottant_droite{
float: right;
}

.flottant_gauche{
float: left;
}

.flottant_stop{
   clear: both;
}

.majuscule {
text-transform: capitalize;
}

.w3c {
text-decoration: none;
color: rgb(205,205,205);
}

.w3c:hover {
text-decoration: none;
color: rgb(205,205,205);
}

a {
text-decoration: underline;
color: rgb(161,15,9);
font-weight: bold;
}

a:hover {
text-decoration: none;
color: rgb(185,37,33);
font-weight: bold;
}

a img {
   border: none;
}

.lien_bouton {
font-size: 1.1em;
text-decoration: none;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 175px;
background-color: rgb(161,15,9);
margin: auto;
margin-up: 5px;
margin-bottom: 5px;
line-height: 25px;
border: 1px dashed rgb(0,0,0);
}

.lien_bouton:hover {
font-size: 1.1em;
text-decoration: none;
text-align: center;
color: rgb(0,0,0);
font-weight: bold;
display: block;
width: 175px;
background-color: rgb(185,37,33);
margin: auto;
margin-up: 5px;
margin-bottom: 5px;
line-height: 25px;
border: 1px solid rgb(0,0,0);
}
/* FIN REGLES GENERIQUES */

/* MAIN = ENTOURE TOUS LES DIV */
#main {
padding: 6px;
}
/* FIN MAIN */

/* PAGE = page central */
#page {
width: 650px;
margin-left: 0px;
padding: 4px;

}

/* ADMIN : fond des pages admin */
#admin {
background-color: rgb(255,255,255);
}
/* FIN ADMIN */

/* MESSAGE : texte de la bdd NBL2Risée */
.message {
margin: 5px;
margin-top: 20px;
}

.message p {
margin: 0px;
padding: 0px;

message .bloc{
width: 99.5%;
}

message .flottant_droite{
vertical-align: text-top;
}

message .flottant_gauche{
vertical-align: text-top;
}
}
/* FIN MESSAGE */

/* CADRE IMPORTANT */
.cadre_important {
width: 95%;
margin: auto;
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 20px;
padding-top:0px;
background-color: #230000;
border: 2px solid rgb(0,0,0);
}

.cadre_important h1 , .cadre_important h2 , .cadre_important h3 {
font-size: 1.8em;
margin: auto;
margin-top:0px;
padding-top:0px;
color: rgb(255,255,255);
background-color: rgb(161,15,9);
background-image: url("images/important.jpg");
background-repeat: no-repeat;
background-position:left;
text-align: left;
padding: 5px;
padding-left:34px;
border-left: 4px solid rgb(161,15,9);
}

.cadre_important p {
color: rgb(255,255,255);
text-decoration: none;
font-size: 1.1em;

font-weight: bold;
text-align: justify;

margin: 10px;
padding: 5px;
}

.cadre_important strong {
color: rgb(161,15,9);
}

/* FIN CADRE IMPORTANT */

/*NEWS*/
.news {
border: 4px solid rgb(0,0,0);
width: 94%;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
background-color: #230000;
color: #ffffff;

}

.news .image_gauche {
float: left;
font-size: 2.5em;
padding-left: 5px;
color: #000000;
font-weight: bold;
text-align: top;
width: 98px;
height: 71px;
line-height: 72px;
background-image: url("images/news.jpg");
background-repeat: no-repeat;
background-color: #000000;
border-bottom: 4px solid rgb(0,0,0);
}

.news .image_droite {
float: right;
width: 60px;
height: 70px;
border-bottom: 5px solid rgb(0,0,0);
}

.titre_news {
padding-left: 10px;
margin-left:0px;
padding-top: 0px;
color: rgb(255,255,255);
height: 71px;
background-color: rgb(0,0,0);
border-bottom: 4px solid rgb(0,0,0);
}

.titre_news strong{
color: rgb(161,15,9);
}

.titre_news h1{
display: inline;
font-size: 1.7em;
}

.titre_news h2 {
display: inline;
font-size: 1.7em;
}
/* FIN NEWS */

/* COMMENTS */
.comments {
border: 2px solid rgb(0,0,0);
width: 80%;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
color: rgb(0,0,0);
background-color: rgb(255,255,255);
}

.titre_comments {
padding-left:5px;
padding-top: 5px;
color: rgb(255,255,255);
background-color: rgb(0,0,0);
border-bottom: 2px solid rgb(0,0,0);
font-weight: bold;
}

.titre_comments strong{
color: rgb(161,15,9);
font-size: 1.1em;
}
/* FIN COMMENTS */

/* MODULE ADMIN */
.module_admin {
width: 95%;
background-color: rgb(161,15,9);
border: 2px solid rgb(255,255,255);
margin: auto;
margin-top: 10x;
margin-bottom: 15px;
}

.module_admin a {
color: rgb(255,255,255);
}

.module admin a:hover {
color: rgb(255,255,255);
}

.module_admin form{
text-decoration: none;
color: #ffffff;
width: 95%;
line-height: 40px;
margin: auto;
margin-top: 10x;
margin-bottom: 15px;
padding-left: 25px;
text-align: left;
font-weight: bold;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
}
/* FIN MODULE ADMIN */

/* TABLEAU_REFERENCEMENT */
.tableau_referencement{
width: 95%;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 10px;
border: 2px solid rgb(0,0,0);
border-collapse: collapse;
font-weight: bold;
}

.tableau_referencement th {
background-color: rgb(0,0,0);
text-align: center;
color: rgb(255,255,255);
font-size: 0.9em;
}

.tableau_referencement td {
background-color: #FFffff;
border: 2px solid black;
color: rgb(0,0,0);
text-align: left;
padding: 5px;
font-size: 0.9em;
}

.tableau_referencement .titre {
padding: 3px;
background-color: rgb(161,15,9);
text-align: center;
color: rgb(0,0,0);
font-size: 1em;
}

.tableau_referencement .titre:hover {
padding: 3px;
background-color: rgb(185,37,33);
text-align: center;
font-size: 1em;
}

.tableau_referencement .titre a {
display: block;
color: rgb(0,0,0);
text-decoration: none;
}

.tableau_referencement .titre a:hover {
display: block;
color: rgb(0,0,0);
text-decoration: none;
}

.tableau_referencement .titre .non_vide {
text-decoration: underline;
}

.tableau_referencement strong {
color: rgb(161,15,9);
font-size: 1.1em;
}
/* FIN TABLEAU_REFERENCEMENT */

/* TABLEAUX_INFORMATIONS */
.tableaux_informations {

margin: auto;
margin-top: 5px;
margin-bottom: 5px;
}

.tableaux_informations table {
width: 95%;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 10px;
border: 2px solid rgb(0,0,0);
border-collapse: collapse;
font-weight: bold;
}

.tableaux_informations caption {
background-color: #FFffff;
color: rgb(161,15,9);
text-align: left;
padding: 5px;
padding-left:20px;
font-size: 1.2em;
width: 95%;
margin-left: 10px;
background-image: url("images/flechebas.jpg");
background-repeat: no-repeat;
background-position:left;
border-left: 4px solid rgb(255,255,255);
}

.tableaux_informations th {
background-color: rgb(0,0,0);
text-align: center;
color: rgb(255,255,255);
font-size: 0.9em;
}

.tableaux_informations td {
background-color: #FFffff;
border: 2px solid black;
color: rgb(0,0,0);
text-align: center;
padding: 5px;
font-size: 0.9em;
}

.tableaux_informations .titre {
padding: 3px;
background-color: rgb(161,15,9);
text-align: center;
color: rgb(0,0,0);
font-size: 1em;
}
/* FIN TABLEAUX_INFORMATIONS */

/* FICHE */
.fiche{
margin: auto;
margin-top: 5px;
margin-bottom: 15px;
border: 4px solid rgb(0,0,0);
width: 96%;
background-color: #230000;
color: #ffffff;
}

.fiche .flottant_gauche {
float: left;
width: 150px;
height: 150px;
padding-right:10px;
background-color: rgb(0,0,0);
border-bottom: 4px solid rgb(0,0,0);
}

.fiche .flottant_droite {
width: 150px;
height: 150px;
border-bottom: 4px solid rgb(0,0,0);
}

.titre_fiche {
padding-left: 0px;
margin-left:0px;
padding-top: 0px;
color: rgb(255,255,255);
height: 150px;
background-color: rgb(0,0,0);
border-bottom: 4px solid rgb(0,0,0);
}

.info_fiche {
margin: auto;
width: 98%;
margin-top: 25px;
}

.info_cadre {
border-left: 20px solid rgb(0,0,0);
margin: 5px;
margin-bottom: 30px;
font-size: 1.1em;
background-color: rgb(255,255,255);
color: rgb(0,0,0);
padding:3px;
padding-top:20px;
width: 450px;
/*height: 100px;*/
vertical-align:middle;
}

.info_categorie {
margin-left: 15px;
float: left;
width: 290px;
font-weight: bold;
}

.info_valeur {
margin-left: 0px;
}

.info_redacteur {
float: right;
}

.info_redacteur img {
border: 1px solid rgb(0,0,0); 
}

.info_fiche strong {
color: rgb(161,15,9);
font-size: 1.1em;
margin-left: 15px;
margin-bottom: 10px;
}

.info_valeur strong {
color: rgb(161,15,9);
font-size: 1.1em;
margin-left: 0px;
margin-bottom: 10px;
}

.avis_fiche {
color: rgb(161,15,9);
font-size: 1.6em;
margin-left: 15px;
}

.titre_fiche strong {
color: rgb(161,15,9);
}

.titre_fiche h1 {
display: inline;
font-size: 2.5em;
}

.titre_fiche h2 {
display: inline;
font-size: 2.5em;
}

.titre_fiche .gros_titre_fiche {
display: inline;
font-size: 2em;
}
/* FIN FICHE */

/*ARTICLE*/
.article{
margin: auto;
margin-top: 5px;
margin-bottom: 10px;
border: 2px solid rgb(0,0,0);
width: 96%;
background-color: #230000;
color: #ffffff;
}

.article .message {
margin: 5px;
margin-top: 0px;
}
/*FIN ARTICLE*/

/* GALERIE */
.image_galerie {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

.image_galerie img {
margin-top: 5px;
margin-bottom: 5px;
border: 2px solid rgb(0,0,0);
}
/* FIN GALERIE */
/* FIN PAGE */

/* MENU = le menu */
#menu {
float: right;
width: 202px;
padding-bottom: 7px;
margin-bottom: 7px;
background-image: url("images/menu_fond.jpg"); 
background-repeat: no-repeat;
}

#menu h3{
font-size: 1.6em;
color: rgb(255,255,255);
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
text-align: right;
border-bottom: 1px dotted rgb(255,255,255);
}

.element_menu {
margin: auto;
margin-top: 7px;
width: 170px;
margin-right: 10px;
border-right: 1px dashed rgb(100,100,100);
border-top: 1px dashed rgb(100,100,100);
}

.element_menu a {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.9em;
text-decoration: none;
text-align: right;
display: block;
line-height: 15px;
margin-right: 10px;
color: rgb(255,255,255);
}

.element_menu a:hover {
text-decoration: none;
color: rgb(0,0,0);
font-weight: bold;
display: block;
background-color: rgb(185,37,33);
line-height: 15px;
}
/* FIN MENU */

/* FOOT = bas de page */
#foot {
background-color: rgb(205,205,205);
margin-top : 7px;
clear: both;
border: 1px solid rgb(255,255,255);
}

.foot {
text-align: center;
color: rgb(0,0,0);
font-weight: bold;
}
/* FIN FOOT */