/*
Top menu example shows a simple dropdown menu, however
for the implementation of dropdown menu for a smartphone ask ChatGPT
striped all commented code first before submitting to ChatGPT
*/

* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
}

body 
{
	/* height: 100%; */
	margin: 0; /* 0 auto pour eviter les marges */
	FONT-WEIGHT: normal; 
	font-size: 100%;
	/* FONT-SIZE: 16px; */
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype"; 
	COLOR: #000000; /* #000000 */
	BACKGROUND-COLOR: white; 
}

/* this is the main container */
#wrapper
{
	position: relative; /* on positionne le conteneur */
	margin: auto;
	text-align: left;
	width: 100%;	/* 96% 100% 1024px 980px 90% */
	max-width:100%;
	overflow: hidden;
	BACKGROUND-COLOR: white;
}

#header_standard 
{
	position:relative;
	text-align: center;
	margin: 0;
	z-index:2;
	color: black;
	BACKGROUND-COLOR: white;  /* #A7C17A */
}

#header_sphone
{
	display: none;
	position:relative;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index:2;
	color: black; 
	BACKGROUND-COLOR: white;  /* #A7C17A */
}

#toppart_menuwrapper
{
	position: relative; 
	margin: auto;
	text-align: left; 
	/* vertical-align: middle; */
	width: 100%;	
	max-width:100%; 
	overflow: visible; 
	BACKGROUND-COLOR: #010E1B; /* dark bleu */
	/* border:1px solid white; */
	z-index:5;
}

#toppart_menu 
{
	position:relative;
	z-index:6;
	/* margin: auto; */
	margin-left:auto;
	margin-right:auto;
	width: 60%;  /* 60% 80% 75% 67% Comic 60% calibri */ 
	max-width:100%;
	overflow: visible;
	BACKGROUND-COLOR: #2D2E5C; /* dark bleu */
	/* opacity: 0.8; */
	/* border:4px solid white; */
}

#aformenu 
{
	position:relative; 
	/* float: left; */
	width: 100%; 
	max-width:100%; 
	margin: auto;
	BACKGROUND-COLOR: white; /*  #ffffff */
	z-index:20;
	/* border: 1px yellow solid; */
}

/* this is the main content area page */
#content 
{ 
	/* centrer dans wrapper */
	position:relative; 
	width: 100%; 
	max-width:100%; 
	margin: auto;
	BACKGROUND-COLOR: white; /*  #ffffff */
	text-align:left;
	z-index:2;
	/* border: 1px black solid; */
}

#content_list
{ 
	position:relative; 
	margin: auto;
	text-align:left;
	z-index:4;
	width: 90%; /* 60% 90 50% 100% */ 
	padding: 0px 0px 0px 0px; /* top right bottom left */
	BACKGROUND-COLOR: transparent;
	/* border:5px solid black; */
	/* box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); */
}


#content_outer_slide 
{ 
	position:relative; 
	width: 90%; /* 70 90 100 70 72% */ 
	margin: auto;
	padding: 0px 0px 0px 0px;
	BACKGROUND-COLOR: white; /* #5C6754 353D30 black */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	padding-bottom: 10px;
	/* BACKGROUND-COLOR: transparent; */
	/* border:5px solid black; */
	/* background: url('images/grey.png'); */
}

#content_slide
{ 
	position:relative; 
	margin: auto;
	text-align:center;
	z-index:4;
	width: 90%; /* 60% 90 50% 100% */ 
	padding: 0px 0px 0px 0px; /* top right bottom left */
		BACKGROUND-COLOR: transparent;
	/* border:5px solid black; */
	/* box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); */

}

/* Not being used */
#content_video
{ 
	position:relative; 
	margin: auto;
	text-align:center;
	z-index:4;
    width: 400px;
    height: 300px;
	/* width: 50%; */ /* 90 50% 100% */ 
	border:5px solid black; 
	/* box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); */
}

#content_actualite
{ 
	position:relative; 
	margin: auto;
	z-index:1;
	width: 100%; /* 50% 100% */ 
	padding: 0px 0px 0px 0px;
	BACKGROUND-COLOR: transparent;
	/* border: 1px black solid; */
}

#footer
{ 
	position:relative;
	/* width: 100%; */
	/* position:relative; */
	color: black; /* #CDC8C8 */
	font-weight: regular;
	BACKGROUND-COLOR: #e6e8ea; /* #2D2E5C #5246D5 #171717 */  
	/* border: 5px #000000 solid; */
}

