/* CSS Document */

/*
/////////////////////////////////////////////////////////////////////////////////////////////
*********************************************************************************************

	© Copyright - C/V - Communication Visuelle - Mickael Houdebert - 2010
	http://www.communication-visuelle.ch - info@communication-visuelle.ch

*********************************************************************************************
	ALL DESIGNS AND SOURCES CODES ARE COPYRIGHTED
*********************************************************************************************

	Plus d'informations sur les droit d'auteurs:
	More informations about copyright at:

	http://www.admin.ch/ch/f/rs/231_1/index.html
	http://www.ige.ch/defaultf.htm

*********************************************************************************************
/////////////////////////////////////////////////////////////////////////////////////////////
*/

	
html {
	margin: 0;
	padding: 0;
	border: 0 none;
}	

	body {
		margin:0px 0px 0px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		letter-spacing:1px;
		line-height:16px;
		color:#000;
		background-image:url(imgs/back02.jpg);
		background-repeat: repeat-x;
	}
		
		#entete{
			position:absolute;
			margin:0px;
			padding:0px;
			
			
			width:1207px;
			height:594px;
			background-image:url(imgs/back00.jpg);
			z-index:2;
		}
		
				#logo{
					position:absolute;
					margin-left:40px;
					margin-top:7px;
					z-index:10;
				}
				
		.bold{
			font-weight:bold;
		}
		
		
		
		.titre_h1{
			color:#000;
			font-size:12px;
			font-weight:bold;
		}
		
		.titre_h2{
			color:#000;
			font-weight:normal;
			font-size:11px;
			padding-left:10px;
		}
		
		.legende_pdf{
			font-size:9px;
			line-height:12px;
		}
		
		.texte_home_big{
			font-size:12px;
			font-weight:bold;
		}

/********************************************************************/
/*  NAV
/********************************************************************/

		#nav_princ{
			position:absolute;
			margin-top:142px;
			margin-left:245px;
			font-size:12px;
			height:18px;
			color:#000;
			/*background-color:red;*/
			width:780px;
			z-index:20;
		}
		
				/**/
				*+html #nav_princ{
					margin-top:153px;
				}
				
				* html #nav_princ{
					margin-top:153px;
				}
				/**/
		
		
				#nav_princ a{
					color:#000;
					text-decoration:none;
					padding: 2px 2px 4px 2px;
				}
				
						#nav_princ a:hover{
							background-color:#000;
							color:#FFFFFF;
							padding: 2px 2px 4px 2px;
						}
				
				#nav_princ li{
					display:inline;
				}
		
				.nav_princ_select{
					background-color:#000;
					color:#FFFFFF;
					padding: 2px 2px 4px 2px;
				}
			

		/********************************************************************/
		/* SOUS MENU
		/********************************************************************/
	
		#snav{
			position:absolute;
			width:220px;
			margin-left:45px;
			margin-top:245px;
			line-height:16px;
			font-size:11px;
			padding-left:0px; 
			z-index:50;
		}
		
				/**/
				*+html #snav{
					margin-top:255px;
				}
					
				* html #snav{
					margin-top:255px;
				}
		
		
				#snav li{
					list-style-type:none;
				}
				/**/
			
		
	
		/********************************************************************/
	
		.snav_birds{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
			
				.snav_birds:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}		
		
		/**/
		
		.snav_birds_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}



		/********************************************************************/
	
		.snav_cocoon{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
			
				.snav_cocoon:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}		
		
		/**/
		
		.snav_cocoon_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}


		/********************************************************************/

		.snav_conversation{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
		
				.snav_conversation:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}
		
		/**/
		
		.snav_conversation_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}


		/********************************************************************/

		.snav_unknown{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
		
				.snav_unknown:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}
				
		/**/
		
		.snav_unknown_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}

		/********************************************************************/

		.snav_vase{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
		
		
				.snav_vase:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}
		
		.snav_vase_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}

		/********************************************************************/


		.snav_dust{
			padding: 1px 20px 1px 20px;
			color:#000;
			text-decoration:none;
		}
			
				.snav_dust:hover{
					background-color:#000;
					padding: 1px 20px 1px 20px;
					color:#fff;
					text-decoration:none;
				}		
				
		/**/
		
		.snav_dust_select{
			background-color:#000;
			padding: 1px 20px 1px 20px;
			color:#fff;
			text-decoration:none;
		}


		/********************************************************************/
		/********************************************************************/
		/* SOUS MENU
		/********************************************************************/


		.smenu_cocon{
			padding:0px 0px 0px 10px;
		}
		
				.smenu_cocon:hover{
					color:#fff;
					background-color:red;
				}
			
				.smenu_cocon:hover{
					padding:0px 0px 0px 10px;
					background-color:#000;
					color:#fff;
					cursor:pointer;
				}
			
		.smenu_select_cocon{
			background-color:#000;
			color: #FFF;
			padding:0px 0px 0px 10px;
		}

		/********************************************************************/

		.smenu_conversation{
			padding:0px 0px 0px 10px;
		}
		
				.smenu_conversation:hover{
					padding:0px 0px 0px 10px;
					background-color:#000;
					color:#FFF;
					cursor:pointer;
				}
		
		.smenu_select_conversation{
			color:#FFF;
			background-color:#000;
			padding:0px 0px 0px 10px;
		}
	
		/********************************************************************/	
		
		.smenu_forest{
			padding:0px 0px 0px 10px;
		}
		
				.smenu_forest:hover{
					padding:0px 0px 0px 10px;
					background-color:#000;
					color:#FFF;
					cursor:pointer;
				}
		
		.smenu_select_forest{
		}
				
		/********************************************************************/

		.smenu_vase{
			padding:0px 0px 0px 10px;
		}
		
				.smenu_vase:hover{
					padding:0px 0px 0px 10px;
					background-color:#000;
					color:#FFF;
					cursor:pointer;
				}
			
		.smenu_select_vase{
		}


