/* CSS Document */


 


/* anulation des marges par defaut pour ?viter les difference des navigateurs */

body, p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img, form {
	margin:0;
	padding:0;
	border:0;
}

hr, .masque, #loading, #print, #logo span, #accroche1 span, #accroche2 span,
#nav1 span, #nav2 span, #menujardin legend, #desflash legend, #contenuanimflash
{
	display:none;
}


.wrap
{
	clear:both;
	font-size:1px; /* ie 6 */
	height:0;
}
.wrapp
{
	clear:both;
	margin-top:1em;
}

.sep
{
	clear:both;
	border-bottom:#8F7349 1px dashed;
	margin:1em 0em 2em 0em;
}

/*********** STYLE GENERAL *********/

html
{
	font-size:100%;
}

body
{
	background:url(../img/fond.jpg) repeat-x left top #3D3529; /* 5c503c 3D3529 */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 80%;
	color: #fff;
	text-align:center; /* center pour ie 5 */
	margin:1.5em 0 0 0;
}

/* Largeur élément général de la page */

#bloc,
#acces
{
	width:950px;
}
#visuel,
#contenu
{
	width:100%;
}
#bloc,
#visuel,
#contenu,
#pan1fond,
#pan2fond
{
	height:502px;
}
#bloc
{ /* anul le bug positionnement ie 5 */
	text-align:left;
}


/***** HEADER ACCES *****/

#acces
{ /* acces rapide haut page */
	position:relative;
	margin:auto;
	height:20px;
	top:-0.5em;
}



/***** PAGE *****/
#logo
{
	position:absolute;
	left:60px;
	top:72px;
	width:173px;
	z-index:2;
}

#bloc
{
	position:relative;
	margin:auto;
	border:#624930 1px solid; /* 624930 */
	/*background:url(../img/jardin/jardin.04.jpg) no-repeat left top;*/
}

