body {
	/*border: 3px solid black; /****** A SUPPRIMER, POUR TEST */
	margin: auto;
}

footer{
	height: 80px; 
	bottom: 0; 
	position: relative; 
	width: 100%;
}

legend{
	padding:  10px;
}


.mois_repas {
	width: 100%;
	margin: 5px;
}

#tete_de_page {
	/*border: 3px solid green; /****** A SUPPRIMER, POUR TEST */
	/*height: 200px; /****** A SUPPRIMER, POUR TEST */
	margin: 5px;
	text-align: center;
}

#menu {
	float: left;
	width: 200px;
	/*border: 3px solid red; /****** A SUPPRIMER, POUR TEST */
	/*height: 500px; /****** A SUPPRIMER, POUR TEST */
	margin: 5px;
}

#coprs_et_pied_de_page {
	/*border: 3px solid pink; /****** A SUPPRIMER, POUR TEST */
	margin: 10px 5px 5px 220px; /* (haut, droite, bas, gauche) */
	width: 770px;
}

#corps {
	/*border: 3px solid blue; /****** A SUPPRIMER, POUR TEST */
	/*height: 1000px; /****** A SUPPRIMER, POUR TEST */
	border: 15px double #CD1B00;
	padding: 0px 5px 0px 5px;
}

#pied_de_page {
	margin-top: 10px;
	border: 1px groove #CD1B00;
	padding: 5px;
	/*border: 3px solid yellow; /****** A SUPPRIMER, POUR TEST */
	/*height: 100px; /****** A SUPPRIMER, POUR TEST */
}
#pied_de_page .signature {
	margin: 0;
	font-size: 0.8em;
}
#pied_de_page .resto-troc {
	font-weight : bold;
	text-align: right;
	margin: 0;
}
#pied_de_page .createur_de_cette_page {
	text-align: left;
	margin: 0;
}

#pied_de_page .table_footer, #pied_de_page .table_footer td {
	margin: 0;
	padding: 0;
}
/**************** DESIGN NAVBAR DU HAUT ****************/



.navbar .form-control {
  padding: .75rem 1rem;
}
/**************** DESIGN MENU GAUCHE(ROMAIN) ****************/
.menu_gauche {
	min-height: calc(100vh - 80px);
	width:100%;
}

.menu_gauche .nav-link {
  font-weight: 500;
  color: #333;
}

.menu_gauche .nav-link.active {
	 color: #b85252;
	 background-color: transparent;
	 text-decoration: none;
}

.menu_gauche .nav-link:hover {
	 background-color: #e8e8e8;
}


.menu_gauche ul {
	list-style-type: none;
}

.menu_gauche_heading
{
  font-size: .85rem;
  text-transform: uppercase;
}


#titre_menu_gauche {
	text-align: center;
	color: #333;
}
/***************************************************/
.icon{
	margin-right: 5px;
  	color: #999;
}

/**************** DESIGN JUMBOTRON ****************/
.jumbotron
{
	
}
.jumbotron h1
{
	font-family: 'Comic Sans MS',  Georgia, "Times New Roman", Times, serif; 
	color:#7c3729;
}
/***************************************************/
.table_inscription, .tableau_inscription_usagers {
	margin: auto;
	text-align: center;
}
td .table_inscription, td .tableau_inscription_usagers {
	padding: 8px;
}


.btn_submit
{
	background-color:#7c3729 ; 
	color:#FFFF;
	margin-bottom: 5px;
}


/********************** DESIGN CORPS (MAHIEU) *************************/
.texte {
	color: black;
	text-align: justify;
}

.texte a{
	color:black; 
	background-color: #e8e8e8 ;
	
}

.texte a:hover{
	color:white; 
	
	
}
.titre {
	text-align: center;

	color: #7c3729;
	background-image:url(subtitle_texture.jpg);
}

.sous_titre {

	text-align: center;

	color: #7c3729;
	text-decoration: underline;
	
}

.image_gauche {
	float: left;
	padding-right: 10px;
}
.image_droite {
	float: right;
	padding-left: 10px;
}
.image_centre {
	text-align: center;
}

/*Debut MATHIEU*/
.lien_suivi { 
	text-decoration: underline;
	color: #000;
}
.lien_suivi:visited {
	color: #000;
}
.lien_suivi:hover, .lien_suivi:focus, .lien_suivi:active {
	text-decoration: none;
	color: white;
	background: #CD1B00;
}
.texte_com {
	color: black;
	text-align: justify;
}
/*FIN AJOUT*/

/************************************************************/

.table_suivi tr:nth-child(2n+1) { /* Tableau suivi */
	background-color: #D3D3D3;
}

/********************** DESIGN TABLEAU************************/
table {
	text-align: center;
}

.form-inline .form-group {
  margin:5px;
}

thead
{
	background-color: #b85252 ; 
	font-size: 1.1em;
	color:#FFFF;
}
/************************************************************/
caption {
	font-weight: bold;
	font-size: 1.5em;
	caption-side: top;   
	text-align: center;
}

/********************** DESIGN ACCORDION ************************/
.accordion {
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.accordion .btn {
  width: 100%;
  font-weight: bold;
  color: #7c3729;
  padding: 0;
}

.accordion .btn-link:hover {
  text-decoration: underline;
}
 /************************************************************/

/********************** DESIGN DES LIENS POUR CHOIX D'OPTIONS ************************/
.lien_option{
	text-align: left;
	font-size: 0.7em;
	text-decoration: underline;
	color: #000;

}
.lien_option:hover, .lien_option:active{

	color: #DCDCDC;

}

/************************************************************/


.sous_menu {
	text-align: center;
}
.sous_menu a
{
	background-color:#e8e8e8;
}


.sous_menu a:hover {
	text-decoration: underline;
}
/************************************************************/
/********************** DESIGN SOUS MENU 2 ************************/
.sous_menu2 {
	text-align: center;
}
.sous_menu2 a
{
	color:#b0877b;
}

.sous_menu2 a:hover {
	text-decoration: underline;
}

/************************************************************/
.active_lien_sous_menu {
	text-decoration: underline;
}
.text_align_droite {
	text-align: right;
}
.text_align_gauche {
	text-align: left;
}
#menu_gauche .active a {
	color: white;
}
.active {
	background-color: #CD1B00;
	text-decoration: underline;
}

.list-inline-item
{
	margin-bottom: 5px;
}
/*********************************** ATTENTION ET VALIDATION*************/
.erreur, .validation, .information {
	padding: 20px 20px 20px 40px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
.erreur {
	background-color: #f5dfdf;
	background-image: url(error.png);
	border-color: #ce9e9e;
}
.validation {
	background-color: #e8f5df;
	background-image: url(success.png);
	border-color: #9ece9e;
}
.information {
	background-color: #c7ebf5;
	border-color: #9ece9e;
}
.reservation, .reservation td {
	border: 1px dotted;
	text-align: left;

}
.reservation small{
	background-color:#b85252; 
	color:#FFFF;
}


.table_un_sur_deux tr:nth-child(2n+1) {
	background-color: #c3e2d4;
}
.table_un_sur_deux tr:nth-child(2n+0) {
	background-color: #ffffff;
}
.separation_droite_tableau {
	border-right: .2em solid #7a7;
}




.colonne_lundi_tableau {
	background: #FFFFCC;
}
.colonne_aujourdhui_tableau {
	background: #CCFFCC;
}
.colonne_weekend_tableau {
	background: #dadada;
}


.texte_vertical {
	transform: rotate(-90deg);
	width: 1em;
	padding: 0;
	white-space: nowrap;
}

.bordure_gauche_grasse {
	border-left-width: medium;
}