* {
	padding:			0;
	margin:				0;
}

body {
	padding:			0;
	margin:				0;
	font-size:			13px;
	font-family:		arial;
	text-align:			center;
	background:			#CCCCCC;
}

#page {
	margin:				5px auto !important;
	margin:				5px 0;
	width:				780px;
	height:				auto !important;
	height:				580px;
	min-height:			580px;
	text-align:			left;
	border:				1px solid #6D7893;
	background:			#FFFFFF;
}

#haut {
	position:			relative;
	display:			block;
	width:				780px;
}

div.haut-home {
	height:				395px;
	background:			transparent url("bandeau-home_ox.jpg") no-repeat bottom left;	
}

div.haut-home h1 {
	position:			absolute;
	top:				305px;
	right:				30px;
	color:				#E0E0E0;
	font-size:			28px;
}

div.haut-home h2 {
	position:			absolute;
	top:				320px;
	right:				20px;
	color:				#E0E0E0;
	font-size:			24px;
	font-weight:		normal;
	display:			none;
}

div.haut-home h3 {
	position:			absolute;
	top:				260px;
	right:				110px;
	color:				#6D7893;
	font-size:			22px;
	font-weight:		normal;
	font-style:			italic;
}

div.haut-home h4 {
	display:			none;
}

div.haut-normal {
	height:				135px;
	background:			transparent url("bandeau-normal.jpg") no-repeat top left;
}

div.haut-normal h1 {
	position:			absolute;
	top:				50px;
	right:				10px;
	color:				#E0E0E0;
	font-size:			20px;
}

div.haut-normal h2 {
	position:			absolute;
	top:				65px;
	right:				10px;
	color:				#E0E0E0;
	font-size:			18px;
	font-weight:		normal;
	display:			none;
}

div.haut-normal h3 {
	position:			absolute;
	top:				5px;
	right:				10px;
	color:				#6D7893;
	font-size:			16px;
	font-weight:		bold;
	font-style:			italic;
}

div.haut-normal h4 {
	position:			absolute;
	top:				5px;
	left:				245px;
	color:				#6D7893;
	font-size:			18px;
	font-weight:		bold;
}

#haut ul {
	position:			absolute;
	list-style-type:	none;
}

div.haut-home ul {
	top:				355px;
}

div.haut-normal ul {
	top:				97px;
}

#haut li {
	float:				left;
	height:				30px;
	background:			transparent url("separateur-menu.gif") no-repeat top right;
}

#haut li.last {
	background:			none;
}

#haut li a:link,
#haut li a:visited,
#haut li a:hover {
	color:				#6D7893;
	font-size:			15px;
	font-weight:		bold;
	text-decoration:	none;
	display:			block;
	margin:				5px 15px 0 15px;
}

#contenu {
	position:			relative;
	display:			block;
}

div.contenu-home {
	width:				726px;
	height:				auto !important;
	height:				410px;
	min-height:			410px;
	background:			#DDDDDD;
	border:				1px solid #D6D6D6;
	margin:				15px;
	padding:			10px;
	text-align:			justify;
}

div.contenu-normal {
	width:				726px;
	height:				auto !important;
	height:				410px;
	min-height:			410px;
	background:			#FFFFFF url("Oxford_Aerial_back2.jpg") no-repeat top left;
	border:				1px solid #D6D6D6;
	margin:				15px;
	padding:			10px;
	text-align:			justify;
}

#bas {
	position:			relative;
	height:				62px;
	display:			block;
	width:				780px;
	background:			transparent url("fond-bas.jpg") no-repeat top left;
	font-weight:		bold;
	text-align:			center;
}

#bas div {
	float:				left;
	margin:				15px 20px 0 20px;
	font-size:			10px;
}

#bas div a:link,
#bas div a:visited,
#bas div a:hover {
	color:				#000000;
	text-decoration:	none;
}

#contenu a:link,
#contenu a:visited,
#contenu a:hover {
	color:				#506393;
}

#titre-page {
	display:			block;
	font-family:		times;
	font-size:			26px;
	font-style:			italic;
	color:				#F3400F;
	margin-bottom:		40px;
	font-weight:		bold;
	text-align:			center;
}

