/* 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: #000;
}
div.colLayout {
	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: 0px;
}
/* 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-image : url(/images/nsi/bann_asc.jpg);
}
div.bannerlinguistic {
	color : #fff;
	background-image : url(/images/bann_form_linguistic.jpg);
}
div.banner-eng, div.banner-lfcoa-eng {
	background: url() #FFF no-repeat center center;
}
div.banner-fra, div.banner-lfcoa-fra {
	background: url() #FFF no-repeat center center;
}
div.banner-eng p.main, div.banner-eng p.siteuri, div.banner-fra p.main, div.banner-fra p.siteuri, div.banner-lfcoa-eng p.main, div.banner-lfcoa-eng p.siteuri, div.banner-lfcoa-fra p.main, div.banner-lfcoa-fra p.siteuri {
	width: auto; 
	height: auto;		
}
/* 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 {
	border-color: #000;
}
/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
h2.nav, 
h2.nav a:link, 
h2.nav a:visited, 
h3.nav, 
h3.nav a:link, 
h3.nav a:visited {
	text-align: left;
	background-color : #000000;
	color : #ffcc33;
	text-decoration : none;
	margin: 0px;
}
h2.nav2{
	color: #FFFFFF;
	text-align: left;
	background-color : #333333;
	text-decoration : none;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
h2.nav a:hover, 
h3.nav a:hover {
	text-decoration : underline;
}
/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */
/* LEFT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE GAUCHE*/
.menuGauche ul {
	list-style : none;
	margin : 0;
	padding : 0;
	border : none;
}
.menuGauche li {
	border-bottom : 1px solid #9cf;
	margin : 0;
}
.menuGauche ul li a {
	display : block;
	padding : 4px 5px 4px 0.5em;
	border-left : 10px solid #036;
	background-color : #369;
	color : #fff;
	text-decoration : none;
	width : 129px;
	text-align: left;
}
html > body .menuGauche li a {
	width : auto;
}
.menuGauche li a:hover {
	border-left : 10px solid #06c;
	background-color : #69c;
	color : #000;
}
/* DIVULGATION PROACTIVE */
div.divpro {
	padding-top : 5px;
	text-align : center;
	padding-bottom : 10px;
}
a.divpro {
	color : #000;
	text-decoration : underline;
}
a.divpro:hover {
	color : #000;
	text-decoration : none;
}
/* FIN DIVULGATION PROACTIVE */
/* LEFT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE GAUCHE*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* RIGHT SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL DE DROITE*/
/* GÉNÉRAL MENU DROITE */
div.right li ul.nav {
	border : 1px solid #000;
}
.titreMenuDroite {
	background-color : #000;
	text-decoration : none;
	color : #fc3; /*fff*/
	font-size : 10px;
	margin: 14px 0 0 0;
	padding: 2px 2px 2px 5px;
}
.titreMenuDroite1 {
	background-color : #000;
	text-decoration : none;
	color : #fc3; /*000*/
	font-size : 10px;
	margin: 0px 0 0 0;
	padding: 2px 2px 2px 5px;
}
#sousTitreMenuDroite {
	text-align : center;
	color : #fc3;
	font-size : 10px;
}
/* FIN GENERAL MENU DROITE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION TRUCS BRANCHÉ */
.trucBranche {
	text-align : center;
	width : 195px;
	position : relative;
	padding : 5px 0 0 2px;
}
.trucBranche a {
	background-color : #ccc;
	float : left;
	width : 45px;
	height : 54px;
	margin : 0 3.5px 10px 0;
}
.trucBranche a:hover {
	background-color : #9c3;
}
/* FIN SECTION TRUCS BRANCHÉ */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* LIENS MENU DOITE | RIGHT SIDE MENU LINKS */
a.linkMenuDroite {
	font-size: 11px;
	color : #039;
	text-decoration : underline;
	vertical-align : top;
}
a.linkMenuDroite:hover {
	text-decoration : none;
}
a.linkMenuDroite:visited {
	color : #039;
}
/* FIN LIENS MENU DOITE | ENDS RIGHT SIDE MENU LINKS */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION DU CALENDRIER DES ÉVÉNEMENT DANS LA COLONNE DE DOITE */
.mainCalendar {
	width : 193px;
	border : 1px solid #ccc;
	background-color : #ccc;
	font-size : 10px;
}
.mainTableau {
	width : 193px;
	border-color : #ccc;
	border-style : solid;
	border-width: 1px 1px 2px 1px;
	font-size : 10px;
}
.month {
	padding-top : 0;
	padding-bottom : 5px;
	background-color : #ccc;
	color : #000;
	font-weight : bold;
	width: 10px;
}
.daysofweek {
	font-weight : bold;
	background-color : #69f;
	color : white;
	border-style : solid;
	border-color : #ccc;
	border-width: 0 2px 0 2px;
	padding : 2px;
}
.days {
	color : #666;
	background-color : #ededed;
	border-style : solid;
	border-color : #ccc;
	border-width: 0 2px 0 2px;
}
.today {
	color : #c00;
	background-color : #fff;
	border-style : solid;
	border-color : #ccc;
	border-width: 0 2px 0 2px;
}
.activites {
	font-weight : bold;
	color : #69f;
	text-decoration: none;
}
.activitestoday {
	font-weight : bold;
	color : #c00;
	text-decoration: none;
}
a.activites:hover {
   text-decoration: underline;
}
a.activitestoday:hover {
    text-decoration: underline;
}
.dateactivites {
	line-height : 16px;
	font-weight : bold;
	color : #69f;
}
.detailCalendar {
	margin-top : 4px;
	border : 1px solid #ccc;
	padding : 2px;
	list-style-type : none;
	background-color : #ededed;
	font-size : 10px;
}
.monthDetail {
	list-style-type : none;
	color : #000;
	font-weight : bold;
}
.detailDescription {
	list-style-type : none;
	background-color : #ededed;
	text-decoration : none;
	color : #666;
	font-weight : lighter;
}
.detailDescription:hover {
	text-decoration : underline;
}
/* FIN SECTION DU CALENDRIER DES ÉVÉNEMENT DANS LA COLONNE DE DOITE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION UTILITAIRE */
.utilitaire {
	background-color: transparent; 
	background-image: url(/images/nsi/bg_utile.gif); 
	background-repeat: no-repeat; 
	width: 192px; 
	height: 110px; 
	padding: 15px 0 0 3px; 
	margin: 0;
}
/* FIN DE LA SECTION UTILITAIRE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* RIGHT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL DE DROITE*/
p.breadcrumb {
	color: #000;
	text-decoration: none;
	margin: 3px 0 0 0;
}
p.breadcrumb a {
	color: #c00;
	text-decoration: underline;
}
p.breadcrumb a:hover {
	color: #000;
	text-decoration: none;
}
div.prodis {
	background-color : #000;
}
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

div.blackborder {
	border: solid #000 1px;
}
/* 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 : #000000;
}
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 : #069;
}
div.foot1, div.foot2, div.foot3 {
	color : #069;
}
/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */
/* ---------------------------------------------------------------------------------------------------------------------------*/