/*****************************************************************************/
/* Feuille de style pour le site "Le hameau des buis / La ferme des enfants" */
/* Auteur : Benjamin SAGARDOY */
/* Date de creation : 04/08/2008 */
/* Date de dernière modification : 04/08/2008 */ 
/*****************************************************************************/

/***************************************************************************************/
/* BOF Eric Meyers reset  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/***************************************************************************************/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	border: 0px solid red;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/***************************************************************************************/
/* EOF Eric Meyers reset  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/***************************************************************************************/

/******************************/
/* BEGIN Format elements HTML */
/******************************/
body{
	background:url(../images/bg.jpg) top left repeat;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #5f4826;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

input{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #6d6d6d;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #c9c9c9;
}
select.popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #c9c9c9;
	width:300px;
}
fieldset{
	margin:0px;
	padding:0px;
}
legend {
	display: none;
}
a {
	color: #d25232;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/****************************/
/* END Format elements HTML */
/****************************/

/*************************/
/* BEGIN General Classes */
/*************************/
.clearBoth {
	clear: both;
}
.displayNone {
	display: none;
}
.savoirplus {
	padding: 0px 0px 0px 8px;
	background:url(../images/puce.gif) center left no-repeat;
}
.lienPuce {
	padding: 0px 0px 0px 8px;
	background:url(../images/puce.gif) left 4px no-repeat;
}
/***********************/
/* END General Classes */
/***********************/

/**************************/
/* BEGIN Div/Classes HTML */
/**************************/

/* Begin - Commun */
#container{
	position: relative;
    width: 904px;
    margin: 0px auto 0px;
	border: 0px solid red;
}
#motifG {
	position: absolute;
	width: 178px;
	height: 462px;
	top: 380px;
	left: 50%;
	margin-left: -631px;
	background:url(../images/motifG.png) top left no-repeat;
}
#motifD {
	position: absolute;
	width: 201px;
	height: 802px;
	top: 0px;
	left: 50%;
	margin-left: 451px;
	background:url(../images/motifD.png) top left no-repeat;
}
#header {
	width: 904px;
	height: 205px;
	background:url(../images/header.png) top left no-repeat;
	border: 0px solid red;
}
#header h1 {
	position: absolute;
	top: -100px;
}
#header h2 {
	position: absolute;
	top: -100px;
}
a#logo_area {
	position: absolute;
	width: 120px;
	height: 160px;
	border: 0px solid red;
}
a:hover#logo_area {
	text-decoration: none;
}
#menu {
	position: absolute;
	margin: 108px 0px 0px 122px;
	border: 0px solid red;
	left: -24px;
	top: -1px;
	width: 525px;
}
#menu ul li {
	float: left;
	width: 150px;
	height: 86px;
	padding: 0px 0px 0px 24px;
	border: 0px solid green;
}
a.menu1 {
	display: block;
	width: 150px;
	height: 86px;
	cursor: pointer;
	background:url(../images/menu1.png) top left no-repeat;
}
a.menu1 span {
	position: absolute;
	top: -160px;
}
span.menu1 {
	display: block;
	width: 150px;
	height: 86px;
	background:url(../images/menu1_actif.png) top left no-repeat;
}
span.menu1 span {
	position: absolute;
	top: -160px;
}
a.menu2 {
	display: block;
	width: 150px;
	height: 86px;
	cursor: pointer;
	background:url(../images/menu2_2011.png) top left no-repeat;
}
a.menu2 span {
	position: absolute;
	top: -160px;
}
span.menu2 {
	display: block;
	width: 150px;
	height: 86px;
	background:url(../images/menu2_2011_actif.png) top left no-repeat;
}
span.menu2 span {
	position: absolute;
	top: -160px;
}
a.menu3 {
	display: block;
	width: 150px;
	height: 86px;
	cursor: pointer;
	background:url(../images/menu3.png) top left no-repeat;
}
a.menu3 span {
	position: absolute;
	top: -160px;
}
span.menu3 {
	display: block;
	width: 150px;
	height: 86px;
	background:url(../images/menu3_actif.png) top left no-repeat;
}
span.menu3 span {
	position: absolute;
	top: -160px;
}
#content {
	width: 904px;
	background: #FFFFFF;
	border: 0px solid red;
}
#footer {
	border: 0px solid red;
}
#footerImg {
	width: 904px;
	height: 30px;
	background:url(../images/footer.png) top left no-repeat;
}
#footerLiens {
	color: #f3ecd8;
	padding: 10px 0px 20px 0px;
	text-align: center;
}
#footerLiens a {
	color: #f3ecd8;
}
/* End - Commun */

