/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                   Arrière plan                     */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

body {

height : 100%;
width : 100%;

margin : 0 ;
border : 0 ;
padding : 0 ;

background : #ccd9df; /* Couleur du d'arrière plan */

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Page                       */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#conteneur-accueil { 

position : relative;
 
width : 600px ;
height : 600px ;

margin-left : 25% ;
margin-top : 5% ; 
border : 0 ;
padding : 0 ;

background : url(../images/legumes-fruits.jpg) no-repeat; /* Image de fond */

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Titre                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-titre {

position : relative;

width : 100% ;
height : 50px ;

background-color : none;

margin : 0 ;
border : 0 ;
padding : 8px 0px 4px 0px ;


color: black; /* Couleur texte*/
text-align : center; /* Position texte */
font-size: 16px; /* Taille texte*/

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Photo                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-photo {

position : relative;

width : 100% ;
height : 165px ;

background-color : none;

margin : 0 ;
border : 0 ;
padding : 0px 0px 40px 0px ;

text-align : center; /* Position */

}

img {

margin: 10px 15px 10px 10px;
 
border: 0 ;

padding: 4px 4px 4px 4px;
  
background-color: none;

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Menu                       */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-menu {

position : relative;

width : 100% ;
height : 60px ;

background-color : none;

margin : 0;
border : 0 ;
padding : 15px 0px 20px 0px ;

text-align : center; /* Position texte */

}

#emplacement-menu li {

margin : 0 0 0 180px ;

float : left;

list-style : none;

}

#emplacement-menu li a { /* Memu non cliquer */

display : block;

width : 110px;
height : 30px;

border : 1px solid black; /* couleur des bordures */

background-color : white; /* Couleur de fond */

margin : 0px 20px 0px 20px;
padding : 14px 0px 0px 0px;

color : black; /* Couleur texte */

font-size: 14px; /* Taille texte */

text-decoration : none;

}

#emplacement-menu li a:hover, li a:focus { /* Menu cliquer */

color : white; /* Couleur texte */

background-color : black; /* Couleur fond*/

font-size : 14px; /* Taille texte*/

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                 Zone Bas De Page                   */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-bas-de-feuille { 

position : relative;

width : 100% ;
height : 40px ;

background-color : none;

margin : 0 ;
border : 0 ;
padding : 10px 0 0 0 ;

text-align : center; /* Position texte */

color : black; /* Couleur texte */

font-size: 15px; /* Taille texte */

}

/* Réalisé par Julien Bauduin. Me contacter: bauduin.julien@gmail.com */