﻿*  
{padding: 0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;}

body /* FOND COLORE GAUCHE DROITE*/
{background-color: #e8eaec;
font-family:"lr oSVbN", Osaka, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", sans-serif ;}

#center /* FENETRE PRINCIPALE*/
{background-color: white;
width: 780px;
margin: auto;
border: 1px solid gray;}

#header   /* HEADER */ 
{background-image:url("./img/header.jpg");
background-repeat: repeat-x;
width: 780px;
height: 100px;
color: white;}
#logo
{padding-left: 15px;
padding-top: 15px;
float: left;}		
#kaishamei
{margin: 
5px 0px 0px 225px;}

#menu ul  /* MENU FIXE HORIZONTAL*/
{list-style-type: none;}
#menu li 
{margin-left: 0px;
float: left;}
#menu ul li a  
{display: block;
float:left;
width: 148px;
height: 32px;
line-height: 32px;
color: #573239;
background-image:url("./img/button4.png");
background-repeat: no-repeat;
border: 1px solid #d3c9ca;
padding: 3px;
text-align: center;
text-decoration: none;}
#menu ul li a:hover 
{background-image:url("./img/button6.png");}

#corps /* CORPS*/
{width: 680px;
padding: 10px 20px 10px 40px; 
margin: auto;
min-height:500px;}  
#corps h3  
{margin: 20px 0px 20px 0px; 
font-size: 1em;}
#corps p
{font-size: 0.9em;
line-height:20px;
color:black;}
.esp  /* espaces entre > pour chemin d'acces*/
{color: navy;
text-decoration: none;
font-size:0.9em;
margin-right:10px;
line-height:40px;}

#footer /* FOOTER*/
{padding: 0px 0px 0px 0px;
text-align: center;
width: 780px;
height: 40px;
margin: auto;
background-image:url("./img/footer.jpg");}
#footer p
{color: white;
padding: 5px 0px 5px 0px;}
#drapeaux 
{margin-left: 20px;}

/* CONTENU COMMUN HORS CLASSE*/
table a img 
{border: none;}
table td 
{font-size: 0.9em;}
a img 
{border: none;}
a
{color: #627EB7;}

/* CONTENU SPECIFIQUE*/
/* PAGE INDEX */
#anim 
{margin:auto;}

#table_actualite
{margin:auto;
text-align: left;
margin: 0px 0px 20px 0px;
border-collapse: collapse;
font-size:0.8em;}

#table_actualite td
{border-bottom: 1px #e8eaec solid;
padding-top: 15px;
padding-bottom: 15px;}

#offre_col1 
{width:120px;
font-size:1.2em;
font-weight:bold;
color:#2a50b0;
}
#offre_col2
{line-height:1.3em;
font-size:1em;}

.actudate 
{color: navy;
width:110px;
padding-left:15px;}
.actutitle
{line-height:1.5em;}
#table_actualite img
{display:block;}

#shokubunka
{margin-left: 360px;
margin-bottom: 20px;}
#lienshomepage 
{margin-top: 10px;}

/* PAGE PRODUCTS */
#menu_flot li 
{float: left ;}
#menu_flot { 
margin: 0 ; 
list-style: 0 ; 
width: 780px;
height: 410px;
padding: 0px 32px 0px 32px;}
#menu_flot li { 
float: left ; 
width: 178px ;
margin-right: 1px ; 
list-style: none;}
#auto_button a 
{display: block ; 
 background: url(img/automatic.jpg) left top no-repeat ; 
 height: 394px;}
