/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Tournée Persévérez pour réussir !
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : octobre 2009
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/

html, body, #Fond, #WrapperExterieur{
	min-width:980px;
	width:100%;
	height:100%;
}
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background:repeat-y 50% 0;
}
body.Tournee{
	background-image:url(../images/Bg_Tournee.png);
}
body.Tournee #Fond{
	background:url(../images/Bg_FondTournee.jpg) no-repeat 50% 0;
}
#ColonneTournee h1, #ColonneOlympiades h2{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#ColonneTournee h1{
	width:800px;
	height:205px;
	background:url(../images/Img_EnteteTournee.png) no-repeat 0 0;
}
#ColonneTournee h2.Exemple{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:380px;
	height:51px;
	background:url(../images/Ti_TemoignerExemple.gif) no-repeat 0 0;
	margin:28px 0 22px 0;
}
p {
	margin: 0 0 12px 0;
	font-size:1.4em;
	color:#fff799;
	line-height:18px;
}
a, a:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
strong{
	font-weight:bold;
	color:#FFF;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 980px;
	margin: 0 auto;
}
body.Tournee #ColonneTournee{
	float:left;
	width:792px;
	padding:0 8px 24px 0;
}
body.Tournee #ColonneTournee .ColonneGauche{
	float:left;
	width:576px;
	padding-top:1px;
}
body.Tournee #ColonneTournee .ColonneDroite{
	float:right;
	width:210px;
}
body.Tournee #ColonneOlympiades{
	float:right;
	width:180px;
	position:relative;
	min-height:1080px;
	height:auto !important;
	height:1080px;
}
body.Tournee #ColonneOlympiades img.ImageFormerEquipes,
body.Tournee #ColonneOlympiades img.LogoCCITB,
body.Tournee #ColonneOlympiades img.LogoEmploiQuebec,
body.Tournee #ColonneOlympiades img.LogoServiceCanada{
	position:absolute;
	display:block;
}
body.Tournee #ColonneOlympiades img.ImageFormerEquipes{
	top:648px;
	left:16px;
}
body.Tournee #ColonneOlympiades img.LogoCCITB{
	top:756px;
	left:0;
}
body.Tournee #ColonneOlympiades img.LogoEmploiQuebec{
	top:951px;
	left:16px;
}
body.Tournee #ColonneOlympiades img.LogoServiceCanada{
	top:1027px;
	left:18px;
}
.BtInfobulle{
	vertical-align:middle;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	padding: 8px;
	opacity: 0.85;
	width:280px;
	color:#FFF799;
	font-size:11px;
	line-height:16px;
}
#tooltip h3, #tooltip div { margin: 0; }
.Accordeon{
	width:548px;
	background:#00a651 url(../images/Bg_BlocBio.gif) repeat-x 0 0;
	position:relative;
	padding:15px 14px 2px 14px;
	margin-bottom:11px;
}
.Accordeon p{
	font-size:12px;
	color:#FFF;
	line-height:17px;
	margin-bottom:19px;
}
.Accordeon p.Modele{
	font-size:15px;
	line-height:20px;
}
.Accordeon p.Modele span{
	font-size:14px;
	color:#fff799;
}
.BoutonBio{
	position:absolute;
	display:block;
	width:131px;
	height:31px;
	background:no-repeat 0 0;
	background-image:url(../images/Bt_VoirBio.gif);
	top:0;
	right:0;
	cursor:pointer;
	text-indent:-9999px;
}
.BoutonBio#VoirLeCalendrier{
	background-image:url(../images/Bt_Calendrier.gif) !important;
	width:182px !important;
}
.BoutonBio.Actif{
	background-position:0 -31px;
}
.Photo{
	float:left;
	margin:-15px 16px 12px -14px;
}
#WrapperPiedPage{
	width:100%;
	height:65px;
	background:#000;
}
#PiedPage {
	width:980px;
	margin:0 auto;
	height:65px;
}
#PiedPage p{
	color:#898989;
	font-size:1.2em;
	line-height:65px;
	height:65px;
	margin-bottom:0;
}
#PiedPage p span{
	margin:0 5px 0 5px;
}
#PiedPage p.Legal{
	float:left;
}
#PiedPage .Partenaires{
	float:right;
}
#PiedPage .Partenaires p, #PiedPage .Partenaires img{
	float:left;
}
#PiedPage .Partenaires p{
	margin-left:43px;
}
#PiedPage .Partenaires p span.Invisible{
	display:none;
}
#PiedPage a {
	color:#898989;
}
#PiedPage a:hover {
	color:#b6b6b6;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.TableauCalendrier{
	margin-top:12px;
}
table.TableauCalendrier th{
	background:#007236;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:6px 0 6px 0;
}
table.TableauCalendrier td.Calendrier{
	padding:0 16px 18px 12px;
}
td.Calendrier table tr td{
	font-size:1.2em;
	line-height:18px;
	color:#FFF;
	text-align:center;
	border:1px solid #007236;
	vertical-align:top;
	padding:10px 0 10px 0;
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}