/*styles généraux de la page */

body
{
width: 90%;
margin-left: auto;
margin-right: auto;

background-color: #303D58;
font-family: Arial, "Times New Roman" , Times , sans-serif ;
}

a
{
color: #ff6700;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}
/*styles généraux de l'entête */

#baniere
{
width: 200px;
height: 168px;
position: absolute;
top: 0px;
left: 0px;
background-image: url("images/banniere.jpg")no-repeat   center;
background:  no-repeat;
}

#en-tete
{
height: 129px;
border: 2px dotted #F7E444;
background: url("images/couchers.jpg")    center;
margin-top: 20px;
background-repeat: repeat;
background-attachment: ;
background-position: center;
}

h1
{
text-indent: 0px;
text-align: center;
color: white;
}

h2
{
text-align: center;
color: white;
}

/*styles des menus */

#menu
{
width: 25%;
float: left;
}

.sous-menu
{
margin-top: 20px;
background-color: #a0deff;
color: #ff6700;
border: 2px dotted #F7E444;
font-size: large;
}
.sous-menu h1
{
color: #ff6700;
text-align: center;
}

.sous-menu h2
{
color: #ff6700;
text-align: center;
}
.sous-menu h3
{
color: #ff6700;
text-align: center;
}

.sous-menu ul
{
text-align: left;
font-size: large;
color: black;
}
.sous-menu li
{
color: black;
}



/*styles du corps */
#corps
{
margin-left: 0px;
margin-top: 20px;
padding: 10px;

border: 2px dotted #F7E444;
color: black;
background-image: url("images/jaune1024.jpg");
text-align: center;
}

#corps h1
{
text-align: center;
color: red;
}

#corps h2
{
text-align: center;
color: grey;
}

#corps h4
{
text-align: center;
color: black;
}

#corps p
{
margin-left: 280px;
}

.image
{
text-align: left;
margin-left: 0px;
margin-right: 1000px;
}
#corps table, td
{

margin-left: auto;
margin-right: auto;
text-align: center;
border-style: inset;
border-width: 2px;
border-color: blue;
}
/*styles du pied de page*/
#pied-de-page
{
clear: left;
margin-top: 30px;
padding: 5px;

background: url("images/014.gif")no-repeat left ;
background: url("images/icones_01234.png")no-repeat right ;
color: #E3AB57;
text-align: center;
border: 2px dotted #F7E444;
font-size: medium;
}
#corps ul
{
list-style-position: square;
text-align: left;
margin-left: 300px;
}