/***************** BALISES GENERALES *****************/

body {
background:#a5cff5 url('../images/bg.png') repeat-x;
margin:0;
padding:0;
font-family:'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
font-size:12px;
}

img {
border:none;
padding:0;
margin:0;
}

.clr {
clear:both;
}

input {
border:1px solid #7c7b7d;
background:white;
}

/***************** CORPS *****************/

#main {
width:800px;
margin:auto;
background:#ffffff;
padding:10px;
}

/***************** MENU DU HAUT *****************/

#top-menu {
width:800px;
height:30px;
background:#6db3ef;
background:url('../images/bg-menu.png');
}

#top-menu ul {
padding:0;
margin:0;
}

#top-menu li {
display:inline;
}

#top-menu a {
border-right:1px solid #ffffff;
color:white;
padding:7px 12px 6px 12px;
margin:0;
display:block;
float:left;
text-decoration:none;
font: bold 1em Arial, Helvetica, sans-serif;
}

#top-menu a:hover {
color:#ffc000;
}

#top-right {
float:right;
width:16px;
height:30px;
background:url('../images/top-right.png') no-repeat;
}

/***************** USER MENU *****************/

#user-menu {
text-align:center;
margin-top:5px;
width:800px;
padding:3px 0 10px 0;
background:url('../images/hr.png') no-repeat center bottom;
}

#user-menu ul {
padding:0;
margin:0;
}

#user-menu li {
display:inline;
}

#user-menu a {
padding:0 10px 7px 10px;
color:black;
text-decoration:none;
font: bold 1em Arial, Helvetica, sans-serif;
}

#user-menu a:hover {
background:url('../images/fleche.png') no-repeat center bottom;
color:#016bcd;
}

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

#header {
margin:15px 0;
}

#logo {
float:left;
background:url('../images/logo.gif') no-repeat;
width:398px;
height:69px;
}

/***************** LEFT MENU *****************/

#left-menu {
width:130px;
float:left;
background:#C7E3F1;
}

.img-menu {
padding-top:1px;
padding-left:20px;
color:white;
font-weight:bold;
width:110px;
height:19px;
background:url('../../images/bg-menu-left.png') no-repeat;
}

#left-menu ul {
padding:0;
margin:0;
position:relative;
}

#left-menu li {
display:inline;
margin:0;
padding:0;
}

#left-menu ul a {
display:block;
background:#C7E3F1;
border-top:1px solid black;
padding:1px 5px;
text-decoration:none;
color:#014F65;
font-weight:bold;
}

#left-menu ul a:hover {
background:#014F65;
color:#ffffff;
}

#left-menu p a {
color:black;
text-decoration:none;
font: bold 1em Arial, Helvetica, sans-serif;
}

#left-menu p a:hover {
color:#016bcd;
text-decoration:underline;
}

.menu-bottom {
padding-top:1px;
padding-left:20px;
color:white;
font-weight:bold;
width:110px;
height:19px;
background:url('../../images/menu-bottom.png') no-repeat;
}

.table-left {
padding:0 7px;
}

.table-left img {
vertical-align:middle;
}

/***************** TEXTE *****************/

#texte {
margin-left:140px;
}

#texte a:hover {
color:#016bcd;
}

#texte a:active {
color:red;
}

#texte fieldset {
border:1px solid #7c7b7d;
margin:5px;
padding:12px;
}

#texte fieldset p {
margin:7px;
line-height:25px;
}

#texte input.set {
padding:1px 5px 1px 20px;
background:#ffffff url('../../images/infos.png') no-repeat left;
font-family:Time New Roman;
}

#texte input.profil {
padding:1px 5px 1px 20px;
background:#ffffff url('../../images/profil.png') no-repeat left;
font-family:Time New Roman;
}

#texte input.plugin {
padding:1px 5px 1px 20px;
background:#ffffff url('../../images/plugin.png') no-repeat left;
font-family:Time New Roman;
}

#texte label {
cursor:pointer;
}

#texte label.left {
width:120px;
clear:left;
float:left;
text-align:right;
margin-right:15px;
}

#texte label.connec {
width:250px;
clear:left;
float:left;
text-align:right;
margin-right:15px;
}

#texte label.mail {
width:200px;
clear:left;
float:left;
text-align:right;
margin-right:15px;
}

.titre {
width:626px;
height:18px;
background:url('../images/titre.png') no-repeat;
color:white;
padding:1px 12px;
font-weight:bold;
}

.bloc {
background:#f6f9fc;
padding:10px;
border:1px solid #bddae8;
width:628px;
}

.bloc p {
margin:0;
}