div.titre-para {
	display:			block;
	font-family:		times;
	font-size:			16px;
	/*font-style:			italic;*/
	font-weight:		bold;
	color:				#000000;
}

#contenu ul {
	margin:				10px 0px 10px 20px;
}

ul.registration {
	list-style-type:	none;
	width:				550px;
	padding-left:		60px;
}

ul.registration li {
	display:			block;
	width:				100%;
	clear:				both;
	margin:				5px 0 5px 0;
}

ul.registration li.gauche {
	width:				45%;
	float:				left;
	clear:				left;
}

ul.registration li.droite {
	width:				45%;
	float:				right;
	clear:				right;
}

ul.registration li.total {
	width:				100%;
	float:				none;
	clear:				both;
	font-size:			16px;
	color:				#FF0000;
}

ul.registration li label {
	font-weight:		bold;
	width:				45%;
	float:				left;
	margin-top:			3px;
	text-align:			right;
}

ul.registration li input,
ul.registration li textarea {
	width:				50%;
	float:				right;
	font-size:			12px;
	font-family:		arial;
}

ul.registration li select {
	float:				right;
	font-size:			12px;
}

#items {
	list-style-type:	none;
}

#items li {
	background:			#EFEFEF;
	border:				1px solid #CACACA;
	padding:			5px;
}

#items li.refusée {
	font-weight:		bold;
	color:				#FF0000;
}

#items li.en-cours {
	font-weight:		bold;
	color:				#000000;
}

#items li.acceptée {
	font-weight:		bold;
	color:				#009A3A;
}

#items input {
	width:				15px;
	float:				left;
	margin:				0 5px 0 0 !important;
	margin:				-3px 5px 0 0;
	padding:			0;
}

#items input.quantity {
	float:				none;
}

#items label {
	margin-top:			0 !important;
	margin-top:			3x;
	text-align:			left;
}

#items span.date {
	float:				right;
	padding:			2px 5px 2px 5px;
	background:			#FFF9E2;
	font-style:			italic;
}

#items ul {
	list-style-type:	square;
	width:				90%;
}

#items ul li {
	border:				0;
	padding-left:		15px;
	background:			transparent url('items-li.jpg') no-repeat 0 7px;
}

#items dl {
	width:				240px;
}

#items dl dt {
	float:				left;
	text-decoration:	underline;
	clear:				left;
	width:				200px;
	font-style:			normal;
}

#items dl dd {
	float:				right;
	font-weight:		bold;
	clear:				right;
	width:				35px;
	text-align:			right;
	font-style:			normal;
}

table.commandes {
	margin:				28px 5px 5px 5px !important;
	margin:				5px;
	border:				1px solid #000000;
	border-collapse:	collapse;
	width:				98%;
}

table.commandes td,
table.commandes th {
	padding:			5px;
}

table.commandes th {
	color:				#6D7893;
	font-size:			14px;
}

input.submit {
	color:				#6D7893;
	font-size:			14px;
	font-weight:		bold;
	background:			#FFFFFF;
	border:				1px solid #6D7893;
}

input.reset {
	color:				#6D7893;
	font-size:			12px;
	font-weight:		bold;
	background:			#FFFFFF;
	border:				1px solid #6D7893;
}

ul.connexion {
	position:			absolute;
	top:				200px;
	left:				250px;
	list-style-type:	none;
}

ul.connexion li {
	position:			relative;
	width:				300px;
	clear:				both;
}

ul.connexion li label {
	font-weight:		bold;
	float:				left;
}

ul.connexion li input {
	float:				right;
}

ul.connexion li strong {
	width:				100%;
	color:				#FF0000;
	text-align:			center;
	display:			block;
}

table.program {
	border:				1px solid #808080;
	border-collapse:	collapse;
}

table.program td {
	border:				1px solid #808080;
	border-collapse:	collapse;
	padding:			3px;
}

table.program td.day {
	height:				30px;
	background:			#C0C0C0;
}

table.program td.conf {
	height:				20px;
	background:			#F0F0F0;
}

table.program td.separator {
	height:				3px;
	background:			#000000;
}





























