/*-----------------------------------------------
	TOUTES LES PAGES
-----------------------------------------------*/

html {
    height: 100%;
}
body {	
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:arial;
	font-size:14px;
	background-color:#FDFAB5;
	font-family:georgia;	
}
div,table,form,p {
	margin:0;
	padding:0;
	text-align:left;
}

#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
}
#global {
    width: 796px;
    margin:auto;
    text-align: left;

}

#global_visiteur {
    width: 1014px;
    margin:auto;
    text-align: left;
}




.header {
	width:796px;
	height:100px;
	background:url("images/template1/head.jpg") no-repeat;	
}
.main {
	width:796px;
	height:474px;
	background:url("images/template1/fond.jpg") no-repeat;
}



.header_visiteur {
	width:1014px;
	height:97px;
	background:url("images/template2/header.jpg") no-repeat;	
}


.logo_visiteur {
	position:absolute;
	margin-left:27px;
	margin-top:25px;
	width:226px;
	height:52px;	
}


.logo_entree {
	position:absolute;
	margin-left:21px;
	margin-top:12px;
	width:299px;
	height:73px;	
}


.main_visiteur {
	width:1014px;
	height:618px;
	background:url("images/template2/fond.jpg") no-repeat;
}



.bloc_top_visiteur {
	position:absolute;
	margin-left:615px;
	margin-top:103px;
	background:url("images/template1/top_villes2.png") no-repeat;
	width:180px;
	height:295px;
	text-align:center;
	padding-top:45px;
	padding-left:20px;
}

.bloc_loupe_visiteur {
	position:absolute;
	margin-left:625px;
	margin-top:400px;
	width:180px;
	height:40px;
	text-align:center;
}



.bloc_contenu_visiteur {
	position:absolute;
	margin-left:40px;
	margin-top:45px;
	width:540px;
	height:440px;
}

.bloc_inscription_visiteur {
	position:absolute;
	margin-left:40px;
	margin-top:490px;
	width:748px;
	height:87px;
}




.bloc_pub_haut {
	position:absolute;
	margin-left:270px;
	margin-top:4px;
}

.bloc_pub_sky {
	position:absolute;
	margin-left:830px;
	margin-top:0px;
}


.bloc_authentification1 {
	position:absolute;
	margin-left:535px;
	margin-top:25px;
}
.bloc_authentification2 {
	position:absolute;
	margin-left:535px;
	margin-top:56px;
}
.bloc_authentification3 {
	position:absolute;
	margin-left:692px;
	margin-top:27px;
	width:80px;
	text-align:center;
}

.bloc_top {
	position:absolute;
	margin-left:40px;
	margin-top:27px;
	background:url("images/template1/top_villes2.png") no-repeat;
	width:180px;
	height:295px;
	text-align:center;
	padding-top:45px;
	padding-left:20px;
}



.bloc_contenu {
	margin-left:20px;
	margin-top:28px;
	text-align:left;
	
}



.bloc_contenu_bis {

	text-align:left;
	width:520px;
	left:0px;
	top:50px;
	height:450px;
	padding-top:45px;
	padding-left:40px;
}




.bloc_top_bis {
	position:relative;
	margin-left:40px;
	margin-top:27px;
	background:url("images/template1/top_villes2.png") no-repeat;
	width:180px;
	height:295px;
	text-align:center;
	padding-top:45px;
	padding-left:20px;
	left:545px;
	top: -430px;
}





.bloc_inscription {
	position:relative;
	margin-left:10px;
	text-align:left;
	vertical-align:middle;
}


.bloc_partenaires {
	position: absolute;
 	margin-left: auto; 
  	margin-right: auto;
	margin-top:570px;
	width: 1000px; 
  	text-align: center; 
	font-size:12px;
	color:#197537;
}

.bloc_partenaires_index {
	position: absolute;
 	margin-left: auto; 
  	margin-right: auto;
	width: 785px; 
  	text-align: center; 
	font-size:12px;
	color:#197537;
}


.bloc_partenaires_visiteur {
	position: absolute;
 	margin-left: auto; 
  	margin-right: auto;
	width: 1014px; 
  	text-align: center; 
	font-size:12px;
	color:#197537;
}



