body {
	margin:auto;
/*	width:1024px;*/
	background-color: rgb( 64, 64, 64);
}

.corps {
	float : left;
	width : 82%;
	}


.paragraphe {
	border: 1px solid black;
	margin : 5px;
    color: rgb(0, 0, 51);
    font-family: verdana,arial,sans-serif;
	background-color: rgb(255, 255, 255);
	}
.paragraphe:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*ie hack*/
* html .paragraphe {
	height: 1%;
}

.paragraphe p {
	padding : 2px;
    font-size: 12px;
	margin-right : 0px;
	margin-left : 100px;
	margin-top: 0px;
	margin-bottom :0px;
	
}
.paragraphe h1 { 
	font-size: 18px;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
    color: rgb(0, 64, 224);
	margin:5px;
    }
.paragraphe  a {
    color: rgb(0, 64, 224);
    text-decoration: none;
	}
.paragraphe a:hover {
	color: rgb(0, 128, 255);
    }
.paragraphe img {
	float : left;
	margin-left : 1px;
	margin-top : 1px;
	margin-right : 5px;
	margin-bottom : 1px;
	border: 0px none ;
	}
	
/*pour les pages de tuto */
.tuto {
	border: 1px solid black;
	margin : 5px;
    color: rgb(0, 0, 51);
    font-family: verdana,arial,sans-serif;
	background-color: rgb(255, 255, 255);
	text-align : left;
	}

.tuto p {
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 15px;
	font-size: 14px;
	margin : 0px;
	
}
.tuto h1 { 
	font-size: 20px;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
    color: rgb(0, 64, 224);
	margin:5px;
	}
.tuto h2 { 
	font-size: 16px;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
    color: rgb(0, 64, 224);
	margin:5px;
	}

.tuto  a {
    color: rgb(0, 64, 224);
    text-decoration: none;
	}
.tuto a:hover {
	color: rgb(0, 128, 255);
    }
.tuto img {
	margin : 5px;
	border: 1px solid black ;
	}
.tuto i {
	color :rgb(24,133,0);
	font-style : italic;
}
	
/*pour le menu de gauche*/
#menu {
	width : 15%;
	float : left;
	}

.el_menu {
	border: 1px solid black;
	margin : 5px;
    color: rgb(0, 0, 51);
    font-family: verdana,arial,sans-serif;
	background-color: rgb(255, 255, 255);
	font-size : 10px;
	padding : 3px;
	}
.el_menu a{
    color: rgb(0, 64, 224);
    text-decoration: none;
}
.el_menu a:hover{
	text-decoration: underline;
}
.el_menu ul{
	list-style-image: url("images/puce.png");
	font-size : 12px;
	
}
.el_menu li{
	margin-bottom : 4px;
}

.el_menu h1 { 
	font-size: 18px;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
    color: rgb(0, 64, 224);
	margin:5px;
    }
.el_menu img {
	Border : none;
}
/* c'hiti bandeau de navigation */
.navig {
	border: 1px solid black;
	margin : 5px;
	background-color: rgb(255, 255, 255);
	text-align : center;
}

.navig img {
	border : 0px none;
	padding :0px;
	margin : 0px;
}
/* marquage */
.Marquage { text-align: right;
    font-size: 0px;
	clear : both;
}

.Marquage img { border-style: none;
    width: 0px;
    height: 0px;
}
.date {
	font-size : 10px;
	float : right;
}