/* *** TamTam.css made by Bitin.fr *** */

body {
background-color: #29211c;
font-size: 12px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: white;
padding:5px;
margin:0;
}

.backgen {background-image: url(../img/bg.gif);
background-repeat: repeat;
background-position: left top;
}

a {font-weight: bold; text-decoration: none; color: white;}
a:visited { color: white;}
a:hover { font-variant: small-caps; font-weight: bold; color: #999999;}
a:active { color: white;}

h1 {
color: white;
font-size: 11px;
text-transform:uppercase;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
color: white;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

.texte10 {color: white; margin:2px; padding: 2px; font-size:10px; line-height: 18px;}
.texte10SC {color: white; margin:2px; padding: 2px; font-size:10px; font-variant: small-caps; text-decoration: none; line-height: 18px;}
.texte12 { color: white; margin:2px; padding: 2px; font-size:12px; line-height: 20px;}
.texte12SC {color: white; margin:2px; padding: 2px; line-height: 20px; font-variant: small-caps;  font-size:12px; text-decoration: none;}
.texte14 {color: white; margin:2px; padding: 2px; line-height: 22px; font-variant: small-caps; font-size:14px;}
.texte14SC {color: white; margin:2px; padding: 2px; line-height: 22px; font-size:14px; font-variant: small-caps; text-decoration: none;}
.texte8 a, .texte8SC a, .texte10 a, .texte10SC a, .texte12 a, .texte12SC a, .texte14 a, .texte14SC a {color: white;}
.texte8 a:link, .texte8SC a:link, .texte10 a:link, .texte10SC a:link, .texte12 a:link, .texte12SC a:link, .texte14 a:link, .texte14SC a:link {color: white;}

.textejaune {color: #cc9900; margin:2px; padding: 2px; font-size: 16px; font-variant: small-caps; text-decoration: none; line-height: 24px; text-align: justify;
}
.textejaune a:link, textejaune a, textejaune a:hover, textejaune a:visited, textejaune a:active {color: #cc9900;}

blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0px; }

div.contientlogo {
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
}
div.annonceurl {
z-index: 8;
background-image:url(../img/noir50.png);
background-repeat:repeat;
bottom:0;
margin:0;
position:absolute;
text-align: left;
width:80%;
color:white;
}


.Titre1 {
	font-variant: small-caps;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 18px;
	color: white;
	text-align: left;
	margin: 2px 2px 2px 2px;
	line-height: 25px;
	text-decoration: none;
	}
.Titre1 a {color: white;}
.Titre1 a:link {color: white;}
.Titre1 a:visited {color: white;}
.Titre1 a:hover {background-color: #333333; color: #fafafa;}
.Titre1 a:active {color: white;}
	
.Titre2 {
	margin: 1px;
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	background-color: black;
	font-variant: small-caps;
	font-size: 12px;
	color: white;
	text-align:right;
	line-height: 18px;
	text-decoration: none;
	}

.Titre2 a {color: white;}
.Titre2 a:link {color: white;}
.Titre2 a:visited {color: white;}
.Titre2 a:hover {color: #cccccc;}
.Titre2 a:active {color: white;}

.Titre3 {
	padding-right: 6px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 6px;
	margin: 1px;
	background-color: #563717;
	font-variant: small-caps;
	font-size: 18px;
	color: white;
	text-align:right;
	line-height: 30px;
	text-decoration: none;
	box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
	}
.Titre3 a {line-height: 30px; padding-right: 6px; padding-left: 4px; padding-bottom: 2px; padding-top: 6px; font-variant: small-caps; font-size: 18px; font-weight: bold; color: #ff9900;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;}
.Titre3 a:link {line-height: 30px; color: #ff9900;}
.Titre3 a:visited {line-height: 30px; color: #ff9900;}
.Titre3 a:hover {color: white;}
.Titre3 a:active {color: #ff9900;}

.Titreart {
	margin: 1px;
	padding: 2px;
	background-color: #563717;
	font-variant: small-caps;
	font-size: 22px;
	color: white;
	text-align:right;
	line-height: 28px;
	text-decoration: none;
	}
.Titreart a {color:white;}
.Titreart a:link {color:white;}
.Titreart a:visited {color:white;}
.Titreart a:hover {background-color: #333333; color:white;}
.Titreart a:active {color:white;}

.Titrebl {
	margin: 1px;
	padding: 2px;
	font-variant: small-caps;
	font-size: 14px;
	color: white;
	text-align:center;
	line-height: 20px;
	text-decoration: none;
	}
.Titrebl a {color:white;}
.Titrebl a:link {color:white;}
.Titrebl a:visited {color:white;}
.Titrebl a:hover {color:white;}
.Titrebl a:active {color:white;}

.shadow {
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

/* MENU NAV */

#menu {
  margin:0; 
  padding:0; 
  width:100%;
  height:auto;
  overflow:hidden; 
  background:transparent;
  text-align: left;
  }
#menu li {
  display:inline;
  list-style-type:none; 
  }
#menu li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:1px; 
  }
#menu li a img {
  opacity:0.7;
  margin:0.5em;
  border:0px;
  float:left;
  }
#menu li a span {
  display:none; 
  }
#menu li a:hover {
  background:#000;
  }
#menu li a:hover img {
  opacity:1;
  }
#menu li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu .h2 {
  font-variant: small-caps;
  margin:0 5px; 
  padding:0px; 
  color: #821b1b; 
  font-size: 14px; 
  border:0px;
  text-align: left;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0px; 
  font-size: 10px; 
  color: white;
  text-align: left;
  }
.outer {
  background:transparent; 
  font-size: 10px;
  }

/* DES IMAGES */
.logo {border-width:0px;}
.logoright { float: right; margin: 10px 10px 10px 10px; border-width:0px;}
.logoleft { float: left; margin: 10px 10px 10px 10px; border-width:0px;}
.spip_logos {border : none ;} 

/* ---------- box ronded -------------- */

.content_box {
background-color: #563717;
border-color: black;
border-width: 1px;
border-style: solid;
margin-right: 2px;
margin-left: 2px;
text-align: left;
padding-bottom: 2px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

.content_box2 {
background-image: url(../img/bg.gif);
background-color: #563717;
border-color: black;
border-width: 1px;
border-style: solid;
margin-right: 2px;
margin-left: 2px;
text-align: left;
padding-bottom: 2px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

.content_box3 {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #563717;
margin-right: 2px;
margin-left: 2px;
text-align: left;
padding-bottom: 2px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

/* Flottante */

.fl {
display: inline;
background:transparent;
padding: 2px;
float: left;
text-align: left;
}

/* ----------container -------------- */
#container {
border-style: solid;
border-color: black;
border-width: 1px;
display: block;
background-color: black;
width: 1000px;
margin-bottom: 10px;
margin:0 auto;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

/* ----------banner -------------- */
#banner {
z-index: 300;
background-repeat: no-repeat;
background-image: url(../img/bandeau.jpg);
height: 100px;
background-position: left top;
text-align: right;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

/* ---------- haut -------------- */

#plushaut {
z-index: 700;
background-position: left top;
background-color: #29211c;
height: 100px;
text-align: left;
padding: 0px;
margin: 0px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

#haut {
z-index: 300;
background-color: #563717;
height: 40px;
text-align: right;
padding: 0px;
margin: 0px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

#banner-scroll{
z-index: 300;
float: left;
height: 100px;
width: 720px;
}

#annoncez{
z-index: 700;
float: right;
height: 100px;
width: 278px;
}

#bas {
z-index: 700;
height: 20px;
text-align: left;
padding: 0px;
margin: 0px;
}

#tablesune {
height: auto;
width: auto;
}
/* -----------------IMAGES--------------------- */

.ie_png {behavior: url("win_png.htc");}
img {behavior: url("win_png.htc");}

.opaque {opacity:0.4; filter:alpha(opacity=40);}
.opaque:onmouseover {this.style.opacity=1;this.filters.alpha.opacity=100;}
.opaque:onmouseout {this.style.opacity=0.4;this.filters.alpha.opacity=40;}

/* -----------------colonne centrale--------------------- */
#content {
z-index: 300;
background-color: black;
margin-left: 0px;
margin-bottom: 0;
margin-right: 280px;
margin-top: 10px;
padding: 0;
min-height: 600px;
width: 710px;
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}

p, pre{
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
margin:0;
}

/* --------------colonne droite------------- */

#right {
	z-index: 300;
	top: 0px;
	padding-top: 1px;
	margin-left: 1px;
	float: right;
	width: 279px;
	text-align: center;
}
/* -----------footer--------------------------- */
#footer {
background-color: #25201b;
height: 500px;
margin-left: auto;
margin-bottom: auto;
margin-right: auto;
margin-top: 10px;
clear: both;
padding: 10px;
text-align: right; 
box-shadow: 0px 0px 6px #000000;
-webkit-box-shadow: 0px 0px 6px #000000;
-moz-box-shadow: 0px 0px 6px #000000;
}