/* SILLY SNAILS WEBSITE CSS */

/*GENERALE*/

*{
  margin:0;
  padding:0;
}

body{
  background:#cacaca url(../images/back.jpg) no-repeat;
  text-align:center;
}

#container{
  width:825px;
  margin:5px auto;
  text-align:left;
}

#header{
  height:282px;
  background:url(../images/header-png2.png) no-repeat;
}

#maincontainer{
  margin:0;
  overflow:hidden;
  width:792px;
  margin-left:12px;
  border-left:4px solid #000;
  border-right:4px solid #000;
  background-color:#fff;
}

#boxleft{
  width:267px;
  float:left;
}

#boxleft h1{
   font:14px Arial, sans-serif;
   text-align:center;
   margin-top:40px;
   color:#000;
   font-weight:bold;
}

#boxleft table.newsletter{
   margin:25px auto;
}

#boxleft table.agenda_accueil{
   font:14px Arial, sans-serif;
   margin:17px auto;
}

#boxleft td.centre{
   padding-top:10px;
   padding-left:40px;
}

#boxleft a{
   text-decoration:none;
}

.left {
  margin:-26px 0 20px 18px;
  height:100px;
  width:217px;
  border-left:1px dashed #000;
  border-right:1px dashed #000;
  border-bottom:1px dashed #000;
  overflow:hidden;
}

img.connectTop{
  display:block;
  margin:5px 0 0 15px;
}  

#etoile{
  height:83px;
  width:230px;
  background:url(../images/stars.jpg) no-repeat;
  margin:-8px 0 0 15px;
}

#boxright{
  width:525px;
  float:right;
}

/*#lang{
  height:20px;
  width:520px;
  margin-top:-20px;
  position:absolute;
  
}

#lang ul{
  padding:10px 5px 0 0;
  list-style-type:none;
  text-align:right;
}

#lang li{
   display:inline;
   padding:0 0 0 10px;
}

#lang li a{
   font:15px Arial, sans-serif;
   font-weight:bold;
   text-decoration:none;
   color:#000000;
}

#lang li a:hover{
   color:#800000;
}
*/

/*MENU*/

#menu{
  height:84px;
  background:url(../images/bande-menu.png) no-repeat;
}

#menu ul{
    	padding:5px 0 0 20px;
    	list-style-type:none;
    }
    
#menu ul.ullien2{
    	padding:0 0 0 20px;
    	list-style-type:none;
    }
    
    #menu li{
    	display:inline;
    }
    
    #menu li img{
    	margin:8px 0 0 4px;
    }
    
    #menu a, #menu a:visited{
        margin:10px 10px 0 10px;
    	text-align:center;
    	text-decoration:none;
    	text-transform:uppercase;
    	font-family:Arial,Verdana,Helvitica,sans-serif;
    	font-size:16px;
    	color:#fff;
    	font-weight:bold;
    }
    
    #menu a.under{
      color:#800000;
    }
    
    #menu a:hover{
      text-decoration:line-through;
      color:#cacaca;
    }

/*CONTENU*/
    
