body
{
	width: 99%;
	margin: auto;
	background-image: url("design1_img/background3.jpg");
	background-repeat: no-repeat;
	background-color: #000000;
}

a img
{
	border: none;
}

/* L'en-tête */

#header
{
	width: auto;
	overflow:hidden;
	height: 160px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 30%;
}

/* Le menu */

#menu
{
	float: left;
	width: 200px;
	margin-right: 30px;
	margin-left:10px;
	margin-top: 80px;
}

#menu_content
{
	padding-left: 20px;
	padding-top: 80px;

	background-image: url("design1_img/big_menu.png");
	background-position: 0px 0px;
	background-repeat: no-repeat; 
}

.anima
{
	color: #0000ff;
}

.element_menu
{
   background-repeat: repeat-x;
   margin-right: 30px;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
	background-image: url("design1_img/separator.png");
	background-repeat: no-repeat;
	padding-top: 10px;
	color: #000000;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

.element_menu ul
{
   list-style-image: url("design1_img/bullet_go.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-left: 2px;
   margin-bottom: 5px;
}

.element_menu a
{
   text-decoration: none;
}

.element_menu a:hover
{
	text-decoration: underline;
}


/* Le corps de la page */

#corps
{
   margin: 0px;
   margin-bottom: 0px;
   padding: 5px;
   padding-left: 5px;
   width: auto;
   overflow:hidden;
   
   color: #FFFFFF;
   background-color: #0a1a36;
   background-image: url("design1_img/body2.jpg");
   background-repeat: no-repeat;
   
   border: 2px ridge #3ca4de;

   -moz-border-radius: 40px 15px 15px 15px;
   -khtml-border-radius: 15px;
   /*-moz-border-radius-topleft: 40px;
   -khtml-border-radius-topleft: 40px;*/

   
	/*-moz-border-radius: 15px;*/
}

a
{
	color: #C0CFD6;
}

a:hover
{
	color: #9EE0F9;
}

#corps p
{
	margin-left: 15px;
}

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

#corps h2
{
	height: 30px;
	background-position: 7px 5px;
	background-image: url("design1_img/bricks.png");
	background-repeat: no-repeat;
	margin-left: 15px;
	padding-left: 32px;
	color: #3ca4de;
	text-align: left;
}

#corps h3
{
	margin-left: 15px;
	padding-left: 10px;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	padding: 5px;
	width: auto;
	overflow:hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("design1_img/body2.jpg");
	background-repeat: no-repeat;

	text-align: center;

	color: #FFFFFF;
	background-color: #0a1a36;   
	border: 2px ridge #3ca4de;

	-moz-border-radius: 15px; /*Pour des arrondis !*/
	-khtml-border-radius: 15px;
}

table
{
	border-collapse: collapse;
	width: 90%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

td input
{
	width: 95%;
}

td, th /* Mettre une bordure sur les td ET les th */
{
	border: 2px ridge #3ca4de;
	padding: 2px; /* Marge intérieure de 12px */
}


/* Form */
.bbcode_buttons_tbl
{
	border-collapse: collapse;
	width: auto;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url("design2_img/footer_continue.png");
	background-repeat: repeat;
	border-left: 1px solid #0000aa;
	border-right: 1px solid #0000aa;
}

form
{
	display: inline;
}

.max_width
{
	width: 99%;
}

textarea
{
	width: 100%;
}

/* Contact tbl */
.contactTbl
{
	width: 100%;
	border: 1px solid #0000aa;
}

.contactTbl td
{
	border-top: 1px dashed #0000aa;
	border-bottom: 1px dashed #0000aa;
}

.contactTbl textarea
{
	width: 99%;
}