body
{
	font-family:Arial, Helvetica, sans-serif;/* Famille de police pour la page */
	font-size:13px; /* Taille de la police pour la page */
	background-color: #6699CC; /* #6699CC Couleur de fond */
	text-align: center;/*  pour aligner la page au milieu sous ie */
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	color: Black;
}

/* --------------------------------------------- */
.asv
{
	visibility: hidden;
	position: absolute;

	border: 2px solid black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

/* Formulaire */
form{
	border: 0px;
	margin: 0px;
}

.textboxpetit
{
	border: 1px solid Black;
	background-color: White;
	height: 13px;
	vertical-align: text-top;
	font-size: 9px;
}

.textbox
{
	border: 1px solid Black;
	background-color: White;
	height: 16px;
	vertical-align: middle;
	font-size: 12px;
}

.textarea
{
	border: 1px solid Black;
	background-color: White;
	vertical-align: top;
	font-size: 12px;
	/*height: 120px;
	width: 335px;*/
}

.boutonpetit
{
	border: 1px solid Black;
	background-color: White;
	height: 18px;
	vertical-align: middle;
	font-size: 10px;
	margin-left: 4px;
	margin-top: -1px;
}

.bouton
{
	border: 1px solid Black;
	background-color: White;
	height: 20px;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 4px;
}

.select
{
	border: 1px solid Black;
}

.formulaire
{
	border-left: 1px black solid;
	border-top: 1px black solid;
	background-color: #DAE6E6;
	width: 435px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	color: Black;
}

.formutitre
{
	font-style: italic;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px black dashed;
	background-color: White;
	padding: 4px;
	margin-bottom: 4px;
}


/* --------------------------------------------- */


/* --------------------------------------------- */
/* Conteneur du site */
#site
{
	margin-left: auto;/*  pour aligner la page au milieu */
	margin-right: auto;/*  pour aligner la page au milieu */
	width: 765px; /* 765 Largeur du site */
	/*text-align: center;*/
	/*background-color: Aqua;*/
	/*------------*/
	text-align: center;
}
/* --------------------------------------------- */

#pub
{
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid black;
	background-color: #ffffff;
	margin-left: auto;/*  pour aligner la page au milieu */
	margin-right: auto;/*  pour aligner la page au milieu */
	width: 765px; /* 765 Largeur du site */
	text-align:center;
	margin-bottom: 5px;
}

#pub a
{
	color: black;
	text-decoration: none;
}


/* --------------------------------------------- */
#haut
{
	/* border: 2px black solid; contour du haut */
	height: 160px; /* hauteur du haut */
	width: 765px; /* Largeur du haut */
	margin-bottom: 4px;
	background-image: url(../images/ban-arrondie.jpg);
	background-position: center;
	background-repeat: no-repeat;
	/*border-left: 2px solid #6699CC;
	border-right: 2px solid #6699CC;*/
}
/* --------------------------------------------- */

/* --------------------------------------------- */
/* Liste des initials de DA */
#listeda
{
	border: 2px black solid;
	background-color: #A2C7E2;
	margin-bottom: 3px;
	width: 761px;
	height: 16px;
	background-image: url(../images/back.jpg);
}

#liste
{
	text-align: left;
 	float: left;
	margin: 0px;
	width: 490px;
	padding-left: 4px;
}

.search
{
	text-align: right;
	float: right;
	width: 230px;
	margin: 0px;
	padding-right:4px;
	color: White;
	margin-top: -1px;
}

#liste {
	
}

#liste li
{
	padding-right: 1px;
	display: inline;
}

#liste .titre
{
	font-weight: bold;
	color: White;
}

#liste a {
	color: White;
	text-decoration: none;
}
#liste li a:link a:visited a:active
{
	color: White;
	text-decoration: none;
}

#liste li a:hover
{ 
	color: White;
	text-decoration: underline;
}
/* --------------------------------------------- */


