/* Start of CMSMS style sheet 'commun' */
/* Feuille de style pour le site chateaudelacote.com */

/* Balises XHTML */
body{
	background:#194bb2;
	color:#b79256;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:arial,sans;
}
a{
	color:#b79256;
}
a img{
	border:0;
}
ul{
	list-style-image:url(/images/puce.gif);
	padding:0;
	margin:0 0 20px 20px;
}
h1{
	font-size:18px;
	margin:0 0 10px 0;
	padding:20px 0 20px 0;
	color:#c39a55;
	font-style:italic;
}
h2{
	color:#f2b847;
	font-size:14px;
	font-style:italic;
	padding:0;
	margin:0 0 20px 0;
}
p{
	margin:0;
	padding:0 0 20px 0;
}
.hr{
	width:754px;
	height:16px;
	background:url(/images/barre.gif) no-repeat;
	clear:both;
	margin:0 0 5px 0;
	padding:0;
}

/* Elements de formulaires */
form p{
	text-align:right;
	margin:0;
	padding:0 0 20px 0;
}
form p label{
	float:left;
	font-weight:bold;
	width:140px;
}
form p label.long{
	width:270px;
}
form p label span.en{
	display:block;
}
form p input{
	max-width:200px;
}
form p.adresse{
	height:110px;
}
form p.adresse label{
	height:110px;
}
form p.adresse input{
	margin-bottom:20px;
}

/* Conteneur de la page */
#page{
	width:100%;
}

/* Menu */
ul#menu{
	list-style:none;
	margin:0;
	padding:0;
}
ul#menu li{
	float:left;
}
ul#menu li a{
	display:block;
	height:61px;
}
ul#menu li a:hover,
ul#menu li.active a{
	background-position:0 61px;
}
ul#menu li a span{
	display:none;
}
ul#menu li.chateau_hotel_perigord a{
	background-image:url(/images/menu_accueil.gif);
	width:82px;
}
ul#menu li.hotel_dordogne_perigord a{
	background-image:url(/images/menu_hotel.gif);
	width:83px;
}
ul#menu li.restaurant_perigueux_brantome a{
	background-image:url(/images/menu_restaurant.gif);
	width:110px;
}
ul#menu li.seminaire_dordogne_mariage_perigueux a{
	background-image:url(/images/menu_receptions.gif);
	width:102px;
}
ul#menu li.tourisme_perigord a{
	background-image:url(/images/menu_localisation.gif);
	width:117px;
}
ul#menu li.contact_reservation a{
	background-image:url(/images/menu_contact.gif);
	width:83px;
}

/* Haut de page */
#haut{
	background:url(/images/fond_haut.gif) repeat-x;
	height:123px;
}
#haut div{
	width:775px;
	margin:0 auto 0 auto;
}
#haut h1{
	float:left;
	margin:0;
	padding:0;
}
#haut h1 a{
	display:block;
	width:494px;
	height:63px;
	background:url(/images/titre.gif) no-repeat;
}
#haut h1 a span{
	display:none;
}
#haut p{
	float:left;
	margin:0;
	padding:0;
}
#haut p#chc{
	margin:27px 0 5px 0;
}

/* Contenu de la page */
#contenu{
	background:url(/images/fond_contenu.jpg) repeat-y;
	width:770px;
	margin:0 auto 0 auto;
	text-align:left;
	color:#ffcc33;
	padding-left:4px;
}
.colonne{
	float:left;
	margin-left:15px;
}
.colonne.premiere{
	margin:0;
	clear:left;
}
.colonne.un_demi{
	width:348px;
}
.colonne.un_tiers{
	width:222px;
}
.colonne.deux_tiers{
	width:485px;
	padding-left:30px;
}
.premiere.colonne.deux_tiers{
	width:515px;
	padding-left:0;
}
.colonne.un_tiers.milieu{
	width:272px;
}
.colonne.un_tiers.milieu ul{
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
}
.separateur{
	clear:both;
}
div.separateur{
	height:0;
}

