/* CSS Hôtel le Lion d'Or */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* SITE */

body {
    font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	background:#ffffff;
}

/* CONTAINER */

div#container {
	width: 955px;
	margin: 0 auto;
	background-color: #6a141f;
	background-image: url(../../images/contenu-repeat.jpg);
	background-repeat: repeat-y;
}

h1 {
	background:url(../../images/contenu/image-lion.gif) top left no-repeat;
	padding:8px 0 0 50px;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	height:33px;
}

h1 a {
	color: #FFFFFF;
	text-decoration:none;
	padding:0;
	margin:0;
}
h1 a:hover {
	color: #FFCC00;
	text-decoration:underline;
}


/* HEADER */

div#header-accueil {
    height: 183px;
    margin: 0;
	background:url(../../images/bandeau-accueil.jpg) top left no-repeat;
}

div#header {
    height: 191px;
    margin: 0;
	background:url(../../images/bandeau-contenu.jpg) top left no-repeat;
}

div#header-accueil p {
	color:#FFCB06;
	font-size:10px;
	line-height:1.2;
	padding:85px 0 0 220px;
	width:560px;
	float:left;
}

html>body div#logos-accueil {
	margin:0px 0 0 0;
	padding:20px 0 0 0;
}

div#logos-accueil {
	margin:18px 0 0 0;
	padding:0 0 0 0;
}

div#logos-contenu {
	margin:0 0 0 830px;
}

.langues {
	padding: 30px 0 0 70px;
}

.langues-contenu {
	padding: 20px 0 0 40px;
}

.charm-logis {
	padding: 15px 0 0 25px;
}

.charm-logis-contenu {
	padding: 10px 0 0 25px;
}

.photo-accueil {
	float:right;
	margin:6px 38px -145px 0;
	height:174px;
}

html>body .photo-accueil {
	float:right;
	margin:6px 38px 0 0;
	height:174px;
}

/* WRAPPER */

div#wrapper-accueil {
	background:url(../../images/contenu-accueil.jpg) top left no-repeat;
	height:190px;
}

div#wrapper-contenu {
	background:url(../../images/contenu-repeat.jpg) top left repeat-y;
	min-height:670px;
}

/* CONTENT */

div#content-accueil {
	padding:5px 0 10px 10px;
}

div#content-contenu {
	background:url(../../images/haut-contenu.jpg) top left no-repeat;
	height:182px;
}

html>body div#content-contenu {
	height:auto;
	min-height:182px;
}

.contenu {
	width:660px;
	display:block;
	float:left;
}

html>body .contenu {
	width:685px;
	display:block;
}

/* Menu Accueil */

#content-accueil ul#menu-accueil {
	float:left;
	margin:0 0 0 0;
}

#content-accueil li.onglet-accueil {
	float:left;
	margin:10px;
	list-style: none;
}

/* Menu Contenu */
.menu-contenu {
	width:270px;
	float:left;
}

.logos-gauche {
	margin:20px 0;
}

/* CONTENUS ET COULEURS */

