/* proprietes de la page */
body
{
   width: 1087px;
   margin: auto; /* Pour centrer notre page */
   background-color: #1E1411; /* couleur de fond */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px;
}


a { 
	color:#FF9900; 
	text-decoration:none; 
} 

a:hover { 
	color:#FF9900; 
	text-decoration:underline; 
} 

/* On enlevet les bordures sur les liens images sur tout le site*/
a img {
	border: none;
} 

/* proprietes de l'en-tête */
#en_tete
{
   width: 1055px;
   /*height: 150px;*/
   background-color: #FFFFFF; /* couleur de fond */
   /*background-image: url("./Images/Banniere1.jpg");  Image de fond du menu */
   margin-bottom: 0px; 
   visibility:hidden;
}



/*------------------------------------------------------------------------*/
/* Debut des proprietes du menu horizontal */
/*------------------------------------------------------------------------*/
ul#menuHaut 
{
   width: 1055px;
   font: bold 11px verdana, arial, sans-serif;
   list-style-type: none;
   padding-bottom: 21px;
   padding-left: 0px;
   border-bottom: 0px solid #000000; /* parametre de la ligne du fond du menu */
   margin:0;

 
}	

ul#menuHaut li 
{
   float: left;
   /*height: 21px;*/
   /*background-color: #c9b099;  couleur du fond de menu */
   background-image: url("Images/nonClique.jpg");
   margin: 2px 0px 0px 2px;
   border: 1px solid #000000;  /* bordure autour des menus */
   padding-left:7px;
   padding-right:7px;


   
}

ul#menuHaut li#active 
{
   border-bottom: 1px solid #fff;
   /*background-color: #fff; */
   background-image: url("Images/clique.jpg");   
}

#menuHaut a 
{
   float: left;
   display: block;
   color: black; /* couleur de police */  
   text-decoration: none;
   /* padding: 4px; */
   padding-bottom:0px;
   padding-left:1px;
   padding-right:1px;
   padding-top:4px;   

}

#menuHaut a:hover 
{
   color: red; /* couleur de police */
   text-decoration: none;   
}

/*------------------------------------------------------------------------*/
/* Fin des proprietes du menu horizontal */
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* Debut des proprietes du menu vertical */
/*------------------------------------------------------------------------*/
#menuGauche
{
   float: left; /* Le menu flottera à gauche */
   width: 220px; /* Donner une taille au menu */  
   /*height:1350px;*/
   background-color: #FFFFFF; /* couleur de fond */
}

.element_menu1 /* menu de gauche premiere partie*/
{
   margin-left: 10px;
   margin-top: 20px;
   padding-bottom:0px;
   margin-bottom: 0px;
   height:30px;
   width: 200px; /* Donner une taille a l'image du menu */  
   background-image: url("./Images/Menu_haut.jpg"); /* Image de fond du menu */
   background-repeat: no-repeat; /* L'image ne se répètera pas, */  
   
   border: no;
}

.element_menu1 h2 /* titre du menu de gauche */
{    
   margin-left: 0px;
   padding-left: 20px;
   padding-top: 3px;
   color: #1E1411;
   font: bold 18px verdana, arial, sans-serif;
}

.element_menu2 /* menu de gauche seconde partie*/
{
   padding-top:0px;
   margin-top: 0px;
   margin-left: 10px;
   width: 200px; /* Donner une taille a l'image du menu */  
   background-image: url("./Images/Menu.jpg"); /* Image de fond du menu */
   background-repeat: repeat; /* L'image se répètera */  
   
   border: no;
   padding-bottom: 20px;
   margin-bottom: 0px;
}

.element_menu2 h3 /* Tous les titres de menus */
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu2 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   padding-top:5px;
   margin-top: 0px;
   padding-left: 30px; /* marge de gauche */
   text-align: left;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.element_menu2 a /* Tous les liens se trouvant dans un menu */
{
   color: #000000;
   text-decoration: none;
}

.element_menu2 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #1E1411;
   color: white;
}

.element_menu3 /* menu de gauche troisieme partie*/
{
   padding-top:0px;
   margin-top: 0px;
   margin-left: 10px;
   width: 200px; /* Donner une taille a l'image du menu */  
   background-image: url("./Images/Menu_bas.jpg"); /* Image de fond du menu */
   background-repeat: no-repeat; /* L'image ne se répètera pas, */  
   
   border: no;
   padding-bottom: 0px;
   margin-bottom: 0px;
}


/*------------------------------------------------------------------------*/
/* Debut des proprietes du corps de la page */
/*------------------------------------------------------------------------*/
#corps
{
   float: left;
   margin-left: 3px; /* marge entre le corps de la page et la gauche du site */
   padding-top: 1px; /* Espacement haut du contenu a partir du debut du corps */
   padding-right: 0px; /* Espacement haut du contenu a partir du debut du corps */
   padding-left: 3px; /* Espacement gauche du contenu a partir du debut du corps */
   padding-bottom: 50px;
   
   width: 1050px;
   /*height: 1800px;*/
   
   color: #000000;
   background-color: #FFFFFF; /* couleur de fond */
}

.element_corps_menu
{
   float: left; /* Le menu flottera à gauche */
   width: 180px; /* Donner une taille au menu */  
   /*height:1390px;*/
   background-color: #FFFFFF; /* couleur de fond */
   padding-left: 0px; /* Espacement gauche du contenu a partir du debut du corps */
   margin-left: 0px; /* Espacement gauche du contenu a partir du debut du corps */ 
}

