html {
text-align: center;
color: black;
font-size: 12px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background: #fff url('../images/fondsite.png') center;
}
body {
width:100%;
height:100%;
margin: 10px 0;
padding: 0;
}
#displayer {
position: absolute;
z-index: 8000;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background:transparent url(../images/transparent.png);
}
#overview {
position: absolute;
z-index: 10000;
top: 100px;
left: 50%;
padding: 0;
}
a {
color: black;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 1px 2px;
background: #cef25b;
}
a:hover {
background: #83d0f6;
}
a img {
border: 0;
}
#header{
color: white;
display: block;
position: absolute;
z-index: 100;
top: 24px;
right: 24px;
width: 172px;
height: 219px;
margin: 0;
background: transparent url(../images/logo-apm.png) no-repeat;
font-size: 0;
}
#principal.homepage #header {
top: 50px;
right: 64px;
}
#stuff {
position: absolute;
right: 1px;
bottom: 50px;
margin: 0;
}
.cadreProduit .loupe {
position: absolute;
left: 30px;
bottom: 14px;
padding: 0;
background: transparent;
}
#menu li a {
color: black;
text-align: center;
width: 240px;
font-size: 12px;
line-height: 18px;
display: block;
padding: 0 0 1px 0;
margin: 0;
background: url('../images/fondmenu.png') no-repeat;
}
#menu2 li a {
color: #7b7c7e;
position: relative;
display: block;
width: 144px;
padding: 2px 19px 2px 0;
background: transparent;
margin: 0 -1px 0 0;
}
#menu2 li a:hover {
color: white;
background: #1f328b;
}
#menu2 #documentation a, #menu2 #contacts a {
position: relative;
display: block;
height: 22px;
color: #283189;
padding: 4px 19px 2px 0;
}
#menu2 #documentation a:hover, #menu2 #contacts a:hover {
color: black;
background: transparent;
}
img {
margin: 0;
padding: 0;
}
#anim {
top: 34px;
position: absolute;
left: 0;
margin: 0;
padding: 0;
}
.frame img {
float: right;
margin: 10px 10px;
}
.frame .loupe img{
float: none;
margin: 0;
}
.frame .vign {
float: none;
border: 1px solid #22339a;
margin: 0 0 12px 12px;
}

