/* Start of CMSMS style sheet 'base-institution' */
/* Start of CMSMS style sheet 'base-institution' */
/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
body {
background-color : #bcbdc0;
}
div.page, div.center, div.right {
background-color : #fff;
text-align : left;
}
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 : 0;
}
/* 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 {
color : #fff;
background : #0073ae url(uploads/images/clf20/banner.jpg) no-repeat center center;
}
div.banner-eng, div.banner-lfcoa-eng {
background : #fff url(uploads/images/clf20/banner.jpg) no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
background : #fff url(uploads/images/clf20/banner.jpg) no-repeat center center;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* 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 : #cc9;
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 li.sectionheader, div.left .sectionheader, div.left h2 {
border-top : 10px solid #fff;
padding : 5px 0 5px 5px;
}
div.left li.sectionheader h2, div.left .sectionheader h2 {
background-color : #8cc63f;
color : #fff;
text-decoration : none;
}
div.right h2, 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 {
background-color : #8cc63f;
color : #fff;
text-decoration : none;
}
div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
text-decoration : none;
background-color : #8cc63f;
color : #fff;
}
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
border : 1px solid #000;
}

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */



/* hack for Internet Explorer */
* html div.left {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}



/* =Left Navigation
---------------------------------------------------------------------------------------------------- */

div.left {
border-bottom : 2px solid #fff;
}
div.left ul.nav {
list-style-type : none;
margin : 0;
padding : 0;
padding-bottom : 10px;
}
div.left ul.nav li {
border-top : 2px solid #fff;
padding : 0;
margin : 0;
display : block;
}

/** fix ie bug with display:block; **/

* html .left li a { height: 1%; } 

* html .left li hr { height: 1%; }

/** end fix 




**/



div.left ul.nav li a, div.left ul.nav li a:link, div.left ul.nav li a:visited {
background-color : #E3E878;
color : #000;
display : block;
padding : 5px 0 5px 5px;
text-decoration : none;
}
div.left ul.nav li a:hover, div.left ul.nav li a.activeparent, div.left ul.nav li a.activeparent:link, div.left ul.nav li a.activeparent:visited {
background-color : #1549a0;
color : #fff;
display : block;
padding : 5px 1px 5px 5px;
text-decoration : none;
}


/* =Left Navigation - 2nd Level
---------------------------------------------------------------------------------------------------- */

div.left ul.nav2 {
list-style-type : none;
margin : 0;
padding : 0;
}
div.left ul.nav2 li {
border-top : 1px solid #fff;
padding : 0;
display : block;
}
div.left ul.nav2 li a, div.left ul.nav2 li a:link, div.left ul.nav2 li a:visited {
background-color : #aae1fa;
color : #000;
display : block;
padding : 2px 1px 2px 10px;
margin : 0;
text-decoration : none;
}
div.left ul.nav2 li a:hover, div.left ul.nav2 li a.activeparent, div.left ul.nav2 li a.activeparent:link, div.left ul.nav2 li a.activeparent:visited {
background-color : #d4f0fc;
color : #000;
display : block;
padding : 2px 1px 2px 10px;
text-decoration : none;
margin : 0;
}


/* =Left Navigation - 3rd Level
---------------------------------------------------------------------------------------------------- */

div.left ul.nav2 li ul.nav2 {
list-style-type : none;
margin : 0;
padding : 0;
}
div.left ul.nav2 li ul.nav2 li {
border-top : 1px solid #fff;
padding : 0;
display : block;
}
div.left ul.nav2 li ul.nav2 li a, div.left ul.nav2 li ul.nav2 li a:link, div.left ul.nav2 li ul.nav2li a:visited {
background-color : #aae1fa;
color : #000;
display : block;
padding : 2px 1px 2px 15px;
margin : 0;
text-decoration : none;
}
div.left ul.nav2 li ul.nav2 li a:hover, div.left ul.nav2 li ul.nav2 li a.activeparent, div.left ul.nav2 li ul.nav2 li a.activeparent:link, div.left ul.nav2 li ul.nav2 li a.activeparent:visited {
background-color : #00c2f3;
color : #000;
display : block;
padding : 2px 1px 2px 15px;
text-decoration : none;
margin : 0;
}


