body {font-size:11pt; background-color:#FFFDF4; font-family:arial, courier; 
	 padding-top:0px; margin:1px;}
a {text-decoration:none; font-weight:bold; color:#C13E6B;}
a.autre {text-decoration:none; font-weight:bold; color:#707ca2;}
a IMG {border:none;}
.conteneur {position: relative;  margin-left: auto; margin-right: auto; width: 1000px; border-left:1px solid #bbbbbb;
				border-right:1px solid grey;}

														/*  divers  */


.rgesurlgne {color:red; font-weight:bold; background-color:#c1c1e1}  /*rouge - fond bleu gris */
.rgesouslgne {color:red; font-weight:bold; text-decoration:underline;} /* rouge gras souligné */ 
.rgegras {color:red; font-weight:bold;} 								/* rouge gras */
.bleugras{font-weight:bold; color:#586897;}
.mauvegras {font-weight:bold; color:#922e51;}

.tl {position:absolute; top:0px; left:0px;}						/* coins arrondis */
.tr {position:absolute; top:0px; right:0px;}
.bl {position:absolute; bottom:0px; left:0px;}
.br {position:absolute; bottom:0px;right:0px;}			


												/*   ------- bannière ------- */
.hautgris {width:985px; height:122px; padding-top:15px; padding-left:15px; position:relative;
          background-color:#DDD5CC;}
	.logo {float:left; height:126px; width:196px;}
	                         
	.banner {width: 740px; height: 90px; margin-left:210px; position:relative;
			border:10px solid #A399A0; background-color:#A399A0;}  
        .banimage {background-image: url(../images/banner.jpg); height: 85px; width: 513px;
				  border-top: 3px solid #D4D4D4; border-left: 3px solid #D4D4D4; border-bottom:2px solid #f3f3f3; border-right: 3px solid #f3f3f3;}
        .banimage2 {position:absolute; left:545px; top: 3px; width:180px; height:84px; border: 1px solid #666666;}
		.banbtn {height:12px; width:125px; position:absolute; top:125px; left:810px;  
				background-color:#837CB3; font-size:8pt;  color:#f7f0d1;}
		.banbtn:hover{background-color:#ebe5c7; color:#C13E6B; border:none;}
		
								/* -----------------------------------------------------------------------  */
.principal  {position:relative; width:1000px; height:530px;}	
								/* ----------------------------------- barre liens ---------------------------  */
							
	.barrelien {position:absolute; left:0px; top:0px; width:972px; height:22px; background-color: #A399A0;  
			border-left:14px solid #ddd5cc; border-right:14px solid #ddd5cc;}
			.btelien{display:inline; float:left; height:22px; padding-left:10px; padding-right:10px;
					  border-right:7px solid #ddd5cc; 
					  font-size:9pt; font-weight:bold; color:#ebce76;}
			.btelien:hover{background-color:#ddd5cc; color:#C13E6B;}
					.lienbarreimg{position:relative; top:4px;}
					.lienbarrenr{color:black;}
			.bte{display:inline; float:left; height:22px; width:80px; border-right:7px solid #ddd5cc;}
		   
								/* -------------------------------------- gauche ------------------------------------ */
							
								
	.fengche {position:absolute; left:0px; top:22px;  width:332px; height:440px; 
			 padding:20px; border:14px solid #ddd5cc; border-right:18px solid #ddd5cc;
			 background-image:url(trainpic/imagefondexo3.jpg); background-color:#fefaf1;			 
			 font-size:9pt; line-height:1.2;}
		.illustr{position:absolute; bottom:40px; right:40px;}
		.score {font-size:7pt; position:absolute; bottom:5px; left:10px;}

	 	 
								/* --------------------------------------- droite ------------------------------------------- */


    .fendrte {position:absolute; left:404px; top:22px; width:562px; height:351px; background-color:#A399A0;
			padding:10px; line-height:1.5; border:14px solid #ddd5cc; border-left:0px solid #ddd5cc;
			border-bottom:3px solid #EBE2D9;}
        
		.titre {position:absolute; left:50px; top:14px; width:500px; height:50px; padding-top:5px; padding-left:25px; 					 
			font-size:14pt; color:#F7F0D1;}
			.sstitre{font-size:0.8em; position:absolute; bottom:4px; right:35px;  color:#F7F0D1;}	
			
		.consigne {position:absolute; top:65px; left:50px; width:460px; height:35px; padding:10px; padding-left:20px;
                 font-weight:bold; color:#922E51; font-size:11pt; line-height:13pt;  background-color:#e4ddd6;}         
				 
		.cdrequest {position:absolute; top:122px; left:50px; width:445px; height:190px; padding:10px; padding-right:10px; 
					padding-left:35px; color:#000000; font-weight:normal; font-size:11pt; line-height:14pt; 
					background-color:#F3EAE0; background-image:url(trainpic/fndcdrequest3.jpg);}
	
	.cdreinfo {position:absolute; top:424px; left:404px;  width:70px; height:79px; z-index:1;  
		font-size:13pt; font-weight:bold; text-align:center; color:#dbb237; line-height:12pt;
		border-bottom:2px solid #B4B2B7; border-right:3px solid #ccc9cf; border-top:2px solid #909090; border-left:2px solid #707070;
		padding-left:2px;  padding-top:10px;  background-color:#686c7f;
		background-image:url(trainpic/imgfndexoinfo2.jpg); background-repeat:repeat;}
	
		.milieu {position:absolute; top:43px; left:4px; width:64px; height:8px; background-color:#c0bec3;}
	
	.cdrecommentaire {position:absolute; top:410px; left:404px; width:326px; height:82px;
		 padding:5px; padding-left:85px; padding-right:10px; overflow-x:hidden; overflow-y:scroll;
		 background-image:url(trainpic/imagefondexobottom3.jpg); background-repeat:no repeat;         
		 line-height:12pt; font-size:8pt;
		 border:14px solid #DDD5CC; border-left:0px solid #DDD5CC; border-right:18px solid #DDD5CC;}
                 
		.rightwrong {color:#939393; font-weight:bold;}
		.remark {font-weight:normal; color:#400080; color:#922E51}
		 
		.commentaire{position:absolute; left:10px;}
			.intro{font-weight:bold; color:#939393;}
			.comment {font-weight:bold; background-color:#d9dbe7; color:#586897; display:block; width:280px;
				position:relative; top:2px; padding-left:2px; padding-right:6px; font-size:10pt;} 
		 
		.commentaireplus{ position:absolute; left:10px; top:55px; height:46px;}
			.introplus {position:relative; top:5px; font-weight:bold; color:#939393;}
			.commentplus {position:relative; top:3px; color:#586897; font-weight:bold;
						 display:block; width:286px; padding-left:2px;}
		 
		.introresult {font-weight:bold; color:#d9ba16; font-size:9pt;}
		.introfinale{font-weight:bold; color:#000000; font-size:9pt;}
		.appreciation{display:block; width:275px; font-weight:bold; color:#d9ba16; font-size:9pt;}

	.traitvert{position:absolute; left:840px; top:400px; width:3px; height:129px; background-color:#a399a0;}
	
	.cdreboutons {position:absolute; top:410px; right:0px; width:118px; height:85px;				
		 padding-top:7px; padding-left:10px; background-color:#A399A0; bckground-image:url(trainpic/imagefondexobottom.jpg);
		 border:14px solid #DDD5CC; border-right:15px solid #DDD5CC;}
		.bouton {margin:3px;  width:100px; height:20px; padding-left:5px; font-size:8pt; color:#5a678f; font-weight:bold; text-align:left;}
		.btnav {margin:3px; margin-top:4px; width:46px; height:20px; font-size:10pt; color:#5a678f; font-weight:bold; text-align:center;}
		.ligne {margin:5px; margin-bottom:8px; margin-top:3px; height:4px; width:100px; border:1px solid #6F6F6F; background-color:#D7D7D7;
				  position:relative; top:2px;} /*background-color:#C70120;*/

.bandebsse1 {position:relative; width:1000px; height:15px; background-color:#A399A0; margin-top:3px; 
			border-left:12px none #ddd5cc; border-right:12px none #ddd5cc;}	/* border:12px solid #EBE5C7;  */			
.bandebsse2 {position:relative; width:990px; height:170px; background-color:#DDD5CC; margin-top:4px; 
			margin-bottom:3px; padding-left:10px; padding-top:5px; font-size:7pt;}