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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
}

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

body {
	color: #413527;
	font-family: Georgia, Lucida Handwriting, Arial;
	background-image: url(images/fond_vert_texture.jpg);
	background-position:top center;
	background-color:#A6BB24;
	margin: 0;  
	padding: 0; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	font-family: Georgia, Lucida Handwriting, Arial;
	
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/**/
input[type=hidden] {
	display: none !important;
}
imput.text { 	
					FONT-SIZE: 8pt;
				    MARGIN: 0px;
				    COLOR: #333333;
				    FONT-WEIGHT: normal;
					BACKGROUND-COLOR: #FFFFCC;
					cursor:pointer;
					BORDER: #333333 1px solid;
				} 
/***************************************
* layout
***************************************/
#global{
	margin: 0 auto;
	width: 913px;
	margin-top:40px;
}

	#pageContainer{
		width: 100%;	
	}

	#pageContainerTop{
		position:relative;
		height:307px;
		background:url(images/banniere.png) no-repeat 0px 0px;
		z-index:5;
		-background:url(images/banniere.jpg) no-repeat 0px 0px;
	}	


		/*#pageContainerTop .picto{
			position:relative;
			top:7px;
			left:315px;
			z-index:5;
			width:283px;
			height:331px;
		}*/
		
		#pageContainerTop .picto{
			position:absolute;
			top:-30px;
			left:78px;
			z-index:7;
		}
		
		
		
	
		#pageContainerTop .feuille{
			position:absolute;
			top:120px;
			left:-25px;
			z-index: 5;
		}
		
		a.livre{
			background:url(images/feuille.png) no-repeat -120px 25px;
			position:absolute;
			top:70px;
			left:50px;
      width: 102px;
			height: 50px;
			float: left;
			color:#ffd200;
	    text-decoration:underlined;
	    font-size:18px;
	    font-weight: bold;

		}
		a.livre:hover{
		  color:#ffea00;
		  text-decoration:none;
		  }
		#pageContainerTop .photo{
			position: absolute;
			top:-12px;
			left:100px;
			width:283px;
			height: 331px;
			z-index:4;
		}

		#pageContainerTop img.planche {
			position:absolute;
			/*left:499px;*/
			left:312px;
			top:245px;
		
			
			z-index:8;
		}
		
		/* Boutons menu */
		
		.menu_h a span{
			position:absolute;
			left:-2000px;
			top:0px;
		}
		
		a.acc{
			background:url(images/menu_h.png) no-repeat 0px 0px;
			width: 104px;
			height: 35px;
			float: left;
			-background:url(images/menu_h.gif) no-repeat 0px 0px;
		}
		
		
		a.acc:hover{
			background:url(images/menu_h.png) no-repeat 0 -40px;
			-background:url(images/menu_h.gif) no-repeat 0 -40px;
		}
		
		a.infos{
			background:url(images/menu_h.png) no-repeat -115px 0px;
			width: 157px;
			height: 38px;
			float: left;
			-background:url(images/menu_h.gif) no-repeat -115px 0px;
		}
		
		a.infos:hover{
			background:url(images/menu_h.png) no-repeat -115px -40px;
			-background:url(images/menu_h.gif) no-repeat -115px -40px;
		}
		
		a.diapo{
			background:url(images/menu_h.png) no-repeat -275px 0px;
			width: 137px;
			height: 38px;
			float: left;
			-background:url(images/menu_h.gif) no-repeat -275px 0px;
		}
		
		a.diapo:hover{
			background:url(images/menu_h.png) no-repeat -275px -40px;
			-background:url(images/menu_h.gif) no-repeat -275px -40px;
		}
		
		a.contact{
			background:url(images/menu_h.png) no-repeat -415px 0px;
			-background:url(images/menu_h.gif) no-repeat -415px 0px;
			width: 102px;
			height: 35px;
			float: left;
		}
		
		 a.contact:hover{
			background:url(images/menu_h.png) no-repeat -415px -40px;
			-background:url(images/menu_h.gif) no-repeat -415px -40px;
		}
		
		
		
		
		#pageContainerTop .menu_h{
			position:absolute;
			left:385px;
			top:267px;
			width:612px;
			height:35px;
			z-index:15;
			display: inline;
			clear: both;
		}
	
	#pageContainerContent{
		margin-top:-50px;
		position:relative;
		min-height:auto;
		z-index:0;
	}

	
a {
	color:#000000;
	text-decoration:underlined;
}
a:hover {
	color:#FF00BF;
	text-decoration:none;
}
p { 
	margin-bottom : 1ex; 
}