.texte_bloc_partenaires {
	color:#197537;
}

.texte_pass_perdu {
	font-size:9px;
}







.main_jeu {
	width:1014px;
	height:700px;
}

.bloc_jeu_menu {
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	width:175px;
	height:562px;
	background:url("images/template3/fond_menu.jpg") no-repeat;
}

.bloc_jeu_main {
	position:absolute;
	margin-left:175px;
	margin-top:0px;
	width:839px;
	height:562px;
	background:url("images/template3/fond_milieu.jpg") no-repeat;
	padding-top:20px;
	padding-left:20px;
	padding-right:30px;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
}



.header_jeu {
	width:1014px;
	height:137px;
	background:url("images/template3/header.jpg") no-repeat;	
}


.bloc_header_texte_gauche {
	position:absolute;
	margin-left:15px;
	margin-top:115px;
	width:200px;
	height:10px;
}

.bloc_header_texte_droite {
	position:absolute;
	margin-left:780px;
	margin-top:115px;
	width:250px;
	height:10px;
}




.classement {
	text-align: center;
	color:#FFFFFF;
	font-size:12px;
	margin-top:5px;
}












div.centrageNav {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:100%;
}
div.centrage {
	margin-left:auto;
	margin-right:auto;
	width:792px;
	height:80%;
}
div.centrage2 {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:100%;
}
div.centrage3 {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
div.centrage_visiteur {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:100%;
}
table.contPage {
	width:100%;
	height:100%;
	border:0;
}
table.contPage td.centrer {
	height:100%;
	vertical-align:middle;
}
.pseudos {
	padding:2px 5px 2px 5px;
	text-align:left;
	color:#FFFFFF;
}
a {
	color:#FFFFFF;
	text-decoration:none
}
a:hover {
	text-decoration:none
}
a.texteUrl {
	font-family:georgia;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}
.texteAccueil {
	font-family:georgia;
}
.texteVisiteur {
	font-family:georgia;
	line-height:30px;
	color:#FFFFFF;
}
.texteIndex {
	font-family:georgia;
	color:#FFFFFF;
}
.texteIndexOptin {
	font-family:georgia;
	color:#FFFFFF;
	font-size:11px;
}
.texte {
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
}
.texte12 {
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
}
.t333 {
color:#FFFFFF;
}

/*-----------------------------------------------
	PAGE D'ACCUEIL
-----------------------------------------------*/
table.pageAccueil {
	border:0;
	border-collapse:collapse;
}
table.pageAccueil td.header2 {
	width:796px;
	height:100px;
	vertical-align:top;
	/*border:1px solid #000000;*/
	background:url("images/template1/head.jpg") no-repeat;
}
table.pageAccueil td.fond {
	width:796px;
	height:474px;
	background:url("images/template1/fond.jpg") no-repeat;
}
table.header2 {
	width:100%;
	border:0;
}
table.accueil {
	width:100%;
	height:406px;
	border:0;
}
table.accueil td.contenuAccueil {
	padding-top:5px;
	padding-left:20px;
	width:550px;
	vertical-align:top;
}
table.accueil td.topvilles {
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
}
input.inputConnexion {
	margin-left:5px;
}
div#topVilles {
	height:255px;
	/* bug IE */
	!height:295px;
	padding-top:40px;
	padding-left:15px;
	background:url("images/template1/top_villes2.png") no-repeat;
}
div#topVilles3 {
	height:255px;
	/* bug IE */
	!height:295px;
	padding-top:40px;
	padding-left:15px;
	background:url("images/template1/top_villes3.png") no-repeat;
}
div.contenuTD5 {
	padding:5px;
}
div.contenuTD15 {
	padding:15px;
	overflow:auto;
}

