/* classes à renommer - emprunté à mini viva 2008 */

.flushleft {
margin-bottom: 1em;
}

.flushleft > div:first-child {
clear: both;
padding-left: 0;
}

.flushleft > div:nth-child(n+4) {
clear: both;
padding-left: 0;
}

div.membersgrid
{
max-width: 202px; /*orig-4col=165px*/
height: 365px;
float: left;
margin-right: 0px;
padding-right: 11px;
margin-left: 0;
margin-bottom: 1.5em;
margin-top: 0;
/*overflow: hidden;*/
}

div.membersgrid p
{
margin-bottom: 0.5em;
max-width: 200px;
}


div.membersgrid img
{
	border: 1px solid #cccccc;
	margin-bottom: 0.8em;
}

div.membersgrid > dl {
float: left;
margin-left: 0;
}

div.membersgrid > dl > dd {
float: left;
margin-left: 0;
}

div.membersgrid > dl > dt {
float: left;
border-bottom: 0;
font-size: 1.2em;
}

h5.activite {
font-family: Georgia, "Times New Roman", serif;
color: #999999;
font-size: 1.2em;
line-height: 1.2em;
margin-bottom: 10px;
height: 2.4em;
/*border-top: 3px solid #666666;
padding-top: 8px;
width: 210px;*/
}

.nom
{
font-weight: bold;
font-size: 1.2em;
color: black;
margin-right: 0;
margin-bottom: 0.5em;
width: 180px;
}

.langmembres {
margin-right: 11px;
}

.flushright {
margin-right: -10px;
}

.flushflush { float: left; margin: 0; padding: 0;}

#expodouble>div>a:link, #expodouble>div>a:hover {
text-decoration: none;
background-color: transparent;
}

#flashcontent, #flashcontent2 {
text-align: center;
}

h2.overlay { 
display: block;
position: relative;
top: -106px;
left: 0;
   color: #ffffff !important;
   font: bold 12px/20px Helvetica, Arial, Sans-Serif !important;
   background: #b9110f; /* fallback color */
   background: rgba(190, 0, 0, 0.7);
   padding: 6px 10px;
margin: 0;
text-shadow:0px 2px 2px #606060;
}

p.postoverlay {
zoom: 1;
position: relative;
top: -3.45em;
left: 0;
}


/* joceline */
.textebleu { color: rgb(0, 128, 255); }
.texteorange { color: rgb(255, 127, 0); }
.textegris { color: rgb(85, 85, 85); }
.textebrun { color: rgb(82, 83, 48); }

.furtif { display: block; float: right; }

#content .furtif a:link, li.clear.proglist>div.furtif>a:link { display: block; height: auto;  padding: 6px 12px; background: rgba(15, 15, 15, 0.7); color: #fff; width: auto; margin: 0; text-decoration: none; }

#content .furtif a:visited, li.clear.proglist>div.furtif>a:visited { display: block; height: auto;  padding: 6px 12px; background: rgba(15, 15, 15, 0.7); color: #fff; width: auto; margin: 0; }

#content .furtif a:hover, li.clear.proglist>div.furtif>a:hover { display: block; height: auto;  padding: 6px 12px; background: rgba(5, 5, 5, 1); color: #fff; width: auto; margin: 0; }

#content .furtif a:active, li.clear.proglist>div.furtif>a:active { display: block; height: auto;  padding: 6px 12px; background: rgba(200, 0, 0, 1); color: #fff; width: auto; margin: 0; }

.dix { color: rgb(10%, 10%, 10%) }
.vingt { color: rgb(20%, 20%, 20%) }
.trente { color: rgb(30%, 30%, 30%) }
.quarante { color: rgb(40%, 40%, 40%) }
.cinquante { color: rgb(50%, 50%, 50%) }
.soixante { color: rgb(60%, 60%, 60%) }
.soixantedix { color: rgb(70%, 70%, 70%) }
.quatrevingt { color: rgb(80%, 80%, 80%) }
.quatrevingtcinq { color: rgb(85%, 85%, 85%) }
.quatrevingtdix { color: rgb(90%, 90%, 90%) }
.quatrevingtdixhuit { color: rgb(98%, 98%, 98%) }

