/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
} 

body {
	background-color: #FFFFFF;
	text-align: center;}

a:link {
	color: #66CCCC;
	text-decoration: none;
}
a:visited {
	color: #66CCCC;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #66CCCC;
	text-decoration: none;
}

div#page {
	width: 1024px;
	text-align: left;
	left : 0px;
	top : 0px;
	position: absolute;
 }

/* ................... minigalerie ...................*/

#galerie01 
{ 	left : 98px;
	top : 70px;
	position: absolute; 
  width: 700px;
}

	#galerie02 
	{ 	left : 98px;
		top : 370px;
		position: absolute; 
	  width: 700px;
	}


#galerie1 
{ 	left : 98px;
	top : 100px;
	position: absolute; 
  width: 700px;
}

	#galerie2 
	{ 	left : 98px;
		top : 430px;
		position: absolute; 
	  width: 700px;
	}

		#galerie3 
		{ 	left : 98px;
			top : 770px;
			position: absolute; 
		  width: 700px;
		}

			#galerie4
			{ 	left : 98px;
				top : 1110px;
				position: absolute; 
			  width: 700px;
			}

				#galerie5 
				{ 	left : 98px;
					top : 1450px;
					position: absolute; 
				  width: 700px;
				}

					#galerie6
					{ 	left : 98px;
						top : 1790px;
						position: absolute; 
						  width: 700px;
					}

						#galerie7 
						{ 	left : 98px;
							top : 2130px;
							position: absolute; 
						  width: 700px;
						}

							#galerie8 
							{ 	left : 98px;
								top : 2470px;
								position: absolute; 
								  width: 700px;	
							}

								#galerie9 
								{ 	left : 98px;
									top : 2810px;
									position: absolute; 
								  width: 700px;
								}

									#galerie10 
									{ 	left : 98px;
										top : 3150px;
										position: absolute; 
  										width: 700px;
										}
										
											#galerie11 
										{ 	left : 98px;
											top : 3490px;
											position: absolute; 
  											width: 700px;
											}
 
												#galerie12 
											{ 	left : 98px;
												top : 3830px;
												position: absolute; 
  												width: 700px;
												}
 
 
#thumbs1 
{ width: 375px; 
  float: right;
}

#thumbs1 a 
{ display: block; 
  float: right; 
  width: 40px; 
  height: 30px; 
}

#thumbs1 a img 
{ width: 40px; 
  height: 30px; 
  border: 0;
}


#thumbs1 a:hover {}

#thumbs1 a:hover img 
{ position: absolute; 
  width: auto; 
  height: auto; 
  right: 396px; 
  top: -72px; 
}

 
#thumbs 
{ width: 540px; 
  float: left;
}

#thumbs a 
{ display: block; 
  float: right; 
  width: 25px; 
  height: 25px; 
}

#thumbs a img 
{ width: 25px; 
  height: 25px; 
  border: 0;
}


#thumbs a:hover {}

#thumbs a:hover img 
{ position: absolute; 
  width: auto; 
  height: auto; 
  right: 396px; 
  top: -92px; 
}

/* ....opacity: 0.85; ....*/

div#grand01 {
	width: auto; 
    height: auto;
	left : 2px;
	top : -2px;
	position: absolute;
 }
 
 
div#description01 {
    width: 350px; 
	left : 437px;
	top : -2px;
	position: absolute;
 }
 
 	
	div#grand02 {
		width: auto; 
    	height: auto;
		left : 2px;
		top : 298px;
		position: absolute;
		 }
 
 
	div#description02 {
	    width: 350px; 
		left : 437px;
		top : 298px;
		position: absolute;
		 }

div#grand1 {
	width: auto; 
    height: auto;
	left : 2px;
	top : 8px;
	position: absolute;
 }
 
 
