#page {/*position page*/
	position: absolute;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	height: 540px;
	margin-top: 0px;
	background-color: #FFF;
}

body {/*proprietes*/
	background: white;
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
}

.header{
	background-color:#ed1c24;
	width:100%;
	height:150px;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}

.titre{/* position du titre */
	padding-left:200px;
	padding-top:120px;
}

.navLeft{/*div de gauche sans navigation*/
	background-color:#ed1c24;
	width:200px;
	height:100%;
	}

.navLeft2{/*div de gauche avec menu de navigation*/
	background-color:#ed1c24;
	width:200px;
	height:100%;
	
}

.menu {/*position du menu*/
	position:absolute;
	top:200px;
	left:-20px;
}

.menu ul{/*list du menu*/
    margin-top:0px;
	list-style-type: none;
	width: 100%; /* précision pour Opera */	
}

.navLeft2  a{/*liens du menu */
	text-align:left;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
}
.navLeft2  a:hover{
	text-decoration:underline;
}

.contents{/*position de la div contenu*/
    position: absolute;
    top:150px;
    left:200px;
    width: 800px;
	height:100%;
	background-color: #fff;
}

.contents ul {/*list dans contenu*/
	list-style-type: none;
	width: 100%; /* précision pour Opera */
	margin-top:150px;
}

.contents a{/*liens dans contenu*/
	text-decoration:none;
}

.contents li{/*element de la liste*/
	text-align:left;
	margin-left:100px;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.etape{/*position du lien etape*/
	position:absolute;
	bottom:50px;
	right:50px;	
}

.etape a{/*proprietes du lien*/
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
}
.etape a:hover{
	text-decoration:underline;
	color:#ed1c24;
}

.form{/*formulaire creer une page*/
	position:absolute;
	top:80px;
	left:10px;
}

.form2{/*select pour selectionner le lien*/
	position:absolute;
	top:70px;
	left:20px;
}

.form3{/*input lien à modifier*/
	position:absolute;
	top:100px;
	left:20px;
}
.form4{
position:absolute;
top:20px;
left:20px;
}
.message1{/*message lien modifié ou non */
position:absolute;
top:100px;
left:260px;
font: bold 18px Arial, Helvetica, sans-serif;

}
.message2{/*message sous-lien modifié */
position:absolute;
top:195px;
left:410px;
font: bold 18px Arial, Helvetica, sans-serif;

}
.message3{
position:absolute;
top:250px;
left:580px;
font: bold 18px Arial, Helvetica, sans-serif;
z-index:3;
color:#ed1c24;
}
.message4{
position:absolute;
top:250px;
left:580px;
font: bold 18px Arial, Helvetica, sans-serif;
z-index:3;

}
.message5{
	margin-left:150px;
	margin-top:10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#ed1c24;
	z-index:3;
}
.message6{
	margin-left:200px;
	margin-top:10px;
	text-align:center;
	font: bold 18px Arial, Helvetica, sans-serif;
	z-index:3;
}
.del{
	position:absolute;
	left:670px;
	top:10px;
}
fieldset{/*fieldset avec les sous liens à modifier*/
	position:absolute;
	left:120px;
	top:160px;
	color:black;
}
legend{
	color:black;
}
.inp{/*taille des input*/
	width:auto;
	margin-top:2px;
	margin-left:5px;
}
.insert, .delete{/*position input insertImg.php et delete.php*/
	position:absolute;
	left:10px;
	top:10px;
}

.sub{/*boutons submit*/
	margin-top:2px;
	margin-left:5px;
}

.para1{/*textarea*/
	position:absolute;
	top:120px;
	left:10px;
}

.loggin{
	position:absolute;
	top:100px;

}