/* @override 
	http://test.hyrule.lsv.fr/www.parc-freyssinet.fr/CSS/structure.css
*/

/* Le Studio Vert : www.lestudiovert.fr
////////////////////////////////////
TABLE OF CONTENTS :
////////////////////////////////////
/ 	Cette CSS établit les règles générales suivantes :
/	GENERALES
/	ENTETE
/	CONTENEUR
/	NOTES
/	PIED
///////////////////////////////////	/// */

/* @group /////////// PAGE */

* {
	font-family: Trebuchet Ms, Helvetica, Arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 62.5%/1em Arial, Helvetica, sans-serif;
	background: #D7E5BB url(../IMAGES/body.jpg) no-repeat left top;
}

#page {
	text-align: left;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-left: 153px;
	width: 675px;
	margin-bottom: 20px;
	overflow: hidden;
}

/* @end */

/* @group /////////// ENTETE */

#entete {
	z-index: 2;
	position: relative;
}

h1 {
	position: absolute;
	top: 0;
	left: -153px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}
/* @end */

/* @group /////////// MENU */ 
#menu {
	z-index: 1;
	background: url(../IMAGES/menu.gif) no-repeat left top;
	height: 38px;
}

#menu h3 {
	display: none;
}

#menu ul {
	vertical-align: middle;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

#menu li {
	color: #fff;
	padding: 0;
	display: inline;
}

#menu li a:link, #menu li a:visited {
	text-transform: uppercase;
	color: #2D3818;
	padding-left: 19px;
	padding-right: 19px;
	line-height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#menu li a:hover, #menu li a:active, #menu a.actif {
	color:#fff;
	text-decoration:none;
}

#menu ul li a.actif {
	display:block;
	background:#843B2C;
	text-decoration:none;
	border: 1px solid #fff;
	color: #fff;
}
/* @end */

/* @group /////////// CONTENEUR */ 
#conteneur {
	position: relative;
	background: url(../IMAGES/conteneur_fd.gif) repeat-y left top;
	width: 665px;
	margin-bottom:0;
	padding: 3px 5px 5px;
}

#contenu {
	width: 445px;
	float:left;
}

a:link, a:visited {
	color: #58196B;
}

a:hover, a:active {

}

.article {
	margin-left: 10px;
}

#conteneur ul {
	padding-left: 10px;
	margin-bottom: 3em;
	margin-right: 0;
	list-style:none;
}

#conteneur li {
	list-style-image: none;
	background: url(../IMAGES/liste.gif) no-repeat left -1px;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	color:#545E3F;
	line-height: 13px;
	padding-left: 20px;
	margin-bottom: 4px;
}

p.chapeau {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	color:#545E3F;
	line-height: 13px;
	padding: 0;
}

hr {
	visibility: hidden;
	clear: both;
}

hr.visible {
	visibility: visible;
	clear: both;
}

img {
	border-width: 0;
}

blockquote {
	font: 13px/110% "Courier New", Courier, mono;
}

.pullquote {
	background: url(../IMAGES/closequote.gif) no-repeat bottom right !important;
	background /**/:url();
	padding: 0px 25px 5px 0px;
}

.pullquote:first-letter {
	background: url(../IMAGES/openquote.gif) no-repeat left top !important;
	padding:15px 5px 75px 35px !important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

/* @end */

/* @group /////////// VISUELS */

#visuels {
} 

#visuel1 {
	position: absolute;
	left: -153px;
	top: 91px;
}
#visuel2 {
	margin-left: 4px;
}

/* @end */

/* @group /////////// PIED */ 
#pied {
	background: url(../IMAGES/pied_fd.gif) no-repeat left top;
	padding:2.5em 0.5em 0.5em 0.5em;
	margin:0;
	position: relative;
}

#pied address {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #333;
}

p.signature {
	position: absolute;
	right: 5px;
	top: 15px;
	font-size: 9px;
	color: #fff;
}

#pied span.mentions a{
	font-size:1em;
}

#pied a {
	letter-spacing: 0;
	text-decoration: none;
	color: #fff;
}

