body.site {border-top:0px solid black;}

.contacts {
  display:flex;
  flex-direction:row;
  width:100%;
  align-items:stretch;
  justify-content:center;
}

.nom {
  order:1;
  flex-grow:1;
  flex-shrink:3;
}

.telephone {
  order:2;
  flex-grow:1;
  flex-shrink:2;
}

.mail {
  order:3;
  flex-grow:1;
  flex-shrink:1;
}

/*gère la taille du texte en rem */
div, div.custom {
  font-size:1rem;
}
.header {
  /* gère l'entête */
  background :#FFFAF0;
}
.ma-banniere {
min-width: 100%;
  background:#FFFAF0;
  padding-top:5px;
}

.breadcrumb {
  background-color:lightgray;
  border-radius:0;
}
.breadcrumb, .breadcrumb a , .breadcrumb ul, .breadcrumb > .active {
  color:black;
  text-decoration: none;
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  margin: 2px;
  padding : 2px;
  
}

/* gère l'encadrement du menu*/
.navigation {
  padding:0;
  margin:0;
  border:0;
  background:#FFFAF0;
}

.well {background:red;}

.container-header .mod-menu {
 background:#fffafa;
  color:white;


}

.container-footer {
  background:#fffafa;
}

/* gère la couleur des coordonnées en bas de page */
.ftr a {
  color:black !important;
  text-decoration:underline;
}


/*gère l'affichage du menu en ligne*/
.mod-list {
  display:flex;
  flex-direction:row;
  font-style:italic;
  color:white;
  align-items: center;
  justify-content: center;
}

.mod-menu{
  display:flex;
  flex-direction:row;
}


/* Menu Accueil */
.item-101 a {
	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: auto;
	padding: 0.4rem;
	text-align: center;
	background-color: grey;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
	font-style:italic;
}

/* Menu lundi */
.item-107 a {
  	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color: rgba(153,50,204,0.7);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}

/* Menu mardi */
.item-108 a {
  	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color:darkkhaki;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
    color:white;
}
/* Menu mercredi */
.item-109 a {
  	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color: rgba(135,206,235,0.8);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
    color:white;
}
/* Menu jeudi */
.item-110 a {
  	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color: chocolate;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
   	color:white;
}
/* Menu vendredi */
.item-111 a {
  	display:block;
	width: 90px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color:rgba(154,205,50,0.8);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}

/* Menu Ajouter article */
.item-112 a {
  	display:block;
	width: 110px;
  	height:22px;
  	line-height:22px;
	margin: 0.5rem;
	padding: 0.4rem;
	text-align: center;
  	background-color: gray;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}


/* gère l'affichage pour téléphone */
/* revoir le positionnement des menus */
@media only screen and (max-width: 600px) {

.contacts {
  display:flex;
  flex-direction:column;
  width:100%;
  align-items:stretch;
}
  
  .mod-list {
  display:flex;
    flex-wrap:wrap;
  flex-direction:row;
  font-style:italic;
  color:white;
}

.mod-menu{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
  
/* Menu Accueil */
  .item-101 a {
  display:block;
	width: 80px; 
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
	background-color: grey;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
	font-style:italic;
}
  
  /* Menu lundi */
.item-107 a {
  display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  background-color: rgba(153,50,204,0.7);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}

/* Menu mardi */
.item-108 a {
  display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  	background-color:darkkhaki;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
    color:white;
}
/* Menu mercredi */
.item-109 a {
  	display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  	background-color: rgba(135,206,235,0.8);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
    color:white;
}
/* Menu jeudi */
.item-110 a {
  display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  background-color: chocolate;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
   	color:white;
}
/* Menu vendredi */
.item-111 a {
  display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  background-color:rgba(154,205,50,0.8);
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}

/* Menu Ajouter article */
.item-112 a {
  display:block;
	width: 80px;
	margin: 0.3rem;
	padding: 0.3rem;
	text-align: center;
  background-color: gray;
	text-decoration: none;
	border: 2px solid silver;
	border-radius: 12px;
  	color:white;
}

  
}