body{  margin:0 auto; width:755px; font-family;font-family: Trebuchet MS,Univers, Arial, Helvetica, sans-serif; font-size:13px; background:#0D458C;}

 a.menu1 {display: block; width:70px; height:28px;  background-image:url(img/accueil.jpg); background-repeat:no-repeat;}

  a.menu1:hover {background-image:url(img/accueilo.jpg); background-repeat:repeat-x;}

  a.menu1o {display: block; width:70px; height:28px;  background-image:url(img/accueilo.jpg); background-repeat:no-repeat;}

 

 a.menu2 {display: block; width:63px; height:28px;  background-image:url(img/profil.jpg); background-repeat:no-repeat;}

  a.menu2:hover {background-image:url(img/profilo.jpg); background-repeat:repeat-x;}

 a.menu2o {display: block; width:63px; height:28px;  background-image:url(img/profilo.jpg); background-repeat:no-repeat;}

 

  a.menu3 {display: block; width:57px; height:28px;  background-image:url(img/methd.jpg); background-repeat:no-repeat;}

  a.menu3:hover {background-image:url(img/methodo.jpg); background-repeat:repeat-x;}

 a.menu3o {display: block; width:57px; height:28px;  background-image:url(img/methodo.jpg); background-repeat:no-repeat;}

 

  a.menu4 {display: block; width:71px; height:28px;  background-image:url(img/services.jpg); background-repeat:no-repeat;}

  a.menu4:hover {background-image:url(img/serviceso.jpg); background-repeat:repeat-x;}

 a.menu4o {display: block; width:71px; height:28px;  background-image:url(img/serviceso.jpg); background-repeat:no-repeat;}

 

  a.menu5 {display: block; width:93px; height:28px;  background-image:url(img/references.jpg); background-repeat:no-repeat;}

  a.menu5:hover {background-image:url(img/referenceso.jpg); background-repeat:repeat-x;}

 a.menu5o {display: block; width:93px; height:28px;  background-image:url(img/referenceso.jpg); background-repeat:no-repeat;}

 

  a.menu6 {display: block; width:69px; height:28px;  background-image:url(img/contact.jpg); background-repeat:no-repeat;}

  a.menu6:hover {background-image:url(img/contacto.jpg); background-repeat:repeat-x;}

 a.menu6o {display: block; width:69px; height:28px;  background-image:url(img/contacto.jpg); background-repeat:no-repeat;}

 #container{margin-top:15px;  margin-bottom:20px; width:710px; padding:0px 20px 30px 20px; float:right; background:#FFF }
.clear{ clear:both;}
	#container #menu{  height:85px; background:#FFF; width:100%; position:relative;}
		#container #logo{  }
		#container #menuElement{ position:absolute; top:0; background:url(img/menu.png); right:-20px;  width:450px; padding:0 0 0 20px; height:50px; z-index:12; }
		#container #menuElement div{ padding:3px 5px 0 20px; float:right;}

	
		#container #menuElement a.green, #container #menuElement a.red, #container #menuElement a.violet, #container #menuElement a.orange{ color:white; text-decoration:none; font-size:13px; font-weigth:bold;}
		#container #menuElement a.green:hover, #container #menuElement a.greenActive{ text-decoration:none; color:#57AE28; background:none;}
		#container #menuElement a.red:hover, #container #menuElement a.redActive{ text-decoration:none; color:#F40018; background:none;}
		#container #menuElement a.violet:hover, #container #menuElement a.violetActive{ text-decoration:none; color:#8F7EB3; background:none;}
		#container #menuElement a.green:hover, #container #menuElement a.greenActive{ text-decoration:none; color:#57AE28; background:none;}
		#container #menuElement a.orange:hover, #container #menuElement a.orangeActive{ text-decoration:none; color:#F4B12F; background:none;}
		
			
  .title{font-size:16px; font-weight:bold; color:#005CA8; font-family: Trebuchet MS, arial;}
  .titleOrange{font-size:16px; font-weight:bold; color:#F4B12F; font-family: Trebuchet MS, arial;}
  .titleRed{font-size:16px; font-weight:bold; color:#F40018; font-family: Trebuchet MS, arial;}
  .titleGreen{font-size:16px; font-weight:bold; color:#57AE28; font-family: Trebuchet MS, arial;}
  .titleViolet{font-size:16px; font-weight:bold; color:#754B9C; font-family: Trebuchet MS, arial;}

	.serviceTitle{background:url(img/service_tab1.png); width:235px; height:35px; padding:12px 0 0 10px; font-size:15px; font-weight:bold; color:#FFF;}



 	a.link{ color:#9C9E9F; text-decoration:none; }
	a.link:hover{ color:#0D458C; }
  
 	a.linkViolet,a.linkRed{ color:#9C9E9F; text-decoration:none; }
	a.linkViolet:hover{ color:#754B9C; }
	a.linkRed:hover{ color:#F40018; }

  p {  	margin-top:5px; margin-bottom:8px;  }

  .listeacc{	font-size: 23px;	font-weight: bold;	color: #D2E0F9;}

  a.plusindex{	font-weight: bold; font-size: 10px; color: #FF9900; font-family: Arial,Helvetica,sans-serif;  text-decoration: underline;}

  a.plusindex:hover{font-weight: bold; font-size: 10px; color: #3583B6;font-family: arial,helvetica,sans-serif; text-decoration: underline; }

  

  a.plusservices{	font-weight: bold; font-size: 10px; color: #FF9900; font-family: Arial,Helvetica,sans-serif;  text-decoration: underline;}

  a.plusservices:hover{font-weight: bold; font-size: 10px; color: #3583B6;font-family: arial,helvetica,sans-serif; text-decoration: underline; }

  

  a.plusref{	font-weight: bold; font-size: 10px; color: #B32D00; font-family: Arial,Helvetica,sans-serif;  text-decoration: underline;}

  a.plusref:hover{font-weight: bold; font-size: 10px; color: #3583B6;font-family: arial,helvetica,sans-serif; text-decoration: underline; }

  a.plusref{	font-weight: bold; font-size: 14px; color: #B32D00; font-family: Arial,Helvetica,sans-serif;  text-decoration: underline;}

  

   a.plusref2{ text-decoration: none; font-weight: bold; font-size: 14px; color: #B32D00; font-family: Arial,Helvetica,sans-serif;  }



  .mauve{color:#B32D00; }

  

  a.footer{	font-weight: bold; font-size: 10px; color: #666666; font-family: arial,helvetica,sans-serif;  text-decoration: underline;}

  a.footer:hover{font-weight: bold; font-size: 10px; color: #c30f1a;font-family: arial,helvetica,sans-serif; text-decoration: underline; }

  

  .film{ float:left; margin-right:15px; margin-top:5px; width:62px; }

  .filmAccueil{ float:left; margin-right:9px; margin-top:5px; }

	.refNameFirst{
		float:left;
		width: 62px;
		text-transform: uppercase;
		font-size: 10px;
	/*	background: red;*/
		margin: 0 0 0 0px;
	}
	
	.refName{
		float:left;
		width: 62px;
		text-transform: uppercase;
		font-size: 10px;
	/*	background: red;*/
		margin: 0 0 0 15px;
		
	}
	
	.refNameAccueil{
		
			width: 62px;
			
			font-size: 10px;
		/*	background: red;*/
			margin: 0 0 0 0px;
	}

  li.met { list-style-image: url('img/arrow.gif'); }

  li.metier { list-style-image: url('img/arrowr.gif'); }

	.serviceList ul li{color:red; list-style-image:url('img/arrowr.gif'); }

  

  .exemple_t{

	color: #6495ED;

	font-weight: bold;

}

  .exemple_s{ color:#FF9900; font-weight:bold; }

  .service{

	color: #FA9601;

	font-weight: bold;

	font-variant: small-caps;

}

  .hiddenPic {display:none;}

  .service_titre{

  	font-weight:bold;

	color: #1942B8;

	font-size:15px;



  }

  .liste{

  	font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; font-style: italic;

  }
  
  .green, .green:hover,.green:visited{
	font-size: 12px;
	color:   #2BAA51;
	font-weight:bold;
	text-decoration:underline;
	cursor:hand;
}
.green:hover{
	background-color:   #FFFACD;
	text-decoration:none;
	font-weight:bold;
}