* {margin:0;padding:0}
body {font-family:Helvetica, sans-serif;font-size:11px;}
ul {list-style:none}
a {text-decoration:none;color:#000;}
#content ul li a:hover {text-decoration:underline;}
div {
behavior:url(../materials/css/iepngfix.htc);
}
#document {width:769px;margin:14px auto 0 auto;height:589px;}
body#produit1 #document {background:url("../images/bg-produit1.jpg") no-repeat;}
body#produit2 #document {background:url("../images/bg-produit2.jpg") no-repeat;}
body#produit3 #document {background:url("../images/bg-produit3.jpg") no-repeat;}
body#produit4 #document {background:url("../images/bg-produit4.jpg") no-repeat;}
body#noto #document {background:url("../images/bg-noto.jpg") no-repeat;}
body#boutique #document {background:url("../images/bg-boutique.jpg") no-repeat;}

body#index #document {background:url("../images/bg-index.jpg") no-repeat;}

#content {width:656px;position:relative;top:97px;left:65px;height:400px;padding-top:30px;border:}

body#produit1 #main {background:url("../images/bg-content.png") no-repeat;width:412px;height:198px;margin-left:220px;padding-top:5px}
body#produit1 #main-text {height:173px;padding:10px 10px 10px 10px;overflow-y:auto;width:382px;}

body#produit2 #main{background:url("../images/bg-content-produit2.png") no-repeat;width:412px;height:375px;margin-left:220px;padding-top:5px}
body#produit2 #main-text {height:350px;padding:10px 10px 10px 10px;overflow-y:auto;width:382px;}

body#produit3 #main {background:url("../images/bg-content-produit3.png") no-repeat;width:348px;height:303px;margin-left:290px;padding-top:5px}
body#produit3 #main-text {height:278px;padding:10px 10px 10px 10px;overflow-y:auto;width:318px;}

body#produit4 #main {width:380px;height:360px;margin-left:250px;padding-top:5px;overflow-y:auto;padding-right:20px}

body#noto #main {background:url("../images/bg-content-noto.png") no-repeat;width:417px;height:243px;margin-left:220px;padding-top:5px}
body#noto #main-text {height:218px;padding:10px 10px 10px 10px;overflow-y:auto;width:387px;}

body#boutique #main {background:url("../images/bg-content-boutique.png") no-repeat;width:347px;height:257px;margin-left:20px;padding-top:5px}
body#boutique #main-text {height:232px;padding:10px 10px 10px 10px;overflow-y:auto;width:317px;}

body#index #main {width:380px;height:360px;margin-left:250px;padding-top:5px;overflow-y:auto;padding-right:20px;}


#main p a {color: #003399;font-weight:bold}
h1 {color: #003399;font-size: 24px;margin-bottom: 10px;}
h2 {color: #003399;font-size: 12px;margin-top: 8px;margin-bottom: 4px;}

a#more {background:url("../images/patte.gif") left no-repeat;font-weight:bold;height:16px;display:block;color:#003399;margin-left:280px;padding-left:20px;padding-top:8px;cursor:pointer}
a#more:hover {text-decoration:underline;}
body#produit3 a#more {margin-left:200px;}
body#boutique a#more {margin-left:210px;}

#anim-produit1 {position:absolute;bottom:0;left:9px}
#anim-produit2 {position:absolute;top:12px;left:5px}
#anim-produit3 {position:absolute;top:12px;left:5px}
#anim-produit4 {position:absolute;bottom:0;left:9px}
#anim-noto {position:absolute;bottom:4px;left:5px}
#anim-boutique {position:absolute;top:10px;right:0}


/*produit 4 css box*/
#produit4 h2 {color:#003399;font-size:11px;cursor:pointer;margin:0}
#produit4 h2.pli {background:url("../images/fleche.gif") left no-repeat;padding:5px 0 5px 18px;}
#produit4 h2.depli{background:#003399;color:#fff;width:363px;padding:0 0 5px 18px;}
#produit4 p {padding:3px 0 5px 0}
#produit4 p a:hover {text-decoration:underline;}
#produit4 .top-box {background:url("../images/top-box.jpg") bottom no-repeat;width:381px;height:7px;}
#produit4 .box {background:url("../images/bg-content.jpg") repeat-y;padding:0 10px;width:361px;}
#produit4 .bottom-box {background:url("../images/bottom-box.jpg") no-repeat;width:381px;height:8px;}


a#logo {position:absolute;top:0;left:50%;margin-left:-380px;width:170px;height:120px}

#netlinking {margin-top:20px}
#netlinking li {display:inline}
#netlinking li a {color:#003399;}

#produit4  #netlinking {position:absolute;bottom:20px;margin-left:40px;width:360px}

#footer {width:748px;margin:0 auto;padding-left:16px;}
#footer ul li {display:inline;padding-right:12px;}
#footer ul li a {color:#000;font-size:11px;font-weight:bold;}
#footer span {
color:#999999;
font-size:10px;
margin-top:6px;
display:block;
font-weight:bold;
}
#footer span.bottom {color:#000000;font-family: Arial,Helvetica,sans-serif;font-size:8px;font-weight: bold;}




