h1, h2, h3, h4, p, ul, li { margin: 0; padding: 0; } h1 { font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #333333; } h2 { font-size: 11px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #333333; } h3 { font-size: 10px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #333333; } h1.tag { font-size: 16px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #E75914; } h2.tag { font-size: 14px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #62B028; } html, body { padding:0; margin:0; font-size: 10px; font-family:Arial, Verdana, Helvetica, sans-serif; color: #333333; text-align: center; background-color:#00A2E3;} body {background:url(../images/background-body.jpg); background-repeat:repeat-x;} a, a:visited {color: #000000; text-decoration: none; } a:hover {color: #000000; text-decoration: underline;} a:focus {outline: none;} img {border: 0px;} p {text-align: left; margin: 10px; font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif;} p.center {text-align: center;} table {text-align: left; font-size: 10px; font-family:Arial, Verdana, Helvetica, sans-serif;} .clear { clear: both ; } img.floatleft {float: left;margin: 4px;} img.floatright {float: right;margin: 4px;} #top_menu {text-align:center;padding: 8px;} #top_menu ul { list-style: none; } #top_menu ul li { display: inline; padding-left:10px;font-size: 14px;} #top_menu ul li a {color: #FFFFFF; font-weight:bold;} #top_menu ul li a:hover {text-decoration: none;color: #000000;} #left_menu {text-align:left;padding: 2px;} #left_menu ul { list-style: none;} #left_menu ul li {font-size: 14px; color: #037BAF;} #left_menu ul li a {color: #037BAF; font-weight:bold;} #left_menu ul li a:hover {text-decoration: underline;color: #EA5D16;} #activity_short_description {margin:0px 20px 0px 20px;} #activity_links {margin:0px 50px 0px 0px;} #maintitle {text-align:center;font-size: 14px;margin-top: 125px;color:#007CB7} #main_container {background:url(../images/background-general.jpg); background-repeat:no-repeat;background-position:top; margin-left: auto;margin-right: auto; margin-top: 0px; width: 1200px;overflow:hidden;} #div_tag {text-align:left;margin-left:30px;margin-top:15px;} #content_container {background:url(../images/background-interface.jpg); background-repeat:no-repeat;width:1000px; height:631px;margin-left: auto;margin-right: auto; margin-top: 10px;} #div_menu {background:url(../images/menu-secondaire.jpg); background-repeat:no-repeat;float:left; width:200px; height:260px; margin-top: 10px;margin-left: 10px; padding: 30px 5px 0px 5px;overflow:hidden;} #div_nomenu {float:left; width:200px; height:260px; margin-top: 10px;margin-left: 10px; padding: 30px 5px 0px 5px;overflow:hidden;} #div_pro_fr {background:url(../images/bloc-pro-fr.jpg); background-repeat:no-repeat;float:left; width:370px; height:406px; margin-top: 10px;margin-left: 10px; padding: 40px 5px 0px 5px;overflow:hidden;} #div_part_fr {background:url(../images/bloc-particulier-fr.jpg); background-repeat:no-repeat;float:left; width:370px; height:406px;margin-top: 10px;margin-left: 10px;padding: 40px 5px 0px 5px;} #div_pro_en {background:url(../images/bloc-pro-en.jpg); background-repeat:no-repeat;float:left; width:370px; height:406px; margin-top: 10px;margin-left: 10px; padding: 40px 5px 0px 5px;overflow:hidden;} #div_part_en {background:url(../images/bloc-particulier-en.jpg); background-repeat:no-repeat;float:left; width:370px; height:406px;margin-top: 10px;margin-left: 10px;padding: 40px 5px 0px 5px;} #div_part_text {width:360px; height:205px; overflow:hidden;} #div_pro_text {width:360px; height:205px; overflow:hidden;} #div_page {background:url(../images/design/bloc-large.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 10px;margin-left: 10px;padding: 10px 5px 0px 5px;} #div_page_content {text-align:left;width:750px; height:450px;overflow:auto;} #div_page_content_center {text-align:center;width:750px; height:450px;overflow:auto;} #more_activities {display:none;} #div_buttons {margin-left:192px;} #container2 {margin:0 auto;} #container1 {margin:0 auto;} #container {margin:0 auto;} #building {padding:40px;} #activity_short_description {margin:0px 20px 0px 20px;} #div_activity_links {margin:0px 50px 0px 0px;text-align:center;} #div_activity_list_pro {background:url(../images/design/bloc-pro-large.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 10px;margin-left: 10px;padding: 60px 5px 0px 5px;} #div_activity_list_part {background:url(../images/design/bloc-particulier-large.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 10px;margin-left: 10px;padding: 60px 5px 0px 5px;} #div_activity_list_box {background:url(../images/design/bloc-large.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 10px;margin-left: 10px;padding: 10px 5px 0px 5px;} #div_activity_list {height: 420px; width:680px;overflow:auto;margin-left:10px} #div_activity_list ul{list-style: none;} #div_activity_details {background:url(../images/design/bg_activity_detail.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 10px;margin-left: 10px;padding: 10px 5px 0px 5px;text-align:left;} #activity_details_title {font-size: 22px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#EA5711; padding: 0 0 30 0;text-align:center;} #div_activity_description {font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; padding: 0 0 0 10;text-align:left;height:230px;width:550px;overflow:auto;float:left;} #div_activity_technical {font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; padding: 0 0 0 10;text-align:left;display:none;height:230px;width:550px;overflow:auto;float:left;} #div_activity_details_links {text-align:center;float:left;} #activity_short_description {font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000;height:50px;width:400px;float:left;} #activity_detail_short_description {font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000;height:50px;width:400px;} #activity_short_gallery {text-align: center;} li.activity{background:url(../images/design/bg_activity.gif); background-repeat:no-repeat; width:640px;height:130px;text-align:left;padding-left:10px;padding-top:10px;} #div_activity_details_links {position:relative;left:70px;} #div_activity_gallery {padding:40px 0px 0px 0px;} #ul_activity_details_links { list-style: none; text-align:center;} #li_activity_details_links li { display: inline; } #box_title {font-size: 22px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#EA5711; padding: 0 0 30 0;text-align:center;} #div_box_details {background:url(../images/design/bloc-large.gif); background-repeat:no-repeat;float:left; width:760px; height:530px;margin-top: 80px;margin-left: 10px;padding: 10px 5px 0px 5px;text-align:left;} #div_box_buttons {text-align:center;} #div_flash {text-align:left; float:left;padding:5px;} #flash_text {text-align:left;float:left;text-indent:0px;} #div_form_connect {display:none;} #div_form_create {display:none;} div.sq220{background:url(../images/design/bg_220.gif); background-repeat:no-repeat;float:left;width:220px; height:220px;margin:2 10 2 10;} span.block_error {text-align: left; margin: 10px; font-size: 12px; color: red; font-weight: bold;} #contact_form_section1{float:left;} /* LightBox Gallery */ #gallery {text-align:center;padding: 10px;} #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img {border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img {border: 5px solid #fff;border-width: 5px 5px 20px;color: #fff;} #gallery ul a:hover { color: #fff; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }