/*  
Nom du Thème : lulu-search
Auteur : Thierry Vouillamoz(www.vouillamozweb.ch)
*/

a {
    color: #333333;
    text-decoration: none;
    }

a:visited {
            color: #333333;
            text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: none;
}

acronym, abbr {
                cursor: help;
                }

blockquote {
	border-left: 3px solid #333333;
	margin-left: 15px;
	padding-left: 5px;
}

body {
       background: #aaaaaa url("images/bg.jpg") repeat-x;
       color: #333333;
       font-size: 62.5%;
       font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
       margin: 0 auto;
       padding: 0;
       text-align: center;
       }

cite {
	font-size: 90%;
	font-style: normal;
}
h1 {   	
        font-size: 1.3em;
        font-family: Verdana;
		color: #333333;
       	}


h2 {
     font-size: 100%;
     margin: 15px 0 6px 0;
     padding-bottom: 1px;
     font-weight: bold;
     color: #333333;
     border-bottom: #ffffff 1px dotted;
}

h2 a,
h2 a:visited,
h2 a:hover  { 
                     text-decoration: none;
                     color: #333333;
                     }
h2 a:visited:hover { 
                     text-decoration: none;
                     color: #333333;
                     }
h3 {
     font-size: 110%;
	 color: #333333;
     margin-top: 0;
}

h4 {
     font-size: 14px;
     margin: 0px 0 10px 0;
     font-weight: bold;
     color: #ffffff;
     height: 18px;
     text-align: center;
     border-bottom: #333333 1px dotted;
     background: #aaaaaa;
}


h4 a,
h4 a:visited { text-decoration:underline }
h4 a:hover,
h4 a:visited:hover { 
                     text-decoration: none;
                     color: #CC0000;
                     }

h5 { font: bold 1.51em "Arial", Sans-Serif; margin: 0; color: #333333; font-size: 110%; }

h6 {
	color: #333333;
	}

img {
	border:0;
	}


	p img {
    float:left;
    margin:0 10px 0 0;
    padding-left: 6px;
    padding-bottom: 2px;
}
	html {
	scrollbar-face-color:#5e5e5e;
	scrollbar-highlight-color:#8e8e8e;
	scrollbar-3dlight-color:#8e8e8e;
	scrollbar-darkshadow-color:#8e8e8e;
	scrollbar-shadow-color:#8e8e8e;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#8e8e8e;
}


.catego{
	background: #ffffff;
	width : 200px;
	height: 6px;
    padding: 3px 3px 3px 3px;
	border: 1px dotted #333333;

}


table.sample { 
    width:100%;
}

table.sample th {
	
}
table.sample td {
    width:33%;
    text-align:left;
	
    padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	-moz-border-radius: 12px;
}


.champs {width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #ff6600; background-color: #000000; font-weight: bold; color: #c2c2c2; text-decoration:none}




.date { color:#333333; font-size:1.01em; font-weight:bold;}

.catwdc{
	color:#333333;
	text-decoration:none;
	font-size:13px;
}


.catwdc:hover{
	color:#CC0000;
	text-decoration:none;
	font-size:13px;
}


.details{
	color:#333333;
	text-decoration:none;
	font-size:11px;
}

.details a{
	color:#333333;
	text-decoration:none;
	font-size:11px;
}



.details:hover{
	color:#CC0000;
	text-decoration:none;
	font-size:11px;
}


.annau{
	color:#333333;
	text-decoration:none;
	font-size:28px;
}


.annau:hover{
	color:#CC0000;
	text-decoration:none;
	font-size:28px;
}

.sitetable {
	width: 100%;
	border: 1px solid #C2C2C2;
	vertical-align : top;
}

.sitetables {
	width: 100%;
	vertical-align : top;
}

.sitetd {
	border: 1px solid #ffffff;
}

.votelargeur {width: 50px;}

a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#333333;
}

a.cat_display:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color:#CC0000;
	}

a.subcat_display {
	text-decoration: none;
	font-size: 10px;
	border-bottom : 1px dotted #333;
}


.votetable {
	background: #ecece9;
	width : 50px;
	height: 92px;
	margin-right: 5px;

}

.vote span.note {
font-size: 9px;
height: 12px;
display: block;

}
.vote span.nombre 
{
font-size: 16px;
display: block;
}

.vote a{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.vote a:hover{
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
}



/* Onglets fiche site */
#container {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
}

#container hr {
	clear: both;
	border: 1px solid #333;
	margin-top: 10px;
	width: 50%;
}

