/* CLF 2.0 TEMPLATE VERSION 1.03 | VERSION 1.03 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
.displayBlock{
	display:block;
}

.journal {
	background-image: url(/images/temp/bg_sheet.jpg);
	background-repeat:no-repeat; 
	padding-left: 120px;
	padding-top: 50px;
}
/* CENTER SIDE MENU CSS BEGINS | DEBUT DU CSS DU CENTRE*/
/* CLASS CSS GÉNÉRAL POUR LE DIV CENTER */
.blancptbold {
	color: #ffffff;
	text-decoration: none;
}

.jauneptbold {
	color: #fc3;
	text-decoration: none;
}

.brunptbold {
	color: #7a380c;
	text-decoration: none;
}
  
.blancptboldover {
	color: #ffffff;
	background-color: #009600;
	text-decoration: none;
 }
.greyBG {
	background-color: #eeeeee;
}
.ongletrouge {
	background-image: url(/images/nsi/onglet_rouge.gif);
	background-repeat:no-repeat; 
	width: 100%;
}

.ongletVert {
	background-image: url(/images/nsi/onglet_vert.gif);
	background-repeat:no-repeat; 
	width: 100%;
	height: 17px
}
.contratg {
	float:Left;
	width:34%;
	border:1px solid #ccc;
	text-align:Right;
	background-color:#eee;
}
		
.contratd {
	float:Left;
	width:64%;
	border:1px solid #ccc;
	text-align:left;
}
.bgf90{
	background-color: #f90;
}
.bg069{
	background-color: #069;
}
.pointer{
	cursor:pointer;
}

.error_eoad{color: #FF0000;}
.textCenterRight {
	float : right;
	text-align : center;
	padding : 5px;
}

.sb {
	font-size: 11px;
	border: solid #CCC 1px;
	padding:3px;
	margin-bottom:20px;
}
.sh {
	font-size: 12px;
	margin:0;
	padding:2px;
	background-color:#CCC;
}
.nomargin{
	margin:0;
}
.nopadding{
	padding:0;
}
.padding3{
	padding:3px;
}
#box1 {
	padding : 2px;
}
#searchboxwrapper {
 	border:solid #CC0000 1px; 
 	margin-bottom: 3px;
}
div.center h1, h2, h3, h4, h5, h6 {
	color : #000;
}

.threecoltitle{
	margin-left:155px;
}


/* STYLE POUR LES DIFFÉRENTS CADRES */
div.blackborder {
	border : 1px solid #000;
}
div.grayborder {
	border : 1px solid #ccc;
	padding : 2px;
}
div.citation {
	border : 1px solid #ccc;
	padding : 10px;
	text-align : center;
}
div.redborder {
	border : 1px solid #900;
	padding : 5px;
}
div.greenborder {
	border : 1px solid #9C6;
	padding : 5px;
}

/* STYLE POUR LES DIFFÉRENTE SORTE DE LISTE */
/*chercheFleche pour IE6*/
* html ul.cherchefleche {
	margin-left: 25px;
	padding-bottom:10px;
}
/*chercheFleche général (Firefox et IE8+)*/
ul.cherchefleche {
	margin-left:-8px;
	margin-top:4px;
	margin-bottom:0px;
}
/*chercheFleche pour IE7*/
ul.cherchefleche {
	*margin-left:28px;
	*margin-top:4px;
	*margin-bottom:0px;
}
ul.cherchefleche li {
	line-height: 1.25em;
	list-style-image: url(/images/nsi/fleche_menu.gif);
	vertical-align: top;
}
ul.flechemenu li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/fleche_menu.gif);
	vertical-align: top;
}
ul.flechemenu2 li {
	list-style-image: url(/images/nsi/fleche_menu.gif);
	vertical-align: top;
}
ul.flecheJaune li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/b_arrow3.gif);
}
ul.carreJaune li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/carre_jaune.jpg);
}
ul.cercleBleu li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/cercle_bleu.gif);
}
ul.carreBleu li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/carre_bleu.gif);
}
ul.cercleNoir li {
	line-height: 1.25em;
	list-style-image: url(/images/nsi/cercle_noir.gif);
}
ul.cercleNoirCourt {
	margin-left: 17px;
	padding-left: 0px;
}
ul.cercleNoirCourt li {
	line-height: 1.25em;
	list-style-image: url(/images/nsi/cercle_noir.gif);
	padding-left: 0px;
}
ul.triangleBleu li {
	line-height: 1.5em;
	list-style-image: url(/images/nsi/triangle_bleu.gif);
}
/* FIN CLASS CSS GÉNÉRAL POUR LE DIV CENTER */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* POPULAR SERVICES LIST */
#popularservices-container {
  border:solid #CC0000 1px;
}
div.wrapper {
	text-align:center;
	width: 380px; 
	position: relative;
	padding: 0 0 0 5px;
}
div.poplistLeft {
	float: left;
	padding-right: 2px; 
	width: 49%;
	text-align: left;
}
div.poplistRight {
	float: left;
	padding-right: 2px; 
	width: 49%;
	text-align: left;
}
div.poplistRight ul, 
div.poplistLeft ul {
    font-size: 80%;
	margin: 0 0 0 15px;
 	padding: 0 0 0 5px;
}
div.poplistRight ul li, 
div.poplistLeft ul li {
 	line-height: 1.5em;
 	list-style-image:  url(/images/nsi/carre_bleu.gif);
}
div.poplistRight ul li a:link,
div.poplistLeft ul li a:link {
	 color: #069;
	 text-decoration: none;
	 font-weight: bold;
}
div.poplistRight ul li a:visited,
div.poplistLeft ul li a:visited {
	 color: #069;
	 text-decoration: none;
	 font-weight: bold;
}
div.poplistRight ul li:hover,
div.poplistLeft ul li:hover
{
	color: #069;
  	text-decoration: underline;
	list-style-image:  url(/images/nsi/triangle_bleu.gif);
}
div.poplistRight ul li a:hover,
div.poplistLeft ul li a:hover
{
	color: #069;
  	text-decoration: underline;
	list-style-position: outside;
	list-style-image:  url(/images/nsi/triangle_bleu.gif);
}
div.pop {
	margin : 2px;
	padding : 3px;
	color : #000;
}