/* --------------------------------------------- */
/* Menu en onglet */
ul#tabnav {
	font: bold 11px verdana, arial, sans-serif;
   list-style-type: none;
   padding-bottom: 24px;/* 24 */
   border-bottom: 2px solid black; /* 4 */
   margin: 0;
	padding-left: 3px;
}

ul#tabnav li {
	float: left;
	height: 21px;
	background-color: #4C96DF;
	/*margin: 1px 2px 0 2px;*/
	border: 2px solid black;
	border-bottom: 0px solid black;
	margin-top: 1px;
	margin-bottom: -4px;
	margin-left: 2px;
	margin-right: 2px;
}

ul#tabnav li .current {
	border-bottom: 2px solid #416283;
	padding-bottom: 5px;/*4*/
	background-image: url(../images/back.jpg);
}

ul#tabnav li .current a {
	color: White;
}

ul#tabnav a {
    float: left;
    display: block;
    color: White;
    text-decoration: none;
    padding: 4px;
}

#tabnav .admin {
	background-color: #CC0000;
}
/* --------------------------------------------- */

/* --------------------------------------------- */
#principal
{
	clear: left;
	border-bottom: 2px solid black;

	padding-bottom: 5px;
	padding-top: 10px;
	
	background-color: #A2C7E2;
	background-image: url(../images/principal_back.gif);
	
	width: 765px;
	
	margin-top: 0px;
	color: White;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

#principal a
{
	color: White;
	font-weight: bold;
	text-decoration: none;
}

/* --------------------------------------------- */
/* Login, erreur et situation */
#login
{
	clear: both;
	float: left;
	width: 390px;
	text-align: left;
	margin-top: -3px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#ici
{
	clear: left;
	float: right;
	width: 350px;
	text-align: right;
	clear: right;
	margin-top: -3px;
	padding-right: 5px;
	color: #ffffff;
	/*background-color: Aqua;
	height: 35px;*/
}

.erreur
{
	
	border: 2px black solid;
	background-color: Teal;
	color: White;
	width: 50%;
	font-weight: bold;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#principal .quickchat{
	/*margin-top: 30px;*/
	padding-left: 5px;
	clear: both;
	text-align: center;
	width: 80%;
	border-top: 2px solid White;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------- NEWS --------------------- */
#news{
	/*margin-left: 290px;*/
	padding-top: 0px;
	width: 470px;
	margin: 0px;
	margin-top: 20px;
	margin-left: 5px;
	padding: 0px;
	color: Black;
}

#lastact{
	float: right;
	margin-top: 20px;
	/*margin-left: 5px;*/
	margin-right: 5px;
	color: Black;
}

#randa{
	clear: right;
	float: right;
	margin-top: 10px;
	/*margin-left: 10px;*/
	margin-right: 5px;
	color: Black;
	clear: right;
	margin-bottom: 10px;
}

#news a{
	color: Black;
	font-weight: bold;
}

#news .haut
{
	font-size: 14px;
	font-weight: bold;
	
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	width: 472px;
	height: 36px;

	padding-top: 2px;
	margin-top: 4px;
}

#news .titre{
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	padding-left: 20px;
}

#news .message
{
	text-align: left;
	
	width: 463px;/*459px;*/
	
	border: 2px solid black;
	border-top: 0px;
	border-bottom: 0px;
	
	background-color: White;
	
	margin-top: -2px;
	padding-left: 5px;
	padding-top: 5px;
	/*padding: 5px;*/
}

#news .qui
{
	text-align: right;
	
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	
	width: 463px;/*464px;*/
	
	padding-top: 6px;
	padding-right: 5px;
	border: 2px solid black;
	border-top: 0px;
	
	background-color: White;
}

#lastact a{
	font-weight: normal;
	color: Black;
}

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

#lastact .titre{
	width: 254px;
	height: 27px;
	
	background-image: url(../images/ajout.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#lastact .liste{
	width: 250px;
	
	border: 2px solid black;
	border-top: 0px;
	
	padding-bottom: 8px;
	padding-top: 4px;
	
	text-align: left;
	background-color: White;
}

