body { 
	background:url('../images/index/fondlight.jpg'); background-repeat:repeat; 
	font-family:stencil,sans-serif; 
	height:100%; width:1280px; margin:auto;
}

h1 { position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); }

a { color:black; text-decoration:none; }
a:link { color:black; text-decoration:none; font-size:15px; }
a:visited { color:black; text-decoration:none; }
a:hover { color:#c60000; text-decoration:none; cursor:pointer; }
a:active { color:#c60000; text-decoration:none; cursor:pointer; } 
a img { border:black solid 1px; }

.bouton { margin:auto; background-color:#ad9e97; }

.left { text-align:left; }

/* PAGE */
.page { margin:0 auto; width:1280px;}

/*TITRE, BATO, TYPE*/
.titre { 
	width:722px; height:160px; margin:0 auto; margin-top:20px; 
	background-image:url('../images/index/titre.jpg');
	box-shadow:8px 8px 12px #000000; } 
.bato { margin-left:-300px; width:300px; height:190px; margin-top:0px; }
.type { margin-left:670px; width:272px; height:127px; margin-top:-150px; }

/* MENU */
.menu { margin:0 auto; margin-top:10px; }
.menu table { width:1250px; width:100%; }
.menu td { padding:5px; text-align:center;}

/* LIGNES */
#ligne1 { width:100%; margin:5px 5px 0 5px; padding:0; }
#ligne1 td{ vertical-align:top; text-align:center; }
#ligne2 { width:100%; margin:5px 5px 0 5px; padding:0; }
#ligne2 td{ vertical-align:top; text-align:center; }
#ligne3 { width:100%; margin:5px 5px 0 5px; padding:0; }
#ligne3 td{ vertical-align:top; text-align:center; }
#ligne4 { width:100%; margin:5px 5px 0 5px; padding:0; }
#ligne4 td{ vertical-align:top; text-align:center; }

/* Zone Centrale */
.zone_centrale { width:100%; margin-top:400px; }
.zone_centrale td { padding:3px; vertical-align:top; text-align:center; }

/* Zone connection */
.zone_connection { width:100%; margin-top:400px; }
.zone_connection td { vertical-align:top; }

/* CONNECT */
.connect { 
	width:310px; height:60px; margin-top:-430px; margin-left:1010px; box-shadow:8px 8px 12px #000000; }
.connect table { text-align:center; padding-top:10px; }
.connect2 { width:263px; height:370px; background-image:url('../images/index/connect.gif'); box-shadow:8px 8px 12px #000000; }
.connect2 table { padding:20px 38px 0 38px; text-align:center; }
.connect2 td { padding:10px; }

/* PLAYERS */
.players { 
	/*position:absolute; top:315px; margin-left:280px; */
	width:745px; font-size:15px; }
.players table { background-image:url('../images/fond/fondtexte.jpg'); }
.players caption { background-image:url('../images/fond/fondtexte.jpg'); padding:2px; border:black solid 1px; margin-bottom:3px; }
.players td { padding:2px; }
.players th { padding:2px; border:black solid 1px; }
.players2 { margin:0; }
.players2 table { position: absolute; top: 690px; margin-left:315px; width:650px; height:25px; background-image:url('../images/fond/bandeau_capitaine_connecte.png');}
.players2 caption { background-image:url('../images/fond/bandeau_capitaine_connecte.png'); padding:2px; border:black solid 1px; margin-bottom:3px; }
.players2 td { padding:5px 2px 2px 2px; font-size:14px;  }
.players2 th { padding:2px; border:black solid 1px; color:#FFFFFF;font-family: 'veteran typewriter' }

/* SONDAGE */
.sondage { 
	/*position:absolute; top:780px; */
	width:263px; height:365px; margin-top:-390px; margin-left:1012px;
	background-image:url("../images/fond/fond_sondage.png"); border:solid black 0px;
	font-size:13px; text-align:center;  
	}
.sondage h2 { padding:25px;font-family:'stencil'; font-size:27px;text-align:center;text-decoration : underline; color: #0f0704; }
.sondage table { margin-left:22px ; margin-top:-30px; width:85%; font-family:'sans-serif'; }
.sondage caption {background-color:#beae90; border:#867b65 solid 1px; }
.sondage td { border:none; text-align:left;}
.sondage th { padding:5px; border:black solid 1px; }
.sondage2 { font-size:13px; border:solid black 0px; background-image:url("../images/fond/fond_sondage.png"); text-align:center; border-radius:10px; box-shadow:8px 8px 12px #000000; margin:5px; padding:10px; }
.sondage2 h2 { font-size:21px; margin:0 0 5px 0; padding:0; }
.sondage2 table { margin:auto; width:95%; font-family:verdana; }
.sondaage2 caption { border:black solid 0px; margin-bottom:10px; font-weight:bold; }
.sondage2 td { border:none; text-align:left; padding:5px 5px 0 5px; }
.sondage2 th { border:black solid 0px; }

/* NEWS */
.annonces { width:257px; height:365px; margin-top:-340px; text-align:center; border:black solid 0px; background-image:url('../images/fond/news.jpg');background-attachment: scroll ;}
.annonces h3 { margin-left:10px; margin-top:10px; padding:1px; text-align:center; font-family:'stencil'; font-size:27px; text-decoration:underline; color:#0f0704;}
.annonces table { width:95%; height:100%; margin-top:-10px; }
.annonces td { text-align:left; font-family:'sans-serif'; font-size:16px; margin:5px; padding:5px; color:#0f0704; }
.annonces_new { background-image:url("../images/fond/news2.png"); }

.news { 
	/*position:absolute; top:780px; margin-left:280px; */
	width:962px; border:black solid 1px; background-image:url('../images/fond/fondtexte.jpg'); 
	text-align:center; margin:0;
	box-shadow:8px 8px 12px #000000;}
.news table { border-radius:10px; box-shadow:8px 8px 12px #000000; }
.news caption { margin:4px; padding:5px; border:black solid 1px; }
.news td { padding:8px; }
.news2 { text-align:center; background-image:url('../images/fond/fondtexte.jpg'); border:black solid 1px; box-shadow:8px 8px 12px #000000; }
.news2 table { border:black solid 1px; border-radius:10px; box-shadow:8px 8px 12px #000000; margin:10px; }
.news2 caption { margin:0; padding:0 0 5px 0; }
.news2 h3 { margin:0; padding:10px 0 0 0; }
.news2 td { padding:8px; font-family:arial; font-size:16px; color:#eee; }

.news h3 { margin:7px; padding:0; text-align:left; color:#ddd; font-style:italic; font-size:14px; }
.titre_news { width:860px; margin:2px 0 0 0; padding:0; text-align:center; font-weight:bold; float:left; }
.lien_news { width:60px; border:solid black 2px; background-image:url("../images/fond/fondpapier.jpg"); padding:4px; text-align:center; font-size:13px; font-weight:bold; float:right; }

/* SCREEN */
.screen { 
	/*position:absolute; top:510px; margin-left:1050px; margin-top:10px; */
	width:200px; text-align:center; }
.screen table { border-spacing:0; border-collapse:collapse ; border:none; }
.screen td { border-spacing:0; border-collapse:collapse ; border:none; }
.screen2 { text-align:center; margin-top:20px;}
.screen2 table { border-spacing:0; border-collapse:collapse ; border:none; }
.screen2 td { border-spacing:0; border-collapse:collapse ; border:none; }

/* RADIO */
.radio { 
	/*position:absolute; top:315px; margin-left:1050px; margin-top:10px; */
	width:200px; text-align:center; }
.radio2 { width:200px; text-align:center; }

.facebook {border:none;}

/* GRAPH */
.graph2 { background-image:url('../images/fond/fondtexte.jpg'); border:black solid 1px; border-radius:10px; box-shadow:8px 8px 12px #000000; padding:0 5px 10px 5px; }
.graph2 h2{ font-size:14px; margin:7px 0 -4px 0; padding:0; }
.graph2 p{ font-size:12px; margin:0; }

/* CONCEPTION */
.conception {  position:absolute; margin-top:60px; margin-left:190px; color:white;font-family:'Verdana';
	width:900px; height:300px;  text-align:center; }
.conception2 { margin:auto; margin-bottom:5px; background-image:url("../images/fond/fondtexte.jpg"); text-align:center; border:black solid 1px; border-radius:10px; box-shadow:8px 8px 12px #000000; clear:both; font-size:14px; padding:10px; }
.conception2 h2{ font-size:13px; }
.conception a:link{ color:white; }

/* index_V2 */
.cadre{ 
    position: absolute; top: 300px; margin-left:260px;
	width:750px; height:368px;  background-image:url("../images/fond/cadre_index.png"); text-align:center;}
	
.navire_index{
    position: absolute; top: 25px; margin-left:45px;
	width:670px; height:310px;  background-image:url("../images/index/navire_index_syl.png"); text-align:center;}
	
.appareillez { width:113px; height:21px; border:black solid 1px; background-image:url("../images/index/appareillez.png");}

.connection_index{ position: absolute; top: -70px; margin-left:260px;width:750px; height:250px;}

.connect3{ position: absolute; top: 325px; margin-left:-5px; width:850px; height:31px;}

.medias { position:absolute; top:650px; margin-left:35px;   }

.wargame { position:absolute; top:668px; margin-left:1050px;   }
