/* --------------- Paris par rues méconnues --------------- */


* {
margin: 0;
padding: 0;
border: 0;
font: normal 1em/1.2em helvetica, arial, sans-serif;
background-color: transparent;
}

html {
height: 100%;
}

body {
background: #371b43 url(../parisprm_imports/paris-prm-fond.png) 0 50% repeat-x;
}

#index {
position: absolute;
width: 950px;
height: 405px;
left: 50%; 
margin-left: -475px;
top: 50%;
margin-top: -275px;
padding-top: 115px;
background: transparent url(../parisprm_imports/paris-prm-logo.png) 385px -30px no-repeat;
}

#pprm-home {
position: absolute;
width: 950px;
height: 620px;
left: 50%; 
margin-left: -475px;
top: 50%;
margin-top: -310px;
}

#global {
position: relative;
width: 950px;
margin: 0 auto;
margin-top: 20px;
}


/* --------------- header --------------- */

#header {
position: relative;
width: 950px;
height: 150px;
background: transparent url(../parisprm_imports/paris-prm-bandeau.png) 282px 0 no-repeat;
}

#header_en {
position: relative;
width: 950px;
height: 150px;
background: transparent url(../parisprm_imports/paris-prm-bandeau_en.png) 282px 0 no-repeat;
}

#header a.bt-home {
display: block;
width: 250px;
height: 140px;
background: transparent url(../parisprm_imports/paris-prm-logo.png) 0 0 no-repeat;
}

#header_en a.bt-home {
display: block;
width: 250px;
height: 140px;
background: transparent url(../parisprm_imports/paris-prm-logo.png) 0 0 no-repeat;
}

#header h1, #header span {
display: none;
}

#header_en h1, #header_en span {
display: none;
}

#header p {
position: absolute;
left: 468px;
bottom: 2px;
padding: 0 25px 0 15px;
font-size: 0.8em;
color: #fff;
}

#header_en p {
position: absolute;
left: 468px;
bottom: 2px;
padding: 0 25px 0 15px;
font-size: 0.8em;
color: #fff;
}


/* --------------- contenu --------------- */

#contenu {
position: relative;
width: 950px;
background: white url(../parisprm_imports/paris-prm-gradient3.png) 0 bottom repeat-x;
}

div.colonne-global {
clear: both;
}

div.colonne-small {
float: left;
margin: 20px 0 20px 20px;
width: 290px;
}

div.colonne-mid {
float: left;
margin: 20px 0 20px 20px;
width: 580px;
}

div.colonne-wide {
float: left;
margin: 20px 0 20px 20px;
width: 930px;
}

div.balade {
float: left;
margin: 10px 15px 5px 0;
padding: 10px;
width: 265px;
height: 400px;
border: #96c 1px solid;
background: white url(../parisprm_imports/paris-prm-gradient3.png) 0 bottom repeat-x;
}

img {
margin-bottom: 15px;
padding: 5px;
border: #96c 1px solid;
background-color: white;
}

img.logos {
float: left;
margin: 5px 30px 15px 0;
padding: 0;
border: 0;
background-color: white;
}

img.sans {
border: 0;
padding: 0;
margin: 0;
}



/* --------------- typo / divers --------------- */


h1 {
margin-bottom: 5px;
font-size: 1.4em;
font-weight: bold;
color: #906;
}

h2 {
margin: 15px 0;
font-size: 1.2em;
font-weight: bold;
color: #96c;
}

p {
margin-bottom: 10px;
font-size: 0.9em;
line-height: 1.5em;
text-align: justify;
}

ul {
margin-left: 25px;
list-style-type: circle;
}

li {
margin-bottom: 10px;
font-size: 0.9em;
line-height: 1.5em;
color: #666;
}

a {font-weight: bold; color: #96c;}
a:hover {text-decoration: none; color: #c9f;}

.thin {font-weight: normal;}

em {
font-weight: bold;
}

hr {
visibility: hidden;
height: 20px;
width: 20px;
}

hr.clear {
visibility: hidden;
height: 1px;
width: 1px;
clear: both;
}

/* --------------- formulaires --------------- */

table.tableform p {
font-size: 0.8em;
margin-bottom: 1px;
}

input, textarea {
padding: 2px;
border: #ccc 1px solid;
background-color: #fff;
}

input.send {
border: 0;
width: 90px;
height: 25px;
color: #fff;
cursor: pointer;
background-color: #906;
}


/* --------------- footer --------------- */


#footer {
position: relative;
width: 950px;
height: 32px;
background: transparent url(../parisprm_imports/paris-prm-footer.png) 0 0 no-repeat;
}

#footer p {
margin-top: -8px;
padding: 0 0 0 10px;
font-size: 0.7em;
letter-spacing: 0.1em;
color: #96c;
}

#footer p a {
font-weight: normal;
text-decoration: none;
color: #fff;
}

#footer p a:hover {
color: #c9f;
}