body 
{
	margin: 0; /* 0 auto pour eviter les marges */
	FONT-WEIGHT: normal; 
	font-size: 100%;
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	COLOR: black; /* black */ 
	BACKGROUND-COLOR: white;  /* light gray */
}

/* this is the main container */
#wrapper
{
	position: relative; /* on positionne le conteneur */
	margin: auto;
	text-align: left;
	/* For full screen changed only 2 parameters */ 
	width: 100%;	/* For full screen parameter 1 use 96% - otherwise use 100% -- 96% 1024px 980px 90% */
	max-width:100%; /* For full screen parameter 2 use 100% - otherwise use 1024px -- 80%  - 1280 - also determines the natural width of the site */
	overflow: hidden;  /* visible = scroll */
	/*
	background-image: url(images/backimage.jpg);
	background-repeat: repeat;
	*/
	BACKGROUND-COLOR: white; /* white */

/*
	background: url('images/backimage.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}

/* this is the header */
#header 
{
	position:relative;
	text-align: left;
	padding: 10px;
	margin: 0;
	width: 100%;
	z-index:2;
	color: white;  /* orange */
	BACKGROUND-COLOR: black;  /* black */
	/* border:1px solid white; */
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */

}

#delimiter 
{ 
	clear: both;
}

#toppart_menu 
{
	position:relative;
	z-index:3;
	/* margin: auto; menu was centered */
	text-align: left;
	width: 90%;  /* 80% 100% */ 
	max-width:100%;
	overflow: visible;
	BACKGROUND-COLOR: white; /* orange */
}

#toppart_menuwrapper
{
	position: relative; 
	margin: auto;
	text-align: left; 
	/* vertical-align: middle; */
	width: 100%;	
	max-width:100%; 
	overflow: visible; 
	BACKGROUND-COLOR: white; /* orange - old #2C0808; */
}


/* this is the main content area page */
#content 
{ 
	position:relative; 
	/* float: center; */
	z-index:1;
	width: 100%; /* 70 72% */ 
	/* padding: 50px 50px 0px 50px; */
	BACKGROUND-COLOR: transparent; 
}

#content_readonly
{ 
	position:relative; 
	z-index:2;
	margin: auto;
	font-size: 130%;
	width: 95%; 
	padding: 10px;
	BACKGROUND-COLOR: transparent; 
	border:2px solid white; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


#content_inner
{ 
	position:relative; 
	/* float: center; */
	z-index:1;
	margin: auto;
	width: 50%; /* 70 72% */ 
	/* padding: 10px; */
	BACKGROUND-COLOR: transparent; 
	/* border:2px solid black; */
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
}

#content_print
{ 
	position:relative; 
	/* overflow:visible; */
	overflow-y:visible;
	/* display: inline; */
	z-index:1;
	width: 100%; /* 70 72% */ 
	padding: 0px 0px 0px;
	BACKGROUND-COLOR: transparent; 
}

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

#menutitle 
{
	position:relative;
	/* display: inline-block; */
	/* float: center; */
	text-align: left;
	/* vertical-align: middle; */
	/* margin: 0 1 1 1; */
	/* padding: 1 1 1 1; */
	width: 100%;
	height:32px;
	/* height: 100%; */
	z-index:2;
	color: black;
	BACKGROUND-COLOR: white; /* #9BBB59; */ /* #43A10D */
}

h1.titlebar
{
	position: relative;
	top: -4px;
	display: inline-block; 
	font-size:100%; 
	font-weight:bold; 
	/* height:4px; */ /* 16px */
	color: black;
	/* BACKGROUND-COLOR: yellow; */
	vertical-align: middle;
	/* margin: 1 1 1 1; */
}


#footer_raccourcis 
{ 
	position:relative; 
	width: 100%;
	text-align: left;
	color: white;  
	BACKGROUND-COLOR: #350909;  /*  #4C4C4C dark grey */

	/* color: black; */
	/* background-color: #C2BABA; */
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
	/* box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.6); */
}

#footer 
{ 
	position:relative; 
	width: 100%;
	text-align: left;
	color: white;  /* orange */
	BACKGROUND-COLOR: black;  /* black */
}

/*
div.vertical-line
{
	width: 1px; 
	background-color: black; 
	height: 100%; 
}
*/
/* Override in-line if you want specific height. */
/* float: left; */ /* Causes the line to float to left of content. 
You can instead use position:absolute or display:inline-block
if this fits better with your design */


/*
.vr {
    width:1px;
    background-color:#949191;
    position:relative; 
    top:35px;
}
*/

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

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

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

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

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


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


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

#snackbar 
{
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show 
{
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein 
{
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein 
{
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout 
{
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout 
{
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

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

textarea.hnote
{
	width: 95%;
	font-size:120%; /* 120% */
	height: 26em;
	/* width: calc(100% - 45px); */
	padding:10px; 
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
}

textarea.contactnote
{
	width: 90%;
	font-size:100%; /* 120% */
	height: 30em; /* 21 45em */
	/* width: calc(100% - 45px); */
	/* padding:10px; */
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
}

textarea.edittxt1
{
	width: 95%;
	font-size:130%; /* 120% */
	height: 21em; /* 5em 21 45em */
	/* padding: 5px 10px 5px 10px; */
	padding:3px 10px 5px 10px;
	color: white;
	background-color: black;
	border: 1px solid white; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
}

textarea.edittxt2
{
	width: 95%;
	font-size:130%; /* 120% */
	height: 15em; /* 21 45em */
	padding:3px 10px 5px 10px;
	color: white;
	background-color: black;
	border: 1px solid white; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
}

p.txt1
{
	text-align: left; 
	font-size: 130%; 
	background-color: white; 
	width:95%; 
	border:1px solid white; 
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	margin-left: auto; 
	margin-right: auto; 
	padding:3px 10px 10px 10px;
}

span.txt1
{
	text-align: left; 
	font-size: 130%; 
	background-color: white; 
	width:95%; 
	border:1px solid black; 
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
	/*
	margin-left: auto; 
	margin-right: auto; 
	*/
	padding:3px 10px 10px 10px;
}



textarea.pednote
{
	width: 95%;
	font-size:120%; /* 120% */
	height: 22em;
	/* width: calc(100% - 45px); */
	/* padding:10px; */
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
	/* border:1px solid black; */
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
}

textarea.maplink
{
	width: 90%;
	font-size:100%; /* 120% */
	height: 2em; /* 45em */
	/* width: calc(100% - 45px); */
	padding:10px; 
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
}

textarea.statsagent
{
	width: 40%;
	font-size:100%; /* 120% */
	height: 4em; /* 21em 45em */
	/* width: calc(100% - 45px); */
	padding:10px; 
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
}

textarea.contactnote_print
{
	width: 100%;
	font-size:100%; /* 120% */
	height: 30em;  /* 30em 45em */
	/* width: calc(100% - 45px); */
	padding:10px; 
	overflow:visible;

	display: block !important;
	white-space: pre-line; 

	/* overflow:hidden; */
	/* resize:none; */
	
	/* border:1px solid #F5C5C5; */
	/* border-radius:5px; */
	/* width:200px; */
	/* box-shadow:1px 1px 2px #C0C0C0 inset; */
}

input.recherchesub
{
	/* text-align: left; */
	font-size:120%; /* 120% #555 */
	color: white;
	text-decoration: none;
	background-color: black; /* #585555; */
	box-shadow: 0 0 0px 0px #000000;
	border-radius: 5px;
}

input.recherchesub:hover
{
	color: black;
	background-color: #C2BABA;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}  


input.recherchesub_dev
{
    display: inline-block;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: black; /* #538fbe; */
    padding: 5px 10px;
    font-size: 24px;
    border: 1px solid black;
	/*
    background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	*/
	/*
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(73,132,180)),
        color-stop(1, rgb(97,155,203))
    );
	*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    -moz-box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
    box-shadow: 0px 6px 0px #2b638f, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}


input.recherche
{
	/* text-align: left; */
	font-size:120%; /* 120% */
}

select.recherche
{
	/* text-align: left; */
	font-size:120%; /* 120% */
}

input.facture
{
	width: 200px;
}
input.facture_short
{
	width: 80px;
}

span.recherche
{
	/* text-align: right; */
	font-size:120%;  /* 120% */
}

span.titre
{
	padding:0px 15px 0px 15px; 
	font-size:150%; 
	font-weight:bold; 
	color:white; 
	background-color:black;
	border-radius: 5px;
}

span.label1
{
	font-size:130%; 
}

span.titreneutre
{
	padding:0px 15px 0px 15px; 
	font-size:150%; 
	font-weight:bold; 
}

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

button.macfont
{
	font-size:95%;  
}

input.macfont
{
	font-size:130%;
	font-weight: bold;
	padding:3px 10px 5px 10px;
}

input.macfontsmall
{
	font-size:90%;
}

select.macfont
{
	font-size:95%;
}

span.macfont
{
	font-size:95%;  
}

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


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

#colonnespacer
{
	width: 17%; 
	float: left;
	text-indent: -9999px;
	/* margin-left: 1%; */
	/* border:1px solid black; */
	/* text-align: center; */
}

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

#col0_header
{
	width: 1%;  
	float: left;
	padding: 0;
	margin: 0;

}		
#col1_header
{
	/* logo */
	width: 10%; 
	float: left;
	padding: 2px;
	margin: 0;
	/* border:1px solid white; */

}
#col2_header
{
	/* title */
	width: 67%; 
	float: left;
	padding: 10px 0px;
	margin: 0;
	/* border:1px solid white; */
}
#col3_header
{
	/* telephone */
	width: 20%; 
	float: left;
	padding: 0px 5px;
	margin: 0;
	/* border:1px solid white; */
}

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

#col0_txt_one
{
	width: 15%; 
	float: left;
	padding: 0px 0px; 
}		
#col1_txt_one
{
	width: 70%; 
	float: left;
	padding: 0px 0x; 
}

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

#col0_txt_two
{
	width: 20%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}		
#col1_txt_two
{
	width: 40%; /* 40% */ 
	float: left;
	padding: 0px 0x; 
	/* border:1px solid white; */
}
#col2_txt_two
{
	width: 20%; /* 20% */ 
	float: left;
	padding: 0px 0x; 
	/* border:1px solid white; */
}

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

#col0_editimg_two
{
	width: 20%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}		
#col1_editimg_two
{
	width: 30%; /* 40% */ 
	float: left;
	padding: 0px 0x; 
	/* border:1px solid white; */
}
#col2_editimg_two
{
	width: 20%; /* 20% */ 
	float: left;
	padding: 0px 0x; 
	/* border:1px solid white; */
}

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

#col0_codetail_two
{
	width: 20%; 
	float: left;
	/* padding: 0px 0px; */
	/* border:1px solid white; */
}		
#col1_codetail_two
{
	width: 30%; /* 40% */ 
	float: left;
	/* padding:5px 5px 5px 5px; */
	/* border:1px solid white; */
}
#col2_codetail_two
{
	width: 30%; /* 20% */ 
	float: left;
	/* padding: 0px 0x; */
	/* border:1px solid white; */
}

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

#col0_codetail_two_print
{
	width: 1%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}		
#col1_codetail_two_print
{
	width: 48%; /* 40% */ 
	float: left;
	padding:5px 5px 5px 5px; 
	/* border:1px solid white; */
}
#col2_codetail_two_print
{
	width: 48%; /* 20% */ 
	float: left;
	padding: 0px 0x; 
	/* border:1px solid white; */
}

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

#col0_facture_zero
{
	width: 100%; 
	/* float: left; */
	padding: 10px 10px; 
	/* border:1px solid white; */
}		


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

#col0_ulli_one
{
	width: 30%; 
	float: left;
	padding: 0px 0px; 
}		
#col1_ulli_one
{
	width: 40%; 
	float: left;
	padding: 5px 10px; /*  top left */ 
	border:1px solid white;
}

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

#col0_map_index
{
	width: 20%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}		
#col1_map_index
{
	width: 30%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}
#col2_map_index
{
	width: 30%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}



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

#col0_img_four
{
	width: 5%; 
	float: left;
	padding: 1%;
}		

#col1_img_four
{
	width: 20%; 
	float: left;
	padding: 1%;
}		
#col2_img_four
{
	width: 20%; 
	float: left;
	padding: 1%;
}		
#col3_img_four
{
	width: 20%; 
	float: left;
	padding: 1%;
}		
#col4_img_four
{
	width: 20%; 
	float: left;
	padding: 1%;
}		

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

#col1_indeximg
{
	width: 16%;  
	float: left;
	padding: 0;
}		
#col2_indeximg
{
	width: 18%; 
	float: left;
	padding: 1%;
}
#col3_indeximg
{
	width: 23%; 
	float: left;
	padding: 1%;
}
#col4_indeximg
{
	width: 23%; 
	float: left;
	padding: 1%;
}

#col5_indeximg
{
	width: 18%; 
	float: left;
	padding: 1%;
}

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

#col0_support_one
{
	width: 3%; 
	float: left;
	padding: 1%;
}		

#col1_support_one
{
	width: 88%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		


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

#col0_support_three
{
	width: 1%; 
	float: left;
	padding: 1%;
}		

#col1_support_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		
#col2_support_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		
#col3_support_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		

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

#col0_liens_three
{
	width: 1%; 
	float: left;
	padding: 1%;
}		

#col1_liens_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		
#col2_liens_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		
#col3_liens_three
{
	width: 30%; 
	float: left;
	padding: 1%;
	/* border:1px solid white; */
}		


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

#col0_downloads_two
{
	width: 14%; 
	float: left;
	padding: 0px 0px; 

}		
#col1_downloads_two
{
	width: 36%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}
#col2_downloads_two
{
	width: 36%; 
	float: left;
	padding: 0px 0px; 
	/* border:1px solid white; */
}

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

#col1_menuiserieimgtwo
{
	width: 20%;  /* 22% */
	float: left;
	padding: 0;
}		
#col2_menuiserieimgtwo
{
	position: relative;
	top:25px;
	width: 25%; 
	float: left;
	padding: 1%;
}

#col3_menuiserieimgtwo
{
	position: relative;
	top:25px;
	width: 25%; 
	float: left;
	padding: 1%;
}

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

#col1_metier
{
	width: 20%;  
	float: left;
	padding: 0;
}		
#col2_metier
{
	width: 60%; 
	float: left;
	padding: 1%;
}

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

#col1_contact
{
	width: 18%;  
	float: left;
	padding: 0;
}		
#col2_contact
{
	width: 60%; 
	float: left;
	padding: 1%;
}

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

#col1_image_two
{
	float: left;
	width: 50%; 
}		
#col2_image_two
{
	float: left;
	width: 50%; 
}		

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

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


/* ---------------------------------------- */
/* ------- Dropdown menu ------------------ */

/* 
Normal
text color : blackish #323232			white #9BBB59
background : orange	#F2D381			#2C0808 black

over
text color : #2C0808 black
background : white #9BBB59
*/

.toggle, [id^=drop] {
 display: none;
}

nav {
   /* position: relative; */ /* to reduce gap between menu & header */
   /* top: -50px; */ /* to reduce gap between menu & header */

  margin: 0;
  padding: 0;
  background-color: white; 
  /* border:1px solid red; */
}

#logo {
  display: block;
  margin: 0;

  padding: 0 10px;  /* 0 30px; */
  float: left;   /* if next to the menu or on the same line as the menu */
  color: white;
  background-color: transparent;
}

nav:after 
{
  content: "";
  display: table;
  clear: both;
}

nav ul 
{
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: white; /* #396029 #254441; */
}

nav a {
  display: block;
  padding: 0 10px; 
  color: black; 
  font-size: 20px; /* 16px 20px 24px */
  line-height: 40px; /* 60px 84px */
  /* 
	line-height: afe important for the menu height & position must be the same as LOGO, 
	nav ul ul and .toggle dans Media
  */
  text-decoration: none;
}

/* nav ul li ul li:hover { color: white; background: black; } */
nav ul li ul li:hover { color: white; background: transparent; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

/* nav a:hover { color: white; background-color: black; } */
nav a:hover { color: white; background-color: transparent; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

nav ul ul {
  display: none;
  position: absolute;
  top: 40px; /* 60px 84px */
  /* 
	line-height: afe important for the menu height & position must be the same as LOGO, 
	nav a and .toggle dans Media
  */
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 200px; /* 170px 130px drop down width 170px */
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px; /* -60px  */
  left: 170px; /* 170px */
}

li > a:after 
{ 
  /* content: ' +'; */ /* if you want the + sign to be display with the top dropdown menu */
}

li > a:only-child:after { content: ''; }

/* ------- Dropdown menu end -------------- */
/* ---------------------------------------- */


/* =================================================================== */
/* ------------ Media Queries Page Size 1024 ------------- */
@media screen and (min-width: 801px) and (max-width: 1024px)
{

}


/* =================================================================== */
/* ------------ Media Queries Page Size 768px 361px 401px Landscape smartphone---- */

/* @media screen and (min-width: 401px) and (max-width: 800px) */
@media screen and (min-width: 401px) and (max-width: 800px)
{

}

/* =================================================================== */
/* ------------ Media Queries Page Size was 768px portrait smartphone --------- */
/* @media screen and (max-width: 768px) 360px 400px */
/* @media screen and (max-width: 400px) */
@media screen and (max-width: 768px) 
{
		#col1_indeximg, #col2_indeximg, #col0_header, #col1_header, #col2_header, #col3_header, #col1_map_index, #col2_map_index,
		#col1_img_four, #col2_img_four, #col3_img_four, #col4_img_four, #col1_ulli_one, #col1_txt_one, #col1_txt_two, #col2_txt_two,
		#col1_support_three, #col2_support_three, #col3_support_three, col1_support_one, #col0_codetail_two, #col1_codetail_two, #col2_codetail_two,
		#col1_liens_three, #col2_liens_three, #col3_liens_three, #col1_downloads_two, #col2_downloads_two,
		#col3_indeximg, #col4_indeximg, #col5_indeximg, #col1_agencementimg, #col2_agencementimg, #col3_agencementimg,
		#col4_agencementimg, #col5_agencementimg, #col1_ameublementimg, #col2_ameublementimg, #col3_ameublementimg, 
		#col4_ameublementimg, #col1_constructionimg, #col2_constructionimg, #col3_constructionimg, #col1_constructionimgrow2,
		#col1_menuiserieimg, #col2_menuiserieimg, #col3_menuiserieimg, #col4_menuiserieimg,
		#col1_menuiserieimgtwo, #col2_menuiserieimgtwo, #col3_menuiserieimgtwo, #col1_editimg_two, #col2_editimg_two,
		#col2_constructionimgrow2, #col3_constructionimgrow2, #col1_metier, #col2_metier, #col1_contact, #col2_contact,
		#col1_image_two, #col2_image_two,
		#col1_footer_menu_four, #col2_footer_menu_four, #col3_footer_menu_four, #col4_footer_menu_four
	{
		float: left;
		clear: left;
		margin: 0;
		padding: 0px 0px; /* padding: 0px 5px; */
		/* margin: 0 0 0px 0; */
		/* margin: 0 0 10px; */
		width: 100%; /* 97 100 */
		/* height: 100%; */
	}	

	textarea.statsagent
	{
		width: 100%;
	}

	#col4_constructiontxt, #col4_constructiontxtrow2
	{
		float: left;
		clear: left;
		margin: 0;
		padding: 0px 5px;
		width: 100%;
		height: 100%;
	}	

	#col0_map_index, #col0_ulli_one, #col0_img_four, #col0_support_three, col0_support_one, #col0_liens_three, 
	#col0_downloads_two, #col0_txt_one, #col0_txt_two, #col0_editimg_two
	{
		display:none;
	}		

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

	textarea.hnote
	{
		width: 97%;
		font-size:120%; 
		height: 14em;
		padding:5px; /* 5px */ 
	}

	textarea.contactnote
	{
		width: 97%;
		font-size:120%; 
		height: 15em;
		padding:5px; /* 5px */ 
	}

	input.facture
	{
		width: 330px;
	}
	input.facture_short
	{
		width: 330px;
	}

}
/* End of Media Queries page size */

/* ---------------------------------------- */
/* Media Queries Menu 480px 680px 768px 800px 1024px */
/* @media all and (max-width : 480px 800px) */
@media screen and (max-width: 800px) 
{
	/* ------- NOT BEING USED Dropdown menu media query  ------------------ */
	/*
	#logo 
	{
	  display: block;
	  padding: 10px;
	  width: 100%;
	  text-align: left;
	  float: none;
	}

	nav 
	{ 
		margin: 0; 
	}

	.toggle + a, .menu 
	{ 
		display: none; 
	}

	.toggle 
	{
	  display: block;
	  background-color: white; 
	  padding: 0 10px; 
	  color: black; 
	  font-size: 20px; 
	  line-height: 40px; 
	  text-decoration: none;
	  border: none;
	}

	.toggle:hover 
	{ 
		color: white; 
		background: black;
	}

	[id^=drop]:checked + ul 
	{ 
		display: block; 
	}

	nav ul li 
	{
	  display: block;
	  width: 95%; 
	}

	nav ul ul .toggle,
	 nav ul ul a 
	{ 
		padding: 0 20px; 
	}

	nav ul ul ul a 
	{ 
		padding: 0 40px; 
	}

	nav a:hover,
	 nav ul ul ul a 
	{ 
		color: white; 
		background-color: black; 
	}

	nav ul li ul li .toggle,
	nav ul ul a 
	{ 
		background-color: white; 
	}

	nav ul ul 
	{
	  float: none;
	  position: static;
	  color: white; 
	}

	nav ul ul li:hover > ul,
	nav ul li:hover > ul 
	{ 
		display: none; 
	}

	nav ul ul li 
	{
	  display: block;
	  width: 100%;
	}

	nav ul ul ul li 
	{
		position: static;
	}
	*/
	/* ------- end Dropdown menu media query ------------------ */
}

@media all and (max-width : 330px) 
{
	nav ul li 
	{
	  display: block;
	  width: 94%;
	}
}

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

IMG.img_accueil
{
	/* width:100%; */
	max-width: 566px;
	/*
	border-width: 3px; 
	border-style: solid;
	border-color: #ffffff;
	*/
}

/*
IMG.img_activites
{
	width:100%;
	max-width:370px; 
	vertical-align:middle;"
	border-width: 3px; 
	border-style: solid;
	border-color: #ffffff;
}
*/

IMG.img_activites_370
{
	max-width:370px; 
	vertical-align:middle;
}

IMG.img_activites_450
{
	max-width:450px;
	vertical-align:middle;
}

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

IMG.logofooter 
{
	/* padding: 5px; */
	width: 100%;
    max-width: 25px;
	vertical-align:middle;
}


IMG.photosafe1 
{
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

IMG.photosafe
{
	width:40%;
	border-width: 3px; 
	border-style: solid;
	border-color: white;
}

IMG.photos
{
	width:100%; 
	border-width: 3px; 
	border-style: solid;
	border-color: white;
}

IMG.photos2
{
	width:100%; /* 100 */
	/* border-width: 3px; 
	border-style: solid;
	border-color: #ffffff; */
}

IMG.photos3
{
	width:100%;
	border-width: 3px; 
	border-style: solid;
	border-color: #ffffff;
}

IMG.photos4
{
	width:100%;
	border-width: 3px; 
	border-style: solid;
	border-color: black;
}

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

IMG.photos6
{
	width:95%;
	max-width: 500px; 
	vertical-align:middle;
	border-width: 3px; 
	border-style: solid;
	border-color: white;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}


table.maintable
{
	border-collapse: collapse;
	table-layout:fixed;
	width: 80%;
	/* table-layout: fixed; */
	/* border-collapse: collapse; */
	/*  max-width: 960px; */
	/* min-width: 200px; */ /* 200 */
	/* border-spacing: 10px 10px; */
	BACKGROUND: transparent;
}

td.maintable
{
	vertical-align : middle; 
	text-align: center;
	/* word-wrap: break-word; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */

	/* overflow: hidden; */

	/* width: 50%; */
	/* max-width: 192px; */
	BACKGROUND: transparent;
}



table.mainindex
{
	width: 95%;
	/* table-layout: fixed; */
	/* border-collapse: collapse; */
	/*  max-width: 960px; */
	min-width: 200px; /* 200 */
	BACKGROUND: transparent;
}

table.mainindex_80
{
	width: 70%;
	/*  max-width: 960px; */
	min-width: 200px;
	BACKGROUND: transparent;
}

table.mainindex_sizeit
{
	border-collapse: collapse;
	/* border-spacing: 50px 50px; */
	/* overflow: hidden; */
	/* table-layout:fixed; */
	/* width: 30%; */
	/*  max-width: 960px; */
	/* min-width: 200px; */
	BACKGROUND: transparent;
}

td.mainindexsideleft
{
	vertical-align : top; 
	text-align: right;
	width: 50%;
	/* max-width: 192px; */
	BACKGROUND: transparent;
}

td.mainindexsideleft_left
{
	vertical-align : top; 
	text-align: left;
	width: 50%;
	/* max-width: 192px; */
	BACKGROUND: transparent;
}

td.mainindexcenter_left
{
	vertical-align : middle; 
	text-align: left;
	BACKGROUND: transparent;
}

td.mainindexborder
{
	width: 30%;
	text-align: left;
	BACKGROUND: transparent;
}


td.mainindexcenter
{
	vertical-align : middle; 
	text-align: center;
	/* width: 100%; */
	/* max-width: 576px; */
	/* min-width: 100px; */
	BACKGROUND: transparent;
}

td.mainindexcenter_right
{
	vertical-align : middle; 
	text-align: right;
	BACKGROUND: transparent;
}

td.mainindexright
{
	vertical-align : top; 
	text-align: left;
	width: 50%; /* 60% */
	BACKGROUND: transparent;
}

/* ---------------------- video ----------------------------- */

.video-container_delete
{
position: relative;
height: 0;
padding-bottom: 56.25%; /* 56.25%; */
padding-top: 0px;
overflow: hidden;
max-width: 60%; /* bordure noir left & right */
/* min-width: 400px; */
max-height: auto;
/* min-height: auto; */
text-align:center; 
margin: 0 auto;

BACKGROUND-COLOR: black;
}

.video-container_delete iframe,
.video-container_delete object,
.video-container_delete embed 
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 40% !important; /* controls picture size*/
/* min-width: 300px; */
}

.video-container 
{
    position: relative;
    padding-bottom: 25%; /* controls the container height 56.25%; is too big */
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	max-width: 55%; /* controls the container width */
	min-width: 280px;
	min-height: auto;
	text-align:center; 
	margin: 0 auto;
}

.video-container iframe, 
.video-container object,
.video-container embed 
{
	/* must not modify this */
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


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

.rslides {
  margin: 0 auto 40px;  /* 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);
  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; /* 0 auto 50px; */
  /* max-width: 540px; */ /* 540 */
  padding: 10px 0; /* 10px 0 */
  text-align: center;
  width: 100%;
  }

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

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

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

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

.callbacks_container {
  margin-bottom: 15px; /* 50px afe Margin Bottom for the displayed slide */
  position: relative;
  float: left;
  width: 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;
  /* text-align: center; */
  /* max-height: 1024px; */ /* 1024px 768px 400px afe To control the image height */
  /* max-width: 768px; */
  height: auto; /* 400px auto */
  width: 100%;  /* 100%  */
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 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;
  }

.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;
}
*/

/* ========================================================= */
/* ----------- top part menu ------------------------------- */

A.menu1
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 100%;
	display: block;
	padding: 15px; /* controls the height */
	/* width: 200px; */
	/* height: 100px; */
	/* vertical-align: middle; */
	TEXT-DECORATION: none;
	COLOR: #EFF0FA;   /* very light blue   */
	BACKGROUND-COLOR: #103B2E; /* dark blue */ 
	
/*
		background-image: url(images/stone01.png);
		background-repeat: repeat; 
*/
}

A.menu1:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu1:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu1:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu1:hover 
{
	TEXT-DECORATION: none;
	COLOR: #103B2E;  /* dark blue */ 
	BACKGROUND-COLOR: #EFF0FA; /* very light blue */
}

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

li.menu1 
{
	text-align: center;
	/* vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit; */
	/* vertical-align: middle; */
	/* margin: auto; */ /* centre */
	padding: 0;
	/* float: left; */ /* float left = horizontal menu - no float = vertical menu*/
	float: left;
	list-style: none;
	width: 130px; /* 150px */
	/* height: 100px; */
	background-color: #103B2E; /* dark blue */
	border: 0.1em solid #6D6D6E; 
}

/* ----------- end top part menu ------------------------------- */

TABLE.topnavbar 
{
	COLOR: #20211F;  /* tres vert fonce */
	BACKGROUND: #396029 ; /* vert fonce */
	width: 100%;
}

TD.topnavbar 
{
	/* FONT-SIZE: 13px; 
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	*/
	text-align: right;
	COLOR: #20211F; /* tres vert fonce */
	BACKGROUND: #396029; /* vert fonce */
	/* border: 0.1em solid #6D6D6E; */
}

table.list_result
{
	/* border:1px solid black; */
	margin-left:auto; 
	margin-right:auto; 
	width:50%; /* 70% */  
	border-spacing: 5px; 
	background-color:white;
	border:1px; 
	border-style:outset;'>
}

td.list_result_txt
{
	text-align:left; 
	vertical-align:middle; 
	font-size:100%;
}



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

A.topnavbar 
{
	COLOR: #CFF7BB; 
	BACKGROUND-COLOR: #396029; 
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-SIZE: 100%; 
	/* display: block; */
	/* padding: 10px 10px;  */ /* height width */
	TEXT-DECORATION: none;
}

A.topnavbar:link 
{
	COLOR: #CFF7BB; 
	BACKGROUND-COLOR: #396029; /* #56C8E7 bleu */

	TEXT-DECORATION: none
}
A.topnavbar:visited 
{
	COLOR: #CFF7BB; 
	BACKGROUND-COLOR: #396029; /* #56C8E7 bleu */

	TEXT-DECORATION: none
}
A.topnavbar:active 
{
	COLOR: #CFF7BB; 
	BACKGROUND-COLOR: #396029; 
	TEXT-DECORATION: none
}
A.topnavbar:hover 
{
	COLOR: #AEAFA9; /* #103B2E */
	BACKGROUND-COLOR: #396029;  /* #EFF0FA */ 

	TEXT-DECORATION: none; /* underline */
}

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

A.leftmenu
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: black;  /*  green */
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu:hover 
{
	TEXT-DECORATION: none;
	COLOR: #8E6203; /* $const_ahover_green */
	BACKGROUND-COLOR: transparent;  
}

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

A.leftmenu2
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: #F2D381;  /*  orange */
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu2:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu2:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu2:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu2:hover 
{
	TEXT-DECORATION: none;
	COLOR: white; /* $const_ahover_green */
	BACKGROUND-COLOR: transparent;  
}

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

A.leftmenu3
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: black;  /*  green */
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu3:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu3:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu3:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.leftmenu3:hover 
{
	TEXT-DECORATION: underline;
	/* COLOR: #8E6203; */ /* $const_ahover_green */
	BACKGROUND-COLOR: transparent;  
}

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

A.pedia1
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	COLOR: black;  /*  green */
	FONT-SIZE: 80%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia1:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia1:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia1:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia1:hover 
{
	TEXT-DECORATION: underline;
	/* COLOR: #8E6203; */ /* $const_ahover_green */
	BACKGROUND-COLOR: transparent;  
}

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

A.pedia2
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	COLOR: black;  /*  green */
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia2:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia2:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia2:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.pedia2:hover 
{
	TEXT-DECORATION: underline;
	/* COLOR: #8E6203; */ /* $const_ahover_green */
	BACKGROUND-COLOR: transparent;  
}

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

A.copyright
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	COLOR: white; /* #9BBB59; */
	BACKGROUND: black; 
}

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;
	BACKGROUND-COLOR: transparent; 
}

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

TD.copyright 
{
	/* FONT-SIZE: 13px; 
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	*/
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	text-align: center;
	font-weight: normal;
	font-size: 72%;
	COLOR: #F2D381; /* #9BBB59; */
	BACKGROUND: black;
	/* border: 0.1em solid #6D6D6E; */
}

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

A.menu2
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 93%;
	TEXT-DECORATION: none;
	COLOR: #F2D381; /* #9BBB59; */
	BACKGROUND-COLOR: transparent; 
}

A.menu2:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu2:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu2:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menu2:hover 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}

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

A.invisiblelink
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 80%;
	TEXT-DECORATION: none;
	COLOR: black; /* black */ 
	BACKGROUND-COLOR: transparent; 
}

A.invisiblelink:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.invisiblelink:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.invisiblelink:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.invisiblelink:hover 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}


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

A.mainmarquee
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 130%;
	TEXT-DECORATION: none;
	COLOR: #F50505;   /*  red   */
	BACKGROUND-COLOR: transparent; /* dark blue */ 
}

A.mainmarquee:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.mainmarquee:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.mainmarquee:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.mainmarquee:hover 
{
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none; /* underline; */
	BACKGROUND-COLOR: transparent;
}

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

A.lieninterne
{
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	TEXT-DECORATION: none;
	COLOR: #103B2E;
	/* COLOR: #EFF0FA; */  /*  very light blue   */
	/* BACKGROUND-COLOR: #103B2E; */ /* dark blue */ 
}

A.lieninterne:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lieninterne:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lieninterne:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.lieninterne:hover 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;
}

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

A.menufooter
{
	FONT-FAMILY: Calibri, Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: normal;
	COLOR: white;  
	FONT-SIZE: 95%;
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menufooter:link 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menufooter:visited 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menufooter:active 
{
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: transparent;
}
A.menufooter:hover 
{
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: transparent;  
}

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

A.footermenu
{
	FONT-FAMILY: Georgia, Verdana, Arial, "Times New Roman", "Palatino Linotype";
	FONT-WEIGHT: regular;
	FONT-SIZE: 95%; /* 100% 13px */
	TEXT-DECORATION: none;
	COLOR: white;   
	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; 
}

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

TD.pict1 
{
	/* FONT-SIZE: 13px; 
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	*/
	text-align: center;
	COLOR: #103B2E; /* #201D21 black */
	font-size: 95%;
	/* BACKGROUND: #48485F; */ /* 676767 #56C8E7 bleu */
	/* border: 0.1em solid #6D6D6E; */
}

TD.tdright 
{
	/* FONT-SIZE: 13px; 
	FONT-FAMILY: Calibri, Arial, Georgia, Verdana, "Times New Roman", "Palatino Linotype"; 
	*/
	text-align: right;
	COLOR: #103B2E; /* #201D21 black */
	font-size: 95%;
	/* BACKGROUND: #48485F; */ /* 676767 #56C8E7 bleu */
	/* border: 0.1em solid #6D6D6E; */
}

td.tdtitle1
{
	vertical-align:top; 
	font-weight:bold; 
	font-size:110%;
}

td.tdtitle2
{
	vertical-align:top; 
	font-weight:bold; 
	font-size:110%;
	text-align: center;
}

td.tdtitle3
{
	vertical-align:top; 
	font-weight:bold; 
	font-size:100%;
	text-align: center;
}


TD.tdleft 
{
	vertical-align:top;
	text-align: left;
	font-weight:regular;
	font-size: 90%;
}

TD.tdcenter 
{
	vertical-align:top;
	text-align: center;
	font-weight:regular;
	font-size: 90%;
}

td.pict2
{
	text-align:center;
	vertical-align:top; 
}

td.pict3
{
	text-align:center;
	vertical-align:middle; 
}


hr.thinlightgrey
{
	height:1px;
	border:none;
	color:#A3A5C3;
	background-color:#A3A5C3;
}

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

/* ========================= Main menu ===================== */

#tophorizmenu 
{
	position:relative;
	margin: 0;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	z-index:20;
	BACKGROUND-COLOR: white;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/* ========================= Main menu ===================== */

.topnav 
{
	overflow: hidden;
	background-color: white;
	/* border:3px solid white; */
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.topnav a 
{
	float: left; /* left */
	display: block;
	color: black; /* #CCCCCE; */
	font-weight: normal;
	font-size: 15px; /* 17px */
	/* border:2px solid yellow; */
	text-align: center; /* center */
	padding: 10px 12px;  /* 14px 16px; */
	text-decoration: none;
	/* width:20%; */
}

.active 
{
	background-color: green;
	color: white;
}

.topnav .icon 
{
	display: none;
}

.dropdown 
{
	float: left;
	overflow: hidden;
	/* width:20%; */
}

.dropdown .dropbtn 
{
	font-weight: normal;
	font-size: 15px;  /* 17px */    
	font-family: inherit;
	color: black; /* #CCCCCE; */

	border: none;
	/* border:2px solid yellow; */

	outline: none;
	padding: 10px 12px;  /* 14px 16px; */
	background-color: inherit;
	margin: 0;
	/* width:20%; */
}

.dropdown-content 
{
	display: none;
	position: absolute;
	background-color: white;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 5;
}

.dropdown-content a 
{
	float: none;
	color: black;
	padding: 8px 12px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn 
{
	background-color: grey;
	color: white;
}

/*
.dropdown-content a:hover 
{
	background-color: #ddd;
	color: black;
}
*/

.dropdown:hover .dropdown-content 
{
	display: block;
}

/* ===================== End of Main menu ===================== */