/* @end */

/* @group /////////// TITRES */
/* LES TITRES */

h3 {
	height:44px;
	margin-top: 10px;
}

h3 span {
	margin-left: -9999px;
}

h3.bienvenue {
	background: url(../IMAGES/titres/bienvenue.gif) no-repeat top left;
}

h3.atouts {
	background: url(../IMAGES/titres/atouts.gif) no-repeat top left;
	height: 70px ;
}

h3.lePetitGibier {
	background: url(../IMAGES/titres/lepetitgibier.gif) no-repeat top left;
}

h3.leGrosGibier {
	background: url(../IMAGES/titres/legrosgibier.gif) no-repeat top left;
}

h3.organisation {
	background: url(../IMAGES/titres/organisation.gif) no-repeat top left;
	height: 77px ;
}

h3.temoignage {
	background: url(../IMAGES/titres/temoignages.gif) no-repeat top left;
}

h3.localisation{
	background: url(../IMAGES/titres/localisation.gif) no-repeat top left;
}
h3.mentions {
	background: url(../IMAGES/titres/mentions.gif) no-repeat top left;
}
h4 {
	color: #6885C3;
	font-size: 14px;
	font-weight: bold;
}
/* @end */

/* @group /////////// SIDEBAR */

#sidebar {
	width: 205px;
	float:right;
	margin: 0 4px 0 5px;
	background:#E7EFD4;
	padding: 0;
}

#information {
	background:#537228;
	padding-bottom:1em;
}

#sidebar h3.information{
	background: url(../IMAGES/sidebar_information.gif) no-repeat top left;
	height:50px;
	margin:0;
	padding: 0;
}

#information a{
	color:#fff;
}
#sidebar h3.contact{
	background: url(../IMAGES/sidebar_contact.gif) no-repeat top left;
	height:50px;
	margin:0;
	padding: 0;
}

#sidebar h3.information span{
	visibility:hidden;
	padding: 0;
	margin: 0;
}

#sidebar h4 {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-left: 5px;
	margin-bottom: 0;
	line-height:1em;
}

#sidebar p {
	color:#C8D2BB;
	font-size: 11px;
	letter-spacing: 0;
	text-align: left;
	margin-left: 5px;
	margin-top: 0;
	margin-right: 5px;
}

#sidebar ul {
	margin-bottom: 5px;
	margin-top: 0;
}
#sidebar li {
	color:#C8D2BB;
	font-size: 11px;
	letter-spacing: 0;
	text-align: left;
	padding: 0;
	background-image: none;
	list-style-type: circle;
	list-style-position: inside;
	margin: 0 10px 0 0;
}
.legende {
	color: #fff;
}

.legende a {
	color:#fff;
}

/* @end */

#visuel_animaux {
	text-align:right;
	padding-top:1em;
}

.droite {
	text-align:right;
}

/* @group Tableaux */

table {
	text-align: left;
	width: 100%;
	padding: 0;
	margin: 1em 0 1em 0em;
	font-size: 10px;
	line-height: 13px;
}

caption {
	color: #fff;
	background: #6885C3;
	font-size: 1.3em;
	text-align: left;
	margin: 0;
	font-weight: bold;
	padding: 1px 1px 1px 5px;
}

th {
	width: auto;
	font-size: 11px;
	padding-left: 5px;
	color: #17388e;
	background-color: #DBE3E7;
}

th.vertical {
	border: 1px solid #6484a9;
	padding: 0.2em;
	width: auto;
	text-align: left;
}

td {
	border: 1px dotted #d7e1eb;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

table strong {
	font-size: 1.3em;
}

tr.ligneDifferente {
	background-color: #EAEBD0 !important;
}

.texteCentre {
	text-align: center;
	width: 100px;
}

tfoot {
	padding: 0.2em;
	width: auto;
	color: #17388e;
	background-color: #DBE3E7
}

tfoot td {
	padding: 0.2em;
	width: auto;
	color: #17388e;
	background-color: #DBE3E7;
	text-align: center;
}
/* @end */