/****************************************************************************************************/
/* template 1 */
/****************************************************************************************************/

#listEvent001{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". . . . .";
    /*min-height: 250px;*/
}

#listEvent001 .event{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}

#listEvent001 .eventLien{display:block;position:relative;width: 100%;height: 100%;}
#listEvent001 .eventImg{width:100%;height:150px;
			background-color: transparent;
		    background-position: center center;
		    background-attachment: scroll; /*par défaut scroll */
		    background-repeat: no-repeat;
			-webkit-background-size: cover; /* pour Chrome et Safari */
			-moz-background-size: cover; /* pour Firefox */
			-o-background-size: cover; /* pour Opera */ 
			background-size: cover; /* version standardisée */ }

#listEvent001 .eventTexte{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	width:100%;height:80px;
	padding:10px;background:#efefef;border:1px solid #c1c1c1;}

#listEvent001 .eventTitre{font-size: 1.3rem;line-height:1.3rem;margin:0 0 5px 0;text-align:center;font-weight:bold;text-transform: uppercase;color:#454545;}

#listEvent001 .eventDateDebFin{font-size:1.2rem;line-height:1.2rem;margin:0;text-align:center;color:#454545;}

@media screen and (max-width: 1000px){
	#listEvent001{
	  grid-template-columns: 1fr;
	  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	  gap: 0px 0px;
	  grid-template-areas:
	    "."
	    "."
	    "."
	    "."
	    ".";
	}
}


/****************************************************************************************************/
/* template 2 */
/****************************************************************************************************/
#listEvent002{margin: 0;padding: 0;}

	#listEvent002 .event{margin: 5px 0;padding: 0;}

		#listEvent002 .eventLien{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}
		#listEvent002 .eventLien>div{display: block;flex-grow: 0;flex-shrink: 1;flex-basis: auto;align-self: auto;order: 0;
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			padding: 10px;}

		#listEvent002 .eventLien .eventDateDeb{background: #ededed;width: 30%}
			#listEvent002 .eventLien .eventDateDeb .eventMois{color: #4a4a4a;margin: 0;font-size: 1.3rem;text-align: right;}
			#listEvent002 .eventLien .eventDateDeb .eventJour{color: #4a4a4a;margin: 0;font-size: 2.8rem;line-height: 2.5rem;text-align: right;font-weight: 700;}

		#listEvent002 .eventLien .eventTexte{background: white;width: 70%;
				display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: normal;align-content: normal;}
			#listEvent002 .eventLien .eventTexte .eventTitre{color: #4a4a4a;margin: 0;font-size: 1.5rem;line-height: 1.7rem;text-align: left;}
			#listEvent002 .eventLien .eventTexte .eventDateFin{color: #4a4a4a;margin: 0;font-size: 1.3rem;line-height: 1.5rem;font-style: italic;text-align: left;}

			

/****************************************************************************************************/
/* template 3 */
/****************************************************************************************************/
#listEvent003{  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  align-content: normal;
  gap: 20px;
  padding: 0;margin: 0;
}

	#listEvent003 .event {
	    display: block;
	    flex-grow: 0;
	    flex-shrink: 1;
	    flex-basis: auto;
	    align-self: auto;
	    order: 0;
	    width: calc(50% - 20px);padding: 0;margin: 0;
	    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	  }
	#listEvent003 .event100 {
	    width: 100%;
	  }
	  @media screen and (max-width: 767px){
	    #listEvent003 .event {width: 100%;}
	  }

	  #listEvent003 .eventLien{display: block;text-decoration: none;}

		  #listEvent003 .eventImg{margin-bottom:10px;}
		 	 #listEvent003 .eventImg img{width: 100%;}
			#listEvent003 .eventDateDeb{width: 30%;margin: 0;float: left;color:#4a4a4a;}
					#listEvent003 .eventDateDeb .eventJour{color: #4a4a4a;margin: 0;font-size: 4.0rem;line-height: 4.2rem;text-align: right;font-weight: 600;}
					#listEvent003 .eventDateDeb .eventMois{color: #4a4a4a;margin: 0;font-size: 2.5rem;text-align: right;line-height: 2.7rem;font-weight: 400;}
			#listEvent003 .eventHr{display: block;width: 70%;border-bottom: 1px solid black;margin: 0;float: left;height: 35px;}
			#listEvent003 .eventTitre{color: #4a4a4a;margin: 0;font-size: 1.5rem;line-height: 1.8rem;text-align: left;clear: both;font-weight: 600;text-transform: uppercase;padding: 5px 0 0 0;}
				#listEvent003 .eventLien:hover .eventTitre{color: #A48A77;text-decoration: none;}
				#listEvent003 .eventLien:focus .eventTitre{color: #A48A77;text-decoration: none;border: 0 !important;outline:0 !important}
			#listEvent003 .eventDateFin{color: #4a4a4a;margin: 0;font-size: 1.3rem;line-height: 1.5rem;font-style: italic;text-align: left;}