@charset "utf-8";
/*
Waterevive.com CSS Document
September 2011
*/

/*
CSS reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0;}
/*  Fonts  */

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('../fonts/texgyreadventor-italic-webfont.eot');
    src: url('../fonts/texgyreadventor-italic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot%3F') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
/*    font:16px/19px 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif;*/
	
/*	font:11px/17px Verdana, Geneva, sans-serif;  */
	font-size:40%;

    color:#033e5a;
		background-color:#f0f0f0;
    overflow-x: hidden;
    overflow-y: hidden;
}

a{text-decoration:none; color:#359142;}
a:hover, a:focus	{text-decoration:underline;}
.bgimg				{position:absolute; top:0; left:0; z-index:-1}
.contenu			{margin:4% auto 0;}
.contenu-home		{margin-top:5% !important;}
.content-pad		{padding:0 ;}
.cont				{float: left; width:1400px; padding-top:20px; /*border:1px solid white;*/}
.h1cont				{padding:10px; margin-left: 31px; /*border-top:1px solid white; border-bottom:1px solid white;*/}
.h1pape2			{width: 294px; height: 186px; padding: 0; margin-left: 31px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7)/*border-top:1px solid white; border-bottom:1px solid white;*/}
.h1pape3			{width: 294px; height: 206px; padding: 0; margin-left: 31px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7)/*border-top:1px solid white; border-bottom:1px solid white;*/}

h2					{font:28px/28px 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; font-weight:normal; margin-bottom:18px;}
h3					{font:20px/20px 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; font-weight:normal; margin-bottom:12px;}

p					{margin-bottom:6px;}

ul					{margin-bottom:6px;}
ul li				{margin:0 20px 3px;}


.nav{background:transparent url(../images/white.png) repeat; /*border:1px solid white;*/ cursor:pointer; }
.nav:hover{background-color:#fff;}
.nav-active{background-color:#fff; /*border:1px solid white;*/}

a#pagePrev, a#pageNext{background:transparent url(../images/sprites.png); /*border:1px solid white; */color:#004b6e; outline:none; text-indent:-9999px; overflow:hidden; width:45px; height:30px; }
a#pagePrev{background-position:-45px 0;}
a#pageNext{background-position:0 0;}
a:hover#pagePrev, a:hover#pageNext{background-color:#fff; color:#abd34e; /*border:1px solid white;*/}
a:hover#pagePrev{background-position:-45px -30px;}
a:hover#pageNext{background-position:0 -30px;}
#pageNavigation a{text-align:center; font-size:11px; line-height:22px; font-family:Verdana, Geneva, sans-serif; display:block; color:#152e59;}
#pageNavigation a:hover, #pageNavigation a:focus, #pageNavigation a:active{text-decoration:none; color:#152e59;}


ul.col3{list-style:none; overflow:hidden; margin-right:-32px;}
ul.col3 li{float:left; width:250px; /*height:370px;*/ margin:0 20px 0 0;}
ul.col3 li.member-border{border-right:1px solid #9fafb7; padding-right:20px;}
.col3 img{float:right; margin:5px 0 12px 12px; border:1px solid #004b6e; padding:2px;}

#lionways{position:fixed; left:31px; bottom:10px; font:10px/18px 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; text-shadow:1px 1px 1px #000;color:#fff; letter-spacing:1px; opacity:.7; filter:alpha(opacity=70);}
#lionways a{display:block; height:25px; width:143px; color:#ccc;}
#lionways a span{display:block; float:right; /*margin-left:6px;*/ width:79px; height:25px; background:transparent url(../images/sprites.png) 0 -60px; text-indent:-9999px; overflow:hidden; opacity:.7; filter:alpha(opacity=70);}
#lionways a:hover{color:white; text-decoration:none;}
#lionways a:hover span{opacity:1; filter:alpha(opacity=100);}

#tal{position:fixed; left:200px; bottom:10px; font:10px/18px 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; text-shadow:1px 1px 1px #000; color:#fff;letter-spacing:1px; }
#tal a{color:#ccc;}
#tal a:hover{color:white; text-decoration:none;}
.mainhead		{ margin:354px 0px 20px 31px; text-align:left; color:#fff ; font-size:4.5em; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 140%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:1px; }
h1		{ margin:354px 0px 20px 31px; text-align:left; color:#fff ; font-size:4.5em; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 140%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:1px; }
.contactubim	{ margin: 25px 0 0 31px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; font-size:30px; line-height: 140%; color:#fff; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:1px; }
.conbold		{ font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; }


.p2head		{ margin:30px 0px 20px 31px; text-align:left; color:#fff ; font-size:58px; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 130%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:1px; }
.p2text		{ margin:50px 0px 20px 31px; text-align:left; color:#fff ; font-size:31px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 120%; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); letter-spacing:1px; }
.bullet		{ margin:20px 0px 20px 31px; text-align:left; color:#fff ; font-size:40px; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 120%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:1px; }

.video		{ float: left; width: 492px ; height: 277px; margin: 254px 0 0 31px; }
.p3text		{ margin: 238px 60px 0 0; float: right; text-align:left; color:#fff ; font-size:42px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 130%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.9); letter-spacing:0.5px; }
.p3foot		{ float: right; margin: 12px 100px 0 0; width: 726px; text-align:left; color:#fff ; font-size:15px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 150%; text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.89); letter-spacing:1px; }
.footbold	{ font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; font-size:17px; line-height: 190%; }
.tainer		{ width: 294px ; height: 299px; margin: 232px 0 0 31px; background-color:#FFF; }


.video2		{ float: left; width: 492px ; height: 277px; margin: 254px 0 0 31px; color:#FFF; }

.newbox		{ float: left; width: 294px ; height: 605px; color:#000; background-color:#FFF; margin: 0px 0 0 31px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7); }
.newbox1	{ float: left; width: 294px ; height: 605px; color:#000; background-color:#FFF; margin: 0px 0 0 31px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7); }
.bimhead	{ font-size: 33px; text-align:left; color:#000 ; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; padding: 15px 10px 0px;}
.bimintro	{ font-size: 15px; text-align:left; color:#000 ; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 120%; padding: 10px 10px 0px;}
.bimwords	{ text-align:left; color:#000 ; font-size:13px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 120%; padding: 0px 10px 0px 10px;}
.task		{ text-align:left; color:#000 ; font-size:11px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 110%; padding: 0px 10px 0px 10px; }

.newbox2	{ float: left; width: 394px ; height: 299px; color:#000; background-color:#FFF; margin: 0px 0 0 31px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.7); }
.trade		{ clear: both; font-size: 9px; text-align:left; color:#000 ; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 120%; margin: 5px 10px 0 10px; border-top:1px #CCC solid; padding-top: 5px; }
.complogos	{ float: left; margin: 5px 90px 10px 10px; padding-bottom: 5px: }
.p5head		{ margin:370px 0px 10px 31px; text-align:left; color: transparent ; font-size:58px; font-family: 'TeXGyreAdventorBold', Verdana, Geneva, sans-serif; line-height: 130%; letter-spacing:1px; }
.p5text		{ margin:10px 0px 10px 31px; text-align:left; color:#fff ; font-size:34px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 130%; text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7); letter-spacing:0.5px; }
.p5foot		{ float: left; margin: 0 0 0 31px; width: 1000px; text-align:left; color:#fff ; font-size:15px; font-family: 'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; line-height: 120%; text-shadow: 2px 2px 11px rgba(0, 0, 0, 0.89); letter-spacing:1px; }

/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; }

label 	{ 
		float: left; width: 100px; margin:5px 0 3px 10px; font-size: 12px;
		text-align:left; display:block; background:none; font-family:'TeXGyreAdventorRegular', Verdana, Geneva, sans-serif;;
		}
	
submit	{ background:none; 	}

input 	{ 
		width: 262px; margin:0 0 10px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#EBEBEB; }

textarea {
		width: 262px; height: 130px; margin:0 0 5px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:90px; height:25px;
		margin-left:180px;
		font-size:12px;
		}

br		{ clear: left; 	}

.clear	{ clear:both; }







/* Client login button (added in static rebuild) */
#ubim-header{position:fixed; top:15px; right:20px; z-index:1000;}
#ubim-header a.client-login{display:inline-block; padding:6px 16px; background:transparent url(../images/white.png) repeat; color:#004b6e; font:bold 13px/18px 'TeXGyreAdventorBold','TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; letter-spacing:1px; text-decoration:none; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.4);}
#ubim-header a.client-login:hover{background:#fff; color:#004b6e;}
a.email-link{display:inline-block; margin-top:10px; padding:6px 16px; background:transparent url(../images/white.png) repeat; color:#004b6e; font:bold 13px/18px 'TeXGyreAdventorBold','TeXGyreAdventorRegular', Verdana, Geneva, sans-serif; letter-spacing:1px; text-decoration:none; border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,.4);}
a.email-link:hover{background:#fff;}

/* ===== Mobile portrait layout (desktop untouched) ===== */
#ubim-header .m-logo{display:none;}
@media (max-width: 768px), (orientation: portrait) and (pointer: coarse){
  html,body{overflow-x:hidden !important; overflow-y:auto !important; width:100%; max-width:100%;}
  body{font-size:62.5%; background:#033e5a; padding-top:52px;}
  #content > div::before{content:''; position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:0; pointer-events:none;}
  #content > div .bgimg{z-index:-1 !important;}
  #content > div{isolation:isolate;}
  #ubim-header{position:fixed; top:0; right:auto; left:0; z-index:1000; width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:rgba(3,62,90,.95); box-shadow:0 2px 6px rgba(0,0,0,.35);}
  #ubim-header .m-logo{display:block; height:34px; width:auto;}
  #ubim-header a.client-login{padding:8px 14px; font-size:14px;}
  #pagePrev,#pageNext,#pageNavigation,a#pagePrev,a#pageNext{display:none !important;}
  #general,#content{width:100% !important; height:auto !important; position:static !important;}
  #content > div{position:relative !important; width:100% !important; height:auto !important; min-height:85vh; min-height:85svh; overflow:hidden; float:none !important; left:auto !important; top:auto !important; box-sizing:border-box; padding:24px 0 32px;}
  .bgimg{position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; object-fit:cover; z-index:0;}
  .contenu,.cont{position:static !important; width:100% !important; margin:0 !important; padding:0 16px !important; box-sizing:border-box; float:none !important;}
  .contenu *{max-width:100%; box-sizing:border-box;}
  .contenu > *:not(.bgimg){position:relative; z-index:1;}
  .h1cont{margin:0; padding:10px 0;}
  .h1cont img,.content-pad img,.complogos img,img.h1pape2,img.h1pape3{height:auto !important;}
  h1,.mainhead{margin:30vh 0 16px !important; font-size:26px; line-height:130%;}
  .contactubim{margin:12px 0 0 !important; font-size:18px; word-break:break-word;}
  .p2head,.p5head{margin:20px 0 12px !important; font-size:28px;}
  .p2text,.p5text{margin:12px 0 !important; font-size:18px;}
  .bullet{margin:12px 0 !important; font-size:20px;}
  .p3text{float:none; margin:16px 0 !important; font-size:20px;}
  .p3foot,.p5foot{float:none; width:auto !important; margin:12px 0 0 !important; font-size:14px;}
  .footbold{font-size:15px;}
  .video,.video2{float:none; width:100% !important; height:auto !important; margin:20px 0 0 !important; position:relative; aspect-ratio:16/9;}
  .video iframe,.video2 iframe{position:absolute; inset:0; width:100% !important; height:100% !important;}
  .newbox,.newbox1,.newbox2,.tainer,.h1pape2,.h1pape3{float:none; width:100% !important; height:auto !important; margin:16px 0 0 !important; padding-bottom:12px;}
  .bimhead{font-size:26px;} .bimwords,.bimintro{font-size:15px;} .task{font-size:14px; line-height:140%;} .trade{font-size:11px;}
  .complogos{float:none; margin:5px 10px !important;}
  a.email-link{font-size:16px; padding:12px 16px; margin:12px 0; word-break:break-all;}
}