/* Bas de page */
#bas{
	height:87px;
	clear:left;
	background:url(/images/fond_bas.gif) repeat-x;
	font-family:times,times new roman,serif;
	font-size:13px;
}
#bas div{
	width:750px;
	margin:0 auto 0 auto;
}
#bas div p{
	margin:0;
	padding:0;
}
#bas div p.gauche{
	float:left;
}
#bas div p.droite{
	float:right;
}
#bas div address{
	padding:10px 0 10px 0;
	font-style:normal;
}
#ircf{
	clear:both;
	font-family:times,times new roman,serif;
	font-size:13px;
}
#ircf a{
	text-decoration:none;
}
#ircf a strong{
	font-family:lucida,"lucida sans ms",sans;
	font-style:italic;
}

/* Images et légendes */
p.image{
	text-align:center;
}
p.image span.cadre{
	display:block;
	width:222px;
	height:171px;
	position:absolute;
	margin:0 auto 0 auto;
	z-index:2;
	background:url(/images/cadre_4x3.gif) no-repeat;
}
.colonne.un_tiers.milieu p.image span.cadre{
	margin-left:29px;
}
.colonne.un_tiers.milieu p.image img{
	margin-left:9px;
}
.colonne.un_demi p.image span.cadre,
.colonne.un_demi p.image img{
	margin-left:50px;
}
p.image span.cadre.portrait{
	width:219px;
	height:278px;
	background:url(/images/cadre_3x4.gif) no-repeat;
}
p.image span.legende{
	display:block;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#b79256;
}

/* Puce (en dehors des listes) */
span.puce{
	padding:0 8px 0 8px;
	background:url(/images/puce.gif) no-repeat center center;
}

/* Ornement entre les textes */
div.ornement{
	height:30px;
	background:url(/images/texte_ornement.gif) no-repeat center 0;
}

/* Contenu en Anglais */
.en{
	color:#ff9933;
}

/* Lettrines */
.lettrine{
	font-size:0;
	color:#194bb2;
	padding:20px 0 0px 32px!important;
	background-repeat:no-repeat;
}
.lettrine.a{
	background-image:url(/images/lettrines/a.gif);
}
.lettrine.b,.lettrine.e{
	font-size:16px;
	color:#f2b847;
	padding:0!important;
}
.lettrine.c{
	background-image:url(/images/lettrines/c.gif);
}
.lettrine.d{
	background-image:url(/images/lettrines/d.gif);
}
.lettrine.g{
	background-image:url(/images/lettrines/g.gif);
}
.lettrine.h{
	background-image:url(/images/lettrines/h.gif);
}
.lettrine.l{
	background-image:url(/images/lettrines/l.gif);
}
.lettrine.m{
	background-image:url(/images/lettrines/m.gif);
}
.lettrine.n{
	background-image:url(/images/lettrines/n.gif);
}
.lettrine.p{
	background-image:url(/images/lettrines/p.gif);
}
.lettrine.r{
	background-image:url(/images/lettrines/r.gif);
}
.lettrine.s{
	background-image:url(/images/lettrines/s.gif);
}
.lettrine.t{
	background-image:url(/images/lettrines/t.gif);
}
.lettrine.w{
	background-image:url(/images/lettrines/w.gif);
}
.tab{
	padding:0 0 0 32px;
}

/* Titres des pages */
#contenu h1{
	height:30px;
}
#contenu h1 span{
	background-repeat:no-repeat;
	font-size:0;
	color:#194bb2;
	padding:10px 0 30px 0;
}
#contenu h1 span.ornement{
	background-image:url(/images/titre_ornement.gif);
	padding:10px 20px 30px 20px;
}
#contenu h1.hotel span.fr{
	background-image:url(/images/titre_hotel.gif);
	padding-left:86px;
}
#contenu h1.restaurant span.fr{
	background-image:url(/images/titre_restaurant.gif);
	padding-left:129px;
}
#contenu h1.receptions span.fr{
	background-image:url(/images/titre_receptions.gif);
	background-position:0 2px;
	padding-left:124px;
}
#contenu h1.receptions span.en{
	background-image:url(/images/titre_parties.gif);
	padding-left:103px;
}
#contenu h1.localisation span.fr{
	background-image:url(/images/titre_localisation.gif);
	padding-left:128px;
}
#contenu h1.localisation span.en{
	background-image:url(/images/titre_location.gif);
	padding-left:98px;
}
#contenu h1.contact span.fr{
	background-image:url(/images/titre_contact.gif);
	padding-left:84px;
}
#contenu h1.contact span.en{
	background-image:url(/images/titre_reservation.gif);
	padding-left:129px;
}

