/* BALISES HTML - debut 	===================================================================== */

body {
margin: 0px;
//background-color: #fcfae1;
background-color: gray;
//background-image: url(background_projets_blur.jpg);
background-image: url(background_ecologie_fleurs.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
//background-size: cover;
background-position: 0% 0%;
font-family: Calibri, Arial, sans-serif;
//font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1.1em;
}

h1, h2, h3 {
font-size: 1.8vw;
//text-align: left;
color: white;
text-shadow: 1px 1px black;
//color: #2fa870;
//padding-bottom: 10px;
}

a {
margin: 0px;
color: blue;
font-weight: bold;
text-decoration: none;
}

blockquote {
position: relative; left: -10px;
width: 80%;
margin-left: 10%; margin-top: 30px; margin-right: 10%;
padding: 10px; padding-top: 30px;
border: 2px solid #f2f2f2;
background: #fbfbfb url(pics/quote_left.gif) no-repeat 5px 5px;
font-family: Times New Roman;
font-size: 18px;
color: rgb(155,155,155);
}

img {
width: 100%;
height: auto;
}

/* BALISES HTML - fin 		===================================================================== */

/* CLASSES - debut		===================================================================== */

.stopbeton {
position: absolute;
z-index: 1;
max-width: 170px;
max-height: 176px;
left: 100px; top: 80px;
}

/* @media only screen and (max-width: 600px) {
	.stopbeton {
	max-width: 100px;
	max-height: 100px;
	left: 50px;
	}
} */

.format_lettretype {
background-color: #fff27a;
}

.format_lettretype:hover {
color: white;
background-color: blue;
text-decoration: none;
}

.flex_container {
display: flex;
height: 160px;
margin-bottom: 10px;
background-color: rgb(250,250,255);
color: rgb(125,150,200);
}

.chansons {
height: auto; width: 440px;
margin-left: 20px; padding: 0px;
font-size: 6pt;
overflow: auto;
border-right: 4px solid blue;
}

.ancre_top {
position: absolute;
right: 20px;
font-size: 20px;
}

.ancre_top a, .ancre_top a:hover {
text-decoration: none;
background-color: rgb(125,150,200);
color: white;
border-radius: 4px;
}

.body_intro2 {
background-image: url(background_intro2.jpg);
}

.body_background2b {
background-image: url(background2b.jpg);
}

.body_background_ecologie_fleurs {
background: url(background_ecologie_fleurs.jpg);
}

.noscript_container {
position: absolute; 
top: 0; left: 0; width: 100%; height: 100%;
display: table;
}
.noscript_p {
display: table-cell;
vertical-align: middle;
padding: 10%;
font-family: Arial, Courier New;
text-align: center;
line-height: 23px;
font-size: 17px;
font-weight: bold;
color: gray;
}

.news {
background-color: darkorange;
text-shadow: 1px 1px 1px black;
}

/* CLASSES - fin			===================================================================== */

#conteneur_index {
position: absolute; 
top: 0; left: 0; width: 100%; height: 100%;
}

/* MENU TOP - debut		===================================================================== */

#menu {
position: fixed; top: 0px; width: 100%; left: auto; right: auto;
z-index: 6;
//background-color: #2fa870;
background-color: rgb(34,129,252);
//background: url(menu_degrade.gif);
//background-repeat: repeat-x;
height: 36px; text-align: center;
padding-top: 2px; padding-bottom: 2px;
//background-color: #3f953d;
}

#menushadow {
position: fixed; top: 0px; width: 100%; left: auto; right: auto;
z-index: 5;
background-color: #2865b4; //rgb(14,109,232);
height: 39px; text-align: center;
display: block;
float: center;
padding-top: 2px; padding-bottom: 2px;
}

#menu ul {
position: relative; bottom: 9px;
list-style-type: none;
padding: 0px;
}

#menu li {
display: inline;
float: center;
font-size: 1.3em;
}

#menu li a, .dropbtn {
display: inline-block;
color: white;
margin-left: 5px; margin-right: 5px;
padding: 0px 3px 0px 3px;
text-decoration: none;
font-weight: bold;
}

#menu li a:hover, .dropdown:hover .dropbtn {
background-color: rgb(84,179,255);
}

#menu li .nobackcolor:hover {
background-color: transparent;
}