.opacity10 {
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.nil {display: none;}

#moofb { display: none; }

/* iBox popup */

#ibox_wrapper {
    padding: 10px;
    border-color:#ddd;
    line-height: 1.5em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fafafa; }
#ibox_content { background-color:#fafafa; border:0; }
#ibox_footer_wrapper {
    padding: 0 3px;
    bottom: 5px;
    top: auto;
}
/*#ibox_footer_wrapper a {
    text-indent: -10000px;
    background: url('images/closelabel.gif');
    width: 66px;
    height: 22px;
}*/
#ibox_progress {
    background: #fff url('images/loading.gif') center center no-repeat;
}

.flushbot {margin-bottom: 0 !important;}

/* NOTICE */
p#notice { width: 394px !important; padding: 10px !important; position: absolute !important; top: 226px; left: 190px; background: #ED174F !important; background: rgba(237, 23, 79,0.8) !important; z-index: 10 !important; line-height: 1.4em !important; color: #fff !important; font-size: 0.9em; margin: 0 !important; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }

#legende img { opacity:0.5;filter:alpha(opacity=50); }

a.blocnoir:link, a.blocnoir:visited { display: inline-block; text-decoration: none; font-size: 10px; background-color: #000 !important; background-image: url('http://www.skol.ca/images/625.png'); background-position: right 50%; background-repeat: no-repeat !important; padding: 6px 30px 6px 11px; color: #fff; }

a.blocnoir:hover, a.blocnoir:active { display: inline-block; background-color: #C9002C !important; background-image: url('http://www.skol.ca/images/625.png'); background-position: right 50%; background-repeat: no-repeat !important; }

#notehome { width: 80px !important; height: 76px !important; -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 0px 5px; border-bottom-left-radius: 50px 50px; border-bottom-right-radius: 50px 50px; border-top-left-radius: 50px 50px; border-top-right-radius: 50px 50px; background-color: #E20177; -webkit-transition: opacity 0.3s ease-out; opacity: 1; text-decoration: none !important; padding: 14px 10px 10px; margin: 0; position: absolute; top: 10px; left: 495px; }
#notehome p { color: #fff !important; text-align: center; line-height: 1.2em;}

.fader{opacity:0;display:none;}


/* //////    sticky expo menu ////// */
#expo-nav-holder {
width: 170px;
float: right;
/*position: absolute;*/
/*top: 0;*/
z-index: 998;
/*left: 170px;*/
/*margin-bottom: -13px;*/
}

#expo-nav-holder:after
  {
   content: "";
   border: solid 10px transparent; /* set all borders to 10 pixels width */
   border-right-color: #e8e9de; /* the callout */
   width: 0;
   height: 0;
   overflow: hidden;
   display: block;
   float: left;
   margin-top: -50%; /* border-width of the :after element + padding of the root element */
margin-left: -20px;
  }

#expo-nav ul {
	width:145px;
z-index: 999;
	background:#e8e9de;
padding: 10px 10px 10px 15px;
	color:#666;
 -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
}

#expo-nav li {
font-size: 12px;
line-height: 16px;
margin: 6px 0;

}

#expo-nav li:first-child {
	border-left:0;
}

#expo-nav li a:link, #expo-nav li a:visited {text-decoration: none; color: #666; background: transparent; }
#expo-nav li a:hover, #expo-nav li a:active { color: #C8002C; background: transparent; }

.sticky #expo-nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

.sticky #expo-nav ul {
	margin:0 auto;
}

.top {
	position:fixed;
	right:15px;
	bottom:15px;
	width:50px;
	height:25px;
	padding-top:25px;
	line-height:25px;
	background:#333;
	color:#888;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior:url(../PIE.htc);
}

.top:before {
	position:absolute;
	top:11px;
	left:14px;
	content:"";
	border-bottom:11px solid #888;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
}

.top:hover {
	color:#eee;
}

.top:hover:before {
	border-bottom-color:#eee;
}

.opacity .top {
	opacity:1;
	-webkit-transition:opacity 700ms linear;
	-moz-transition:opacity 700ms linear;
	transition:opacity 700ms linear;
}

.opacity .top.hidden {
	opacity:0;
}

.no-opacity .top.hidden {
	display:none;
}
.wearefloatinginspace { margin-left: 600px; clear: both; }



/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}