@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');


:root {
  --green-afvl: rgba(92,177,128,1);
}

html{
  height:100%;
  width:100%;
  font-family:Verdana, Geneva, sans-serif;
  background-image:url(../images/back_site.png);
  background-repeat:repeat-x;
  background-color:#FFF;
  font-size:1.0em;
/*  padding:5px;
  margin: 5px;*/
}



body {
/*  font-family: 'Georama', sans-serif;*/
  background: transparent;
  background-image: none;	
  background: linear-gradient(180deg, rgba(124, 143, 210, 1) 0%, rgba(255, 255, 255, 1) 100% );
}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: var(--green-afvl);
  margin-top: 0px;
  margin-bottom: 0px
  font-weight: 500;
  line-height: 1.2;
}

h2, .h2, h1, .h1 {
  background-image: none;	
  background: transparent;
  color: var(--green-afvl);
} 

p {
  margin: 0px;
  padding: 0px;
/*line-height: 16px;*/
}

/*p {
   margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}*/

.container-header {
  background-image: none;	
  background: transparent;
/*  background: linear-gradient(180deg, rgba(93, 106, 175, 1) 0%, rgba(133, 146, 208, 1) 100% );*/
}


.site-grid 
{
  column-gap: 2px;
  background-image: none;	
  background: transparent;
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,250px)  repeat(2,minmax(0,25%)) minmax(0,250px) [main-end] minmax(0,1fr) [full-end];*/
/*  border-radius: 10px;
  box-shadow:  10px 10px 10px 0px #808080;*/
}

/*
.grid-child {
  justify-content: space-between;
  align-items: top;
  padding: 0 rem .0em;
}
*/

.container-component{
  border-radius: 0;
  box-shadow: 10px 10px 10px 0px #808080;
  background-color: #FFF;
}




/* Left */

.container-sidebar-left {
/*  width:	160px;*/
  padding: 5px;
  background-color: #FFF;
 	border-radius: 15px 0px 0px 15px;
  box-shadow:  10px 10px 10px 0px #808080;
/*  background: linear-gradient(180deg, rgba(100, 146, 208, 1) 0%, rgba(255, 255, 0, 1) 100% );*/
}

div.module_logo {
   width:	90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  /*	box-shadow: 5px 5px 5px 0px #808080;*/
  box-shadow: 5px 5px 5px 1px #808080;
}

div.module_login_form {
 width:	90%;
   margin-left: auto;
  margin-right: auto;
border-radius: 15px;
  /*	box-shadow: 5px 5px 5px 0px #808080;*/
  box-shadow: 5px 5px 5px 1px #808080;

}


/* Center */

.breadcrumb {
  --breadcrumb-padding-x: 0;
  --breadcrumb-padding-y: 0;
  --breadcrumb-margin-bottom: 1rem;
  --breadcrumb-bg: ;
  --breadcrumb-border-radius: ;
  --breadcrumb-divider-color: var(--secondary-color);
  --breadcrumb-item-padding-x: .5rem;
  --breadcrumb-item-active-color: #ff4f56;
  background-color: rgba(240,240,240,100%);
  padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
  margin-bottom: var(--breadcrumb-margin-bottom);
  font-size: var(--breadcrumb-font-size);
/*  background-color: var(--breadcrumb-bg);*/
  border-radius: var(--breadcrumb-border-radius);
  flex-wrap: wrap;
  list-style: none;
  display: flex;
}


.container-component{
  padding-left: 20px;
  padding-right: 20px;

}
/*
 .com-content-article{

  background-color: #ED1;
  padding: 35px;
  margin: 50px;
}

.blog-featured{
  background-color: #ED1;
  padding: 35px;
  margin: 50px;
}

.content-category{
  background-color: #ED1;
  padding: 35px;
  margin: 50px;
}

.com-content-categories{
   background-color: #ED1;
  padding: 35px;
  margin: 50px;
}

.table-responsive{
   background-color: #ED1;
  padding: 35px;
  margin: 50px;
}
*/
/* Rigth */


.container-sidebar-right {
/*  width:	160px;*/
  padding: 10px, 5px, 5px,5px;
  background-color: #FFF;
  box-shadow:  10px 10px 10px 0px #808080;
  border-radius: 0px 15px 15px 0px;
 /* background: linear-gradient(180deg, rgba(100, 146, 208, 1) 0%, rgba(255, 255, 0, 1) 100% );*/
}


div.module_recherche {
	width:	90%;
   margin-left: auto;
  margin-right: auto;
	border-radius: 15px;
  box-shadow: 5px 5px 5px 1px #808080;
}


div.module_news {
  width:	90%;
  	border-radius: 15px;
 margin-left: auto;
  margin-right: auto;
 	border-radius: 10 10px 10px 10px;
	box-shadow: 5px 5px 5px 1px #808080;
}

// Bottom

/*
.footer {
    background: rgb(113, 164, 118);
    //background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
*/


.container-bottom-b {
  background-color: #5C7580;
  border-radius: 10 10px 10px 10px;
  box-shadow:  10px 10px 10px 0px #808080;
/*  background: linear-gradient(90deg, rgba(100, 146, 1, 1) 0%, rgba(255, 255, 0, 1) 100% );*/
}

.maximenuck130{
  background: transparent;
}

/*
.container-bottom-b {
  background-color: #FFF;
  border-radius: 10 10px 10px 10px;
  box-shadow:  10px 10px 10px 0px #808080;
  background: linear-gradient(90deg, rgba(100, 146, 208, 1) 0%, rgba(255, 0, 0, 1) 100% );
}
*/