/* Elements généraux */

body
{
	background-color	: #999965;
}

#bloc_page             
{
	background-color: #42412c;
	margin			: auto;
	padding-left	: 20px;
	padding-top		: 20px;
	width           : 875px;
	height          : 980px;
}

#nav_box
{
	background		: transparent url(images/bann_2.png) no-repeat top left;
	padding-left	: 3px;
	padding-top		: 3px;
	padding-bottom  : 30px;
}

#logo_img
{
	width           :  158px;
	height          :  79px;
}

strong
{
	font-weight : normal;
}

/* Navigation */
 
nav
{
    display		: inline-block;
	position	: absolute;
    width		: 1000px;
	top			: 60px;
    text-align	: center;
}
 
nav ul
{
    list-style-type	: none;
}

@font-face 
{
    font-family	: 'special_eliteregular';
    src			: url('font/SpecialElite-webfont.eot');
    src			: url('font/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
				url('font/SpecialElite-webfont.woff') format('woff'),
				url('font/SpecialElite-webfont.ttf') format('truetype'),
				url('font/SpecialElite-webfont.svg#special_eliteregular') format('svg');
    font-weight	: normal;
    font-style	: normal;
}

nav li
{
    display			: inline-block;
    margin-right	: 3%;
	color           : #ffffff;
	font-size       : 12pt;
	font-weight		: normal;
	font-family		: special_eliteregular, Verdana, "Lucida Grande", Arial, sans-serif;
	text-align      : center;
}

nav a
{
    color			: #ffffff;
    padding-bottom	: 1px;
    text-decoration	: none;
}
 
nav a:hover
{
    text-decoration : underline;
}

nav a:active            
{
	color           : #ff0000;
	text-decoration : underline;
}

/* corps doc */

section
{
	position	: absolute;
    width		: 845px;
	top			: 160px;
    text-align	: center;
}

article
{
	color		: #ffffff;
	font		: 8pt 'Verdana', 'Lucida Grande', Arial, sans-serif;
	width		: 841px;
	text-align	: justify;
}

h1
{
	font-family		: special_eliteregular, Verdana, "Lucida Grande", Arial, sans-serif;
	font-weight		: bold;
	font-size       : 14pt;
	color           : #ffffff;
	text-align 		: left;
}

h2
{
	font-family		: special_eliteregular, Verdana, "Lucida Grande", Arial, sans-serif;
	font-weight		: bold;
	text-decoration	: underline;
	font-size       : 12pt;
	color			: #000000;
}

h3
{
	text-decoration	: underline;
}

	/* positionnement illustration */
	
#plan_gite
{
	position		: absolute;
	top				: 5.5em;
	left			: 35em;
	border-radius	: 30px;
}

	/* retirer puces points de repère */
	
#reperes ul
{
	list-style-type	: none;
}

	/* Table def périodes */

#correspondances_tarifs
{ 
	line-height	:5em;
	text-align	:center
}

h4, #periodes ul
{
	border			: 2px black groove;
	border-radius	: 10px;
	width			: 200px;
	text-align 		: center;
}

h4
{
	height			: 1.9em;
	line-height		: 1.9em;
	margin-bottom	: -0.8em;
	background-color: rgb(128,128,128);
}

#periodes ul
{
	padding			: 0px;
	height			: 2.8em;
	background-color: #999965;
}

#periodes ul:nth-of-type(1)
{
	line-height	: 1.4em;
}

#periodes ul:nth-of-type(2)
{
	line-height	: 1.4em;
}

#periodes ul:nth-of-type(3)
{
	line-height	: 2.8em;
}

#periodes li
{
	list-style-type	: none;
	font-weight		: bold;
}

	/* Tableaux tarifs 2014 */

table
{
    border-collapse	: collapse;
	margin			: auto
}

caption
{
	padding-bottom		: 1em;
	padding-top			: 1em;
	font-size			: 1em;
	font-weight			: bold;
	border-right		: 2px solid black;
	border-left			: 2px solid black;
	border-top			: 2px solid black;
	background-color	: rgb(128,128,128);
	border-radius		: 20px 20px 0px 0px;
}

td, th
{
    border	: 2px solid black;
	padding	: 1em;
}

td
{
	background-color	: #999965;
	font-weight			: bold;
}

td:nth-of-type(2)
{
	text-align	: center;
}

td:nth-of-type(3)
{
	text-align	: center;
}

tbody tr:last-child
{
	border-radius: 20px;
}

th
{
	background-color	: rgb(128,128,128);
}

	/* positionnement tableau périodes & correspondance tarifs */

span
{
	display			: inline-block;
	line-height		: 1.3em;
	vertical-align	: middle;
	text-align 		: left;
	padding-right	: 50px;
	padding-left	: 60px;
}

	/* CSS lien vers page contact */

#lien_contact
{
    color			: #ffffff;
	font-size		: 1.2em;
	font-weight		: bold;
    padding-bottom	: 1px;
    text-decoration	: none;
}
 
#lien_contact:hover
{
    text-decoration : underline;
}

#lien_contact:active            
{
	color           : #ff0000;
	text-decoration : underline;
}

/* pied de page */

footer
{
	background		: transparent url(images/bann_foot.png) no-repeat bottom left;
}

footer
{
	font-family		: special_eliteregular, Verdana, "Lucida Grande", Arial, sans-serif;
	font-size       : 10pt;
	color			: #000000;
	padding-top		: 0.75pt;
	padding-left	: 20px;
	position		: absolute;
	top				: 954px;
	width			: 850px;
}

#gite_sign, #sign
{
	display	: inline-block;
}

#gite_sign
{
	width	: 70%;
}

#sign
{
	width		: 25%;
	text-align	: right;
}