#randa .titre{
	width: 254px;
	
	height: 27px;
	
	background-image: url(../images/daran.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#randa img {
	border: 2px solid black;
	margin-top: 4px;
	margin-bottom: 4px;
}

#randa a {
	color: black;
	font-weight:bold;
}

#randa .da{
	width: 250px;

	border-top: 0px;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: White;
}

/* 2eme s�ie d'onglets */

ul#ongletsecondaire{
	clear: both;
	font: bold 11px Arial, Helvetica, sans-serif;
	list-style-type: none;
	padding-bottom: 25px;
	border-bottom: 2px solid black;
	margin: 0;
	padding-left: 3px;
	margin-left: 8px;
	margin-right: 9px;
}

ul#ongletsecondaire li{
	float: left;
	height: 22px;
	background-color: #6699CC;
	border: 2px solid black;
	border-bottom: 0px solid black;
	margin-top: 1px;
	margin-bottom: -1px;
	margin-left: 2px;
	margin-right: 2px;
}

ul#ongletsecondaire li .current {
	border-bottom: 2px solid White;
	padding-bottom: 5px;
	background-color: White;
}

ul#ongletsecondaire a {
    float: left;
    display: block;
    color: Black;
    text-decoration: none;
    padding: 4px;
}

ul#ongletsecondaire li .current a {
	color: black;
}


/* ----------- */
#principalsecondaire{
	clear: left;
	border-bottom: 2px solid black;
	
	/*background-image: url(../images/messagerie_back.gif);
	background-repeat: repeat-y;*/
	
	width: 749px;
	
	margin-top: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
	padding-bottom: 25px;
	
	color: Black;
}

.backblanc {
	background-color: #FFFFFF;
}

/* ------------ Messagerie ----------- */
#contact_ecrire{
	width: 330px;
	height: 80px;
	margin-left: 210px;
	visibility: hidden;
	position: absolute;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow:auto;
}

#contact_ecrire a {
	color: White;
	font-weight: bold;
}

#contact_ecrire .view_contact{
	
}

#principalsecondaire .messageriefolder
{
	float: left;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: Black;
	width: 300px;
}

#principalsecondaire .messagerienextpage
{
	float: right;
	text-align: right;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: Black;
	width: 300px;
}

#principalsecondaire .messagerietableau{
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	background-color: Black;
	border-collapse: collapse;
	clear: both;
}

#principalsecondaire .messageriedatetitre{
	width: 150px;
	background-color: #4C96DF;
	color: White;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	border-bottom: 2px solid Black;
	border-left: 2px solid Black;
	border-top: 2px solid Black;
}

#principalsecondaire .messagerieludate{
	width: 150px;
	background-color: White;
	color: Black;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	border-left: 2px solid Black;
	border-bottom: 2px solid Black;
}

#principalsecondaire .messagerienonludate{
	width: 150px;
	background-color: #6699CC;
	color: Black;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	border-left: 2px solid Black;
	border-bottom: 2px solid Black;
}

#principalsecondaire .messageriefromtitre{
	width: 200px;/*270*/
	background-color: #4C96DF;
	color: White;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
}

#principalsecondaire .messagerielufrom{
	width: 200px;/*270*/
	background-color: White;
	color: Black;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	border-bottom: 2px solid Black;
}

#principalsecondaire .messagerienonlufrom{
	width: 200px;/*270*/
	background-color: #6699CC;
	color: Black;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	border-bottom: 2px solid Black;
}

#principalsecondaire .messagerietitretitre{
	width: 370px;/*300*/
	background-color: #4C96DF;
	color: White;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
}

#principalsecondaire .messagerielutitre{
	width: 350px;/*370*/
	background-color: White;
	color: Black;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
}

#principalsecondaire .messagerienonlutitre{
	width: 350px;/*370*/
	background-color: #6699CC;
	color: Black;
	padding-left: 5px;
	margin: 0px;
	font-size: 12px;
	text-align: left;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
}

