/* *********************************
****** CREDITS CSS AIRSOFTMAP ******
************************************	 
******* http://www.airsoftmap.fr/ ********
************ JUIN 2009 *************
************************************
******** Par Nicolas Renous ********
****** http://www.nicolasrenous.fr/ ******
********************************* */

body {
	font-size: 68%;
	font-family: Arial, Verdana, Sans-Serif;
	background: #696969;
	color: #333;	
	margin: 0px;
	padding: 0px;
}

/* Elements globaux
********************************* */
a, a:visited { 
	color:#1E88FF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.alignleft{ text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.alignjustify { text-align:justify; }

h1 {
	font-weight:bold;
	font-size:2.3em;
	margin:5px 7px 9px 0px;
	padding:0px;
	color:#1E88FF;
	font-family: Arial, Verdana, Sans-Serif;
}
h1 span {
	color:#000;
}
h2 {
	font-weight:bold;
	font-size:1.7em;
	margin:12px 7px 13px 0px;
	padding:0px;
	color:#3E3E3E;
	font-family: Arial, Verdana, Sans-Serif;
	border-bottom:1px solid #E1E1E1;
}
h3 {
	font-weight:bold;
	font-size:1.4em;
	margin:9px 7px 9px 0px;
	padding:0px;
	color:#000;
	font-family: Arial, Verdana, Sans-Serif;
}

p {
	margin:0px;
	padding:1px 3px 5px 3px;
}

img {
	border:none;
}

small {
	font-size:0.8em;
	color:#999
}

.cadreimg {
	background:#fff;
	border:1px solid #e7e7e7;
	padding:7px;
}

.drapeau {
	border:1px solid #8C8C8C;
	padding:1px;
	margin:0;
	vertical-align:-16%;
}

.shop  { color: #2773FF; font-size:0.8em; }
.team  { color: #FF8831; font-size:0.8em; }
.event { color: #158100; font-size:0.8em; }

/* Header
********************************* */

#header {
	background: #3E3E3E url(images/design/fondheader.png) repeat-x;
	height:120px;
	width:100%;
	z-index:5;
	position: absolute; 
	left:0px;
	min-width:950px;	
}

#titleban {
	background:transparent url(images/design/airsoftmap.png) top left;
	position: absolute;
	display:block;
	width: 405px;
	height: 29px;
	top:0px;
	left:0px;
	padding-top:83px;
	padding-left:74px;
	color:#000;
	font-size:10px;
}
#titleban:hover {
	text-decoration:none;
}

div#ajoutermarqueur {
	text-align:center;
	padding:none;
	position:absolute;
	width:136px;
	right:258px;
	top:29px;
	z-index:6;
}
div#retourcarte {
	text-align:center;
	padding:none;
	position:absolute;
	width:137px;
	right:258px;
	top:36px;
	z-index:6;
}
div#ajoutermarqueur a, div#retourcarte a, div#ajoutermarqueur a:visited, div#retourcarte a:visited {
	color:#fff;
	font-weight:bold;
	display:block;
	margin:0 auto 0 auto;
}
div#ajoutermarqueur a:hover, div#retourcarte a:hover {
	text-decoration:none;
}
div#ajoutermarqueur a {
	background: url(images/design/ajoutermarqueur.png) no-repeat;	
	height:35px;
	width:130px;
	padding:3px 0 0 6px;
	font-size:15px;
	line-height : 14px;
}
div#retourcarte a {
	background: url(images/design/retourcarte.png) no-repeat;	
	height:60px;
	width:130px;
	padding:8px 0 0 6px;
	font-size:16px;
	line-height : 14px;
}

div#topbar {
	position:absolute;
	right:0px;
	top:0px;
	z-index:6;
	height:18px;
	width:385px;
	background:transparent url(images/design/topbar.png) no-repeat left top;
	padding-top:3px;	
	font-size:10px;
	text-align:center;
}

