/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* START OVERRIDE OF BASE-INSTITUTION.CSS DECLARATIONS  */
a {
	color: #003366;

}

p.breadcrumb {
	padding: 4px;
	font-size: 85%;
	font-weight: bold;
}
/* END OVERRIDE OF BASE-INSTITUTION.CSS DECLERATIONS  */

/* DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE | START INSTITUTIONAL BANNER CSS */
div.saving { background: #eaf7fe url("/img/ce-cl/commun-common/ban_ey1.png") no-repeat; }
div.preparingforpost { background: #eaf7fe url("/img/ce-cl/commun-common/ban_pps1.png") no-repeat; }
div.finishedpostsecondary { background: #eaf7fe url("/img/ce-cl/commun-common/ban_fps1.png") no-repeat; }
div.postsecondary { background: #eaf7fe url("/img/ce-cl/commun-common/ban_ps1.png") no-repeat; }
div.lifelonglearning { background: #eaf7fe url("/img/ce-cl/commun-common/ban_ll-ac1.png") no-repeat; }
div.whynotyou {background: #eaf7fe url("/img/ce-cl/commun-common/ban_wny.png") no-repeat; }
/* FIN DU CSS E LA BANNIERE INSTITUTIONNELLE | END INSTITUTIONAL BANNER CSS */

/* DEBUT DU CSS GENERAL DE LA PAGE D'ACCUEIL | START GENERAL HOMEPAGE CSS */

div.center a {
	color: #0f4c74;
}
div.center .topBan {
	background: #2b61bb url("/img/ce-cl/commun-common/h_t_p.gif") no-repeat;
	width: 403px;
	height: 124px; 


}
div.center .topBan H1  {
	color: #ffffff !important;
	font: bold 1.60em "trebuchet MS", verdana, arial, helvetica;
	padding: 15px 15px 0px 20px;

}

div.center .topBan H1 A {
color: #ffffff !important;

}
div.center .channel {
	background: url("/img/ce-cl/commun-common/c_t_p.gif") no-repeat top left;
	overflow: auto !important;
	margin: 5px 0px 0px 0px;
	position: relative;
	width: 403px;
	height: auto;
}
div.center .channel H2 {
	font: bold 115% "trebuchet MS", verdana, arial, helvetica;
	padding: 3px 3px 3px 7px;
	margin: 0px 0px 3px;
	float: left;
	z-index: 1000;
	position: relative;
	
}
div.center .channel H2 A{
	color: #0050aa !important;
	text-decoration: none;

}
div.center .channel .photo {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
div.center .channel UL {
	clear: both;
	background: #eaf7fe;
                margin: 0 0 0 0;
	padding: 5px 150px 10px 15px;
	list-style: none;
	z-index: 2;
}
div.center .channel UL LI {
	position: relative;
	background: url(/img/ce-cl/commun-common/c_b.gif) center left no-repeat;
	padding: 2px 0 2px 14px;
	border-top: solid 1px #c5dbea;
}
div.center .channel UL LI.first {
	border: none;
}
div.center .channel UL LI A {
	text-decoration: underline;
	color: #0f4c74 !important;
	/* text-decoration: none; */
}
div.center .channel UL LI A:hover {
	text-decoration: underline;
	color: #0f4c74; /* new */
}
div.center .section-header {
	position: relative;
	border: solid 5px #cce3f2;
	width: 590px;
	height: auto;
	background: #0060aa;
	margin: 0 0 5px;
	overflow: hidden;

}
div.center .section-header H1 {
	border-top: solid 5px #fffc00;
	padding: 15px 160px 15px 15px;
	margin: 0;
}
div.center .section-header H1 {
	color: #fff !important;
	font: bold 160% "trebuchet MS", verdana, arial, helvetica !important;
	border-top: solid 5px #fffc00;
	padding: 15px 160px 15px 15px;
	margin: 0;
}
div.center .section-header H1 A {
	color: #fff !important;
	font: bold 110% "trebuchet MS", verdana, arial, helvetica !important;
	
}
div.center .section-header .searchform {
	position: absolute;
	top: 5px ;
	right: 0;
	padding-bottom: 100px;
	border: none;
	width: 180px;
}
div.center .header-photo {
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.center .header-photo img {
	border: solid 5px #cce3f2;
	overflow: hidden;
	width: 590px;
	height: 140px;
}
div.center .channel-precis {
	overflow: hidden;
	width: 600px;
	background: #0060aa url(/img/ce-cl/commun-common/p_bkg1.png) top repeat-x;
}
div.center .channel-precis .bkg {
	border: solid 5px #cce3f2;
	padding-bottom: 5px;
	height: 100%;
	background: url(/img/ce-cl/commun-common/p_c_bkg.gif) right no-repeat;
}
div.center .channel-precis .content {
	padding: 17px 220px 17px 10px;
}
div.center .channel-precis .content H2 {
	color: #fffc00;
	font: bold 130% "trebuchet MS", verdana, arial, helvetica;
	margin: 0 0 10px;
}
div.center .channel-precis .content P {
	margin: 0 0 10px;
	color: #fff;
	font-size: 0.95em;
}
div.center .channel-precis .links {
	width: 197px;
	float: right;
	text-align: right;
	padding: 20px 5px 0;
}
div.center .channel-precis .links H2 {
	font-size: 1.00em;
	color: #0072bc;
	margin: 0 0 5px;
}
div.center .channel-precis .links H2 A{
	font-size: 1.0em;
	color: #0072bc !important;
	margin: 0 0 5px;
}
div.center .channel-precis .links UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.center .channel-precis .links UL LI {
	border-top: solid 1px #CCE3F2;
	font-size: 0.9em;
	padding: 2px 0 4px;
}
div.center .channel-precis .links UL LI A {
	color: #0f4c74 !important;
	/*text-decoration: none;*/
}
div.center .channel-precis .links UL LI A:hover {
	text-decoration: underline;
	color: #0f4c74; /* new */
}
div.mainBox {
	border:1px solid #eaf7fe;
}
/* FIN DU CSS GENERAL DE LA PAGE D'ACCUEIL | END GENERAL HOMEPAGE CSS */

div.center .two-column,
div.center .one-column {
	overflow: hidden;
}
div.center .two-column BR,
div.center .one-column BR {
	clear: both;
}
div.center .box {
	background: #cce3f2;
	float: left;
	margin: 5px 0 0px;
	width: 100%;
}
div.center .two-column .column {
	width: 297px;
	float: left;
	overflow: hidden;
}
div.center .one-column {
	width: 600px;
}
div.center .two-column .column.left {
	margin-right: 6px;
}
div.center .box .content {
	border-top: solid 3px #fffc00;
	background: #f2f9fe;
	margin: 5px 5px 0;
	overflow: hidden;
	padding: 0px 0px 5px;
	
}
div.center .box .header {
	background: #0060aa url("/img/ce-cl/commun-common/b_1col_bk.gif") no-repeat bottom center;
	padding: 4px 0 10px;
}
div.center .two-column .box .header {
	background-image: url("/img/ce-cl/commun-common/b_2col_bk.gif");
	background-color: #0060aa;
	padding: 4px 0 10px;
}
div.center .box .content .header H3 {
	font: bold 130%/100% "trebuchet MS", verdana, arial, helvetica;
	margin: 0;
	padding: 12px 10px 15px 65px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 5px;

}
div.center .box .content .header H2 {
	font: bold 130%/100% "trebuchet MS", verdana, arial, helvetica;
	margin: 0;
	padding: 12px 10px 15px 65px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 5px;
}
div.center .box.search .content .header H2 { background-image: url("/img/ce-cl/commun-common/bh_b2.gif"); }
div.center .box.search .content .header H3 { background-image: url("/img/ce-cl/commun-common/bh_b2.gif"); }
div.center .box.school .content .header H3 { background-image: url("/img/ce-cl/commun-common/bh_m2.gif"); }
div.center .box.money .content .header H3 { background-image: url("/img/ce-cl/commun-common/bh_p2.gif"); }

div.center .box .content UL {
	margin: 10px;
	padding: 0;
	list-style: none;
}
div.center .box .content UL LI {
	border-top: solid 1px #c9dce9;
	padding: 3px 5px 3px 14px;
	background: url("/img/ce-cl/commun-common/c_b.gif") no-repeat 0 7px;
}
div.center .box .content UL LI.first {
	border: none;
}
div.center .box .content UL LI A:Link,div.center .box .content UL LI A:visited {
	color: #0f4c74;
	text-decoration: none; /* ? */
	/*display: block;*/
}
div.center .box .content UL LI.right {
	position: relative;
	background: url(/img/ce-cl/commun-common/c_br.gif) center right no-repeat;
	margin-right: 0;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 14px;
	border-top: solid 1px #c5dbea;

}
div.center .box .content UL LI.noBullet {
	border-top: none;
	background: none;
	padding: 3px 5px 3px 14px;
}
div.center .box .content UL LI A:hover {
	text-decoration: underline; /* ? */
}
div.center .box .content UL LI SMALL {
	display: block;
	margin: 5px 0;
	color: #666;
}
div.center .box .top,
div.center .box .bot {
	clear: both;
	width: 100%;
	height: 10px;
	font-size: 0;
	line-height: 0;	
}
div.center .box .top .topright,
div.center .box .bot .botright {
	float: right;
	width: 10px;
	height: 10px;
	font-size: 0;
	line-height: 0;	
}
div.center .box .top {
	background: url("/img/ce-cl/commun-common/b_c.gif") no-repeat top left;
}
div.center .box .bot {
	background: url("/img/ce-cl/commun-common/b_c.gif") no-repeat bottom left;
}
div.center .box .top .topright {
	background: url("/img/ce-cl/commun-common/b_c.gif") no-repeat top right;
}
div.center .box .bot .botright {
	background: url("/img/ce-cl/commun-common/b_c.gif") no-repeat bottom right;
}
/* DEBUT DU CSS DE RECHERCHE | START SEARCH CSS */

/*.searchform {
	border: solid 5px #a7cfe9;
	background: #cce3f2;
	padding: 6px 6px;
	margin: 0px 0px 5px;
}
.searchform H2 {
	 font: bold 1.30em "trebuchet MS", verdana, arial, helvetica;
 	color: #0054bc;
 	margin: 0 3px;

}
.searchform INPUT {
	 width: 6.50em;
	 border: solid 2px #0054bc;
	 background: #fff;
	 vertical-align: middle;
}
.searchform BUTTON {
	width: 5.80em;
	 vertical-align: middle;
	 margin: 0 0 0 5px;
	 height: 2.10em;  */

 .searchform {
	border: solid 5px #a7cfe9;
	background: #cce3f2;
	padding: 5px 5px;
	margin: 0px 0px 5px;
}
.searchform H2 {
	font: bold 1.30em "trebuchet MS", verdana, arial, helvetica;
	color: #0054bc;
	margin: 0 0 4px;
}
.searchform INPUT {
	width: 6.50em;
	border: solid 2px #0054bc;
	background: #fff url("../images/input_text_bkg.gif") repeat-x;
	vertical-align: middle;
}
.searchform BUTTON {
	width: 5.80em;
	vertical-align: middle;
	margin: 0 0 0 5px;
	height: 2.10em;  
}

/* FIN DU CSS DE RECHERCHE | END SEARCH CSS */

/* DEBUT DU CSS DU MENU DROIT | START RIGHT NAVIGATION CSS */
/* DEBUT DU CSS DU BOUTON CSNPE | START NSLSC BUTTON CSS */

div.right .ad {
	background: url("http://www.canlearn.ca/img/ce-cl/commun-common/cs_ns1.gif") no-repeat;
	display: inline-block;
	text-align: center;
	height: 154px;
	margin-bottom:5px;
	
}
div.right .ad .link H2 {
	padding: 10px 0px 0px 0px;
	color: #000000;
    font: bold 1.35em "trebuchet MS", verdana, arial, helvetica;
	margin-bottom: 0;
	margin-top: 0;

}
div.right .ad .link P {
	font-size: 0.90em;
	padding-top: 5px;
	font-weight: bold;	
	padding-bottom: 5px ;

}
div.right .ad .link A { 
	color: #000000 !important;
}
.pad10 {
	padding: 0px 5px;
}
/* FIN DU CSS DU BOUTON CSNPE | END NSLSC BUTTON CSS */

/* DEBUT DU CSS DU VIDEO | START VIDEO CSS */
div.right .video {
	border: solid 1px #000;
	border-top: 0px;
	background: #225c96;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
}
div.right .video P {
	font-size: 0.90em;
	margin: 0 0 5px;
	padding: 5px;
	font-weight: bold;
	color: #fff !important;
}
div.right .video A {
	color: #fff !important;
}
/* FIN DU CSS DU VIDEO | END VIDEO CSS */

div.right .image1 {
	border: solid 1px #000;
	border-top: 0px;
	background: #225c96;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
}
div.right .image1 P {
	font-size: 0.90em;
	margin: 0 0 5px;
	font-weight: bold;
	color: #fff !important;

}
div.right .image1 A {
	color: #fff !important;
}

/* DEBUT DU CSS EN VEDETTE | START SPOTLIGHT ON CSS */
div.right .spotlight {
	border: solid 5px #f5f53f;
	background: #ffff96;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.right .spotlight P {
	font-size: 1em;
	margin: 0 0 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: solid 3px #f5f53f;
}
div.right .spotlight P.last {
	border: none;
}
div.right .spotlight A {
	color: #000000;
}
div.right .spotlight .link H2 {
	margin: 5px 0 5px;
	color: #000000;
                font: bold 1.5em "trebuchet MS", verdana, arial, helvetica;
	border-bottom: solid 5px #f5f53f;
}
/* FIN DU CSS D'EN VEDETTE | END SPOTLIGHT ON CSS */

/* DEBUT DU CSS D'OUTILS EN LIGNE | START ONLINE TOOLS CSS */
div.right .onlinetools {
	border: solid 5px #a0cae6;
	background: #d1e4f1;
	margin: 5px 0 5px;
	text-align: center;
}
div.right .onlinetools P {
	font-size: 1.0em;
	margin: 0 0 5px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;	
	padding-bottom: 5px
 
}
div.right .onlinetools .link H2 {
	color: #000000;
	margin: 0px 0px 5px;
	font: bold 1.5em "trebuchet MS", verdana, arial, helvetica;
	border-bottom: solid 5px #a0cae6;
}
div.right .onlinetools A {
	color: #000000;
}
/* FIN DU CSS D'OUTILS EN LIGNE | END ONLINE TOOLS CSS */
/* FIN DU CSS DU MENU DROIT | END RIGHT NAVIGATION CSS */

div.AlertRight {
	float: right; 
	width: 200px;
	border: solid 5px #dcf4b6;
	padding: 5px 5px;
	margin: 0 5px;
	background: #f1fbe2;
	font-size: 1.0em;
}
div.AlertRight .AlertHead {
	text-align: center;
	font: bold 1.05em "trebuchet MS", verdana, arial, helvetica;
	padding: 5px 5px 10px 5px;

}
div.AlertRight .AlertHead UL {
font-size: 1.0em;
}
div.floatingMenu {
	float: right; 
	width: 40%;
}
i, em {
	overflow: hidden;
	o\verflow: visible;
	w\idth: auto;
	he\ight: 1%;
}
.floatR {
	float: right;
}
.popup {
COLOR: #620035;
CURSOR: help;
TEXT-DECORATION: underline;
}
.popup1 {
COLOR: #FFff96;
CURSOR: help;
TEXT-DECORATION: underline;
}
div.contentArea {
	padding-left: 5px;
	font-size: 90%;
}
div.contentArea A:Link, div.contentArea A:visited {
	color: #0f4c74;
}
div.center div.contentArea .topPage a:link, div.center .contentArea .topPage a:visited {
	color: #0f4c74;
	font-size: 90%;
	background: #f2f9fe;
}
div.contentArea H4 {
	font-size: 1.15em;
	margin-bottom: 0;
}
div.contentArea H5 {
	font-size: 1.10em;
	margin-bottom:0;
}

}
div.contentArea H6 {
	font-size: 1.05em;
	margin-bottom: 0;
}


/* DEBUT DU CSS DE NAVIGATION GENERALE | START GERNAL NAVIGATION CSS */
div.roundCornerDark1 {
	height:1px;
	background:#bfe384;
	margin:0px 5px;
}
div.roundCornerDark2 {
	height:1px;
	background:#bfe384;
	border-right:2px solid #bfe384;
	border-left:2px solid #bfe384;
	margin:0px 3px;
}
div.roundCornerDark3 {
	height:1px;
	background:#bfe384;
	border-right:1px solid #bfe384;
	border-left:1px solid #bfe384;
	margin:0px 2px;
}
div.roundCornerDark4 {
	height:2px;
	background:#bfe384;
	border-right:1px solid #bfe384;
	border-left:1px solid #bfe384;
	margin:0px 1px;
}
div.roundCornerLight1 {
	height:1px;
	background:#eaf7fe;
	margin:0px 5px;
}
div.roundCornerLight2 {
	height:1px;
	background:#eaf7fe;
	border-right:2px solid #eaf7fe;
	border-left:2px solid #eaf7fe;
	margin:0px 3px;
}
div.roundCornerLight3 {
	height:1px;
	background:#eaf7fe;
	border-right:1px solid #eaf7fe;
	border-left:1px solid #eaf7fe;
	margin:0px 2px;
}
div.roundCornerLight4 {
	height:2px;
	background:#eaf7fe;
	border-right:1px solid #eaf7fe;
	border-left:1px solid #eaf7fe;
	margin:0px 1px;
}

div.roundCorner1a {
	height:1px;
	background:#018214;
	margin:0px 5px;
}
div.roundCorner2a {
	height:1px;
	background:#018214;
	border-right:2px solid #018214;
	border-left:2px solid #018214;
	margin:0px 3px;
}
div.roundCorner3a {
	height:1px;
	background:#018214;
	border-right:1px solid #018214;
	border-left:1px solid #018214;
	margin:0px 2px;
}
div.roundCorner4a {
	height:2px;
	background:#018214;
	border-right:1px solid #018214;
	border-left:1px solid #018214;
	margin:0px 1px;
}
/* FIN DU CSS DE NAVIGATION GENERALE | END GERNAL NAVIGATION CSS */

/* DEBUT DU CSS DES BOUTONS FAQ | START FAQ BUTTONS */
div.center .box .content ul.faq_section {
	padding: 0px;
	margin: 5px;
	width:100%;
	float: left;
	text-align: center;
}
ul.faq_section li { 
	float: left;
	width: 29%;
	margin-left: 0;

}
ul.faq_section li.two { 
	float: left;
	width: 45%;
	margin-left: 0;
	margin-bottom: 5px;


}
ul.faq_section li.four { 
	float: left;
	width: 21%;
	margin-left: 0;
	margin-bottom: 5px;
}
ul.faq_section li a {
	text-decoration: none;
	display:block;
	text-align:center;
	font-weight:bold;
	padding: 3px 7px;
}
div.center ul.faq_section li a:link, div.center ul.faq_section li a:visited {
	background-color:#0060aa;
	color:#FFFFFF !important;
}
div.center ul.faq_section li a:hover {
	background-color:#bfe384;
	color:#000000 !important;
}
div.center ul.faq_section li a:active {
	background-color:#0060aa;
	color:#FFFFFF !important;
}
/* FIN DU CSS DES BOUTONS FAQ | END FAQ BUTTONS CSS */

/* DEBUT DU CSS DU LECTEUR MULTIMEDIA | START MULTIMEDIA PLAYER CSS */
div.movieContainer {
	position: relative;
	border: solid 5px #cce3f2;
	background: #f2f9fe;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	z-index: 1;		
}

div.movieContainer .header {
	position: relative;
	width: 590px;
	height: auto;
	background: #006600;
	margin-bottom: 5px;
	overflow: hidden;
}

div.movieContainer .header H2 {
	font: bold 130%/100% "trebuchet MS", verdana, arial, helvetica;
	margin: 0;
	padding: 12px 10px 15px 15px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: left;

}

div.movieContainer  p {
	font: 0.9em "trebuchet MS", verdana, arial, helvetica;
	margin: 5px;
	text-align: left;

}	
div.movieContainer1 {
	position: relative;
	border-bottom: solid 5px #cce3f2;
	background: #f2f9fe;
	height: auto;
	margin-top: 5px;
	overflow: hidden;
	text-align: center;
	z-index: 1;
	padding: 0px		

}	
div.movieContainer2 {
	position: relative;
	border: solid 5px #cce3f2;
	background: #f2f9fe;
	height: auto;
	margin-top: 5px;
	overflow: hidden;
	text-align: center;
	z-index: 1;
	padding: 0px	
}

div.movieContainer2 .header {
	position: relative;
	width: 590px;
	height: auto;
	background: #006600;
	margin-bottom: 5px;
	overflow: hidden;
}
div.movieContainer2 .header H3 {
	font: bold 130%/100% "trebuchet MS", verdana, arial, helvetica;
	margin: 0;
	padding: 12px 10px 15px 15px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: left;
}
div.movieContainer A, div.movieContainer1 A, div.movieContainer2 A {
	color: #0f4c74 !important;
}
/* FIN DU CSS DU LECTEUR MULTIMEDIA | END MULTIMEDIA PLAYER CSS */

/* DEBUT DU CSS DE LA CASE DROITE | START RIGHT CHECKBOX  CSS */
.cb_row {margin:10px;clear:both;overflow:hidden;}
.cb_row label {display: block;padding-right:14px;}
.cb_row input {float:right;padding-left:14px;}
/* FIN DU CSS DE LA CASE DROITE | END RIGHT CHECKBOX CSS */


/* DEBUT DU CSS CONTACTEZ NOUS | START CONTACT US  CSS */

dl.tablestyle1 {
	width: 90%;
	/*margin: 10px;*/
}
.tablestyle1 dt {
	font-weight: bold;
	float: left;
}
.tablestyle1 dd {
	margin-left: 130px;
	padding-bottom: 10px;
}

.error_eoad {
color: #CC0000;

}
div.cols3 {
	padding: 5px;
	margin: 5px;
	width: 100%;
	float: left;

}
div.cols3 H4 {
	padding: 2px;
	margin: 1px;
	font: bold 100% "trebuchet MS", verdana, arial, helvetica;
	text-align: left;

}
div.cols3 P {
	font-size: 90%;
	margin: 0 0 3px;
	text-align:left;
	padding: 3px;

}
div.column1 {
	float: left;
	width: 30%;
	margin-left: 0px;
	background:#f1fbe2;
	border: solid 3px #dcf4b6;
}
div.column2 {
	float: left;
	width: 30%;
	margin-left: 5px;
	background:#f1fbe2;
	border: solid 3px #dcf4b6;
}
div.column3 {
	float: left;
	margin-left: 5px;
	width: 30%;
	background:#f1fbe2;
	border: solid 3px #dcf4b6;
}
div.cols2_1 {
	padding: 5px;
	margin: 5px;
	width: 100%;
	float: left;
	

}
div.cols2_1 H4 {
	padding: 2px;
	margin: 1px;
	font: bold 100% "trebuchet MS", verdana, arial, helvetica;
	text-align: center;

}
div.cols2_1 P {
	font-size: 90%;
	margin: 0 0 3px;
	text-align:center;
	padding: 3px;

}
div.column1_2 {
	float: left;
	width: 45%;
	margin-left: 15px;
	background:#f1fbe2;
	border: solid 3px #dcf4b6;
}
div.column2_2 {
	float: left;
	width: 45%;
	margin-left: 5px;
	background:#f1fbe2;
	border: solid 3px #dcf4b6;
}
/*  DEBUT DU CSS DU FORMULAIRE ELECTRONIQUE | START ELECTRONIC MAIL FORM CSS */
	div.cols2 {float: left; margin: 0 3px 0 0; padding: 0;}
	form#ContactUs div.row, div#ContactUs div.row {float: left; padding-right: 0; width: 98.5%;}
	form#ContactUs div.cols2, div#ContactUs div.cols2 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
	form#ContactUs div.box, div#ContactUs div.boxForm {width: 100%; padding-top:5px;}
	form#ContactUs input, textarea {border:1px solid #000;}
	form#ContactUs label{font-weight:600;}
/* FIN DU CSS DU FORMULAIRE ELECTRONIQUE | END ELECTRONIC MAIL FORMS CSS */

/* FIN DU CSS CONTACTEZ NOUS | END CONTACT US CSS */

/*  DEBUT DU CSS DE LA RECHERCHE AVANCÉE | START ADVANCED SEARCH CSS */
.advancesrc {
	border: solid 1px #a7cfe9;
	background: #eee;
	padding: 6px 6px;
	margin-right:46px;
	width: 485px;
	float: right;
	
}

.advlink {
	color: #0f4c74;
	font-size: 1.10em;
	background: #f2f9fe;
	float: right;
	text-align: center;
	margin-right: 0.63em;
	margin-bottom: 0.31em;
}

dl.tablestyle2 {
	width: 98%;
	/*margin: 10px;*/
}
.tablestyle2 dt {
	font-weight: bold;
	float: left;
}
.tablestyle2 dd {
	margin-left: 165px;
	padding-bottom: 10px;

}

/* FIN DU CSS DE LA RECHERCHE AVANCÉE | END ADVANCED SEARCH CSS */

.examplebox {
	border: solid 1px #a7cfe9;
	background: #eee; 
	padding: 6px 6px; 
	width: 485px; 
	margin-top: 3px;
}

.PlanningDiv {
	margin-right: 5px;
	margin-left: 0px;
	width: 195px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.PlanningDivf {
	margin-right: 5px;
	margin-left: 0px;
	width:195px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;

}
.PlanningDiv1 {
	margin-left: 0px;
	width:195px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.PlanningDiv1e {
	margin-right: 5px;
	margin-left:0;
	width:195px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
.PlanningDiv2 {
	margin-left: 0;
	width:190px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;

}

.PlanningDiv, .PlanningDivf, .PlanningDiv1, .PlanningDiv2, .PlanningDiv1e {margin-top: 0px; margin-bottom: 5px; display:inline;float:left;position:relative;}

.PlanningDiv h2, .PlanningDiv1 h2, .PlanningDiv1e h2, .PlanningDiv2 h2 { margin-top: 0px; padding-top:0px; margin-bottom: 3px; font-size: 1.25em;}

.PlanningDivf h2 {margin-top: 18px; margin-bottom: 3px; font-size: 1.25em;}

.PlanningDiv p, .PlanningDivf p, .PlanningDiv1 p, .PlanningDiv1e p, .PlanningDiv2 p { margin-top: 5px; font-size: 1.0em;}

.PlanningDiv a:link, .PlanningDivf a:link, .PlanningDiv1 a:link, .PlanningDiv2 a:link, .PlanningDiv a:visited, .PlanningDivf a:visited, .PlanningDiv1 a:visited, .PlanningDiv2 a:visited,  .PlanningDiv1e a:link,  .PlanningDiv1e a:visited { color: #663333 !important; text-decoration:none;}

.PlanningDiv a:hover, .PlanningDivf a:hover, PlanningDiv1e a:hover, .PlanningDiv1 a:hover, .PlanningDiv2 a:hover { text-decoration:underline;}

div.center .wny-header {
	height: 68px;
	width: 600px;
	background: url("/img/ce-cl/commun-common/h_wny.jpg") no-repeat bottom center;
	margin: 0 0 5px;
	
}
div.center .wny-header H1 {
	color: #fff !important;
	font: bold 1.40em "trebuchet MS", verdana, arial, helvetica !important;
	margin: 0;
	padding-left: 15px;
	padding-top: 10px;
}	
div.center .wny-header H1 A {
	color: #fff !important;
	font: bold 1.40em "trebuchet MS", verdana, arial, helvetica !important;
	padding-left: 15px;
	padding-top: 10px;
}
	
div.center .wny img {
	padding-right: 5px;
}

div.center .wny H1 A {
	color: #000 !important;
}

div.center .why  {
	padding-left: 5px;
}
div.center .why A {
	color: #663333 !important;
}

div.center .why UL {
	margin: 7px;
	padding: 0px;
	list-style: none;
}
div.center .why UL LI {
	padding: 3px 3px 3px 14px;
	background: url("/img/ce-cl/commun-common/c_b_y.gif") no-repeat 0 7px;

}

div.center .why H3 {
	margin-bottom: 3px;
	padding-bottom: 0px;
	
}
div.center .why H2 {
	margin-bottom: 3px;
	padding-bottom: 0px;
}
div.center .why UL LI.noBullet {
	background: none;
	padding: 3px 3px 3px 14px;
}
.contentArea ol.lowera {list-style-type: lower-alpha; }
.contentArea ol.lowera  li {padding-bottom: 5px; }
.contentArea ol.lowera  li li {padding-bottom: 1px; }
.contentArea ol.uppera {list-style-type: upper-alpha;}
.contentArea ol.romanl {list-style-type: lower-roman;}
.contentArea ol.romanu {list-style-type: upper-roman;}

.guide {
	border: solid thin;
	border-color: #113366;
	font-weight:bold;
	line-height:14px;
	color: #113366;
	background:#FFF;
	padding-left:2px;
	padding-right:2px;
}

dl.tablestyle3 {
	width: 90%;

}
.tablestyle3 dt {
	float: left;
}
.tablestyle3 dd {
	margin-left: 125px;
	padding-bottom: 3px;

}

/* FIN DU CSS GENERAL | GENERAL CSS ENDS */