#principalsecondaire .messageriechecktitre{
	width: 20px;/*300*/
	border-right: 2px solid Black;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
	background-color: #4C96DF;
	padding-right: 5px;
}

#principalsecondaire .messagerielucheck{
	width: 20px;/*300*/
	border-right: 2px solid Black;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
	background-color: White;
	padding-right: 5px;
}

#principalsecondaire .messagerienonlucheck{
	width: 20px;/*300*/
	border-right: 2px solid Black;
	border-bottom: 2px solid Black;
	border-top: 2px solid Black;
	background-color: #6699CC;
	padding-right: 5px;
}

#principalsecondaire a{
	color: Black;
	font-weight: normal;
}

/* ------ Affichage genre commentaire, livre d'or ---- */
.nextpage{
	float: right;
}

#nextrubrique{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -25px;
	color: Black;
}

#hautrubrique{
	font-size: 12px;
	font-weight: bold;
	color: white;
	/*background-color: #4C96DF;*/
	
	width: 554px;
	
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 12px;
	
	text-align: left;
	margin: 0px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	
	/*border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;*/
	/* ----- */
	background-image: url(../images/menu.gif);
}

#milieurubrique{
	color: Black;
	background-color: White;
	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	margin: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
	width: 550px;
	
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

#milieurubrique a {
	color: black;
	font-weight: bold;
}

#milieurubrique h1 {
	margin: 0px;
}

#milieucommentaire{
	width: 350px;
	color: #CC0000;
	margin-left: 196px;
}

#adminrubrique {
	width: 98%;
	text-align: center;
}

#basrubrique{
	font-size: 12px;
	font-weight: normal;
	color: White;
	/*background-color: #4C96DF;*/
	background-image: url(../images/menu_bas.gif);
	background-position:bottom;
	width: 549px;
	
	padding-left: 5px;
	text-align: right;
	margin: 0px;
	padding-right: 5px;
	padding-bottom:12px;

	/*margin-bottom: -10px;*/
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid black;
	/*border: 2px solid black;*/
}

#basrubrique a {
	color: White;
	font-weight: bold;
}

/* ----- Carnet ------ */
.listedivers{
	margin: 0px;
	width: 400px;
	margin-left: 75px;
}

.listedivers_pseudo{
	
}

.listedivers_date{
	text-align: right;
	margin-top: -15px;
}

.listedivers_supprime{
	margin-bottom: 14px;
	text-align: right;
}

.listedivers_barre{
	border-bottom: 1px solid black;
	width: 350px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
 /* -------- liste alphab�ique da ------------ */
#liste_alpha_da {
	width: 450px;
	margin-left: 50px;
}

#liste_alpha_da .liste_nom_da{
	margin-top: 5px;
}

#liste_alpha_da .liste_detail_da{
	margin-top: -2px;
	margin-bottom: 7px;
	margin-left: 0px;
	margin-left: 70px;
	padding-bottom: 3px;
	padding-top: 2px;
	text-align: left;
	
	width: 500px;
}

#da_next_prev {
	clear:both;
	margin-bottom: -10px;
	margin-top: 10px;
}

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

#da_gauche {
	text-align: left;
	width: 340px;
	
}

#da_gauche h1 {
	margin: 0px;
}

#da_gauche .separe_da {
	border: 1px solid black;
	width:200px;
}

#da_droite{
	float: right;
	margin-top: 15px;
	text-align:center;
	width: 200px;
}

#da_droite .image_da{
	border: 2px solid black;
	clear: right;
}

#galerie_image {
	text-align:center;
	padding-bottom: 10px;
	padding-top: 10px;
}

#galerie_image img {
	border: 2px solid black;
}

.next_gal{
	text-align: center;
}

