/* Color Legend */
/* Reset */
html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {margin: 0; padding: 0; border: 0;vertical-align: baseline;background: transparant;}
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}
ol, ul { list-style: none; }
/* End-Reset */
/* Global */
html {overflow-y:scroll;}
body {
padding:0;
text-align:center;
background-image:url(../images/Bckground-outer.jpg);
background-repeat:no-repeat;
background-color:#240000;
font-family: Arial, Helvetica, sans-serif;
background-position: top;
background-attachment: fixed;}
/* Headings */
h1, h2, h3{ font-weight: bold; color:#fff }
h4, h2, h3{ color:#fff}
h1 { font-size:24px; color:#fff;padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
h2 { font-size:20px; }
h3 { font-size:16px; margin-bottom:5px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text Elements */
p { color:#fff; font-size:14px; line-height:150%;margin:15px 0; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a { }
a:link { color: #fff; text-decoration:underline}
a:visited { color: #fff; text-decoration:underline}
a:active { color: #CCC; }
a:focus { color: #CCC; }
a:hover { color: #CCC; }
blockquote { color:#000; font-size:12px; }
strong { font-weight: bold;color:#FFFFFF }
em { font-style: italic; }
/* Images */
.image-frame { padding:10px; border:1px #ccc solid; margin:10px; }
.img-left { display: block; margin-left: 0px; margin-right: auto; }
.img-center { display: block; margin-left: auto; margin-right: auto; }
.img-right { display: block; margin-left: auto; margin-right: 20px; }
/* Lists */
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
ul li { color:#fff; font-size:14px;margin-top:10px;}
ol li { color:#fff; font-size:14px;margin-top:10px;}
dl { }
dt { }
dd { }
/* Tables */
table {width:100%; }
table.center {margin-left:auto;margin-right:auto}
#table-2014 {width:100%; height:100px;background-image: url(../images/Bckground-table-2014.png)}
#table-2012 {width:100%; height:100px;background-image: url(../images/Bckground-table-2012.png)}
#table {width:100%; height:100px;background-image: url(../images/Bckground-table.png)}
tr { }
.odd { background-color:#8d2487}
.even { background-color:#af2ca7}
td { color:#fff;font-size:13px;line-height:140%}
.name { width:240px;padding-left:10px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
.contact { width:280px;padding-left:10px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
.sector { width:200px;padding-left:10px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
.flag-fr { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-fr.png); background-repeat:no-repeat}
.flag-be { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-be.png); background-repeat:no-repeat}
.flag-it { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-it.png); background-repeat:no-repeat}
.flag-nl { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-nl.png); background-repeat:no-repeat}
.flag-es { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-es.png); background-repeat:no-repeat}
.flag-uk { width:75px; padding-top:0px;padding-left:30px; background-image:url(../images/Flag-uk.png); background-repeat:no-repeat}
#table-hotel {width:595px;height:82px;background-image:url(../images/Bckground-table-h.png);margin-top:0px;margin-left:auto;margin-right:auto}
.name-hotel {width:240px;padding-left:15px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
.contact-hotel {width:275px;padding-left:5px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
.stars-hotel {width:30px;padding-left:5px; padding-top:10px; padding-bottom:5px; vertical-align:text-top}
#table-test {width:200px;margin-left:auto;margin-right:auto}
th { font-weight: bold; }
thead, th { background: #ccc; }
tbody { }
th,td,caption { }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }
caption { background: #efefef; }
/* Miscellaneous */
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { }
del { background:#FFCECE; color:#f00; }
code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px;
font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; }
/* Containers */
#outer {width:auto; margin:0 auto;background-image:url(../images/Bckground-outers.jpg);background-repeat: no-repeat; background-position:top }
#wrapper {width:900px;margin:0 auto;}
#logo {height: 130px;margin-top: 10;margin-right: auto;margin-bottom: 5px;margin-left: auto;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;
text-align: center;background-image:url(../images/Bckground-logos.png);background-repeat: no-repeat}
#social-media-icons { float:right; }
#social-media-icons ul li { display:inline; }
#social-media-icons ul { margin-top:40px; }
#topnav {height:60px;margin-top:-12px;margin-bottom:5px;}
#topnav-left {clear:both;float:left;width:10%;margin-top:20px;margin-bottom:0px;height: 16px;}
#topnav-center {float:left;width:80%;margin-top:20px;margin-bottom:0px}
#topnav-center ul {border-top:0px #010282 solid;border-bottom:0px #010282 solid;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom: 0px;padding-left: 0px;}
#topnav-center ul li { display:inline; font-size:14px }
#topnav-center ul li a { padding:0 30px; }
#topnav-center a:link { color: #fff; }
#topnav-center a:visited { color: #fff; }
#topnav-center a:active { color: #fff; }
#topnav-center a:focus { color: #666; }
#topnav-center a:hover { color: #71D6E8; }
#topnav-right {float:left;width:10%;margin-top:20px;margin-bottom:0px}
#topnav-right ul {border-top:0px #CCC solid; border-bottom:0px #CCC solid;margin-top:0px;margin-bottom:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#topnav-right ul li {display:inline;font-size:14px}
#topnav-right a:link { color: #fff; }
#topnav-right a:visited { color: #fff; }
#topnav-right a:active { color: #fff; }
#topnav-right a:focus { color: #666; }
#topnav-right a:hover { color: #71D6E8; }
#banner {margin-top:0px;margin-bottom:30px auto;text-align: center;background-image:url(../images/Bckground-main.png);background-repeat: repeat-y}
#slider {margin-bottom:30px; }
#content-header {height:24px;margin-left:0px;margin-right:0px; margin-top:0px ;margin-bottom:-1px;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:0px;
background-image:url(../images/Bckground-main-header.png);background-repeat:no-repeat}
#content {clear:both;height:590px;margin-left:0px;margin-right:0px; margin-top:0px ;margin-bottom:0px;padding-left:30px;padding-top:20px;padding-right:30px;padding-bottom:10px;
background-image:url(../images/Bckground-main.png);background-repeat:repeat-y}
#content-fulldepth {clear:both;margin-left:0px;margin-right:0px; margin-top:0px ;margin-bottom:0px;padding-left:30px;padding-top:20px;padding-right:30px;padding-bottom:10px;
background-image:url(../images/Bckground-main.png);background-repeat: repeat-y}
#content-fullwidth { width:100%; }
#slides-wall {width:810px;height:270px;margin-left:15px;margin-right:0px; margin-top:19px ;margin-bottom:0px;padding-top:0px;background-image:url(../images/Slides-wall.png)}
#cu3er-container {margin-top:10px;padding-left:0px;padding-right:0px;width:770px;}
#cubershadow {width:810px;height:62px;background:url(images/shadow.jpg) no-repeat bottom;}
#invitation {width:810px;height:120px;padding-left:20px;padding-top:17px;background:url(../images/Bckground-invite.png) no-repeat;}
#journal {width:810px;height:120px;padding-left:20px;padding-top:17px;background:url(../images/Bckground-journal.png) no-repeat;}
#niglo {width:810px;height:120px;padding-left:20px;padding-top:17px;background:url(../images/Bckground-niglo.png) no-repeat;}
#intersyndicale {width:810px;height:120px;padding-left:20px;padding-top:17px;background:url(../images/Bckground-syndic.png) no-repeat;}
#facebook {width:810px;height:120px;padding-left:20px;padding-top:17px;background:url(../images/Bckground-facebook.png) no-repeat;}
#expo-pics { clear:both;width:530px;height:auto;margin-left:auto; margin-right:auto }
#expo-pics ul { margin-left:0px; text-align:center; }
#expo-pics ul li { margin-left:10px;margin-right:10px; }
#text { margin-bottom:10px;padding:10px; }
#text-bckp { background-image:url(../images/Bckground-text-div.png); margin-bottom:10px;padding:10px; border-left: 1px #AF2CA7 solid; border-right: 1px #AF2CA7 solid;border-top:1px #AF2CA7 solid; border-bottom:1px #87287E solid }
.download { clear:both;width:840px;height:125px;margin-top:20px;margin-bottom:10px;margin-left:auto; margin-right:auto;background-image:url(../images/Bckground-table-d.png); background-repeat:no-repeat }
.download div { float:left;width:270px;height:125px;text-align:center;color:#fff; font-size:14px; line-height:150%;margin-left:5px;margin-top:5px; padding-top:5px }
#events {margin-top:20px;margin-bottom:20px;margin-left:20px}
#events ul li {margin-top:10px;}
#content-bottom {margin-left:0px;margin-right:0px; margin-top:0px ;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:10px;
background-image:url(../images/Bckground-main-footer.png);background-repeat:no-repeat}
#rightside { width:200px; float:right; }
#bottom-nav {clear:both;margin:0px;padding-left:30px;padding-top:1px;background-image:url(../images/Bckground-main.png);background-repeat: repeat-y }
#bottom-nav img {text-align:right}
#footer {clear:both;margin-left:0px;margin-right:0px; margin-top:0px ;margin-bottom:10px;padding-left:0px;padding-top:5px;padding-bottom:25px;
background-image:url(../images/Bckground-footer.png);background-repeat:no-repeat}
#box1 { width:250px; float:left; margin:25px;
border-top:15px #A45200 solid; background-color:#eee; }
#box2 { width:250px; float:left; margin:25px;
border-top:15px #978353 solid; background-color:#eee; }
#box3 { width:250px; float:left; margin:25px;
border-top:15px #6A6A00 solid; background-color:#eee; }
#box1 h3, #box2 h3, #box3 h3 { margin:20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin:5px 10px 10px 10px; }
#box4 { }
#box5 { }
#box6 { }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol { list-style-type:none; }
form { text-align:left; margin:20px; }
label {
float: left; width: 150px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold;
}
submit { background:none; }
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
}
input:focus, textarea:focus { background-color:#BFEBFF; }
textarea {
width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
}
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height:25px;
margin-left:170px;
font-size:12px;
}
br { clear: left; }
.clear { clear:both; }
/* Miscellaneous */
.list-column {margin-left:20px}
.text-center {text-align:center; color:#fff}
.text-right {text-align:right}
.img-center {margin-left:auto;margin-right:auto; padding:0px}
.popup-link { font-size:12px; margin:5px 10px; display:block; }
.date { font-weight:bold; color:#BF6000; margin-bottom:3px; }
.frame-picture {width:217px;height:193px;background-image:url(../images/Frame-Pictures.png);background-repeat: no-repeat;padding-left:-1px;padding-right:0px;padding-top:15px}
.copyright-text { font-size:80%; font-style:italic; color:#fff; }
.footer-text { font-size:12px; font-style:normal; color:#fff; text-align:center; }
.title { font-size:18px; font-weight:bold; color:#333; }
.subtitle { font-size:14px; font-style:italic; color:#333; }
.artist { font-size:16px; font-weight:bold; color:#333; }
.author { font-size:14px font-weight:bold; color:#555; }
.editor { font-size:14px font-style:italic; color:#555; }
.pub-date { font-size:10px font-style:italic; color:#555; }
.article-date { font-size:10px font-style:italic; color:#555; }
.location { font-size:10px font-style:italic; color:#555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }
.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#f00; }
.changed { background:#FFB; }
/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
.error, .alert, .notice, .success, .info {
padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a { color: #8a1f11; }
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }