#container{
width:947px;
margin-top:10px;
}
.header{
width:947px;
height:393px;
background:url(../img/index/header.gif) no-repeat;
}
.menu{
padding:5px;
width:303px;
height: 380px;
float:left;
}
.menu a{
display: block;
}
.seavernon{
margin:20px;
margin-left: 40px;
width:206px;
height:93px;
background: url(../img/seavernon.jpg) no-repeat;
}
.french{
margin-top:5px;
width: 30px;
height:24px;
background: url(../img/puces/fr.gif) no-repeat;
float:right;
}
.english{
clear: right;
width: 30px;
height:24px;
background: url(../img/puces/en.gif) no-repeat;
float:right;
}
.societe{
width:303px;
height:37px;
background: url(../img/index/menu/societe.gif) left no-repeat;
}
.societe:hover{
background: url(../img/index/menu/societe-over.jpg) left no-repeat;
}
.groupe{
width:303px;
height:37px;
background: url(../img/index/menu/groupe.gif) left no-repeat;
}
.groupe:hover{
background: url(../img/index/menu/groupe-over.jpg) left no-repeat;
}
.politique{
width:303px;
height:35px;
background: url(../img/index/menu/politique.gif) left no-repeat;
}
.politique:hover{
background: url(../img/index/menu/politique-over.jpg) left no-repeat;
}
.mission{
width:303px;
height:39px;
background: url(../img/index/menu/mission.gif) left no-repeat;
}
.mission:hover{
background: url(../img/index/menu/mission-over.jpg) left no-repeat;
}
.produits{
width:303px;
height:36px;
background: url(../img/index/menu/produits.gif) left no-repeat;
}
.produits:hover{
background: url(../img/index/menu/produits-over.jpg) left no-repeat;
}
.contact{
width:303px;
height:37px;
background: url(../img/index/menu/contact.gif) left no-repeat;
}
.contact:hover{
background: url(../img/index/menu/contact-over.jpg) left no-repeat;
}


.company{
width:303px;
height:37px;
background: url(../img/index/menu/company.gif) left no-repeat;
}
.company:hover{
background: url(../img/index/menu/company-over.jpg) left no-repeat;
}
.group{
width:303px;
height:37px;
background: url(../img/index/menu/group.gif) left no-repeat;
}
.group:hover{
background: url(../img/index/menu/group-over.jpg) left no-repeat;
}
.policy{
width:303px;
height:35px;
background: url(../img/index/menu/policy.gif) left no-repeat;
}
.policy:hover{
background: url(../img/index/menu/policy-over.jpg) left no-repeat;
}
.missionen{
width:303px;
height:39px;
background: url(../img/index/menu/mission_en.gif) left no-repeat;
}
.missionen:hover{
background: url(../img/index/menu/mission_en-over.jpg) left no-repeat;
}
.products{
width:303px;
height:36px;
background: url(../img/index/menu/products.gif) left no-repeat;
}
.products:hover{
background: url(../img/index/menu/products-over.jpg) left no-repeat;
}
.contacten{
width:303px;
height:37px;
background: url(../img/index/menu/contact_en.gif) left no-repeat;
}
.contacten:hover{
background: url(../img/index/menu/contact_en-over.jpg) left no-repeat;
}

#ssmenu, #flashanim{
float: right;
width:623px;
height:388px;
margin-top:5px;
margin-right: 5px;
margin-right: 5px !important!
//margin-right: 2px;
}
#ssmenu{
display:none;
}
.inmenu{
width:100%;
height:100%;
background: #99D599;
margin: 0px;
padding: 0px;
}
.inmenu ul{
display: block;
width:300px;
margin: 0px;
padding-top:180px;
padding-left:50px;
float:left;

}
.inmenu li{
font-size: 13px;
font-weight: bold;
padding-bottom: 10px;
background: url(../img/puces/li-blanc.gif) 0% 25% no-repeat;
}
.inmenu a{
color:black;
}
.inmenu a:hover{
text-decoration: underline;
}
.inmenu .menuparticulier{
background: url(../img/index/produits-particuliers.png) 30px 139px no-repeat;
}
.inmenu .menuindustrie{
background: url(../img/index/produits-industries.png) 30px 139px no-repeat;
}
.inmenu .menunegociant{
background: url(../img/index/produits-negociants.png) 30px 139px no-repeat;
}
.inmenu img{
display: block;
float: right;
margin-right:0px;
}
.acces{
width: 980px;
height:55px;
background: url(../img/index/acces.gif) left no-repeat;
}
.acces p{
clear:left;
display: block;
float:left;
width:286px; 
height:35px;
overflow: hidden;
padding:10px;
padding-left:20px;
color:#333333;
}
#particulier{
width: 210px;
height:55px;
background: url(../img/index/particulier.gif) left no-repeat;
float: left;
}
#particulier:hover{
background: url(../img/index/particulier-over.gif) left no-repeat;
}
#industrie{
width: 210px;
height:55px;
background: url(../img/index/industrie.gif) left no-repeat;
float: left;
}
#industrie:hover{
background: url(../img/index/industrie-over.gif) left no-repeat;
}
#negociant{
width: 211px;
height:55px;
background: url(../img/index/negociant.gif) left no-repeat;
float: left;
}
#negociant:hover{
background: url(../img/index/negociant-over.gif) left no-repeat;
}
.informations{
clear: left;
float: left;
width: 314px;
height:400px;
background: url(../img/index/information.gif) no-repeat;
}
.informations .ininformations{
margin:5px;
margin-top: 4px;
width: 304px;
height:390px;
overflow: hidden;
}
.informations p{
display: block;
margin: 0px;
margin-top: 5px;
padding: 0px;
padding-left:5px;
padding-right:5px;
width:294px;
}
.inormations p img{
display: block;
margin:0px auto;
margin-bottom:5px;
padding: 0px;
}
.contenu{
padding: 10px;
padding-top:30px;
float: left;
width: 613px;
height:358px;
background: url(../img/index/contenu.gif) no-repeat;
overflow: hidden;
}
.contenu li{

}