/*
Design réalisé pour mon site destiné au cours d'initiation au numérique
*/

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("images/bann.jpg");
   background-repeat: no-repeat;
   border: 2px solid black;
   margin-bottom:30px;

}

body  /* Corps de la page */
{
	width: 760px; /*Taille de la page*/
    margin: auto; /* Centrer la page */
	margin-top: 20px; /* Marge du haut */
	margin-bottom: 20px;    /* Marge du bas */
	background-image: url("images/fond.jpg");
	background-repeat: ;
	_text-align:center ;
    /*background-color: #ddffe2;
    color: ; Le texte de la page */
}

/*menu CSS issu des tutoriels css.alsacreations.com */

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: auto;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
top: 125px;
margin:auto;
z-index:100;
}
#menu dl {
float: left;
width: 7.95em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #7ac9fd;
border: 1px solid gray;
margin: 1px;

}
#menu dd {
display: none;
border: 1px solid gray;
margin-left:0px;  /* zarb 1 */
background-color: #bbe3fe;
text-align: center;
}

#menu li {
text-align: center;
_margin-left: -40px;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}


#menu li a:hover, #menu dt a:hover {
background-color: #eee;
}



/* Le corps de la page */

#corps
{

	margin-bottom:10px; /* Marge en bas */
	padding: 20px; /* Marge à l'intérieur */
	width: 720px;
	height: auto;
	min-height: 500px; /*Taille minimum du corps*/
	_height : 500px; /*Idem mais pour IE*/
	_width:760px;
	color: ;
	background-color: #FFFFFF; /* Couleur de fond pour le corps */
	background-image: url("image/motif.png");
	background-repeat: repeat-x; /* Répétition de l'image */
	border: 2px solid black;
	_text-align: left;
  	
}

p
{
	text-align : justify;
	margin-bottom : 20px;
	text-indent: 20px;
	font-size: 1.1em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

#maliste
{
	text-align : justify;
	margin-bottom : 20px;
	text-indent: 20px;
	font-size: 1.1em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

h4
{
	text-align : center;
	text-decoration:underline;
	margin-bottom : 20px;
	text-indent: 20px;
	font-size: 1.1em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

h5
{
	text-align : center;
	text-decoration:underline;
	border:dotted;
	font-size: 1.1em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
   color: green; /* En vert */
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

h3
{
	color: green;
	text-decoration: underline;
	margin-bottom : 20px;
	text-indent: 50px;
	font-size: 1.5em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

h2
{
	text-align :center;
	margin-bottom : 35px;
	font-size: 1.7em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}

table /*tableau*/
{
	border : 8px outset green;
	margin:auto;
	width : 80%;
	text-align : center;
	padding : 10px;
	border-collapse: no collapse;
	margin-bottom : 25px;
}

th /* Les cellules d'en-tête */
{
	background-color: #006600;
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   padding: 5px;
   }
   
#pied_de_page
{

   width: 760px;
   height: 60px;
   background-image: url("images/bas.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 2px solid black; 
}