
/* Arriere plan */
	body 
		{
		background-image: url("pics/carobis.png");
		background-repeat:repeat;
		background-attachment: fixed; 
		background-position: top-left; 
		}
/*centrage de la page*/
	#bloc_page
		{
		width: 1240px;
		margin: auto;
		}
/*Entete de page*/
	header
		{
		position: absolute; 
		Left: Opx; 
		Top: 0px;
		width:1200px;
		padding:30px;
		/*box-shadow: 0px 4px 4px #1c1a19;*/
		}

/*Image du monde*/
	
	.word
		{
		background: url('../pics/cyl2.png') no-repeat;
		position: absolute; 
		right: 60px; 
		top: 60px;
		border-radius: 10px;
		}	

/* titre arom S.r.l*/	
	h1
		{
		font-size: 5.5em; 
		font-family: Times New Roman,Arial,Verdana,Serif; 
		text-align: left;		
		}
	.arom
		{
		color : rgb(95,88,89);
		text-shadow: 4px 4px 4px black;
		}
	.srl
		{
		color : red;
		text-shadow: -4px 4px 4px black;
		}		
/*choix des langues*/
	#langues
		{
		position: absolute; 
		Left: 2Opx; 
		bottom: 20px;
		width:1200px;
		padding:0px;
		}
 /* corps de texte*/
	p
		 {
		color: black; 
		font-size: 0.9em; 
		font-weight: bold;
		font-family: Verdana,Trebuchet MS,Serif; 
		width: 350px; /* On a indiqué une largeur (obligatoire) */
		margin: auto; /* On peut donc demander à ce que le bloc soit centré
		avec "auto" */
		text-align: left;
		padding:18px ;
		}

/*flag flottant */
	.flot
		{
		float: left; 
		}

	#flag_a
		{
		/*display: inline-block;*/
		width: 50px;
		position: absolute;
		right: 950px;
		bottom: 110px;
		z-index: 1;
		}

	#flag_b
		{
		/*display: inline-block;*/
		width: 50px;
		position: absolute;
		right: 500px;
		bottom: 110px;
		z-index: 2;
		/*border: 1px solid black;*/
		}


/*changement de couleur au survol des liens */
	a /*Liens non survolés*/
		{
		text-decoration: none;
		color: black;
		}
	a:hover /*Liens survolés*/
		{
		text-decoration: underline;
		color: #2fa4ff;
		}		
		