/*	-------------------------------------------------------------
	CIVR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			31/07/07
	-------------------------------------------------------------	*/


/* #### TOP #### */
#date,#container,#bas {
	position: relative;
	width: 945px;
	margin: 0 auto;
}

#date{
	height: 40px;
	background: #FF9841;
	font-size: 10px;
	text-align: left;
	color: #FFE351;
}
#date span { position: relative; display: block; padding: 2px 5px; }

#container {
	background: url(../images/fond.jpg) #FFAD1D no-repeat;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}


/* INTERNAL PAGE - GALLERY */
div.bloc {
	position: relative;
	width: 225px;
	float: left;
	text-align: justify;
	color: #783F02; 
	padding-top: 10px;
	margin-right: 15px;
}
div.bloc h4 { 
	display: inline;
	font-size: 11px;
	text-decoration: underline; 
}
div.bloc img { margin-bottom: 6px; }



/* #### MENU #### */
#menu {
	position: absolute;
	margin: 0;
	padding: 0
}
#menu li {
	position: relative;
	height: 27px;
	margin: 0; 
	padding: 0 30px;
	list-style: none;
}
#menu li a span { display: none; }
a.m00, a.m01, a.m02, a.m03, a.m04 { 
	position: relative; 
	display: block; 
	height: 25px;
}
a.m00 { background: url(../images/m00.gif) no-repeat; }
a.m01 { background: url(../images/m01.gif) no-repeat; }
a.m02 { background: url(../images/m02.gif) no-repeat; }
a.m03 { background: url(../images/m03.gif) no-repeat; }
a.m04 { background: url(../images/m04.gif) no-repeat; }
#p1 a.m00, #p1000 a.m01, #p2000 a.m02, #p3000 a.m03, #p4000 a.m04, #menu li a:hover { background-position: 0 -25px; }




/* #### PAGE 1 #### */
#p1 #taille {
	position: relative;
	height: 645px;
}
#p1 #logo {
	position: absolute;
	top: -10px;
	left: 418px;
}
#p1 #visuel {
	position: absolute;
	top: 97px;
	left: 310px;
}
#p1 #menu {
	background: url(../images/fond_menu.jpg) no-repeat;
	width: 251px;
	height: 519px;
	top: 96px;
	left: 30px;
	padding-top: 10px;
}
#p1 #actu {
	position: absolute;
	background: url(../images/fond_actu.jpg) no-repeat;
	width: 251px;
	height: 519px;
	top: 96px;
	left: 662px;
	color: #783F02;
	padding-top: 6px;
}
#p1 #actu p {
	text-indent: 40px;
	padding: 3px 9px 0 9px;
	text-align: justify;
}


/* #### PAGE 1000 #### */
#p1000 #taille { height: 20px; }
#p1000 #logo { 
	position: absolute;
	top: -30px;
	left: 530px;
	z-index: 100;
}
#p1000 #menu {
	background: url(../images/fond_menu1000.jpg) no-repeat;
	background-position: 0 147px;
	width: 200px;
	height: 600px;
	top: 0px;
	left: 15px;
}
#p1000 #menu li { padding: 0 10px; }
#p1000 #fond {
	position: relative;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
	padding-left: 227px;
	width: 710px;
	background: url(../images/fond_menu1000b.gif) repeat-y;
	background-position: 2px;
	overflow-x: hidden;
}
#p1000 #visuelBas {
	position: absolute;
	bottom: 70px;
	left: 15px;
}


/* #### PAGE 2000 #### */
#p2000 #taille { height: 20px; }
#p2000 #logo { 
	position: absolute;
	top: -30px;
	left: 530px;
	z-index: 100;
}
#p2000 #menu {
	background: url(../images/fond_menu1000.jpg) no-repeat;
	background-position: 0 147px;
	width: 200px;
	min-height:600px;
	height:auto !important;
	height: 600px;
	top: 0px;
	left: 15px;
	z-index:1;
}
#p2000 #menu li { padding: 0 10px; }
#p2000 #fond {
	position: relative;
	min-height: 930px;
	height: auto !important;
	height: 930px;
	padding-left: 227px;
	width: 710px;
	background: url(../images/fond_menu1000b.gif) repeat-y;
	background-position: 2px;
	overflow-x: hidden;
}
#p2000 #visuelBas {
	position: absolute;
	bottom: 70px;
	left: 15px;
}
#p2000 p { color: #783F02; }



/* #### PAGE 3000 #### */
#p3000 #taille { height: 20px; }
#p3000 #logo { 
	position: absolute;
	top: -30px;
	left: 530px;
	z-index: 100;
}
#p3000 #menu {
	background: url(../images/fond_menu1000.jpg) no-repeat;
	background-position: 0 147px;
	width: 200px;
	height: 600px;
	top: 0px;
	left: 15px;
}
#p3000 #menu li { padding: 0 10px; }
#p3000 #fond {
	position: relative;
	min-height: 1050px;
	height: auto !important;
	height: 1050px;
	padding-left: 227px;
	width: 710px;
	background: url(../images/fond_menu1000b.gif) repeat-y;
	background-position: 2px;
	overflow-x: hidden;
}
#p3000 #visuelBas {
	position: absolute;
	bottom: 80px;
	left: 15px;
}
#p3000 div.actuTitre {
	height: 22px;
	background: #FFBF07;
	color: #78541B;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 22px;
	padding: 0 5px;
	margin: 15px 0 10px 0;
}
#p3000 div.actuText { color: #783903; }
#p3000 div.actuText img { margin-right: 6px; margin-bottom: 6px; }



/* #### PAGE 4000 #### */
#p4000 #taille { height: 20px; }
#p4000 #logo { 
	position: absolute;
	top: -30px;
	left: 530px;
	z-index: 100;
}
#p4000 #menu {
	background: url(../images/fond_menu1000.jpg) no-repeat;
	background-position: 0 147px;
	width: 200px;
	height: 600px;
	top: 0px;
	left: 15px;
}
#p4000 #menu li { padding: 0 10px; }
#p4000 #fond {
	position: relative;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding-left: 227px;
	width: 710px;
	background: url(../images/fond_menu1000b.gif) repeat-y;
	background-position: 2px;
	overflow-x: hidden;
	text-align: left;
}
#p4000 #visuelBas {
	position: absolute;
	bottom: 83px;
	left: 15px;
}
#p4000 #contact { position: relative; color: #5b0808; width: 325px; float: left; }
#p4000 #contact h4, #p4000 #plan h4 { height: 24px; background: #ffbf07; line-height: 24px; padding: 0 5px; font-size: 12px; }
#p4000 #contact h4 em, #p4000 #plan h4 em { text-decoration: underline; font-style: normal; }
#p4000 #contact input.text { width: 160px; height: 16px; margin: 0; padding: 0; }
#p4000 #contact textarea { width: 255px; height: 85px; }
#p4000 #contact label { display:block; width: 85px; color: #5b0808; }
#p4000 #contact .petit { font-size: 9px; margin:0; padding:0; margin-left: 90px; line-height:9px; }
#p4000 #contact .btn { width: 120px; }
#p4000 .etoile { color: #FF0000; }
#p4000 #plan { position: relative; color: #5b0808; width: 370px; left: 5px; float: left; }


/* #### BOTTOM #### */
#adresse {
	position: relative; 
	text-align: center;
	color: #000;
	font-weight: bold;
}
#adresse img { margin-bottom: 5px; }

#bas {
	height: 40px;
	background: #1C890A;
}