#auto_button a:hover, #auto_button a:focus, #auto_button a:active 
{background: #033 url(img/automatic.jpg) right top no-repeat ; }
#tradi_button a
 {display: block ; 
  background: url(img/traditional.jpg) left top no-repeat ; 
  height: 394px;}
#tradi_button a:hover, #tradi_button a:focus, #tradi_button a:active 
{background: #033 url(img/traditional.jpg) right top no-repeat ; }
#grinder_button a 
{display: block ; 
 background: url(img/grinder.jpg) left top no-repeat ; 
 height: 394px;}
#grinder_button a:hover, #grinder_button a:focus, #grinder_button a:active 
{background: #033 url(img/grinder.jpg) right top no-repeat ; }
#drip_button a 
{display: block ; 
 background: url(img/drip.jpg) left top no-repeat ; 
 height: 394px;}
#drip_button a:hover, #drip_button a:focus, #drip_button a:active 
{background: #033 url(img/drip.jpg) right top no-repeat ; }
#decalage_prod
{width: 680px;
padding: 10px 20px 10px 40px; }

.colmachine
{border:1px solid #F3F3F3;
width:200px;
height:200px;
margin:auto;
margin-left:15px;}

.coltext h2
{font-family: "Stencil Std";
font-size:1.2em;
line-height:40px;
margin-bottom:10px;}

.coltext
{width:400px;
height:200px;
background: #F3F3F3;
padding-left:15px;}

.aligncentre
{text-align:center;}
.alignright
{text-align: right;}

/* TABLEAU STYLE */
.tableau_style table,th,td	
{border:none;  
border-collapse:collapse; 
font-family:"qMmpS Pro W3",sans-serif; 
font-size:1em; 
line-height:3em;}

.model_title  /* TABLEAU DOWNLOAD */
{width:350px;
font-family:"Stencil Std";}

.model_title2  /* TABLEAU DOWNLOAD */
{line-height:5em;}

.tableau_style table		
{background:#735459; 
margin-bottom:40px;
-webkit-border-radius:6px; 
-moz-border-radius:6px; border-radius:6px; 
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3);
 -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
 
.tableau_style tbody td, tbody th	
{font-size:0.9em; 
padding:0.1em 0.6em; 
background-color:#e5e5e5; 
vertical-align:top}

.tableau_style tbody th
{color:#222;	
text-align:right;
 background-image:url(tabel.png); 
 background-repeat:repeat-y; border-right:1px solid #ccc}
 
.tableau_style tbody td:last-child		
{border-right:1px solid white}

.tableau_style tbody tr.odd th, tbody tr.odd td   
 {background-color:#eee; color:#222}


.tableau_styletable a:link	
{line-height:1em; 
color:#735459; 
display:inline-block; 
padding:3px 7px; 
margin:-3px -7px}

.tableau_style table a:visited	
{color:#555}

.tableau_style table a:hover
{text-decoration:none;
 background:#735459; 
 color:white; 
 -webkit-border-radius:4px; 
 -moz-border-radius:4px; 
 border-radius:4px}

::-moz-selection{	background:#202020; color:white}
::selection		{	background:#202020; color:white}


/* PAGE COMPANY*/
#colgauche 
{width: 100px;}
#tableenkaku  
{border:0 none;
font-size: 1.2em;}
#tableenkaku td
{border:0 none;
text-align: left;}
#tableenkaku td p
{line-height: 35px;}

#tableinnovation
{border: 0 none;
font-size: 1.1em;
margin: auto;}
#tableinnovation td
{border: 0 none;
text-align: left;
line-height:30px;
padding: 5px;}

.tablenorm 
{border:0 none;
margin: auto;
font-size: 1em;
text-align: left;}
.tablenorm td
{border:0 none;
text-align: left;}

#googlemap
{margin: auto;}

/* PAGE MACHINES DUO SOLO UNO ZI RUMBA*/
.omonaspec
{margin: auto;
text-align: left;}
.omonaspec td
{margin: auto;
padding-right: 20px;
line-height: 30px;
text-align:left;}
.omonaspecunozi
{margin: auto;
text-align: left;
line-height:40px;
color:black;
list-style-type: circle;}
.ambianceduo
{margin: auto;}
.ambianceduo td
{padding-right:5px;
line-height:24px;}
.blanche
{height:300px;}


<style type="text/css">
/*Credits: Dynamic Drive CSS Library pour GALLERIES IMAGES*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;}
.thumbnail:hover{
background-color: transparent;}
.thumbnail:hover img{
border: 1px solid black;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: white;
text-decoration: none;}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 250px;
left: 600px;
z-index: 50;
}
</style>

#offre_emploi
{}