/* END OF POPULAR SERVICE CLASSES */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION A 3 COLONNE POUR LES MENU DU CONTENU (MISSION) */


div.listLeft, div.listRight {
	float : left;
	width : 33%;
	text-align : left;
}
div.listLeft2, div.listRight2, div.listCenter2 {
	float : left;
	width : 50%;
	text-align : left;
}
div.listLeft3, div.listRight3, div.listCenter3 {
	float : left;
	width : 33%;
	text-align : left;
}
div.listCenter {
	float : left;
	width : 203px;
	text-align : left;
}
div.listRight ul, 
div.listLeft ul, 
div.listCenter ul {
	margin : 0;
	padding: 0 0 0 18px;;
}
div.listRight2 ul, 
div.listLeft2 ul {
	margin : 0;
	padding: 0 0 0 25px;;
}

.titreMenuContenu {
	margin-bottom : 0;
	margin-left : 1px;
	margin-right : 1px;
	padding : 1px;
	color : #fff;
	background-color : #69f;
	font-size : 11px;
	text-align : center;
}

.titreMenuBeige {
	color: black;
  	background-color: #ffffff;
  	font-size: 8pt;
	background-color: #ddddbb; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 10px 1px 1px 1px;
}

.titreMenuNoir {
	color: black;
  	background-color: #ffffff;
  	font-size: 8pt;
	background-color: #fff; 
	text-align: left; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 10px 1px 1px 1px;
}
ul.titreMenuNoir li {
	list-style-image : url(/images/nsi/fleche_mission.gif); /* /images/nsi/fleche_mission.gif */
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 10px;
}

ul.titreMenuNoir li a:link, ul.titreMenuNoir li a:visited {
	color: #000;
  	font-size: 8pt;
	text-decoration : none;
}
ul.titreMenuNoir li a:hover {
	color : #963;
	text-decoration : underline;
}



.titreMenuOrange {
	color: black;
  	background-color: #ffffff;
  	font-size: 8pt;
	background-color: #ffb74d; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 10px 1px 1px 1px;
}
.titreMenuMission {
	color: black;
  	background-color: #ffffff;
  	font-size: 8pt;
	background-color: #ddd; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 10px 1px 1px 1px;
}
ul.menuMission li {
	list-style-image : url(/images/nsi/fleche_menu_02.gif); /* /images/nsi/fleche_mission.gif */
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 10px;
}

ul.menuMission li a:link, ul.menuMission li a:visited {
	color: #069;
  	font-size: 8pt;
	text-decoration : none;
}
ul.menuMission li a:hover {
	color : #575555;
	text-decoration : underline;
}

ul.menuMission1 li {
	list-style-image : url(/images/nsi/fleche_menu_02.gif); /* /images/nsi/fleche_mission.gif */
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px -5px;
}

ul.menuMission1 li a:link, ul.menuMission1 li a:visited {
	color: #069;
  	font-size: 8pt;
	text-decoration : none;
}
ul.menuMission1 li a:hover {
	color : #575555;
	text-decoration : underline;
}

ul.menuMission2 li {
	list-style-image : url(/images/nsi/fleche_mission.gif);
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 28px;
}
ul.menuMission3 li {
	list-style-image : url(/images/nsi/fleche_mission.gif);
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px;
}
ul.menuMission4 li {
	list-style-image : url(/images/nsi/fleche_mission.gif);
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
}
ul.menuMission2 li a:link, ul.menuMission2 li a:visited {
	color: #069;
  	font-size: 8pt;
	text-decoration : none;
}
ul.menuMission2 li a:hover {
	color : #575555;
	text-decoration : underline;
}
.menu2lignes, .liste2lignes{
	line-height: 13px; 
	vertical-align: text-bottom;
}
ul.sousmenu, ul.sousmenumedia{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	margin-left:0px;
	width: 120%;
	margin-right:-20%;
}
ul.sousmenu li{
	
	list-style-image : url(/images/nsi/expedition3435.png);
	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	
}
ul.sousmenu li a, ul.sousmenumedia li a{
	text-decoration : none;
}
ul.sousmenu li a:hover, ul.sousmenumedia li a:hover{
	text-decoration : underline;
}
ul.sousmenumedia li{
	
	list-style-image : url(/images/nsi/fleche2.gif);
	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	
}
div.icon{display:inline-block; width:18px;}

