@charset "utf-8";
/* CSS Document */
a:link {color: #660000 ; text-decoration: none}
a:visited {color: #660000 ; text-decoration: none}
a:hover {color: #7C5A27 ; text-decoration: underline}

body
{
background: url("ressources/fondbois.jpg") fixed;
font-family: "Comic Sans MS";
color: #663300;
font-size: medium;
text-align: justify;
}

h1
{
font-size: 2.0em;
text-align: center;
}

ul
{
list-style-type: none;
}

#bloc_page
{
width: 1050px;
margin: auto;
}

header
{
background: url("ressources/fondpapier.jpg") fixed;
height : 185px;
margin-left: 0px;
margin-right : 0px;
margin-bottom : 10px;
border-radius: 5px;
}

#titre_principal
{
margin-top: 5px;
height: 185px;
background: url('ressources/entete.png') no-repeat;
position: relative;
margin-bottom: 10px;
background-position: right;
}

nav
{
display : inline-block;
margin-left: 0px;
width: 210px;
padding: 0px 5px 5px 0px;
border-radius: 5px;
background: url("ressources/fondpapier.jpg") fixed;
vertical-align: top;
}

.menugauche1
{
display: inline-block;
height: 164px;
width: 165px;
padding: 50px 0px 0px 0px;
background: url('ressources/menug01.png') no-repeat;
font-family: "Comic Sans MS";
font-size: 1.3em;
text-align: center;
}

.menugauche2
{
display: inline-block;
height: 46px;
width: 163px;
padding: 0px 0px 5px 0px;
background: url('ressources/menug02.png') no-repeat;
font-family: "Comic Sans MS";
font-size: 1.3em;
text-align: center;
}

.menugauche3
{
display: inline-block;
height: 48px;
width: 165px;
padding: 0px 0px 5px 0px;
background: url('ressources/menug03.png') no-repeat;
text-align: center;
}

.menugauche4
{
display: inline-block;
height: 140px;
width: 165px;
padding: 0px 0px 5px 0px;
background: url('ressources/menug04b.png') no-repeat;
text-align: center;
}

nav ul
{
list-style-type: none;
}

section
{
display : inline-block;
border-radius: 5px;
padding: 0px 0px 5px 0px;
background: url("ressources/fondpapier.jpg") fixed;
box-shadow: 2px 2px 2px black;
vertical-align: top;
}

article
{
display : inline-block;
width: 630px;
margin-right: 5px;
border-radius: 5px;
padding: 10px 0px 0px 0px;
vertical-align: top;
text-align: center;
}

.centrepage
{
display : inline-block;
width: 540px;
height: 614px;
margin-top: 15px;
margin-right: 5px;
border-radius: 5px;
padding: 0px 0px 0px 0px;
background: url("ressources/centrepage.png") repeat-x;
vertical-align: top;
text-align: left;
}

.centrepage ul
{
display : inline-block;
vertical-align: top;
width: 40%;
list-style-type: none;
font-size: 0.8em;
}

.centrepage2
{
display : inline-block;
width: 540px;
height: 614px;
margin-top: 15px;
margin-right: 5px;
border-radius: 5px;
background: url("ressources/centrepage.png") repeat-x;
vertical-align: top;
text-align: left;
}

.centrepage2 ul
{
list-style-type: none;
}

.centrepage2 li
{
padding: 0 0 5px 0;
}

.description_bannieres
{
padding: 0px 0px 0px 40px;
vertical-align: top;
text-align: justify;
font-size: 0.8em;
font-style: italic;
}

.centreauteurs
{
display : inline-block;
width: 540px;
height: 614px;
margin-top: 15px;
margin-right: 5px;
border-radius: 5px;
padding: 0px 0px 0px 0px;
background: url("ressources/centreauteurs.png") repeat-x;
vertical-align: top;
text-align: left;
}

aside
{
display : inline-block;
position: relative;
width: 190px;
height: 590px;
border-radius: 5px;
padding: 0px 0px 0px 0px;
background: url("ressources/menud01.png") repeat-x;
vertical-align: top;
text-align: center;
}

.menudroite1
{
display : inline-block;
height: 130px;
width: 142px;
position: absolute;
right: 20px;
bottom: 300px;
background: url('ressources/menud02.png') repeat-x;
padding: 15px 1px 0px 1px;
text-align: center;
}

.menudroite2
{
display : inline-block;
height: 130px;
width: 142px;
position: absolute;
right: 20px;
bottom: 112px;
background: url('ressources/menud03.png') repeat-x;
padding: 50px 1px 0px 1px;
text-align: center;
}


.menudroite2b
{
display : inline-block;
height: 130px;
width: 142px;
position: absolute;
right: 20px;
bottom: 145px;
background: url('ressources/menud02.png') repeat-x;
padding: 15px 1px 0px 5px;
text-align: left;
}

.menudroite3
{
display : inline-block;
height: 130px;
width: 142px;
position: absolute;
right: 20px;
bottom: 0px;
background: url('ressources/menudx.png') repeat-x;
padding: 10px 1px 0px 1px;
text-align: left;
}

.menudroitebas
{
display : inline-block;
height: 70px;
width: 85px;
position: absolute;
right: 20px;
bottom: -90px;
background: url('ressources/coccinelle.gif') repeat-x;
text-align: center;
}

.menudroitebas2
{
display : inline-block;
height: 57px;
width: 54px;
position: absolute;
right: 50px;
bottom: -90px;
background: url('ressources/papatte.gif') repeat-x;
text-align: center;
}

footer
{
background: url("ressources/fondpapier.jpg") fixed;
border-radius: 5px;
box-shadow: 2px 2px 2px black;
margin-left: 0px;
margin-right : 0px;
margin-top: 10px;
font-size: small;
font-style: italic;
text-align: center;
}