/********************************************************************/
/* CONTENERS
/********************************************************************/

		#contener_presse{
			margin:0px 0px 0px 0px ;
			left: -420px;
			margin-top:40px;
		}


/********************************************************************/
		
		#contener_index{
			position:absolute;
			margin-left:382px;
			margin-top:281px;
			width:570px;
			height:900px;
			z-index:100;
			
		}
		
				#contener_index p{
					padding-left:10px;
				}
				
				#contener_index a{
					color:#000;
					text-decoration:none;
				}
				
						#contener_index a:hover{
							text-decoration:underline;
						}

/********************************************************************/

		#contener_pieces{
			position:absolute;
			margin-left:372px;
			margin-top:247px;
			width:580px;
			z-index:150;
		}
		
				#contener_pieces p{
					padding-left:10px;
				}
				
				#contener_pieces a{
					color:#000;
					text-decoration:none;
				}
				
						#contener_pieces a:hover{
							text-decoration:underline;
						}
		

/********************************************************************/

		#contener{
			position:absolute;
			margin-left:372px;
			margin-top:247px;
			width:550px;
			z-index:280;
		}
		
				#contener p{
					padding-left:10px;
				}
				
				#contener a{
					color:#000;
					text-decoration:none;
				}
						
						#contener a:hover{
							text-decoration:underline;
						}

/********************************************************************/

		#contener_dessins{
			position:absolute;
			margin-left:372px;
			margin-top:247px;
			width:580px;
			z-index:300;
		}
		
				#contener_dessins p{
					padding-left:10px;
				}
				
				#contener_dessins a{
					color:#000;
					text-decoration:none;
				}
				
						#contener_dessins a:hover{
							text-decoration:underline;
						}

/********************************************************************/

		#contener_vase{
			position:absolute;
			margin-left:372px;
			margin-top:247px;
			width:550px;
			z-index:280;
		}
				
				#contener_vase p{
					padding-left:10px;
				}
				
				#contener_vase a{
					color:#000;
					text-decoration:none;
				}
				
						#contener_vase a:hover{
							text-decoration:underline;
						}

/********************************************************************/
/********************************************************************/



		#nav_image{
			position:absolute;
			margin-top:19px;
			margin-left:-30px;
		}
		
				#nav_image li{
					margin: 0px 0px 0px 0px ;
					padding: 0px 0px 0px 0px ;
					list-style-type:none;
				}
				
				#nav_image img{
					border:0px;
				}
		
/********************************************************************/

		#nav_image_supplement{
			position:absolute;
			margin-top:30px;
			margin-left:62px;
		}
		
				#nav_image_supplement li{
					margin: 0px 0px 0px 0px ;
					padding: 0px 0px 0px 0px ;
					list-style-type:none;
				}
				
				#nav_image_supplement img{
					border:0px;
				}

/********************************************************************/


		#nav_image_cocoon{
			position:absolute;
			margin-top:30px;
			margin-left:-30px;
		}
		
				#nav_image_cocoon li{
					margin: 0px 0px 0px 0px ;
					padding: 0px 0px 0px 0px ;
					list-style-type:none;
				}
				
				#nav_image_cocoon img{
					border:0px;
				}

/********************************************************************/

		#nav_image_vase{
			position:absolute;
			margin-top:10px;
			margin-left:-30px;
			z-index:280;
		}
		
				#nav_image_vase li{
					margin: 0px 0px 0px 0px ;
					padding: 0px 0px 0px 0px ;
					list-style-type:none;
				}
				
				#nav_image_vase img{
					border:0px;
				}

/********************************************************************/

		#image{
			position:absolute;
			height:320px;
			margin-left:85px;
			margin-top:30px;
		}
		
		#image_unknown{
			position:absolute;
			height:320px;
			margin-left:140px;
			margin-top:30px;
		}
		
		#image_cocoon{
			position:absolute;
			height:420px;
			margin-left:80px;
			margin-top:40px;
		}
		
		#image_vase{
			position:absolute;
			height:420px;
			margin-left:80px;
			margin-top:20px;
			z-index:280;
		}

/********************************************************************/
/********************************************************************/

		#legende{
			position: absolute;
			margin-left:80px;
			margin-top:410px;
		}
		
		
		#legende_unknown{
			position: absolute;
			margin-left:140px;
			margin-top:290px;
		}
		
		#legende_conversation{
			position: absolute;
			margin-left:84px;
			margin-top:270px;
		}
		
			#legende_conversation_addon{
				margin-top:10px;
			}
			
					#legende_conversation_addon img{
						border:none;
					}
		
		#legende_conversation_video{
			position: absolute;
			margin-left:84px;
			margin-top:310px;
		}
		
		#legende_dessins{
			position: absolute;
			margin-left:140px;
			margin-top:290px;
		}
		
		#legende_dust{
			position: absolute;
			margin-left:100px;
			margin-top:-38px;
			width:250px;
		}