#cookie_header 
{
	position: fixed;
	text-align: center;
	width: 100%; /* 90% */
	z-index:125;
	color: white;
	BACKGROUND-COLOR: #003E7B;
	border:3px solid black;
	/* background-image:linear-gradient(#BA6D22, #A15E1D); */
}

#idmoretext_p1 
{
	display: none;
}
#idmoretext_p2 
{
	display: none;
}

#whiteline 
{ 
	position:relative; 
}

#delimiter 
{ 
	clear: both;
}

#linespacephoto
{
	padding-top:10px; /* 20px */
	font-size:80%;
	font-weight: bold;
	/* background-color:black; /
	/* border:1px solid black; */
}	

#linespacephotonews
{
	/* padding-top:10px; */ /* 20px */
	/* padding: 10px 0px 0px 0px; */ /* bottom ? ? ? */
	padding: 10px 10px 10px 10px;
	font-size:80%;
	font-weight: bold;
	/* background-color:black; */
	/* border:1px solid black; */
}	

#linespacephoto_event
{
	padding-top:10px; /* 20px */
	font-size:80%;
	font-weight: bold;
	/* background-color:black; /
	/* border:1px solid black; */
}	

/* --------------------------------------------------------- */

#hrafe 
{
	display:none;
	/* display:block; */
}
#hr2afe 
{
	display:block;
}

/* --------------------------------------------------------- */

#socialnetworks 
{ 
	position:relative; 
	width: 100%; /* 100 70 72% */ 
	margin: auto;
	padding: 0px 0px 0px 0px;
	BACKGROUND-COLOR: white; /* transparent; */
	/* box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); */
	/*
	padding-left: 15px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	*/
	/* border:1px solid black; */
}

/* --------------------------------------------------------- */

/* Being used */
#col1_two, #col2_two
{
	width: 50%; 
	float: left;
	/* border:1px solid black; */
}		

/* --------------------------------------------------------- */

/* Being used */
#col1_contact_two
{
	width: 30%; 
	float: left;
	/* border:1px solid black; */
}		

#col2_contact_two
{
	width: 70%; 
	float: left;
	/* border:1px solid black; */
}		


/* -------------------------------------------------------------------------------------- */

#col1_imgflash_four, #col2_imgflash_four, #col3_imgflash_four, #col4_imgflash_four
{
	width: 25%;
	/* width: calc(25% - 1px); */ /* 10px Adjust width to accommodate shadow */
	float: left;
	/* padding: 1px; */
	/* margin: 0; */
	/* box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); */ /* 10px 0px */
	/* box-sizing: border-box; */
	/* padding: 1%; not used */
	/* border:1px solid black; not used */
} 

/* -------------------------------------------------------------------------------------- */

/* original no border not used */
#col1_img_four_original, #col2_img_four_original, #col3_img_four_original, #col4_img_four_original
{
	width: 25%; 
	float: left;
	/* padding: 1%; not used */
	/* border:1px solid black; not used */
} 

/* dark border not used */
#col1_img_four_test1, #col2_img_four_test1, #col3_img_four_test1, #col4_img_four_test1 
{
    width: calc(25% - 10px); /* Adjust width to accommodate border */
    float: left;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    padding: 5px; /* Create space for the border */
    border: 2px solid black; /* Border style */
    margin: 0; /* Reset margin */
}

/* Being used - smooth shadow border */
#col1_img_four, #col2_img_four, #col3_img_four, #col4_img_four 
{
    width: calc(25% - 1px); /* 10px Adjust width to accommodate shadow */
    float: left;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    padding: 1px; /* 5px Create space for the shadow */
    /* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); */ /* 10px Smooth shadow effect */
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); /* 10px 0px */

    margin: 0; /* Reset margin */
}

/* -------------------------------------------------------------------------------------- */

#col1_img_three, #col2_img_three, #col3_img_three
{
	width: 33%; 
	float: left;
	/* padding: 1%; */
	/* border:1px solid black; */
}	

/* -------------------------------------------------------------------------------------- */

#aformarquee
{
	position:absolute; 
	top:0px; 
	left:185px; 
	width:100%; 
	background-color:#6F7139; /* #A7C17A:dark #FDFCE4 whitish */
	z-index:3;
	/* border:1px solid black; */
}

/* ----------------- marquee starts ----------------------- */

.marquee-parent 
{
  position: relative;  
  width: 100%;
  overflow: hidden;
  height: 20px;  /* 18 */
}
.marquee-child 
{
  display: block;
  width: 1500px; /* 1500px 2400 1200 45% text width 147px; */
  height: 20px; /* 18 height of your text div */
  position: absolute;
  animation: marquee 50s linear infinite; /* 80s change 5s value to your desired speed */
}
.marquee-child:hover 
{
  animation-play-state: paused;
  cursor: pointer;
}
@keyframes marquee 
{
  0% 
  {
    left: 100%;
  }
  100% 
  {
    left: -1500px; /* 1200px same as your text width */
  }
}