div#topbar a, div#topbar a:visited{
	font-size:10px;
	color:#D4D4D4;	
	font-weight:bold;
	font-family:  Verdana, Arial, Sans-Serif;
}
div#topbar a:hover{
	color:#F1F1F1;	
	text-decoration:none;
}

div#barrelangues {
	position:absolute;
	left:486px;
	top:38px;
	z-index:8;	
	text-align:center;
	color:#e9e9e9;
	padding:0px;
	width:70px;
}

div#barrelangues a, div#barrelangues a:visited {
	background:#fff;
	display:block;
	height:11px;
	width:18px;
	overflow:hidden;
	padding:1px;
	margin:4px 3px;
	border:2px solid #ACACAC;
	float:left;
}
div#barrelangues a:hover , div#barrelangues a.current {
	border:2px solid #00D2FF;
}
div#pubhaut {
	position:absolute;
	top:36px;
	right:15px;
}
div#pubcarte {
	position:absolute;
	left:0px;
	bottom:-3px;
	padding:0;
	z-index:10;
	opacity:0.8;
}

.VoirQuelsMarqueurs {
    position: absolute;
    height: 29px;
    width: 370px;
	right:0px;
	top:49px;
    background: transparent;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
	float:right;
}
.VoirQuelsMarqueurs li {
    float: left;
    list-style: none;
}
.VoirQuelsMarqueurs li.back {
    background: url("images/design/curseurdroite.png") no-repeat right;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;	
}
.VoirQuelsMarqueurs li.back .left {
    background: url("images/design/curseur.png") no-repeat top left;
    height: 30px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}
.VoirQuelsMarqueurs li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #fff;
    outline: none;
    text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
    margin: auto 12px;    
}
.VoirQuelsMarqueurs li a:hover, .VoirQuelsMarqueurs li a:active, .VoirQuelsMarqueurs li a:visited {
    border: none;
}

/* Search bar
********************************* */

div#searchbar {
	background:transparent url(images/design/searchbar.png) no-repeat;
	height:18px;
	width:216px;
	position:absolute;
	right:18px;
	top:36px;
	z-index:8;	
	padding:3px 2px 6px 5px;
	text-align:left;
	
}
input#ChampRechercher {
	height:16px;
	width:197px;
	font-size:12px;
	overflow:hidden;
	border:none;
	background:transparent;
	padding:0; margin:0;
}
input#BouttonRechercher {
	background:transparent url(images/icones/fleche.jpg) no-repeat 50% 50%;
	height:17px;
	width:16px;
	position:absolute;
	border:none;
	cursor:pointer;
	padding:0; margin:0;
}


/* Affichage carte
********************************* */

div#map {
	position: absolute; 
	top: 120px;
	bottom: 0px;
	left:0px;
	right:0px;
	width: auto !important;
	height:auto  !important;
	margin: 0px auto;
	z-index:1;		
	min-width:950px;
	min-height:450px;
}


div#seo {
	display:none;
}

/* Bulles 
******************************** */

.b {
	font-size:0.8em; 
	width:215px; 
	text-align:justify;
	padding:0px;
	margin:3px 0px 17px 0px;
}
.f{
	margin-top:12px;
	text-align:center;
	font-weight:bold;
	background:#e7e7e7;
	padding:2px;
}
ul.edition {
	margin:0px;
	padding:5px 10px;
}
ul.edition li{
	margin:0px;
	padding:3px 0px;
}


/* Cadres surcouches 
******************************** */

#message {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 450px;
  height: 100px;
  margin-top: -80px;
  margin-left: -250px;
  z-index:25;
  background:#fff url(images/icones/info.gif) no-repeat 20px 20px !important;
  border: 5px solid #aaa;
  -moz-border-radius: 10px 10px 10px 10px;
  padding:25px 25px;	
  opacity:0.9;
  text-align:center;
}

/* Formulaire d'ajout
********************************* */
a.fermer {
	background:url(images/icones/fermer.jpg) no-repeat;
	display:block;
	position:absolute;
	height:15px;
	width:56px;
	right:5px;
	top:5px;
	text-decoration:none;
}

