/* CSS Document */

* {margin:0; padding:0; border:0;}
html { width:100%; height:100%;}
body { text-align: center; font-family:Arial, Helvetica, sans-serif; background:#000 url(images/page/ciel.jpg) no-repeat top center; width:100%; height:100%; }


/*-----INDEX-----*/

#ligne {
	color: black;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#intro {
	top: -100px;
	height: 307px;
	width: 600px;
	left:50%;
	margin-left: -300px;
	position:absolute;
	visibility: visible;
	text-align: left;
	}

#logo {position: absolute; margin: -200px 0 0 0}

#textintro {
	float: right;
	width: 350px;
	font-family: "Bell Gothic Std Light", Bell Gothic, Arial;
	text-align: right;
	margin: 100px 100px 0 0;
	padding: 0 10px;
	border-right: 1px solid #333 
	}

#textintro a{
	text-decoration: none;
	color: #333;
	font-family: "Bell Gothic Std Light", Bell Gothic, Arial;
	font-weight:lighter;
	font-size: 25px;
	text-transform: uppercase;
	}

#textintro a:hover{
	text-decoration: none;
	color: #009900;
	}
	
/*-----PAGE-----*/
#contain {
	top: 100px;
	width: 800px;
	left:50%;
	margin-left: -400px;
	position:absolute;
	visibility: visible;
	text-align: left;
	}	

	
#conteneur {
	
	background:#111520 url(images/page/wolf.gif) repeat-y center bottom;
	margin:0 ;
	padding: 0;
	width:100%;
	overflow:auto;
	text-align: center;
	clear: both

	}
	
.contenujean { 	
	width:100%; 
	margin: 10px auto;
	text-align: center;
	display: inline
	}
	
.contenuvid { height: 450px; padding-top: 50px; margin: 0 auto; text-align: center}		

	
.contenunews { margin: 0 50px;  text-align: center;}

.menu {width: 30px;  margin: 50px 0 0 50px; float:left}


#head{ 	height:20px;
	margin: 0 auto;
	text-align: right;
	background:#333;
	float: left;
	width: 760px;}

#head p {
	color:#fff;
	font-size:11px;
	margin-right: 10px;
	padding-top: 3px;
	font-weight:bolder;
	float: right
	}


#foot { 
	height:20px;
	margin: 0 auto;
	text-align: right;
	background:#333;
	float: left;
	width: 760px;


	}
	
#foot p {
	color:#fff;
	font-size:11px;
	padding-top: 3px;
	font-weight:bolder;
	float: right
	}
	
.acces { 
	float: left;
	color:#fff;
	font-size:11px;

	padding-top: 3px;
	font-weight:bolder;
	}


/*--MAIL--*/
#mail {
	padding: 50px;
	text-align: left;
	width: 50%;
	height: 480px;
	background:url(images/mail.png) no-repeat top left
	}
	
h6 {float: left;color: #333; font-size: 15px; letter-spacing:-1; width: 30%; text-align: left}	
.textarea {border-bottom: 1px solid #555;}


/*-----MENU-----*/
#menu1 {
	top: 0;
	width: 100%;
	height: 150px;
	text-align: left;

	}
	

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

#menu {
	width: 100%;
	z-index:100;
	font:Arial, Helvetica, sans-serif;
	margin-left: 75px;
		position: absolute
	}

#menu dl {
	cursor:pointer;
	float: left;
	margin: 0 50px 0 75px;
	}
	
#menu dt {
	text-align: center;
	color: #000;
	height: 100%;
	font-weight:bolder;
	text-transform:uppercase;
	width: 30px;
	}

#menu dd {
	margin-top: -2px;
	width:800px;
	text-align: left;
	margin-left: 200px
	}

#menu li {
	display: inline;
	width: 100%;
	padding-right: 20px
	}


#smenu1, #smenu2, #smenu3, #smenu4 {
	position: absolute;
	left: 10px;
	font-size: 14px;
	width: 100%;
	text-align: justify;
	}

