body {
     margin: 0 0 0 0; 
     text-align: center; 
	 font-family: /*Eurostile,*/ verdana, arial, sans-serif; 
     font-size: 11px;
	 height:100%;
	 /*background:#d0d0d0 url('images/fond_body.png') repeat-x left top;*/
	 background:#e0e0e0;
}

#page 
{
	width: 943px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	background:#FFF url('images/fond_page.gif') repeat-y left top;
}

/*------------------------------------------------------------------------*/
h2,h3,h4 {
	font-family : verdana,arial,sans-serif;
	font-weight:bold;
}

h2 {
  
  color: #ce003c; 
  /*color:#00889c;*/
  margin-top:20px;
  margin-bottom:50px;
  text-align:center;
  font-size:large;
}

h3 
{
	width:auto;
	margin-top:60px;
	margin-left:15px;
	/*background:#ddc4cf url('images/h3.png') no-repeat 3px 2px;
	border-top:1px solid #6b6366;
	border-bottom:1px solid #6b6366;
	color:#3a001b;*/
	padding:6px 0px 4px 30px;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#00889c; 
	background:#fff url('images/h3.png') no-repeat 0px 2px; 
	border-bottom:1px solid #00b3cc;
}

h4 
{
	color: #ce003c;
	font-weight:bold;
	font-size:12px;
	margin-left:25px;
}

a {
	color:#ce003c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img 
{
	border:0px;
}

/*---------------------------------------------------------------------------------------------------*/
/*bandeau du haut avec logo + liens*/
#banner
{
	text-align:center;
	color: #3a001b;
	background:url('images/fond_banner.gif') no-repeat top left;
	padding-top:10px;
	cursor:auto;
}

#banner:hover
{
	cursor:pointer;
}


#header 
{
	width: 933px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 10px 0px 0px;
	text-align:right;
}

#header a 
{
	color:#ce003c;
}

#header h1 
{
	
	margin:0px;
	padding:0px;
	/*display:inline;*/
	display:none;/*caché dans style 2*/
	float:left;
	font-size:20px;
	text-align:left;
	width:70px;
	overflow:hidden;
}

/*emplacement du logo AVM*/
#header h1 a,
#header h1 a:hover
{
	background:url('images/logo_avm.gif') #FFF no-repeat top left;
	display:block;
	height:30px;
	overflow:hidden;
	width:280px;
	padding-left:70px;
	color:#000;
}

#footer 
{
	background:#FFF url('images/fond_footer.gif') no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	height:30px;
	width: 893px;
	padding:10px 30px 0px 20px;
	font-size:10px;
	text-align:right;
}

#footer a 
{
	text-decoration:none;
	font-weight:normal;
}

/*---------------------------------------------------------------------------------------------------*/
/*menu*/
#menu {
	list-style:none;	
	margin:-1px 10px 0px 10px;
	padding:0px 0px 0px 10px;
	background:#FFF url('images/menu_bg.gif') repeat-x top left;
	height:31px;
}

#menu li {
	padding:0px;
	margin:1px 0px 0px 0px;
	float:left;
	text-align:center;
	background:url('images/menu_puce.gif') no-repeat;
}

#menu a {
	margin:0px;
	display:block;
	padding:4px 0px 6px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#3a001b;
}

#menu li:hover a, 
#menu li.hover a {
	font-weight:bold;
	background:url('images/menu_hover.png') no-repeat center center;
}

/*second niveau du menu*/
#menu li ul {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	position: absolute;
	z-index:300;
	background:#f8ecf0;
	border:1px solid #3a001b;
	left: -999em;/*pour cacher le contenu*/
	width:160px;/*par défaut 300pixels*/
}

#menu li:hover ul,
#menu li.hover ul {
	left: auto;
}

#menu ul li {
	text-align:left;
	float:none;
	list-style:none;
	background-position:11px 6px;
	display:block;
	padding:0px 0px 0px 30px;
}

#menu li:hover li a, 
#menu li.hover li a {
	background:none;
	font-weight:normal;
	text-decoration:none;
	display:block;
}

#menu li:hover li a:hover,
#menu li.hover li a:hover {
	text-decoration:underline;
}

/*gestions des sous sous menus*/
#menu ul.sub
{
	padding:0px;
	margin:0px 0px 0px 0px;
}

#menu ul.sub li
{
	padding:0px;
	margin:0px;	
}

#menu ul.sub ul
{
	position:relative;
	display:block;	
	float:left;
	border:0px;
	margin:0px 0px 0px 1px;
}

