/*style css --- CSS for "Avoir Paris Pour Soie"
*
*Author: Jean Pierre MONNET */
/*feuille style css globale*/
* {padding: 0; margin: 0;}
body {
background-color: #000000;
color: #fafafa;
font-family: Helvetica, sans-serif;
font-size: small;
}
/*=================================
         1. zone div
=================================*/
#enveloppe_1 {
background-color: #bebebe;
width: 723px ;
margin-top: 10px;
margin-right: auto; /*marge de droite automatique*/
margin-bottom: 10px;
margin-left: auto; /*marge de gauche automatique*/
padding-top: 5px;
}
#wrapper {
background-color: #7a7a7a;
width: 720px ;
margin-top: 0px;
margin-right: 0px; 
margin-bottom: 0px;
margin-left: 5px;
}
#bandeau {
position: relative; /*positionné mais dans le flux*/
padding: 10px 20px 10px 20px;
}
#bandeau img {
border: 1px solid #bebebe;
margin-bottom: 20px;
}
#bandeau h1 {
position: absolute;
top: 45px;
right: 113px;
padding: 5px 0 5px 0;
}
#bandeau h2 {
padding: 5px 0 5px 0;
margin-bottom: 0; /* margin bottom de h2 est de 1em en zone 2*/
}
#bandeau span {
position: absolute;
top: 70px;
right: 170px;
padding: 5px 0 5px 0;
margin-bottom: 0;
}
#zone_de_navigation {
float: left;
width: 130px;
padding: 30px 0 20px 10px;
border: 1px solid #bebebe;
margin-top: 40px;
margin-right: 0;
}
#zone_de_navigation ul {
width: 80px;
padding-left: 10px;
margin-left: 0;
}
#zone_de_navigation li {
list-style: none;
border-left: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
margin: 0;
}
/*ligne de cadre au dessus de l'élément de liste
"page d'accueil"*/
#zone_de_navigation a {
display: block;/*toute la surface autour du lien est cliquable*/
text-decoration: none;
padding: 4px;
border-left: 3px solid #bebebe;
}
#zone_de_navigation .navi01 {
border-top: 1px solid #bebebe;
}
#zone_de_navigation .cc {
color: #cc0000;
text-decoration: blink;
}
#zone_de_texte {
padding: 20px 10px 20px 30px;
margin-left: 145px;/*marge externe pour zone de navigation*/
}
#texte {
padding: 20px;
margin-top: 40px;
border: 1px solid #bebebe;
}
#texte_1 {
padding: 10px;
margin: 10px;
height: 80px;
}
#texte_1 h4 {
margin: 0em;
}
.index1 {
border: 0px;
}
table td {
border: 1px solid #bebebe;
}
.tableau2 {
margin-top: 3em;
}
h2.accueil2{
margin-top: 1em;
margin-bottom: 2em;
}
h3.accueil{
margin: 1em;
}
h3.hauteur_1 {
margin-bottom: 3px;
}
h3.hauteur_2 {
margin-top: 1em;
margin-bottom: 3px;
}
.espace01 {
margin-top: 0em;
}
.marge01 {
margin-bottom: 1em;
margin-top: 2em; 
}
.marge02 {
margin-left: 12em;
}
.marge03 {
margin-left: 12em;
}
.marge04 {
margin-top: 2em;
margin-left: 20em;
}
.espace02 {
margin-top: 3em;/*écart entre texte haut et première image*/
}
.espace03{
margin-top: 3em;
margin-bottom: 1em;/*écart entre le texte haut et zone formulaire basse*/
}
.espace04 {
margin-top: 0em;
margin-bottom: 0em;
}
.espace05 {
margin-top: 5em;
margin-bottom: 0em;
}
.model01 {
margin-bottom: 0;
}
.model02 {
margin-top: 7em;/*descente du texte vis à vis de l'image*/
}
.model03 {
margin-top:4em;
}
.model04 {
margin-top: 6em;
}
.model05 {
margin-top: 3em;
}
.model06 {
margin-top: 5em;
}
.model08 {
margin-top: 2em;
}
.model09 {
margin-top: 8em;
}
.esmarge01 {
margin-left: 12em;
margin-top: 1em;
}
h4.marge02 {
 margin-top: 1em;
 }
#zone_de_texte a.lien00 {
 text-decoration: none;
 color: #660000;
 }
#zone_de_texte img{
border: 1px solid #bebebe;
}
.image_normale{
margin: 20px;/*marge externe*/
}
.centre_1 {
margin-left: 40px;
}
.image_gauche {
float: left;
margin: 20px 20px 20px 0;/*marge externe gauche nulle*/
}
.image_gauche_2 {
float: left;
margin: 0px 20px 0px 0px;
border: 0px ;
}
.image_droite {
float: right;
margin: 20px 0 20px 20px;/*marge externe droite nulle*/
}
a.neutre {
color: rgb(0, 0, 0);/*pas de surlignage des liens sur images
dans zone de texte*/ 
}
a.couleur02 { 
color: #660000;/*couleur des liens dans zone texte*/
 }
#zone_de_texte li {
font-size:105%;
}
#livre_or{
margin-top: 10px;
}
.model07{
padding-bottom: 2em;
}
#zone_ref {
padding: 10px;
border-top: 1px solid #bebebe; /*bordure supérieure*/
}
#pied_de_page {
padding: 20px;
padding-top: 20px; /*marge interne supérieure au dessous de la bordure*/
border-top: 1px solid #bebebe; /*bordure supérieure*/
margin-top: 10px; /*marge externe supérieure au dessus de la bordure*/
}
#pied_de_page span{
margin-left: 2em; /*marge externe de gauche*/
}
#pied_de_page li {
display: inline; /*place li côte à côte*/
}
#pied_de_page .cc {
color: #cc0000;
text-decoration: blink;
}
#droite {
float: right; /*table à droite*/
}
#gauche {
float: left; /*table à gauche*/
}
/*===============================
        2. éléments html généraux
==============================*/
h1 { 
font-size: 150%;
padding-bottom: 1em;
padding-top: 1em;
}
h2 {
font-size: 130%;
margin-bottom: 1em; 
}
h3 {
font-size: 110%;
margin-bottom: 2em;
}
h4 {
font-size: 100%;
margin-top: 2em;
}
h5 {font-size: 95%;
margin-top: 1em;
}
a {
color: #fafafa;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #669900;
background-color: #660033;
}
p, ul {
margin: 0 0 1em 0;/*marge externe inférieure*/
}
ul ul {
margin: 10px;
padding-left: 20px;
}
li {
margin-left: 2em; /*marge externe de gauche*/
margin-bottom: 5px;
list-style-type: none; /*pas de puces, pas de 
numérotation sur toutes les listes*/
}
td {
font-size: 95%;
}