@charset "utf-8";
/* CSS Document */
html, body, form {
	margin:0;
	padding:0;
}

body {
	margin-top:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p.error {
	color:#C63841;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 2px;
	padding:0;
}

h2.finish {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

a.dflink {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.text_gray {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.text_gray a {
	color:#C896BC;
	text-decoration:underline;
}

span.tipform {
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
}

div.form_group {
	background-color:#FBFBFE;
	border-top:7px solid #FBFBFE;
	border-bottom:7px solid #FBFBFE;
	margin:0 auto 15px auto;
	width:500px;
}

img.icon {
	border:none;
	margin-right:5px;
	vertical-align:middle;
}

h3.form_group {
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0 0 6px 50px;
}

ul.customerList {
	list-style-type:none;
	margin:15px 0 15px 0;
	padding:0 0 0 20px;
}

ul.customerList li {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:5px;
}

ul.customerList li a {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#div_line{
	height:20px;}

#div_panier{
	float:right;
	width:38px;
	height:59px;
	background-image:url(../img/images/backgrounds/back_panier.gif);}

#div_panier_btn{
	float:right;
	padding-top:25px;}

#div_sub_content_top{
	background-image:url(../img/images/backgrounds/content_center.gif);
	background-repeat:repeat-y;	
	width:994px; }
	
#div_sub_content_center{
	background-image:url(../img/images/backgrounds/content_top.gif);
	background-repeat:no-repeat;
	width:994px; }
	
#header{
	height: 187px;
	width:967px;
	float:none;
	clear:both;}
	
#head_logo{
	background-image:url(../img/images/header/logo.gif);
	float: left;
	width:691px;
	height:187px;}
	
#div_contenido{
	border:2px solid #B2B2B2;
	float:none;
	width:667px;
	margin-top:0px;
	margin-bottom:20px;
}

#div_menu_left{
	float:left;
	padding-top:30px;
	padding-left:30px;
	width:230px;
	/*height:670px;*/
}
	
#div_menu_horiz{
	padding-top: 0px;	
	height:63px;}
	
#div_footer{
	color:#333333;		
	background-repeat:repeat-x;
	background-image:url(../img/images/backgrounds/bck_footer.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	height:20px;
	padding-top:7px;
	text-align:right;}
	
#title_green{
	float:left;	
	width:218px;
	height:38px;
	background-image:url(../img/images/backgrounds/menu_green.gif);
	background-repeat:no-repeat;}
	
#title_cian{
	float:left;	
	width:218px;
	height:38px;
	background-image:url(../img/images/backgrounds/menu_cian.gif);
	background-repeat:no-repeat;}
	
#title_marron{
	float:left;	
	width:218px;
	height:20px;
	background-image:url(../img/images/backgrounds/menu_marron.gif);
	background-repeat:no-repeat;}
	
#title_red{
	float:left;	
	width:218px;
	height:20px;
	background-image:url(../img/images/backgrounds/menu_red.gif);
	background-repeat:no-repeat;}

#line_savoir{
	position:relative;
	top:-13px;
	left:120px;}

#line_savoir2{
	position:relative;
	top:-23px;
	left:120px;}

#div_line_titre{
	height:30px;
	background-image:url(../img/images/e-learning/back_titre_map.gif);
	background-repeat:repeat-x;}
	
#div_catalog_titre{
	float:left;	
	color:#535353;
	height:24px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;	
	padding-left:10px;
	vertical-align:middle;	
	/*background:#E3E7CF;
	width:621px;
	padding-bottom:0px;
	line-height:24px;
	margin-top:3px;*/}

#div_catalog_titre2{
	float:left;
	width:621px;
	color:#535353;
	height:24px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
	background:#E3E7CF;
	padding-left:10px;
	vertical-align:middle;
	padding-bottom:0px;
	line-height:24px;
	margin-top:3px;}
		
#div_catalog_map{
	float:left;
	background-image:url(../img/images/e-learning/back_map.gif);
	background-repeat:no-repeat;
	width:34px;
	height:30px;}

#div_catalog_kp{
	float:left;
	background-image:url(../img/images/e-learning/back_kp.gif);
	background-repeat:no-repeat;
	width:34px;
	height:31px;}

#div_catalog_titre_haute{	
	float:right;
	width:85px;
	height:24px;
	padding-top:3px;
	/*margin-top:3px;
	background-image:url(../images/e-learning/haute.gif);*/
}

.e_icon {
	position:relative;
	left:-35px;
	top:-1px;
	float:left;
	width:32px;
	height:14px;
}

#div_promo {
	background-image:url(../img/images/e-learning/promo.gif);
	background-repeat:no-repeat;	
}

#div_avenir{
	background-image:url(../img/images/e-learning/avenir.gif);
	background-repeat:no-repeat;
}


#div_mon_compte_titre{
	float:left;
	width:658px;
	color:#565656;
	height:24px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
	background:#E7CFE3;
	padding-left:10px;
	vertical-align:middle;
	padding-bottom:0px;
	line-height:24px;
	margin-top:3px;
}

.formbase {
	background-color:#FBFBFE;
	border:none;
	border-top:7px solid #FBFBFE;
	border-bottom:7px solid #FBFBFE;
	margin:0 auto 15px auto;
	padding:0;
	width:500px;
}

.formbase label {
	color:#C470C2;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:10px;
	padding-top:3px;
	text-align:right;
	width:170px;
}

.formbase .box {
	border:2px solid #C7C7C9;
	color:#755692;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:3px;
	_margin-bottom:1px;
	padding:2px 0 2px 0;
}

.formbase .radio {
	margin-bottom:6px;
	_margin-bottom:4px;
}

.formbase span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formbase br.clear {
	clear:both;
}

.free {
	color:#C470C2;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:auto;
	text-align:left;
}

div.error {
	background-color:#FDEADA;
	border:1px solid #C81628;
	color:#DA0F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:20px 0 20px 0;
	padding:0 20px 8px 20px;
}

div.error p {
	font-weight:bold;
}

.button_small {
	background:transparent url(../img/images/buttons/button.gif) no-repeat;
	color:#FFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:6px 0px 6px 0px;
	text-align:center;
	width:72px;
	height:27px;
	border:none;
}