@import url("./menu.css");

/* Header */

#header
{
	background-image: url("/assets/images/bgtop.jpg");
	background-repeat: no-repeat;
	width: 1000px;
	height: 300px;
	padding: 20px;
}

#rotator
{
	background: #000000;
	border: 1px solid #b4b9c1;
	float: left;
	width: 590px;
}

#overview
{
	width: 380px;
	margin-left: 580px;
}

#overview li
{
	font: 10pt Arial,Verdana,Sans;
	padding: 5px;
	color: #FFFFFF;
}

#overview h1
{
	margin-top: 20px;
	margin-left: 40px;
}


/* Body */

html
{
	height: 100%;
}

body
{
	margin:0;
	padding:0;
	color: #333333;
	font: 9pt Arial,Verdana,Sans;
	text-decoration:none;
	height: 100%;
}

#main
{
	padding: 20px;
	width: 900px;
	min-height: 500px;
}

.argument
{
	margin: 10px;
	float: left;
	min-height: 180px;
	width: 400px;
}

.argument2
{
	margin: 10px;
	width: 600px;
	min-height: 120px;
}

.argument img,
.argument2 img
{
	float: left;
}

.argument p,
.argument2 p
{
	margin-left: 120px;
	padding: 0;
}

.argument ul,
.argument2 ul
{
	margin-left: 120px;
}

.argument h2,
.argument2 h2
{
	margin-left: 120px;
}


/* Form */

input.form, textarea.form
{
	width: 400px;
	background: #DDDDDD;
	color: #333333;
	border: 1px solid #999999;
}

table.form tr td
{
	border-style: none;
}

/* Footer */

#footer
{
	background-image: url("/assets/images/bgfooter.jpg");
	background-repeat: repeat-x;
	font-size: 8pt;
	text-align: left;
	clear: both;
  	padding: 10px 0px 30px 25px;
}


/* General */

a
{
  text-decoration: none;
}

a:link {color:#3380ff ; text-decoration:none ; }
a:visited {color:#3380ff ; text-decoration:none ; }
a:hover {color:#3380ff ; text-decoration:underline; }

p
{
	text-align: justify;
	padding: 0;
}

img
{
	border: none;
}

hr
{
	border: none;
	border-top: 1px solid #CCCCCC;
	margin-top: 30px;
	margin-bottom: 30px;
}

.center
{
	text-align: center;
}

.right
{
	width: 80px;
	text-align: right;
	padding-right: 5px;
}

.bouton
{
	color: red;
	background-color: #ffd200;
}