#menu li .news:hover {
background-color: darkorange;
text-shadow: 1px 1px 1px black;
}

#menu li.dropdown {
display: inline-block;
}

#menu .dropdown-content {
display: none;
position: absolute; top: 27px;
//background-color: #2fa870;
background-color: rgb(34,129,252);
//border-top: 3px solid #2865b4;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
z-index: 1;
}

#menu .dropdown-content a {
color: white;
margin: 0;
padding: 8px 12px;
text-decoration: none;
text-shadow: 0px 0px;
display: block;
text-align: left;
}

#menu .dropdown-content a:hover {background-color: darkorange; //rgb(62,220,175);}

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

/* MENU TOP - fin			===================================================================== */

/* GOOGLEMAP - debut		===================================================================== */

#legende, #legende_eglise {
position: absolute;
color: white;
font-family: Calibri, Arial, Sans serif;
font-size: 1.2em;
font-weight: bold;

/*text-shadow: 1px 1px 3px black;*/
background-color: darkorange;
padding: 6px; padding-bottom: 8px;
border-radius: 4px;
box-shadow: 0px 8px 8px 0px rgba(20,20,0,0.4);
}

#legende_eglise {
background-color: transparent;
color: yellow;
font-size: 1.4em;
text-decoration: none;
text-shadow: 1px 1px 1px black;
padding: 0;
//border: 1px dotted white;
box-shadow: none;
}

#legende a {
color: white;
}

/* dropdown projets - debut */

.legende_popup {
position: relative;
display: inline-block;
}

.legende_popup_contenu {
display: none;
position: absolute; left: 75px;
background-color: white;
min-width: 300px; min-height: 300px; max-height: 350px;
box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.3);
padding: 10px;
border: 2px solid darkorange;
z-index: 1;
color: black;
font-size: .5em;
font-weight: 100;
font-family: Arial, Sans serif;
text-align: justify;
overflow: auto;
}

.legende_popup:hover .legende_popup_contenu {
display: block;
}

.linkout {
position: absolute;
max-width: 16px; max-height: 16px;
border: none;
right: 5px;
top: 5px;
}

/* dropdown projets - fin */
/* GOOGLEMAP - fin		===================================================================== */

/* PAGE - debut			===================================================================== */

#page {
position: fixed;
overflow: auto;
bottom: 0px;
width: 100%; height: 100%;
//max-width: 800px;
left: auto; right: auto;
}

/* PAGE - fin				===================================================================== */

/* ARTICLE - debut		===================================================================== */

#article {
position: absolute;
top: 0px;
left: 25%; right: 25%;
text-align: center;
background-color: white;
height: auto;
width: auto; //min-width: 800px;
padding: 20px 20px 20px 20px;
//border-bottom: 12px solid green;
box-shadow: 3px 10px 20px gray;
}

#article h1 {
position: relative;
padding: 10px;
padding-top: 15px; padding-bottom: 10px;
margin-bottom: 40px;
text-align: center;
font-size: 1.4em;
font-weight: bold;
background-color: rgb(125,150,200);
border: 1px solid rgb(95,120,180); border-radius: .5em;
word-spacing: .4em;
letter-spacing: .1em;
color: #fcfae1;;
}

#article h2 {
text-align: center;
font-size: 1.3em;
font-weight: bold;
text-shadow: none;
color: rgb(125,150,200);
margin: 30px;
}

#article p {
padding-left: 10px;
padding-right: 10px;
font-size: 12pt;
text-align: left;
}

#article ul {
list-style-image: url(pics/list_puce.gif);
text-align: justify;
padding-right: 50px;
}

#article img {
border: 1px inset gray;
margin-top: 25px;
margin-bottom: 25px;
}

#article blockquote p {
text-align: center;
font-family: Times New Roman;
font-size: 18px;
color: rgb(155,155,155);
padding: 10px;
}
/* ARTICLE - fin		===================================================================== */

/* TABLEAU REVUE DE PRESSE - debut ========================================================= */

th strong {
color: #fff;
}

th {
background: #93BC0C;
height: 20px;
padding: 8px;
color: #FFF;
text-align: center;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}

tr {
height: 30px; width: 800px;
}

td {
padding: 8px;
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}

td.presse_titre {
width: 250px;
text-align: left;
padding-left: 20px;
}

