/*------------------*/
/* Global reset CSS */
/*------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}



/*------------*/
/* Global CSS */
/*------------*/

body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#000000;
	background-image:url(image/fond.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

ul {
	list-style: none;
}

div.clear {
	clear:both;
	font-size:1px;
	height:0;
}

/*---------------*/
/* TOO BAR */
/*---------------*/

#toolBar {
	height:19px;
	width:600px;
	margin-left: 240px;
	color: #CCCCCC;
	font-size: 10px;
}
#toolBar a {
	color: #CCCCCC;
	text-decoration:none;
}
#toolBar a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}

/*-----------*/
/* CONTAINER */
/*-----------*/

#container {
	width: 603px;
	margin: 35px 0 20px 240px;
	position:relative;
}

.bloc-error {
	background-color:#FFFFFF;
	width: 380px;
	padding:10px;
}

/*---------------*/
/* BLOC CONTENUS */
/*---------------*/

#contentBlock {
	float:left;
	width: 400px;
	margin-right:17px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}

#contentBlock .contentText{
	padding:18px;
}

#contentBlock .contentText h2{
	margin:35px 0 15px 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:18px;
}

#contentBlock .contentText h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#e60032;
}

#contentBlock .precision{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

#choixFormuBlock{
	margin:0 0 10px 0;
}

#choixFormuBlock .radioButton{
	float:left;
	margin-right:7px;
	width:20px;
}

#choixFormuBlock .labelFormule{
	float:left;
	width:337px;
	padding-bottom:12px;
}

#choixFormuBlock .labelFormule p{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
}

#btSuite{
	margin-top:20px;
	text-align:right;
}
.skinButton{
	border: 1px solid #e6e6e6;
	border-color: #e6e6e6;
	background-color: #e6e6e6;
	color: #e60032;
	font-size:9px;
	font-weight:bold;
}
.parcoursButton{
	border: 1px solid #FFFFFF;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration:underline;
	font-size:11px;
}

/*---CHOIX DES SPETCALES---*/
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

.selectButton{
	border: 1px solid #e6e6e6;
	border-color: #e6e6e6;
	background-color: #e6e6e6;
	color: #000000;
	font-size:9px;
}

.blocSpec{
	margin-bottom:18px;
}

.selectedSpec{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.selectedPass{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#e60032;
	font-weight:bold;
}
.selectedDate{
	color:#666666;	
}
.blocAbonne{
	padding:3px 0 3px 0;
}
/*---------------*/
/* BLOC PARCOURS */
/*---------------*/

#parcoursBlock {
	float:left;
	width: 186px;
	background-color:#FFFFFF;
}


#parcoursBlock .contentText {
	padding:18px;
}

#parcoursBlock .contentText h2{
	margin-bottom:12px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#464646;
}

#parcoursBlock .contentText h3{
	margin-top:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e60032;
}

#parcoursBlock .contentText a{
	color:#000000;
	text-decoration:underline;
	font-size:10px;
}