/* ---[ General Stuff ]------------------------------ */
	
    body {
		font: 90%/130% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0px;
        padding: 0px;
    	/*background: #e6e6dc;*/
		background: #fff url(../images/Autumn_Leaves.jpg) no-repeat fixed right top;
		color: #000;
    }

    h1, h2, h3, h4 {
    	margin: 0;
    	padding: 0;
    }
	
	.vivaldi{
		font-size:36px;
		font-family:Vivaldi;
	}	
	
	table{
		border-collapse: collapse;
		text-align:left;
	}

    p {
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify;
        font-size: 0.8em;
    }
    
    a:link, a:visited {
        color: #000;
        text-decoration: none;
    }

    a:hover, a:active {
        color: #567b9b;
		 /*text-decoration: underline;*/
		 cursor : pointer;
    }
	
	.floatR{
		float:right;
	}
	.floatL{
		float:left;
	}
	
	code {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 5px;
	display:block;
	border-bottom: 1px dashed #818181;
	/*border: 1px dashed #818181;*/
	background-color: #f0f9ff;
	}
	code  a:hover{
		text-decoration: none;
		cursor : pointer;
	}
	
	.liens a,img{
	margin-bottom:10px;
	margin-top:10px;
	}
		
/* ---[ End General Stuff ]-------------------------- */

/* ---[ Container ]---------------------------------- */

#container{
	margin-left: auto;
    margin-right: auto;
    width: 980px;
    text-align: center; /* on rétablit l'alignement normal du texte */
}

		/* ---[ Intro ]---------------------------------- */

        #intro {
            margin: 175px 0px 0px 0px;
            background: #fff;
            padding: 0px 0px 10px 0px;
            border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;
			
        }
		
		#leftmenu{
		margin-top:20px;
		width: 457px;
		background: #fff url(../images/roundedcornrtl.png) no-repeat; 
		float: left;
		margin-left:10px;
		padding:5px;
		border-right: 1px solid #CFE0EE;
		border-bottom: 1px solid #CFE0EE;
		clear:both;
		}
		
		#leftmenu a:hover{
			background-color: #CFE0EE;
		}

		#leftmenu li{list-style-type:none;padding-top:3px;padding-bottom:3px;border-top: 1px solid #CFE0EE;text-align:left;}
		#leftmenu ul{padding:0; margin:0;}

		#content{
			font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
			float: left;
			width: 580px;
			
			margin-top:20px;
		}
		
		#haut{
		height: 38px;
		background: url(../images/bg_title_header.gif) no-repeat;
		background-position:center;
		
		}
		
		#bas{
		height: 27px;
		background: url(../images/bg_h2.gif) no-repeat;
		background-position:center;
		margin-bottom:5px;
		}

        /* ---[ Page Header ]------------------------ */

            #pageHeader {
            	color: #fff;
            	height: 175px;
            	width: 980px;
            	top: 0px;
				margin-left: auto;
				margin-right: auto;
				text-align: center; /* on rétablit l'alignement normal du texte */
            	position: absolute;
                background: transparent url(../images/header-test.png) 0px 0px no-repeat;
				background-position:center top;
                z-index: 10;
            }

        /* ---[ End Page Header ]-------------------- */

        /* ---[ Quick Summary ]---------------------- */

            #quickSummary {
                width: 270px;
                float: left;
                border-top: solid 1px #ddd;
                border-right: solid 1px #ddd;
                border-bottom: solid 1px #999;
                border-left: solid 1px #ddd;
				z-index:100;
                margin: 20px 15px 10px 10px;
                padding: 0px 0px 3px 0px;
                font-size: 1em;
            }
			#quickSummary2 {
				text-align:center;
                margin: 20px 15px 10px 10px;
                padding: 0px 0px 3px 0px;
                font-size: 1em;
            }


        /* ---[ End Quick Summary ]------------------ */

        /* ---[ Preamble ]--------------------------- */

			#preamble{margin-top:20px;}
            
            #preamble p {
                font-size: 0.9em;
                color: #819bb2;
                padding-left: 300px;
            }

        /* ---[ End Preamble ]----------------------- */

    /* ---[ End Intro ]------------------------------ */

    /* ---[ Supporting Text ]------------------------ */

        #supportingText {
            margin-bottom:5px;
            background: #fff;
			
			
			text-align: center; /* on rétablit l'alignement normal du texte */
            padding: 10px 0px 10px 0px;
            border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
        }
        
        #supportingText div {
            clear: both;
        }
        
        #supportingText h3 {
           /* padding-top: 30px;*/
		    padding-top: 0px;
            height: 25px;
            
        }

        #supportingText h3 span {
            display: none;
        }
        
        /* ---[ Explanation ]------------------------ */
        
			#explanation2 {
                padding-left: 10px;
                padding-right: 10px;
            }
			#explanation2 span.majuscule{
				text-transform: uppercase;
				font-weight: bold;
				text-decoration: underline;
			}
            #explanation2 p.p1 {
                width: 45%;
                float: left;
            } 
            #explanation2 p.p2 {
                width: 45%;
                float: right;
            }

        /* ---[ End Explanation ]-------------------- */

        /* ---[ Participation ]---------------------- */
        
            #participation {
                padding-left: 10px;
                padding-right: 10px;
            }

            #participation p.p2 {
                width: 45%;
                float: left;
            }
            
            #participation p.p3 {
                width: 45%;
                float: right;
            }

            #participation p.p4 {
                clear: both;
            }

        /* ---[ End Participation ]------------------ */

        /* ---[ Footer ]----------------------------- */

            #footer {
				background: url(../images/bg_footer.gif) repeat-x;
                margin-top: 15px;
                padding-top: 40px;
                padding-bottom: 20px;
                font-size: 0.7em;
                clear: both;
                text-align: center;
				
            }
            
            #footer a:link, #footer a:visited {
                text-decoration: none;
                color: #000;
            }
            
            #footer a:hover, #footer a:active {
                background: none;
                text-decoration: underline;
            }
            
        /* ---[ End Footer ]------------------------- */

    /* ---[ End Supporting Text ]-------------------- */

/* ---[ End Container ]------------------------------ */