/*-----------------------------------------------
	PAGE VISITEUR
-----------------------------------------------*/
table.pageVisiteur {
	border:0;
	border-collapse:collapse;
}
table.pageVisiteur td.headerVisiteur {
	width:1000px;
	height:154px;
	vertical-align:bottom;
	text-align:right;
	background:url("images/template3/head_new.jpg") no-repeat;
}
table.pageVisiteur td.headerVisiteur2 {
	width:1000px;
	height:20px;
	vertical-align:bottom;
	text-align:right;
	background:url("images/template3/head_bas.jpg") no-repeat;
}
table.pageVisiteur td.fondVisiteur {
	width:1000px;
	height:640px;
	vertical-align:top;
	background:url("images/template3/fond_new.jpg") no-repeat;
}
table.visiteur {
	width:100%;
	height:443px;
	border:0;
}
table.visiteur td.contenuVisiteur {
	padding-top:5px;
	padding-left:20px;
	width:580px;
	vertical-align:top;
}
table.visiteur td.creerVille {
	padding-top:10px;
	padding-left:10px;
	vertical-align:top;
}

/*-----------------------------------------------
	PAGE NAVIGATION
-----------------------------------------------*/
div.urlVille {
	margin-top:80px;
	margin-left:3px;
}
table.pageNavigation {
	border:0;
	border-collapse:collapse;
}
table.pageNavigation td.header2 {
	width:1000px;
	height:154px;
	text-align:right;
	vertical-align:bottom;
	background:url("images/template2/head_new.jpg") no-repeat;
}
table.pageNavigation td.header2 {
	width:1000px;
	height:18px;
	text-align:left;
	vertical-align:bottom;
	background:url("images/template2/head_bas.jpg") no-repeat;
}
table.pageNavigation td.fond {
	width:1000px;
	height:462px;
	vertical-align:top;
}
table.navigation {
	width:100%;
	border:0;
	border-collapse:collapse;
}
table.navigation td.nav {
	padding-top:5px;
	width:174px;
	height:462px;
	vertical-align:top;
	background:url("images/template2/nav.jpg") no-repeat;
}
table.navigation td.contenuNav {
	width:826px;
	height:462px;
	vertical-align:top;
	background:url("images/template2/fond.jpg") no-repeat;
}
.cadre {
	border : 1px solid #C8E7FC;
	margin : auto;
	text-align : center;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
}
.cologin {
	border : 0px
	margin : auto;
	text-align : center;
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
}
table.infoVille {
	margin-top:5px;
	border-collapse:collapse;
}
table.infoVille td {
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
}
.blocCoregPI {
	color:#FFFFFF;
}
div.hiddenCoreg {
	display:none;
}

/*-----------------------------------------------
	PAGE CONSTRUIRE
-----------------------------------------------*/
table.constructions {
	border:collapse;
}
.miniatureBat {
	width:210px;
	height:100px;
	text-align:center;
	vertical-align:middle;
	background:#009933;
	border:1px solid #009933;
}
.libelleBat {
	width:210px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #009933;
}
.descriptionBat {
	padding-left:20px;
	width:140px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #009933;
}
.vide {
	background:transparent;
	border:0;
}

.rouge{
	color: #B22222;;
}

.ajoutezBatiment{
	margin-left: 320px;
}

/*-----------------------------------------------
	PAGE MA VILLE - CONSTRUIRE
-----------------------------------------------*/
.messageretour {
	font-family:arial;
	font-size:12px;
	color:#CC0000;
	margin-left:3px;
	margin-top:7px;
	width:540px;
	float:left;
	display:none;
	text-align:center;
}
.confirmation {
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

/*-----------------------------------------------
	FORMULAIRE - CONSTRUIRE - AJOUTER BAT PERSO
-----------------------------------------------*/

.contenuConstruire{
	padding: 20px 200px;
	color:#FFFFFF;
	font-family:georgia;
	font-size : 12px;
}

.souligne{
	text-decoration: underline;
}

.alignLeft{
	text-align: left;
	padding-left: 15px;
}

.containerFondGris{
	height: 100%;
	text-align: center;
	padding-top: 100px;
}

.fondGris{
	height: 80px;
	width: 175px;
	margin:auto;
	padding-top: 20px;
	vertical-align: middle;
	text-align: center;
	background-color: grey;
}



.bouton-allopass {
	font-family: arial;
	font-size: 11px;
	background-color:#61C27F;
}
.contenu-allopass {
	font-family: arial;
	font-size: 11px;
	background-color:#61C27F;
	width:330px;
	height:260px;
	font-weight:normal;
	margin : auto;
	text-align : center;
	color:#FFFFFF;
}