body
{
font-size: 0.8em;
margin: 0;
padding: 0;
font-family: Tahoma, Arial, sans-serif;
}

#conteneur
{
position: absolute;
width: 100%;
background-color:#f3f4f4;
}

#header
{
height:150px;
background:url('images/banniererepeat.png') repeat-x;
margin:0px;
min-width:750px;
}

.separ {
  clear : both;
  }
  
.banniere_gauche {
  float : left;
  width : 550px;
  height : 150px;
  }
  
.banniere_droite {
  float : right;
  width : 250px;
  height : 150px;
  background : url('images/bannieredroite.png') left no-repeat;
  }


#menu_haut
{
width:100%;
height:25px;
background:url('images/menu.png') repeat-x;
border-top:1px solid;
border-bottom:1px solid;
border-color: #989898;
margin:0px;
}

#menu_gauche 
{
position: absolute;
left:0;
width: 180px;
color:white;
margin-top:30px;
margin-bottom:20px;
background-color :#8dafe5;
}

.menu_gauche {
list-style-image: url('images/puce_menu.png');
margin: 0;
padding-bottom:1px;
background-color :#8dafe5;
}
.menu_gauche li {
margin-bottom: 5px;
padding-left:5px;
}
.menu_gauche a {
margin: 0 2px;
color: #ffffff;
text-decoration: none;
}
.menu_gauche a:hover {
text-decoration: underline;
color: #ffffff;
}

#hautmenugauche
{
height:30px;
background:url('images/hautmenugauche.png') no-repeat;
}

#basmenugauche
{
height:30px;
background:url('images/basmenugauche.png') no-repeat;
}

.pres p
{
	text-align:justify;
}

p.titremenugauche
{
background:url('images/titremenugauche.png') no-repeat;
width:180px;
height:18px;
padding:0px;
margin:0px;
padding-bottom:10px;
color:#0072c2;
padding-left:10px;
font-weight:bold;
}

div#menu_calendrier
{
height:170px !important;
height:150px;
}

#corps
{
background-color:#ffffff;
margin: 15px 20px 20px 195px;
max-width:1600px;
min-width:200px;
background: white url('images/gauche.png') repeat-y left;
}

div#hautbord {
		height: 1%;
		background: url('images/haut-droite.png') no-repeat right top;
	}
	div#hautbord p {
		margin: 0;
		padding: 10px;
		background: url('images/haut-gauche.png') no-repeat left top;
		text-align: center;
	}

	div#contenu {
		text-align:left;
		padding: 1em 35px;
		background: url('images/droite.png') repeat-y right;
		min-height:500px;
	}

	div#basbord {
		background: url('images/bas-droite.png') no-repeat right bottom;
	}
	div#basbord p {
		margin: 0;
		padding: 10px 30px 30px 30px;
		background: url('images/bas-gauche.png') no-repeat left bottom;
		text-align: right;
	}



#footer
{
height: 100px;
background: url('images/footer.png') repeat-x;
background-color:#ffffff;
padding:10px;
text-align:center;
}

.new
{
color:#fff000;
}

.img_news
{
margin:20px;
}

.bloc_livreor
{
background-color:#f7f7f7;
margin-bottom:20px;
}

.message_livreor
{
padding:10px 20px 25px 10px;
border:1px solid grey;
background-color:#f7f7f7;
border: 1px solid #afafaf;
margin-bottom:20px;
}

.titre_livreor
{
color:white;
margin:0px;
font-size:1.0em;
padding:5px 0px 4px 5px;
background:url('../images/titre_livreor.png') repeat-x;
}

a
{
color: #3f7ce0;
text-decoration:none;
}

a:hover
{
color:#2d5699;
text-decoration: underline;
}

#bienvenue:first-letter
{
font-size:20px;
}

h1
{
font-size: 1.7em;
text-align:center;
color: #3f7ce0;
margin:0px 0px 30px 0px;
}

#h1_news
{
background:url('images/news.png') no-repeat center;
height:80px;
}