div.right li.menucontent, div.right div.menucontent {
color : #000;
background-color : #ffda70;
text-decoration : none;
}
div.right a.menulink {
color : #000;
background-color : #ffda70;
}
div.prodis {
background-color : #696;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */


div.center h1, div.center .h1Size {
font-size : 14pt;
color : #4C8E16;
}
div.center h2, div.center h3, div.center h4, div.center h5, div.center h6, div.center .h3Size, div.center .h4Size, div.center .h5Size, div.center .h6Size {
color : #1549a0;
}
div.center h2, div.center .h2Size {
font-size : 12pt;
}
div.center h3, div.center .h3Size {
font-size : 11pt;
}
div.center h4, div.center .h4Size {
font-size : 11pt;
}
div.center h5, div.center .h5Size {
font-size : 10pt;
}
div.center h6, div.center .h6Size {
font-size : 9pt;
}
div.center a:link {
color : #0a2855;
}
div.center a:visited {
color : #0a2855;
}
div.blackborder {
border : 1px solid #000;
}
div.blackborder:after {
content : "";
display : block;
height : 0;
clear : left;
visibility : hidden;
}
/* 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 : #707070;
}
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 : #0a2855;
background-color : #fff;
}

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */


/* HOMEPAGE BOXES CSS BEGINS |  DEBUT DU CSS DU PAGE D'ACCUEIL*/

div.homepage-intro-box {
width : 405px;
background : #4C8E16 url(uploads/images/home-introtext-bg.gif) no-repeat bottom left;
padding : 0;
margin : 0 0 5px 0;
color : #fff;
}
div.homepage-intro-box .copy {
padding : 5px 10px 10px 10px;
margin : 0;
color : #fff;
}
div.homepage-intro-box p {
padding : 0;
margin : 0;
color : #fff;
}
div.homepage-box-youths, div.homepage-box-parents, div.homepage-box-teachers {
width : 405px;
padding : 0;
margin : 0 0 5px 0;
color : #fff;
height : 94px;
min-height : 94px;
}
div.homepage-box-youths {
width : 405px;
background : #1549a0 url(uploads/images/home-box-youths.jpg) no-repeat top left;
}
div.homepage-box-parents {
width : 405px;
background : #1549a0 url(uploads/images/home-box-parents.jpg) no-repeat top left;
}
div.homepage-box-teachers {
width : 405px;
background : #1549a0 url(uploads/images/home-box-teachers.jpg) no-repeat top left;
}
div.homepage-box-youths .copy, div.homepage-box-parents .copy, div.homepage-box-teachers .copy {
padding : 10px 10px 10px 175px;
margin : 0;
color : #fff;
}
div.homepage-box-youths h2, div.homepage-box-parents h2, div.homepage-box-teachers h2 {
padding : 0;
padding-bottom : 5px;
margin : 0;
color : #fff;
}
div.homepage-box-youths p, div.homepage-box-parents p, div.homepage-box-teachers p {
padding : 0;
margin : 0;
color : #fff;
}
div.homepage-box-youths a, div.homepage-box-youths a:link, div.homepage-box-youths a:visited, div.homepage-box-parents a, div.homepage-box-parents a:link, div.homepage-box-parents a:visited, div.homepage-box-teachers a, div.homepage-box-teachers a:link, div.homepage-box-teachers a:visited {
color : #fff;
text-decoration : none;
}

/* HOMEPAGE BOXES CSS ENDS |  FIN DU CSS DU PAGE D'ACCUEIL*/


/* RIGHT COLUMN BOXES CSS BEGINS |  DEBUT DU CSS DU RIGHT COLUMN  */

div.right h2, div.right h3 {
font-size : 10pt;
font-weight : bold;
color : #fff;
}

div.right a:link {
color : #0a2855;
}

div.right a:visited {
color : #0a2855;
}

div.right-column-blue-box {
width : 195px;
background : #aae1fa url(uploads/images/right-column/right-column-blue-box-footer.gif) no-repeat bottom left;
padding : 0;
margin : 0 0 5px 0;
}

div.right-column-blue-box h2, div.right-column-blue-box h3 {
background : #1549a0 url(uploads/images/right-column/right-column-blue-box-header.gif) no-repeat top left;
color : #fff;
padding : 5px 10px 5px 10px;
margin : 0;
}


div.right-column-blue-box .copy {
padding : 5px 10px 10px 10px;
margin : 0;
}
div.right-column-blue-box p, div.right-column-orange-box p {
padding : 0;
margin : 0;
}

div.right-column-orange-box {
width : 195px;
background : #ffda70 url(uploads/images/right-column/right-column-orange-box-footer.gif) no-repeat bottom left;
padding : 0;
margin : 0 0 5px 0;
clear : both;
}
div.right-column-orange-box h2, div.right-column-orange-box h3 {
background : #bc421a url(uploads/images/right-column/right-column-orange-box-header.gif) no-repeat top left;
color : #fff;
padding : 5px 10px 5px 10px;
margin : 0;
}
div.right-column-orange-box .copy {
padding : 5px 10px 10px 10px;
margin : 0;
}

/* RIGHT COLUMN CSS ENDS | FIN DU CSS DU RIGHT COLUMN */



/* CUSTOM CSS STARTS | DEBUT DU CSS CUSTOM */

div.clear {
clear: both;
}

div.teachers-box-1 {
background : #ffecbb url(uploads/images/teachers-box-1.jpg) no-repeat top left;
width : 405px;
padding : 0;
margin : 0 0 5px 0;
color : #000;
height : 175px;
min-height : 175px;
}
div.teachers-box-1 .copy {
padding : 10px 5px 5px 180px;
margin : 0;
font-size : 85%;
}
div.teachers-box-1 h3 {
padding : 0;
padding-bottom : 10px;
margin : 0;
}
div.teachers-box-1 p {
padding : 0;
padding-bottom : 10px;
margin : 0;
}
div.parents-box-1, div.parents-box-2, div.parents-box-3, div.youth-box-1, div.youth-box-2 {
width : 405px;
padding : 0;
margin : 0 0 5px 0;
color : #000;
height : 80px;
min-height : 80px;
}
div.parents-box-1 {
background : #ffecbb url(uploads/images/parents-box-1.jpg) no-repeat top left;
}
div.parents-box-2 {
background : #ffecbb url(uploads/images/parents-box-2.jpg) no-repeat top left;
}
div.parents-box-3 {
background : #ffecbb url(uploads/images/parents-box-3.jpg) no-repeat top left;
}
div.youth-box-1 {
background : #ffecbb url(uploads/images/youth-box-1.jpg) no-repeat top left;
}
div.youth-box-2 {
background : #ffecbb url(uploads/images/youth-box-2.jpg) no-repeat top left;
}
div.parents-box-1 .copy, div.parents-box-2 .copy, div.parents-box-3 .copy, div.youth-box-1 .copy, div.youth-box-2 .copy {
padding : 15px 5px 5px 135px;
margin : 0;
font-size : 85%;
}
div.parents-box-1 .copy h3, div.parents-box-2 .copy h3, div.parents-box-3 .copy h3, div.youth-box-1 .copy h3, div.youth-box-2 .copy h3 {
padding : 0;
margin : 0;
}
div.parents-box-1 .copy p, div.parents-box-2 .copy p, div.parents-box-3 .copy p, div.youth-box-1 .copy p, div.youth-box-2 .copy p {
padding : 0;
margin : 0;
}

address {
font-style: normal;
}

#link-proactive-disclosure {
margin-top:10px; 
border-top: 10px solid #8cc63f;
}


div.foot2 a,
div.foot2 a:link,
div.foot2 a:visited{
	padding-top:12px;
	background: url(uploads/images/clf20/tphp.gif) no-repeat center top;
	display: block;
	text-align: center;
	outline: none;
}

div.topPage a, p.topPage a {
	text-align: center;
	padding-top:12px;
	background: url(uploads/images/clf20/tphp.gif) no-repeat center top;
	display: block;
	outline: none;
}



/* CUSTOM CSS ENDS | FIN DU CSS CUSTOM */

/* End of 'base-institution' */


/* End of 'base-institution' */