/* --------------------------------------------------------
    CONFIGURATIONS GENERALES
   -------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	background:url(../images/vacances-giens.gif) bottom center no-repeat #D1BE9A;
}
#header {
	width:990px;
	height:289px;
	margin:auto;
}
#global {
	position:relative;
	width:950px;
	padding:0 20px;
	margin:auto;
	background:url(../images/vacances-hyeres.gif) repeat-y #0072AE;
}
.centre {
	margin:auto;
}
.centrer {
	text-align:center;
}
.droite {
	text-align:right;
}
.justifier {
	text-align:justify;
}
.padding-5 {
	padding:5px;
}
.padding-10 {
	padding:10px;
}
#legende {
	width:100%;
	margin:5px 0 0 0;
	color:#FFFFFF;
	font-size:10px;
}
.font-size-14 {
	font-size:14px;
}
.font-size-16 {
	font-size:16px;
}
/* --------------------------------------------------------
   ENCART CONTENUS
   -------------------------------------------------------- */

#contenu {
	position:relative;
	z-index:2;
	width:598px;
	background:url(../images/mobile-home-vacances.gif) top no-repeat #FFFFFF;
	padding:10px;
	min-height:1430px;
	_height:1430px;
}
#contenu a.camping-giens {
	display:block;
	background:url(../images/vacances-giens.jpg) no-repeat;
	width:140px;
	height:32px;
	padding-top:180px;
	font-size:11px;
}
#contenu a.residence-gabiniere {
	display:block;
	background:url(../images/mobile-home-giens.jpg) no-repeat;
	width:140px;
	height:32px;
	padding-top:180px;
	font-size:11px;
}
#contenu a.tour-fondue {
	display:block;
	background:url(../images/locations-giens.jpg) no-repeat;
	width:140px;
	height:32px;
	padding-top:180px;
	font-size:11px;
}
#contenu a.olbia {
	display:block;
	background:url(../images/camping-olbia.jpg) no-repeat;
	width:140px;
	height:32px;
	padding-top:180px;
	font-size:11px;
	/*color:#8EBD43;*/
}
#contenu h1 {
	font-size:14px;
	color:#0072AE;
}
#contenu h2 {
	font-size:14px;
	color:#0072AE;
}
#contenu p {
	font-size:12px;
	color:#4D4D4D;
}
#contenu a {
	color:#318CBD;
	text-decoration:none;
}
#contenu li {
	font-size:12px;
	color:#4D4D4D;
	margin-left:20px;
	text-align:justify;
}
#contenu .annotation {
	font-size:9px;
}
#contenu .titre-bleu {
	display:block;
	width:584px;
	height:20px;
	background:url(../images/vacances-presqu-ile-giens.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	padding:4px 0 0 10px;
}
#contenu .encart-bleu {
	width:574px;
	background:#D9EAF3;
	padding:10px;
	margin-top:3px;
}
#contenu .encart-bleu a {
	color:#4D4D4D;
}
#contenu .encart-bleu em {
	color:#318CBD;
}
#contenu .bouton-bleu a {
	display:block;
	width:205px;
	height:18px;
	background:url(../images/studios-presqu-ile-giens.gif) no-repeat;
	margin:auto;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
}
#contenu .titre-rose {
	display:block;
	width:584px;
	height:20px;
	background:url(../images/locations-presqu-ile-giens.gif) no-repeat;
	color:#0072AE;
	font-size:14px;
	padding:4px 0 0 10px;
}
#contenu .encart-rose {
	width:574px;
	background:#FBE7EF;
	padding:10px;
	margin-top:3px;
}
#contenu .encart-rose a {
	color:#4D4D4D;
}
#contenu .bouton-rose a {
	display:block;
	width:205px;
	height:18px;
	background:url(../images/studio-presqu-ile-giens.gif) no-repeat;
	margin:auto;
	color:#0072AE;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
}
#contenu .encart-hebergement {
	background:#D9EAF3;
	padding:10px;
	margin:5px auto 0 auto;
	width:565px;
}
#contenu .tarif-hebergement {
	background:#59A2CB;
	padding:3px;
	text-align:right;
	font-size:14px;
	color:#FFFFFF;
}
#contenu .bouton-vert a {
	display:block;
	background:url(../images/camping-hyeres.gif) no-repeat;
	width:308px;
	height:21px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding-top:4px;
	margin:auto;
}
#contenu .bouton-mobile-home a {
	display:block;
	background:url(../images/location-mobile-home-var.gif) no-repeat;
	width:139px;
	height:33px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:16px;
	padding-left:60px;
	margin:auto;
	text-decoration:none;
}
#contenu .bouton-camping a {
	display:block;
	background:url(../images/location-camping-var.gif) no-repeat;
	width:139px;
	height:41px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	padding-left:60px;
	margin:auto;
	text-decoration:none;
}
#contenu .bouton-chalet a {
	display:block;
	background:url(../images/location-chalet-var.gif) no-repeat;
	width:139px;
	height:33px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:16px;
	padding-left:60px;
	margin:auto;
	text-decoration:none;
}
#contenu .bouton-residence a {
	display:block;
	background:url(../images/location-residence-var.gif) no-repeat #8EBE45;
	width:230px;
	height:41px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	padding-left:55px;
	margin:auto;
	text-decoration:none;
}
#contenu .bouton-camping-giens a {
	display:block;
	background:url(../images/location-camping-giens.gif) no-repeat;
	width:154px;
	height:41px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	padding-left:45px;
	margin:auto;
	text-decoration:none;
}
#contenu .bouton-camping-tour-fondue a {
	display:block;
	background:url(../images/location-camping-giens.gif) no-repeat;
	width:144px;
	height:41px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	padding-left:55px;
	margin:auto;
	text-decoration:none;
}
#contenu .sous-titre-vert {
	color:#8EBD43;
	border-bottom:#8EBD43 solid 1px;
}
#contenu .sous-titre-noir {
	color:#4D4D4D;
	border-bottom:#4D4D4D solid 1px;
}
#contenu .sous-titre-bleu {
	color:#318CBD;
	border-bottom:#318CBD solid 1px;
}
#contenu .bouton-orange {
	border:none;
	width:205px;
	height:24px;
	background:url(../images/mobile-home-presqu-ile-giens.gif) no-repeat;
	color:#4D4D4D;
	font-size:12px;
	text-align:center;
}
/* --------------------------------------------------------
   ENCART COLONNE 01
   -------------------------------------------------------- */