div#localisation {
	position: absolute;
	background-color: #ffffff;
	border: 5px solid #aaa;
	width: 400px;
	z-index:20;
	top: 140px; 
	left:20px;	
	opacity:0.9;
	display:none;
	-moz-border-radius: 10px 10px 10px 10px;
	padding:10px;	
}

#etape1 {
	padding-bottom:45px !important;
}

.SelectTypeAjout {  
	position: absolute;
    height: 29px;
    width: 300px;
    background: transparent;
    padding: 3px 17px;
    overflow: hidden;
	margin:0 auto;
	left:50px;
}
.SelectTypeAjout li {
    float: left;
    list-style: none;
}
.SelectTypeAjout li.back {
    background: url("images/design/curseurdroite.png") no-repeat right;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;	
}
.SelectTypeAjout li.back .left {
    background: url("images/design/curseur.png") no-repeat top left;
    height: 30px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
}
.SelectTypeAjout li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #333;
    outline: none;
    text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
    margin: auto 10px;    
}
.SelectTypeAjout li a:hover, .SelectTypeAjout li a:active, .SelectTypeAjout li a:visited {
    border: none;
}

input.cadre {
	width:200px;
}
textarea.cadretexte {
	width:200px;
	height:80px;
}
input.boutton {
	width:200px;
	margin:10px auto 5px auto;
}

div#etape2 table {
	width:300px;
	margin:0 auto;
}

div#etape2, div#etape3 {
	display:none;
}

div#etape3 table{
	width:320px;
	margin:0 auto;
}

div#etape3 p {
	text-align:justify;
}

form#etape4 {
	background-color: #ffffff;
	border: 5px solid #aaa;
	width: 600px;
	opacity:0.9;
	-moz-border-radius: 10px 10px 10px 10px;
	padding:10px;	
	margin:10px auto;
}
form#etape4 table {
	width:580px;
	margin:2px auto;
}
form#etape4 table td {
	padding:1px 5px;
}
input.cadrelarge {
	width:400px;
	margin:1px 0;
}
textarea.cadretextelarge{
	width:400px;
	height:110px;
	margin:1px 0;
}



/* Petit calendrier 
********************************* */

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}


/* Formulaire modif 
******************************* */

#formmodifier {
	margin:0 auto;
	background-color: #fff;
	border: 5px solid #aaa;
	width: 600px;
	-moz-border-radius: 10px 10px 10px 10px;
	padding:10px;	
}

/* Pages statiques 
******************************** */

#pubbas {
	margin:20px auto;
	width:730px;
}


#contentstatic {
	background:#F5F5F5 url(images/design/static.jpg) repeat-x bottom;
	color:#333;	
	border: 1px solid #4E4E4E;
	padding:35px 50px;
	font-size:1.2em;
	text-align:justify;
	width:auto;
	height:auto;
	position:absolute;
	min-width:830px;
	min-height:254px;
	top:130px;
	left:10px;
	right:10px;
	bottom:10px;
	overflow:auto;
	-moz-border-radius: 10px 10px 10px 10px;
}
#contentstatic p {
	padding:0px;
	color:#333;
	margin:15px 2px 0px 2px;
}

#cartes table {
	margin:10px auto;
	width:800px;
}

#cartes #pays {
	border:1px solid #e7e7e7;
	padding:5px;
	background:#fff;
}
#cartes #pays td {
	width:160px;
}
#cartes #pays a , #cartes #pays a:visited{
	display:block;
	width:160px;
	padding:10px 20px;
}
#cartes #pays a:hover {
	text-decoration:none;
	color:#333;
}
#cartes #pays a  img{	
	margin-right:6px;
}
#LienVilleResult {
	display:none;
	width:405px;
	margin:15px auto;
	background:#fff;
	border:3px double #e1e1e1;
	font-size:1.3em;
	padding:15px 5px;
	text-align:center;
}

