/* @group reset */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, cite, em,  img,  strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}

ol, ul {
  list-style: none;
}

body {
 background: url(images/bg-body.jpg) no-repeat center top;
}

#mockup {
 position: absolute;
 top: 0;
 left: 0;
 width: 954px;
 height: 1872px;
 background: url(images/mockup.jpg) no-repeat;
 z-index: 1000;
 opacity: 0.3;
}

#soul {
 position: relative;
 width: 928px;
}

#header {
 height: 288px;
}

#leaderboard {
 width: 725px;
 height: 88px;
 margin: 0 auto;
 margin-top: 15px;
 border: 3px solid #00ade1;
 background: white;
}

#logo {
 position: absolute;
 top: 105px;
 left: -8px;
 width: 219px;
 height: 147px;
 background: url(images/logo.png) no-repeat;
}

#slogan {
 position: absolute;
 top: 167px;
 left: 240px;
 width: 100px;
 height: 147px;
 font: italic bold 12px/15px Verdana, sans-serif;
 color: #87c6de;
}

#promo1 {
 position: absolute;
 top: 140px;
 left: 382px;
 width: 398px;
 height: 82px;
 background: white;
 border: 3px solid #00ade1;
}

#btn-facebook {
 position: absolute;
 top: 188px;
 right: -30px;
 width: 150px;
 height: 45px;
 overflow: hidden;
 background: url(images/btn-facebook.png) no-repeat;
}

#btn-twitter {
 position: absolute;
 top: 135px;
 right: -30px;
 width: 150px;
 height: 45px;
 overflow: hidden;
 background: url(images/btn-twitter.png) no-repeat;
}

#btn-facebook:hover {
 background: url(images/btn-facebookHover.png) no-repeat;
}

#btn-twitter:hover {
 background: url(images/btn-twitterHover.png) no-repeat;
}

#nav-main {
 position: absolute;
 top: 257px;
 left: 0;
 width: 954px;
 border-top: 1px dotted #4292bb;
 padding-top: 8px;
 text-transform: uppercase;
 font: bold 13px Verdana, sans-serif;
 z-index: 6;
}

#nav-main a:link, #nav-main a:visited {
 color: white;
 text-decoration: none;
}

#nav-main a:hover, #nav-main a:active, #nav-main a.current_page {
 color: #05b3d8;
 background: none;
 text-decoration: none;
}

#nav-main li {
 margin-right: 23px;
 display: block;
 float: left;
 height: 30px;
}

.arrowVertical {
 position: absolute;
 top: 5px;
 right: 0;
}
#club {
 position: relative;
 float: left;
 width: 80px;
 z-index: 10000;
}
#club ul {
 display: none;
 position: absolute;
 top: 20px;
 left: 0;
}

#club:hover ul {
 display: inline;
 z-index: 100;
}

#club:hover > a {
 color: #05b3d8;
}

#club ul li {
 float: left;
 width: 183px;
 padding: 5px 0px 2px 5px;
 height: 20px;
 background: #292929;
 border-bottom: 1px dotted #5a5a5a;
}

#club ul li a:link, #club ul li a:visited  {
 color: #6f6e6e;
}

#club ul li a:hover, #club ul li a:active  {
 color: #05b3d8;
}
#soiree {
 position: relative;
 float: left;
 width: 80px;
 z-index: 10000;
}
#soiree ul {
 display: none!important;
 left: 190px;
  top: 54px;
}

#soiree:hover ul {
 display: inline!important;
 z-index: 100;
 left: 190px; 
 top: 0px; 
}

#soiree:hover > a {
 color: #05b3d8;
}

#soiree ul li {
 float: left;
 width: 125px;
 padding: 5px 0px 2px 5px;
 height: 20px;
 background: #05b3d8;
 border-bottom: 1px dotted #5a5a5a;
}

#soiree ul li a:link, #soiree ul li a:visited  {
 color: #6f6e6e;
}

#soiree ul li a:hover, #soiree ul li a:active  {
 color: #05b3d8;
}
#photo {
 position: relative;
 float: left;
 width: 80px;
 z-index: 10000;
}

#photo img {
 position: absolute;
 top: 5px;
 right: 0;
}