#content{
   min-height:300px;
   margin-bottom:15px;
}

   #content p{
     font:15px Arial, Helvetica, sans-serif;
     text-align:justify;
     padding:10px 10px 10px 10px;
   }
   
   #content h1.titre2{
     font:12px Arial, Helvetica, sans-serif;
     font-weight:bold;
     letter-spacing:1px;
     color:#000;
     margin:5px 0 0 17px;
   }
   
   #content h1.titre{
     font:14px Arial, Helvetica, sans-serif;
     text-transform:uppercase;
     letter-spacing:1px;
     font-weight:bold;
     color:#800000;
     margin:5px 0 0 10px;
   }
   
   #content h1.titre3{
     font:14px Arial, Helvetica, sans-serif;
     text-transform:uppercase;
     letter-spacing:1px;
     font-weight:bold;
     color:#800000;
     margin:10px 0 0 10px;
   }
   
   #content h1.messagerien{
     font:14px Arial, sans-serif;
     margin:10px 0 0 10px;
     color:#000;
     font-weight:bold;
   }
   
   #content p.news{
     text-align:right;
     margin-top:-34px;
     margin-right:10px;
     font-weight:bold;
   }
   
   #content p.book{
     margin-top:-15px;
   }
   
   #content p.pmedia{
     margin-top:-15px;
   }
   
   #content p.pmedia2{
     margin-top:5px;
     margin-left:25px;
   }
   
   #content a{
     color:#800000;
   }
   
   #content a.mail{
     text-decoration:none;
   }
   
   #content img{
     margin:5px 0 0 5px;
     border:none;
   }
   
   #content img.bande{
     margin:5px 0 0 115px;
   }
   
   #content table.card{
     margin:10px 0 0 10px;
   }
   
   #content table.tablesuiv{
     margin:10px auto;
   }
   
   #content table.table_disco{
     margin-bottom:10px;
     margin-top:5px;
   }
   
   #content table.table_contact{
      padding:10px 0 10px 15px;
   }
   
   #content table.tableliens{
      margin-left:-15px;
      margin-bottom:5px;
   }
   
   #content table.tableliens td{
      padding-bottom:5px;
   }
   
   #content table.agenda{
      width:505px;
      margin:15px 0 -5px 10px;
      border:1px dashed #000;
      border-collapse:collapse;
      text-align:center;
      font:14px Arial, sans-serif;
      line-height:14px;
   }
   
   #content table.agenda2{
      width:470px;
      margin:15px 0 -5px 10px;
      border:1px dashed #000;
      border-collapse:collapse;
      text-align:center;
      font:14px Arial, sans-serif;
      line-height:14px;
   }
   
   #content table.agenda td{
      border-right:1px dashed #000;
   }
   
   #content table.agenda2 td{
      border-right:1px dashed #000;
   }
   
   td.date{
      width:80px;
   }
   
   td.affiche{
      width:30px;
   }
   
   td.infos{
      width:60px;
   }
   
   #content table.videos{
      margin:0 0 10px 15px;
   }
   
   #content table.agenda td{
      padding-bottom:5px;
      padding-left:5px;
      padding-right:5px;
   }
   
   #content table.gallery{
      margin:-5px 0 5px 25px;
   }
   
   #content table.agenda td.puce{
      padding-bottom:5px;
      padding-left:0;
      padding-right:0;
   }
   
   #content table.merch{
      margin:5px 0 5px 10px;
   }
   
   #content table.merch2{
      margin:5px 0 5px -5px;
   }
   
   #content td.centretd{
      text-align:center;
   }
   
   #content td.centre{
      padding-top:7px;
      padding-left:55px;
   }
   
   #content td.td100{
      width:100px;
   }
   
   #content td.td110{
      width:110px;
   }
   
   #content td.td120{
      width:120px;
   }
   
   #content td.td130{
      width:130px;
   }
   
   #content td.td140{
      width:140px;
   }
   
   #content td.td150{
      width:150px;
   }
   
   #content td.td170{
      width:170px;
   }
   
   #content td.td250{
      width:250px;
   }
   
   #content td.td310{
      width:310px;
   }
   
   #content ul{
      margin:10px 0 10px 35px;
      list-style-image:url(../images/puce.jpg);
      font:14px Arial, sans-serif;
      color:#000;
      font-weight:bold;
   }
   
   #content ul.download{
      margin:10px 0 10px 45px;
      list-style-image:url(../images/puce.jpg);
   }
   
   #content ul.download2{
      margin:10px 0 5px 45px;
      list-style-image:none;
      list-style-type:none;
   }
   
   #content object{
      margin-left:10px;
   }
   
   object{
      margin-bottom:10px;
   }
   
   #content li{
      padding-bottom:10px;
   }
   
   #content li a{
      font:14px Arial, sans-serif;
      color:#000;
      text-decoration:none;
      font-weight:bold;
   }
   
   #content a.pro{
     color:#800000;
   }
   
   #content a.hide{
     color:#800000;
     text-decoration:none;
   }
   
   #content a.show{
     color:#800000;
     text-decoration:none;
   }
   
   #content a.infos{
     color:#800000;
     text-decoration:none;
   }
   
   #galerie_tof{
     margin:5px 0 0 10px;
   }
   
   .lien_ext{
     color:#800000;
   }
   
   .lien_ext2{
     color:#800000;
     text-decoration:none;
   }
   
   #content li a:hover{
      color:#800000;
   }
   
   label{
      font:11px Arial, Helvetica, sans-serif;
      font-weight:bold;
      color:#000;
      text-transform:uppercase;
      letter-spacing:1px;
   }
    
   input[type=text]{
      border:none;
      width:292px;
      height:18px;
      background:url(../images/input.png) no-repeat;
      padding:2px 0 0 5px;
   }
   
    input[type=text].news{
      border:none;
      width:167px;
      height:18px;
      background:url(../images/inputnews.png) no-repeat;
      padding:2px 0 0 5px;
      font:13px Arial, sans-serif;
   }
   
   input[type=button]{
      border:0;
      width:90px;
      height:22px;
      background:url(../images/btn_envoyer.png) no-repeat;
      cursor:pointer;
    }
    
    input[type=submit]{
      border:0;
      width:90px;
      height:22px;
      background:url(../images/btn_envoyer.png) no-repeat;
      cursor:pointer;
    }
    
    input[type=button].btn_suivant{
      border:0;
      width:74px;
      height:27px;
      background:url(../images/suivant.jpg) no-repeat;
      cursor:pointer;
    }
    
    input[type=button].btn_prec{
      border:0;
      width:88px;
      height:27px;
      background:url(../images/precedent.jpg) no-repeat;
      cursor:pointer;
    }
    
    input[type=reset]{
      border:0;
      width:90px;
      height:22px;
      background:url(../images/btn_annuler.png) no-repeat;
      cursor:pointer;
    }
   
   textarea{
      border:none;
      width:295px;
      height:115px;
      background:url(../images/textarea.png) no-repeat;
      padding:3px 0 0 5px;
      font:10px Arial, sans-serif;
      overflow:hidden;
   }
   
   span.etoile{
      color:#800000;
      font-size:18px;
      font-family:Times New Roman;
   }
   
   span.lieu{
      text-transform:uppercase;
      font-size:12px;
      font-weight:bold;
   }
   
   span.lieu2{
      text-transform:uppercase;
      font-size:12px;
      font-weight:normal;
   }
    
   span.gras{
      color:#800000;
      font-weight:bold;
      font-size:14px;
   }
   
   span.upper{
      text-transform:uppercase;
   }
   
   span.italique{
      font-weight:normal;
      font-style:italic;
      font-size:12px;
   }
   
   span.date{
      color:#800000;
      font-weight:bold;
   }
   
   span.rouge{
     color:#800000;
   }
   
   span.gras2{
      color:#800000;
      font-weight:bold;
      font-size:16px;
   }
   
   span.disco{
     font:15px Arial, Helvetica, sans-serif;
   }
   
   a.highslide{
     cursor:pointer;
   }
   
   del{
     color:#800000;
   }
   
   .ligne{
     margin-top:3px;
   }
    
/*PIED DE PAGE*/

#footer{
  clear:both;
  height:84px;
  width:792px;
  margin-left:12px;
  background:url(../images/footer.png) no-repeat;
  border-left:4px solid #000;
  border-right:4px solid #000;
  border-bottom:4px solid #000;
}

#container_2{
  width:800px;
  margin:20px auto;
  text-align:left;
}

#copyright{
  height:5px;
  text-align:center;
  margin:-10px 0 10px 0;
  font-family:Arial, Helvetica, sans-serif;
}

    #copyright p{
      color:#4a4a4a;
      text-transform:uppercase;
      font-size:10px;
    }
    
    #copyright a{
      color:#4a4a4a;
      font-size:10px;
      text-transform:uppercase;
      text-decoration:none;
    }
    
    #copyright a:hover{
      color:#313131;
      text-decoration:underline;
    }