@charset "utf-8";
.imgcoach
{
	float: left;
	margin-right: 15px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	clear: right;
}

.partenaire
{
	display:block;
	float: left;
	margin-right: 10px;
	width: 250px;
	text-align: center;
	cursor: pointer;
	clear: right;
	text-decoration:none;
}

.partenaire img
{
	border:none;
}

.direction
{
	border: 1px solid black;
	background-color: whitesmoke;
	position: absolute;
	visibility: hidden;
	padding: 2px;
}

.news.liste
{
	color:#000;
	display:block;
	cursor:pointer;
}

.news.liste:hover
{
	border:1px solid #0000FF;
	background-color:#E0E0E0;
}

/**************************
themes/normal/bulletins.css
Etienne Scott
24 Décembre 2007
Style des bulletins
**************************/

.BulletinNew
{
	margin-bottom:10px;
}

.BulletinNew table
{
	width:100%;
}

.BulletinNew td
{
	vertical-align:top;
}

.BulletinNew.Titre
{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top:20px;
}

.BulletinNew.SousTitre
{
	text-transform:uppercase;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-bottom:20px;
}

.BulletinNew.Texte
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.BulletinNew.Texte.Centre
{
	clear:both;
	text-align:justify;
}

.BulletinNew.Texte.Gauche
{
	clear:left;
	text-align:justify;
}

.BulletinNew.Texte.Droite
{
	clear:right;
	text-align:justify;
}

.BulletinNew.Photo
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
}

.BulletinNew.Photo.Centre
{
	text-align:center;
}

.BulletinNew.Photo.Gauche
{
	margin-right:10px;
	float:left;
	clear:both;
}

.BulletinNew.Photo.Droite
{
	margin-left:10px;
	float:right;
	clear:both;
}