td.legende_pdf {
font-size: 8pt;
//color: rgb(120,120,120);
}

td.first, th.first {
border-left: 0px;
}

tr.row-a {
background: #F8F8F8;
}

tr.row-b {
background: #EFEFEF;
}

#article table img {
margin: 0px;
border-color: blue;
box-shadow: 1px 1px 1px gray;
}

#article table img.minipdf {
width: 15px; height: 15px;
margin: 0px;
border: none;
}

/* TABLEAU REVUE DE PRESSE - fin ========================================================= */


/* loupe bonjour wavre - debut */
.presse_agrandissement {
position: relative;
}

.presse_agrandissementcontenu {
display: none;
background-color: white;
position: absolute; left: -120px; top: -30px;
overflow: auto;
width: 900px; height: 480px;
border: 1px solid black;
box-shadow: 2px 1px 3px 1px rgba(0,0,0,0.3);
z-index:3;
}

.presse_agrandissement:hover .presse_agrandissementcontenu {
display: block;
}

.loupe_bw {
position: absolute;
top: -21px; left: 130px;
width: 53px; height: 53px;
border: none;
background-image: url(pics/icone_loupe.svg);
}

/* loupe bonjour wavre - fin */

/* loupe TEC - debut */

#tec_agrandissement {
position: relative;
border: 1px solid darkgray;
background: url(pics/p1_horaires_tec_01.jpg) no-repeat 23px 0px; background-color: gray;
width: 100%; height: 185px;
margin-top: 50px; margin-left: auto; margin-right: auto;
}

#loupe_tec {
position: absolute;
bottom: 12px; left: 24px;
padding-left: 160px; padding-right: 0px; padding-top: 73px;
margin: 0px;
border: 3px solid white;
font-size: 21px; font-weight: bold;
color: blue;
}

.tec_agrandissementcontenu {
display: none;
background-color: white;
background-image: url(pics/p1_horaires_tec_01_detail.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute; left: -10px; top: -32px;
width: 350px; height: 135px;
border: 3px solid white;
box-shadow: 2px 2px 3px rgb(40,40,40);
z-index:3;
}

#loupe_tec:hover .tec_agrandissementcontenu {
display: block;
}
/* loupe TEC - fin */

/* FOOTER - debut		===================================================================== */

#footer {
position: fixed; bottom: -5px; width: 100%; left: auto; right: auto; margin-bottom: 0px;
z-index: 6;
background-color: transparent;
height: 30px; text-align: center;

}

#footer ul {
list-style-type: none;
width: 100%; height: 30px;
margin: auto; margin-bottom: 0px;
text-align: center;
color: white;
background-color: rgb(34,129,252);
border-right: 2px solid #1c62bd; border-bottom: 2px solid #1c62bd;
border-left: 2px solid #7fb7ff; border-top: 2px solid #7fb7ff;
}

#footer li {
display: inline;
float: center;
font-size: 10pt;
font-weight: bold;
word-spacing: .2em;
letter-spacing: .2em;
text-shadow: 1px 1px 2px black;
}

#footer li a, .upbtn {
display: inline-block;
color: white;
//margin-left: 5px; margin-right: 5px;
//padding: 0px 3px 0px 3px;
text-decoration: none;
font-weight: bold;
}

#footer li a:hover, .dropdup:hover .upbtn {
background-color: none;
}

#footer li.dropup {
display: inline-block;
}

#footer .dropup-content {
display: none;
position: absolute; bottom: 22px;
background-color: rgb(250,252,255);
min-width: 160px; min-height: 160px;
overflow: auto;
padding: 10px;
text-align: center;
color: #8492a3; text-shadow: none;
box-shadow: 4px 4px 4px rgb(80,80,80,0.3);
border: 1px solid gray; /*rgb(34,129,252);*/
border-radius: 6px;
z-index: 6;
}

#footer .dropup-content a {
color: blue;
margin: 0px;
padding: 2px;
text-decoration: none;
text-shadow: 0px 0px;
}

#footer .dropup-content a:hover {
color: white;
//background-color: rgb(62,220,175);
background-color: blue; //rgb(84,179,255);
}

#footer .dropup:hover .dropup-content {
display: block;
}

/* FOOTER - fin			===================================================================== */