div#contact {
	background-color: #ffffff;
	border: 5px solid #aaa;
	-moz-border-radius: 10px 10px 10px 10px;
	padding:15px;	
	margin:0 auto;
	width:600px;
}

div#contact table td{
	padding:5px 10px;
}

div#contact .cadre {
	width:300px;
}
div#contact .cadretexte {
	width:300px;
	height:150px;
}

.partenaires {
	width:800px;
	margin:0 auto 15px auto;
	padding:10px;
	background: #e7e7e7;
	-moz-border-radius: 10px 10px 10px 10px;
}
.partenaires table td {
	padding:4px;
	text-align:left;
}
.partenaires h4 {
	padding:0px;
	margin:0px;
	font-size:1.1em;
}
.codeban {
	border-top: 1px solid #CECECE;
	border-bottom: 2px solid #CECECE;
	padding: 1em;
	margin: 0px auto 0px auto;
	font-size: 1em;
	background-color: #F3F3F3;
	width: 85%;
	text-align:left;
	color:#6B6B6B;
}

#tableaulangues {
	background:#fff;
	padding:15px;
	width:600px;
	margin:5px auto;
	border:3px double #e1e1e1;
	-moz-border-radius: 10px 10px 10px 10px;
}
#tableaulangues .langue img {
	vertical-align:10%;
	padding:1px;
	border:1px solid #e1e1e1;
}
#tableaulangues  .langue a, #tableaulangues  .langue  a:visited {
	text-decoration:none;
	font-size:2em;
}
#tableaulangues a:hover {
	text-decoration:none;
	color:#333;
}


/* Liste 
******************** */
.VoirQuelleListe {    
	right:10px;
	top:45px;
	position:absolute;
    height: 29px;
    width: 310px;
    background: transparent;
    padding: 3px 17px;
    overflow: hidden;
	margin:0 auto;
}
.VoirQuelleListe li {
    float: left;
    list-style: none;
}
.VoirQuelleListe li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #333;
    outline: none;
    text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
    margin: auto 10px;    
}
.VoirQuelleListe li a:hover, .VoirQuelleListe li a:active, .VoirQuelleListe li a:visited {
    border: none;
}

table.Liste {
	border:1px solid #D4D4D4;
	margin:0 0;
	width:100%;
}
table.Liste td {
	padding:2px 5px;
}
table.Liste td a {
	font-weight:bold;
}
table.Liste tr:hover {
	background:#677D94;
	color:#fff;
}
table.Liste tr:hover a {
	color:#fff;
}
.pair {
	background:#EDEDED;
}
.impair {
	background:#D4D4D4;
}
.horsligne {
	background:#FEC9C9;
}

div.pagination {
	padding: 10px 0px;
	text-align:center;
	background:#EDEDED;
	width: 100%;
	border:1px solid #D4D4D4;
	margin:2px 0;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #9AAFE5;
	text-decoration: none; /* no underline */
	color: #105CB6;	
	font-weight:bold;
	background:#F6F6F6;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2E6AB1;
	color: #000033;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background-color: #2E6AB1;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDDDDD;
	color: #999999;
}


/* Page erreur non javascript
********************************* */

#noscript {
	background:#fff;
	color:#333;	
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 660px;
	height: 220px;
	margin-top: -50px; /* moitié de la hauteur */
	margin-left: -330px; /* moitié de la largeur */
	border: 1px solid #000;
	z-index:40;
	padding:15px 30px;
	font-size:1.2em;
	text-align:justify;	
}

#noscript img {
	border:0px;
	padding:0px 10px;
}

/* Admin
************************ */
#formpartenaire {
	background-color: #ffffff;
	border: 5px solid #aaa;
	-moz-border-radius: 10px 10px 10px 10px;
	padding:15px;	
	margin:0 auto;
	width:460px;
}

#formpartenaire table td{
	padding:5px 10px;
}

#formpartenaire .cadre {
	width:300px;
}
#formpartenaire .cadretexte {
	width:300px;
	height:150px;
}