/* Camping Les Clorinthes : css layout - 20041122 */

html, body {
 text-align: center;
}

body {
 background: #F7D30B;
 color: #000;
}

body * {
 font-family: verdana, arial, helvetica, sans-serif;  /* input, select etc... */
}

/* visuel */

#pagewidth {
 position: relative;
 width: 750px;
 margin: 20px auto;
 text-align: left;
 background: #fff;
}

/* corps de page */
 
#main { 
 position: relative;
 width: 100%;
 min-height: 561px;
 background: transparent url(../media/fond-bas.gif) no-repeat bottom left;
}

/* \*/
* html #main {
 height: 561px;
}
/* */

#main .content {
 min-height: 296px;
 padding: 155px 38px 120px 90px;
 background: transparent url(../media/fond-haut.gif) no-repeat top left;
}

/* \*/
* html #main .content {
 height: 296px;
}
/* */

/* pied de page */

#footer {
 width: 100%;
 text-align: center;
 background: #F7D30B;
 color: #876E00;
}

#footer .content {
 padding: 10px;
}

/* titre */

h1 a {
 position: absolute;
 top: 0;
 left: 250px;
 
 font-size: 120%;
 
 /*Size of the image*/
 width: 373px;
 padding-top: 98px;
 
 /*The image*/
 background-repeat: no-repeat;
 background-position: 0px 0px;
 background-image: url("../media/logo.png");
 
 /*Hide the text*/
 overflow: hidden;
 
 /* WIN IE5 hack */
 height: 98px;
 voice-family: "\"}\"";
 voice-family:inherit;
 height: 0;
}

/* menu */

#menu {
 padding-bottom: 40px;
}

#menu li {
 float: left;
 border-right: 1px solid #FFD400;
 padding: 2px 10px;
 text-transform: uppercase;
 background: #fff;
}

#menu li.last {
 border: none;
}

#menu a:link, #menu a:visited {
 color: #FFD400;
 font-weight: bold;
}

#menu a:focus, #menu a:hover, #menu a.current:link, #menu a.current:visited {
 color: #000;
}

/* link top */

#link_top {
 position: absolute;
 bottom: 40px;
 right: 0px;
 padding: 42px 0px 0px 46px;
 background: transparent url(../media/papillon.gif) no-repeat top left;
}

/* pages */

#home .content {
 padding-left: 260px;
}

#home #footer {
 text-align: left;
}

/* accueil */

#home p {
 line-height: 1.5;
}

#news {
 width: 361px;
 height: 239px;
 background: transparent url(../media/accueil/news.jpg) no-repeat top left;
}

#news h2 {
 display: none;
}

#news object {
 margin: 45px 0px 0px 60px;
 width: 220px;
 height: 140px;
 overflow: hidden;
}

#guide {
 position: absolute;
 bottom: 40px;
 right: 0;
}

#logo1, #logo2, #logo3, #logo4, #logo5, #logo6, #logo7, #logo8 {
 position: absolute;
}


#logo8 {
 bottom: 300px;
 right: 10px;
}

#logo1 {
 bottom: 250px;
 right: 10px;
}

#logo2 {
 bottom: 165px;
 right: 40px;
}

#logo3 {
 bottom: 115px;
 right: 85px;
}

#logo4 {
 bottom: 65px;
 right: 165px;
}

#logo5 {
 bottom: 30px;
 right: 250px;
}

#logo6 {
 bottom: 10px;
 right: 350px;
}

#logo7 {
 bottom: 14px;
 right: 444px;
}

#photos {
 position: absolute;
 top: 0;
 left: 30px;
 width: 190px;
}

#photos img {
 display: block;
}

/* lang */

#lang {
 width: 136px;
 margin: 0px auto;
}

#lang a:link, #lang a:visited {
 width: 34px;
 height: 25px;
 background-repeat: no-repeat;
 background-position: left top;
 background-color: transparent;
 float: left;
}

#lang a strong {
 display: none;
}

#lang a.fr:link, #lang a.fr:visited {
 background-image: url(/media/fr.gif);
}

#lang a.en:link, #lang a.en:visited {
 background-image: url(/media/gb.gif);
}

#lang a.de:link, #lang a.de:visited {
 background-image: url(/media/de.gif);
}

#lang a.nl:link, #lang a.nl:visited {
 background-image: url(/media/nl.gif);
}

	#home #lang {
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 width: 90px;
	}
	
	#home #lang strong {
	 display: none;
	}

	#home #lang a.fr:link, #home #lang a.fr:visited {
	 float: left;
	 margin-left: 10px;
	}
	
	#home #lang a.en:link, #home #lang a.en:visited {
	 float: right;
	 margin-top: 10px;
	}
	
	#home #lang a.de:link, #home #lang a.de:visited {
	 float: left;
	 margin-top: 10px;
	}
	
	#home #lang a.nl:link, #home #lang a.nl:visited {
	 float: right;
	 margin-top: 10px;
	}

/* presentation */

#presentation #main p {
 float: right;
 width: 35%;
 line-height: 2;
}

/* equipment */

#equipment #pagewidth {
 background: #fff url(../media/equipment/services-camping.jpg) no-repeat top left;
}

#equipment #main .bloc {
 padding-left: 200px;
}

/* tariff */

#periode {
 padding-top: 3em;
 width: 260px;
 float: left;
 line-height: 1.5;
}

#location {
 width: 310px;
 float: right;
 line-height: 1.5;
}

#tariff dl.offre {
 margin-top: 10px;
 padding-top: 5px;
 border-top: 1px solid #FFD400;
 float: left;
}

#tariff dl.camping {
 border-top-color: #CED07C;
}


#tariff dl.offre dt, #tariff dl.offre dd {
 float: right;
 width: 310px;
 padding-bottom: 5px;
 line-height: 1.5;
}

#tariff dl.offre dd.photo, #tariff dl.offre dd.divers {
 width: 281px;
 float: left;
}

#tariff table {
 width: 100%;
 margin-bottom: 50px;
}

#tariff th {
 text-align: left;
 width: 15%;
}

#tariff td, #tariff th {
 text-align: right;
}

#tariff .service {
 text-align: left;
 width: auto;
}



/* reservation */

#reservation #pagewidth {
 background: #fff url(../media/reservation/contact.jpg) no-repeat 90px 35px;
}

#reservation #col1 {
 width: 55%;
 float: left;
}

#reservation #col2 {
 width: 40%;
 float: right;
}

#reservation form {
 margin-top: 20px;
}

#reservation fieldset {
 border-top: 1px solid #FFD400;
}

#reservation fieldset.champ legend {
 font-weight: bold;
 color: #000;
 padding-bottom: 1em;
}

#reservation #main p.message {
 font-size: 110%;
 color: red;
}

/* icones */
.icone {
 display: block;
 min-height: 16px;
 padding-left: 20px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: top left;
}

/* \*/
* html .icone {
 height: 16px;
}
/* */

.pdf { 
 background-image: url(../media/pict/pdf.gif);
}

.bloc {
 margin-bottom: 20px;
}

img.bloc {
 margin: 5px auto;
}

.accroche {
 font-weight: bold;
 line-height: 2;
}

.listeImbriquee {
 margin: 5px 20px;
 list-style-type: disc;
 line-height: 1.5;
}