@font-face {
  font-family: 'Lobster';  
  src: url('fonts/Lobster 1.4.otf') format('opentype'); 
}
body,html {
background: url(../images/body_bg.jpg);
margin: 0;
padding: 0;
text-align: center;
font-family: 'Lobster', arial, serif;
}
header {
width: 100%;
height: 140px;
background: url(../images/top_bg.jpg) top center no-repeat;
padding-top:20px;
}
#waitingContainer{
	width: 100%;
	height: 16px;
	margin:0;
	padding:0;
}
#waiting{
	width: 100px;
	height: 16px;
	margin:0 auto 0 auto;
	padding:0;
	background: url(../images/loading.gif) no-repeat;
	display:none;
}
div.wrapper{
position:absolute;
top:160px;
left:50%;
width:1024px;
height:auto;
margin-left:-512px;
}
section.left{
width:350px;
float:left;
background: url(../images/fond_left.png);
border:1px solid gray;
display: table-cell;
}
section.left h2{
padding:20px;
margin:0;
border:1px solid gray;
background: url(../images/titre.jpg) bottom left repeat-x;
}
section.left nav{
padding:10px;
margin:0;
border:1px solid gray;
text-align:left;
}
ul {
   list-style-image: url(../images/menu2.gif);   
}
ul li a:hover{   
   color:gray;
}
ul li.actif{
   list-style-image: url(../images/target3actif.png);
   color:gray;
}
section.right{
width:620px;
float:right;
text-align:left;
background: url(../images/fond_right.jpg);
display: table-cell;
}
div .Carte{
	width:620px;
	height:400px;
	position:relative;
	top:0;	
}
div .chinCarteLeft{
position: absolute;
width:41px;
height:30px;
background: url(../images/chinCarteLeft.png) no-repeat;
background-size:cover;
z-index:1000;
top:-5px;
left:10px;
}
div .chinCarteRight{
position: absolute;
width:30px;
height:41px;
background: url(../images/chinRight.png) no-repeat;
background-size:cover;
z-index:1000;
top:-20px;
left:575px;
}
#contenu{ 
	width:620px;
	height:400px;
	background: url(../images/crumpled-paper.jpg) no-repeat;	
	font-family: 'Lobster', arial, serif;
	position: relative;
	-webkit-box-shadow: 0px 0px 2px 0px #202020;
	-moz-box-shadow: 0px 0px 2px 0px #202020;
	box-shadow: 0px 0px 2px 0px #202020;
}
.headerCmd,.footerCmd{
	width:578px;
	height:20px;
	margin: 0 auto;
	padding:20px;	
}
.posAbsolute{
	position:absolute;
}
 img.posAbsolute{
	width:620px;
	height:313px;	
}
section.right h2{
padding:20px;
margin:0;
border:2px solid gray;
text-align:center;
background: url(../images/titre.jpg) bottom left repeat-x;
}
section.right h2.around{
padding:0;
border:none;
background: none;
}
section.right form{
width:616px;
height:auto;
min-height:295px;
text-align:center;
margin:0;
border:2px solid gray;
border-top:none;

}
section.right form label{
padding:18px;
margin:0;
width:120px;
display:inline-block;
font-weight:bold;
}
section.right form label.error{
width:auto;
padding:0;
padding-left:18px;
}
/*section.right form img{float:right;padding-right:18px;}*/
input[type="submit"]{
border:2px outset green;
font-family:verdana;
font-weight:bold;
height:29px;
background: url(../images/contact.png) 0 0 no-repeat;

margin-top:10px;
}
input[type="button"]{
border:2px outset green;
font-family:verdana;
font-weight:bold;
height:29px;
background: url(../images/contact.png) 0 0 no-repeat;
margin-top:-5px;
margin-right:200px;
}
input[type="button"].centre{margin-right:auto;}
input[type="button"].annul{background: url(../images/contactred.png) 0 0 no-repeat;color:white}
input[type="button"].annul:hover{color:navy}
input[type="submit"]:hover ,input[type="button"]:hover,input[type="button"].annul:hover { background-position: 0 100%;border:2px inset green;color:gray }
#footPage {
clear:both;
width: 1024px;
height: 140px;
}
footer{
clear:both;
position:fixed;
bottom:0;
height: 121px;
width:100%;
background: url(../images/bg_bottom.jpg) center bottom no-repeat;
z-index:-1;
}
select{	
	background:transparent;		
}
option.choix{
	display:none;
}
.error{color:red;}
span.spot{
	width:75px;
	height:120px;
	z-index: 1;
}
span.spot:before{
	content: "";
	position:absolute;	
	width:75px;
	height:120px;
	background: url(../../cartes/logo.jpg)no-repeat;
	background-size: 48px 48px;
	background-position:16px 14px;
	-webkit-transform:rotate(-6deg);
    -moz-transform:rotate(-6deg);
	z-index: 1;
}
span.spot img{
	position:relative;	
	width:75px;
	height:120px;
	z-index: 120;
}