html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% arial, sans-serif;
	line-height: 1.88889;
	color: #555753; /*#003591 #FFF   #006666 #003591 #8292c5 #B2BBDC #EA2   */
	background: transparent  url("../Img/montageb.png") no-repeat top left; 
	margin-left: 120px; 	 
	padding: 0;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #004996;
	/*color: #B7A5DF;*/
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	font-weight: bold; 
	text-decoration: none; 
	color: red;
	/*text-decoration: underline; 
	color: #9685BA;*/
	}
acronym {
	border-bottom: none;
	}
/* Logo */
#logo h1 {
	/*background: transparent url("../Img/Logo_Xmas_small.png") no-repeat top left; */ 
	background: transparent url("../Img/test_logo.png") no-repeat top left;  
	height: 93px; 
	margin-left: -80px;
	/*position : absolute;
	margin-top: 10px; */
	/*min-width: 300px;	   
	min-height: 200px;*/
}  
/* specific divs #FFF transparent  #EA2 url("../Img/logo.png") */	

/* Baseline */
#baseline h1 {
	background: transparent;  
	margin-left: -50px;	   
	margin-top:0px;
	color: #E9411B;	
	font: bold 10pt arial;  
	
}  

#container { 
	background: #B2BBDC   top left;    				  
	color: #555753; 
	padding: 10px 10px 10px 10px;  	 /* le premier est le haut*/
	margin-top: 14px;   
	width: 980px;	
	height: 768px;
	}

#intro { 
	min-width: 800px;		   
	padding: 10px 10px 0 10px;	     /* le premier définit la hauteur de lisere bleu apparaissant après le bandeau
	/*padding: 0 175px 0 110px;   */
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background:  #ffffff no-repeat top left; 
	margin-top: 0px;  
	padding-top:0px;
	padding-bottom:10px;   
	padding-left: 10px;
	/*width: 200px; */
	/*height: 95px; */
	position: relative;		
	top: 0px; 
	left: 100px;		
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(bg.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}
#pageHeader h2 span {
	display:none
	}
#pageHeader h3 span {
	margin-top: 120px; 
	width: 200px; 
	height: 95px; 
	float: left;
	}
#pageHeader h4 span {
	background-color: #ffffff; 
	margin-top: 0px; 	
	margin-left:120px;
	width: 300px; 
	height: 35px; 
	text-align: center;
	float: left;
	}
#pageHeader {
	padding-top: 0px;
}

#quickSummary {
	clear:both; 
	/*margin: 10px 50px 180px 50px;  */		
	margin: 100px 50px 10px 50px;
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia;  
	color: #ffffff;
	text-align:center;
	}

#preamble {	 										   /* colonne centrale */
	clear: right; 	
	width: 500px; 	  
	position : absolute;
	margin-left: 80px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	}		  	  
#preamble title  {  
	font: bold 10pt/22pt georgia;  
	/*#ff0000;		*/   
	}  	  
#preamble h1  {
	font: georgia;  
	background: #004996 url("../Img/bec.png")  bottom left no-repeat; 
	padding-left: 25px;	
	padding-top: 0px;
	color: white;
	}
							/* colonne centrale - texte sur fond blanc */	
#preamble p.p2 {
	font: 10pt/22pt arial;  
	background-color:white;
	padding: 1px 1px 1px 1px;
	}	
							/* colonne centrale - image sur fond transparent */		
#preamble p.p3 {
	font: 10pt/22pt arial;  
	background-color:transparent;
	}			
#preamble img {	  
  	/*border-width: 1px;		  
	border-top-color: red;	
	border-left-color: red;  
	border-right-color: red;  
	border-bottom-color: red;
  	border-style: dotted;*/
}				
		
#preamble h2 {		
	width : 70%;	 	 
	text-align: left;	   
	padding-left: 2px;
	padding-right: 2px;	
	font-size: 12px; 		  
	//background-color: #FFFFFF;
	//background-color: #D2D8FF;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066CC;			
	border-width: 1px;	 
	border-left-color: white;	  
	border-right-color: red;
	/* border-color:  #333333 #333333 #FFFFF #CCCCCC ;	  */
  	border-style: dotted;
}	

#preamble a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #004996;
	}
#preamble a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #004996;
	}
#preamble a:hover, a:active { 
	text-decoration: underline; 
	color: red;
	}	  
/* Téléchargements liens aux doc */			
#download ul {	   
	background-color: white;
	margin-top: 5px;	
	margin-bottom: 50px;
	padding-left : 5px;
	}
#download li { 		  /* transparent url("../Img/li.png") repeat-y top left	   */	
	background:   url("../Img/ping_red.png") bottom left no-repeat; 	  */
	line-height: 2.5ex; 
	display: block;  
	padding-left: 20px;
	padding-top: 5px;  
	margin-top: 3px	;
	margin-bottom: 3px;
	list-style-type: circle;
	}
#download a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #555753 ;
	}
#download a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #0066CC;
	}
#download a:hover, a:active { 
	text-decoration: underline; 
	color: red;
	}	 


#supportingText {		/*#FFFFCC	  */	 			/* Cartouche à droite */
	background:#FFFEFB ; 	 
	width: 300px;  
	position: relative;	  
	margin-top: 16px; 		 /* hauteur bleue entre bandeau et cartouche */
	margin-bottom: 50px; 
	margin-left: 630px;
	padding: 3px 10px 10px 10px;
	}	  
#supportingText img {	
	border-width: 1px;		  
	border-top-color: red;	
	border-left-color: red;  
	border-right-color: red;  
	border-bottom-color: red;
  	border-style: dotted;
}		
#explanation h3 {
	color: #004996;	  	 
	text-align: center; 
	text-transform: uppercase ;  	
	border-bottom: red;
	text-decoration: underline;	   
	margin-bottom: 5px; 
}	
#imgcart{	
text-align: center; 
}
 