#menu ul.sub ul li
{
	padding:0px 0px 0px 30px;
}

#menu ul.sub ul li.title {
	text-align:left;
	padding:3px 0px 3px 3px;
	margin-bottom:3px;
	float:none;
	color:#3a001b;
	font-weight:bold;
	list-style:none;
	background:#ddc4cf;
	border-bottom:1px solid #aaa;
	background-image:none;
	display:block;
	
}

/*tailles spécifiques des entetes de menu + position de la puce*/
#menu #inf { width:158px; background-position:8px 6px; }
#menu #sol { width:158px; background-position:0px 6px; }
#menu #pro { width:132px; background-position:15px 6px; }
#menu #tec { width:132px; background-position:0px 6px; }
#menu #part { width:142px; background-position:9px 6px; }
#menu #sup { width:100px; background-position:4px 6px; }
#menu #emp { width:90px; background-position:3px 6px; }

/*tailles spécifiques des sous menu*/
#menu #inf>ul { margin-left:-4px; }
#menu #sol>ul { margin-left:-12px; width:220px;}
#menu #pro>ul { margin-left:-210px; width:684px;}
#menu #tec>ul { margin-left:-12px; width:320px; }
#menu #part>ul { margin-left:-3px; width:200px; }


/*tailles spécifiques sous sous menu*/
#menu #pro #srv {width:190px;} 
#menu #pro #int {width:220px;} 
#menu #pro #cli {width:270px;} 

/*pas de menu pour l'instant*/
/*
#menu #part ul {}
#menu #sup ul {}
#menu #emp ul {}
*/ 

/*---------------------------------------------------------------------------------------------------*/
/*chemin dans le site+zone de données*/
#data {
	background:#fff;	
	margin:0px 10px 0px 10px;
}

#path
{
	padding:0px 0px 0px 5px;
	margin-bottom:10px;
	text-align:left;
	color:#d3adbd;
}

#path a 
{
	color:#ce003c;
}

#data 
{
	padding:10px;
	padding-top:0px;
}

/*génériques*/
p {
	margin: 20px 50px 20px 50px;
	text-align:justify;
}

ul
{
	margin: 20px 50px 0px 10px;
	list-style:none;
}

ol
{
	margin: 20px 50px 20px 30px;
}

li 
{
	margin-bottom:5px;
	background:url('images/puce_li.gif') no-repeat 0px 2px;
	padding-left:15px;
}

.ctr 
{
	text-align:center;
}

p.lp 
{
	margin-bottom:0px;
}

p.flash 
{
	margin:0px;
	padding:0px;
}

img.fl {
	float:left;
	margin: 0px 10px 10px 0px;
}

img.b 
{
	border:1px solid #3a001b;
	margin:10px 0px 10px 0px;
}

/*css page principale----------------------------------------------*/
.side {
	width:445px;
	margin:5px;
	/*border:1px solid red;*/
}

.one {
	float:left;
	margin-right:0px;
}

.two {
	float:right;
	margin-left:0px;
}

.box 
{
	/*border:1px dotted green;*/
	width:430px;
	padding:0px 5px 0px 5px;
    margin:0px;
    margin-bottom:15px;
    clear:both;
    float:left;
}

.box h3 
{
	/*color:#ce003c;*/
	color:#00889c;
	font-size:14px;
	text-decoration:none;
	background:url('images/Accueil_titre.gif') no-repeat 5px bottom;
	padding-left:5px;
	padding-bottom:2px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:3px;
	border:0px;
}

.box h4 
{
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:2px 0px 5px 0px;
}

.box p {
	margin:0px;/* 10px 0px 10px;*/
	padding:8px;
	padding-right:3px;
	vertical-align:bottom ;
}


.box a strong
{
	color:#ce003c;
}


.box a:hover strong
{
	text-decoration:underline;
}

/*spécifique box 1*/
.offers 
{
	width:420px;
}

.offers p 
{
	padding:0px;
	margin: 6px 0px 0px 6px;
	border:1px solid #e8e8e8;
	text-align:left;
	width:200px;
	height:137px;
	float:left;
}

.offers p:hover
{
	border:1px solid #ccc;
}

.offers img {
	margin-bottom:5px;
	border:0px;
}

.offers span.title,
.actu span.title
{
	display:inline-block;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:11px;
}

.offers span.txt,
.actu span.txt
{
	color:#3a001b;
}

.offers span.txt 
{
	display:block;
	padding-left:20px;
	height:35px;
	background:url('images/accueil_puce.gif') no-repeat 2px 2px;
}