#visuel, #contenu
{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#visuel
{
	
}
#loadingflash
{
	position:absolute;
	width:150px;
	height:100px;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-50px;
	background:url(../css/images/loading3.gif) no-repeat center 50px ; /* #3D3529 */
	text-align:center;
	/*filter: alpha(opacity=80); 
	opacity:0.8;*/
	/*z-index:1;*/
}
#loadingflash span
{
	padding:20px;
	display:inline-block;
}
#fondsonore
{
	position:absolute;
	width:auto;
	bottom:3px;
	right:35px;
	opacity: 0.5; /*  standard w3c */
	filter: alpha(opacity=50); /* ie */
	z-index:11;
}

/* bloc */
#contenu
{
	z-index:1;
}

#pan1, #pan2
{
	position:absolute;
	top:0;
	overflow:hidden;
	z-index:3;
	visibility:hidden;/**/
}
#pan1
{
	left:0;
}
#pan2
{
	right:0;
}

#pan1fond, #pan2fond
{
	position:static;
}
#pan1fond
{
	width:270px; /* largeur bloc */
	background:url(../img/bloc.fond.1.png) no-repeat right top; /* ie6.css */
	padding-right:10px;
}
#pan2fond
{
	width:350px; /* largeur bloc */
	background:url(../img/bloc.fond.2.png) no-repeat left top;
	padding-left:10px;
}

/* dimension blocs largeur bloc */
#contenu .t350  { width:350px; }
#contenu .t450  { width:450px; }
#contenu .t500  { width:500px; }
#contenu .t550  { width:550px; }
#contenu .t600  { width:600px; }
#contenu .t650  { width:660px; }
#contenu .t670  { width:670px; }
#contenu .t680  { width:680px; }
#contenu .t700  { width:700px; }
#contenu .t750  { width:750px; }
#contenu .t800  { width:800px; }
#contenu .t850  { width:850px; }
#contenu .t900  { width:900px; }
#contenu .t950  { width:950px; }


#pan1content, #pan2content
{
	position:relative;
	height:459px;
	padding-top:20px; /* bug firefox */
	padding-right:30px;
	padding-left:30px;
	margin:0 0 0 0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:90%;
}
#pan1content p, #pan2content p
{
	text-align:justify;
	margin:0.6em 0;	
	line-height:1.4em;
}

/* navigation bloc */
#nav1, #nav2
{
	position:absolute;
	overflow:hidden;
	top:214px;
	z-index:1;
}
#nav1
{
	right:8px;
}
#nav2
{
	left:8px;
}
#nav1f, #nav2f
{
	position:static;
	overflow:hidden;
	width:14px;
	height:30px;
}
#nav1f
{
	background:url(../img/onglet.left.png) no-repeat left top;
}
#nav2f
{
	background:url(../img/onglet.right.png) no-repeat left top;
}

#nav1 a, #nav2 a
{
	position:relative;
	top:2px;
	display:block;
	width:14px;
	height:24px;
}
#nav1 a,
#nav2 .nav2fermer
{
	left:0px;
	background:url(../img/picto.onglet2.gif) no-repeat left top;
}
#nav2 a,
#nav1 .nav1fermer
{
	left:0px;
	background:url(../img/picto.onglet2.gif) no-repeat right top;
}
#nav1 a:hover,
#nav2 .nav2fermer:hover
{
	background-position: left bottom;
}
#nav2 a:hover,
#nav1 .nav1fermer:hover
{
	background-position: right bottom;
}


/* motifs */
#motif1, #motif2, #motif3, #motif4
{
	position:absolute;
	overflow:hidden; /* important fixe hauteur ie6 */
}
#motif1, #motif2
{
	top:-1px;
	width:10px;
	height:504px;
}
#motif3, #motif4
{
	left:-11px;
	width:972px;
	height:10px;
}

#motif1
{
	left:-11px;
	background:url(../img/bord.g.png) no-repeat right top;
}
#motif2
{
	right:-11px;
	background:url(../img/bord.d.png) no-repeat left top;
}
#motif3
{
	top:-11px;
	background:url(../img/bord.h.png) no-repeat left top;
}
#motif4
{
	bottom:-11px;
	background:url(../img/bord.b.png) no-repeat left top;
}

/********** MENU HAUT ***********/
#mh
{
	position:absolute;
	left:0;
	bottom:0; /* -1px ie6.css */
	z-index:10;
	width:100%;
	height:23px;
	border-top:#714F38 1px solid;
}
#mhf
{
	position:static; /* important pour rendre liens cliquables ie6 png */
	height:23px;
	background:url(../img/menu.fond.png) repeat left top;
}
/********** MENU BAS ***********/



/*** FOOTER ***/

#footer
{
	margin:0.5em auto;
	background:url(../img/fond.gif) repeat-x left -40px;
}

#mots
{
	width:950px;
	margin:auto;
	text-align:justify;
}

/*** MOTS BAS PAGE ***/


/*** POPUP ZOOM ****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	overflow:hidden; /* pour colorbox jquery no border */
	/*background:#00FF33;
	background-position: center center;*/
}
#pagezoom .titrezoom,
.titrezoom
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	color:#BDA177;
	display:none;
}
#pagezoom .imgzoom
{
	border:#e3ddc3 1px solid;
	background-color:#fff;
	padding:8px;
	display:inline-block;
}
#pagezoom .imgzoom img
{
}

#pagezoom #menu1Container
{ /* page zoom */
	position:relative;
}
#planzoom
{
	position:relative;
	margin:50px auto;
	text-align:left;
	width:80%;
}
#pagezoom #mots
{
	width:95%
}
/*#imgzoompopup
{
	border:#fff 5px solid;
}*/
/*** AUTRE ***/

/* Style mots ref */

/* positionnement de #mots dans kyxar.css */

.ref, .ref a, .ref a:link, .ref a:visited {
	color: #BAB4A8;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: justify;
	/*font-weight: normal;*/
	display:inline;
}
.ref a:hover{
	color: #6E6758;
	/*font-weight:normal;*/
	font-size: 11px;
	letter-spacing: 0px;
}

.ref2, .ref2 a, .ref2 a:link, .ref2 a:visited, .ref2 a:hover {
	color: #989069;
	font-size: 1px;
	text-decoration: none;
	Padding: 0px;
	margin: 0px;
	visibility: hidden;
	overflow:hidden;
	height:10px;
}

/*** Signature Kyxar ***/
.kyxar
{
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:40px;
	padding: 5px 0px 3px 0px;
}

.kyxar a
{
	color: #948D7E;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #6E6758;
}