#colonne01 {
	position:absolute;
	z-index:0;
	top:0;
	right:0;
	width:310px;
	height:311px;
	padding:0 10px 5px 630px;
	margin-right:20px;
	background:url(../images/locations-vacances-giens.gif) top right no-repeat #0072AE;
}
#colonne01 .titre-orange {
	display:block;
	width:298px;
	height:20px;
	background:url(../images/mobile-home-hyeres.gif) no-repeat;
	color:#4D4D4D;
	font-size:14px;
	padding:4px 0 0 10px;
}
#colonne01 .bouton-orange {
	border:none;
	width:205px;
	height:24px;
	background:url(../images/mobile-home-presqu-ile-giens.gif) no-repeat;
	color:#4D4D4D;
	font-size:12px;
	text-align:center;
}
#colonne01 h1 {
	font-size:12px;
	color:#4D4D4D;
	border-bottom:#4D4D4D solid 1px;
	font-weight:normal;
	margin-bottom:4px;
}
#colonne01 p, input, select {
	font-size:12px;
	color:#4D4D4D;
}
/* --------------------------------------------------------
   ENCART COLONNE 02
   -------------------------------------------------------- */

#colonne02 {
	position:absolute;
	z-index:1;
	top:311px;
	right:0;
	width:310px;
	padding:0 10px 0 630px;
	margin-right:20px;
}
#colonne02 #meteo {
	padding-right:13px;
}
#colonne02 p, input {
	font-size:12px;
	color:#4D4D4D;
}
#colonne02 .bleu-01 {
	color:#85bbd8;
}
#colonne02 .bleu-02 {
	color:#318cbd;
}
#colonne02 h1 {
	color:#4D4D4D;
	font-size:14px;
}
#colonne02 .bouton-bleu {
	border:none;
	width:26px;
	height:18px;
	background:url(../images/camping-giens.gif) no-repeat;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}
#colonne02 .bouton-orange {
	border:none;
	width:26px;
	height:18px;
	background:url(../images/camping-var.gif) no-repeat;
	color:#4D4D4D;
	font-size:11px;
	text-align:center;
}
#colonne02 .titre-vert {
	display:block;
	width:298px;
	height:21px;
	background:url(../images/camping-hyeres.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	padding:4px 0 0 10px;
}
#colonne02 a {
	font-size:12px;
	color:#4D4D4D;
}
/* --------------------------------------------------------
   ENCART CONTACT
   -------------------------------------------------------- */

#contact {
	background:#D9EAF3;
}
#contact table {
	font-size:12px;
	color:#0072AE;
}
#contact td {
	padding:15px;
}
#contact a {
	color:#0072AE;
}
/* --------------------------------------------------------
   ENCART FOOTER
   -------------------------------------------------------- */

#footer {
	height:40px;
	text-align:center;
	padding-top:10px;
}
#footer p {
	font-size:12px;
	color:#D9EAF3;
}
#footer a {
	text-decoration:none;
}
#footer a.bleu-01 {
	color:#D9EAF3;
}
#footer a.bleu-02 {
	color:#99C6DF;
}
/* --------------------------------------------------------
    Couleurs de fond
   -------------------------------------------------------- */

.fond-bleu-01 {
	background:#0780b7;
}
.fond-bleu-02 {
	background:#328cbd;
}
.fond-bleu-03 {
	background:#4798c4;
}
.fond-bleu-04 {
	background:#D5E6EF;
}
.fond-orange-01 {
	background:#F5AC21;
}
.fond-blanc-01 {
	background:#FFFFFF;
}
/* --------------------------------------------------------
    Couleurs de forme
   -------------------------------------------------------- */

.blanc-01 {
	color:#FFFFFF;
}
.marron-01 {
	color:#4D4D4D;
}
/* --------------------------------------------------------
    Couleurs de forme
   -------------------------------------------------------- */

.bordure-blanche-01 {
	border:#FFFFFF solid 1px;
}