#pageScreen { background-color: #000000; filter: alpha(opacity=25);  opacity: 0.25; -moz-opacity: 0.25;
               position: absolute; top: 0px; left: 0px; width: 100%; display: none; z-index: 600; }

/*#########################
#         general         #
#########################*/

* {margin: 0; padding: 0; list-style-type: none;}
body { background: #fff; color: #525252; font: 12px "Trebuchet MS", Sans-serif; }

img {border:none;}
a, a:visited {text-decoration: none; color: #525252; font-weight: normal;}
a:hover {text-decoration: underline;}
h1 {font-size:150%; margin: 10px 0;}
h2 {font-size:13px; padding: 0px 0; margin: 0 0 10px 0; color: #525252; border-bottom: 1px solid #bebebe;}

p { margin: 0 0 20px 0; }

.error {color: #cf0707;}

#header {background: url(images/bgPage.gif);}
#contentmenu {background: url(images/bgPage.gif);}

.win h2 {	
	font-size: 21px; font-weight: bold; padding: 0 0 2px 0; 
	margin: 0 0 10px 0; color: #525252; border-bottom: 1px solid #bebebe;
} 
.win h3 {
	background: url(images/fleche3.gif) no-repeat left;
   font-size: 16px; 
	font-weight: bold; padding: 10px 0 10px 33px; 
	margin: 0 0 10px 0; color: #525252; 
}

.win h4 { font-size: 12px;	font-weight: bold; margin: 0 0 10px 0; }

.win p { padding: 0 0 10px 0; margin: 0; }
.win input {background: url(images/bgInput.gif) repeat-x; border: 1px solid #d3d0d0;
	width: 95%;	font-size: 10px; 
}


/*#########################
#        container        #
#########################*/


#pagewidth {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#contentcontext {
	background: url(images/bgPageMiddle.gif);
	margin-bottom: 0px;
	overflow: hidden;
	width: 760px;
}

#leftcolumn {
	position: relative;
	color: #333;
	padding: 0px;
	width: 233px;
	float: left;
}

#rightcolumn {

	float: left;
	color: #333;
	padding: 0px;
	width: 527px;
	position: relative;
}


#banner {
	background: url(images/banner.jpg);
	width: 752px;
	height: 193px;
	margin: 0 auto;
}

#banner ul {
	text-align: left;
	margin: 0 0 0 47px;
	padding: 22px 0 0 0;
}

#banner li {
	height: 40px; line-height: 40px;
}

/*#########################
#      praxemHeader       #
#########################*/

.logoLien {	margin: 20px 0 10px 40px;}
.slogan { margin: 20px 0 10px 0px;}

#nav1 {
	position: absolute;
	right: 25px;
	top: 52px;
	padding: 0 5px;
	font-size: 11px;
	background: #fff;
}

#nav1 li {
	float: left;
	margin: 0 6px;
}

/*#########################
#     praxemBlocText      #
#########################*/

.textBloc {
	position: relative;
	background: url(images/textBloc275.gif) bottom;
	width:246px;
	height:266px;
	float: left;
	text-align: justify;
	padding: 0 20px 0 10px;
	margin: 1px 0 0 5px;
	_margin: 1px 0 0 2px;
}

.textBloc h2 {
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
}

.textBloc .productsLink {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.video {
	position: relative;
	width :500px;
	height: 200px;
}

.video .productsLink {
	position: absolute;
	bottom: 0px;
	right: 20px;
}
/*#########################
#         product         #
#########################*/

#products {
	position: relative;
	clear: both;
	margin: 0 0 0 10px;
	height: 210px;
	width: 100px;
}

#products h2 {
	margin: 0 0 10px 0; padding 0;
}

#products .productsLink {
	position: absolute;
	bottom: 0;
	right: 23px;
}

/*#########################
#       praxemNews        #
#########################*/

#news {
	width: 176px !important;
	padding: 0 12px;
	text-align: left;
	float: right;
}

#news h2 {
	margin: 9px 0 10px 0;
}

#news h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	line-height: 11px;
}

#news span {
	color: #979797;
	font-size: 9px;
	margin: 0;
	padding-left:11px;
}

#news p {margin: 5px 0 10px 0;font-size: 11px; padding-left:11px; text-align: justify;}



.lirePlus {
	margin: 0 0 20px 0;
}

/*#########################
#         login          #
#########################*/