/* Begin - HP */
#colonneGauche {
	float: left;
	width:633px !important; width /**/:653px;
	padding: 20px 0px 0px 20px;
}
#colonneDroite {
	float: left;
	width:241px !important; width /**/:251px;
	height:612px !important; height /**/:612px;
	padding: 0px 0px 0px 10px;
	background:url(../images/etiquette.jpg) top left no-repeat;
}
.bloc_txtimg {
	float: left;
	width: 312px;
	height: 292px;
	border: 0px solid red;
}
.bloc_txtimg h3 {
	position: absolute;
	top: -100px;
}
.bloc_txtimg p {
	padding: 0px 20px 5px 30px;
}
.planImg {
	float: left;
	border: 0px solid red;
}
.planImg img {
	float: left;
}
.planImg p {
	float: left;
	display: inline;
	width: 300px;
	height: 30px;
	margin: -50px 0px 0px 310px;
	font-size: 10px;
	border: 0px solid red;
}
#colonneDroite .photo {
	float: left;
	display: inline;
	width:183px !important; width /**/:188px;
	height:190px !important; height /**/:207px;
	margin: 34px 0px 0px 43px;
	padding: 17px 0px 0px 5px;
	border: 0px solid red;
	background:url(../images/pola.jpg) top left no-repeat;
}
#colonneDroite .photo p {
	padding: 6px 0px 0px 8px;
	font-size: 10px;
	border: 0px solid red;
}
#colonneDroite .actualites {
	float: left;
	display: inline;
	margin: 6px 0px 0px 16px;
	border: 0px solid red;
}
#colonneDroite .actualites h3 {
	width: 106px;
	height: 24px;
	background:url(../images/actualites.jpg) top left no-repeat;
	border: 0px solid red;
}
#colonneDroite .actualites h3 span {
	position: absolute;
	top: -100px;
}
#colonneDroite .actualites .actu {
	padding: 10px 0px 10px 0px;
	background:url(../images/separateur.jpg) bottom left no-repeat;
}
#colonneDroite .lien_adherent {
	float: left;
	display: inline;
	margin: 30px 0px 0px 50px;
	border: 0px solid red;
}
#colonneDroite .lien_adherent a {
	float: left;
	width: 159px;
	height: 76px;
	cursor: pointer;
	background:url(../images/adherent.png) top left no-repeat;
}
#colonneDroite .lien_adherent a span {
	position: absolute;
	top:-100px;
}
#colonneDroite .lien_adherent2 {
	float: left;
	display: inline;
	margin: 30px 0px 0px 50px;
	border: 0px solid red;
}
#colonneDroite .lien_adherent2 a {
	float: left;
	width: 159px;
	height: 76px;
	cursor: pointer;
	background:url(../images/repas_hebergement.png) top left no-repeat;
}
#colonneDroite .lien_adherent2 a span {
	position: absolute;
	top:-100px;
}
/* End - HP */