#menu li a{
	text-decoration: none;
	display: inline;
	height: 100%;
	border: 0 none;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
}

#menu dt a {
	text-decoration: none;
	display: inline;
	height: 100%;
	color: #fff;
}

#menu li a:hover{color: #00FF00}

.back {
	clear: both
}


/*--TABLEAU--*/



.table { margin: 20px;padding: 5px; text-align: left; background:url(images/page/motifgris.gif)}

.tablemail {font-family: "Bell Gothic Std Light", Bell Gothic, Arial; width:430px; margin: 10px; text-align: center;}
.tablephoto {font-family: "Bell Gothic Std Light", Bell Gothic, Arial; float: left;margin: 10px; text-align: center;}
.tablemail td{text-align: left;}
.tablevid {font-family: "Bell Gothic Std Light", Bell Gothic, Arial; margin: 10px; text-align: center; float: left; }
.tablevid a img{border: 1px solid #000 }
.tabledessins a img{border: 1px solid #000 }
.tablevid a:hover img{border: 1px solid #00ff00 }
.tabledessins a:hover img{border: 1px solid #00ff00 }
.tabledessins {font-family: "Bell Gothic Std Light", Bell Gothic, Arial; height: 200px; margin: 10px; float:left; }

.tablead {font-family: "Bell Gothic Std Light", Bell Gothic, Arial;color: #999; font-weight:lighter; font-size: 25px; padding:0; margin:0; letter-spacing:-1px;}
.tab_info {font-family: "Bell Gothic Std Light", Bell Gothic, Arial;color: #555; font-weight:lighter; font-size: 15px; padding:0; margin:0; list-style:none;}

.tab_cont {color: #999; font-weight:lighter;  padding:5px 0 ; margin:0;  }

.tab_news {width: 210px;color: #999; font-weight:lighter;  padding:5px; margin:0; float: right; text-align: right}
.tab_legende {width: 280px;color: #FFF; font-size: 12px; padding:5px;list-style:none; text-align: justify; letter-spacing: 1px; float: left; margin: 0 0 0 130px }
.tab_objet h1{font-size: 20px; color: #00ff00; }

.tab_objet {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; padding:5px; margin:0; list-style:none; text-align: justify; letter-spacing: 1px}
.illus{ float: left; margin-right: 10px}

.table a, .tab_legende a{ text-decoration:none; color: #009900}
.table a:hover, .tab_legende a:hover{ text-decoration:none; color: #333}
.table ul li{ text-align: left}
.table dl dt{float: left; width: 150px; text-align: left; color: #999}

.clear {clear: both}

.tablemail dl dt{float: left; width: 150px; text-align: left; color: #999}

.tab_bouton {color: #999; font-weight:lighter; margin:0; clear: both }


/*--ALBUM/IMAGES--*/
.visuel {
	width:100%; 
	margin: 10px auto;
	text-align: center;
	}
	
.visuel a{
	text-decoration: none;
	width:100%;
	color: #333;
	font-family: "Bell Gothic Std Light", Bell Gothic, Arial;
	font-weight:lighter;
	font-size: 25px;
	text-transform: uppercase;
	}
	
.visuel a:hover{
	text-decoration: none;
	color: #009900;
	}
	
.visuelvid {
	width:100%; 
	margin: 70px auto;
	text-align: center;
	}
	
.visuelvid a{
	text-decoration: none;
	width:100%;
	color: #333;
	font-family: "Bell Gothic Std Light", Bell Gothic, Arial;
	font-weight:lighter;
	font-size: 25px;
	text-transform: uppercase;
	}
	
.visuelvid a:hover{
	text-decoration: none;
	color: #009900;
	}
	
	
	
.visuvid {
	width: 95%;
	height: 50px;
	border: 1px solid #333;
	clear: both;
	text-align: center;
	margin: 5px auto;
	overflow:hidden;
	}