body
{
	width: 901px;
	margin: auto;
	margin-bottom: 20px;    
	background-image: url("../image/degrade.jpg");
	background-repeat: repeat-x;
	margin-top:0;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* L'en-tête */
#en_tete
{
   width: 901px;
   height: 141px;
   background-image: url("../image/banniere.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   /*la bar en dessous de la banniere*/
   border: 3px  #dddddd;
	border-bottom-style:groove;

}


/* Le menu */
#menu
{
   float: left;
   width: 170px;
}

.element_menu
{
   background-color: #ffffff;
   
  /* 
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border: 2px solid black;
   */
   /*margin-bottom: 20px;*/
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/* Titres des menus */
.h3_ul
{    
   color: #226b49;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   font-weight : bold;
   /*padding-left: 28px;*/
   margin-bottom: 55px;
   
   
}

.element_menu ul
{
   list-style-image: url("../image/puce.jpg");
   padding: 0px;
   padding-left: 28px;
   margin: 0px;
   margin-bottom: 5px;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a
{
   color: #226b49;
   text-decoration: none;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a:hover
{
   /*background-color: #B3B3B3;*/
   color: #6e9f89;
   text-decoration: none;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/* Le corps de la page */
#corps
{
   margin-left: 185px;
   margin-bottom: 20px;
   padding: 8px;
   
   color: #000000;
   background-color: #ffffff;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 1px  #2a4a3b;
	/*border-top-style:dotted;*/
	/*border-right-style:groove;*/
	/*border-bottom-style:dotted;*/
	border-left-style:dotted;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   color: #000000;
   background-color: #ffffff;
   /*background-image: url("images/motif.png");*/
   /*background-repeat: repeat-x;*/
   border: 2px  #dddddd;
   border-top-style:groove;
}
#pied_de_page a
{
   color: #226b49;
   text-decoration: none;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#pied_de_page a:hover
{
   /*background-color: #B3B3B3;*/
   color: #6e9f89;
   text-decoration: none;
   font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/* **************       Css pour la page banniere.php :  *******************/
.tableau_banniere
{
	margin-top: 19px;
	float: right;
}

.tableau_banniere a
{
	color: #123926;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.tableau_banniere a:hover
{
	color: #6e9f89;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/* **************       Css pour la page lire_article_inc.php :  *******************/
.nom_bas_page_lire_article
{
	color: #97b539;
}

.txt_bas_page_lire_article
{
	color : #226b49;
	font-weight : bold;
}

.lien_bas_page_lire_article  a
{
	color: #226b49;
	font-size : x-large;
	font-weight : bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.lien_bas_page_lire_article  a:hover
{
	color: #6e9f89;
	font-weight : bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.tableau_commentaires
{
	/*margin-top: 19px;
	float: right;
	*/
	background-color : #d1e1d6;
	margin-top: 19px;
}

.tableau_commentaires a
{
	color: #123926;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.tableau_commentaires a:hover
{
	color: #6e9f89;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}


/*  Page afficher commentaires : */


.tableau_afficher_com
{
	/*margin-top: 19px;
	float: right;
	*/
	background-color : #d1e1d6;
	margin-top: 19px;
}

.tableau_afficher_com a
{
	color: #123926;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.tableau_afficher_com a:hover
{
	color: #6e9f89;
	font-weight: bold;
	text-decoration: none;
	font-family: Cambria, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/*  *************  Pour le lexique  ******************* ** ***/
img.tTip						{ margin: 8px 15px 8px 0px; float: left; }
#demo_wrapper					{ width: 600px; margin: 30px auto 0px auto; }

.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(../images/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(../images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }