* {
	padding:0;
	margin:0;
	outline:none;
}
body 
{
    background:url(images/body.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
h1 
{
	position:absolute;
	top:-9999px;
}
#back_page
{
   background:url(images/back_page.png) no-repeat center top;
   width:100%;
   height:100%;
  
}
#back_entete
{
  background:url(images/back_entete.gif) repeat-x top;
  width:100%;
  height:100%;
}
#back_pied
{
  background:url(images/back_pied.jpg) repeat-x bottom;
  width:100%;
  height:100%;
}  

#global
{
    width:960px;
	height:100%;
	margin:0 auto;
}
#entete
{
   background:url(images/entete.jpg) no-repeat;
   width:960px;
   height:355px;/*423*/
   padding-top:68px;
}
div#logo_text {
width:387px;
height:87px;
 margin:0px 0 0 120px;
}
#logo
{
  background:url(images/logo.png) no-repeat;
  width:220px;
  height:87px;
 

 
}
.graphique {

width:142px;/*162*/
height:77px;/*87*/
float:right;
padding:10px 0 0 20px;




}
.graphique li{
list-style:none;
padding-top:5px;
font-weight:bold;
text-align:center;


}
.graphique li.orange{
color:#e4912f;
}
.graphique li.rouge {
color:#ea363b;
}
.graphique li.vert {
color:#5ca83c;
}
div#slogan {

width:371px;
height:23px;
margin:20px 0 0 120px;
}
div#slogan p{

color:#00477b;
text-align:center;
font-size:18px;
}
#newsletter
{
  width:210px;
  height:60px;
  margin:30px 0 0 370px;
}
#newsletter h3
{
  font-size:12px;
  text-transform:uppercase;
  color:#f97f1c;
}
 #newsletter .txt
{
  width:148px;/*151*/
  height:16px;/*18*/
  padding:2px 0 0 3px;
  background:#dadada;
  border:none;
  color:#5e5e5e;
  font-size:11px;
  float:left;
  margin-top:10px;
}
#newsletter .sub
{
  background:url(images/sub..png) no-repeat;
  width:19px;
  height:18px;
  border:none;
  float:left;
  margin:10px 0 0 5px;
  cursor:pointer;
}
#menu
{

height:33px;
margin:80px 0 0 97px;
width:812px;
}

#menu ul
{
  width:812px;
}
#menu ul li
{
  float:left;
  background:url(images/puce.png) no-repeat left;
  height:43px;
  padding-left:25px;
  margin-left:10px;
  list-style:none;
  line-height:35px;
}
#menu ul li a img
{
  border:0;
}
#contact
{
  background:url(images/cordonne.png) no-repeat;
  width:960px;
  height:126px;
  color:#FFFFFF;
}
#cordonne
{
  width:265px;
  height:87px;/*92*/
  margin-left:125px;
  padding-top:5px;
  float:left;
  
}
#cordonne h3 
{
  font-size:12px;
  text-transform:uppercase;
  margin-left:10px;
}
#cordonne dl
{
  width:180px;
  height:64px;
  margin-top:10px;
}
#cordonne dl dt
{
  font-size:11px;
}
#actualite
{
  width:257px;
  height:87px;/*92*/
  margin-left:50px;
  padding-top:5px;
  float:left;
  
}
#actualite h3
{
  font-size:12px;
  text-transform:uppercase;
  margin-left:10px;
}
#actualite .date
{
  color:#f6ec99;
  text-transform:uppercase;
  margin-top:7px;
  float:left;
  font-size:11px;
}
#actualite .titre
{
  font-weight:bold;
  color:#00477b;
  float:left;
  margin:7px 0 0 8px;
}
#actualite .text
{
  width:266px;
  margin:25px 0 0 0;
}
#centre
{
  width:840px;
  margin-left:98px;

  
}
#contenu
{

  width:820px;/*840*/
  min-height:500px;/*510*/
  padding:10px 10px 0 ;
  background:#c85b01 url(images/contenu1.jpg) no-repeat ;

}
#contenu_bas {
background:url(images/contenu_bottom.png) no-repeat bottom;
width:840px;
height:19px;


}
#contenu h2
{
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  color:#1d75b6;
  margin-left:10px;
  line-height:25px;
  margin:0 0 20px;
}
#contenu h2 span
{
  color:#474747;
  text-transform:none;
}
#contenu h3 {
font-size:13px;
color:#000;
line-height:10px;}