/* Begin - Master */
#colonneMenu {
	position: relative;
	float: left;
	width: 150px;
	margin: 0px 0px 0px -12px;
	padding: 24px 0px 0px 0px;
	border: 0px solid red;
}
#colonneContent {
	float: left;
	width:484px !important; width /**/:515px;
	line-height: 14px;
	padding: 0px 16px 0px 15px;
	border: 0px solid green;
}
#colonneContent h3 {
	color: #b88458;
	font-weight: bold;
	font-size: 18px;
}
#colonneContent h4 {
	color: #b78458;
	font-weight: bold;
	font-size: 12px;
}
#colonneContent a {
	font-weight: normal;
}
#colonneMenu a {
	display: block;
	width: 144px;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	font-size: 13px;
	cursor: pointer;
	font-weight: normal;
	background:url(../images/sous_rub_top.jpg) top left no-repeat;
	border: 0px solid red;
}
#colonneMenu.lieu a {
	color: #8cb716;
}
#colonneMenu.ecole a {
	color: #d25232;
}
#colonneMenu span.selected {
	display: block;
	width: 144px;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 13px;
	background:url(../images/sous_rub_top.jpg) top left no-repeat;
	border: 0px solid red;
}
#colonneMenu.lieu span.selected {
	color: #63830a;
}
#colonneMenu.ecole span.selected {
	color: #843117;
}
#colonneMenu a span, #colonneMenu span span {
	display: block;
	width:104px !important; width /**/:144px;
	padding: 0px 20px 10px 20px;
	background:url(../images/sous_rub_bottom.jpg) bottom left no-repeat;
	border: 0px solid red;
}
#menu_rub {
	float: left;
	margin: 0px 0px 8px 0px;
}
#menu_rub a, #menu_rub span {
	display: inline;
	float: left;
	padding: 0px 0px 0px 0px;
}
#menu_rub a {
	font-size: 13px;
	font-weight: normal;
}
#menu_rub.ecole a {
	color: #d45d3e;
}
#menu_rub.lieu a {
	color: #8cb716;
}
#menu_rub span {
	color: #63830a;
	font-weight: bold;
	font-size: 13px;
}
#menu_rub.ecole span {
	color: #843117;
}
#menu_rub.lieu span {
	color: #63830a;
}
#fil_ariane {
	margin: 0px 0px 5px 0px;
	border: 0px solid red;
}
#fil_ariane a, #fil_ariane span {
	font-size: 9px;
}
.span_space {
	display: inline;
	float: left;
	width: 24px;
}
p.legendImg {
	font-size: 9px;
	text-align: left;
}
.chapeau_txt {
	font-weight: bold;
	}
#colonneDroite .voir_aussi {
	float: left;
	display: inline;
	margin: 80px 0px 0px 26px;
	border: 0px solid red;
}
#colonneDroite .voir_aussi h3 {
	width: 101px;
	height: 19px;
	margin: 0px 0px 0px 3px;
	background:url(../images/voir_aussi.jpg) top left no-repeat;
	border: 0px solid red;
}
#colonneDroite .voir_aussi h3 span {
	position: absolute;
	top: -100px;
}
#colonneDroite .ateliers {
	float: left;
	display: inline;
	margin: 80px 0px 0px 26px;
	border: 0px solid red;
}
#colonneDroite .ateliers h3 {
	width: 101px;
	height: 19px;
	margin: 0px 0px 0px 3px;
	background:url(../images/ateliers.jpg) top left no-repeat;
	border: 0px solid red;
}
#colonneDroite .ateliers h3 span {
	position: absolute;
	top: -100px;
}
.bloc_va {
	float: left;
	padding: 10px 0px 10px 0px;
	background:url(../images/separateur.jpg) bottom left no-repeat;
}
.bloc_va .photo_va {
	float: left;
	width:75px !important; width /**/:80px;
	height:72px !important; height /**/:77px;
	padding: 5px 0px 0px 5px;
	background:url(../images/fond_photo.jpg) top left no-repeat;
}
.bloc_va .texte_va {
	float: left;
	width:125px !important; width /**/:130px;
	padding: 0px 0px 0px 5px;
	border: 0px solid red;
}
.bloc_visuel_gauche {
	float: left;
	width: 231px;
	margin: 0px 10px 0px 0px;
}
.bloc_visuel_gauche p {
	font-size: 9px;
	color: #c0a97c;
	text-align: right;
	line-height: 10px;
}
/* End - Master */