div#description1 {
    width: 350px; 
	left : 437px;
	top : -2px;
	position: absolute;
 }
 
 	
	div#grand2 {
		width: auto; 
    	height: auto;
		left : 2px;
		top : 338px;
		position: absolute;
		 }
 
 
	div#description2 {
	    width: 350px; 
		left : 437px;
		top : 338px;
		position: absolute;
		 }

		div#grand3 {
			width: auto; 
    		height: auto;
			left : 2px;
			top : 678px;
			position: absolute;
			 }		
 
 
		div#description3 {
		    width: 350px; 
			left : 437px;
			top : 678px;
			position: absolute;
		 }
 
 			div#grand4 {
				width: auto; 
			    height: auto;
				left : 2px;
				top : 1018px;
				position: absolute;
			 }
 
 
			div#description4 {
    			width: 350px; 
				left : 437px;
				top : 1018px;
				position: absolute;
				 }
 
 				div#grand5 {
					width: auto; 
    				height: auto;
					left : 2px;
					top : 1358px;
					position: absolute;
					 }
				
				div#description5 {
				    width: 350px; 
					left : 437px;
					top : 1358px;
					position: absolute;
					 }
 
 					div#grand6 {
						width: auto; 
   						 height: auto;
						left : 2px;
						top : 1698px;
						position: absolute;
						 }
 
 
					div#description6 {
    					width: 350px; 
						left : 437px;
						top : 1698px;
						position: absolute;
						 }
 
						 div#grand7 {
							width: auto; 
						    height: auto;	
							left : 2px;
							top : 2038px;
							position: absolute;
							 }
 
 
						div#description7 {
						    width: 350px; 
							left : 437px;
							top : 2038px;
							position: absolute;
							 }
 
 							div#grand8 {
								width: auto; 
							    height: auto;
								left : 2px;
								top : 2378px;
								position: absolute;
								 }
 
 
							div#description8 {
    							width: 350px; 
								left : 437px;
								top : 2378px;
								position: absolute;
 								}
 
								 div#grand9 {
									width: auto; 
    								height: auto;
									left : 2px;
									top : 2718px;
									position: absolute;
									 }
 
 
								div#description9 {
 								   width: 350px; 
									left : 437px;
									top : 2718px;
									position: absolute;
									 }
 
									 div#grand10 {
										width: auto; 
    									height: auto;
										left : 2px;
										top : 3058px;
										position: absolute;
										 }
 
 
									div#description10 {
									    width: 350px; 		
										left : 437px;	
										top : 3058px;
										position: absolute;
										 }

										div#grand11 {
											width: auto; 
    										height: auto;
											left : 2px;
											top : 3398px;
											position: absolute;
											 }
 
 
										div#description11 {
									 	   width: 350px; 		
											left : 437px;	
											top : 3398px;
											position: absolute;
											 }
											 
											 	div#grand12 {
												width: auto; 
    											height: auto;
												left : 2px;
												top : 3738px;
												position: absolute;
												 }
 
 
											div#description12 {
									 	  	 width: 350px; 		
												left : 437px;	
												top : 3738px;
												position: absolute;
												 }

/* ................... couleurs ...................*/
FF3366 rose
999999 gris
666666 gris plus foncé
66CCCC turquoise


/* ................... textes ...................*/

h8  {font-family: Arial, Helvetica, sans-serif;color:#FF3366;font-size: 15px;}


h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FF0066;
	font-size: 32px;
	font-weight: lighter;
}

h2  {font-family: Geneva, Arial, sans-serif; color:#333333;font-size: 14px;font-weight: lighter;}

h3  {font-family: Arial, Helvetica, sans-serif;  color:#000000;font-size: 12px;font-weight: lighter;}

h4 {font-family: Geneva, Arial, sans-serif; color: #66CCCC; font-size: 10px; font-weight: lighter;}

h5 { font-family: Geneva, Arial, sans-serif; color: #66CCCC; font-size: 12px; font-weight: lighter;}

h6 { font-family: Arial, Helvetica, sans-serif;  color:#000000;font-size: 11px;}

h7 { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 10px;}

h8 { font-family: Geneva, Arial, sans-serif; color: #000000; font-size: 12px; font-weight: lighter;}




/* ................... position des contenus ...................*/
div#aav{
	text-align: left;
	left : 20px;
	top : 10px;
	position: absolute;
}

div#langues{
	text-align: left;
	left : 340px;
	top : 33px;
	position: absolute;
}


div#menu{
	text-align: left;
	left : 20px;
	top : 60px;
	position: absolute;
}

div#bio{
	text-align: left;
	left : 155px;
	top : 100px;
	position: absolute;
	width: 400px;
}

div#textes{
	text-align: left;
	left : 155px;
	top : 450px;
	position: absolute;
	width: 700px;
}


div#demarche{
	text-align: left;
	left : 155px;
	top : 100px;
	position: absolute;
	width: 800px;
}

div#pointsdevente{
	text-align: left;
	left : 155px;
	top : 1450px;
	position: absolute;
	width: 800px;
}

div#imagesoustexte{
	text-align: left;
	left : 155px;
	top : 220px;
	position: absolute;
	width: 400px;
}

div#liens{
	text-align: left;
	left : 450px;
	top : 100px;
	position: absolute;
	width: 560px;
}

div#cv{
	text-align: left;
	left : 450px;
	top : 220px;
	position: absolute;
	width: 400px;
}

div#projets{
	text-align: left;
	left : 155px;
	top : 400px;
	position: absolute;
	width: 825px;
}

div#bijoux{
	text-align: left;
	left : 155px;
	top : 350px;
	position: absolute;
	width: 825px;
}





/* ................... menu bas ...................*/

div#menubas {
	left : 300px;
	top : 1150px;
	position: absolute;
	text-align: center;
}

div#menubas1 {
	left : 300px;
	top : 4440px;
	position: absolute;
	text-align: center;
}

div#menubas3 {
	left : 300px;
	top : 1500px;
	position: absolute;
	text-align: center;
}

div#menubas4 {
	left : 300px;
	top : 1000px;
	position: absolute;
	text-align: center;
}