body                { /* Page Body */
	background-color		: #400040;
	margin              : 0 auto;
	padding             : 5px;
	}

#global             { /* largeur général du document */
  width               : 800px;
  height              : 790px;
  margin              : 0 auto;
  background-color		: #400040;
  position: relative;
}
#header {
  margin              : 0;
  padding             : 0;
}
#corps  {
	background-image		: url(images/album1001b01.jpg);
	position            : relative;
	top                 : 0px;
	width           		: 800px;
	height          		: 720px;
	margin-left     		: auto;
	margin-right    		: auto;

}
#fondcorps  {
	background-image	  : url(images/farticle.jpg);
  position              : absolute;
  top                   : 200px;
  left                  : 18px;
  background-repeat     : no-repeat;
  width                 : 550px;
  height                : 464px;
  z-index: o;
}
#fondcorpseve  {
	background-image	  : url(images/farteve.jpg);
  position              : absolute;
  top                   : 200px;
  left                  : 18px;
  background-repeat     : no-repeat;
  width                 : 550px;
  height                : 464px;
  z-index: o;
}

#bloccorps  {
  position              : absolute;
  top                   : 192px;
  left                  : 10px;
	overflow 			      : scroll;
  margin              : 7px;
  width               : 550px;
  height              : 464px;
  text-align          : center;
  border-top-style	  : groove;
	border-top-color	  : #CC00FF;
	border-right-color	: #66FF00;
	border-bottom-color	: #FF8000;
	border-left-color	  : #CC00FF;
	border-right-style	: groove;
	border-bottom-style	: groove;
	border-left-style	  : groove;
	z-index: 10;
}

#blocmenu  {
	position            : absolute;
	top                   : 192px;
  left                  : 574px;

  /*float               : right;*/
  text-align          : center;
  margin              : 7px;
  width               : 200px;
  height              : 464px;
  border-top-style	  : groove;
	border-top-color	  : #CC00FF;
	border-right-color	: #66FF00;
	border-bottom-color	: #FF8000;
	border-left-color	  : #CC00FF;
	border-right-style	: groove;
	border-bottom-style	: groove;
	border-left-style	  : groove;
}

#footer {
	background-color     : transparent;
	position             : relative;
	top                 : -21px;
	width           		: 800px;
	text-align      		: center;
	margin-left     		: auto;
	margin-right    		: auto;
}

#menu {
  list-style: none;
  padding: 5px 0px 5px 0px;
  margin: 0px;
  width: 200px;
}
             
#menu li {
  margin: 5px;
}
             
#menu li a {
/** pour que le lien prenne toute la largeur **/
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: verdana;
  font-weight: bold;
  text-decoration: none;

                /** par defaut, ecrit en noir sur fond blanc, les liens restent toujours visible */
/*  color: #000;*/
/*  background: #fff;
                /* ces propriétés permettent l'effet de transparence sur la plupart des navigateurs
                cependant, si un navigateur ne les prend pas en compte, ils n'auront aucun effet mais le menu restera lisible
                */
                opacity: 0.7;
                filter: alpha(opacity:70);
                -khtml-opacity: 0.7;
                -moz-opacity: 0.7;
                
                /* note: la valeur 0.7 peut être ajustée en fonction de l'image de fond
               plus la valeur est faible, mois le texte est visible */
}
             
#menu li a:hover {
   opacity: 1;
   filter: alpha(opacity:100);
   -khtml-opacity: 1;
   -moz-opacity: 1;
 /* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
   background: #E8D0F4;
   color: #FF0000;
              }
#menu li a:link {
	color            : #800080;
}
#menu li a:visited {
	color            : #045E0C;
}
#menu li a:active {
	color            : #FFAA00;
}
h1	{
	color           : #800080;
	margin-left		  : 5pt;
	font-family		  : Arial, Arial, Helvetica, sans-serif;
	font-size		    : 22px;
	font-style		  : italic;
	line-height		  : normal;
	font-weight		  : bold;
	text-align      : center;
	margin-top      : 5pt;
	text-decoration: underline;
	}
h2	{
	color           : #800080;
	margin-left		  : 5pt;
	font-family		  : Arial, Helvetica, sans-serif;
	font-size		    : 18px;
	font-style		  : italic;
	line-height		  : normal;
	font-weight		  : lighter;
	}
.ctexteart	{
	color           : #800090;
	margin-left		  : 5pt;
	margin-right	  : 5pt;
	font-family		  : 'Trebuchet MS', Helvetica, sans-serif;
	font-size		    : 16px;
	font-style		  : oblique;
	line-height		  : normal;
	font-weight		  : bold;
	text-align      : left;
	}
.chistoart	{
	color           : #800090;
	margin-left		  : 5pt;
	margin-right	  : 5pt;
	font-family		  : 'Trebuchet MS', Helvetica, sans-serif;
	font-size		    : 16px;
	font-style		  : oblique;
	line-height		  : normal;
	font-weight		  : bold;
	text-align      : center;
	}
.comment	{
	color           : #800080;
	margin-left		  : 5pt;
	font-family		  : Arial, Helvetica, sans-serif;
	font-size		    : 12px;
	font-style		  : oblique;
}
.cbaseline			{
  position        : relative;
  top             : 466px;
  /*left            : 6%;*/
  color           : #800080;
	font-family		  : Arial, Helvetica, sans-serif;
	font-size		    : 12px;
	font-style		  : oblique;
	line-height		  : normal;
	/*font-weight		  : bold;*/
	text-align      : center;
	}	
