body {
   margin-top: 20px;
   background-image:radial-gradient(white, grey);
}


.grid-container {
  width: 1800px; position: relative ;
  left:50%; margin-left: -900px;
  display: grid;
  grid-template-columns:   300px 1500px ;
  grid-gap: 3px;
  /*background-color:  white;  #2196F3;*/
  background-image:radial-gradient(white, grey);
  padding: 0px;
}
.grid-item {
  background-color: #f4f4c7 ; /*rgba(185, 175, 0, 0.9);*/
  text-align: center;
  padding: 20px;
  font-size: 30px;
}
/*
.item1 {
  grid-column: 1 / span 2;
  grid-row: 1;
}
.item2 {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.item5 {
  grid-column: 1 / span 3;
  grid-row: 3;
} */

.item0 {
  grid-column: 1 /span 2 ; 
  grid-row: 1;
  margin-bottom: 20px;
  font-size: 30px;
  background-color: beige;
  height: 44px;
  border: double green 3px;
  padding-left: 10px; padding-top: 6px;
}
.item1 {
  grid-column: 1 ; 
  grid-row: 2;
  height: 700px;
}
.item2 {
  grid-column: 2 ;
  grid-row: 2;
  height: 700px; 
}
.item3{
  grid-column: 1 /span 2 ; 
  grid-row: 3;
  margin-top: 20px; ; height: 65px;
  background-color: beige ;
  font-size: 30px;
  padding-left: 10px; padding-top: 6px;
}


.panel-heading{padding:10px 15px; border-bottom:3px solid transparent; border-top-left-radius:3px;
               border-top-right-radius:3px; margin-top: 2px}
			   
.panel-default>.panel-heading{
	color:#333;background: #f5f5f5;border-color:#ddd; 
 } 

/* ici papa stp  merci,j'ai rajouté .panel-default>*/
.panel-default>.collapse{display:none}

.panel-default>.collapse.in{
	display:block;
	
}  



.panel-title{margin-top:0;margin-bottom:0;font-size:19px; color:inherit;}

.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color: inherit}

.panel-body{padding:15px}

.pull-right{float:right!important}
 
.text-muted{color:#777}

.arrow-up:before{content:"\2191"; }
.arrow-right:before{content:"\2192";}


/*pas besoin, sauf si on enlève .collapsing, il n'y aura alors pas d'effet de transition

.collapse{display:none}
.collapse.in{display:block} */

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility} 

.recom {
	font-size: 21px; padding-right: 6px;
}