/* default rules for the whole document */

body {
    font-size: 12pt;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    background-color:  maroon;
   }
p  {
    font-size: 12pt;
    text-align: left;
    color:  darkslategray;
   }

/* headings */

h1 {
  font-size: 180%;
  font-weight: bold;
  font-style: normal;
  font-variant: small-caps;
  text-align: left;
  padding-top: 50px;
  padding-left: 50px;
  color: firebrick;
  text-shadow: 1px 1px 1px slategray;
   }
h2 {
    font-size: 160%;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    color: firebrick;
    text-shadow: 1px 1px 1px slategray;
   }
h3 {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 0;
    color: firebrick;   
    }

/* lists */

ul, ol {
    padding: 0 0 0 0em;
    list-style: ""
   }
li {
    padding: 0;
    text-align: left;
   }

/* inline */

strong {
    font-weight: bold;
   }
em {
    font-style: italic;
   }
code {
    font-family: Courier New, Courier, monospace;
   }
ins {
    background-color: yellow;
    text-decoration: underline;
   }
del {
    text-decoration: line-through;
   }

/* Images */

img {
  display: block;
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
  } 

/* style formulaire
http://css.mammouthland.net/formulaire-form-input-css.php */

form {
 text-align:center;
 margin-left:40px;
 /*padding:10px;*/
 width:480px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #8e5720;
 text-align: center;
 }
legend {
 color:dimgray;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#FAFAFA;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #8e5720;
 border-radius:5px;
 width:400px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:200px;
 margin-left:5px;
 box-shadow:1px 1px 1px #C0C0C0;
 cursor:pointer;
 }

/* Liens */

a[href] {
    color: firebrick;
    text-decoration: underline;
   }

/* Cadres */

#conteneur {
    position: relative;
    top: 0px;
    margin: 0 auto;
    width: 1000px;
    height : 700px;
    text-align: left;
    background: floralwhite;
    border : 1px solid slategray;
    }
#bandeaugauche {
    position : absolute;
    top : 0px;
    left : 0px;
    width : 200px;
    height : 700px;
    background:  bisque;
    overflow : auto;
    }
#bandeaudroit {
    position : absolute;
    top : 0px;
    left : 800px;
    width : 200px;
    height : 700px;
    background:  bisque;
    overflow : auto;
    }
#contenu {
    position : absolute;
    top : 0px;
    left : 200px;
    width : 600px;
    height : 700px;
    background: floralwhite;
    overflow : auto;
    }
#contenu p {
    margin : 10px;
    } 

/* Class */

p.titre1 {
    text-align: center;
    font-weight: bold;
    font-size: 250%;
    line-height: normal;
    color: firebrick;
    text-shadow: 1px 1px 1px slategray;
}
p.titre2 {
    text-align: center;
    font-style: italic;
    font-size: 110%;
    padding-left: 10px;
    padding-right: 10px;
    color: firebrick;
}
p.presentation {
    text-align: center;
}
p.parution {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    text-decoration: underline;
    padding-top: 10px;
    padding-left: 50px;
    margin-bottom: 0;
    color: firebrick;     
}
li.menu1 {
  font-size: 100%;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 5px;
  font-variant: small-caps;
} 
li.menu2 {
   font-size: 100%;
   margin-top: 5px;
   padding-left: 20px;
   padding-right: 5px;
} 
img.couverture{
  width: 300px;
  box-shadow:3px 3px 5px slategray;
  margin-bottom: 20px;
}