.element_corps_centre
{
   margin-left: 225px; /* marge entre le corps de la page et la gauche du site */
   margin-top: 20px; /* marge entre le corps de la page et la gauche du site */
   padding-top: 10px; /* Espacement haut du contenu a partir du debut du corps */
   padding-right: 10px; /* Espacement haut du contenu a partir du debut du corps */
   padding-left: 15px; /* Espacement gauche du contenu a partir du debut du corps */
   
   width: 475px;
   /*height: 1750px;*/
   
   color: #000000;
   background-color: #FFFFFF; /* couleur de fond */
   border: 1px solid;
   border-color : #1E1411; 
}

/* Les deux éléments ci-dessous servent a varier l'affichage de couleur selon la ligne par ligne des recettes etc... */
.element_corps_centrePaire
{
   background-color: #f1ebe9; /* couleur de fond */ 
}

.element_corps_centreImpaire
{
   background-color: #FFFFFF; /* couleur de fond */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   /*height: 30px;*/
   background-image: url("./images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */   
   color: #000000;
   text-align: left;
}

/*------------------------------------------------------------------------*/
/* Fin des proprietes du corps de la page */
/*------------------------------------------------------------------------*/

/*------------------------------------------------------------------------*/
/* Debut des propriete du bloc central du site
/*------------------------------------------------------------------------*/
#blocCentral  
{
	float:left;
	width:700px;
	/*height:1390px;*/
	margin-left:0px;
	margin-top: 0px;
	/*background-color:#ffffff;*/
}

.blocTexteAccueil
{
	float:right;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	width:470px;
	/*height:350px;*/
	/*background-color:#ffffff;*/
}

.blocTableauImage
{
    float: right;
	margin-right: 10px;
	margin-top:30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	width:470px;
	height:150px;
    background-image: url("./../../Images/Tableau.jpg"); /* Image de fond du menu */
    background-repeat: no-repeat; /* L'image ne se répètera pas, */
}

.blocTableauTexte
{
	margin-left: 150px;
	width:200px;
	height:80px;
	color: #bbbbbb;
    text-align: left;
}

.blocAjoutRecette
{	
	float:left;
	width:150px;
	/*height:192px;*/
	margin: 20px;
}

.blocInscription
{
	float:left;
	padding-top:0px;
	width:150px;
	/*height:192px;*/
	margin: 20px;
}

.blocConfirmationInscription
{
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	width:445px;
	/*height:240px;*/
    border: 1px solid;
    border-color : #000000; 
}

/*------------------------------------------------------------------------*/
/* Fin des propriete du bloc central du site
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* Debut des propriete des blocs sur la droite du site
/*------------------------------------------------------------------------*/
#blocsDroits  
{
	float:right;
	width:150px;
	/*height:1390px;*/
	margin-right:10px;
	/*background-color:#ffffff;*/
}

.blocConnection
{
	margin-top: 20px;
	margin-right:0px;
	padding-right:0px;
	float:right;
	width:300px;
	/*height:130px;*/
	background-color:#1E1411;
    color: #c9b099;
}

.blocDeconnection
{
	margin-top: 20px;
	margin-right:0px;
	padding-right:0px;
	padding-top: 0px;
	float:right;
	width:300px;
	/*height:5px;*/
    color: #1E1411;
}

.blocRecherche
{
	margin-top: 20px;
	margin-right:0px;
	padding-right:0px;
	float:right;
	width:300px;
	/*height:70px;*/
	background-color:#1E1411;
    color: #c9b099;
}

.titre-news{
	width:300px; 	
	margin-top: 20px;
	margin-right:0px;
	padding-right:0px;
	float:right;
	width:300px;
	/*height:25px;*/
	background-color:#1E1411;
    color: #c9b099;
}

.newsticker-jcarousellite { 
	width:300px; 	
	margin-top: 0px;
	margin-right:0px;
	padding-right:0px;
	float:right;
	width:300px;
	/*height:40px;*/
	background-color:#1E1411;
    color: #c9b099;
	
}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; margin-left:8px; width:100px; height:75px; background-color:#ffffff; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080;  padding-left:5px;}


.blocImageRecettes 
{
	margin-top: 20px;
	margin-right:0px;
	padding-right:0px;
	float:right;
	width:300px;
	/*height:380px;*/
	background-color:#1E1411;
    color: #c9b099;
}

/*------------------------------------------------------------------------*/
/* Fin des propriete des blocs sur la droite du site
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* Propriete des lien publicitaire sur la droite du site (facebook ...)
/*------------------------------------------------------------------------*/

#blocsLiens  
{
	float:right;
	/*height:0px;*/
}

.blocFacebook
{
	margin-top: 0px;
	float:right;
	width:28px;
	height:28px;
}

.blocRSS
{
	margin-top: 29px;	
	width:28px;
	height:28px;
}

/*------------------------------------------------------------------------*/
/* Fin des proprietes des lien publicitaire sur la droite du site (facebook ...)
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* Debut des proprietes du pied de page */
/*------------------------------------------------------------------------*/
#pied_de_page
{
   padding-top: 10px;
   margin-top: 0px;
   margin-left:3px;
   width: 1053px;
   height:60px;
   text-decoration: none;
   clear:both;   

   text-align: center;
   background-image: url("Images/PiedPage.jpg"); /* Image de fond du menu */
   background-repeat: no-repeat; /* L'image ne se répètera pas, */  

   color: #1E1411; 
}
/*------------------------------------------------------------------------*/
/* Fin des proprietes du pied de page */
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* Style css pour la partie news du site (liste des nouvelles recettes */
/*------------------------------------------------------------------------*/