/* Page d'accueil */
body.accueil *{
	color:#aebddd;
}
body.accueil #page{
	background:url(/images/accueil/fond_page.gif) repeat-x;
	height:460px;
}
body.accueil #haut{
	background:none;
	height:72px;
}
body.accueil #haut h1{
	padding-left:3px;
}
body.accueil #haut h1 a{
	width:746px;
	height:72px;
	background:url(/images/accueil/titre.gif) no-repeat;
}
body.accueil #contenu{
	padding:0;
}
body.accueil #contenu .texte{
	float:left;
	width:223px;
	height:240px;
	background:url(/images/accueil/texte.gif) no-repeat;
}
body.accueil #contenu .texte p{
	display:none;
}
body.accueil #bas{
	background:none;
}
body.accueil #bas ul#menu li{
	height:64px;
}
body.accueil #bas ul#menu li a:hover{
	background-position:0 64px;
}
body.accueil #bas ul#menu li.chateau_hotel_perigord{
	display:none;
}
body.accueil #bas ul#menu li.hotel_dordogne_perigord a{
	background-image:url(/images/accueil/menu_hotel.gif);
	width:114px;
}
body.accueil #bas ul#menu li.restaurant_perigueux_brantome a{
	background-image:url(/images/accueil/menu_restaurant.gif);
	width:164px;
}
body.accueil #bas ul#menu li.seminaire_dordogne_mariage_perigueux a{
	background-image:url(/images/accueil/menu_receptions.gif);
	width:153px;
}
body.accueil #bas ul#menu li.tourisme_perigord a{
	background-image:url(/images/accueil/menu_localisation.gif);
	width:171px;
}
body.accueil #bas ul#menu li.contact_reservation a{
	background-image:url(/images/accueil/menu_contact.gif);
	width:144px;
}
body.accueil #bas .motclef{
	display:none;
	}
/* Page restaurant */
#bas.restaurant address{
	padding:10px 0 10px 0;
}

/* Page Contact */
button{
	background:url(/images/blason_or.gif) no-repeat;
	width:47px;
	height:50px;
	border:none;
	cursor:pointer;
}
button span{
	display:none;
}
.mentions_legales{
	text-align:center;
}

/* Boutons */
.bouton{
	display:block;
	width:225px;
	height:71px;
	background:url(/images/bouton_galerie.gif) no-repeat;
	text-align:center;
	line-height:68px;
	margin:10px 20px 0 0;
	font-weight:bold;
	text-decoration:none;
}
.bouton:hover{
	color:#4189e3;
}
.bouton.reservations{
	margin-top:0;
	line-height:40px;
	padding:14px 0 0 14px;
}
.bouton.reservations a{
	float:left;
	display:block;
	width:57px;
	height:39px;
	opacity:0.8;
}
.bouton.reservations a:hover{
	opacity:1;
}
.bouton.reservations span{
	float:left;
	display:block;
	width:85px;
	height:39px;
	line-height:39px;
}
.bouton.reservations a span{
	display:none;
}
.bouton.reservations a.fr{
	background:url(/images/fr.png) no-repeat;
}
.bouton.reservations a.en{
	background:url(/images/en.png) no-repeat;
}

/* Galerie photos */
h1.galerie{
	font-size:16px;
}
h1.galerie span.lettrine.g{
	padding:16px 0 20px 32px !important;
}
p#galerie{
	float:right;
	margin:0;
	padding:0;
}
p#galerie a.bouton{
	margin:0;
}
.colonne.un_tiers.milieu p.image.album img{
	margin-left:29px;
}
.album img{
	display:block;
	width:222px;
	height:171px;
}
/* End of 'commun' */