.beigetitle{
	background-color:#bebd8e;
	color:#333;
	font-size:8pt;
	/*height:15px;*/
	border-width: 1px 0 1px 0;
	border-style:solid;
	border-color:#000;
	padding:1px 0 1px 3px;
}
.titreMenuMars {
	color: #ff9933;
  	font-size: 8pt;
	background-color: #000000; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 10px 1px 1px 1px;
}
.titreMenuExpedition {
	color: #ff9933;
  	font-size: 8pt;
	background-color: #000000; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
}
.titreMenuExpedition2021 {
	color: #ffffff;
  	font-size: 8pt;
	background-color: #114b7d; 
	text-align: center; 
	letter-spacing: -0.5px;
	padding: 2px 0 2px 0;
	margin: 1px 1px 1px 1px;
}

ul.menuMars li {
	list-style-image : url(/images/nsi/fleche_menu_02.gif); 
	/*color: #575555;*/
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 10px;
}
ul.menuMars li a:link, ul.menuMars li a:visited {
	color: #575555;
  	font-size: 8pt;
	text-decoration : none;
}
ul.menuMars li a:hover {
	color : #C60;
	text-decoration : underline;
}
ul.menuMars2 li {
	list-style-image : url(/images/nsi/fleche_mission.gif);
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
	margin: 0px 0px 0px 28px;
}
ul.menuMars2 li a:link, ul.menuMars2 li a:visited {
	color: #575555;
  	font-size: 8pt;
	text-decoration : none;
}
ul.menuMars2 li a:hover {
	color : #C60;
	text-decoration : underline;
}
a.menuPage {
	color: #369;
	text-decoration: underline;
}
a.menuPage:hover {
	color: #666;
	text-decoration: none;
}
/* FIN SECTION A 3 COLONNES POUR LES MENU DU CONTENU */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION A 4 COLONNES POUR LES MENU DU CONTENU*/

div.listLeft4, div.listRight4, div.listCenter4, div.listCenter4a {
	float : left;
	width : 25%;
	text-align : left;
	margin : 0;
	padding: 0 0 0 0px;;
}
div.listRight4 ul,
div.listLeft4 ul,
div.listCenter4a ul,
div.listCenter4 ul {
	margin : 0;
	padding: 0 0 0 18px;;
}

/* FIN SECTION A 4 COLONNES POUR LES MENU DU CONTENU */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* STYLE POUR LA DATE SUR LA PAGE PRINCIPALE */
.datecontenu {
	float : right;
	color : #555;
	font-size : 10px;
	font-weight : lighter;
	margin-bottom : 10px;
	margin-top: 5px;
}
/* FIN STYLE POUR LA DATE SUR LA PAGE PRINCIPALE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION ACTUALITÉ | ACTUALITY SECTION */
.act {
	padding: 0 10px 0 0;
	color: #000;
}
.act2 {
	border-style : solid;
	border-color : #e1dcc9;
	margin : 15px 0 15px 0;
	border-width : 0 0 1px 0;
}
/* FIN SECTION ACTUALITÉ | ENDS ACTUALITY SECTION */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* LIENS CONTENU | CONTENT LINK */
a.linkContenu {
	color : #039;
	text-decoration : underline;
	vertical-align : top;
}
a.linkContenu:hover {
	text-decoration : none;
}
a.linkContenu:visited {
	color : #039;
}

a.linksportespace {
	color : #c60;
	text-decoration : underline;
	vertical-align : top;
}
a.linksportespace:hover {
	text-decoration : none;
}
a.linksportespace:visited {
	color : #c60;
}

a.linkvivreespace {
	color : #669;
	text-decoration : underline;
	vertical-align : top;
}
a.linkvivreespace:hover {
	text-decoration : none;
}
a.linkvivreespace:visited {
	color : #669;
}

a.linkcanadaespace {
	color : #399;
	text-decoration : underline;
	vertical-align : top;
}
a.linkcanadaespace:hover {
	text-decoration : none;
}
a.linkcanadaespace:visited {
	color : #399;
}

a.linkconqueteespace {
	color : #09f;
	text-decoration : underline;
	vertical-align : top;
}
a.linkconqueteespace:hover {
	text-decoration : none;
}
a.linkconqueteespace:visited {
	color : #09f;
}

a.linkContenuvert {
	color : #693;
	text-decoration : underline;
	vertical-align : top;
}
a.linkContenuvert:hover {
	text-decoration : none;
}
a.linkContenuvert:visited {
	color : #693;
}

a.linkContenuforet {
	color : #360;
	text-decoration : underline;
	vertical-align : top;
}
a.linkContenuforet:hover {
	text-decoration : none;
}
a.linkContenuforet:visited {
	color : #360;
}

a.linkMars {
	color : #c60;
	text-decoration : underline;
	vertical-align : top;
}
a.linkMars:hover {
	text-decoration : none;
}
a.linkMars:visited {
	color : #c60;
}

a.linkMars2 {
	color : #c60;
	font-size : 85%;
	text-decoration : underline;
	vertical-align : top;
}
a.linkMars2:hover {
	font-size : 85%;
	text-decoration : none;
}
a.linkMars2:visited {
	font-size : 85%;
	color : #c60;
}

a.lienEduc, a.lienEduc:visited {
	color : #963;
}
a.lienEduc:hover {
	color : #963;
	text-decoration: none;
}


a.BulletLien {
	text-decoration : underline;
	color : #c60;
	font-size : 85%;
	line-height : 12px;
}
a.BulletLien:hover {
	text-decoration : none;
	color : #555;
	font-size : 85%;
	line-height : 12px;
}


a.legendeLien {
	text-decoration : underline;
	color : #c60;
	font-size : 85%;
	line-height : 12px;
}
a.legendeLien:hover {
	text-decoration : none;
	color : #555;
	font-size : 85%;
	line-height : 12px;
}
ul.noBullet li {
	list-style-type: none;
}   
a.liste {
	color : #069;
	font-size: 8pt;
	text-decoration: none;
}
a.liste:hover {
	text-decoration : underline;
	color : #069;
	font-size : 8pt;
}
a.liste:visited {
	color : #069;
	font-size : 8pt;
}



/* FIN LIENS CONTENU | ENDS CONTENT LINK */
/* CLASSE POUR LES COINS ROND DANS LE CONTENU D'UNE PAGE A 3 COLONNES */

.rCornersOrange h2 {
	border: 0;
	display: inline;
}
.rCornersOrange div h2.nav,.rCorners3 div h2.nav a.menulink {
	line-height: 1.4em;
}
.rCornersOrange h2 {
	padding-top: 0.6em;
}
.rCornersOrange {
	background: transparent;
	display: inline;
}
.rCorners3 h2 {
	border: 0;
	display: inline;
}
.rCorners3 div h2.nav,.rCorners3 div h2.nav a.menulink {
	line-height: 1.4em;
}
.rCorners3 h2 {
	padding-top: 0.6em;
}
.rCorners3 {
	background: transparent;
	display: inline;
}
.margin3 {
	margin: 0 0 5px 0;
	padding: 0;
}
.rtop3,.rbottom3 {
	background: transparent;
	font-size: 1px;
}
.rb13,.rb23,.rb33,.rb43,.rt13,.rt23,.rt33,.rt43 {
	display: block;
	overflow: hidden;
}
.rb13,.rb23,.rb33,.rt13,.rt23,.rt33{
	height: 1px;
}
.rb23,.rb33,.rb43,.rt23,.rt33,.rt43 {
	border-left: 1px solid;
	border-right: 1px solid;
}
.rb13 {
	margin: 0 5px;
}
.rt13 {
	background: transparent;
	margin: 0 5px;
}
.rb23,.rt23 {
	border-width: 0 2px;
	margin: 0 3px;
}
.rb33,.rt33 {
	margin: 0 2px;
}
.rb43,.rt43 {
	height: 2px;
	margin: 0 1px;
}
.whiteCap3 .rb13,.whiteCap3 .rt13{
	background: #d4d9d0;
}
.whiteCap3 .rb23,.whiteCap3 .rb33,.whiteCap3 .rb43,.whiteCap3 .rt23,.whiteCap3 .rt33,.whiteCap3 .rt43{
	border-color: #d4d9d0;
}
.orangeCap .rb13,.orangeCap .rt13{
	background: #ffb74d;
}
.orangeCap .rb23,.orangeCap .rb33,.orangeCap .rb43,.orangeCap .rt23,.orangeCap .rt33,.orangeCap .rt43{
	border-color: #ffb74d;
}


.rboxOrange{
	background: #ffb74d url(/images/nsi/boutonBG4.gif) repeat-x top left;
	border: 0 solid #ffb74d;
	border-width: 0 1px;
	text-align: center;
}
.rboxcontent3{
	background: #d4d9d0 url(/images/nsi/boutonBG4.gif) repeat-x top left;
	border: 0 solid #d4d9d0;
	border-width: 0 1px;
	text-align: center;
}
.rCorners3 .rboxcontent3 div {
	padding: 2px 2px 7px 2px;
}
.rboxcontent3 h2 {
	background: transparent;
	color: #444;
	font-size: 116%;
	line-height: 14px;
	padding: 0px 2px 6px 2px;
}
.boxOrange {
	border-left: 1px solid #ffb74d;
	border-right: 1px solid #ffb74d;
	margin: 0;
	padding: 3px 0.5em 0;
}
.boxContent3 {
	border-left: 1px solid #d4d9d0;
	border-right: 1px solid #d4d9d0;
	margin: 0;
	padding: 3px 0.5em 0;
}
.boxContent3 ul {
	margin: 0 0 0 15px;
	padding: 10px 0 10px 0;
}


/* CLASSE POUR LES COINS ROND DANS LE CONTENU A 3 COLONNE */


/* FIN LIENS CONTENU | ENDS CONTENT LINK */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* CLASSE POUR LES COINS ROND DANS LE CONTENU D'UNE PAGE A 3 COLONNES */
.rCorners h2 {
	border: 0;
	display: inline;
}
.rCorners div h2.nav,.rCorners div h2.nav a.menulink {
	line-height: 1.4em;
}
.rCorners h2 {
	padding-top: 0.6em;
}
.rCorners {
	background: transparent;
	display: inline;
}
.margin {
	margin: 0 0 5px 0;
	padding: 0;
}
.rtop,.rbottom {
	background: transparent;
	font-size: 1px;
}
.rb1,.rb2,.rb3,.rb4,.rt1,.rt2,.rt3,.rt4 {
	display: block;
	overflow: hidden;
}
.rb1,.rb2,.rb3,.rt1,.rt2,.rt3{
	height: 1px;
}
.rb2,.rb3,.rb4,.rt2,.rt3,.rt4 {
	border-left: 1px solid;
	border-right: 1px solid;
}
.rb1 {
	margin: 0 5px;
}
.rt1 {
	background: transparent;
	margin: 0 5px;
}
.rb2,.rt2 {
	border-width: 0 2px;
	margin: 0 3px;
}
.rb3,.rt3 {
	margin: 0 2px;
}
.rb4,.rt4 {
	height: 2px;
	margin: 0 1px;
}
.whiteCap .rb1,.whiteCap .rt1{
	background: #e1dcc9;
}
.whiteCap .rb2,.whiteCap .rb3,.whiteCap .rb4,.whiteCap .rt2,.whiteCap .rt3,.whiteCap .rt4{
	border-color: #e1dcc9;
}

.rboxcontent{
	background: #e1dcc9 url(/images/nsi/boutonBG2.gif) repeat-x top left;
	border: 0 solid #e1dcc9;
	border-width: 0 1px;
}

.rCorners .rboxcontent div {
	padding: 2px 2px 7px 2px;
}
.rboxcontent h2 {
	background: transparent;
	color: #444;
	font-size: 116%;
	line-height: 14px;
	padding: 0px 2px 6px 2px;
}
.boxContent {
	border-left: 1px solid #e6e0d4;
	border-right: 1px solid #e6e0d4;
	margin: 0;
	padding: 3px 0.5em 0;
}
.boxContent ul {
	margin: 0 0 0 15px;
	padding: 10px 0 10px 0;
}
/* CLASSE POUR LES COINS ROND DANS LE CONTENU A 3 COLONNE */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* CLASS POUR LES IMAGES */

























.imgRight {
	float : right;
	text-align : center;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
}
.imgLeft {
	float : left;
	text-align : center;
}
.image-right{
	text-align : center;
}
.image-left{
	text-align : center;
}
.borderImg {
	border-right: 1px;
	border-bottom: 1px;
	border-width: 0;
	border-style: solid;
	border-color: #000;
}
/* FIN CLASS POUR LES IMAGES */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* STYLE POUR LES AVIS */
.avis {
	text-align: center;
	font-size: 8pt;
	padding: 20px;
	border: 1px solid #dddddd;
}
/* STYLE POUR LES AVIS */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* SECTION FOND GRIS */
.fondGrisRond {
	background-color: transparent; 
	background-image: url(/images/nsi/bg_utile.gif); 
	background-repeat: no-repeat; 
	width: 192px;
	height: 110px;
	padding: 7px 0 0 3px; 
	margin: 0;
}
/* FIN DE LA SECTION FOND GRIS */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* CLASS POUR LES FONTS */
.vert10_b {
	color: #690;
	font-weight: bold;
 } 