.csstitrimgmenu		{
	color           : #800080;
	margin-left		: 5pt;
	font-family		: Arial, Times, serif;
	font-size		: 16px;
	font-style		: italic;
	line-height		: normal;
	font-weight		: bold;
	}
.ctextemenu	{
	color           : #800080;
	margin-left		  : 5pt;
	font-family		  : Arial, Helvetica, sans-serif;
	font-size		    : 12px;
	font-style		  : oblique;
	line-height		  : normal;
	font-weight		  : bold;
	}
.cc02               { /* Common */
	font            : bold 14pt 'Arial Narrow', Helvetica, sans-serif;
	color           : #000080;
	}
.cc03               { /* Common */
	font            : bold 14pt 'Arial Narrow', Helvetica, sans-serif;
	color           : #000080;
  text-decoration: none;
	}
.lettrineverre       {
  float             : left;
  margin            : 1px;
  padding           : 1px;
}
.lettrinemedail       {
  float             : left;
  margin            : 1px;
  padding           : 1px;
}
.lettrineetiquette       {
  float             : right;
  margin            : 1px;
  padding           : 1px;
}
.tablemedail        {
  width             : 95%;
  text-align        : center;
}
.tablehachette        {
  width                 : 500px;
  margin-left           : 15px;
  border-top-style      : solid;
  border-top-color      : black;
  border-top-width      : 2px;
  border-bottom-style   : solid;
  border-bottom-color   : black;
  border-bottom-width   : 2px;
}
.textachette     {
  text-align        : left;
  width             : 500px;
  padding-left      : 20px;
	font-weight		    : bold;
}
/* Pour le Formulaire de contact */

label#e24           { /* Nom */
	position        : absolute;
	left            :  4.00pt;
	top             :  61.25pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e23           { /* Text Nom Nom  */
	position        : absolute;
	left            :  77.50pt;
	top             :  61.25pt;
	width           : 113.25pt;
	}
label#e22           { /* Adresse */
	position        : absolute;
	left            :  4.00pt;
	top             :  81.50pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e21           { /* Text Prénom Adresse  */
	position        : absolute;
	left            : 264.25pt;
	top             :  61.25pt;
	width           : 113.25pt;
	}
label#e20           { /* Ville */
	position        : absolute;
	left            : 181.75pt;
	top             :  101.75pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e19           { /* Text Adresse Ville  */
	position        : absolute;
	left            :  77.50pt;
	top             :  80.75pt;
	width           : 300.00pt;
	}
label#e18           { /* Code postal */
	position        : absolute;
	left            :  4.00pt;
	top             :  101.75pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e17           { /* Text Code Postal Code po... */
	position        : absolute;
	left            :  77.50pt;
	top             :  100.25pt;
	width           : 113.25pt;
	}
label#e16           { /* Téléphone */
	position        : absolute;
	left            :  4.00pt;
	top             :  122.75pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e15           { /* Text Ville Téléphone  */
	position        : absolute;
	left            : 264.25pt;
	top             :  100.25pt;
	width           : 113.25pt;
	}
label#e14           { /* E-mail */
	position        : absolute;
	left            :  4.00pt;
	top             : 144.50pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
input#e13           { /* Text Téléphone E-mail  */
	position        : absolute;
	left            :  77.50pt;
	top             :  119.75pt;
	width           : 113.25pt;
	}
label#e12           { /* Pays */
	position        : absolute;
	left            : 181.75pt;
	top             :  120.50pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
select#e11          { /* Combo Box Pays Pays  */
	position        : absolute;
	left            : 264.25pt;
	top             :  119.75pt;
	width           : 119.25pt;
	}
input#e10           { /* Text Email Prénom  */
	position        : absolute;
	left            :  77.50pt;
	top             : 139.25pt;
	width           : 300.00pt;
	}
label#e9            { /* Prénom */
	position        : absolute;
	left            : 183.25pt;
	top             :  62.00pt;
	width           :  67.50pt;
	height          :  15.00pt;
	}
label#e4            { /* Vos précisions */
	position        : absolute;
	left            :   0.25pt;
	top             : 193.25pt;
	width           :  77.25pt;
	height          :  45.75pt;
	}
textarea#e3            { /* Text Précisions Adresse  */
	position        : absolute;
	left            :  77.50pt;
	top             : 166.25pt;
	width           : 300.00pt;
	height          :  66pt;
	}
input#e2            { /* Submit Envoyer données  */
	position        : absolute;
	left            : 118.00pt;
	top             : 243.50pt;
	width           :  90.75pt;
	}
input#e1            { /* Reset Effacer données  */
	position        : absolute;
	left            : 211.75pt;
	top             : 243.50pt;
	width           :  90.75pt;
	}
.cc08               { /* Common */
	font            : 10pt 'Arial', Helvetica, sans-serif;
	color           : #000000;
	text-align      : right;
	}
.cc09               { /* Common */
	font            : 10pt 'Arial', Helvetica, sans-serif;
	color           : #000000;
	padding         :   1.50pt;
	}
.cc10               { /* Common */
	font            : 10pt 'Arial', Helvetica, sans-serif;
	color           : #000000;
	}