/* CSS Document */
body {
scrollbar-face-color: #dda0dd;
   scrollbar-shadow-color: #9932cc;
   scrollbar-highlight-color: #ffc0cb;
   scrollbar-3dlight-color: #dda0dd;
   scrollbar-darkshadow-color: #FFF0F5;
   scrollbar-track-color: #fff0f5;
   scrollbar-arrow-color: #800080;
 }

#fond_index {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/fond.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }
	 
#fond_contact {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/contact.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }	 
#fond_pourquoi {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/pourquoi.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }	
	  
#fond_comment {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/comment.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }	 

#fond_npi {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/npi.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }	 
	 
#fond_plan {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/plan.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }

#fond_qui {
     position: relative; /* position du conteneur */
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/qui.jpg);
	 background-repeat:no-repeat;
     width: 920px;
	 height: 590px;
     }	 
	 
.menu {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	line-height: 16px;
	
     }

.menu a:link{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	color:#FFFFFF;
		
	
     }
.menu a:visited{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	color:#FFFFFF;
		
	
     }

.menu a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	color: #CC66FF;	
     }

#pourquoi {
     position: relative;
	 left: 64px;
	 top: 28px;
	 width: 100px;
	 height: 40px;
     }

#qui {
     position: relative;
	 left: 300px;
	 top: 272px;
	 width: 100px;
	 height: 40px;
     }

#comment {
     position: relative;
	 left: 266px;
	 top: 122px;
	 width: 100px;
	 height: 40px;
     }

#npi {
     position: relative;
	 left: 84px;
	 top: 106px;
	 width: 150px;
	 height: 40px;
     }

#contact {
     position: relative;
	 left: 90px;
	 top: 228px;
	 width: 100px;
	 height: 40px;
     }

.mentions a:link{
	 color: #660066;
	 text-decoration:none;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:10px;
     }

.mentions a:visited{
	 color: #660066;
	 text-decoration:none;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:10px;
     }

.mentions a:hover{
     text-decoration:none;
	 color: #660066;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:10px;
     }

.mentions a:active{
     text-decoration:none;
	 color: #660066;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:10px;
     }

#mentions {
     position: relative;
	 left: 660px;
	 top: 370px;
	 width: 250px;
	 height: 30px;
	 color: #660066;
	 text-align:right;
	 text-decoration:none;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:10px;
     }

#joindre {
     position: relative;
	 left: 176px;
	 top: 311px;
	 width: 300px;
	 height: 30px;
	 line-height: 2em;
     }

.joindre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	line-height: 1em;
	text-decoration:none;
	
     }

.joindre a:link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	text-decoration: none;	
	
     }
.joindre a:visited{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	text-decoration: none;	
	
     }

.joindre a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC66FF;	
	text-decoration: none;	
	
     }
#texte {
	position: relative;
	left: 610px;
	top: -160px;
	width: 270px;
	height: 330px;
	color: #660066;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-right: 6px;
	font-size:10px;
	z-index: 100;
	overflow:auto;
     }
	
	
#texte_small {
	position: relative;
	left: 610px;
	top: -195px;
	width: 270px;
	height: 330px;
	color: #660066;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-right: 6px;
	font-size:10px;
	z-index: 100;
	overflow:auto;
     }

#texte_index {
	position: relative;
	left: 610px;
	top: -170px;
	width: 260px;
	height: 372px;
	color: #660066;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-right: 15px;
	font-size:12px;
	z-index: 100;
	overflow:auto;
     }

#texte_plan {
	position: relative;
	left: 610px;
	top: -110px;
	width: 270px;
	height: 330px;
	color: #660066;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-right: 6px;
	font-size:10px;
	z-index: 100;
     }

#titre_haut {
	position: relative;
	left: 580px;
	top: -165px;
	width: 290px;
	height: 22px;
	z-index: 110;
     }

#titre_haut_plan {
	position: relative;
	left: 580px;
	top: -120px;
	width: 290px;
	height: 22px;
	z-index: 110;
     }


.texten {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
	text-decoration:none;
	
     }

.textegras {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	text-align:justify;
	text-decoration:none;
	
     }

.titre {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #660066;
	font-weight:bold;
	text-align:justify;
	text-decoration:none;
	
     }

.texteitalique {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style:italic;
	text-align:justify;
	text-decoration:none;
	
     }
#image {
	position: relative;
	left: 520px;
	top: -175px;
	width: 100px;
	height: 70px;
	z-index: 110;
	
}

#animation {
	position: relative;
	left: 525px;
	top: -205px;
	width: 100px;
	height: 70px;
	z-index: 110;
	
}