@CHARSET "ISO-8859-1";


body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	width:935px;
}

.clear {
	clear: both;
	height: 0;	
}

.linkBottomMenu {
	font-weight:bold;
}

#wrapper {
	position: absolute;
	/*width:769px;*/
	width:970px;
	/*border:1px solid #000000;*/
}

#top{
	position: relative;
	width: 100%;
	height: 108px;
}

body.lang-en #top {
	background: #ffffff url(/images/bandoTop.jpg) top left no-repeat;
	/*border:1px solid #000000;*/
}
body.lang-fr #top {
	background: #ffffff url(/images/bandoTop.jpg) top left no-repeat;
}


#logo {
	position:absolute;
	left:970px;
	top:21px;
	margin-left:-140px;
	//width:101px;
	height:27px;
	/*border:1px solid #000000;*/
}


#topmenu{
	position:relative;
	width: 935px;
	height: 27px;
	text-align: right;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 0;
	/*border:1px solid #000000;*/
	
}

#topmenu p {
	color:#999999;
	margin: 0;
	padding: 0;
	/*border:1px solid #000000;*/	
	
}

#topmenu a {
	color:#999999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#topmenu a:hover {
	color:#A90056;
	text-decoration:underline;
}

#topmenu .link_selected {
	color:#A90056;	
}

#page {
	/*border:1px solid #000000;*/
}

#page-left {
	width: 165px;
	float: left;
	/*border:1px solid #000000;*/
}

#page-right {
	width: 785px;
	float: right;
	/*border:1px solid #0000ff;*/
}

#leftsearch {
	padding-left: 16px;
	/*border:1px solid #0000ff;*/
}

body.lang-en #leftsearch input.frmText {
	width:90px;
}
body.lang-fr #leftsearch input.frmText {
	width:70px;
}


#banner {
	position:relative;
	background-color: #A90056;
	color:white;
	font-size: 14px;
	/*font-weight: bold;*/
	padding: 2px 5px 0px 12px;
	height:22px;
}
#banner .linkprint{
	background-color: #A90056;
	color:white;
	font-size: 14px;
	text-decoration: none;
}

#banner .linkprint:hover{
	background-color: #A90056;
	color:white;
	font-size: 14px;
	text-decoration: underline;
}


#content{
	position:relative;
	font-size:12px;
	line-height:18px;
	width:auto;
	padding: 10px 0px 0px 0px;
	/*min-height: 250px;*/
	/*border:1px solid #00ff00;*/
}
#content .imagepage2{
	display:none;
}
/* use star hack to simulate min-height in IE6 */
* html #content{
	height: 250px;	
}
#content_home{
	position:relative;
	font-size:12px;
	line-height:18px;
	width:auto;
	min-height: 150px;
	/*border:1px solid #00ff00;*/
}

#footer {
	margin-top: 3em;
	text-align: center;	
}
#footer p {
	color:#999999;
	font-size:11px;	
}
#footer p a {
	color:#999999;
	text-decoration:none;
}
#footer p a:hover {
	color:#A90056;
	text-decoration:underline;
}



/* *********************************
   INJECTION TRACKER
   ********************************* */
   
#canvas {
	position: relative;
	background: url("../images/injection_canvas.jpg") no-repeat;
	width: 320px;
	height: 277px;
	margin: 1em 5px;

	border: 2px dashed #ccc;
	
}
#canvas input {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 277px;
	cursor: crosshair;	
}

#canvas a.point { 
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: black;
}
#canvas a.point:hover {
	background-color: red;
	z-index: 10;
}

#canvas a.point span {
	position: absolute;
	top: 6px;
	left: 6px;
	border: 1px solid black;
	background-color: white;
	padding: 3px;
	display: none;
	font-size: 9px;
	width: 100px;
}
#canvas a.point:hover span {
	display: block;
}

#canvas a#p-now {
	background-color: green;
	z-index: 5;
}
#canvas a#p-now:hover {
	background-color: yellow;
}	

/* *********************************
   LES LINKs
   ********************************* */
   
.linknormal {
	font-family:Arial;
	color:#A90056;
	font-size:12px;
	/*text-decoration:none;*/
}
.linknormal:hover {
	color:#A90056;
	/*text-decoration:underline;*/
}