.frame table
{
	display:block;
	width:88%;
}
.frame table tr td
{
	width:290px;
	text-align:center;
}
.frame table tr td img
{
	float:none;
	margin:0px;
}
.frame table tr td .lien_doc
{
	background-color:#FFFFFF;
	display:block;
	float:none;
}
#get_acrobat
{
	padding-top:70px;
}
div {
margin: 0;
padding: 0;
}
#principal {
text-align: left;
width: 1034px;
background: transparent url('../images/bordgauche.png') left repeat-y;
margin: 0 auto;
padding: 0;
}
a #principal {
cursor: pointer;
}
#haut {
font-size: 0;
float: left;
width: 10px;
height: 12px;
background: url('../images/hautgauche.png') right no-repeat;
}
#cadrePhoto {
line-height: 0;
float: left;
width: 205px;
margin: 0 0 15px 0;
background: url('../images/fondcadre.png') 0 37px no-repeat;
}
.cadreProduit {
position: absolute;
top: 28px;
right: 40px;
width: 364px;
height: 380px;
padding: 8px 7px 0 31px;
background: white;
border: 1px solid #b7b8b9;
}
#bas {
font-size: 0;
height: 14px;
background-image:url('../images/bordbas.png');
}
#coingb {
width: 10px;
height: 14px;
background-image:url('../images/basgauche.png');
float: left;
}
#coindb {
margin: 0;
width: 11px;
height: 14px;
background-image: url('../images/basdroit.png');
float: right;
}
#contenu {
position: relative;
padding: 258px 22px 24px 0;
margin: 0 0 0 9px;
background: white url('../images/fondroot.jpg') -153px 0 no-repeat;
border: 1px solid #70a7c0;
}
#principal.homepage #contenu {
padding: 256px 0 0 7px;
background: white url('../images/fondroot.jpg') no-repeat;
}
.frame {
overflow: auto;
position: relative;
height: 387px;
padding: 44px 40px 8px 40px;
margin: 0 0 0 225px;
background: transparent url('../images/fondframe.png') 20px 24px no-repeat;
border: 1px solid #283189;
border-left: 0;
}
#classification .frame, #pmma .frame, #ps .frame, #abs .frame, #pvc .frame, #pc .frame, #pet .frame, #thermo .frame, #formage .frame, #usinage .frame, #pliage .frame, #decoupe .frame, #serigraphie .frame {
padding: 44px 450px 8px 40px;
background: transparent;
}
#contacts .frame {
background: transparent;
}
#principal.homepage .frame {
border: 0;
width: auto;
height: auto;
margin: 0;
padding: 0 190px 14px 310px;
background: transparent;
}
p {
clear: left;
margin: 0 0 4px 0;
padding: 0;
}
p.blue {
font-weight: bold;
color: #22339a;
}
p span {
font-weight: bold;
color: white;
padding: 2px 3px;
background: #accd37;
}
h1 {
font-weight: normal;
color: #3e4f58;
font-size: 38px;
line-height: 36px;
margin: 0;
padding: 0 0 18px 0;
background: transparent;
}
#contacts h1, #classification h1, #pmma h1, #ps h1, #abs h1, #pvc h1, #pc h1, #pet h1, #thermo h1, #formage h1, #usinage h1, #pliage h1, #decoupe h1, #serigraphie h1 , #collage h1 {
font-size: 20px;
}
#principal.homepage h1 {
color: #20338c;
font-size: 28px;
font-style: italic;
padding: 0 7px 20px 0;
}
h2 {
text-indent: -19px;
text-transform: uppercase;
font-weight: bold;
color: #2c2c2c;
line-height: 22px;
font-size: 15px;
text-shadow: 1px 1px 2px white;
margin: 0 0 8px 0;
padding: 0 0 0 0;
background: transparent;
}
ul {
position: relative;
z-index: 100;
margin: 0;
padding: 8px 0 25px 0;
background: transparent;
}
#principal.homepage ul {
width: 100%;
float: left;
padding: 44px 0 75px 0;
}
.frame ul {
letter-spacing: 1px;
}
#menu {
position: absolute;
top: 252px;
left: 0;
height: 18px;
padding: 0 14px 0 150px;
}
#menu2 {
position: absolute;
height: 346px;
top: 357px;
left: 0;
text-align: right;
padding: 0;
border-right: 1px solid #283189;
}
ul.chars {
float: left;
width: auto;
margin: -74px 0 0 0;
padding: 8px 14px;
background: url('../images/fondliste.png') repeat-y;
}
li {
clear: left;
list-style-type: none;
margin: 0 10px 2px 0;
padding: 0 15px 0 0;
/*background: transparent;*/
}
#principal.homepage li {
float: left;
font-size: 30px;
line-height: 38px;
text-transform: uppercase;
white-space:nowrap;
}
#principal.homepage li a {
color: #7b7c7e;
padding: 0;
background: transparent;
border: 1px solid white;
}
#principal.homepage li a:hover {
color: #646668;
border: 1px solid #455a71;
}
.chars li {
font-size: 12px;
line-height: 12px;
color: #2c2c2c;
text-shadow: 1px 1px 2px white;
padding: 2px 40px 2px 2px;
}
.chars li.first {
width: 180px;
}
#formage {
padding: 0 180px 0 0;
}
#pliage {
padding: 0 80px 0 0;
}
#tampographie {
padding: 0 200px 0 0;
}
li.transparentBg {
background: transparent;
}
#menu li {
float: left;
text-transform: uppercase;
clear: none;
margin: 0 6px 0 0;
padding: 0;
background: white;
}
#menu li:hover {
background: #283189;
}
#menu li:hover a {
color: white;
}
#historique #smenu1-1, #historique #smenu2-1 a, #site #smenu1-1, #site #smenu2-2 a, #savoir #smenu1-1, #savoir #smenu2-3 a, #technique #smenu1-1, #technique #smenu2-4 a, #parc #smenu1-1, #parc #smenu2-5 a, #qualite #smenu1-1, #qualite #smenu2-6 a, #classification #smenu1-3, #classification #smenu2-1 a, #pmma #smenu1-3, #pmma #smenu2-2 a, #ps #smenu1-3, #ps #smenu2-3 a, #abs #smenu1-3, #abs #smenu2-4 a, #pvc #smenu1-3, #pvc #smenu2-5 a, #pc #smenu1-3, #pc #smenu2-6 a, #pet #smenu1-3, #pet #smenu2-7 a, #thermo #smenu1-2, #thermo #smenu2-1 a, #formage #smenu1-2, #formage #smenu2-2 a, #usinage #smenu1-2, #usinage #smenu2-3 a, #pliage #smenu1-2, #pliage #smenu2-4 a, #decoupe #smenu1-2, #decoupe #smenu2-5 a, #serigraphie #smenu1-2, #serigraphie #smenu2-6 a, #collage #smenu2-7 a, #collage #smenu1-2 {
color: white;
background: #1f328b;
}
#historique #smenu1-1 a, #site #smenu1-1 a, #savoir #smenu1-1 a, #technique #smenu1-1 a, #parc #smenu1-1 a, #qualite #smenu1-1 a, #classification #smenu1-3 a, #pmma #smenu1-3 a, #ps #smenu1-3 a, #abs #smenu1-3 a, #pvc #smenu1-3 a, #pc #smenu1-3 a, #pet #smenu1-3 a, #thermo #smenu1-2 a, #formage #smenu1-2 a, #usinage #smenu1-2 a, #pliage #smenu1-2 a, #decoupe #smenu1-2 a, #serigraphie #smenu1-2 a, #collage #smenu1-2 a{
color: white;
}
#site #smenu2-1, #savoir #smenu2-1, #savoir #smenu2-2, #technique #smenu2-1, #technique #smenu2-2, #technique #smenu2-3, #parc #smenu2-1, #parc #smenu2-2, #parc #smenu2-3, #parc #smenu2-4 , #qualite #smenu2-1, #qualite #smenu2-2, #qualite #smenu2-3, #qualite #smenu2-4, #qualite #smenu2-5, #pmma #smenu2-1, #ps #smenu2-1, #ps #smenu2-2, #abs #smenu2-1, #abs #smenu2-2, #abs #smenu2-3, #pvc #smenu2-1, #pvc #smenu2-2, #pvc #smenu2-3, #pvc #smenu2-4, #pc #smenu2-1, #pc #smenu2-2, #pc #smenu2-3, #pc #smenu2-4, #pc #smenu2-5, #pet #smenu2-1, #pet #smenu2-2, #pet #smenu2-3, #pet #smenu2-4, #pet #smenu2-5, #pet #smenu2-6, #formage #smenu2-1, #usinage #smenu2-1, #usinage #smenu2-2, #pliage #smenu2-1, #pliage #smenu2-2, #pliage #smenu2-3, #decoupe #smenu2-1, #decoupe #smenu2-2, #decoupe #smenu2-3, #decoupe #smenu2-4, #serigraphie #smenu2-1, #serigraphie #smenu2-2, #serigraphie #smenu2-3, #serigraphie #smenu2-4, #serigraphie #smenu2-5 {
border-right: 1px solid #1F328B;
}
#menu2 li {
position: relative;
right: -1px;
font-size: 13px;
line-height: 16px;
font-style: italic;
margin: 0 0 2px 0;
padding: 0 0 0 62px;
background: transparent;
border-right: 1px solid #1f328b;
}