#login {
	position: relative;
	background: url(images/connectBox275.gif) bottom;
	width: 192px;
	height: 245px;
	padding: 8px 15px 15px 15px;
	float: right;
	right: 15px;
}

#login h2 {
	padding: 1px 0 0 0;
	margin: 0 0 0 5px 0;
}

#login p {
	margin: 3px 0 0 0;
}

#login input {
	background: url(images/bgInput.gif) repeat-x;
	border: 1px solid #d3d0d0;
	width: 95% ;
}



#login .options {
	font-size: 9px;
	float: left;
	margin-top: 12px;
}

.connectBtn {
	padding: 0px 8px 0 0;
}


/*#########################
#       contentText       #
#########################*/


#contenttext {
	width: 480px;
	margin: 0 0 0 20px;
	text-align: justify;
}

#contenttext p {
	margin: 0 0 20px 10px;
}

#contenttext ul  {
	margin-left: 25px;
	list-style-image: url(images/dot.png);
}

#contenttext a {
	font-weight: normal;
	color: #809ab8;
}

/*#########################
#          Error          #
#########################*/

.loginError {
	position: absolute;
	background: url(images/error.png) no-repeat;
	width: 177px;
	height: 62px;
	top: 0px;
	right: 0px;
	padding: 8px 0 0 13px;
	color: #cf0707;
}

.loginError1 { font-size: 11px; color: #cf0707; }

/*#########################
#         footer          #
#########################*/


#footer {
	position: relative;
	clear: both;
	background: url(images/footer.gif);
	width: 760px;
	height: 120px;
	margin: 0 auto;
}

#footer2 {
	position: relative;
	clear: both;
	background: url(images/footer2.gif);
	width: 760px;
	height: 120px;
	margin: 0 auto;
}


#copyright {
	width: 206px;
	position: relative;
	top:10px; left:25px;
	color: #9f9f9f;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#footerNav {
	position: absolute;
	right: 25%;
	top: 12px;
	font-size: 11px;
}

#footerNav li {
	float: left;
	margin: 0 6px;
}

#footer a {color: #fff;}

#footer .arrow {
	margin: 0 5px 1px 0;
}

/*#########################
#        MyAccount        #
#########################*/

#bannerAccount {
	background: url(images/bannerAccount.jpg);
	width: 760px;
	height: 131px;
	margin: 0 auto;
}

/*#########################
#          Aide           #
#########################*/

#help {
	width: 178px !important;
	padding: 0 12px;
	text-align: left;
	float: right;
}

#myaccount {
	background: url(images/simulationsBg.gif) no-repeat;
	width: 500px;
	height: 157px;
	*height: 257px; /*##### SELEMENT VU PAR IE7 #####*/
	margin: 20px 0 20px 20px;
}

.simChoiceInstructeur {
	position: relative;
	background: none;
	width: 330px;
	height: 145px;
	float: left;
	padding: 5px 0 0 0;
	
}

.simChoiceInstructeur h2 {
	margin-right: 30px;
}


.simChoiceParticipant {
	margin-top: 10px;
	background: url(images/fondMonCompte.gif) right no-repeat;
	position: relative;
	width: 330px;
	height: 158px;
	float: left;
}

.simChoiceParticipant h2 {
	margin-right: 30px;
}

#editAccount {
	float: left;
	width: 135px;
	height: 145px;
	margin: 0 0 0 0px;
	padding: 5px 0 0 0;
}

.btnAcceder {
	position: absolute;
	top: 55px;
	right: 15px;
}



.img_gauche {
	float: left;
	margin: 0 5px 2px 0;
}

.img_droite {
	float: right;
	
}

.doc {font: 12px "Trebuchet Ms"; color: #333333;  text-align: left;}
.doc ul { padding: 5px 20px; margin: 0 0 0 20px; background: #F8F8F8;}
.doc h3 { margin: 20px 10px 10px 0; padding-left:15px; font-size: 125%;}
.doc h4 { margin: 20px 10px 10px 0; padding-left:15px; font-size: 115%; color: #637d36;}
.doc p { margin: 7px 10px 0 17px; text-align: justify;}  
.doc h1 { font-size: 21px; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 10px 0; color: #525252; border-bottom: 1px solid #bebebe; }
.doc table { padding-left:15px; border-collapse:collapse; margin: 0px auto; }