body{
		background-image:url(visuel/interface/fond.jpg);
		margin:0px;	
	}

	div#calqueHaut {
		position:relative;
		background-image:url(visuel/interface/haut.jpg);
		background-repeat:no-repeat;
		z-index:1;
		margin-top:0px;
		margin-bottom:0px;
		width:800px; 
		height:247px; 
	 } 
	 
	div#calqueInter  { 
		position:relative; 
		width:800px; 
		z-index:1; 
		margin-top:0px; 
		margin-bottom:0px; 
		background-image:url(visuel/interface/fond_inter.jpg); 
		background-repeat:repeat; 
		height:auto;
		overflow:hidden;		
	 } 
	 
	div#calquecontenu  { 
		position:relative; 
		width:505px; 
		z-index:2; 
		top:15px; 
		margin-top:0px; 
		margin-left:5px; 
		margin-bottom:0px; 
		height:auto;
	 } 
	 
	div#calqueBas  { 
		position:relative; 
		width:800px; 
		z-index:1; 
		margin-top:0px; 
	 } 
	 
	
/* ******** SOUS MENUS   ************ */	
	 
	div#menupavillon  { 
		position:absolute; 
		top:245px; 
		margin-left:75px; 
		z-index:2; 
		background-image:url(visuel/sous_menus/pavillon_temoin.jpg);
		background-repeat:no-repeat; 
		width:134px; 
		height:177px;
		 
		
	 } 
	 
	div#menumetiers  { 
		position:absolute; 
		top:245px; 
		margin-left:201px; 
		z-index:2; 
		background-image:url(visuel/sous_menus/metiers.jpg); 
		background-repeat:no-repeat; 
		width:134px; 
		height:176px; 
	 } 
	 
	div#menumateriaux  { 
		position:absolute; 
		top:245px; 
		margin-left:327px; 
		z-index:5; 
		background-image:url(visuel/sous_menus/materiaux.jpg); 
		background-repeat:no-repeat; 
		width:134px; 
		height:206px; 
		display:block;
	 } 
	 
	div#menumodeles  { 
		position:absolute; 
		top:245px; 
		margin-left:453px; 
		z-index:2; 
		background-image:url(visuel/sous_menus/modeles.jpg); 
		background-repeat:no-repeat; 
		width:134px; 
		height:163px; 
	 } 
	 
	div#menucontact  { 
		position:absolute; 
		top:245px; 
		margin-left:585px; 
		z-index:2; 
		background-image:url(visuel/sous_menus/contact.jpg); 
		background-repeat:no-repeat; 
		width:134px; 
		height:206px; 
	 } 
	 
	 
	.icone {  
		position:relative; 				
		width:125px; 
		height:55px; 
		float:left; 				 
	 } 
	 
	 
	 
	div#global  { 
		width:805px;			 
	 } 
	 
	.menu  { 					 
		position:absolute; 
		width:638px; 
		left:72px; 
		height:53px; 
		bottom:0px;
	 }
	 
	 a {
		color:#71391F;
		text-decoration:none;				
	 }
	 
	 a:hover {
		color:green;
		text-decoration:none;
	 }
	 
	 div#calqueInter a{
	 	color:green;
		text-decoration:none;
	 }
	 
	 div#calqueInter a:hover{
	 	color:blue;
		text-decoration:none;
	 }
	 
	 .lien {
		font-family:Arial, Helvetica, sans-serif;					
	 }
	 
	 .lienCentrer {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;					
	 }
	
	.titre {
		position:absolute;
		/*border:1px red solid;*/
		z-index:2;
		left:-50px;
		top:0px; 
	}
	
	.calqueTexte {
		position:relative;
		width:485px;
		margin-left:10px;
		text-align:justify;
	}
/* *********   icone tournante   ************ */ 
	 
	 #Pavillon a{
		background-image:url(visuel/dynamique/Pavillon.gif);
		background-position:20px 5px;
		display:block;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;		
	 }
	 
	 #Pavillon a:hover{
	 	display:block;
		background-image:url(visuel/dynamique/Pavillon_anime.gif);
		background-position:17px 4px;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;			
	 }
	 
	 #metiers a{
	 	background-image:url(visuel/dynamique/Metiers.gif);
		background-position:50px 5px;
		display:block;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #metiers a:hover{
	 	display:block;
		background-image:url(visuel/dynamique/Metiers_anime.gif);
		background-position:45px 2px;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #materiaux a{
	 	background-image:url(visuel/dynamique/Materiaux.gif);
		background-position:45px 5px;
		display:block;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #materiaux a:hover{
	 	display:block;
		background-image:url(visuel/dynamique/Materiaux_anime.gif);
		background-position:45px 5px;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #modeles a{
	 	background-image:url(visuel/dynamique/Modele.gif);
		background-position:25px 5px;
		display:block;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #modeles a:hover{
	 	display:block;
		background-image:url(visuel/dynamique/Modele_anime.gif);
		background-position:17px 5px;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	  #contact a{
	 	background-image:url(visuel/dynamique/Contacter.gif);
		background-position:39px 5px;
		display:block;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 #contact a:hover{
	 	display:block;
		background-image:url(visuel/dynamique/Contacter_anime.gif);
		background-position:31px 4px;
		width:125px;
		height:55px;
		background-repeat:no-repeat;
		z-index:5;
	 }
	 
	 .HRtexteVert{
			background-color:#F3DFA2;
			margin-left:30px;
			padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
			margin-top:0px;
			color:green;
			font-weight:bold;
			font-size:20px;
			font-style:italic;
			font-family:Arial;
		}
		
		
		.HRVert{
			background-image:url(visuel/interface/HR_Fond_Vert.jpg);
			background-repeat:repeat-x;
			background-position:0px 10px;
			width:500px;
			height:30px;
			cursor:default;	
		}
		
		
		.HRtexteBleu{
			background-color:#F3DFA2;
			margin-left:0px;
			
			padding-right:5px;
			padding-bottom:10px;
			color:blue;
			font-weight:bold;
			font-size:12px;
			font-style:italic;
			font-family:Arial;
		}
		
		
		.HRBleu{
			background-image:url(visuel/interface/HR_Fond_Bleu.jpg);
			background-repeat:repeat-x;
			background-position:0px 10px;
			width:215px;
			height:30px;	
			padding-top:3px;
			cursor:default;
		}
	
	
			.planPavillon {
			position:absolute;
			top:15px;
			left:15px;
			width:200px;
			height:100px;
			border:solid 2px;
			border-color:#037700;
		}
		
		.planMetiers {
			position:absolute;
			top:15px;
			left:280px;
			width:200px;
			height:100px;
			border:solid 2px;
			border-color:#037700;
		}
		
		.planMateriaux {
			position:absolute;
			top:160px;
			left:15px;
			width:200px;
			height:120px;
			border:solid 2px;
			border-color:#037700;
		}
		
		.planModeles {
			position:absolute;
			top:160px;
			left:280px;
			width:200px;
			height:100px;
			border:solid 2px;
			border-color:#037700;
		}
		
		.planContact {
			position:absolute;
			top:305px;
			left:150px;
			width:200px;
			height:100px;
			border:solid 2px;
			border-color:#037700;
		}