html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% arial;
	line-height: 1.88889;
	color: #555753; /*#003591 #FFF   #006666 #003591 #8292c5 #B2BBDC #EA2   */		
	background: transparent  url("../Img/montagedNY.png") no-repeat top left; 	 				/* Bandeau  Nouvel An  */
	/*background: #EAEBE8  url("../Img/montagec.png") no-repeat top left; 				  */
	margin-left: 40px; 	 
	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_transp.png") no-repeat top left; */				  /*  Logo Noël */
	background: transparent url("../Img/test_logo.png") no-repeat top left; 
	height: 93px; 
	margin-left: 0px;	
	-webkit-border-radius: 5px;					 /* angles un peu arrondis */
	-moz-border-radius: 5px;
	border-radius: 5px;			  
		/*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: 30px;	   
	margin-top:0px;
	color: #E9411B;	
	font: bold 10pt arial;  	  
	text-shadow: -3px 4px 2px rgba(150, 150, 150, 1);/* ombrage */
	
}  		   	 
/* Menu horizontal  cf plus bas 300 */																
/* #linkList {	 top left				*/
	/*background: #FFFFCC	url("../Img/lis_g.png")  repeat-y; ;  */
	/*background: #FFFFFF url("../Img/coin_menu_g.png")  no-repeat ;  url("../Img/fond_menuh2.png")*/
	/*background: #004996  no-repeat ; 	  */
	/*position: absolute;  	*/ 
	/*width: 1000px; 	  */
	/*height: 60px;	 */  
	/*margin-top: -600px; 		*/   /* hauteur entre logo et menu gauche*/
	/*margin-bottom: 60px;		*/
	/*margin-left: 0px;		*/
	/*top : 155px;  	*/
	/*margin-bottom: 0px;  
	padding: 0px 0px 0 0px;	*/
	

	/*background: #ffffff ; 
	margin-top: 50px;
	margin-left: 20px; 
	position : relative;
	top: 10; 
	left: 100;  	}	*/
	
/*#quickSummary {
	clear:both; 		 */
	/*margin: 10px 50px 180px 50px;  */		
	/*margin: 10px 50px 10px 50px;
	width: 900px; 
	float: left;
	}	   */
/*#quickSummary p {
	font: italic 10pt/22pt georgia;  
	color: #ffffff;
	text-align:center;
	}		 */						  
																								/* CONTENEUR */
#container { 
	background:   #FFFFFF top left;    		/*#B2BBDC 		  	   */
	color: #555753; 
	padding: 10px 10px 10px 10px;  	 /* le premier est le haut -  le 4 à droite*/
	margin-top: 40px;   
	margin-bottom: 10px;
	width: 980px;	  
	-moz-border-radius-bottomright: 25px;		 /* Arrondis des angles inférieurs */
	-webkit-border-bottom-right-radius: 25px;
	border-bottom-right-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border-bottom-left-radius: 25px;				 /* Fin des arrondis des angles inférieurs */
	/*height: 780px;	  */	 
	-webkit-box-shadow: -4px 3px 3px rgba(100, 100, 100, 0.75);					 /* Ombre gauche */
	-moz-box-shadow:    -4px 3px 3px rgba(100, 100, 100, 0.75);
	box-shadow:         -4px 3px 3px rgba(100, 100, 100, 0.75);
	}
 
#intro { 
	/*min-width: 900px;	*/	   	 
	width: 900px;	
	padding: 5px 0px 0 0px;	     /* 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: 0px;		
	}
#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;
}



#preamble {	 																	   /* colonne centrale */
	clear: right; 	
	width: 500px; 	  	 /* largeur colonne */ 				
	position : absolute;
	margin-left: 10px;
	margin-top: 0px;   
	
	padding: 0px 10px 10px 0px;
	}		  	  
#preamble title  {  
	font: bold 10pt/22pt georgia;  
	/*#ff0000;		*/   
	}  	  
#preamble h1  {
	font: georgia;  
	background: #004996 url("../Img/bec.png")  bottom left no-repeat; 					/* Titre principal colonne centrale */
	padding-left: 25px;	
	padding-top: 0px;  
	-moz-border-radius-topleft: 25px;				   /* Arrondis angles supérieurs  */
	-webkit-border-top-left-radius: 25px;
 	border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	border-top-right-radius: 25px;						/* Fin des arrondis angles supérieurs  */
	color: white;
	}
							/* colonne centrale - texte sur fond blanc */	
#preamble p.p2 {
	font: 10pt/22pt arial;  
	background-color:white;
	padding: 5px 5px 5px 5px;	 
	
	}	
							/* 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:#EEEDEA ; 	 		/* gris clair		 */
	width: 420px;  
	position: relative;	  
	margin-top: 15px; 		 /* hauteur bleue entre bandeau et cartouche */
	margin-bottom: 100px; 			   /* attention marge inf du bloc gauche car le bloc central peut dépasser le bloc gauche mais pas de plus de 150 px*/
	margin-left: 530px;	   /* largeur entre bord g conteneur et bord g cartouche */
	padding: 3px 10px 10px 10px;	   
	padding-top: 0px;  
	-webkit-border-radius: 25px;  /* Arrondis des 4 angles de la cartouche droite */
	-moz-border-radius: 25px;
	border-radius: 25px;		   /* Fin des arrondis des 4 angles de la cartouche droite */
	}	  