#container ul#mest {	
	font-weight: bold;
}
#container ul#mest li {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; 
	display: inline;
	margin: 1px;
}
#container ul#mest li a {
text-decoration: none;

}
#container ul#mest li a:hover {
text-decoration: none;
color: #CC0000;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
	text-align: left;
}

#container a.current {
	padding: 5px 3px;
	border: 1px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	color: #333333;
	font-size: 12px;
}
#container a.ghost  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #d5d5d5;
	color: #333333;
	font-size: 12px;
	background: white url(images/shade.gif) top left repeat-x;
}

#container a.current:hover {
	padding: 5px 3px;
	border: 1px solid #CC0000;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	background-color: white;
	font-size: 12px;
	color: #333333;
}
#container a.ghost:hover  {
	padding: 5px 3px;
	margin-right: 1px;
	border: 1px solid #CC0000;
	color: #CC0000;
	font-size: 12px;
}

#container .on {
	display: block;
	text-align: left;
}
#container .off {
	display: none;
}

	
li { 
     margin: 0;
     padding: 0;
     list-style-type: none;
     }


ol#comments li p {
                   font-size: 100%;
                   }

ul { 
     margin: 0;
     padding: 0;
     }


/* Link to the comments */
.feedback {
            color: #333333;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }

.feedback a{             color: #333333;
                            text-decoration: none;
                            }
.feedback a:hover{            
                            text-decoration: none;
                            }
.feedback a:visited{             color: #CC0000;
                            
                            }
.feedback a:visited:hover {             color: #CC0000;
                            
                            }

/* The post informations */
.meta { 
        font-size: 0.9em;
        }

.meta li, 
ul.post-meta li { 
                  display: inline;
                  }

.meta ul { 
           display: inline;
           list-style: none;
           margin: 0;
           padding: 0;
           }

.meta a { 
          color: #333333;
          
          text-decoration: none;
          }

.meta a:hover { 
          text-decoration: none;
          }

.meta { 
        color: #555;
        font-weight: normal;
        letter-spacing: 0;
        }


.storycontent { 
                font-size: 115%;
                }

/* Comment form design */
#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
                        background: #ffffff;
                        border: 1px solid #333333;
                        color: #333333;
                        }

#commentform textarea {
	width: 95%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
}

ol#commentlist li { 
                  list-style: decimal;
                  }
#content {
           float: left;
           width: 582px;
           padding: 16px 5px 20px 25px;
           text-align: left;
           }

#content ol li { 
                 list-style: decimal;
                 }

#content ul { 
              margin-top: 10px;
              margin-left: 35px;
              }

#content ul li { 
                 list-style-image: none;
                 }

#content-big {
           float: left;
           width: 502px;
           margin: 16px 5px 20px 5px;
           text-align: justify;
           }

#header {
          font-size: 18px;
          font-weight: bold;
	  text-decoration:none;
          font-family: Verdana;
          margin: 0 auto;
          height: 224px;
          width: 900px;
          padding: 0;
          }

#header a,
#header a:hover,
#header a:visited,
#header a:visited:hover {
                          float: left;
                          color: #CC0000;
	                  padding: 0 0 0 100px;
                          text-decoration: none;
                          }


.description
{
	margin:0px;
        padding: 0px;
	font-size: 0.7em;
        color: #666666;
	text-align: left;
	padding: 117px 0px 0px 350px;
}
#ads {
     text-align: center;
          }

#footer { 
          width: 900px;
          height: 112px;
          margin: 0 auto;
          color: #aaaaaa;
          text-align: center;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
          }

#footer a{
                          color: #aaaaaa;
		 	  text-decoration: none;
                          } 
#footer a:hover{
                          color: #CC0000;
			  text-decoration: none;
                          }
#footer a:visited{
                          color: #aaaaaa;
		 	  text-decoration: none;
                          } 