.low {
text-transform:lowercase;
}

.low:first-letter {
text-transform:uppercase;
font-size:16px;
}

h4{
	color: #4D890D;
	font-weight: bold;
	margin: 10px auto;
}

img.png {
	-behavior: url(png.htc);
	border:0;
}

a.site {
	position:relative;
	background: #fff url(images/ca-entrer.gif) no-repeat;
	display:block;
	width:152px;
	min-height:52px;
	font-size:24px;
	text-align:center;
	padding-top:10px;
	color:#616161;
	margin-left:500px;
}

.tumevoispas
{
 visibility: hidden;
}

.tumevois
{
 visibility: visible;
 font-size : 200%; 
 background-color: #DAEDFC;
 width: 300px;
 height: 40px;
}
#resa {
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  MARGIN: 0px;
	COLOR: #333333;
	FONT-WEIGHT: normal;
	cursor:pointer;
	BORDER: #333333 0px solid;
}
#resas {
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	BORDER: #333333 0px solid;
}

#footer{
	position:relative;
	background:url(images/piedpage.png) no-repeat;
	min-height: 161px;
	-background:url(images/piedpage.jpg) no-repeat;
	
}

#footer .legal{
	text-align: right;
	padding-right: 75px;
	font-size: 8pt;
	padding-top: 125px;
}

#footer .double_feuille{
	position:absolute;
	width:136px;
	height:103px;
	left:825px;
	top:45px;
		
	/* Hack IE6 */
	-left:320px;
}


#footer a { 
	color: #413527;
	text-decoration:none;
}
#footer a:hover { 
	text-decoration: underline;
}

/*

.ombre {
	background:url(images/ombre.jpg) repeat-y top right;
	width:663px;
	min-height:491px;
	position: absolute;
	z-index: -10;
	left:251px;
	margin-top: -45px;
	height: 100%;
	-height: 601px;
} page */

#page{
	position:relative;
	height:auto;
	background:url(images/fond.png) repeat-y;
	padding-left: 270px;
	min-height: 446px;
	padding-top: 45px;
	padding-bottom: 30px;
	text-align: justify;
/*	z-index:-100;*/
	background:url(images/fond.jpg) repeat-y;
}

#page p {
	padding-right: 50px;
	font-family: Arial;
	font-size: 10pt;
}

#menu_gauche{
	position: absolute;
	background-image: url(images/fond_tissu.png);
	top: 250px;
	left:-45px;
	width: 289px;
	min-height: 517px;
	z-index: 3;
		
	/* Hack IE6 */
	left: 0px;
	height: 517px;
	background-image: url(images/fond_tissu.gif);
	top: 250px;
	left:-45px;
}

#menu_gauche[id]{
	background-image: url(images/fond_tissu.png);
}

#menu_gauche .scotch{
	position: absolute;
	top:-30px;
	left:-30px;
	z-index: 1;
	/*filter:alpha(opacity=50); Pas de transparence sous IE7*/ 
	opacity: 0.5;
	-moz-opacity:0.5;
	-top: -20px;
	-left: -20px;
}
	
#menu_gauche ul{
	text-align:center;
	font-size: 10pt;
	padding-top: 80px;
	padding-left:60px;
	padding-right: 30px;
	color: #413527;
	font-weight: bold;
	position: relative;
	z-index: 4;
}

#menu_gauche li{
	padding: 11px;
	border-bottom: dashed white 2px;
	position: relative;
	z-index: 4;
}

#menu_gauche li.last{
	padding-bottom: 40px;
	border-bottom: dashed #87A7CF 2px;
	
	/* Hack IE6 */
	-padding-bottom: 30px;
}

#menu_gauche a{
	color: #413527;
	text-decoration: none;
	position: relative;
	font-size: 10pt;
	font-family: Georgia, Lucida Handwriting, Arial;
	z-index: 10;
}
#menu_gauche a:hover{
	color: #4D890D;
}

#menu_gauche a.current{
	color: #4D890D;
}

#page a {
	color:#0066ff;
	font-size: 10pt;
	text-decoration:underline;
}
#page a:hover {
	text-decoration:none;
	font-size: 10pt;
}

#page p{
	text-indent: 10px;
}
#page p.image{
	text-align: center;
}

#page img360{
		FONT-SIZE: 11pt; 
		color:#ffffff;
		text-align:center;
		}	

table#lien {

    border: solid #000 0px;
    width: 400px;

}

table#lien td {
    padding: 7px;
    border: solid #000 0px;

}