#contenu .txt span
{
  color:#FFFFFF;
}
#contenu .text
{

  font-weight:bold;
  padding-top:15px;


}
#contenu .text a
{
color:#000000;
text-decoration:underline;


}
#contenu .lien {

margin:5px 0 5px 20px;

}
#contenu .lien li{
list-style:inside;
padding-top:5px;
font-weight:bold;
}
#contenu .lien li a{
text-decoration:underline;
color:#fff;
}
#contenu .lien li a:hover{
text-decoration:underline;

}
#contenu ul.image{

margin-top:20px;
overflow:hidden;
}
#contenu ul.image li{
list-style:none;
float:left;
padding-left:10px;
}
#contenu ul.image li img{
width:170px;
height:100px;
border:2px solid #000;
}

#contenu .image_par li{
list-style:none;
padding-top:10px;
}
#contenu .image_par li img{
border:2px solid #000;

}
#contenu  .ref{
width:560px;
min-height:200px;
}
#contenu  .ref li{
list-style:none;
padding-top:10px;
float:left;
padding-left:20px;
}
#contenu  .ref li p{
text-align:center;
}
#contenu  .ref li img{
width:250px;
height:160px;
border:1px solid #000;
}
#contenu  .ref li a{
text-decoration:underline;
color:#fff;
padding-top:5px;}
#contenu  .ref li a:hover{
text-decoration:none;
}
ul#produits {
  width:830px;
  overflow:hidden;
  padding-bottom:10px;
}
ul#produits li{
list-style:none;
padding:10px;
 width:220px; /*240*/ 
 float:left;
  margin-left:30px; 
  margin-bottom:10px;
  }
ul#produits li dl {
width:206px;
  }  
ul#produits li dl dt{
 padding-top:5px; 
 font-weight:bold; 
 line-height:1.3em; 
 height:2.6em; /*2 lignes = 2x1.3em*/ 
 overflow:hidden; 
 text-align:center;
 color:#fff;
 font-size:14px;
  }
ul#produits li dl  dd.image{ 
  width:200px;
  height:133px;
  text-align:center;}
ul#produits li dl  dd.image img{
	border:3px solid #ababab;
	max-width:200px;
	max-height:133px;

  }

 
ul#produits li dl dd.lien1 {
 font-size:95%; 
 text-align:center;
 margin-top:10px;

  }	
ul#produits li dl dd.lien1 a{
 font-size:95%;
 color:#fff; 
 text-decoration:underline;

  }	
 ul#produits li dl dd.lien1 a:hover{
 text-decoration:none;

  }	
ul#partic {
width:500px;
min-height:250px;


}
ul#partic li{
list-style:none;
width:390px;
}
ul#partic li.titre{
 padding-top:5px; 
 font-weight:bold; 
 line-height:1.3em; 
 height:2.6em; /*2 lignes = 2x1.3em*/ 
 overflow:hidden; 
 text-align:center;
 color:#fff;
 font-size:14px;
}
ul#partic li.image{ 
  width:400px;
  height:270px;
  text-align:center;
  }
ul#partic li.image img{
	border:3px solid #ababab;
	max-width:400px;
	max-height:260px;

  }
ul#partic li.desc{

 overflow:hidden;
 font-size:95%;  
 line-height:1.3em;
  height:6.5em;
  color:#fff;
  font-size:13px;

 }
/***************pie******************/
#pied
{
  background:url(images/pied.jpg) #000 no-repeat;
  width:960px;
  min-height:107px;
  margin-top:17px;
}
.bdj
{
width:132px; 
height:107px;
cursor:pointer;
float:left;
}
#pied ul
{
  width:760px;
  height: auto;
  overflow:hidden;
  
}
#pied ul li
{
  float:left;
  list-style:none;
  margin:10px 0 0 8px;
  display:block;
  color:#868686;
}
#pied ul li a
{
  text-decoration:none;
  color:#868686;
}
#pied ul li a:hover
{
  color:#FFFFFF;
}

#pied ul .imnalys {
   position:relative;
   left:300px;
   top:0px;
   }

#pied ul .imnalys span
{
  position:absolute;
  top:-9999px;
}
#pied ul .imnalys img
{
  width:129px;
  height:28px;
  border:0;
}
div#pied .desciption_Imnalys {
font-size:10px;
text-align:center;

color:#868686;
height:auto;
width:900px;
}