#hautstat_gauche {
	width: 250px;
	/*height: 25px;*/
	background-image: url(../images/stats_haut.gif);
	background-repeat:no-repeat;
	margin-left: 15px;
	text-align: left;
	
	font-weight: bold;
	padding-top: 8px;
	margin-top: 25px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 12px;
}

#milieustat_gauche {
	width: 250px;
	margin-left: 15px;
	background-image: url(../images/stats_milieu.gif);
	background-repeat:repeat-y;
	color: black;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid black;
	padding-left: 4px;
}

#basstat_gauche {
	width: 250px;
	height: 33px;
	background-image: url(../images/stats_bas.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left: 15px;
	margin-left: auto;
	margin-right: auto;
}

#statadroite {
	float: left;
	margin-left: 50px;
	width: 250px;
	
}

#statagauche {
	float: right;
	margin-right: 50px;
	width: 250px;
}

#hautstat_droite
{
	width: 250px;
	/*height: 25px;*/
	background-image: url(../images/stats_haut.gif);
	background-repeat:no-repeat;
	margin-left: 15px;
	text-align: left;
	
	font-weight: bold;
	padding-top: 8px;
	margin-top: 25px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 12px;
}

#milieustat_droite {
	width: 250px;
	margin-left: 15px;
	background-image: url(../images/stats_milieu.gif);
	background-repeat:repeat-y;
	color: black;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid black;
	padding-left: 4px;
}

#basstat_droite {
	width: 250px;
	height: 33px;
	background-image: url(../images/stats_bas.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left: 15px;
	margin-left: auto;
	margin-right: auto;
}

/* --------------- FORUM ------------------ */

#forumtheme
{
	border: 2px solid black;
	margin-bottom: 10px;
	width: 745px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	text-align:left;
}

#forumtheme .titre{
	font-weight:bold;
	background-color: #6699CC;
	padding: 5px;
}

#forumtheme .entete{
	font-weight: bold;
}

#topic {
	margin-top: 6px;
	margin-left: 3px;
	background-color: #FFFFFF;
	color: #000000;
}

#topic .topictitre{
	font-weight:normal;
	font-style:italic;
	color: #000000;
}

#forum
{
	margin-bottom: 10px;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	
	text-align:left;
	font-weight: normal;
}

#forum a {
	/*font-weight: bold;*/
	
	color: #000000;
}

#forum .titre{
	font-weight: bold;
	background-color: #6699CC;
	padding: 5px;
	
	border: 2px solid black;
	margin-bottom: 5px;
}

#forum .entete{
	font-weight: bold;
	background-color: #6699CC;
	padding: 5px;
	
	border: 2px solid black;
}

#forum .enteteleft{
	font-weight: bold;
	background-color: #6699CC;
	padding-left: 5px;
	
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#forum .entetemiddle{
	font-weight: bold;
	background-color: #6699CC;
	
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#forum .enteteright{
	font-weight: bold;
	background-color: #6699CC;
	padding-right: 5px;
	
	border-right: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#forum .line{
	border-left: 2px solid black;
	border-right: 2px solid black;
}

#forum .lineleft{
	border-left: 2px solid black;
	padding-left: 4px;
}

#forum .linemembre{
	border-left: 2px solid black;
	border-right: 2px solid black;
	padding-left: 4px;
}

#forum .lineright{
	border-right: 2px solid black;
	padding-left: 4px;
}

#forum .footerleft {
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-top: 2px solid black;
}

#forum .footermiddle {
	border-bottom: 2px solid black;
	border-top: 2px solid black;
}

#forum .footerright {
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-top: 2px solid black;
}

#forum .footer{
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}
/* ---------------------------------------- */

/* ---------------- Mise en forme du texte ------ */
blockquote {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 4px;
	
	padding: 2px;
	
	border: 1px dashed black;
	background-color:#CCCCCC;
}
/* ---------------------------------------------- */

#bas
{
	clear: both;
	background-image: url(../images/bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;

	width: 765px;
	
	padding-top: 5px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	color: White;
	margin-top: 5px;
	height: 100px;
}

#bas a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}