@charset "iso-8859-1";
/* CLF 2.0 TEMPLATE VERSION 1.03 | VERSION 1.03 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
	background-color: #eee;
}
div.colLayout {
	background-color: #FFF;
	height: 100%;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* FIP HEADER CSS BEGINS | DEBUT DU CSS DE L'EN-TETE PCIM */
div.fip, div.cwm {
	height: 20px;
}
div.cwm img {
	padding-top: 30px;
}
/* FIP HEADER CSS ENDS | FIN DU CSS DE L'EN-TETE PCIM */

/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */

div.banner {
	position: static;
	padding: 0;
	margin: 0;
	width: 760px;
	margin-top: 40px;
	min-height: 80px;
/*	_height: 80px;	*/
}

div.banner div.leaf {
	position: absolute;
	margin-left: 347px;
	z-index: 1;
	top: 35px;
}

div.banner div.leaf img {
	height: 65px;
	width: 65px;
}

div.banner div.alttext {
	position: relative;
	margin: -50px 167px 0 167px;
/*  _margin: -53px 167px -3px 167px;  */
	width: 426px;
    z-index: 1;
}

div.banner div.content {
	position: relative;
	width: 760px;
	height: 80px;
	vertical-align: top;
	background: url(/img/jeunesse-youth/commun-common/jnytb.gif) no-repeat;
}

div.banner div.alttext p {
    text-align: center;
    padding: 0;
    margin: 0;
}

div.banner div.alttext p.main {
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
   	font-size: 140%;
}

div.banner div.alttext p.siteuri {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

img.lf {
	margin: 0;
	padding: 0;
}

/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* HOME TOPIC BANNER CSS STARTS */ 

img.topic_banner {
	width: 379px;
	display: block;
    margin-left: auto;
    margin-right: auto
}

/* HOME TOPIC BANNER CSS ENDS */

/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */
div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
* html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
*:first-child+html div.page div.core div.navaid {
	width: 450px;
	padding-left: 50px;
}
div.page div.core div.navaid a:hover,
div.page div.core div.navaid a:active,
div.page div.core div.navaid a:focus {
	color: #000;
	background-color: #F2F5F7;
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* ################################################################### */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	color: #FFF;
	text-decoration: none;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px solid #B3C5D0;
 	padding: 0px 0px 0px 0px;
 	letter-spacing: 0px;
}
div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	color: #336688;
	background-color: #f2f5f7;
}
/* Line Before Proactive Disclosure */
div.prodis {
	background-color: #335577;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* ################################################################### */

/* TABS CSS BEGINS | DEBUT DU CSS DES ONGLETS */
div#tabs {
	padding: 10px;
	color: #fff;
	text-align: center;
}
div#tabs a {
	color: #fff;
	text-decoration: none;
}
div#tabs h2 {
	text-align: center;
	font-size: 1.1em;
	color:#FFFFFF;
	display: inline;
/*	margin: 10px 10px 10px 10px;*/
	margin: 0px 5px 0px 5px;
/*	padding: 10px 30px 10px 30px;*/
	padding: 10px;
}
#tabs .red {
	background: #39c url(/img/jeunesse-youth/commun-common/rbut.jpg) 0 50% repeat-x;
}
#tabs .blue {
	background: #39c url(/img/jeunesse-youth/commun-common/blbut.jpg) 0 50% repeat-x;
}
#tabs .green {
	background: #390 url(/img/jeunesse-youth/commun-common/gbut.jpg) 0 50% repeat-x;
}
#tabs .orange {
	background: #f60 url(/img/jeunesse-youth/commun-common/obut.jpg) 0 50% repeat-x;
}
#tabs .red :hover, #tabs .blue :hover, #tabs .green :hover, #tabs .orange :hover  {
	text-decoration: underline;
}
/* TABS CSS ENDS | FIN DU CSS DES ONGLETS */


/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center h1 {
	font-size:1.4em;
}
div.center h2 {
	font-size:1.2em;
}
div.center h3 {
	font-size:1.1em;
}
div.center h4 {
	font-size:1.0em;
}
div.center h5 {
	font-size:0.9em;
}
div.center h6 {
	font-size:0.8em;
}
div.center a:link {
	color: #039;
}
div.center a:visited {
	color: #663;
}
div.blackborder {
	/* border: solid #000 1px; */
}
div.blackborder:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: left;
	visibility: hidden;
}
/*	BLUE TAB	*/
div#bluetab {
	background: #F2F5F7;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3C5D0;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D8E1E7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3C5D0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3C5D0;
	margin-top: -5px;
}
div#bluetab h1 {
	background: #0066cc url(/img/jeunesse-youth/commun-common/blbut.jpg) 0 50% repeat-x;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#bluetab ul.space li {
	padding-bottom: 10px;
}
div#bluetab a:link,
div#bluetab a:hover,
div#bluetab a:active {
	color:	#003399;
}
div#bluetab a:visited {
	color:	#666633;
}
/*	RED TAB	*/
div#redtab {
	background: #F2F5F7;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3C5D0;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D8E1E7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3C5D0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3C5D0;
	margin-top: -5px;
}


div#redtab h1 {
	background: #990000 url(/img/jeunesse-youth/commun-common/rbut.jpg) 0 50% repeat-x;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#redtab ul.space li {
	padding-bottom: 10px;
}
div#redtab a:link,
div#redtab a:hover,
div#redtab a:active {
	color:	#003399;
}
div#redtab a:visited {
	color:	#666633;
}
/*	ORANGE TAB	*/
div#orangetab {
	background: #F2F5F7;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3C5D0;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D8E1E7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3C5D0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3C5D0;
	margin-top: -5px;
}
div#orangetab h1 {
	background: #7200AD url(/img/jeunesse-youth/commun-common/obut.jpg) 0 50% repeat-x;
	color:#fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#orangetab ul.space li {
	padding-bottom: 10px;
}
div#orangetab a:link,
div#orangetab a:hover,
div#orangetab a:active {
	color:	#003399;
}
div#orangetab a:visited {
	color:	#666633;
}
/*	GREEN TAB	*/
div#greentab {
	background: #F2F5F7;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3C5D0;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D8E1E7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3C5D0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3C5D0;
	margin-top: -5px;
}
div#greentab h1 {
	background: #128C1E url(/img/jeunesse-youth/commun-common/gbut.jpg) 0 50% repeat-x;
	color:#fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#greentab ul.space li {
	padding-bottom: 10px;
}
div#greentab a:link,
div#greentab a:hover,
div#greentab a:active {
	color:	#003399;
}
div#greentab a:visited {
	color:	#666633;
}

/*	BLACK TAB	*/
div#blacktab {
	background: #F2F5F7;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3C5D0;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D8E1E7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3C5D0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3C5D0;
	margin-top: -5px;
}
div#blacktab2 {
	background: #eee;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
div#blacktab3 {
	border: solid #000 1px;
	background: #eee;
	padding: 2px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
div#blacktab h1 {
	background: #666 url(/img/jeunesse-youth/commun-common/bkbut.jpg) 0 50% repeat-x;
	color:#fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#blacktab a:link,
div#blacktab a:hover,
div#blacktab a:active {
	color:	#333;
}
div#blacktab a:visited {
	color:	#666;
}

.shaded_box {
	border: solid #000 1px;
	background: #cccccc;
	margin: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.shaded_box2 {
	background: #cccccc;
}

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.footer div.footerline {
	background-color: #000;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
	color: #039;
	background-color: #FFF;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */



/* Top of Page style BEGINS */
.upArrowContainer {
 text-align: center;
 width: 100px;
 float: right;
}

.upArrowContainer a {
  vertical-align: middle;
}


.fullWidthAlignRight {
 text-align: right;
 width: 98.5%;
 position: relative;
 height: 2em;
}

img.uparrow {
 width: 1.48em;
 height: 0.92em;
}
/* Top of Page style ENDS */



/* INDEX PAGE HEADER BANNERS CSS BEGINS */
div.containterb {
	width: 100%;
	height: 35px;
	background-color: #1B778E;
	padding: 0px 0px 0px 0px;
}
div.containterp {
	width: 100%;
	height: 35px;
	background-color: #5466A8;
	padding: 0px 0px 0px 0px;
}
div.containterg {
	width: 100%;
	height: 35px;
	background-color: #397C46;
	padding: 0px 0px 0px 0px;
}
div.containterr {
	width: 100%;
	height: 35px;
	background-color: #843731;
	padding: 0px 0px 0px 0px;
}
div.banner_block {
	border-color: #FF0000;
	border-width: 1px;
	height: 35px;
	border-style: none;
	margin-left: 10px;
	vertical-align: bottom
}
div.banner_block h2 {
	font-size: 1.8em;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	font-family: Arial;
	margin: 0px;
}
/* INDEX PAGE HEADER BANNERS CSS ENDS */

div.right_blank { 
	height: 0; 
	width: 0; 
	overflow: hidden; 
	float: right; 
	font-size: 0; 
	position: absolute; 
	top: -100px; 
}