/*#menu3 #documentation, #menu3 #contacts, #menu3 #accueil {
position: absolute;
bottom: 35px;
font-size: 15px;
font-style: normal;
line-height: 20px;
background: transparent url('../images/fondrubrique.png') 0 bottom no-repeat;
border: 0;
}*/
/*#menu3 #documentation {
bottom: 1px;
}*/
#menu3
{
	position:absolute;
	bottom:5px;
	left:40px;
}
#menu3 li
{
	padding:0px;
	margin:0px;
	
}
#menu3 a
{
	background:none;
}

#tab_classification #lien_tab
{
	display:block;
	background-color:#FFFFFF;
	float:left;
	text-align:center;
}
#tab_classification 
{
	width:200px;
	clear:left;
}
#tab_classification img
{
	margin:0px;
}
#tab_classification p
{
	text-align:center;
}
.lien_vid 
{
	background-color:#FFFFFF;
}
#tampon
{
	float:left;
	padding-left:88px;
	width:150px;
	height:150px;
}
#serv_tech
{
	float:left;
	width:300px;
	height:215px;
}
.imageCenter{
	text-align: center;
	margin-top: 15px;
}
.frame .imageCenter img{
	float: none;
}
.frame .imageCenter .lienVideo img,
.frame .imageCenter .lienVideo{

	background: #fff;
}
* {

}
.frame img.plan{
	margin:-36px 0 20px 283px;
	position:absolute;
}