/* css Zen Garden Child's Play by Michelle Bennett - Syren Song Designs - http://www.syrensongdesigns.com/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphic and photographic images copyright 2003, Michelle Bennett */

/* You may use this css layout as a template, but you may not use the associated images without the express written permission of the designer. */
/* This means you do not have permission to use any .jpg or .gif files, in whole or in part, associated with this css layout template. */
/* Use of any graphic and/or photographic image(s) associated with this file without written permission (on any site other than http://www.csszengarden.com/) incurs a charge of $3,000 per image, payable whether the images are removed subsequent to discovery or not. */
/* Use of any graphic and/or photographic image(s) associated with this file implies acceptance of the above-stated terms, conditions and use charges. */


body {
	margin: 0px;
	color: Black;
	background: #ffffff url(image2.jpg) no-repeat fixed;
	font: 105% Kids ,"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
}
p { 
	background : transparent;
	font: .9em "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: justify;
	}
h1 {
	display : none;
	
}
h2 {
	display : none;
}
a:link {
	background : transparent;
	font-weight: bold;
	color: #0066CC;
}
a:visited {
	background : transparent;
	font-weight: bold;
	text-decoration: line-through;
	color: #0000CC;
}
a:hover, a:active { 
	background : transparent;
	text-decoration: underline; 
	color: #0000FF;
	}
acronym {
	background : transparent;
	color: #663366;
}
#information { display: none; }
#container {
	margin: 0px;
	padding-right: 190px; 
}
#pageHeader { 
	margin: 0px;
	padding-right: 360px;
	background: transparent url(teurtous.gif) no-repeat;
	height: 100px;
}
#quickSummary {
	clear: left;
	margin-left: 500px;
	position: absolute;
	top: 10px;
	right: 15px;
	width: 410px;
	background-color: transparent;
	max-height : 100px;
}
#quickSummary p {
	background : transparent;
	font: normal normal bold .7em/normal Kids, "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	text-align:right; 
	max-height: 100px;
}
#quickSummary .p1 {
	/*display: none;*/
}
#preamble1 {
	clear: both;
	padding: 30px 10px 20px 10px;
	margin-bottom: 30px;
	border-top : 2px solid #003300;
}
#preamble2 {
	clear: both;
	padding: 30px 10px 20px 10px;
	margin-bottom: 30px;
	border-top : 2px solid #003300;
}
#preamble1 h3 span {
	/*display: none;*/ padding-left: 90px;
}
#preamble1 h3 {
	/*float: left;*/
	background: transparent url(cv.jpg) no-repeat top left;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#preamble2 h3 span {
	/*display: none;*/ padding-left: 90px;
}
#preamble2 h3 {
	/*float: left;*/
	background: transparent url(orage.jpg) no-repeat top left;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#supportingText {
	padding-left: 10px;
	clear: right;
}
#explanation h3 span {
	/*display: none;*/padding-left: 90px;
}
#explanation {
	clear: both;
	padding-top: 30px;
	margin-bottom: 30px;
	border-top : 2px solid #003300;
}
#explanation h3 {
	/*float: left;*/
	background: transparent url(genealogie.jpg) top left no-repeat;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#participation h3 span {
	/*display: none;*/padding-left: 90px;
}
#participation {
	clear: both;
	padding-top: 30px;
	border-top : 2px solid #003300;
	margin-bottom: 30px;
}
#participation h3 {
	/*float: left;*/
	background: transparent url(xhtml_css.jpg) no-repeat bottom left;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}

#benefits {
	clear: both;
	padding-top: 30px;
	border-top : 2px solid #003300;
	margin-bottom: 50px;
}
#benefits h3 span {
	/*display: none;*/padding-left: 90px;
}
#benefits h3 {
	/*float: left;*/
	background: transparent url(philo.jpg) top left no-repeat;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}

