/* --------------------------------------------------------
    Configuration générale
   -------------------------------------------------------- */

* {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body {
background:url(../images/marc-hilaire.gif) top repeat-x #8F81B5;
}

#global {
position:relative;
background:url(../images/camping-marc-hilaire.gif) center top no-repeat;
width:950px;
margin:auto;
}

#header {
width:594px;
height:238px;
margin-bottom:12px;
}

#contenu {
width:564px;
padding:15px;
text-align:justify;
}

#colonne {
position:absolute;
width:286px;
background:url(../images/camping-frejus.jpg) no-repeat #FFFFFF;
top:0;
right:50px;
padding:525px 10px 0 10px;
}

#footer {
border-top:#694C90 solid 15px;
background:#FFFFFF;
padding:10px;
text-align:center;
color:#694C90;
font-size:12px;
}

.centrer {
text-align:center;
}

.centre {
margin:auto;
}

ul {
margin-left:20px;
color:#FFFFFF;
font-size:12px;
}

button {
background:url(../images/camping-frejus.gif) no-repeat;
border:none;
width:162px;
height:22px;
color:#FFFFFF;
font-size:12px;
cursor:pointer;
font-weight:bold;
}

#colonne button {
background:url(../images/mobil-home-var.gif) no-repeat;
border:none;
width:270px;
height:38px;
color:#FFFFFF;
font-size:12px;
cursor:pointer;
font-weight:bold;
margin:3px 0;
}

.bouton {
background:url(../images/mobil-home-var.gif) no-repeat center;
border:none;
font-size:13px;
font-weight:bold;
text-decoration:none;
text-align:center;
text-transform:uppercase;
padding: 12px 0;
}

.lien-bouton {
color: #FFF;
cursor:pointer;
font-weight:bold;
text-decoration:none;
padding: 12px 70px;
}

.pdf {
background:url(../images/mobil-home-var.gif) no-repeat;
width:270px;
height:38px;
text-align:center;
padding:10px 0 0 0;
} 

.pdf a {
color:#FFFFFF;
text-decoration:none;
}

.encadrements {
padding:10px;
background:#A498C3;
}

/* --------------------------------------------------------
    Polices d'écriture
   -------------------------------------------------------- */

#contenu p {
color:#FFFFFF;
font-size:12px;
}

#colonne p {
color:#8F81B5;
font-size:12px;
}

h1 {
font-size:16px;
color:#694C90;
padding-left:40px;
}

h1 span {
font-size:20px;
color:#FFFFFF;
}

h2 {
font-size:11px;
color:#ADA2C9;
padding-left:40px;
font-style:italic;
}

h3 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
border-bottom:#FFFFFF solid 1px;
}

.legendes-images {
font-size:12px;
color:#FFFFFF;
}

.annotations {
font-size:10px;
color:#FFFFFF;
}

/* --------------------------------------------------------
    Liens hypertextes
   -------------------------------------------------------- */

a {
color:#FFE000;
}

#footer a {
color:#694C90;
text-decoration:none;
}

#colonne a {
color:#8F81B5;
}

/* --------------------------------------------------------
    Couleurs de fond
   -------------------------------------------------------- */

.fond-jaune-01 {
background:#FFE000;
}

.fond-violet-01 {
background:#ADA2C9;
}

/* --------------------------------------------------------
    Couleurs de forme
   -------------------------------------------------------- */

.jaune-01 {
color:#FFE000;
}

.violet-01 {
color:#694C90;
}