table#resa {

    border: solid #000 0px;
    width: 500px;

}

table#resa td {
    padding: 1px;
    border: solid #000 0px;
    
}
table#resas {

    border: solid #000 0px;
    width: 165px;

}

table#resas td {
    padding: 6px;
    border: solid #000 0px;
  
}

TD.titre{
		FONT-SIZE: 11pt; 
		color:#5C9408;
		margin:0px;
		text-align:center;
		padding:6px;
		border-bottom:1px dashed #94D32B;
		font-weight:bold;
		width:200px;
		}	
				
TD.sous-titre{
		FONT-SIZE: 10pt; 
		color:#652D0C;
		margin:0px;
		text-align:right;
		padding:6px;
		border-right:1px dashed #94D32B;
		font-weight:bold;
		width:160px;
		}	
		
		
TD.prix{
		FONT-SIZE: 12pt; 
		color:#652D0C;
		text-align:center;
		padding:6px;
		border-right:1px dashed #94D32B;
		border-bottom:1px dashed #94D32B;
		}	

		
TD.lien-activite{
		FONT-SIZE: 10pt; 
		color:#652D0C;
		margin:0px;
		text-align:right;
		padding:10px;
		font-weight:bold;
		border: 0px;
		}	
TD.lien-site{
		FONT-SIZE: 10pt; 
		color:#652D0C;
		margin:0px;
		text-align:left;
		padding:10px;
		font-weight:bold;
		border: 0px;
		}	
		
/* livre d'or*/

.titre
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		
		background-color:#E2F3FE;
		width:250px;
		border:1px dashed #0066CC;
		padding:2px 2px 2px 2px;
		margin:auto;
		
		text-align:center
	}

.important, .important a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#990000;
		text-decoration:none;
		text-align:center;
	}

a	
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#0066CC;
		text-decoration:none;
	}
a:hover
	{
		text-decoration:overline underline;
	}	

table
	{
		border:1px solid #336699;
	}

td
	{
		border:1px solid #CCCCCC;
	}
	
.img  { color:#006633;border:1px solid #333333;	background-color:#FBFDFD; }

.gras { font-weight:bold;border:1px solid #333333; background-color:#FBFDFD; }

.ital { font-style:italic; border:1px solid #333333; background-color:#FBFDFD;}

.souligne { text-decoration:underline; border:1px solid #333333; background-color:#FBFDFD;}

.envoyer
	{
		border:1px solid #333333;
		background-color:#FBFDFD;
	}

.lien, .form2 { border:1px solid #333333; background-color:#FBFDFD; }

.pseudo, .message
	{
		border:1px solid #333333;
		background-color:#FBFDFD;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
#pseudo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:center;}
		
		
/* txt */
.livreor
	{
		display:block;
		width:559px;;
		border:1px solid #000000;
		padding:5px 5px 5px 5px;
		margin:0 0 20px 0;
	}

#gras { font-weight:bold }
#italique { font-style:italic }
#souligne { text-decoration:underline }


.pseu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#006699; background-color:#99CCFF}
.date { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-align:left; border-bottom:1px solid #006699;}
.mess { text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.lien_page, .lien_page a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; text-align:center; font-size:14px; }


admin
	{
		border-top:4px solid #006699;
		border-left:1px solid #006699;
		border-right:1px solid #006699;
		border-bottom:1px solid #006699;
		width:400px;
	}

.admin label
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		color:#990000;
	}
	
.admin input
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		border:1px solid #336699;
	}

.autre
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
.pass
	{
		border:1px double #990000;
		background-color:#FFEAEB;
		padding:2px 2px 2px 2px;
		margin:5px 5px 5px 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
		font-size:11px;
		text-align:center;
		height:14px;
	}	
.signer
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold
		text-align:center;
  }
  
  /* calendrier*/
  .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
	padding:5px;
}


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

.services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
	padding:5px;
}

.tab_numero {
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-color:#FFFFFF;
	border-style:solid; 
	border-width:1px; 
	border-color: #006600;
	border-top:hidden;
	padding:10px;

}

.tab_cal {
	background:url(img/entete.jpg);
	background-repeat:no-repeat;
	border-style:solid; 
	border-width:1px; 
	border-color:#006600;
	border-bottom:hidden;
	
}

.tab_calarg {
	background:url(img/entetelarge.jpg);
	background-repeat:no-repeat;
	border-style:solid; 
	border-width:1px; 
	border-color:#006600;
	border-bottom:hidden;
	
}

.reserve {
	background-color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.table {
	background-color: ##DFEFDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}