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

body {

height : 1600px;
width : 1200px;

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

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

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Page                       */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 
#conteneur { 

position : relative;
 
width : 100%;
height : 100%;

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

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

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone Logo                       */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-logo {

width : 100%; 
height : 140px;

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

background: url(../images/cerise.png) repeat-x; /* Image */
background-color: #f8f114; /* Couleur fond */

position : relative;  
 
text-align : center; /* Position texte */
color : black; /* Couleur texte */

z-index: 10;

}

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

#emplacement-menu-principal {

position : relative;

width : 100% ;
height : visible ;

background-color : none;

margin : 0 ;
border : 0 ;
padding : 80px 0px 0px 600px ;

overflow : hidden;

}

#emplacement-menu-principal li {

margin : 0px 0px 15px 0px ;

float : left;

list-style : none;

}

#emplacement-menu-principal li a { /* Menu non cliquer */

display : block;

width : 120px;
height : 30px;

border : 1px solid #f7a917; /* Couleur des bordures */

background-color : #f7a917; /* Couleur fond */

margin : 0px 5px 0px 5px;
padding : 10px 0px 2px 0px;

color : white; /* Couleur texte */

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

text-decoration : none;

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

}

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

color : black; /* Couleur texte */

border : 1px solid #765536; /* Couleur des bordures */

background-color : #b5e783; /* Couleur fond */

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

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

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                  Zone sous Logo                    */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-sous-logo {

width : 100%; 
height : 140px;

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

background-color:  #f7a917; /* Couleur fond */

position : relative;  
 
text-align : left; /* Position texte */
color : white; /* Couleur texte */
font-size: 16px; /* Taille texte */

z-index: 10;

}

#texte-sous-logo {
margin : 0 ;
border : 0 ;
padding : 10px  0 0 10px ;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                    Zone photo                      */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-photo {

width : 900px; 
height : 300px;

margin : 190px 0 0 140px ;
border : 0 ;
padding : 0 ;

background-color: none;

position : absolute;  

color : black;

z-index: 15;

}

.photo-gauche {

max-height : 280px;

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

float: left;

position: relative;

overflow: hidden;
}

.photo-droite {

max-height : 280px;

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

float: right;

position: relative;

overflow: hidden;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                     Zone cadre                     */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-cadre {

width : 100%; 
height : 300px;

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

background-color: none; 

position : relative;  
 
text-align : left; /* Position texte */
color: black; /* Couleur texte */
font-size: 12px; /* Taille texte */

z-index: 10;

}

#care-un {

width : 300px; 
height : 250px;

margin : 10px 10px 10px 10px;
border: 4px solid #f9ac17; /* Couleur des bordures */
padding : 5px 10px 5px 10px;

background: #fdff6e; /* Couleur fond */

float: left;

position: relative;

z-index: 12;

}

#care-deux {

width : 300px; 
height : 250px;

margin : 10px 10px 10px 10px;
border: 4px solid #ab790b; /* Couleur des bordures */
padding : 5px 10px 5px 10px;

background: #f9ac17; /* Couleur fond */

float: left;

position: relative;

z-index: 12;

}

#care-trois {

width : 300px; 
height : 250px;

margin : 10px 10px 10px 10px;
border: 4px solid #fdff6e; /* Couleur des bordures */
padding : 5px 10px 5px 10px;

background: #ab790b; /* Couleur fond */

float: left;

position: relative;

z-index: 12;

}

.titre-cadre {

font-size: 18px;
color : black;

}

#emplacement-cadre p {

font-size: 13px;
color : black;

}


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

#emplacement-menu-secondaire {

position : relative;

width : 100% ;
height : visible ;

background-color : white;

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

overflow : hidden;

}

#emplacement-menu-secondaire li {

margin : -20px 0px 15px 0px ;

float : left;

list-style : none;

}

#emplacement-menu-secondaire li a { /* Menu non cliquer */

display : block;

width : 120px;
height : 30px;

border : 1px solid #ab6c22; /* Couleur des bordures */

background-color : #ab6c22; /* Couleur de fond */

margin : 0px 5px 0px 5px;
padding : 10px 0px 2px 0px;

color : white; /* Couleur texte */

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

text-decoration : none;

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

}

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

color : black; /* Couleur texte */

border : 1px solid #ab6c22; /* Couleur des bordures */

background-color : #b5e783; /* Couleur fond */

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

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

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                     Zone Texte                     */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-texte {

position: relative;

float  : left ;

width : 1080px ;
height : 680px ;

margin : 40px 10px 10px 40px;
border: 2px solid #ab6c22; /* Couleur des bordures */
padding : 0px 0px 0px 0px;

text-align : left;

overflow: hidden;

background : white;

z-index: 14;
}

#cadre-texte {

width : 1040px; 
height : auto;

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

background: none;

float: left;

z-index: 12;

}


.titre-texte-principal {

color : orange; /* Couleur texte */

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

}

.titre-texte-secondaire {

color :black;  /* Couleur texte */

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

}

#contenu-texte {

width : 1040px; 
height : auto;

color :black; /* Couleur texte */

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

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

float: left;

}

.image-gauche {

margin: 10px 15px 10px 10px;
 
border: 2px solid white ;

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

}

input {

margin: 2px 2px 2px 2px;
 
border: 2px solid black ;

padding: 2px 2px 2px 2px;

background: none;

font-size: 12px;

color: black;

}

textarea {

margin: 2px 2px 2px 60px;
 
border: 2px solid black ;

padding: 2px 2px 2px 2px;

background: none;

font-size: 12px;

color: black;

}

hr {

margin: 0;
 
border: 1px solid black ;

padding: 0;

color: black;

}

li {

color: black;

}

em {

color: gray;

}

.google {
float: right;
}


#table {
margin: auto; 
border: 4px outset black; 
border-collapse: collapse; 
font-size: 13px;
}

#td {
border: 1px solid black;
text-align: center; 
padding: 5px ;
}

.titre-tableau{
background-color: #ab6c22;
font-size: 15px;
color: white;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*                Zone bas de page                    */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#emplacement-bas-de-feuille{

width : 100%; 
height : 30px;

margin : 20px 0 0px 100px ;
border : 1px solid black;
padding : 12px 0 0 0 ;

background-color: none;

position : relative;  
 
text-align : center;
color : white;

font-size: 12px;

}

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