html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}

table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}

body{font-family:Verdana,Arial,sans-serif; color:#000; margin:auto; padding:0; font-weight:normal; background:#fffef2}
#main{background:url(images/fond_prod.jpg) no-repeat scroll 0 0; margin:auto; padding:0; position:relative; width:1000px; height:780px; margin:auto}

img{margin:0; border:none}

p{font-size:10px; text-decoration:none; font-family:Verdana,Arial,sans-serif; font-weight:normal}

h1{font-size:2px; color:#fffef2}
h2{font-size:18px; font-weight:normal; font-family:Verdana,Arial,sans-serif; color:#fffef2}
h3{font-size:10px; text-decoration:none; font-family:Verdana,Arial,sans-serif; font-weight:normal}
h4{margin:0; font-size:14px; font-weight:normal; font-family:Verdana,Arial,sans-serif; color:#fffef2}

address{font-style:normal}

a:link, a:active, a:visited, a:hover{color:#170603; outline:none; text-decoration:none}
a:hover{text-decoration:underline}

#header{width:1000px; height:150px; margin-top:0; padding:0}

.logo{margin-left:80px; margin-top:5px}

#colonne-gauche{margin-left:16px; width:208px; float:left}

#colonne-centre-apropos{float:left; height:563px; width:260px}

#colonne-droite-apropos{height:563px; margin-left:29px; width:380px; float:left}

#colonne-centre{width:350px; height:563px; float:left}

#colonne-droite{width:350px; height:563px; float:left}

#colonne-imap{float:left; width:450px; margin-top:90px}

#colonne-contact{float:left; width:188px; height:563px; padding:30px; color:#fffef2}

#navigation-block{position:relative; top:76px; height:50px}

#hide{position:absolute; top:30px; left:-190px}

ul#sliding-navigation{list-style:none; font-size:0.80em; margin:30px 0; padding:0}

ul#sliding-navigation li.sliding-element h3, 
ul#sliding-navigation li.sliding-element a{display:block; width:150px; padding:5px 18px; margin:0; margin-bottom:5px}

ul#sliding-navigation li.sliding-element h3{color:#fff; background:#170603; font-weight:normal}

ul#sliding-navigation li.sliding-element a{color:#fffef2; background:#170603; text-decoration:none}

ul#sliding-navigation li.sliding-element a:hover{color:#999}

#info{margin-top:250px}

#slogan{margin-top:103px; margin-right:81px; text-align:right}

.photo-home{margin-left:86px; margin-top:33px}

.photo-apropos{margin-left:77px; margin-top:30px}
.photo-apropos img{margin-bottom:5px}

#zone-texte{color:#FFFEF2; float:left; font-size:11px; font-weight:normal; line-height:165%; text-align:justify}

#footer{clear:both; color:#9c9c9a; float:right; height:12px; width:452px}

#jgal{list-style:none; width:200px; height:578px; margin-left:400px; margin-top:-15px; float:left}
#jgal li{opacity:.5; filter:Alpha(opacity=40); /* IE8 */float:left; display:block; width:80px; height:38px; background-position:50% 50%; cursor:pointer; border:3px solid #fff; outline:1px solid #ddd; margin-right:14px; margin-bottom:14px}
#jgal li img{position:absolute; margin-left:60px; margin-top:30px; top:120px; left:220px; display:none; border:14px solid #fff}
#jgal li.active img{display:block}
#jgal li.active, #jgal li:hover{outline-color:#bbb; filter:Alpha(opacity=100); /* IE8 */opacity:.99 }

#gallery{list-style:none; display:block}
#gallery li{float:left; margin:0 10px 10px 0}