body{
	background: #ddd;
}



.tout{
	/*taille et position du site*/
	width: 900px;
	position: relative;
	top: 10px;
	/*on centre le site au milieu de la page*/
	left: 50%;
	margin-left: -465px;
	
	/*on laisse 15 pixels de marge tout autour*/
	padding: 15px;
	
	/*apparence*/
	background: #fff;
	border: solid 1px;
}

.toutbis{
	/*taille et position du site*/
	width: 900px;
	position: relative;
	top: 10px;
	/*on centre le site au milieu de la page*/
	left: 50%;
	margin-left: -465px;
	
	/*on laisse 15 pixels de marge tout autour*/
	padding: 15px;
	
	/*apparence*/
	background: #fff;
	background-image : url(../images/relax.jpg);
	background-repeat : no-repeat;
	background-position : bottom right;
	border: solid 1px;
}

.baniere{	
	/*taille*/
	height: 70px;
	
	/*on laisse 15 pixels de marge en dessous de la banière*/
	margin-bottom: 15px;
	
	/*apparence*/
	background: #eee;
	border: solid 1px;
	
	/*Mise en page (ça va sûrement virer)*/
	font-size: 50px;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
}

.page{
	/*taille et position*/
	min-height: 410px; /*on donne la hauteur minimum de la page*/
	margin-left: 205px;
	
	/*apparence*/
	background: #fff;
	border-left: solid 1px;
	
	/*Mise en page*/
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.2em;
}



.pagebis{
	/*taille et position*/
	position: relative;
	width: 200px;
	min-height: 410px; /*on donne la hauteur minimum de la page*/
	left: 50%;
	margin-left: -150px;
	
	/*apparence*/
	border: 0px;
	
	/*Mise en page*/
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.2em;
}

.pagebisbis{
	/*taille et position*/
	position: relative;
	width: 810px;
	min-height: 410px; /*on donne la hauteur minimum de la page*/
	margin-left: 50px;
	
	/*apparence*/
	background: #fff;
	border: 0px;
	
	/*Mise en page*/
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.2em;
}


#recepieux{	
	width: 800px;
	position: relative;
}



.colonnegauche{
	/*taille et position*/
	width: 100px;
	height: 390px;
	
	float: left;
	
	/*apparence*/
	border: solid 1px;
	
	/*Mise en page*/
	padding: 5px;
	margin: 5px;
}

.colonnedroite{
	/*taille et position*/
	width: 530px;
	height: 390px;
	position: relative;
	left: 5px;
	top: 5px;
	
	/*apparence*/
	border: solid 1px;
	
	/*Mise en page*/
	padding: 5px;
	margin: 5px;
	text-align: center;
	
	overflow : hidden; 
}



.champs{
	background: #eee;
}


.editpage{
	width: 526px;
	height: 380px;
	border: solid 1px #ddd;
}




/*modifications des liens dans le menu seulement*/
/*lien au repos*/
.menu a{
	color: #000;
}
/*passage de la souris sur le lien*/
.menu a:hover{
	color: #d00;
}
/*clic sur le lien*/
.menu a:active{
	color: #c00;
}


/*modifications des liens dans la page seuelement*/
/*lien au repos*/
.page a{
	color: #800;
}
/*passage de la souris sur le lien*/
.page a:hover{
	color: #D00;
}
/*clic sur le lien*/
.page a:active{
	color: #500;
}


/*modifications des liens dans le cadre du bas seulement*/
/*lien au repos*/
.bas a{
	color: #000;
}
/*passage de la souris sur le lien*/
.bas a:hover{
	color: #800;
}
/*clic sur le lien*/
.bas a:active{
	color: #500;
}


/*modification de la balise <ul> dans le menu seulement*/
.menu ul{
	padding: 0px;
	margin-left: 25px;
}

/*modification de la balise <ul> placée dans une autre balise <ul> dans le menu seulement*/
ul ul{
	list-style-type: disc;
}

/*modification de la balise <ul> placée dans la page seulement*/
.page ul{
	line-height: 30px;
}


.colonnegauche ul{
	padding: 5px;
	margin: 5px;
	list-style-type: none;
}