.news
{
margin-bottom:25px;
text-align:left;
}

.contenu_news
{
background-color:#f7f7f7;
border: 1px solid #afafaf;
padding:10px;
margin-top:0px;
text-align:justify;
}

.paragraphe
{
text-align:justify;
}

.contenu_bd
{
background-color:#f7f7f7;
border: 1px solid #afafaf;
padding:10px 10px 10px 10px;
margin-top:0px;
text-align:center;
}

.titre_news
{
margin:0px 0px 0px 130px;
}

.h3_news
{
background:url('images/titre_news.png') no-repeat;
background-color:#8dafe5;
height:20px;
color:white;
margin:0px;
font-variant:small-caps;
font-size:16px;
}

.bonsplans li
{
padding:10px;
}

.bonsplans ul
{
list-style-image: url("images/puce.png");
}

.admin ul
{
list-style-image: url("images/puce.png");
}

a img
{
border: none;
}

.partie_news
{
font-size: 1.4em;
border-left:2px solid #5b8dda;
border-right:1px solid #b7b7b7;
border-top:1px solid #b7b7b7;
border-bottom:1px solid #b7b7b7;
padding: 2px 5px 2px 5px;
margin:10px 20px 10px 0px;
display:inline;
}

.gros
{
font-size:1.6em;
}

.mister_gauche
{
height:200px;
margin-bottom:50px;
}

.mister_droit
{
height:200px;
margin-bottom:50px;
}


.contenu_gazette
{
background-color:#f5f5f5;
border: 1px solid #afafaf;
padding:0px 10px 10px 10px;
margin-top:0px;
text-align:justify;
}

.gazette
{
margin-bottom:25px;
text-align:left;
}

/*TABLEAUX*/
.tableau_news table
{
margin:auto;
border:1px solid;
border-color:#9a9a9a;
border-collapse:collapse;
font-size: 1.0em;
}

.tableau_news th
{
background-color: #8dafe5;
color: white;
font-size: 1.1em;
font-family: Tahoma, Arial, sans-serif;
padding:5px;
}

.tableau_news td
{
border: 1px solid #9a9a9a;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
padding: 5px;
}

.tableau_ei1 table
{
margin:auto;
border:1px solid;
border-color:#9a9a9a;
border-collapse:collapse;
font-size: 1.0em;
}

.tableau_ei1 th
{
background-color: #8dafe5;
color: white;
font-size: 1.0em;
font-family: Tahoma, Arial, sans-serif;
padding:5px;
}

.tableau_ei1 td
{
border: 1px solid #9a9a9a;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
padding: 5px;
}

.tableau_ei1 a
{
color:white;
font-size: 1.0em;
}


/*BBCode*/

.flot_gauche
{
float:left;
}

.flot_droite
{
float:right;
}

.flot_centre
{
float:center;
}

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.rouge { color:red; }
.bleu { color:blue; }
.vert { color:green; }
.jaune { color:yellow; }
.violet { color:purple; }
.olive { color:olive; }
.bleu_gazette { color:#4181c3; }

.bouton_cliquable
{
cursor:pointer;
}

#previsualisation
{
width:80%;
background-color:#f7f7f7;
border: 1px solid #afafaf;
padding:10px;
text-align:justify;
}

.smilies
{
float:left;
padding:10px 0px 10px 0px;
text-align:center;
width:90px;
background-color:#f7f7f7;
border: 1px solid #afafaf;
margin-right:20px;
}

/*CALENDRIER*/

.calendrier {
display:inline;
border-width:0px ;
text-align: center; 
color: #f2f2f2; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 
margin-left:7px;
float: left;
z-index: 100;
background-color :#8dafe5;
padding-right:10px;
}

.calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #f2f2f2 ;
color:#6599e9; ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #ffffff; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}

.calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}

.calendrier td {
border: none; 
background-color: #6599e9; /* Couleur de fond des cases du calendrier */
width:25px ;
}

.calendrier td:hover {
background-color:#A3C3E0 ;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}