.bloc-bottom {
width:650px;
height:8px;
background:url('../images/bloc-bottom.png') no-repeat;
margin-bottom:20px;
}

.bloc a {
color:#e24000;
text-decoration:none;
}

#number {
text-align:center;
font-weight:bold;
}

textarea#message {
width:500px;
height:200px;
margin-bottom:10px;
font-family:Time New Roman;
}

#prev {
margin-top:10px;
border:1px dashed #000000;
padding:0.2em;
height:200px;
overflow:auto;
width:500px;
font-family:Time New Roman;
}

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

.valid {
text-align:center;
padding:5px 0;
}

#mb img {
margin:5px 0 0 5px;
vertical-align:middle;
}

.comms {
float:right;
}

.auteur {
margin-bottom:15px;
}

.auteur img {
vertical-align:middle;
}

/***************** FOOTER *****************/

#footer {
font-weight:bold;
color:white;
padding:10px 0;
width:820px;
text-align:center;
margin:auto;
background:#85898a;
}

#footer img {
vertical-align:middle;
}

#footer a {
text-decoration:none;
color:#ffc000;
}

#footer a:hover {
text-decoration:underline;
}

/***************** RAJOUT *****************/

.liste_bleu
{
    border-collapse:collapse;
    border:1px solid rgb(162, 189, 213);
    margin:auto;
}

.liste_blanc
{
    border-collapse:collapse;
    border-left:1px solid rgb(230, 230, 230);
    border-right:1px solid rgb(230, 230, 230);
    margin:auto;
}

.fond_bleu
{
    background-repeat: repeat-x;
	background-image:url("../images/fond_livredor.png");
}

.fond_bleu_clair
{
	background-color: rgb(233, 240, 245);
}
.fond_bleu_moyen
{
    background-color: rgb(210, 221, 229);
}

/***************** BBCODE *****************/

.image

{

max-width: 500px;

max-height: 500px;

}

.erreur:before
{
    content: url("../../images/interdit.png");
}
.erreur
{
    color: red;
}
 .erreur img 
{ 
vertical-align:middle; 
}

.question:before
{
    content: url("../../images/question.png");
}
.question
{
    color:  #1d5e09;
}
 .question img 
{ 
vertical-align:middle; 
}

.attention:before
{
    content: url("../../images/attention.png");
}
.attention
{
    color: #2e8f24;
}
 .attention img 
{ 
vertical-align:middle; 
}

.information:before
{
    content: url("../../images/info.png");
}
.information
{
    color: blue;
}
 .information img 
{ 
vertical-align:middle; 
}

/*****************COULEURS BBCODE****************/

.couleur_noir
{
    color: #000000;
}

.couleur_gris
{
    color: #808080;
}

.couleur_darkblue
{
    color: #00008b;
}

.couleur_bleu
{
    color: #0000ff;
}

.couleur_brun
{
    color: #a52a2a;
}

.couleur_darkred
{
    color: #b22222;
}

.couleur_rouge
{
    color: #ff0000;
}

.couleur_orange
{
    color: #ffa500;
}

.couleur_darkgreen
{
    color: #006400;
}

.couleur_vert
{
    color: #008000;
}

.couleur_jaune
{
    color: #FFFF00;
}

.couleur_indigo
{
    color: #4b0082;
}

.couleur_magenta
{
    color: #ff00ff;
}

.couleur_cyan
{
    color: #00ffff;
}

.couleur_rose
{
    color: #ffc0cb;
}

/*****************Taille BBCODE****************/

.px8px
{
	font-size: 8px;
}

.px10px
{
	font-size: 10px;
}

.px12px
{
	font-size: 12px;
}

.px18px
{
	font-size: 18px;
}

.px24px
{
	font-size: 24px;
}

.px30px
{
	font-size: 30px;
}

.px36px
{
	font-size: 36px;
}

/*****************ALIGNEMENT BBCODE****************/
.alignement_gauche
{
	text-align: left;
}

.alignement_centrer
{
	text-align: center;
}

.alignement_droite
{
	text-align: right;
}

.alignement_justifier
{
	text-align: justify;
}

.gauche
{
	text-align: left;
}

.centre
{
	text-align: center;
}

.droite
{
	text-align: right;
}
/***************** COULEUR *****************/

.rouge
{
    color: red;
}
.bleu
{
    color: blue;
}
.bleu_clair
{
    color: rgb(123, 152, 243);

}
.vert
{
    color: rgb(0, 255, 0);
}
.noir
{
    color: rgb(0, 0, 0);
}
.blanc
{
    color: rgb(255, 255, 255);
}