#photo ul {
 display: none;
 position: absolute;
 top: 20px;
 left: 0;
}

#photo:hover ul {
 display: inline;
 z-index: 100;
}

#photo:hover > a {
 color: #05b3d8;
}

#photo ul li {
 float: left;
 width: 150px;
 padding: 5px 0px 2px 5px;
 height: 20px;
 background: #292929;
 border-bottom: 1px dotted #5a5a5a;
}

#photo ul li a:link, #photo ul li a:visited  {
 color: #6f6e6e;
}

#photo ul li a:hover, #photo ul li a:active  {
 color: #05b3d8;
}

#inner {
 position: absolute;
 top: 288px;
 left: 0;
 width: 904px;
 padding: 25px;
 min-height: 900px;
 background: white url(images/bg-content.jpg) no-repeat 0 -45px;
 overflow: hidden;
}



#content-main {
 width: 556px;
 padding: 0;
 margin: 0;
}

.bb-t18 { width: 556px; }

.bbin-c3, .bbin-a1 { padding: 0; }

#content-sub {
 width: 298px;
 margin-right: 15px;
}

.bb-t18 { width: 298px; }

#next-events, #title {
 border-top: 2px solid white;
 width: 556px;
 margin-bottom: 10px;
}

#next-events h3, #content-main h3, #inner h1 {
 background: white;
 padding: 6px 9px;
 margin: 0;
 margin-top: 3px;
 width: 538px;
 font-size: 10px;
 line-height: 14px;
 text-transform: uppercase;
}

#inner div.post h1 {
 background: none;
 padding: 0;
 margin: 0;
 margin-top: 6px;
 width: 538px;
 font-size: 16px;
 line-height: 18px;
 text-transform: none;
 padding-left: 5px;
}



#content-main div.border-top h3 {
 background: #eeeeee;
 width: 538px;
}

#content-main h2 {
 font: bold 19px/25px Verdana, sans-serif;
 margin: 0;
 padding: 0;
 margin-top: 10px;
 width: 556px !important;
}

#content-main h4 {
 font: bold 19px/25px Verdana, sans-serif;
 margin: 0;
 padding: 0;
 margin-top: 10px;
 margin-bottom: 18px;
 width: 556px !important;
}

#content-main p {
 width: 556px !important;
 margin-bottom: 20px;
 font-size: 12px;
 line-height: 20px;
}

.border-top {
 border-top: 2px solid #eeeeee;
 width: 556px;
}

.postinfo {
 margin-top: 8px;
 background: #eeeeee;
 width: 556px;
}

.postinfo span {
 background: white;
 padding-left: 5px;
}

.postinfo a:link, .postinfo a:visited {
 color: #666666;
}

.postinfo a:hover, .postinfo a:active {
 color: #104e8b;
 text-decoration: underline;
}

.postinfo a.author:link, .postinfo a.author:visited {
 color: #05b3d8;
 text-decoration: none;
}

.postinfo a.author:hover, .postinfo a.author:active {
 color: #104e8b;
 text-decoration: none;
}

#next-events p {
 text-align: right;
 font: 10px/13px Verdana, sans-serif;
}


#slide {
 position: relative;
 width: 556px;
 height: 204px;
}

p.more_info {
 margin-top: 10px;
 position: relative;
 z-index: 5;
}

#event1, #event2, #event3, #event4 {
 position: absolute;
 top: 0;
 left: 0;
}

#event1 {
 z-index: 1;
}

#event2 {
 z-index: 2;
}

#event3 {
 z-index: 3;
}

#event4 {
 z-index: 4;
}

#slide_tick {
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 6;
}

#slide_tick img {
 margin-left: 5px;
}

#slide_tick a:hover {
 background: none;
}

.sidebar_block {
 margin-bottom: 20px;
 overflow: hidden;
}

.sidebar_block p {
 line-height: 14px;
 margin-bottom: 7px;
}

#flickr {
 overflow: hidden;
 margin-bottom: 20px;
}

#flickr a img {
 float: left;
 padding: 3px;
 border: 1px solid #666666;
 width: 59px;
 height: 59px;
 margin-bottom: 5px;
}

#flickr a img.margin-right {
 margin-right: 5px;
}