a.lienEducGris, a.lienEducGris:visited {
	vertical-align: 150%; 
	color: #333;
	line-height: 125%;
	text-decoration: underline;
}
a.lienEducGris:hover {
	vertical-align: 150%; 
	color: #333;
	line-height: 125%;
	text-decoration: none;
}
.legende {
	letter-spacing: -0.5px;
	color : #069;
	font-size : 85%;
	line-height : 12px;
}
.legendegrise {
	letter-spacing: -0.5px;
	color : #555;
	font-size : 85%;
	line-height : 12px;
}
.legendegriseLineSpacingDemi {
	letter-spacing: -0.5px;
	color : #555;
	font-size : 85%;
	line-height : 20px;
}
.legendeorange {
	letter-spacing: -0.5px;
	color : #c60;
	font-size : 85%;
	line-height : 12px;
}
h2.pop {
	font-size: 85%;
	color: #000;
}
h1#titreContenu{
	font-size : 140%;
	font-weight : lighter;
	border-bottom: 1px solid #069
}
h2 {
	font-size: 110%;
	color: #069;
}
h2.sportespace{
	font-size: 110%;
	color: #f93;
}
h2.vivreespace{
	font-size: 110%;
	color: #669;
}
h2.canadaespace{
	font-size: 110%;
	color: #399;
}
h2.conqueteespace{
	font-size: 110%;
	color: #09f;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 110%;
	color: #963;
}
.titre {
	float : left;
	color : #069;
	font-size : 13px;
	padding-top : 15px;
}
h3.nav {
	font-size: 10.0pt;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
.texteContenu {
	font-size : 11px;
	padding-right : 5px;
}
.texteRouge {
	font-size : 11px;
	color : #900;
}
.texteRouge13 {
	font-size : 13px;
	color : #900;
}
.texteBeige {
	font-size : 11px;
	color : #963;
}
.texteGris {
	font-size : 11px;
	color : #555;
}	
.texteBleu {
	font-size : 12px;
	color: #369;
	text-decoration: underline;
}
	
a.lienEducBeige, a.lienEducBeige:visited {
	font-size : 11px;
	color : #963;
}
/* FIN CLASS POUR LES FONTS */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* CLASS POUR LES FONT (ANCIEN SITE) */
.rougept {
	color: #990000;
	font-size: 10pt;
} 
.blanc8_b {
	color: white;
	font-weight: bold; 
	font-size: 8pt;
	text-decoration: none;
}  
.rouge_edu {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}       
.normalbas {
  	font-size: 8pt;
}           
.normalptblanc {
  	background-color: #006699;
	color: #ffffff;
  	font-size: 9pt;
}    
.normalpt {
	font-size: 9pt;
} 
.normal10pt {
  	font-size: 10pt;
}  
.noirpt {
	background-color: #fff;
  	font-weight: bold; 
  	font-size: 10pt;
}  
.normalpt8 {
	color: black;
 	background-color: #ffffff;
 	font-family : arial;
 	font-weight: normal; 
 	font-size: 8pt;
 	text-decoration: none;
 }    
/* FIN CLASS POUR LES FONT (ANCIEN SITE) */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/*  DÉBUT CLASS POUR LES HEIGHT */


.height3700 {
	height: 3700px;
}
.height3600 {
	height: 3600px;
}
.height3500 {
	height: 3500px;
}
.height3000 {
	height: 3000px;
}
.height2950 {
	height: 2950px;
}
.height2950 {
	height: 2950px;
}
.height2900 {
	height: 2900px;
}
.height2875 {
	height: 2875px;
}
.height2800 {
	height: 2800px;
}
.height2600 {
	height: 2600px;
}
.height2500 {
	height: 2500px;
}
.height2000 {
	height: 2000px;
}
.height1880 {
	height: 1880px;
}
.height1850 {
	height: 1850px;
}
.height1800 {
	height: 1800px;
}
.height1750 {
	height: 1750px;
}
.height1700 {
	height: 1700px;
}
.height1600 {
	height: 1600px;
}
.height1550 {
	height: 1550px;
}
.height1540 {
	height: 1540px;
}
.height1535 {
	height: 1535px;
}
.height1530 {
	height: 1530px;
}
.height1525 {
	height: 1525px;
}
.height1500 {
	height: 1500px;
}
.height1450 {
	height: 1450px;
}
.height1400 {
	height: 1400px;
}
.height1350 {
	height: 1350px;
}
.height1300 {
	height: 1300px;
}
.height1250 {
	height: 1250px;
}
.height1200 {
	height: 1200px;
}
.height1150 {
	height: 1150px;
}
.height1100 {
	height: 1100px;
}
.height1075 {
	height: 1075px;
}
.height1050 {
	height: 1050px;
}
.height1000 {
	height: 1000px;
}
.height950 {
	height: 950px;
}
.height910 {
	height: 910px;
}
.height900 {
	height: 900px;
}
.height875 {
	height: 875px;
}
.height850 {
	height: 850px;
}
.height835 {
	height: 835px;
}
.height825 {
	height: 825px;
}
.height800 {
	height: 800px;
}
.height780 {
	height: 780px;
}
.height775 {
	height: 775px;
}
.height750 {
	height: 750px;
}
.height725 {
	height: 725px;
}
.height720 {
	height: 720px;
}
.height700 {
	height: 700px;
}
.height675 {
	height: 675px;
}
.height665 {
	height: 665px;
}
.height650 {
	height: 650px;
}
.height635 {
	height: 635px;
}
.height630 {
	height: 630px;
}
.height625 {
	height: 625px;
}
.height615 {
	height: 615px;
}
.height610 {
	height: 610px;
}
.height605 {
	height: 605px;
}
.height600 {
	height: 600px;
}
.height570 {
	height: 570px;
}
.height565 {
	height: 565px;
}
.height560 {
	height: 560px;
}
.height555 {
	height: 555px;
}
.height550 {
	height: 550px;
}
.height545 {
	height: 545px;
}
.height540 {
	height: 540px;
}
.height525 {
	height: 525px;
}
.height500 {
	height: 500px;
}
.height475 {
	height: 475px;
}
.height470 {
	height: 470px;
}
.height466 {
	height: 466px;
}
.height450 {
	height: 450px;
}
.height425 {
	height: 425px;
}
.height422 {
	height: 422px;
}
.height420 {
	height: 420px;
}
.height415 {
	height: 415px;
}
.height410 {
	height: 410px;
}
.height405 {
	height: 405px;
}
.height400 {
	height: 400px;
}
.height395 {
	height: 395px;
}
.height390 {
	height: 390px;
}
.height385 {
	height: 385px;
}
.height380 {
	height: 380px;
}
.height375 {
	height: 375px;
}
.height370 {
	height: 370px;
}
.height355 {
	height: 355px;
}
.height350 {
	height: 350px;
}
.height345 {
	height: 345px;
}
.height340 {
	height: 340px;
}
.height335 {
	height: 335px;
}
.height330 {
	height: 330px;
}
.height328 {
	height: 328px;
}
.height325 {
	height: 325px;
}
.height320 {
	height: 320px;
}
.height315 {
	height: 315px;
}
.height310 {
	height: 310px;
}
.height305 {
	height: 305px;
}
.height300 {
	height: 300px;
}
.height295 {
	height: 295px;
}
.height290 {
	height: 290px;
}
.height285 {
	height: 285px;
}
.height280 {
	height: 280px;
}
.height275 {
	height: 275px;
}
.height270 {
	height: 270px;
}
.height260 {
	height: 260px;
}
.height250 {
	height: 250px;
}
.height245 {
	height: 245px;
}
.height240 {
	height: 240px;
}
.height235 {
	height: 235px;
}
.height230 {
	height: 230px;
}
.height225 {
	height: 225px;
}
.height220 {
	height: 220px;
}
.height215 {
	height: 215px;
}
.height210 {
	height: 210px;
}
.height200 {
	height: 200px;
}
.height190 {
	height: 190px;
}
.height185 {
	height: 185px;
}
.height180{
	height: 180px;
}
.height175 {
	height: 175px;
}
.height170 {
	height: 170px;
}
.height165 {
	height: 165px;
}
.height160 {
	height: 160px;
}
.height157 {
	height: 157px;
}
.height155 {
	height: 155px;
}
.height150 {
	height: 150px;
}

.height145{
	height: 145px;
}
.height143 {
	height: 143px;
}
.height140{
	height: 140px;
}
.height135 {
	height: 135px;
}
.height130 {
	height: 130px;
}
.height125 {
	height: 125px;
}
.height120 {
	height: 120px;
}
.height118 {
	height: 118px;
}
.height116 {
	height: 116px;
}
.height115 {
	height: 115px;
}
.height114 {
	height: 114px;
}
.height113 {
	height: 113px;
}
.height110 {
	height: 110px;
}
.height105 {
	height: 105px;
}
.height100 {
	height: 100px;
}
.height99 {
	height: 99px;
}
.height98 {
	height: 98px;
}
.height97 {
	height: 97px;
}
.height96 {
	height: 96px;
}
.height95 {
	height: 95px;
}
.height92 {
	height: 92px;
}
.height90 {
	height: 90px;
}
.height85 {
	height: 85px;
}
.height80 {
	height: 80px;
}
.height75 {
	height: 75px;
}
.height74 {
	height: 74px;
}
.height72 {
	height: 72px;
}
.height70 {
	height: 70px;
}
.height65 {
	height: 65px;
}
.height62 {
	height: 62px;
}
.height60 {
	height: 60px;
}
.height55 {
	height: 55px;
}
.height53 {
	height: 53px;
}
.height50 {
	height: 50px;
}
.height45 {
	height: 45px;
}
.height40 {
	height: 40px;
}
.height35 {
	height: 35px;
}
.height30 {
	height: 30px;
}
.height28 {
	height: 28px;
}
.height27 {
	height: 27px;
}
.height25 {
	height: 25px;
}
.height23 {
	height: 23px;
}
.height22 {
	height: 22px;
}
.height20 {
	height: 20px;
}
.height17 {
	height: 17px;
}
.height15 {
	height: 15px;
}
.height10 {
	height: 10px;
}
.height6 {
	height: 6px;
}
.height5 {
	height: 5px;
}
.height4 {
	height: 4px;
}
.height3 {
	height: 3px;
}
.height2 {
	height: 2px;
}
.height1 {
	height: 1px;
}
/*  FIN CLASS POUR LES HEIGHT */
/* ---------------------------------------------------------------------------------------------------------------------------*/
/* DEBUT CLASS POUR LA SECTION TRUCS BRANCHÉS */
.titreTrucBranche {
	color: #fff;
	font-size: 8.0pt;
	font-weight: bold;
	background-color: #9c3;
	text-align: center;
	padding: 5px;
}
.tableBranche {
	width: 100%;
}
.titreBrancheLeft {
	float: left;
	text-align: center;
	width: 50%;
	font-size: 8pt;
	background-color: #eee;
	border: 1px solid #ddd;
	padding:3px;
}
.titreBrancheRight {
	text-align: center;
	font-size: 8pt;
	background-color: #eee;
	border: 1px solid #ddd;
	padding:3px;
}
.textBrancheLeft {
	float: left;
	width: 50%;
	border-width : 0 1px 1px 1px;
	border-style: solid;
	border-color: #ddd;
	height: 75px;
	padding:3px;
	text-align: center;
	height: 60px;
}
.textBrancheRight {
	float: right;
	border-width : 0 1px 1px 0;
	border-style: solid;
	border-color: #ddd;
	width: 47.4%;
	text-align: center;
	height: 60px;
	padding:3px;
}
.imageBranche {
	margin: 2px 5px 0 5px;
}
a.lien_science {
	color: #96C646;
	font-weight: bold; 
	font-size: 8pt;
	text-decoration: none;
}
a.lien_science2 {
	color: #96C646;
	font-weight: bold; 
	text-decoration: none;
}
a.lien_science:hover {
	color: #A1A5A9;
}  
/* FIN CLASS POUR LA SECTION TRUCS BRANCHÉS */

/* CENTER SIDE MENU CSS ENDS | FIN DU CSS DU CONTENU*/
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
.styleform {
	margin: 2px 0 0 0;
	padding: 5px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ddd;
	background-color: #fff;
}
.linkMenuImage {
	text-decoration: none;
}
.sectionEduc {
	height:150px; 
	padding: 0 0 0 30px;
}
/* SECTION DES APPLETS */

.borderFull {
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
	padding : 2px;
}
.borderFullB {
	border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	padding : 2px;
}
.borderLeft {
	border-width: 1px 0 0 1px;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderRight {
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderTop {
	border-width: 1px 0 0 0;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderTopB {
	border-width: 1px 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderLeftB {
	border-width: 1px 0 1px 1px;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderRightB {
	border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	border-style: solid;
	padding:2px;
}
.borderLBleuB {
	border-width: 4px 0 4px 4px;
	border-color: #069;
	border-style: solid;
	padding:2px;
}
.borderRBleuB {
	border: 4px solid #069;
	padding:2px;
}
.borderLVertB {
	border-width: 4px 0 4px 4px;
	border-color: #9c3;
	border-style: solid;
	padding:2px;
}
.borderRVertB {
	border: 4px solid #9c3;
	padding:2px;
}
.borderLOrangeB {
	border-width: 4px 0 4px 4px;
	border-color: #9F5000;
	border-style: solid;
	padding:2px;
}
.borderROrangeB {
	border: 4px solid #9F5000;
	padding:2px;
}
.borderLBleu2B {
	border-width: 4px 0 4px 4px;
	border-color: #8c96e2;
	border-style: solid;
	padding:2px;
}
.borderRBleu2B {
	border: 4px solid #8c96e2;
	padding:2px;
}
.borderFullW {
    border-width: 1px 1px 0px 1px;
    border-color: #fff;
    border-style: solid;
    padding : 2px;
}
.borderFullG {
    border-width: 1px 1px 0px 1px;
    border-color: #eee;
    border-style: solid;
    padding : 2px;
}
.borderFullWB {
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-style: solid;
    padding : 2px;
}
.borderTable {
	border: 1px solid #ccc;
    padding : 2px;
}
.borderBottom {
	border-width: 0 0 1px 0;
    border-color: #ccc;
    border-style: solid;
}
.borderFullTop2px{
	border-width: 2px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
}
.borderLeftTop2px{
	border-width: 2px 0 0 1px;
	border-style: solid;
	border-color: #ccc;
}
.borderFullBTop2px{
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	
}
.borderLeftBTop2px{
	border-width: 2px 0 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
.greyBGbas{
	background-color: #ddd;
	font-size: 8pt;
} 

.fielderror{
	border: solid 1px #800;
	background-color: #fcc;
	margin-bottom: 1px;
}
.toperrormsg{
	padding: 15px;
	margin-bottom : 15px;
}

.confirm{
    background-color:#369;
    color:#fff;
    height:26px; 
    border-left:solid 1px #ccc; 
    border-top:solid 1px #ccc;
    border-right:solid 1px #036; 
    border-bottom:solid 1px #036;
}

.cancel{
    background-color:#ccc; 
    height:26px; 
    border-left:solid 1px #fff; 
    border-top:solid 1px #fff;
    border-right:solid 1px #444; 
    border-bottom:solid 1px #444;
}

.buttonband
{
	text-align:center;
	padding:5px;
	background-color:#80a3c1;
	border-left:solid 1px #ccc; 
    border-top:solid 1px #ccc;
    border-right:solid 1px #036; 
    border-bottom:solid 1px #036;
    margin-bottom:5px;
}

.hidden{
	display:none;
}

/* -------------------------------------------------- */
/*      ABONNEMENT APOGÉE SUR LA PAGE D'ACCUEIL       */
/* -------------------------------------------------- */
.greytext{
	color:#666;
}
.error2{
	background-color:#fcc;
	color:#800;
}
.help{
	cursor:help;
}
.underline{
	text-decoration: underline;
}
html>/**/body .apogeehelpIE{
	margin:0;
}
html>/**/body .apogeenospaceIE{
	margin:-5px 0 0px 0;
}
.apogeehelpIE{
	margin:-15px 3px 0 0;
}
.apogeenospaceIE{
	margin:-18px 0 -18px 0;
}
.margintop10{
	margin-top:10px;
}

.codepostal{
	text-transform:uppercase;
}

/* -------------------------------------------------- */
/*    FIN ABONNEMENT APOGÉE SUR LA PAGE D'ACCUEIL     */
/* -------------------------------------------------- */




/* -------------------------------------------------- */
/* DÉBUT DU CLASS POUR LA SECTION ÉLÈVES ET ÉTUDIANTS */
/* -------------------------------------------------- */







/* -------------------------------------------------- */
/*  FIN DU CLASS POUR LA SECTION ÉLÈVES ET ÉTUDIANTS  */
/* -------------------------------------------------- */

.title th{
	text-align: left;
	background-color:#FF9;
	padding: 5px 0 5px 5px;
}
.title td{
	background-color:#FFf;
	font-size: 8pt;
	padding: 5px 10px 5px 10px;
}
.title{
	text-align: left;
	background-color:#696969;
}

.content{
	margin: 0; 
	background: #fff; 
	border:0; 
	color: #000; 
	font-size: 8pt;
	padding: 5px 0px; 
}
.contentindent{
	padding: 5px 10px; 
}

div.header { 
	margin: 0; 
	background: #e0e3c6 url(/images/nsi/boutonBGexp.gif); 
	padding: 5px; 
	border:0; 
	color: #000; 
	font-weight:bold; 
	font-size: 8pt;
}

div.outer { background: #bebebe; width: 99%; }

#clickablearea{
	background-color:black;
	position:absolute; 
	height: 100%; 
	width: 100%; 
	z-index: 5;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.inlineblock{
	display:inline-block
}

.margin7_5 {
	margin: 7px, 0px, 0px, 5px;
}  
.margin10_10 {
	margin: 10px, 0px, 0px, 10px;
}  
.margin10_5 {
	margin: 10px, 0px, 0px, 5px;
}  
div.menuMissionRight{
	float: 		right;
	width: 		35%;
	border: 	solid 1px #ccc;
	margin: 	20px 0 10px 5px;
	padding:	0 0 3px;
}
div.menuMissionRight > div > div{
	margin: 0 3px;
}
div.menuMissionRight h2{
	margin: 	0;
	padding: 	3px;
	color: black;
  	font-size: 8pt;
	background-color: #ddd; 
	text-align: center; 
	letter-spacing: -0.5px;
}
div.menuMissionRight ul{
	padding: 0;
	margin: 10px 5px 10px 25px;
	list-style-image : url(/images/nsi/fleche_menu_02.gif); /* /images/nsi/fleche_mission.gif */
  	font-size: 8pt;
	text-decoration : none;
	line-height: 1.5em;
}

div.menuMissionRight ul li {
	
	margin: 0px 0px 0px 10px;
}

div.menuMissionRight ul li a:link, div.menuMissionRight ul li a:visited {
	color: #069;
  	font-size: 8pt;
	text-decoration : none;
}
div.menuMissionRight ul li a:hover {
	color : #575555;
	text-decoration : underline;
}