#participation {			
	background:#FFFFCC ;
	width: 300px; 	
	position: relative;
	margin-top: 0px; 
	margin-left: 650px;
	padding: 10px 10px 10px 10px;
	}	  
#footer { 		 
	font: 90% arial;
	text-align: center; 
	position : absolute;
	margin-left: 70px;
	margin-top: 20px;
	}
#footer a:link {
	/* margin-right: 20px; */
	color: #004996 ;/*#988F5E*/
	}
#footer a:visited { 
	/* margin-right: 20px; */
	color:  #004990 ; /*#B2BBDC #B3AE94 */
	}
#footer a:hover, a:active { 
	font-weight: bold; 
	text-decoration: none; 
	color: red;
	/*text-decoration: underline; 
	color: #9685BA;*/
	}	


#linkList {	 /* top left*/
	/*background: #FFFFCC	url("../Img/lis_g.png")  repeat-y; ;  */
	background: #FFFFFF url("../Img/coin_menu_g.png")  no-repeat ;
	width: 150px; 	 
	height: 100%;	   
	margin-top: 5px; 		   /* hauteur entre logo et menu gauche*/
	/*margin-bottom: 60px;		*/
	margin-left: 20px;	  
	margin-bottom: 0px;
	padding: 0px 0px 0 0px;	
	position: absolute;  
	top: 150px; 
	left: 0;

	/*background: #ffffff ; 
	margin-top: 50px;
	margin-left: 20px; 
	position: absolute; 
	top: 0; 
	left: 0;  */
	}
#linkList2 { /* top left repeat-y	   */
	font: 12px verdana, sans-serif; 
	background: transparent url("../Img/ssmenu.png") repeat-y; 
	padding: 10px; 
	margin-top: 50px; 	 
	margin-left: 0px;  
	margin-bottom: 0px;
	width: 130px; 
	}
#linkList h3.select { 	   /* h3.gif height: 16px; width: 97px;  */
	background: transparent url("../Img/select.png") no-repeat top left; 
	margin: 0px 0 0px 0; 	 
	padding-left: 15px;
	width: 140px; 
	height: 40px; 	  
	color: #004996;	   
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url("../Img/select.png") no-repeat top left; 
	margin: 0px 0 0px 0; 	 
	padding-left: 15px;
	width: 140px; 
	height: 40px; 	  
	color: #004996;
	/*background: transparent url(h6.gif) no-repeat top left; 
	margin: 25px 0 5px 0; 
	width:63px; 
	height: 10px; 		*/
	}
#linkList h3.resources span {
	display:none
	}

#linkList ul {
	margin-top: 5px;	
	margin-bottom: 50px;
	padding: 0;
	}
#linkList li { 		  /* transparent url("../Img/li.png") repeat-y top left	  */	
	background:  url("../Img/ping_red.png")  bottom left no-repeat; 
	line-height: 2.5ex; 
	display: block;  
	padding-left: 20px;
	padding-top: 2px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkList li a:link img {
	color: #B2BBDC ; /*#988F5E; */
	}
#linkList li a:visited {
	color: #004996 ;/*#B3AE94; */
	}
#linkList li a:hover, a:active {
	font-weight: bold; 
	text-decoration: none; 
	color: red;
	/*text-decoration: underline; 
	color: #9685BA;color: #004990 ;#B3AE94; */
	}

#linkFlag li { 		  /* transparent url("../Img/li.png") repeat-y top left	  */	/* Sous-menu langues*/
	background:  bottom left no-repeat; 
	line-height: 2.5ex; 
	display: block;  
	padding-left: 0px;
	padding-top: 2px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkFlag li a:link  img {
	color: #004996 ; /*#988F5E; */			 /*BLEU MARINE	   */
	}
#linkFlag li a:visited {
	color: #9999CC   ;/* #B2BBDF #B3AE94; */	   /* BLEU MAUVE */
	}
#linkFlag li a:hover, a:active {
	font-weight: bold; 
	text-decoration: none; 
	color: red;									/*ROUGE*/
	}
#linkComp li { 		  /* transparent url("../Img/li.png") repeat-y top left	  */	/* Sous-menu Compteur*/
	background: transparent  ;
	color: #004996 ;   
	text-align: center;	  
	text-transform: lowercase ;  	
	line-height: 2.5ex; 
	display: block;  
	padding-left: 10px;
	padding-top: 2px; 
	margin-bottom: 5px;
	list-style-type: none;
	}
#linkComp li a:link a:hover img {
	color: #004996 ; /*#988F5E; */
	}
#linkComp li a:visited {
	color: #9999CC   ;/* #B2BBDF #B3AE94; */
	}
	   
#linkEnd {	 /* bottom left ou signature woody en bas de colonne gauche */
	background: white url("../Img/coin_menu_g_down.png") left top no-repeat ;
	width: 150px; 	 
	height: 300px;	   
	/*
	margin-top: 380px; 	
	margin-bottom: 60px;		
	margin-left: 0px;
	padding: 0px 0px 0 0px;	
	position: absolute;  
	top: 150px; 
	left: 0;*/

	/*background: #ffffff ;   */
	margin-top: 530px;
	margin-left: 0px; 
	position: absolute; 
	top: 0; 
	left: 0;  
	}
#extraDiv1 h1 {
	background: transparent   repeat-y; 
	width: 150px; 	 
	margin-bottom: 0px; 
	/*margin-bottom: 60px;		*/
	margin-left: 0px;
	padding: 0px 0px 0 0px;	
	position: absolute;  
	left: 0;
	}
.accesskey {
	text-decoration: underline;
	}