.offers a:hover,
.actu a:hover
{
	text-decoration:none;
	background:none;
}



/*spécifique box 2*/
.actu
{
	padding-left:0px;	
}

.actu p 
{
	border:1px solid #e8e8e8;
	margin: 6px 0px 0px 0px;
}

.actu p:hover
{
	border:1px solid #ccc;
}

.actu img
{
	float: left;
	margin:0px 10px 0px 0px;
	border:1px solid black;
}

.actu span.txt
{
	text-align:justify;
}

.anim 
{
	margin-top:70px;
	text-align:center;
}

#contactlink
{
	color:#CC3333;
	font-size:14px;
	font-weight:bold;
}

.spacer 
{
	clear:both;
	
}

/*css spécifique pour pages solutions-------------------------*/
.solutions li
{
	text-align:justify;
	margin-bottom:20px;
	background-position:0px 2px;
}

.solutions h2
{
	margin:0px -10px -40px -10px;
	height:80px;
	padding-top:50px;
}
.agri h2 
{
	background:url('images/fond_agri.png') no-repeat top left;
}

.services h2 
{
	background:url('images/fond_services.png') no-repeat top left;
}

.industrie h2 
{
	background:url('images/fond_industrie.png') no-repeat top left;
}

.transport h2 
{
	background:url('images/fond_transport.png') no-repeat top left;
}

.technologie h2 
{
	background:url('images/fond_techno.png') no-repeat top left;
}

.sante h2 
{
	background:url('images/fond_sante.png') no-repeat top left;
}

.commerce h2 
{
	background:url('images/fond_commerce.png') no-repeat top left;
}

.chimie h2 
{
	background:url('images/fond_chimie.png') no-repeat top left;
}

.public h2 
{
	background:url('images/fond_public.png') no-repeat top left;
}


/*css spécifique pour page produits*/
.text 
{
	margin-right:250px;
}

#logo 
{
	float:right;
	margin: 0px 20px 0px 30px;
}

#interfaces 
{
	float:right;
	clear:right;
	margin:30px 0px 50px 0px;
	padding: 0px;
	background:url('images/inter_fond.gif') no-repeat top left;
	height:382px;
}

#interfaces h3
{
	color:#fff;
	background:url('images/inter_h3.gif') no-repeat top left;
	font-size:10px;
	width:232px;
	height:33px;
	margin: 0;
	padding:8px 0px 0px 0px;
	text-decoration:none;
	border:0px;
	text-align:center;
}

#interfaces p 
{
	margin:4px 0px 18px 25px;
	padding:0px;
	text-align:left;
}


p.important 
{
	clear:both;
	color: #ce003c;
	border-top:1px solid #e30327;
	border-bottom:1px solid #e30327;
	text-align:center;
	margin-top:50px;
	display:block;
	padding: 10px 0px 10px 0px;
	font-weight:bold;
}




/*formulaire de contact*/
#contact {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#contact label {
	width:130px;
	display:block;
	float:left;
	text-align:right;
	padding:3px 10px 0px 0px;
}

#contact input.chk {
	margin-left:140px;
	float:left;
}
#contact label.chk {
	float:none;
	text-align:left;
	width:auto;
}

#contact p.bt {
	text-align:center;
	font-style: italic ;
}



/*partie partenaires*/
.part h3 a,
.part h3 a:hover
{
	color:#00889c;
	font-weight:bold;
	text-decoration:none;
}

.part p 
{
		clear:both;
}

.part img.quad
{
	padding-top:15px;
	padding-bottom:15px;	
}

.part img.dialogic
{
	padding-top:100px;
	padding-bottom:100px;	
}

.part img.dimo
{
	padding-top:10px;
}

.part img.esystems
{
	padding-top:80px;
	padding-bottom:80px;	
}

.part img.jfi
{
	padding-left:5px;
	padding-right:5px;
}

.part img.ole
{
	padding-left:20px;
	padding-right:30px;	
	padding-top:40px;
	padding-bottom:40px;
}

.part img.cov
{
	padding-top:40px;
	padding-bottom:30px;
}


/*spécifique témoignages*/


ul.thumbs 
{
	list-style:none;
	clear:both;
	margin-bottom:200px;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

ul.thumbs li 
{
	background-image:none;
	float:left;
	margin:0px 0px 30px 30px;
	text-align:center;
	width:120px;
}

ul.thumbs li img 
{
	border:1px solid black;	
}