#footer a:visited:hover {
                          color: #CC0000;
			  text-decoration: none;
                          }

/* The credits at the bottom of the site */
#credit {
          color: #333333;
          background: url("images/main.jpg");
          font-size: 11px;
          width: 900px;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          padding: 20px 0 0 0;
          clear: both;
          }

#credit a, 
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
                          color: #CC0000;
                          }

/* 
   * Right sidebar 
   */
#sidebar {
             float: right;
             padding: 0px 12px 0px 0px;
             width: 268px;
             font-size: 11px;
}


.menu-right {              
             background: #fff;
             width: 268px;
             font-size: 16px;
             }

.menu-right a,
.menu-right a:visited { 
                                                          text-decoration: none;
                             color: #333333;
                             }

.menu-right a:hover,
.menu-right a:visited:hover  { 
                              color: #CC0000;
                              text-decoration: none;
                              }

.menu-right ul ul { 
                   margin-left: 15px;
                   padding-bottom: 13px;
                   }

.menu-right ul ul li { 
                      list-style-image: url("images/icon.jpg");
margin-left: 15px;
                      }

.page {
width: 100%;
padding: 1em 1%;
}
.tetete {

position: absolute;
top: 0em;
left: 0em;
background-color: #808080;
border: 0px solid #808080;
padding: 0em;
width: 100%;
}


.ad200 {
     text-align: center;
          }

/* End of right sidebar */





input#s {
          width: 163px;
          background: #ffffff;
          border: 1px solid #333333;
          color: #333333;
}

#rap { 
       width: 900px;
       margin: 0 auto;
       background: url("images/main.jpg") repeat-y;
       text-align: left;
	border-left: 1px solid #767676;
	border-right: 1px solid #767676;
	border-top: 1px solid #767676;
       }

#searchbutton { 
                margin-top: 2px;
                }

.submit_button {
   float: left;
   padding:0; margin:0;
   border:0;
   height:20px;
   width:115px;
   background:url(images/submit.jpg) no-repeat;
}

.box-article {
border:1px solid #eeeeee;
margin-bottom:20px;
overflow:auto;
font-size : 80%;
}
 
.top-bottom {
background-color:#eeeeee;
padding:2px 0px 2px 10px;
border-bottom : 1px dashed #333333;
color : #333333;
background-image: url("../images/bg_title.gif")
}
 
.article {
padding:10px 10px;
background: white;
}

.jaune {
position: absolute;
top: 1em;
right: 1em;
background-color: #ffff00;
width: 4em;
}

.Style1 {
	color: #333333;
	font-style: italic;
}

.Style2 {
	font-size: 14px;
	font-weight: bold;
}

.Style3 {color: #333333; font-style: italic; font-size: 12px; }

.Style4 {
	color: #1000EB;
	font-weight: bold;
	font-style: italic;
	font-family: Times New Roman, Times, serif;
}


.Style5 {
	font-size: 16px;
	color: #333333;
	font-style: italic;
}

.Style8 {font-size: xx-small}

a.typelinkfoot { color: #333333; }
a.typelinkfoot:hover { color: #CC0000;}

#flashban{
    height: 224px;
    vertical-align: top;
    width: 582px;
}

.txtmargedroite {font-size: 9px}
.txtmargedroite2 {font-size: 14px; }

.scrollbox{
			width: 550px; 
			height: 50px;
			background-color: #632269;
			border-width: 1.3em;
			color: #ffffff;
			font-size: 16px;
			font-family: Courier New;
			overflow: auto;
} 
.scrollbox1{
			width: 320px; 
			height: 30px;
			background-color: #632269;
			border-width: 16px;
			color: #ffffff;
			font-size: 1.3em;
			font-family: Courier New;
			overflow: auto;
} 
.scrollbox2{
			width: 320px; 
			height: 65px;
			background-color: #632269;
			border-width: 16px;
			color: #ffffff;
			font-size: 1.0em;
			font-family: Courier New;
			overflow: auto;
} 

.scrollbox3{
			width: 500px; 
			height: 50px;
			background-color: #632269;
			border-width: 16px;
			color: #ffffff;
			font-size: 1.0em;
			font-family: Courier New;
			overflow: auto;
}