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

html {
    height: 100%;
}
body {	
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:arial;
	font-size:14px;
	font-family:georgia;	
}

#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;
}






.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;
}


.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:10px;
	margin-top:10px;
	text-align:left;
}


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


.texte_pass_perdu {
	font-size:9px;
}





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 {
	color:#FFFFFF;
	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:#99CCFF;
	border:1px solid #80c8ee;
}
.libelleBat {
	width:210px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #80c8ee;
}
.descriptionBat {
	padding-left:20px;
	width:140px;
	text-align:left;
	vertical-align:middle;
	border:1px solid #80c8ee;
}
.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:#CC0000;
	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;
}

/*-----------------------------------------------
	RENTABILIWEB
-----------------------------------------------*/
#rentabiliweb_form_popup *{
	margin : 0;
	padding : 15px;
	border : none;
	font-family : tahoma;
	font-weight : bold;
	font-size : 12px;
	color : #FFFFFF;
}
.clear_both{
	clear : both;
	height : 0;
	visibility : hidden;
	font-size : 0;
}
a{
	text-decoration : none;
}
img{
	border : none;
}
.center_texte{
	text-align : center;
}
#rentabiliweb_form_popup{
	width : 260px;
	border : 1px solid #cccccc;
	margin : auto;
	position : relative;
	text-align : center;
}
#rentabiliweb_form_popup_content_block_left{
}
#rentabiliweb_form_popup_content_block_left_pays{
	text-align : center;
}
#rentabiliweb_form_popup_content_block_left_pays_label{
	float : left;
	margin : 5px 0 0 5px;
}
#rentabiliweb_form_popup_content_block_left_pays_flags{
	padding : 5px;
	text-align : center;
	clear : both;
}
#rentabiliweb_form_popup_content_block_left_code{
	margin-bottom : 3px;
}
#rentabiliweb_form_popup_content_block_left_code_label{
	float : left;
	margin : 0 0 0 5px;
}
#rentabiliweb_form_popup_content_block_left_code_input{
}
#rentabiliweb_form_popup_content_block_left_code_input_code{
	border : 1px solid #cccccc;
	width : 10px;
	float : left;
	text-align : center;
}
#rentabiliweb_form_popup_content_block_left_cb{
	margin : 5px;
	clear : both;
}
#rentabiliweb_form_popup_content_block_left_cb_label{
	float : left;
}
#rentabiliweb_form_popup_content_block_left_pays_flags img{
	width : 25px;
	height : 15px;
	margin : 2px 3px;
}

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

/*-----------------------------------------------
	COMMENTAIRES
-----------------------------------------------*/
.commentairesContainer{
	height:145px;
	/* bug IE */
	!height:155px;
	padding: 15px 0 0 0;
	background:url("images/template1/top_villes4c.png") no-repeat;
	color:#FFFFFF;
	font-family:georgia;
}

.commentaires {
	height:114px;
	overflow:auto;
}

.message{
	width:470px;
	font-size: 12px;
	padding: 0 10px;
}

.commentairesContainer .pseudos{
	font-weight:bold;
}

.commentairesContainer .insererNouveau{
	position:relative;
	font-size: 13px;
	text-align: center;
	width:auto;
}

.commentairesContainer .insererNouveau a{
	/*background-color: #4682B4;*/
	color: #E0FFFF;
	padding:0 1em;
}
.commentairesContainer .insererNouveau a:hover{
	/*background-color: #FFFFFF;*/
	background-color: #6495ED 	;
	/*background:url("images/template1/top_villes4hover.png") no-repeat;*/
	color: #E0FFFF;
}

.commentairesContainer .insererNouveau a.deconnexion{
	position:absolute;
	right: 10;
	text-align:right;
}

.commentairesContainer .insererNouveau a.lienBleu{
	color: #FFFFFF;
	padding: 3px;
}

.commentairesContainer .afficheCentre{
	font-size: 13px;
	text-align: center;
}

.commentairesContainer form div{
	padding: 0.1em 0.5em;
}

.commentairesContainer form .pass{
	padding: 0 0 0 4em;
}

.erreur{
	font-size: 13px;
	padding-bottom: 3px;
	color: #B22222;
}

/*-----------------------------------------------
	GERER COMMENTAIRES
-----------------------------------------------*/
.gererCommentaires {
	width: 750px;
	overflow:auto;
}

.messageGerer{
	width:660px;
	
}

/*-----------------------------------------------
	VOTES
-----------------------------------------------*/

.containerVote{
	padding: 10px 0;
	height: 100%;
	text-align: center;
}

.containerVote table td.voteVille{
	width: 125px;
	border:collapse;
}

.containerVote form{
	text-align: center;
}

.classement{
	position: absolute;
	right: 0;
	padding-right: 15px;
}

.miniatureBatVot {
	height: 75px;
	padding-top: 20px;
	/*!height: 45px;*/
	text-align:center;
	vertical-align:middle;
	/*border:1px solid #80c8ee;*/
}

.libelleBatVot {
	width:135px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	/*border:1px solid #80c8ee;*/
}

.votationMessages{
	width: 100%;
	text-align: center;
}
.votationMessages .confirmation{
	padding-left: 50px;
}

/*-----------------------------------------------
	VOTES CLASSEMENT
-----------------------------------------------*/

.containerClassement{
	margin: auto;
	width: 300px;
	height: 100%;
}

.containerTop{
	text-align: center;
}

.containerTop table{
	margin: auto;
	padding-top: 10px;
}

.containerClassement div.cadre{
	padding: 10px 5px;
}



.posabs{position:absolute;}
.posrel{position:relative;}