body
{
width: 1000px;
margin: auto; 
margin-top: 5px; 
margin-bottom: 5px; 
}



/* baniere ________________________________________________________________________________________________________________________________ */
#baniere
{
background-image: url("images/baniere.png");
background-repeat: no-repeat;
height: 180px;
}


#baniere p
{
font-size: 10px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
color: black;
text-align: justify;
}

/* baniere left _____________________ */
#baniere-left
{
padding: 5px;
margin: 3px;
width: 1000px;
}

#baniere-left a
{
text-decoration: none;
color: black;
}

#baniere-left a:hover
{
text-decoration: none;
color: green;
}







/* publicité 1 _____________________________________________________________________________________________________________________________ */
#publicite-1
{
height: 20px;
}

#publicite-1 p
{
text-align: left;
margin: 0px;
}















/* corps __________________________________________________________________________________________________________________________________ */
#corps 
{
background-image: url("images/fond-texte.png");
padding-top: 0px;
padding-bottom: 0px;

}
#corps h1
{
font-size: 11px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-transform: uppercase;
text-align: left;
color: green;
}

#corps h2
{
font-size: 10px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-transform: uppercase;
text-align: left;
color: brown;
}

#corps p
{
font-size: 13px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
color: black;
text-align: justify;
}

/* corps left _____________________ */
#corps-left
{
padding-top: 20px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 30px;
width: 180px; 
float: left;
}

#liens-partenaires
{
padding-left: 1px;
padding-top: 3px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
width: 182px;
height: 125px;
}

#liens-voyages
{
background-image: url("images/liens-voyages.png");
padding-left: 10px;
padding-top: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
width: 170px;
height: 490px;
}

#liens-voyages a
{
text-decoration: none;
color: black;
}

#liens-voyages a:hover
{
text-decoration: none;
color: green;
}


/* corps right ____________________ */
#corps-right
{
padding-top: 20px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 30px;
width: 310px;
float: right; 
}

/* corps center ___________________ */
#corps-center
{
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
width: 470px;
float:right;
text-align: center;
}

#corps-center a
{
text-decoration: none;
color: black;
}

#corps-center a:hover
{
text-decoration: none;
color: green;
}






/* publicité 3 _____________________________________________________________________________________________________________________________ */
#publicite-3
{
clear: both;
height: 20px;
}

#publicite-3 p
{
text-align: center;
margin: 0px;
padding: 10px;
}










/* pied de page ___________________________________________________________________________________________________________________________ */
#pied-de-page
{
clear: both;
margin-top: 10px;
height: 180px;
background-image: url("images/pied-de-page.png");
}

#pied-de-page h1
{
font-size: 11px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
color: green;
text-transform: uppercase;
}

#pied-de-page p
{
font-size: 13px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: left;
color: black;
text-align: justify;
}

/* pied de page left _____________________ */
#pied-de-page-left
{
padding: 10px;
margin-top: 15px;
margin-left: 0px;
margin-right: 5px;
width: 308px;
height: 130px;
float: left;
}

#pied-de-page-left a
{
text-decoration: none;
color: black;
}

#pied-de-page-left a:hover
{
text-decoration: none;
color: green;
}


/* pied de page right ____________________ */
#pied-de-page-right
{

padding: 10px;
margin-top: 15px;
margin-left: 5px;
margin-right: 0px;
width: 308px;
height: 130px;
float: right; 
}

#pied-de-page-right a
{
text-decoration: none;
color: black;
}

#pied-de-page-right a:hover
{
text-decoration: none;
color: green;
}


/* pied de page center ___________________ */
#pied-de-page-center
{

padding: 10px;
margin-top: 15px;
margin-left: 3px;
margin-right: 3px;
width: 308px;
height: 130px;
float:right;
text-align: center;
}








/*  copyrith ____________________________________________________________________________________________________________________________ */
#copyright p
{
margin-top: 0px;
height: 5px;
text-align: center;
font-size: 10px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
color: gray;
}

#copyright a
{
text-decoration: none;
color: gray;
}

#copyright a:hover
{
text-decoration: none;
color: green;
}


/* menu 1 _____________________________________________________________________________________________________________________________ */
#fond-menu
{
width: 1000px;
height: 30px;
background-image: url("images/fond-menu.png");
}
#element-menu
{
width: 990px;
padding-left: 24px;
padding-right: 22px;
list-style-type: none;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
font-size: 11px;
text-transform: uppercase;
text-align: center;
}

#element-menu li
{
float: left;
width: 190px;
}

#element-menu li a:link, #element-menu li a:visited
{ 
display: block;
color: black;
padding: 8px;
text-decoration: none;
}

#element-menu li a:hover
{
background-image: url("images/fond-menu-link.jpg");
}