/********************************/
/*                              */
/*  Carbon IS200 CSS template   */
/*  09-05-2006 - rev 1.0       */
/*  Created by Bahamut Cars     */
/*  http://www.bahamutcars.com  */
/*                              */
/********************************/

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #333; margin:0px;padding:0px;background-color: #000; text-align:left }
HTML, BODY {MARGIN: 0; PADDING: 0; text-align:center}
#punwrap {width:802px; margin:0px auto; text-align:left}

.tableborder {
	border:1px solid #99c3d0;
	background-color: #333;
	padding:0;
	margin:0;
	}
.maintitle { vertical-align:middle; font-weight:bold; padding:5px 0px 5px 5px; background-image: url(./img/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.subtitle {
	background-color: #D1DCEB;
	padding: 7px;
	margin-top: 1px;
	font-size: 10px;
	/*font-weight:bold;*/
	background-image: url(./img/tile_sub.gif)
}

.menu {
	 border:1px solid #99c3d0;
   background: transparent url(./img/menu_bg.jpg) top left;
   width: 800px;
   height: 20px;
	 }

.submenu {
   background: transparent url(./img/menu_bg.jpg) top left;
   width: 802px;
   height: 20px;
	 }

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

ul {
   position: absolute; /* Pour IE5 */
   background: transparent url(./img/menu_bg.jpg) top left;
   height: 20px;
   margin-top: 0px;
   text-align: center;
}

li {
   float: left;
}

.menu li a {
   color: #000000;
   text-decoration: none;
   display: block;
   width: 100px;
   height: 20px;
   line-height: 20px; /* Hauteur de ligne pour éviter les paddings */
} 

.menu li a:hover {
   color: #333333;
   text-decoration: none;
   background: transparent url(./img/menu_bg.jpg) top left no-repeat;
   background-position: 0 -20px;
}

.submenu li a {
   color: #000000;
   text-decoration: none;
   display: block;
   width: 80px;
   height: 20px;
   line-height: 20px; 
	 margin:0
} 

.submenu li a:hover {
   color: #333333;
   text-decoration: none;
   background: transparent url(./img/menu_bg.jpg) top left no-repeat;
   background-position: 0 -20px;
}

.tabs {
   color: #000000;
   text-decoration: none;
   display: block;
   width: 80px;
   height: 20px;
   line-height: 20px; 
	 margin:0;
	cursor:pointer;
} 

.tabs a:hover {
   color: #333333;
   text-decoration: none;
   background: transparent url(./img/menu_bg.jpg) top left no-repeat;
   background-position: 0 -20px;
}

#title {
	color: #99c3d0;
	display: block;
	border:1px solid #99c3d0;
	background-image: url(./img/bandeau.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 800px; /* largeur de l'image */
	height: 103px; /* Hauteur de l'image */
	padding:0;
	margin:0
}
#homepage {
	display: block;
	border: 0px;
	background-image: url(./gallery/images/gtimag_1_2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	width: 800px; /* largeur de l'image */
	height: 500px; /* Hauteur de l'image */
	padding: 0;
	margin: 0
}
.lex {
	background-image: url(./img/lex.png);
	width: 16px; /* largeur de l'image */
	height: 12px; /* Hauteur de l'image */
	float: left
}
.image {
	display: block;
	text-align: center;
	padding: 5px;
	margin: 0
}

.apparent {
   /* attributs obligatoires */
   visibility: visible;
   display: block;
}

.cache {
   /* uniques attributs de cette classe */
   visibility: hidden;
   display: none;
}

.copyright {
	 font-size: 9px;
	 line-height: 12px;
	 background-color: #cccccc;
   display: block;
	 border:1px solid #99c3d0;
	 text-align: center;
	 position: relative;
	 top: 20px
}

.links {
	text-align: center;
	padding: 5px;
	margin: 0;
}

.post10 { font-size: 10px; }
.post12 { font-size: 12px;}
.post10, .post12 {
	color:#99c3d0;
	padding: 5px;
	margin: 0;
}
.post10 a:link, .post10 a:visited, .post10 a:active, .post12 a:link, .post12 a:visited, .post12 a:active { text-decoration: underline; color: #fff }
.post10 a:hover, .post12 a:hover { color: #fff; text-decoration: underline }
.video {
   display: block;
	 position: relative;
	padding:0;
	margin:0
}
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration: underline }
a img {border: none; }

/*#content {
	height:250px;
	clear:both;
}*/
#load {
	position:absolute;
	left:400px;
	top:250px;
	width:100px;
	height:20px;
	background-color:#000000;
	color:white;
	display:none;
}
#loading {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:20px;
	display:none;
}
/*.tabs {
	width:50px;
	margin-right:10px;
	padding:4px;
	text-align:center;
	float:left;
	border:1px solid #cccccc;
	border-bottom:0;
}*/