/* CSS Document */
/*--------------------POUR DESCENDRE LE PIED DE PAGE--------------------*/
html, body {
	height: 100%;
}

#page {
	position:relative;
	min-height: 100%;
    height: 100%;
	width:100%;
}

html>body #page {
    height: auto;
}

/*------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#FFCF9B;
}

body {
	background-color:#E7B699;
}
/*-------------------------------------BALISES-------------*/

h1 {
	font-size:2em;
	text-align:center;
	margin-bottom:20px;
	color:#FFF3EC;
}

h2 {
	font-variant:small-caps;
	letter-spacing:.3em;
	border-bottom:2px solid #E7B699;
	display:inline;
	color:#FFF3EC;
}

h3 {
	color:#FFF3EC;
	font-size:1em;
	font-weight:100;
	letter-spacing:.35em;
	line-height:1.4em;
	display:inline;
	border-bottom:1px solid #E7B699;
}

p {
	line-height:1.4em;
}

p, .liste li {
	text-align:justify;
	font-size:.85em;
	line-height:1.4em;
	color:#FFF3EC;
	list-style-type:none;
}

.liste li {
	text-indent:3em;
	line-height:2em;
}
/*-------------------------------------ENTETE-------------*/

#banniere {
	width:920px;
	padding:5px 0;
	text-align:right;
}

/*-------------------------------------MENU-------------*/

#menu {
	position:absolute;
	left:10px;
	top:130px;
	background: transparent url(../images/enfant.jpg) top right no-repeat;
	width: 300px;
	height:477px;
	text-align: center;
}

#menu li {
	display: inline;
	list-style-type: none;

}

#menu li a {	
	display: block;	
	height: 45px;
	width: 300px;
	color: #FFF;
	font-size: 17px;
	font-family:"Times New Roman", Times, serif;
	font-variant:small-caps;
	letter-spacing:.15em;
	font-weight:bold;
	text-decoration: none;
	line-height: 45px;
}

li a:hover {
color: #fff;
background: transparent url(../images/enfant.jpg) top left no-repeat;
}

#menu1, a#menu1:hover {
	margin-top:90px;
}

#menu3, a#menu3:hover {
	text-indent:20px;
}

#menu5, a#menu5:hover {
	text-indent:-35px;
}

a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0 -90px;
}
a#menu2:hover {
background-position: 0% -135px;
}
a#menu3:hover {
background-position: 0% -180px;
}
a#menu4:hover {
background-position: 0% -225px;
}
a#menu5:hover {
background-position: 0% -270px;
}
a#menu6:hover {
background-position: 0% -315px;
}
a#menu7:hover {
background-position: 0% -360px;
}

/*-------------------------------------CONTENEUR-------------*/

#conteneur {
	width:920px;
}

#contenu {
	float:right;
	width:600px;
	border:1px solid #FFF3EC;
	background-color:#5D1600;
}
/*--------------------------PIED-----------------------------------*/

#pied {
	position:absolute;
	text-align:center;
	width:600px;
	margin-left:-300px;
	height:30px;
	line-height:30px;
	bottom:0;
	left:50%;
	font-size:1em;
	background-color:#E7B699;
}

#margepied {
	height:40px;
}
#pied h1, #pied h1 a {
	font-size:.9em;
	line-height:30px;
	color:#5D1600;					
}

#pied h1 a:hover {
	color: #F66;
}

/*-------------------------------------CLASSES-------------*/

.bordure {
	border:1px solid #FFF3EC;
}

.centre {
	text-align:center;
}

.floatleft {
	float:left;
}

.lettrine {
	font-size:2.8em;
	line-height:1em;
	float:left;
	margin:0 .1em;
}

.marge {
	margin:10px;
}

.retrait {
	text-indent:3em;
}

.retrait2 {
	text-indent:3.7em;
}

.separation {
	clear:both;
	height:1px;
	visibility:hidden;
}

/*-------------------------------------POPUP-------------*/

#pop1 {
	position: absolute;
	margin-top:-5em;
	margin-left:-7.5em;
	padding:1em 0;
	left:50%;
	display:none;
	width: 15em;
	padding:10px;
	border: 3px double black;
	background-color:#E7B699;
	z-index: 500;
}

#pop1 img {
	float:right;
	cursor:pointer;
	margin:-8px -8px 0 2px;
}

#pop1 p {
	color:black;
	background-color:#E7B699;
}

#pop1 a {
	background-color:#E7B699;
	color:#5D1600;
}

/*----------------------------------PHPMV----*/

#phpmv {
	position:absolute;
	top:-2000px;
}