/* Base */

* { margin:0; padding:0;}
body { color:#333; background:#fff url(../navigation/back-page.jpg) fixed left top; font:15px/20px "ff-meta-serif-web-pro",Cambria,Georgia,serif; position:relative;}
#page { background-color:#fff; background-color:rgba(255,255,255,0.65); margin-left:60px; width:700px; padding:77px 60px 30px 30px;}

a { color:#f00;}
  a:hover,a.active { color:#000; text-decoration:none;}
  a img { border:none;}
p,ul,ol { margin:20px 0;}
  li { margin-bottom:8px;}

strong { font-weight:700;}
  
h1 { background:url(../navigation/molkky-etc.gif) no-repeat; width:550px; height:93px; text-indent:-9999px; margin:0 0 45px 150px;}
#synthese { position:absolute; top:15px; left:850px; width:30px; height:132px;}

label { display:block; color:#666; margin:5px 0 1px 0;}
input { font-size:14px; margin:5px 0; padding:4px 6px; font-size:14px; border:none; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:138px;}
  input#submit { background-color:#f00; color:#fff; cursor:pointer; padding:4px 12px; width:auto;}
    input#submit:hover { background-color:#000;}
  
/* Accueil */

body#index { text-align:center;}
body#index #page { background-color:transparent; margin:0 auto; padding-top:25px;}
body#index h1 { margin:0 auto 45px auto;}

#slideshow { width:386px; height:258px; overflow:hidden; float:left; margin:0 30px 20px 36px; border:1px solid #ddd; background-color:#fff;}
  #slideshow-inner { border:14px solid #fff;}

form { float:left; background-color:#ddd; padding:5px 30px; width:150px; height:250px;}

body#index #intro { clear:left; width:628px; margin-left:36px; padding-top:5px;}
#boule-index { float:right; margin:0 31px;}

body#index #footer { padding-left:0;}

/* Sidebar */

#sidebar { float:left; width:150px;}
#sidebar ul { list-style-type:none; margin-top:0;}
  #sidebar li { margin-bottom:1em;}

/* Content */

#content { float:left; width:490px; padding-left:60px;}
h2 { font:normal 25px "ff-market-web","Brush Script MT",cursive; color:#000;}
#preambule p { margin-bottom:0;}
h3 { font:normal 32px "ff-market-web","Brush Script MT",cursive; color:#000; margin-bottom:30px;}
h4 { margin-bottom:30px; font-size:16px; font-weight:bold;}
.element { background:url(../navigation/dots.gif) left bottom repeat-x; padding:50px 0 25px 0;}

.image { font-size:12px; color:#666; margin:30px 0;}
  .image img { display:block; margin-bottom:5px;}

/* Liens */

#liens { margin-top:40px;}
#liens ul { list-style-type:none; margin-bottom:30px;}
#liens li { background:url(../navigation/fiole.gif) 1px 0 no-repeat; padding-left:24px; line-height:20px;}
  #liens ul.downloads li { background:url(../navigation/boule.gif) 0 2px no-repeat;}
.taille { float:left; width:66px; height:22px; padding-top:1px; font-size:13px; margin:1px 0 0 -66px; text-align:center; background:url(../navigation/etiquette.gif) center top no-repeat;}

/* Contact */

#contact { position:fixed; top:32px; left:850px;}

/* Footer */

#footer { clear:both; font-size:12px; padding:30px 0 50px 0; text-align:center;}
#pierreuse-4010 { float:left; margin-top:-18px;}
#copy { float:right;}