a:link {
	text-decoration: underline;
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}
a:visited {
	text-decoration: none;
	color: #FFcc00;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}
a:hover {
	text-decoration: underline;
	color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

a.lien:link {text-decoration: none;color: #FFCC00;}
a.lien:visited {text-decoration: none;color: #FFCC00;}
a.lien:hover {text-decoration: none; color: #FFCC00;}

a.sous-menu:link {text-decoration: none;color: #FFFFFF;}
a.sous-menu:visited {text-decoration: none;color: #FFFFFF;}
a.sous-menu:hover {text-decoration: underline; color: #FFCC00;}


/*ul.sous-menu li{
	float:left;
	padding:0 0 0 20px;
	margin:5px 0 0 20px;
	list-style: none;
	display: inline;
}*/

.jaune {
	color:#FFCC00;
}

.GrasNormal {
	font-weight: bold;
}

.GrasBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.GrasOr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
}

.textnormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.puceOr {
	color: #FFCC00;
	list-style-type: disc;
}

.photo {
	border: 2px solid #FFcc00;
}

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

.gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.texte_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* CONTENU 1 COL */

div#col-1 {
	float:left;
	width:600px;
	margin:10px;
	padding:0 0 0 5px;

}

table.contenu-1-col {
	padding:5px;
}

td.contenu-colonne-unique {
	padding:0;
}

/* CONTENU 2 COL */

.2photos {
	border:2px solid #FFCC00;
	margin-top: 5px;
	margin-bottom: 10px;

}

div#col-droite {
	float:right;
	width:420px;
	margin:5px;
	padding:0 0 0 5px;

}

div#col-gauche {
	float:left;
	width:400px;
	margin:5px;
	padding-right: 30px;
}

table.contenu-2-col {
	padding:5px 30px 5px 5px;
	text-align:left;
}


td.contenu-colonne-gauche {
	padding:0 10px 0 0;
}

td.contenu-colonne-droite {
	padding: 0 0 0 0;
}
/*------------------------ contenu dynamique ------------------------*/
table.blocdyn {
	width: 100%;
	padding:5px 30px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align:justify;
}

/* CONTENU 1 COL */
td.unecol {
	padding:0 0 10px 0;
	vertical-align: top;	
}

/* CONTENU 2 COL */

td.deuxcol {
	padding:0 10px 10px 10px;
	width: 45%;
	vertical-align: top;
}

/* tableau photos */
.imggauche {
	float:left;
	border:2px solid #FFCC00;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1px;
}
.imgdroite {
	float:right;
	border:2px solid #FFCC00;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 1px;
}
.imgseule {
	border:2px solid #FFCC00;
}
h2 {
	background:url(../../images/contenu/image-lion.gif) top left no-repeat;
	padding:8px 0 0 50px;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	height:33px;
}
#content-contenu ul {
	margin: 5px 0 5px 10px;
	padding:0 10px 0 0;
}

#content-contenu ul li {
	color: #FFFFFF;
	list-style-image:url(../../images/puceor.jpg);
	list-style-position:inside;
	text-align:justify;
	margin:0 0 10px 0;
}

/*------------------------ FIN contenu dynamique ------------------------*/
/*------------------------ TABLEAUX ------------------------*/
table.tab {
	width: 100%;
	padding:5px 30px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

/* tableau 1 colonne */
td.col0 {
	padding:0 0 10px 0;
	vertical-align: top;
	text-align:justify;
	width: 100%;
}

/* tableau 2 colonnes */
td.col1, td.col2 {
	width: 45%;
}
td.col1 {
	padding:0 10px 10px 10px;
	vertical-align: top;
	text-align:justify;
	float: left;
}

td.col2 {
	padding: 0 0 10px 10px;
	vertical-align: top;
	text-align:justify;
	float: right;
}

/* tableau photos */
.photo-gauche {
	float:left;
	border:2px solid #FFCC00;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 1px;
}

.photo-droite {
	float:right;
	border:2px solid #FFCC00;
	margin-right: 00px;
	margin-left: 10px;
	margin-bottom: 1px;
}


/*------------------------ FIN TABLEAUX ------------------------*/

/* ANIM ACCUEIL */

div#anim-accueil {
	height: 166px;
	background:url(../../images/anim-accueil.jpg) top left no-repeat;
}

div#bandeau {
	position: relative;
	left: 82px;
	top: 2px;
}
/* TARIFS */

div#tarifs {

}

.tarifs {
	padding-right: 100px;
	font-weight: bold;
	padding-left: 100px;
	background-color: #660033;
	margin: 20px;
	float: none;
	width: 300px;
}
div#tarifs2{
	position: relative;
	left: 82px;
	top: 2px;
}
/* FOOTER */

div#footer-accueil {
	clear:both;
	height:61px;
	background:url(../../images/pied-accueil.jpg) top left no-repeat;
	color:#fff;
}

div#footer {
	clear:both;
	height:61px;
	background:url(../../images/pied-contenu.jpg) top left no-repeat;
	color:#fff;
}

div#footer-accueil p, div#footer p {
	text-align:center;
}

div#footer-accueil p a, div#footer p a {
	color:#fff;
}

div#footer p a:hover {
	color:#FF1715;
}

/* CREDITS */

div#credits {
	padding:5px 0 5px 0;
	text-align:center;
	color:#1c1c1c;
	line-height:1.4;
}

div#credits a {
	color:#1c1c1c;
}

div#credits a:hover {
	color:#FF1715;
}