.sidebar_block ul {
 list-style: none !important;
 margin-left: 0 !important;
 padding-left: 0 !important;
}

.sidebar_block ul.post_list li {
 margin-bottom: 7px;
}

.sidebar_block li {
 margin-left: 0 !important;
 padding-left: 0 !important;
}

.sidebar_half {
 width: 140px;
 float: left;
}

.margin-right {
 margin-right: 11px;
}

div.block_title {
 background: #eeeeee;
 height: 20px;
 margin-bottom: 8px;
}

div.block_title h4 {
 background: white !important;
 float: left;
 margin: 0 !important;
 margin-bottom: 0 !important;
 padding: 0;
 padding-top: 2px !important;
 padding-right: 8px !important;
 padding-bottom: 1px !important;
 color: #05b3d8 !important;
 font: bold 13px Verdana, sans-serif;
}

#footer {
 background: white;
 border-bottom: 2px solid #eeeeee;
 border-top: 2px solid #eeeeee;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 0;
 font-family: Verdana, sans-serif;
}

#footer-inner {
 background: #eeeeee;
 padding: 20px;
 overflow: hidden;
}

#footer-inner a:link, #footer-inner a:visited {
 color: #666666;
}

#footer-inner a:hover, #footer-inner a:active {
 color: black;
}

#footer-inner dl {
 float: left;
}

#footer-inner dt {
 color: #05b3d8;
 font-size: 12px;
 font-weight: bold;
}

#footer-inner dt {
 color: #05b3d8;
 font-size: 11px;
 font-weight: bold;
}

#footer-inner dd {
 font-size: 11px;
 line-height: 15px;
}

.width90 {
 width: 90px;
}

.width100 {
 width: 100px;
}

.width110 {
 width: 110px;
}

.width120 {
 width: 120px;
}

.width130 {
 width: 130px;
}

.width140 {
 width: 140px;
}

.width150 {
 width: 150px;
}

.post img.alignright {
 float: right;
 margin-left: 18px;
 margin-bottom: 18px;
}

.page img.alignright {
 float: right;
 margin-left: 18px;
 margin-bottom: 18px;
}

.post img.alignleft {
 float: left;
 margin-right: 18px;
 margin-bottom: 18px;
}

.page img.alignleft {
 float: left;
 margin-right: 18px;
 margin-bottom: 18px;
}


#feeds {
 border-top: 1px dotted #05b3d8;
 padding-top: 14px;
 margin-top: 14px;
}

#feeds a {
 text-decoration: none;
 color: #666666;
}

#feeds a:hover p {
 text-decoration: none;
 color: #000;
 background:#eee;
}


#feeds div {
 width: 280px;
 margin-top: 0px;
 overflow: hidden;
}

#feeds div img {
 float: left;
 margin-right: 10px;
}

#feeds div p {
 float: left;
 width: 230px;
}

#feeds div p.padding-top {
 line-height: 24px;
}

#tec-content .post p {
 font-size: 12px;
 margin-bottom: 12px;
}

.post h3, .post h4, .post h5, .post h6 {
 margin-bottom: 12px;
}

#private_photos {
 background: #e1f1f7;
 padding: 10px;
}

#private_photos {
 position: relative;
 background: #e1f1f7;
 padding: 10px;
 margin-top: 5px;
 margin-bottom: 15px;
 overflow: hidden;
}

#private_photos img.poupoune {
 float: left;
 margin-right: 10px;
 margin-bottom: 15px;
}

#private_photos h3 {
 margin-bottom: 10px;
 font-size: 16px;
}

#private_photos p {
 font-size: 11px;
 line-height: 14px;
}

#private_photos #entree {
 position: absolute;
 top: 40px;
 left: 450px;
 width: 161px;
 height: 29px;
 overflow: hidden;
 background: url(images/entree.jpg) no-repeat 0 0;
}

#private_photos #entree:hover {
 background: url(images/entree.jpg) no-repeat 0 -29px;
}

div.leave-comment {
 margin-top: 10px;
}

#sidebar_nav {
 
}

#sidebar_nav a {
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
 line-height: 24px;
}

.langue{
    position: absolute;
    right: 0;
}