/*
// Site   : http://www.unangepasse.com/
// Date   : 2004-06-01
// Author : Boris Meyer
*/

body{
	background      : #CCC url(../img/interface/background/bkg_body.gif) repeat fixed top center;
	font-family     : Arial;
	font-size       : 11px;
	text-align      : center;
	margin          : 0;
}

/* LAYOUT --------------------------------- */
/* Enclose the overall design               */
#layout{
	width           : 760px;
	padding         : 0;
	margin          : auto;
	text-align      : left;
	background      : #DDEAEE;
	border-top      : 6px solid #333;
}
/* --------------------------------------- */


/* HEADER --------------------------------- */
/* Contain the lead and baseline.           */
#header{
}

#header h1, #header h2{
	color           : #FFF;
	margin          : 0;
	padding         : 0;
	font-size       : 18px;
	font-weight     : bold;
	letter-spacing  : 2px;
	display         : none;
}

#header h2{
	color           : #CCC;
	font-size       : 12px;
	letter-spacing  : 2px;
	display         : none;
}

#header img{
	border          : 0;
}

/* --------------------------------------- */


/* MENU ----------------------------------- */
/* Contain the website navigation.          */
#layout #menu{
	width           : 100%;
	background      : #333;
	color           : #666;
	text-align      : center;
	margin          : 0;
	padding         : 0;
}

#layout #menu a{
	color           : #999;
	text-decoration : none;
}

#layout #menu a:hover{
	color           : #333;
}

#layout #menu img{
	margin          : 0;
	padding         : 0;
	border          : 0;
	display         : inline;
}

/* --------------------------------------- */


/* SLIDESHOW ------------------------------ */
/* Contain the flash slideshow. */
#slideshow{
	background      : #333;
	border-bottom   : 1px solid #000;
	margin          : 0;
	margin          : auto;
	padding         : 0;
	display         : block;
}

#slideshow iframe{
	width           : 100%;
	height          : 200px;
}

/* --------------------------------------- */


/* CONTENT -------------------------------- */
/* Contain the website text content. */
#content{
	background      : #FFF;
}

#content sup{
	font-size       : 9px;
}

#content, #diaporama{
	background      : #FFF;
	width           : 460px;
	padding         : 10px;
	color           : #333;
	text-align      : left;
	vertical-align  : top;
}

#content h1, #diaporama #title, #content #title, #diaporama h1{
	font-size       : 18px;
	font-weight     : normal;
	letter-spacing  : 1px;
	border-bottom   : 1px dotted #CCC;
	margin          : 0;
	margin-bottom   : 2px;
	padding         : 0;
}

#content table, #diaporama table{
	border-bottom   : 1px dotted #CCC;
}

#content #mention{
	background      : #FFE url(../img/photography/accueil/gites-de-france.gif) no-repeat left center;
	font            : normal 11px Arial;
	padding         : 0 0 0 34px;
	border          : 1px solid #CCC;
}

#content #mention p{
	margin          : 0;
	padding         : 3px;
}

#content #creditphotos{
	background      : #FFC;
	font            : normal 11px Arial;
	border          : 1px solid #CCC;
	padding         : 4px;
	margin          : 0;
}

#content #creditphotos p{
	padding         : 0;
	margin          : 0;
}

#content #actualite{
	background      : #FF9 url(../img/interface/picto/actualites.gif) no-repeat 8px center;
	padding         : 0 0 0 20px;
	margin          : 10px 0;
	border          : 1px solid #CCC;
	border-top      : 2px solid #CCC;
	border-bottom   : 2px solid #CCC;
}

#content #actualite h2{
	font            : bold 12px Arial;
	margin          : 0;
	padding         : 6px;
	color           : #666;
}

#content #actualite h2 a{
	text-decoration : none;
	color           : #333;
}

#content #actualite h2 a:hover{
	text-decoration : underline;
	color           : #666;
}

#content h2{
	color           : #333;
	font-size       : 14px;
}

#content h3{
	color           : #666;
	font-size       : 12px;
	letter-spacing  : 1px;
}

#content p, #diaporama p{
	font-size       : 12px;
	margin-bottom   : 24px;
	line-height     : 22px;
}

#content .box{
	border          : 1px solid #CCC;
	margin-top      : 10px;
	margin-bottom   : 10px;
}

#content .box td{
	font-size       : 11px;
	color           : #666;
	background      : #FFF;
	padding         : 4px;
	border-right    : 1px solid #CCC;
	border-bottom   : 1px solid #CCC;
}

#content .box .agenda, #content .box .info, #content .box .note{
	font-size       : 12px;
	color           : #333;
	font-weight     : bold;
	padding-left    : 30px;
	background      : #FFC url(../img/interface/picto/agenda.gif) no-repeat left center;
}

#content .box .info{
	background      : #FFC url(../img/interface/picto/information.gif) no-repeat left center;
}

#content .box .note{
	background      : url(../img/interface/picto/information.gif) no-repeat left center;
}

#content ul, #diaporama ul{
	margin-bottom    : 24px;
}

#content li, #diaporama li{
	font-size        : 11px;
	list-style-image : url(../img/interface/picto/li.gif);
	vertical-align   : middle;
	margin-bottom    : 5px;
}

#content table .white{
	width            : 120px;
}

#content table td input, #content table td textarea, #content table td select{
	width            : 98%;
	padding          : 2px;
	background       : #FFE;
	border           : 1px solid #999;
	margin           : 5px 0;
}

#content table td select{
	width            : 30%;
}

#content table td input:hover, #content table td textarea:hover, #content table td select:hover{
	background       : #FFC;
	border           : 1px solid #333;
}

#content #errors{
	border           : 1px solid #F88;
	background       : #FFE;
	padding          : 4px;
	margin           : 10px 0;
}

#content #confirmation{
	border           : 1px solid #333;
	background       : #FFE;
	padding          : 4px;
	margin           : 10px 0;
}

#print, #send{
	width            : 30px;
}

#content .partenaires{
	text-align       : right;
	vertical-align   : top;
	float            : left;
	margin-right     : 10px;
}

#content #temoignages .hotes, #content #temoignages .medias{
	padding          : 4px;
	padding-top      : 10px;
	padding-bottom   : 10px;
	border-bottom    : 1px #CCC dotted;
}

/* DIAPORAMA ------------------------------ */
#diaporama{
	width           : 100%;
}

#diaporama .low{
	border           : 0;
	padding          : 4px;
	margin-left      : 5px;
	margin-right     : 5px;
	margin-top       : 8px;
	margin-bottom    : 8px;
}

#diaporama a .low{
	border           : 1px solid #CCC;
	background       : #FFE;
}

#diaporama a:hover .low{
	border           : 1px solid #FC6;
	background       : #FFC;
}

/* MODULES -------------------------------- */
/* Contain the illustration.                */
#module{
	width           : 270px;
	background      : #F3BA00 url(../img/interface/background/bkg_modules.gif) repeat-x center top;
	border-left     : 1px solid #999;
	padding         : 4px;
	padding-top     : 20px;
	text-align      : center;
	vertical-align  : top;
}

#module h3{
	text-align      : left;
	font            : bold 14px Arial;
	border-bottom   : 1px solid #CCC;
	color           : #333;
	margin          : 0 0 10px 12px;
	padding         : 0 0 2px 0;
}

#module strong{
	display         : block;
	text-align      : left;
	margin          : 4px 0 10px 0;
	padding         : 0 0 0 12px;
}

#module p, #module .panoramique{
	width           : 232px;
	background      : #FFF;
	border          : 1px solid #999;
	border-right    : 2px solid #666;
	border-bottom   : 2px solid #666;
	padding         : 6px;
	margin          : auto;
	margin-bottom   : 15px;
}

#module .panoramique{
	margin          : auto;
	margin-bottom   : 20px;
	border          : 1px solid #666;
	padding         : 0 6px;
}

#module .panoramique h3{
	padding         : 0;
	margin          : 10px 0;
}

#module .panoramique strong{
	padding         : 4px 0 0 0;
}

#module p img, #module .panoramique img{
	border          : 1px solid #666;
	border-top      : 2px solid #666;
	border-left     : 2px solid #666;
}

/* --------------------------------------- */

/* ROOMS -------------------------------- */
/* Contain the website rooms. */

#content table.presentation{
	background      : #FFF;
	width           : 100%;
	margin          : 5px 0;
	padding         : 0;
	border          : 0;
}

#content table.presentation td{
	border          : 0;
	border-bottom   : 1px solid #EEE;
	vertical-align  : top;
	text-align      : left;
	padding         : 10px 10px 10px 0;
}

#content table.presentation td h2, #content table.presentation td p{
	margin          : 0;
}

#content table.presentation td h2{
	margin          : 0 0 4px 0;
	padding         : 0 0 4px 0;
}

#content table.presentation td h2 a{
	color           : #666;
	text-decoration : none;
}

#content table.presentation td h2 a:hover{
	color           : #999;
	text-decoration : underline;
}

#content table.presentation td img, #content table.presentation td a img{
	border          : 1px solid #CCC;
	padding         : 4px;
}

#content table.presentation td a:hover img{
	border          : 1px solid #EEE;
}

/*
// Section : Panoramique Home
*/

#panoramique-home{
	background      : #FFE;
	margin          : 14px 0 5px 0;
	padding         : 0 0 0 6px;
	border          : 1px solid #CCC;
	text-align      : center;
}

#panoramique-home li{
	list-style      : none;
	float           : left;
	margin          : 0 6px 0 0;
}

#panoramique-home a{
	display         : block;
	width           : 145px;
	margin          : 4px 0 10px 0;
	text-decoration : none;
	color           : #666
}

#panoramique-home a strong{
	display         : block;
	padding         : 2px 0;
	border          : 1px solid #FFE;
	border-bottom   : 0;
}

#panoramique-home a img{
	border          : 0;
	display         : block;
	margin          : 0;
	padding         : 0;
}

#panoramique-home a:hover{
	background      : #FFC;
}

#panoramique-home a:hover strong{
	background      : #FFF;
	border          : 1px solid #CCC;
	border-bottom   : 0;
}

#panoramique-home #explication{
	list-style      : none;
	list-style-type : none;
	clear           : both;
	float           : none;
	background      : #FFF;
	display         : block;
	padding         : 2px 0;
	border-top      : 1px solid #CCC;
	font-style      : normal;
	clear           : both;
}

/*
// Section : Parnoramique
*/

#panoramique{
	background      : #FFF;
	width           : 738px;
	margin          : auto;
	padding         : 0;
	border          : 0;
}

#panoramique #interface{
	width           : 100%;
	border          : 0;
}

#panoramique #interface td{
	width           : 33%;
	text-align      : center;
	border          : 0;
}


/* TARIFS -------------------------------- */
/* Contain the website tarifs.             */

#content table.tarifs{
	background       : #FFC;
	text-align       : left;
	vertical-align   : middle;
	font             : normal normal normal 11px Arial;
	color            : #000;
}

#content table.tarifs thead{
	color            : #000;
}

#content table.tarifs tbody{
	color            : #000;
}

#content table.tarifs td{
	color            : #333;
	font-weight      : bold;
	text-align       : center;
}

#content table.tarifs td.altern{
	text-align       : center;
	background       : #EEE;
}

#content table.tarifs td.periodes{
	background       : #FFC;
	width            : 100px;
	color            : #000;
	text-align       : left;
}

#content table.tarifs td.chambres{
	text-align       : center;
	vertical-align   : top;
	background       : #FFC;
	color            : #000;
}

#content table.tarifs td.chambre{
	background       : #FFD;
}

#content table.tarifs td.indication{
	background       : #FFC;
}


/* FOOTER -------------------------------- */
/* Contain the website footer.             */
#footer{
	font-weight     : bold;
	border-top      : 1px solid #999;
	border-bottom   : 4px solid #333;
	background      : #FFF;
	padding         : 4px;
	text-align      : center;
	vertical-align  : middle;
}

#footer h1{
	font            : bold 11px Arial;
	display         : inline;
}

#footer a{
	color           : #666;
}

#footer a:hover{
	color           : #999;
}

#footer a img{
	vertical-align  : middle;
	border          : 0;
}
/* --------------------------------------- */