.BulletinNew.Description.Photo
{
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.BulletinNew.Description.Photo.Moyen
{
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.BulletinNew.Description.Photo.Large
{
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

/**************************
themes/normal/bulletins.css
Etienne Scott
24 Décembre 2007
Style des bulletins
**************************/

.Bulletin
{
	margin-bottom:10px;
}

.Bulletin table
{
	width:100%;
}

.Bulletin td
{
	vertical-align:top;
}

.Bulletin.Titre
{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top:20px;
}

.Bulletin.SousTitre
{
	text-transform:uppercase;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-bottom:20px;
}

.Bulletin.Texte
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.Bulletin.Texte.Centre
{
	clear:both;
	text-align:justify;
}

.Bulletin.Texte.Gauche
{
	clear:left;
	text-align:justify;
	margin-right:260px;
}

.Bulletin.Texte.Gauche.Petit
{
	clear:left;
	text-align:justify;
	margin-right:390px;
}

.Bulletin.Texte.Gauche.Moyen
{
	clear:left;
	text-align:justify;
	margin-right:340px;
}

.Bulletin.Texte.Gauche.Large
{
	clear:left;
	text-align:justify;
	margin-right:220px;
}

.Bulletin.Texte.Droite
{
	clear:right;
	text-align:justify;
	margin-left:260px;
}

.Bulletin.Texte.Droite.Petit
{
	clear:right;
	text-align:justify;
	margin-left:390px;
}

.Bulletin.Texte.Droite.Moyen
{
	clear:right;
	text-align:justify;
	margin-left:340px;
}

.Bulletin.Photo
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

.Bulletin.Photo.Centre
{
	text-align:center;
}

.Bulletin.Photo.Gauche
{
	text-align:left;
	margin-right:10px;
	float:left;
	clear:both;
	width:250px;
}

.Bulletin.Photo.Gauche.Moyen
{
	text-align:center;
	margin-right:10px;
	float:left;
	clear:both;
	width:330px;
}

.Bulletin.Photo.Gauche.Large
{
	text-align:center;
	margin-right:10px;
	float:left;
	clear:both;
	width:380px;
}

.Bulletin.Photo.Droite
{
	text-align:center;
	margin-left:10px;
	float:right;
	clear:both;
	width:250px;
}

.Bulletin.Photo.Droite.Petit
{
	text-align:right;
	margin-left:10px;
	float:right;
	clear:both;
	width:200px;
}

.Bulletin.Photo.Droite.Moyen
{
	text-align:center;
	margin-left:10px;
	float:right;
	clear:both;
	width:330px;
}

.Bulletin.Photo.Droite.Large
{
	text-align:center;
	margin-left:10px;
	float:right;
	clear:both;
	width:380px;
}

.Bulletin.Description.Photo
{
	width:250px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.Bulletin.Description.Photo.Moyen
{
	width:300px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

.Bulletin.Description.Photo.Large
{
	width:300px;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
}

div.hulu
{
	width:500px;
	height:40px;
	background:#000 url('themes/normal/images/flowplayer.png') repeat-x 0 -4px;
	margin-top:310px;
	position:absolute;
	overflow:hidden;
}

div.hulu table
{
	width:100%;
	height:40px;
	border:none;
}

/* play/pause button */
div.hulu td.play, div.hulu td.pause {
	width: 40px;
	background:url('themes/normal/images/flowplayer.png') no-repeat 0 -61px;
	cursor:pointer;
	border-right:1px solid #000;
}

div.hulu td.play:hover {
	background-position:0 -105px;
}

/* pause state */
div.hulu td.pause { 
	background-position:0 -148px;
}

div.hulu td.pause:hover {
	background-position:0 -192px;
}

/* the timeline (or "scrubber")  */
div.hulu td.track {
	cursor:pointer;
	border-left:1px solid #999;
}

/* the draggable playhead */
div.hulu div.playhead {
	position:relative;
	cursor:pointer;
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);
	width:3px;
	height:40px;
	border-right:1px solid #444;
}

div.hulu.accueil div.playhead
{
	margin-left:2px;
	left:-2px;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
	margin-left:1px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu td.time {
	width:113px;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	line-height:40px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu td.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu td.mute, div.hulu td.unmute {
	width:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	background:url('themes/normal/images/flowplayer.png') no-repeat -1px -323px;
}

div.hulu td.mute:hover {
	background-position:-1px -367px;	
}

/* unmute state */
div.hulu td.unmute {
	background-position:-1px -235px;	
}

div.hulu td.unmute:hover {
	background-position:-1px -279px;	
}

/* HD / SD buttons */
div.hulu td.hdbutton, div.hulu td.sdbutton {
	width:40px;
	text-align:center;
	cursor:pointer;
	background:url('themes/normal/images/flowplayer.png') no-repeat 0 -410px;
	border-left:1px solid #999;
	display:none;
}

div.hulu td.hdbutton:hover {
	background-position:0 -454px;
}

/* SD state */
div.hulu td.sdbutton {
	background-position:0 -497px;
}

div.hulu td.sdbutton:hover {
	background-position:0 -541px;
}

/**************************
themes/normal/index.css.php
Etienne Scott
19 Décembre 2007
Style du thème normal
**************************/

body
{
	margin:0px 0px 0px 0px;
	background:center no-repeat fixed #FFFFFF url('themes/normal/images/logo_pale.jpg');
}

#global
{
	width:100%;
}

#navbar
{
	top:0px;
	opacity:.9;
    filter:alpha(opacity=90);
	z-index:2;
    position:fixed;    height:35px;
	width:100%;
	background-color:#FF8221;
	font-size:20px;
}

#navback
{
	top:0px;
	position:absolute;
    width:100%;
    height:35px;
	background-color:#FF8221; 
    z-index:1;
}

#navbar a:link
{
	color:#557799;
}

#navbar a:visited
{
	color:#FFCC66;
}

#navbar a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

#navbar table
{
	top:0px;
	height:100%;
    vertical-align:middle;
	padding:2px 10px 2px 10px;
	width:100%;
	border:none;
}

#hotlinks
{
	text-align:right;
}

#hotlinks a
{
	margin-left:30px;
}

#header
{
	z-index:0;
	position:absolute;
    top:35px;
	width:100%;
    margin-left:auto;
    margin-right:auto;
}

#corsaire
{
	z-index:-1;
	margin-left:157px;
	margin-right:227px;
	height:500px;
	background:top no-repeat url('pages/bulletins/11/corsaire.png');
}

#contenu
{
	padding-top:535px;
}

#leftbar
{
	position:absolute;
	width:154px;
    top:35px;
    padding-top:154px;
	background:#FF8221 top no-repeat url('themes/normal/images/logo.jpg');
    z-index:1;
}

#lefthead
{
	top:0px;
	position:absolute;
    width:154px;
    left:0px;
	background-color:#FF8221; 
    z-index:1;
}

#menu
{
	float:left;
	clear:both;
	padding-bottom:10px;
	width:154px;
}

#menu a
{
	float:left;
	clear:both;
	font-size:18px;
	padding:5px 5px 0px 5px;
	width:144px;
}

#menu a:link
{
	color:#557799;
}

#menu a:visited
{
	color:#FFCC66;
}

#menu a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

#submenu
{
	left:154px;
	opacity:.95;
    filter:alpha(opacity=95);
	visibility:hidden;
	margin-top:74px;
	position:absolute;
    background-color:#FF8221;
    padding-bottom:5px;
}

#submenu a
{
	width:200px;
}

#leftimg
{
	width:100%;
	float:left;
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

#leftimg img
{
	border:none;
	width:144px;
	height:192px;
}

#content
{
	top:0px;
	position:absolute;
    width:100%;
}

#contenu
{
	margin:0px 228px 0px 158px;
}

#contenu p
{
	text-align:justify;
}

#copyright
{
	position:absolute;
	clear:both;
	width:100%;
    text-align:center;
	vertical-align:bottom;
	margin-top:20px;
}

#rightbar
{
	position:absolute;
	width:224px;
	right:0px;
    top:75px;
    /*top:185px;*/
	background-color:#8C86B5;
}

#righthead
{
	display:block;
	top:0px;
	position:absolute;
    width:224px;
    height:75px;
    /*padding-top:35px;
    height:150px;
    cursor:pointer;
    background:#FF8221 url('themes/normal/images/jeux-canada.png') center bottom no-repeat;*/
    
    right:0px;
	background-color:#FF8221; 
    z-index:0;
}

.calendrier
{
	width:100%;
}

.calendrier div
{
	float:left;
	clear:both;
	color:#F51;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
}

.calendrier a
{
	width:214px;
	float:left;
	clear:both;
	font-size:15px;
	margin-bottom:10px;
	padding-left:5px;
}

.calendrier a:link
{
	color:#000;
}

.calendrier a:visited
{
	color:#FA4;
}

.calendrier a:hover
{
	color:#FFF;
	text-decoration:none;
}

#rightimg
{
	margin-top:10px;
	width:100%;
	float:left;
	clear:both;
	text-align:center;
	padding-bottom:10px;
}

#rightimg img
{
	border:none;
	width:212px;
	height:159px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url('/images/lightbox/blank.gif') no-repeat; /* 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/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/images/lightbox/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;	}	
		
#overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}