/* -------------------- marquee ends ----------------------- */
/* --------------------------------------------------------- */

/* --------------------- Video container ------------------------ */

.video-container 
{
    position: relative;
    padding-bottom: 31%; 
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	max-width: 40%;  /* 50% */ 
	min-width: 300px; 
	min-height: auto; 
	text-align:center; 
	margin: 0 auto;
}

.video-container iframe, 
.video-container object,
.video-container embed 
{
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container video 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* --------------------- End Video container ------------------------ */

/* --------------------- Map container ------------------------ */

.map-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; Aspect ratio: 16:9 (height divided by width) 
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*
.map-container {
	display: flex;
	flex-wrap: wrap;
}

.map-container iframe {
	flex: 1 1 50%;
	max-width: 100%;
	height: 400px;
	border: 0;
}
*/

/* --------------------- End map container ------------------------ */

/* ----------------------------------------- */

iframe.afeiframe
{
	width: 280px;
	/* height: ; */
}

IMG.photosflash
{
	width:95%; /* 90% 95% */ 
	max-width: 500px;
	/* vertical-align:middle; */
	border-width: 2px; 
	border-style: solid;
	border-color: white;  /* #A7C17A; white; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photostitle
{
	width:100%; 
	vertical-align:middle;
	max-width:452px;
	padding:10px 0px 0px;
}

IMG.photosicon
{
	width:100%; 
	vertical-align:middle;
	max-width:30px;
	/* padding:10px 0px 0px; */
}


IMG.photosmembres
{
	width:90%; 
	/* max-width:290px; */
	vertical-align:middle;
	border-width: 5px; /* 3px */ 
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photos
{
	width:90%; /* 100% */ 
	/* max-width:300px; */
	vertical-align:middle;
	border-width: 5px; /* 3px */ 
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photoscours
{
	width:90%; /* 100% */ 
	max-width:250px; 
	vertical-align:middle;
	border-width: 5px; /* 3px */ 
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}


IMG.photoscontact
{
	width:90%; /* 100% */ 
	max-width:200px;
	vertical-align:middle;
	border-width: 5px; /* 3px */ 
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}


IMG.photosnews
{
	width:90%; /* 90% 95% */ 
	vertical-align:middle;
	border-width: 1px; 
	border-style: solid;
	border-color: #000000;  /* #A7C17A; white; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photosactualites
{
	width:100%; /* 90% 95% */ 
	vertical-align:middle;
	border-width: 1px; 
	border-style: solid;
	border-color: #000000;  /* #A7C17A; white; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photosleft
{
	width:90%; /* 95% */ 
	vertical-align:middle;
	border-width: 1px; 
	border-style: solid;
	border-color: white;  /* #A7C17A; white; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.photosnewsautour
{
	width:90%; /* 95% */ 
	vertical-align:middle;
	border-width: 2px; 
	border-style: solid;
	border-color: white;  /* #A7C17A; white; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}


IMG.photosmain
{
	width:90%; /* 90% */ 
	/* max-width:300px; */
	vertical-align:middle;
	border-width: 5px; 
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.eventline
{
	width:50%; /* 90% */ 
	/* max-width:300px; */
	vertical-align:top;
	/* padding: 10px 10px 10px 10px; */
	/* border-width: 5px; */
	border-style: solid;
	border-color: white; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

IMG.bulletinmunicipal
{
	min-width:250px; 
	width:100%; 
	vertical-align: middle;
}

IMG.crcm
{
	max-width:126px;
	width:100%; 
	vertical-align: middle;
}

IMG.crcmlarge
{
	max-width:180px;
	/* min-width:100px; */
	width:100%; 
	vertical-align: middle;
}

/* ---------------- Top Menu ----------------------------- */

.navbar {

	/* margin: 0;
	padding: 0; */

	width: 100%;
	/* position: fixed; */
	position: relative;
	/* top: 0; */
	left: 0; 
	background: white; /* #101d23; */
    }

/*
.logo{
    width:5rem;
    font-size:1.8rem;
}
.logo img{
    width:100%;
}
*/
    .menu {
        list-style: none;
        display: flex;
        flex-wrap: wrap; /* Enable wrapping */
		/* justify-content: center; */
		justify-content: left;
    }

    .menu li {
        position: relative;
    }

    .menu li a {
        color: black; /* #d6e0f9; */
        display: block;
        text-decoration: none;
        /* padding: 1rem 1.5rem; */ /* original */
		/* left: 0; */ /* afe */
		padding: 0 20px; /* 0 16 afe */
		line-height: 35px; /* afe */

	    font-size: 16px; /* 14px 16px 20px 24px */
		font-weight: regular; /* regular bold */
    }

    .menu li a:hover {
		/* font-weight: bold; */ /* regular bold */
		/* left: 0; */ /* afe */
        background: #e6e8ea; /* #495ca8; */
    }

    .submenu {
        position: absolute;
        background: white; /* #101d23; */
        display: none;
		width: 170px; /* afe */
		/* text-align: left; */
		/* left: 0; */ /* afe */
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
		/* box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); */
		/* text-align: center; */ /* not all displayed in smartphone */
		z-index: 1001; /* Ensure submenu is above other content */
    }

    .submenu-wrapper:hover .submenu,
    .submenu-wrapper:focus-within .submenu {
        display: initial;
    }

    .submenu li {
        list-style: none;
    }

/* Initially hide the toggle button */
/*
.toggle-btn {
    display: none; 
    z-index:1000;
}
.icon {
    position: relative;
    width: 1.5rem;
    height: .8rem;
    cursor: pointer;
    z-index:100;
}
.icon::before {
    top: 0;
    right:0;
    content: '';
    position: absolute;
    width: 2rem;
    height: .2rem;
    background-color: #d6e0f9;
    transition: all 0.3s ease-in-out;
}
.icon::after {
    bottom: 0;
    right:0;
    content: '';
    position: absolute;
    width: 1.5rem;
    height: .2rem;
    background-color: #d6e0f9;
    transition: transform 0.3s ease-in-out;
}
*/
/* Rotate the before and after lines to create the close icon effect */
/*
.icon.active::before {
    width:1.5rem;
    transform: rotate(-45deg) translate(-0.21rem, 0.21rem);
}
.icon.active::after {
    transform: rotate(45deg) translate(-0.21rem, -0.21rem);
}
*/

/* smartphones */
/*
@media (max-width: 991px)
{
    .toggle-btn{
        display: block;
    }

    .menu{
        width:100%;
        position:absolute;
        top:100%;
        left:0;
        background: #101d23;
        border-top: .1rem solid #222f37;
        display:none;
    }

    .menu.active{
        display:initial
    }

    .menu li{
        width:100%;
        border-top: .1rem solid #222f37;
    }

    .submenu{
        position: relative;
        width:100%;
    }

    .submenu li{
        background: #222f37;
        border-top: .1rem solid #101d23;
    }

    .submenu li a{
        padding-left:2rem;
    }
}
*/

/* ---------------- End Top Menu ----------------------------- */
/* ----------------------------------------------------------- */

/* ============================== Start @media queries ================================================== */
/* ----------------------------- All high resolution --------------------------------------------------- */

/*
@media screen and (max-width: 1920px)
{
	#content 
	{ 

		width: 74%; 
		padding: 20px 50px 5%;
	}

	#leftsidebar 
	{ 
		width: 15%; 
		float: left; 
		padding: 54px; 
	}
}
*/

/* =================================================================== */
/* ------------ Media Queries Page Size 1600px ---------------------- */

/* @media screen and (min-width: 1441px) and (max-width: 1600px) */
/*
@media screen and (min-width: 1360px) and (max-width: 1600px)
{

	#content 
	{ 
		width: 78%; 
		padding: 20px 10px 5%;
	}

	#leftsidebar 
	{ 
		width: 15%; 
		float: left; 
		padding: 30px;
	}
}
*/

/* =================================================================== */
/* ------------ Media Queries Page Size 1440px x 900px Patrick BALLERIAUD (2880 x 1800) ------------- */

/* @media screen and (min-width: 1280px) and (max-width: 1600px) */
/*
@media screen and (min-width: 1025px) and (max-width: 1600px)
{
	#content 
	{ 
		width: 78%; 
		padding: 20px 10px 5%;   
	}

	#leftsidebar 
	{ 
		width: 15%; 
		float: left; 
		padding: 30px;
	}
}
*/

/* ====================================================================================================== */
/* ----------------------------- Media Queries @1024px -------------------------------------------------- */

/*
@media screen and (min-width: 801px) and (max-width: 1024px)
{
	#content 
	{ 
		width: 74%; 
		padding: 20px 10px 5%;   
	}

	#leftsidebar 
	{ 
		width: 15%; 
		float: left; 
		padding: 25px;
	}
}
*/

/* ====================================================================================================== */
/* ----------------------------- Media Queries @MYSCREEN ------------------------------------------------ */
/*
@media screen and (min-width: 801px) and (max-width: 1600px)
{
	;
}
*/

/* =================================================================== */
/* ------------ Media Queries Page Size 1280px MY SCREEN ------------- */
/* @media screen and (max-width: 1280px) */
/*
@media screen and (min-width: 768px) and (max-width: 1280px)
{
	;
}
*/

/* =================================================================== */
/* ------------ Media Queries Page Size 768px 361px 401px Landscape smartphone---- */
/*
@media screen and (min-width: 401px) and (max-width: 800px)
{
	#content 
	{ 
		width: 67%; 
		padding: 20px 10px 5%;   
	}

	#leftsidebar 
	{ 
		width: 15%; 
		float: left; 
		padding: 20px;
	}

	#datefr
	{
		display:none;
	}		

	#header_standard
	{
		display:none;
	}
	#header_sphone
	{
		display: inline-table;
	}

	#aformarquee
	{
		left:0px; 
	}
}
*/

/* =================================================================== */
/* ------------ Media Queries Page Size was 768px portrait smartphone --------- */
/* @media screen and (max-width: 768px) 400px 360px  */
@media screen and (max-width: 768px) 
{
	#col1_two, #col2_two, #col1_img_four, #col2_img_four, #col3_img_four, #col4_img_four,
	#col1_contact_two, #col2_contact_two, #col1_img_three, #col2_img_three, #col3_img_three,
	#col1_imgflash_four, #col2_imgflash_four, #col3_imgflash_four, #col4_imgflash_four
	{
		float: left;
		clear: left;
		margin: auto;
		/* padding: 2px 5px; */
		/* padding: 0px 0px; */
		/* margin: 0 0 0px 0; */
		/* margin: 0 0 10px; */
		width: 100%; /* 100 */
		height: 100%;
		/* padding-bottom: 15px; */
		/* border:1px none black; */
	}	

	#wrapper
	{
		width: 100%;
	}

	#header_standard
	{
		/* display:none; */
	}
	#header_sphone
	{
		display: inline-table;
	}

	#content 
	{ 
		width: 100%; 
		padding: 0px 0px 0%;
	}

	#content_slide
	{ 
		position:relative; 
		margin: auto;
		z-index:1;
		width: 100%; /* 100% */ 
		padding: 0px 0px 0px;
		BACKGROUND-COLOR: transparent; 
	}

	/* does not seem to work */
	#afeiframe
	{
		width: 560px; /* 560px  */
		height: 315px; /* 315px */
	}

	#hrafe 
	{
		display:block;
	}
	#hr2afe 
	{
		display:none;
	}

	/*
	.video-container 
	{
		padding-bottom: 80%;  
	}
	*/

	#aformarquee
	{
		left:0px; 
	}
/*
	.map-container iframe 
	{
		flex-basis: 100%;
	}
*/
}

/* ------------ End of Media Queries Page Size ----------------------- */
/* =================================================================== */


/* ------------------------------------------------------------ */
/* media query dropdown menu 800px */
/* @media screen and (max-width: 768px)  : to reactivate if necessary */
@media screen and (max-width: 50px)
{
;	
}

/* ------- end Top Menu media query ------------------ */


/* -------------------------------------------------------------------------- */

label 
{
  font-family: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
  font-weight: bold;
  font-size: 11px;
}


input.recherche 
{
	border: 1px solid #000;
	width: 120px;
	height: 18px;
	background-color: #ccc;
}

.submit {
  border: 1px solid grey;
  background-color: green;
  font-family: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
  color: black;
  font-size: 11px;
}

/* ------------------------------------------------------------------------- */

table.table_liensutiles
{
	/*  font-size:88%; */
	width: 80%;
	margin-left:auto; 
	margin-right:auto; 
	border-spacing: 5px 5px;
	background-color:transparent;
	/* border:1px solid black; */
}

td.td_liensutiles
{
	text-align:center; 
	vertical-align:middle;  /* top middle */ 
	width: 25%;
	/* border:1px solid black; */
}

td.textnormal
{
	text-align:left; 
	vertical-align:top; 
	border:1px solid black;
	border-collapse: collapse;
	padding: 5px;
	/* border-spacing: 5px 5px 5px 5px; */

	/* width: 25%; */
}

th.textnormal
{
	border:1px solid black;
	border-collapse: collapse;
	padding: 5px;
	/* border-spacing: 5px 5px 5px 5px; */
}


IMG.liensutiles
{
	width:100%; 
	max-width:120px;
	vertical-align:middle;
	/* background-color:white;
	border:1px; 
	border-style:outset;
	*/
	/* border:1px outset #C5BEBD; */
	/* border:1px solid grey; */
}

/* ------------------------------------------------------------------------- */


table.events
{
	/* width: 350px; */
	text-align: left; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #526D2E;   /*  $const_dark_green */
	border-spacing: 0 0;
	margin: 5px 5px 5px 5px;
	border-collapse: collapse;


}

table.datetime
{
	width: 200px;
	text-align: left; 
	border-width: 0px; 
	border-style: none; 
	border-color: black;   
	border-spacing: 0 0;
	border-collapse: collapse;
	/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
	*/
}

td.datetime
{
	vertical-align: middle;
	font-size:85%; /* 100% 11px; */
	color: #526D2E;   /*  $const_dark_green */
	white-space: nowrap; /* nowrap */
}

table.retour
{
	/* border:1px solid black; */
	font-size:90%;
	font-weight:bold;
	margin-left:auto; 
	margin-right:auto; 
	border-spacing: 5px;
	color:black;

	background-color:#DBDAE7; /* if below doesn't work circle */
	background: radial-gradient(circle, #DBDAE7, black);
	border:2px; border-style:outset groove;
	
}

/* --------------------------------------------- */

A.retour
{
	COLOR: black;
	BACKGROUND-COLOR: transparent; 
	FONT-SIZE: 100%; 
	TEXT-DECORATION: none;
}

A.retour:link 
{
	COLOR: black; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
A.retour:visited 
{
	COLOR: black; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
A.retour:active 
{
	COLOR: black; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none
}
A.retour:hover 
{
	COLOR: #DBDAE7; /* E2E0E0  */
	BACKGROUND-COLOR: transparent;  
	TEXT-DECORATION: none; 
}

/* ------------------------------------------------------------- */

A.events
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	display: block;
    width: 170px;
	padding: 3px;
	/* width: 200px; */
	TEXT-DECORATION: none;

	COLOR: #3E2B01;   /*  dark */
	BACKGROUND-COLOR: #A7C17A; 
/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
*/
}

A.events:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.events:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.events:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.events:hover 
{
	TEXT-DECORATION: none;
	COLOR: white; 
	BACKGROUND-COLOR: #3E2B01;  
}

/* ------------------------------------------- */

hr.events
{
	border: 0;
	/* padding: 0px 0px 0px 5px; */
	width: 80%; 
	/* width: 188px; */
	color: grey;
	background-color: grey;
	height: 1px;
}

hr.afebold
{
	height: 2px; 
	background-color: black; 
	border: none; 
	margin-left: 20px;
}

hr.afeboldthin
{
	height: 1px; 
	background-color: black; 
	border: none; 
	margin-left: 20px;
}

/* ------------------------------------------- */

ul.afeleft 
{
	display: inline-block;
	margin-left: 20px;
	text-align: left;
	font-size: 18px; /* 13px 100% */
	list-style-type: none; /* Remove bullet points */
	padding: 0; /* Remove default padding */
}


ul.events
{
	list-style-type:none; 
	padding:3px; /* 3 */
	background-color:#A7C17A;
	color: #3E2B01; /* #A7C17A #35BC37 */
	/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
	*/
}

ul.associations
{
	list-style-type:none; 
	padding:10px;
	background-color:#A7C17A; /* #35BC37 */
	color:black;
	/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
	*/
}

/* ------------------------------------------- */

span.copyright /* not used */
{
	font-size: 10px;
	font-weight: bold;
	color: #526D2E;   /*  #526D2E */
	/* text-align: center;
	margin: 0px auto auto auto; */
}

p.copyright
{
	font-size: 11px;
	font-weight: regular;
	color: black;   
	text-align: center;
	/* margin: 0px auto auto auto; */
	/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
	*/
}

/* ------------------------------------------- */

A.copyright
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	COLOR: black;  
	FONT-SIZE: 11px;
    width: 180px;
	padding: 5px;
	/* width: 200px; */
	
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.copyright:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.copyright:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.copyright:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.copyright:hover 
{
	TEXT-DECORATION: none;
	COLOR: black; 
	BACKGROUND-COLOR: transparent;  
}

/* ------------------------------------------- */

A.downloadpdf
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	COLOR: black;  /*  dark green #526D2E */
	FONT-SIZE: 10px;
    width: 180px;
	padding: 5px;
	/* width: 200px; */
	
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: black;
}
A.downloadpdf:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.downloadpdf:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.downloadpdf:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.downloadpdf:hover 
{
	TEXT-DECORATION: underline;
	COLOR: black; 
	BACKGROUND-COLOR: transparent;  
}

/* ------------------------------------------------------------- */

A.flashinfo
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: bold;
	font-size:100%;
	COLOR: #000000;
	/* FONT-SIZE: 13px; */
	
	/* display: block; */
    /* width: 170px; */
	/* padding: 3px; */
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.flashinfo:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.flashinfo:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.flashinfo:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.flashinfo:hover 
{
	/* FONT-WEIGHT: bold; */
	TEXT-DECORATION: underline;
	/* BACKGROUND-COLOR: #24890D;  */
}

/* ------------------------------------------------------------- */

A.titleinfo
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: bold;
	font-size:100%;
	COLOR: #000000;
	/* display: block; */
    /* width: 170px; */
	/* padding: 3px; */
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.titleinfo:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.titleinfo:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.titleinfo:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.titleinfo:hover 
{
	/* FONT-WEIGHT: bold; */
	TEXT-DECORATION: underline;
	/* BACKGROUND-COLOR: #24890D;  */
}

/* ------------------------------------------------------------- */

A.lireplus
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: bold;
	font-size:100%;
	COLOR: #000000;
	/* display: block; */
    /* width: 170px; */
	/* padding: 3px; */
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.lireplus:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lireplus:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lireplus:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lireplus:hover 
{
	/* FONT-WEIGHT: bold; */
	TEXT-DECORATION: underline;
	/* BACKGROUND-COLOR: #24890D;  */
}

/* ------------------------------------------------------------- */

A.otherinfo
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: #000000;  
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: white;
}
A.otherinfo:link 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}
A.otherinfo:visited 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}
A.otherinfo:active 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}
A.otherinfo:hover 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}

/* ------------------------------------------- */

A.comcom
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: #000000;  
	/* FONT-SIZE: 13px; */
	
	/* display: block; */
    /* width: 170px; */
	/* padding: 3px; */
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.comcom:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.comcom:visited 
{
	TEXT-DECORATION: none; 
	BACKGROUND-COLOR: transparent;
}
A.comcom:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.comcom:hover 
{
	TEXT-DECORATION: underline;
	/* BACKGROUND-COLOR: #24890D;  */
}


/* ------------------------------------------------------------- */

ul.associa
{
	list-style-type:none; 
	
	width: 190px; /* 180px */
	/*
	text-align: left;
	*/
	padding:3px; /* 3px */
	background-color: #A7C17A; 
	color: #3E2B01; /* #A7C17A #35BC37 */
	border: 2px #565543 solid; /* #CC8E06 */
}

/* ------------------------------------------------------------- */

A.menulist
{
	COLOR:black;
	/* BACKGROUND-COLOR: #220000; */
	/* FONT-SIZE: 100%; */
	TEXT-DECORATION: none;
}

A.menulist:link 
{
	TEXT-DECORATION: none
}
A.menulist:visited 
{
	TEXT-DECORATION: none
}
A.menulist:active 
{
	TEXT-DECORATION: none
}
A.menulist:hover 
{
	COLOR:black; 
	/* font-weight:bold; */
	TEXT-DECORATION: underline;
	/* TEXT-DECORATION: none; */
	/* BACKGROUND-COLOR: #CCCCCE; */ /* #e6e8ea #CCCCCE; */
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
	
}

/* ------------------------------------------------------------- */

A.news
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: bold;
	FONT-SIZE: 95%; /* 100% 13px */
	/* display: block; */
	/* width: 90%; */ 
	/* padding: 0px; */ /* 3px */
	/* text-align:center; */
	TEXT-DECORATION: none;
	COLOR: #3E2B01;   /*  dark */
	BACKGROUND-COLOR: #A7C17A; 
}

A.news:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.news:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.news:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.news:hover 
{
	TEXT-DECORATION: underline;
	color: #775302; /* COLOR: yellow;  */ /* #A7C17A */ 
	/* FONT-WEIGHT: bold; */
	BACKGROUND-COLOR: transparent; /* #3E2B01 #A7C17A; */ /* #3E2B01;  */
}

/* ------------------------------------------------------------- */

A.newsautour
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: bold;
	FONT-SIZE: 95%; /* 100% 13px */
	/* display: block; */
	/* width: 90%; */
	/* padding: 0px; */ /* 3px */
	/* text-align:left; */
	TEXT-DECORATION: none;
	COLOR: #3E2B01;   /*  dark */
	BACKGROUND-COLOR: #A7C17A; 
}

A.newsautour:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.newsautour:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.newsautour:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.newsautour:hover 
{
	TEXT-DECORATION: underline;
	color: #775302; /* COLOR: yellow;  */ /* #A7C17A */ 
	/* FONT-WEIGHT: bold; */
	BACKGROUND-COLOR: transparent; /* #3E2B01 #A7C17A; */ /* #3E2B01;  */
}

/* ------------------------------------------------------------- */

A.footermenu
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	FONT-SIZE: 95%; /* 100% 13px */
	TEXT-DECORATION: none;
	COLOR: black;   
	BACKGROUND-COLOR: transparent;
}

