*{margin:0; padding:0;    font-family:Arial,Helvetica, sans-serif; font-size:100%;}
body{background:url('media/graphismes/bg.jpg') 0 0 repeat-x #555; text-align:center;}
h1{width:950px; margin:0 auto -7px auto; padding: 0;}
h1 img{ margin:0; padding:0;}
h2{margin:1em 0; font-variant:small-caps; letter-spacing:3px; font-size:30px;}
h2.first{margin:0 0 1em 0; font-size:35px; color:#555;}
h2.first:First-letter{color:#000;}
h3{margin:1em 0 0.5em 0; font-size:20px; font-style: italic;}
h3.titreactu{margin:0em 0 0.5em 0; font-size:20px; font-weight: 100; font-style: normal; color:#777;}
a img{ border:0;}
.droite{float:right; clear:right; padding:1em 0 1em 1em;}
.gauche{float:left; clear:left; padding:1em 1em 1em 0;}	
.centre{ display:block; margin:auto;}
img.bord{border:1px solid #654;}
img.bord.centre{margin:5px auto;}

#site{text-align:left; width:950px; margin:0 auto; background:url('media/graphismes/mid.jpg') top repeat-y #FFF; padding-top:10px;}
#menu{width:125px; float:left; margin:0em 35px 0 15px;}
  #menu p{color:#888; font-size:12px; text-align:center; font-style: italic;}
  #menu ul{list-style-type:none; margin:0 0 30px 0;}
  #menu ul li{margin:5px 0; font-size:12px;}
  #menu ul li a{color:#999;  text-decoration:none; padding:2px 5px; display:block; border-left:1px solid #FFF;}
  #menu ul li a:hover {color:#000; border:1px solid #000; border-width:0 1px;}
  #menu ul li a.actif {color:#000; border-left:1px solid #000;}
  #menu #listimg img{display:block; width:60px; margin:8px auto; border:3px solid #AAA;}
#page{width:740px; float:right; margin:0 20px 30px 10px; color:#888; font-size:12px; }
  #page a{color:#333; padding:0px 0px;}
  #page a:hover{color:#C00; text-decoration:none;}

  #page ul#bookmarkslist{list-style-type:none;}
  #page ul#bookmarkslist li{margin:0 0 1em 0;}
  #page ul#bookmarkslist li em{margin-top:0.3em; color:#666;}
  #page a.tag{color:#666;}
  #page div.actu1{ float: right; width:100%; padding:1em 10px;}
  #page div.actu2{float: right; width:100%; padding:1em 10px; background:#EEE; }
  #page div.dateactu{width:50px; float: left; clear: both; border:1px solid #CCC; margin:0 1em 0.5em 0; background:#FFF;}
    #page div.dateactu span.jour{color:#888; font-size:16px; text-align:center; display: block; background:#CCC;}
    #page div.dateactu span.mois{display:block; text-align: center; margin:0; font-size:10px;}
    #page div.dateactu span.an{display:block; text-align: center; font-size:10px;}
  #page p{text-align:justify; line-height:1.8em; margin:0 0 1.5em 0;}
  #page ul{margin:0 0 0 30px;}
    #page ul li{margin:0.4em 0;}
  #page form{}
    #page form fieldset{padding:15px; margin:0 0 20px 0; border:1px solid #999;}
    #page form fieldset input, #page form fieldset label, #page form fieldset textarea, #page form fieldset select{display:block; margin:0 0 1em 0; width:300px;}
    #page form fieldset textarea{width:90%;}
    #page form fieldset p{margin:0; font-size:80%}
    #page form fieldset legend{padding:0 10px;}
    #page form fieldset label{margin:1em 0 0.3em 0; font-weight:bold; color:#FFF}

  #page ul#list_photo{list-style-type:none; margin:0; padding:0;}
    #page ul#list_photo li a img{margin:0; padding:0; border:4px solid #CCC;}
    #page ul#list_photo li a:hover img{margin:0; padding:0; border:4px solid #999;}
    #page ul#list_photo li strong{color:#000;}
    #page ul#list_photo li{display:block; float:left; border-bottom:1px solid #CCC; padding:0 0 10px 0; margin:0 0 10px 0; width:550px;}
    #page ul#list_photo li div{display:block; position: relative; float:right; width:460px; text-align: justify;}
  
  div.tof{ text-align:center; font-size:0.9em; float:left; display:block; margin:0 0 10px 0; padding:0;}
  .tof a img{border:4px solid black; margin:0; padding:0;}
  .tof a:hover img{border:4px solid #444; margin:0; padding:0;}
  #page #info{margin:auto;}
  #page ul.folio_list{list-style-type:none; margin-left:60px;}
    #page ul.folio_list li img{margin:5px 0 0 0; padding:0; border:1px solid #D3CCC4;}
    #page ul.folio_list li.first{border-top:1px solid #999; padding-top:5px; }
    #page ul.folio_list li{display:block; width:480px; float:left; clear:left; border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 10px 0; }
    #page ul.folio_list li div{display:block; position: relative; float:right; width:370px; text-align: justify;}
  #page div#affimg{text-align:right;}
  #page div#affimg p{margin-top:10px; text-align:center;}
#footer{clear:both; padding:20px 0; background:url('media/graphismes/bottom.jpg') bottom no-repeat; color:#888; font-size:10px; text-align:center;}