.linkTopMenu {
	font-family:Arial;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.linkTopMenu:hover {
	color:#A90056;
	text-decoration:underline;
}



.ext1 {
	width:154px;
	height:23px;
	background-color:#ffffff;
}
.ext2 {
	width:154px;
	height:23px;
	background-color:#ffffff;
}
.ext3 {
	width:154px;
	height:20px;
	background-color:#ffffff;
}

.espace1px {
	width:154px;
	height:1px;
}



/* *********************************
   LES GENERAUX
   ********************************* */
   
p {
	font-family:Arial;
	color:#000000;
	font-size:12px;
	padding: 0px 12px 0px 12px;
}

/* *********************************
   LES STYLES
   ********************************* */



.imagepage {
	padding: 12px 0px 12px 12px;
}
.imagepageB {
	padding: 0px 0px 0px 0px;
}

.textpage {
	width:584px;
	background-color:#ffffff;
	font-family:Arial;
	color:#000000;
	font-size:12px;
/*	padding: 0px 13px 0px 13px;*/
}

.TDtextpage {
	width:563px;
	background-color:#ffffff;
	font-family:Arial;
	color:#000000;
	font-size:12px;
	padding: 0px 0px 0px 0px;
}


.espacehori {
	padding: 5px 0px 5px 0px;
}

.subtitlepage {
	font-family:Arial;
	color:#A90056;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}


.subtitlepagecell {
	background-color:#A90056;
	padding: 0px 0px 0px 12px;
}



.titleStep {
	color:#a90056;
	font-weight:bold;
}

.bullet_ul_1 {
	padding-left:15px;
}
.bullet_li_1 {
	list-style-image: url(../images/bullet_niveau_1.jpg);	
	/*list-style-position:inside;*/
	padding-bottom:7px;
}
.bullet_ul_2 {
	padding-left:15px;
}
.bullet_li_2 {
	list-style-image: url(../images/bullet_niveau_2.jpg);	
	/*list-style-position:inside;*/
	padding-bottom:7px;
}

.bullet_li_2_2 {
	list-style-image: url(../images/bullet_niveau_2.jpg);	
	/*list-style-position:inside;*/
	padding-top:7px;
	padding-bottom:7px;
}


#cd_home_en{
	position:relative;
	width:785px;
	height:313px;
	/*border:1px solid #000000;*/
	background: url("../images/cd_home_en.jpg") no-repeat;
}
.image_title{
	float:right;
	padding:0 0 20px 30px;
}
#content .image_title{
	margin-top:-10px;
}
#indication_title{
	position:absolute;
	width:520px;
	height:50px;
	top:20px;
	left:150px;
	/*border:1px solid #000000;*/
	font-family: helvetica;
	font-size:38px;
	color:#A90056;
}



#banner .signp {
	position:relative;
	padding:0;
	margin:0px;
	line-height:0.9em;
	border:1px solid #5EE0DF;
	width:12px;
	height:12px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	background:#5EE0DF;
	cursor:pointer;
	cursor:hand;

}

#banner .signm {
	position:relative;
	padding:0;
	margin:0px;
	line-height:0.7em;
	border:1px solid #5EE0DF;
	width:12px;
	height:12px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	background:#5EE0DF;
	cursor:pointer;
	cursor:hand;
}


#top_left_menu .clear-all{
	font-size:1px;
	clear:both;
}

.space{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1px;
	width:1px;
	height:1px;
	/*border:1px solid #000000;*/
}


.pager{
	/*border:1px solid #000000;*/
	margin-left:0px;;
	padding-left:0px;;
	padding-bottom:20px;
	padding-top:0px;
	margin-top:0px;
}
.result{
	clear:both;
}
.pager li{
	list-style-type:none;
	margin:0 3 0 3;
	padding-left:5px;	
	float:left;
}
.pager .pagerPage{
	list-style-type:none;
	text-decoration:none;
	
	font-weight:bold;
}

.pager .pagerPage a{
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}
.pager .pagerPage a:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:normal;
}

.pager .pagerPageLast a{
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}
.pager .pagerPageLast a:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:normal;
}
.pager .pagerPageFirst a{
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}
.pager .pagerPageFirst a:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:normal;
}

.pager .pagerNext {
	color:#000000;
	font-weight:bold;	
}
.pager .pagerPrev {
	color:#000000;
	font-weight:bold;	
}

.pager .pagerNext a{
	text-decoration:none;
	color:#000000;	
	font-weight:normal;
}
.pager .pagerNext a:hover{
	text-decoration:underline;
	color:#000000;	
	font-weight:normal;
}

.pager .pagerPrev a{
	text-decoration:none;
	color:#000000;	
	font-weight:normal;
}
.pager .pagerPrev a:hover{
	text-decoration:underline;
	color:#000000;	
	font-weight:normal;
}