*{margin:0;padding:0;}

/*  --- GENERAL ---  */

body {
color: #ffa500;
background-color: #000;
font-family: 'Courier New', serif;
font-size: .8em;
}

h1 {
position: relative;
text-align: center;
z-index: 200;
letter-spacing: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
}
h2 {
text-indent: -5000px;
}
h3 {
clear: left;
margin: 1em 2em;
text-align: right;
}
h4{
margin: 2em 0 1em 2em;
}

em {
font-size: .8em;
font-style: normal;
line-height: .8em;
}
span.gran {
font-size: 1.5em;
}


/* ACCUEIL */

#p1 {text-align:center;background-color:#03f;margin-right:7px;}
#p2 {text-align:center;color:#000;background-color:#03f;margin-right:7px;}
#p3 {text-align:center;color:#fff;background-color:#03f;margin-right:7px;}

#lang {background-color:#03f;
width: 742px;
height: 100px;
}
#lang ul {
list-style: none;margin: .3em 0 0 25em; 
}
#lang li {
margin-top: 2em;
float: left;
width: 45px;
text-indent: -5000px;
}
#lang li a:link, #lang li a:visited {
display: block;
width: 45px;
line-height: 4.5em;
}
#lang li#eus a {background: transparent url(images/lang.gif) 0px no-repeat;}
#lang li#fr a {background: transparent url(images/lang.gif) -45px no-repeat;}
#lang li#esp a {background: transparent url(images/lang.gif) -90px no-repeat;}

#lang li#eus a:hover, #lang li#eus a:focus, #lang li#eus a:active {
background: transparent url(images/lang.gif) -135px no-repeat;
}
#lang li#fr a:hover, #lang li#fr a:focus, #lang li#fr a:active {
background: transparent url(images/lang.gif) -180px no-repeat;
}
#lang li#esp a:hover, #lang li#esp a:focus, #lang li#esp a:active {
background: transparent url(images/lang.gif) -225px no-repeat;
}


/*  --- HEADER ---  */

#header {
position: relative;
margin-top: -2em;
height: 316px;
background:#000 url(images/header.gif) no-repeat;
z-index: 100;
}
#header ul {
list-style: none;margin: 3em 0 0 45em; 
}
#header li {
float: left;
width: 45px;
text-indent: -5000px;
}
#header li a:link, #header li a:visited {
display: block;
width: 45px;
line-height: 4.5em;
}
#header li#eus a {background: transparent url(images/lang.gif) 0px no-repeat;}
#header li#fr a {background: transparent url(images/lang.gif) -45px no-repeat;}
#header li#esp a {background: transparent url(images/lang.gif) -90px no-repeat;}

#header li#eus a:hover, #header li#eus a:focus, #header li#eus a:active {
background: transparent url(images/lang.gif) -135px no-repeat;
}
#header li#fr a:hover, #header li#fr a:focus, #header li#fr a:active {
background: transparent url(images/lang.gif) -180px no-repeat;
}
#header li#esp a:hover, #header li#esp a:focus, #header li#esp a:active {
background: transparent url(images/lang.gif) -225px no-repeat;
}


/*  --- CONTENU ---  */

#conteneur {
width: 750px;
margin: 0 auto;
}

#contenu {
margin: 0 3.4em 0 3em;
padding-bottom: 1em;
background-color: #fff;
}

#centre {
clear:left;
margin: 0 5em;
background-color: #000;
}
#centre p {
margin: 1em 2em;
line-height: 1.7em;
letter-spacing: .1em;
}
#centre p.fin {
padding-bottom: 8em;
}

#centre ul {
margin-left: 4em;
}
#centre ul li {
margin-bottom: .5em
}
#centre ul.prix {
font-size: 1.4em;
color: #fff;
}

#centre ul.prix li {
margin-bottom: .8em;
}

#centre a:link, a:visited {
color: #03f;
}
#centre a:hover, a:focus, a:active {
color: #808080;
}

#centre img.left {
float: left;
margin: -3.1em 4em 1em -2.6em !important;
margin: -3.5em 4em 1em -2.6em;
border: 10px solid #000;

}
#centre img.right{
float: right;
margin: 0 -1.8em 0 0 !important;
margin: 2em -1.7em 0 0;
}

/* --- FORMULAIRE --- */

label {
width:10em;
float:left;
text-align:left;
background:url(images/label.gif) no-repeat center right;
color:#fff;
font-weight:bold;
}
textarea {
width:70%;
height:15em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px dotted #000;
padding:3px;
}
input.textfield {
width:70%;
background:#fff;
border:1px dotted #000;
padding:3px;
}
input.textfield:focus, textarea:focus {
background:#eee;
}
#submit {
border: 1px #000 solid;
cursor: pointer;
padding: 0 1em;
color: #fff;
background-color: #f00;
width: auto;
}

/*  --- MENU ---  */

ul#menu {
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
}
ul#menu li {
float: left;
margin: 1em .25em 2em; 
}
ul#menu li a:link, ul#menu li a:visited {
display: block;
padding: .2em 1em;
color: #fff;
font-size: 1.4em;
text-decoration: none;
border: 1px solid gray;
background-color: #0033ff;
}
ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active {
color: gray;
background-color: #ffa500;
}


/*  --- FOOTER ---  */

#footer {
clear: both;
text-align: center;
color: #fff;
margin: 0 3.4em 0 3em;
background-color: #0033ff;
}