/* Fichier CSS pour présentation du site internet Antony */

body

/* Couleur du fond d'écran */

{
    background-image: url("texture.jpg");
    background-attachment: fixed; 
    font-family: "Arial Narrow", "Times New Roman", "Arial Black", Arial, sans-serif;
    margin: 0;
    padding: 0; 
}


/*                       */
/*             Entête    */
/*                       */

/*         1ère ligne avec treffle     */
/*                                     */

#lig1 h4
{
    color: rgb(255,246,127);
    font-size: 32px; /* 1.3em; */
    font-weight: bold;
/*    text-align: left; */
    margin-top: 30px;
    padding-left: 0px; 
/*    margin-bottom: 5px; */

}
#lig1
{
    display: inline-block;
    width: 100%; 
    height:48px; 
    margin: 0;
    padding: 0;
}
#treffle
{
   display: inline-block; 
   width: 40%;  /* 41% */
   float:left;   
   text-align:right; 
/*    margin-left: -20px;  */
/*   padding-left: 1%; */
   margin-top: 30px;
}

#titre
{
   display: inline-block;
   width: 39%; 
   text-align: left;
/*   margin-left: 20px;*/
   margin-left: 1%;
   margin-top: 10px;
}

/*        2ème, 3ème, 4ème et 5ème ligne entête      */
/*                                                   */

#lig2
{
    display: block;
    width: 100%; 
    margin: 0;
    padding: 0;
    margin-top:0px;
    padding-top: 0px; 

}

header h1
{
    color: rgb(255,246,127);
    font-size: 32px; /* 1.3em; */
    font-weight: bold;
    text-align: center;
    margin-top: 0px; 
    margin-bottom: 0px; 
}

header h3
{
    color: rgb(255,246,127);
    font-size: 25px;    /* 1.3em; */
    font-weight: bold;  /* gras */ 
    text-align: center; /* Alignement texte */
}


/*                    */
/* Menu de navigation */
/*                    */

nav
{
    display: inline-block;
    width: 100%; 
    text-align: center;
}

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

nav li
{
    display: inline-block;
    width: 11%;
    text-align: center;
    border-bottom: 1px solid rgb(84,84,84); 
    border-top: 1px solid rgb(84,84,84); 
    margin-left: -4px;
}

nav a
{
    font-size: 1.1em; /* 0.9em; */
    color: white; 
    padding-bottom: 1px;   /* Marge intérieure */
    text-decoration: none;
}

#page0, #page1, #page2, #page3, #page4, #page5
{
    background-color: rgb(84,84,84); 
    color: yellow;
}


nav li:hover
{
    background-color: rgb(84,84,84); 
}

nav a:hover
{
    color: yellow;
}
/*                    */
/* Corps de la page   */
/*                    */
section
{
    display: inline-block;
    width: 100%; 
    text-align: left;
    margin: 0;
    padding: 0;
}
/*                                */
/* définition du bloc contenant   */
/*                                */ 
#bloc 
{
/*   width: 110%;*/
   height:590px; 
/*   margin: 0; */
/*   padding: 0; */
}

/*                                          */
/*           1ère image à gauche            */ 
/*                                          */
#banniere_image1
{
   background-image: url("image1.jpg");
   background-repeat: no-repeat;
   position: relative;    
   z-index: 1;            
   height:590px;       
   width:27%; 
   float:left;   
}
/*                                         */
/*             2ème image centrée          */ 
/*                                         */
#banniere_image2
{
   float:left;
   background-image: url("image2.jpg");
   background-repeat: no-repeat;
   position: relative;
   z-index: 1;
   width:37%; 
   height:590px;
}
/*                                         */
/*            3ème image à droite          */ 
/*                                         */

#banniere_image3
{
   float:left;
   background-image: url("image3.jpg");
   background-repeat: no-repeat;
   position: relative;
   z-index: 1;
   width: 36%; 
   height:590px;
}

/*                                         */
/*            Texte sur image              */ 
/*                                         */

#text
{
   position: absolute;
   z-index: 4;
/*   left: 300px; */
   left: 20%;
   top: 320px;

   margin-left: 0px; 
   margin-top: 5px;  

   color: yellow;
   width: 576px;
   height:300px;
   text-align: left;
   /* margin-top: -20px;*/

}
/* section p*/

#text p
{
/*    color: rgb(255,246,127); */
    color: yellow;
    font-size: 20px; /* 1.3em; */
    font-weight: bold;
    margin-top: 0px; 
    margin-bottom: 0px; 
    opacity: 1;
}

/*                                         */
/*    Footer -    Bas de page              */
/*                                         */
footer
{
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
/*                                         */
/*            Texte en dessous images      */ 
/*                                         */
#text1
{
   margin-left: 300px; 
   margin-top: -20px;    
   color: rgb(255,246,127);
   text-align: left;
}
footer h2
{
    color: rgb(255,246,127);
    font-family: "Times New Roman";
    font-size: 28px; /* 1.3em; */
    font-weight: bold;
}

footer p
{
    font-family: "Times New Roman";
    color: white;
    font-size: 19px; /* 1.3em; */
    /*    font-weight: bold; */
    margin-top: 0px; 
    margin-bottom: 5px; 
    opacity: 1;
}
/*                                         */
/*          Ligne grisée dans bas de page  */ 
/*                                         */

#baspage 
{
   display: inline-block;   
   height:50px; 
   width: 100%;
   background-color: rgb(84,84,84);
   margin-bottom: -5px;

/*
   margin-bottom: -10px; 
   margin-left: -10px; 
   margin-right: -10px; 
*/
}

/*                                         */
/*          Texte dans Ligne grisée        */ 
/*                                         */

#creation 
{
   display: inline-block;
   width: 50%;
   float:left;
   text-align: left;
   margin-left: 300px;
   margin-top: 10px;
   font-family: "script";
   font-size: 10px; 
}
#creation p
{
   font-family: "script";
   font-size: 20px; 
}


/*                                         */
/*          Logos dans Ligne grisée        */ 
/*                                         */


#faceb 
{
   display: inline-block;
   width: 2%;

   float:left;
   text-align: left;
/*   margin-left: 1170px; */
   margin-top: 20px;
}

#googlep 
{
   display: inline-block;
   width: 2%;

   float:left;
   text-align: left;
/*   margin-left: 20px;*/
   margin-top: 20px;

}


#youtub 
{
   display: inline-block;
   width: 2%;

   float:left;
/*   margin-left: 20px;*/
   margin-top: 15px;

}