#supportingText img {	 
	margin-top: 5px;
	margin-bottom: 30px; 
	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: 50px; 
}	
#imgcart{	
text-align: center; 
}																				  /* Menu horizontal */
 
#linkList {	 /* top left*/
	/*background: #FFFFCC	url("../Img/lis_g.png")  repeat-y; ;  */
	/*background: #FFFFFF url("../Img/coin_menu_g.png")  no-repeat ; url("../Img/fond_menuh2.png")  */
	background: #004996   no-repeat ;				   /* fond menu horizontal */
	position: absolute;   
	top : 155px;  
	left : 40px;
	width: 1000px; 	 
	height: 40px;	   							/* hauteur du bandeau de menu horizontal - bleu foncé */
	/*margin-top: -600px; 		*/   /* hauteur entre logo et menu gauche*/
	/*margin-bottom: 60px;		*/
	margin-left: 0px;	  
	margin-bottom: 0px;
	padding: 0px 0px 0 0px;			
	/* arrondi des angles supérieurs */
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
 	border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	border-top-right-radius: 25px;
 	/*background: #ffffff ; 
	margin-top: 50px;
	margin-left: 20px; 
	position: absolute; 
	top: 0; 
	left: 0;  */
	}
#linkList2 { /* top left repeat-y	   */
	font: 11px verdana, sans-serif;    
	/*background: transparent url("../Img/ssmenu.png") repeat-y; */
	background: transparent  repeat-y; 
	/*padding: 10px; 
	margin-top: 50px; 	 
	margin-left: 0px;  
	margin-bottom: 0px;	   */
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden; /* 130px; 	 */
	}
/*#linkList h3.select { 	 h3.gif height: 16px; width: 97px;  transparent url("../Img/select.png")     */
	  /* background: #ffffff no-repeat top left; 	    */
	  /* margin: 0px 0 0px 0; 	 	  */
	  /* padding-left: 5px;		    */
	  /* width: 165px; 				    */
	  /* height: 40px; 	  			 */
	  /* color: #004996;	   			  */
	}
/*#linkList h3.select span {
	display:none
	}		   */
/*#linkList h3.favorites { 		 /*
	/*background: transparent url(h4.gif) no-repeat top left; */
	/*background: transparent  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; */
	/*background: transparent 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/select2.png") no-repeat top left; 	   */
	/*margin: 0px 0 0px 0; 	 
	padding-left: 15px;
	width: 160px; 
	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-left: 0px;	
	margin-top: 1px;	
	margin-bottom: 1px;  /* marge entre haut fond_menuh et texte des rubriques de navigation */
	padding: 0;
	}		 					  /* nouveautés menu horizontal */
#linkList li.gauche {			  																		 /* contenu rubrique menu horizontal */
	float: left;
	margin-right: 4px;
	font-size: 1.2em;
	font-style: normal;
}
#linkList li.droite {
	float: right;
	margin-right: 15px;
	margin-left: 0px;
	padding: 0px 0;
}
#linkList a {
	padding: 6px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
#linkList li { 		  /* transparent url("../Img/li.png") repeat-y top left	  */			  						 /* rubriques menu navigation horizontale */
	/*background:  url("../Img/ping_red.png")  bottom left no-repeat; 	 transparent url("../Img/select2.png") */
	background:  #ffffff no-repeat top left; 			    
	/*background: transparent  no-repeat top left; 		*/  
	color : white;
	line-height: 1.5ex; 
	display: block;    
	padding-left: 5px;
	padding-top: 0px; 	  
	margin-left: 0px;		
	margin-top: 0px;				 /* hauteur rubriques par rapport au menu h */
	margin-bottom: 0px;
	list-style-type: none;	  
	padding-top: 0px;  
	-moz-border-radius-topleft: 25px;				   /* Arrondis angles supérieurs  */
	-webkit-border-top-left-radius: 25px;
 	border-top-left-radius: 25px;
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	border-top-right-radius: 25px;						/* Fin des arrondis angles supérieurs  */	   /*ombrage rubriques*/
	-webkit-box-shadow: 0px 10px 1px rgba(255, 48, 0, 0.7);
-moz-box-shadow:    0px 10px 1px rgba(255, 48, 0, 0.7);
box-shadow:         0px 10px 1px rgba(255, 48, 0, 0.7);
	}										  /* fin nouveautés menu h */
#linkList li a:link img {
	color: #000099 ; /*#988F5E; */
	}
#linkList li a:visited {
	color: #B2BBDC; /*#004996 #B3AE94; */				/* test sur lien visité */
	}
#linkList li a:active {
	font-weight: bold; 
	text-decoration: none; 
	color: red;  
	}												  
#linkList li a:hover {
	font-weight: bold; 	 
	text-shadow: 0em 2.5em 0em #000099;		  
	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: #FFFFFF ; /* #004996 #988F5E; */			
	}
#linkFlag li a:visited {
	color: #FFFFFF    ;/* #9999CC #B2BBDF #B3AE94; */	   /* BLanc */
	}
#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;  
	}		*/			  
#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: 30px;
	margin-top: 10px;
	}
#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;*/
	}	
#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;
	}