#requirements {
	clear: both;
	padding-top: 30px;
	border-top : 2px solid #003300;
}
#requirements h3 span {
	/*display: none;*/ padding-left: 90px;
}
#requirements h3 {
	/*float: left;*/
	background: transparent url(abeille.jpg) top left no-repeat;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#requirements1 {
	clear: both;
	padding-top: 30px;
	border-top : 2px solid #003300;
}
#requirements1 h3 span {
	/*display: none;*/ padding-left: 90px;
}
#requirements1 h3 {
	/*float: left;*/
	background: transparent url(bourse.jpg) no-repeat top left;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#requirements2 {
	clear: both;
	padding-top: 10px;
	border-top : 2px solid #003300;
}
#requirements2 h3 span {
	/*display: none;*/ padding-left: 90px;
}
#requirements2 h3 {
	/*float: left;*/
	background: transparent url(handisport.jpg) no-repeat top left;
	height: 100px;
	width: 375px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}
#requirements3 {
	clear: both;
	padding-top: 30px;
	border-top : 2px solid #003300;
}
#requirements3 h3 span {
	/*display: none;*/ padding-left: 90px;
}
#requirements3 h3 {
	/*float: left;*/
	background: transparent url(optimise.jpg) no-repeat top left;
	height: 100px;
	width: 575px;
	margin-top: 0px;
	padding-right: 20px;
	clear: right;
}

#requirements .p4 {
	padding-bottom: 30px;
	border-bottom : 2px solid #003300;
}
#requirements .p5 {
	margin-bottom: 0px;
	text-align: center;
	background-color : transparent;
	font-size : 80%;
}
#footer {
	text-align: center;
	background-color: transparent;
	padding-bottom: 15px;
	border-bottom : 2px solid #003300;
	margin : 0px 0px 20px 0px;
	width: 100%;
	clear: both;
}
#footer a:link, #footer a:visited { 
	font-size: 65%;
	margin-right: 20px; 
	}

#linkList {
	clear: left;
	margin-left: 600px; 
	position: absolute; 
	top: 110px; 
	right: 10px;
	background-color: transparent;
}
#linkList2 {
	font: 11px verdana, sans-serif;
	width: 160px;
	margin-top: 0px;
	margin-right: 0px;
	border : medium groove #003300;
}
#linkList h3.select span {
	
}
#linkList h3.select {
	margin: 0px;
	border-bottom : 2px solid #006600;
	border-top : 2px solid #006600;
}
#lselect h3 {
	background: transparent url(best-friends.gif) no-repeat left;
	height: 30px;
	width: 160px;
	margin-top: 0px;
	margin-bottom: 20px;
	clear: both;
}
#lselect {
	width: 160px;
	margin-top: 0px;
	padding-bottom: 10px;
	background :  #99ccff url(wooden-swings.jpg) no-repeat right;
}
#linkList h3.archives span {
	
}
#linkList h3.archives {
	margin: 0px;
	border-bottom : 2px solid #006600;
	border-top : 2px solid #006600;
}
#larchives h3 {
	background: transparent url(playmates.gif) no-repeat left;
	height: 30px;
	width: 160px;
	margin-top: 0px;
	margin-bottom: 20px;
	clear: both;
}
#larchives {
	width: 160px;
	margin-top: 0px;
	padding-bottom: 10px;
	background :  #99ccff url(playmates-bg.jpg) no-repeat right;	
}
#linkList h3.resources span {
	
}
#linkList h3.resources { 
	margin: 0px;
	border-bottom : 2px solid #006600;
	/*border-top : 2px solid #006600; */
}
#lresources h3 {
	background: transparent url(toy-chest.gif) no-repeat left;
	height: 30px;
	width: 160px;
	margin-top: 0px;
	margin-bottom: 20px;
	clear: both;
}
#lresources {
	width: 160px;
	margin-top: 0px;
	padding-bottom: 10px;
	background :  #99ccff url(toy-box4.jpg) repeat-y top right;	
}
#linkList ul {
	margin: 0px;
	padding: 0px 5px 5px;
}
#linkList li {
	line-height: 15px; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}	
#extraDiv1 {
	position: absolute;
	top: 100px;
	left: 0px;
	right:0px;
	width: 100%;
	border-bottom : 2px solid #003300;
	margin-bottom: 0px;
	clear : both;
}
.titre{color:blue;}
.p1{margin-left: 150px;}
img { border-style: none;}
.emphase {font: italic bold;