/* HEAD */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}

a{ text-decoration:none;}
body{ font-family:verdana; font-size:12px; background: #f1f1f1 url('images/checkers.png') top left repeat; min-width:1000px;}
img { border: none; }

.clear { clear: both;}
.left { float:left; margin-right: 10px; }
.right { float:right; margin-left: 10px; }
.ombre { box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; behavior: url(../PIE.htc); }

#header { width: 100%; height: 171px; margin: 0; background: url(images/bg-header.jpg) left top repeat-x; padding: 0;}
    #header .logo{margin: 0 auto; width:1000px; height:118px; z-index:10;}
    #header .fond-nav {background: url('images/bg-nav.png') 0 bottom no-repeat; float: right; margin-top: 56px; height: 115px; width:340px; margin-right: -6px;}

#main { width: 980px; margin: 0 auto 30px auto; background: #fff; padding: 50px 10px 10px 10px; border: 1px #ccc solid; padding:0;}
#main { -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; behavior: url(../PIE.htc); }
    
    #main #navigation { width: 287px; float: right; margin-top : -50px; padding: 8px; border-left: 1px dashed #999;}
    #main #navigation {-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; behavior: url(../PIE.htc);}
    #main #navigation h1 {font-family: 'Limelight', cursive; font-size: 30px; text-align: center; color: #c33736; text-shadow: 1px 1px 1px #666;}
    #main #navigation ul { list-style: none; padding-top: 10px;}
    #main #navigation li {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(PIE.htc);}
    #main #navigation li {box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; behavior: url(../PIE.htc);}
    #main #navigation li {background: #9eb7d0 url('images/checkers.png') top left repeat; border: 1px solid #999; margin: 15px 25px; padding: 6px ;}
    #main #navigation li:hover {box-shadow: 0 0 12px #999; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; behavior: url(../PIE.htc);}
    #main #navigation a {text-transform: uppercase; color: #3b424a; font-family: 'Anton', sans-serif; font-size: 15px; text-shadow: 1px 1px 0 #fff; display:block}
    
    #main #content { width: 650px; float: left; background: transparent; margin: 0 10px; text-align: justify; padding-top: 15px;}
    #main #content h1 {font-family: 'Myriad Pro'; font-size: 2.4em; color:#666; margin-bottom: 20px;}
    #main #content p {line-height: 25px; margin-bottom: 15px; margin-top: 10px; font-size: 13px;}
    
    #main #content #contact h1 { font-family: sans-serif; font-size: 18px; background: #13a03c; border: 1px solid #0b752a; padding:5px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 0 #333;}
    #main #content #contact h1 { -webkit-border-radius: 0 8px; -moz-border-radius: 0 8px; border-radius: 0 8px; behavior: url(../PIE.htc); }
    #main #content #contact a { color:#2a7bae; text-decoration: underline; }
    #main #content #contact .input {width: 100%;}
    #main #content #contact .label { width: 200px; }
    #main #content #contact .question { padding-top: 20px; border-top: 1px solid #666;}
    #main #content #contact .question:first-child {border: none;}
    #main #content #contact form { margin-bottom: 30px; }
    #main #content #contact h2 {font-size: 20px; margin: 10px 0;}
    
    #main #content #produits img { margin-bottom: 20px; }
    #main #content #produits ul { list-style: none; }
    #main #content #produits ul li { border-bottom: dotted 1px #ccc; height: 25px; font-size: 15px; margin-bottom: 10px; }
    #main #content #produits ul li:last-child { border: none;}
    #main #content #produits ul li a { color: #2a7bae; text-decoration: underline; display: block;}
    #main #content #produits ul .color { width: 20px; height: 20px; float: left; margin: 1px 10px 5px 10px; border: 1px solid #e9e9e9;}
    #main #content #produits ul .color { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../PIE.htc); }
    #main #content #produits ul .color { box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; behavior: url(../PIE.htc); }
    
    #main #content .image { margin: 20px 10px; }
    #main #content .image img { box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; behavior: url(../PIE.htc); }

#pied {-webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; behavior: url(../PIE.htc): }
#pied {background: url('images/fond.png') left top repeat; margin: 0; padding: 8px 0;}

#pied ul {list-style: none; text-align: center; height:50px; margin-top: 25px;}
#pied ul li { display: inline; margin: 0; padding: 15px 20px; text-align: center; vertical-align: top; border-left: 1px solid #999;}
#pied ul li:first-child {border-left: none;}
#pied ul li:last-child {border-right: none;}
#pied a {color: #ccc;}
#pied a:hover {color: #f1f1f1;}

#footer {margin-bottom: 50px;width: 1000px; margin: 0 auto; font-size: 10px; text-align: center; color: #999;}
#footer a {text-decoration: underline; color: #666;}

/* Présentation des produits */

#presentation { width: 700px; }
#presentation h1 { font-size: 20px; margin: 20px 0 20px 0; text-transform: uppercase; border-bottom: 2px dotted #333;}
#presentation h2 { font-size: 18px; margin: 20px 0 20px 0;}
#presentation img { padding: 8px; border: 1px solid #999; margin-bottom: 20px; }
#presentation img { box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #666; -webkit-box-shadow: 0 0 8px #666; behavior: url(../PIE.htc); }
#presentation img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../PIE.htc); }
#presentation ul { list-style: circle; margin-left: 30px; line-height: 20px; }
#presentation p { line-height: 20px; margin-bottom: 10px; }