A.footermenu:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.footermenu:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.footermenu:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.footermenu:hover 
{
	TEXT-DECORATION: underline;
	/* color: white; */
	BACKGROUND-COLOR: transparent; 
}

/* ------------------------------------------------------------ */

p.info
{
	padding-left: 30px; 
	padding-right: 30px; 
	FONT-SIZE: 120%; 
}

p.titlepage
{
	font-size: 160%; 
	font-weight: bold;
	text-align: center; 
	vertical-align: middle;
}

p.text
{
	FONT-SIZE: 120%; 
}

p.textcenter
{
	FONT-SIZE: 120%; 
	text-align: center;
}

p.textleft
{
	FONT-SIZE: 120%; 
	text-align: left;
}


p.actualites
{
	text-align: center;
	vertical-align:middle;
	border-width: 5px; /* 3px */ 
	border-style: solid;
	border-color: black; /* #383B3E; light grey #CED1D3; */
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

p.titlecenter
{
	FONT-FAMILY: "Lucida Handwriting", Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype"; 
	font-weight: bold; 
	color:red; 
	text-align: center;
}

p.titleleft
{
	FONT-FAMILY: "Lucida Handwriting", Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype"; 
	font-weight: bold; 
	color:red; 
	text-align: left;
}


h1.titlecenter
{
	FONT-FAMILY: "Lucida Handwriting", Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype"; 
	font-weight: bold; 
	color:red; 
	text-align: center;
}

#framebox_delete 
{
	position:absolute;
	top:3px;
	left:5px;
	width: 205px;
	height: 41px;
	background-color: transparent;
	background-image: url(images/asso_backg.png);
	background-repeat: no-repeat;  /* repeat */
	background-position: 0 0;  
}

span.afeindent
{
	margin-left: 20px;
}

span.afetitle
{
	margin-left: 20px;
	background-color: black;
	color: white;
}

h3.afeindent
{
	margin-left: 20px;
	/* background-color: black;
	color: white;
	*/
}

p.afeindent
{
	margin-left: 20px;
}

h4.framebox
{
	position:relative;
	left:2px; /* -15px */

	color: black; 
	text-align: center;
	width: 205px;
	height: 60px;
	/* padding: 5px; */
	background-color: transparent;
	background-image: url(images/asso_backg.png);
	background-repeat: no-repeat;  /* repeat */
	background-position: center center;  
	/* background-attachment:fixed; */
	/*
	margin:0;
	padding:0;
	*/
}

h4.framebox2lignes
{
	position:relative;
	left:2px; /* -15px */

	color: black; 
	text-align: center;
	width: 205px;
	height: 45px;
	/* padding: 5px; */
	background-color: transparent;
	background-image: url(images/asso_backg.png);
	background-repeat: no-repeat;  /* repeat */
	background-position: center center;  
	/* background-attachment:fixed; */
	/*
	margin:0;
	padding:0;
	*/
}

/* =================================================== */

/* -----------------slide show start ----------------------- */

.rslides {
  margin: 0 auto 40px;  
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25); /* rgba(0,0,0,.25) */
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px; 
  /* max-width: 540px; ????? afe */ 
  padding: 10px 0; 
  text-align: center;
  width: 100%; /* 100% */
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px /* 9px 20px */
  height: auto; 
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0; /* 0 */
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

.callbacks_container {
  margin-bottom: 15px; /* 15px 50px afe Margin Bottom for the displayed slide */
  position: relative;
  float: left; /* afe disabled float to allow the centering of the object in index.php 
  and to avoid to have a flattened image display by modifying the width: max-width: 900px */ 
  /* max-width: 900px; */ /*  afe 900px */
  width: 100%; /* afe: 90% -  original: 100% */ 
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%; 
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%; 
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  /* max-height:400px; */ /* 400px 350px afe To control the image height */
  height: auto; /* 400px auto */
  width: 100%; 
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 100%; /* 20px; */
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  /* TEXT-DECORATION: underline; */
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  /* background: transparent url("themes/themes.gif") no-repeat left top; */
  background: transparent url("images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

/*
#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}
*/

/* -----------------slide show end ----------------------- */