body           { color: #036; font-family: arial, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-image: url(../images/bullet_35.png); }
div table{ text-align:left;	}
p          { color: #43494e; font-size: 13px; font-family: arial, Helvetica; line-height: 20px; white-space: normal; list-style-image: url(../images/bullet_35.png) }
h1     { color: #000; font-size: 15px; font-family: Geneva; font-style: oblique; font-weight: bold; background-color: transparent; background-position: 12pt 0; border-style: none; border-color: #ccc }

h2      { 
color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 25px; white-space: normal; list-style-type: disc }

h3  { color: #44555f; font-family: arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-style: oblique }

h4 { color: #666; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

h5 { color: #666; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

h6   { color: #666; font-size: 12px; font-style: normal; font-weight: normal; line-height: 20px }

a:visited        { color: #a6b1ba; }

a:link        { color: #a6b1ba; font-family: sans-serif }

a:hover        { color: #44555f; }
a img{
	border:none;	
}
/* NOUVEAU MENU GAUCHE */
#menu_gauche a{
	display:block;
	width:295px;
	padding:10px 15px 12px 0px;
	font-size:13px;
	font-weight:bold;
	background-color:#a7b2bb;
	color:#2d383f;
	border:1px solid #455560;
	border-bottom:none;
	text-decoration:none;
	text-align:right;
}
	#menu_gauche a:hover{
		background-color:#455560;
		color:#FFF;	
	}
#menu_gauche.ecole a{
	background-color:#006699;
	color:#ffffff;
	border:1px solid #000000;
	border-bottom:none;
}
	#menu_gauche.ecole a:hover{
		background-color:#003366;
	}
	
#menu_gauche a.titre{
	font-style:italic;
	color:#36434b;
	border:none;
	border-right:1px solid #455560;
	background-color:#ececec !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#dcdcdc)) !important;
	background: -webkit-linear-gradient(#fcfcfc, #dcdcdc) !important;
	background: -moz-linear-gradient(#fcfcfc, #dcdcdc) !important;
	background: -ms-linear-gradient(#fcfcfc, #dcdcdc) !important;
	background: -o-linear-gradient(#fcfcfc, #dcdcdc) !important;
	background: linear-gradient(#fcfcfc, #dcdcdc) !important;
	-pie-background: linear-gradient(#fcfcfc, #dcdcdc) !important;
	behavior: url(css/css3pie/PIE.htc) !important;	
}
#menu_gauche a.titre:hover{
	color:#36434b;
}
#menu_gauche.ecole a.titre, #menu_gauche.ecole a.titre:hover{
	color:#003366;
}

/* ------------------------------------ */
/* MODIF PAGE D'ACCUEIL - HEADER		*/
/* ------------------------------------ */
#accueil_header, #menu_principal{
	height:56px;	
	background-color:#455560;
	width:100%;
}
	#accueil_header.ecole{
		background-color:#003366;	
	}
#accueil_conteneur_header, #accueil_img_top{
	width:940px;
	margin:0 auto;	
	text-align:right;
	display:block;
}
#accueil_conteneur_header a{
	text-decoration:none;
}
#formation_communication_maintop_01, #formation_communication_maintop_03{
	display:inline-block;
	width:94px;
	height:45px;	
}
#formation_communication_maintop_01{
	background-image:url(../images/btn_header_accueil.png);
}
#formation_communication_maintop_03{
	background-image:url(../images/btn_header_contact.png);
}
#formation_communication_maintop_01.ecole{
	background-image:url(../images/btn_header_accueil_ecole.png);
}
#formation_communication_maintop_03.ecole{
	background-image:url(../images/btn_header_contact_ecole.png);
}
#formation_communication_maintop_01:hover{
	background-image:url(../images/btn_header_accueil_over.png);
}
#formation_communication_maintop_03:hover{
	background-image:url(../images/btn_header_contact_over.png);
}
	#conteneur_ecole_img_top{
		background-color:#010101;
	}
#accueil_conteneur_page, #menu_principal_conteneur{
	width:940px;
	margin:0 auto;	
}

#menu_principal{	
	background-image:url(../images/bg_menu_principal.png);
}
#menu_principal.ecole{
	background-image:url(../images/bg_ecole_menu_principal.png);
}
#menu_principal ul.jd_menu{
	list-style:none;
	list-style-type:none;
}

/* ------------------------------------ */
/* CONTENU								*/
/* ------------------------------------ */
#accueil_conteneur_page{
	font-size:14px;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;		
	font-style:normal;
	margin-top:54px;
}
#accueil_conteneur_page	a{
	text-decoration:none;
	color:#0076be;
}

#accueil_conteneur_page	a:hover{
	text-decoration:underline;	
}
	#accueil_conteneur_page a.btn_bleu_accueil:hover{
		text-decoration:none;
		color:#96d1f6 !important;
	}
#intro_conteneur_liens{
	float:right;
	margin-left:20px;	
	line-height:23px;
	margin-bottom:160px;
}
#intro_conteneur_liens.ecole{
	margin-bottom:40px;
}
#intro_conteneur_liens ul{
	margin-top:7px;
}
#accueil_img_intro{
	float:left;	
	margin:0px 20px 10px 0px;
	border:solid 9px #f6f6f6;
}
#accueil_conteneur_page h2{
	font-size:20px;
	font-weight:bold;
	color:#455560;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;	
	text-transform:uppercase;	
}
#conteneur_accueil_gauche{
	width:470px;
	margin:40px 40px 0px 0px;
	float:left;
}
#conteneur_accueil_droite{
	width:430px;
	float:right;
	margin-top:40px;
}

.conteneur_info_gradient{
	clear:both;
	border:1px solid #c0bebe;
	padding:25px;
	margin-bottom:35px;
	background: #ededed;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#ffffff));
	background: -webkit-linear-gradient(#ededed, #ffffff);
	background: -moz-linear-gradient(#ededed, #ffffff);
	background: -ms-linear-gradient(#ededed, #ffffff);
	background: -o-linear-gradient(#ededed, #ffffff);
	background: linear-gradient(#ededed, #ffffff);
	-pie-background: linear-gradient(#ededed, #ffffff);
	behavior: url(css/css3pie/PIE.htc);	
}

.conteneur_info_gradient h1, #accueil_conteneur_nos_partenaires h1{
	font-size:24px;
	color:#0076be;	
	font-weight:bold;
	padding-bottom:20px;
	border-bottom:1px solid #bfbfbf;
	margin-bottom:20px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.conteneur_info_gradient ul{
	padding-left:0px !important;
	margin-left:0px;
}

.conteneur_info_gradient ul li{
	width:175px;
	float:left;	
	padding-left:0px;	
	margin:2px 15px 2px 0px;
	line-height:20px;
	list-style-image: url(../images/bullet_35.png)
}
	.conteneur_info_gradient ul.cfcq_col_1, .conteneur_info_gradient ul.cfcq_col_2{
		width:200px;
		float:left;
	}
	.conteneur_info_gradient ul.cfcq_col_2 li{
		margin:5px 0px 5px 10px;
	}

/* too smart for IE/pc */
html>ul li {
	list-style-imge:url(../images/bullet_35.png);
}
/*too wrong for anyone but IE */
.conteneur_info_gradient ul li {
	list-style:none;
	padding-left:16px;
	line-height:20px; 
	background-image:url(../images/bullet_35.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}

.espace_fin_conteneur{
	clear:both;
	height:0px;
}
.conteneur_info_gradient #image_ecole_stephan_roy{
	float:left;
	margin:0px 30px 25px 0px;	
}

.btn_bleu_accueil, .btn_bleu{
	background-image:url(../images/accueil/btn_accueil_plus.png);
	background-repeat:no-repeat;
	font-size:20px;
	text-transform:uppercase;
	width:200px;
	height:54px;
	padding:18px 0px 8px;
	text-align:center;
	float:left;	
	margin-bottom:15px;
	display:block;
	text-decoration:none;
}
.btn_bleu{
	float:none;
}
.btn_bleu a{
	text-decoration:none;
}
.conteneur_presentation_video{
	margin-bottom:15px;	
}
#btn_accueil_inscriptions{
	margin-right:30px;	
}
#conteneur_btn_visite_virtuelle{
	margin:15px 0px;
}
.btn_bleu_accueil, .btn_bleu{
	color:#FFF !important;
	font-weight:bold;
}

#accueil_conteneur_page .btn_bleu_accueil a:hover, .btn_bleu:hover{
	text-decoration:none !important;
	color:#96d1f6 !important;
}
/* PAGE ÉCOLE STÉPHAN ROY */
#img_ecole_logo_cfcq{
	padding-bottom:28px;
	border-bottom:1px solid #c3c3c3;
	margin-bottom:20px;
}
#accueil_conteneur_nos_partenaires{
	clear:both;
	padding:0px 38px 38px 10px;
}
#accueil_conteneur_nos_partenaires img{
	margin:0px 28px 0px 25px;
}

/* ------------------------------------ */
/* FOOTER								*/
/* ------------------------------------ */
#accueil_footer{
	clear:both;	
	background-color:#455560;
	color:#FFF;
}
	#accueil_footer.ecole{
		background-color:#003366;	
	}
#footer_conteneur_principal{
	width:940px;
	margin:0 auto;
	padding-top:54px;	
}
#footer_col_1, #footer_col_2{
	float:left;
}
#footer_col_1{
	width:250px;	
}
	#footer_col_1 .align_droite{
		text-align:right;
	}
#footer_col_2{
	width:430px;
	padding-left:25px;
}
/* COL_1 */
#btn_cours_communication{
	border:9px solid #FFF;	
}

/* COL_2 */
#footer_col_2 h2{
	font-size:28px;
	font-weight:normal;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:24px;
	margin:16px 0px 0px;
}
#footer_conteneur_reseaux_sociaux{
	margin-bottom:23px;
	padding-left:24px;
}
#footer_conteneur_reseaux_sociaux a{
	margin-right:16px;
}	
	
#footer_conteneur_info{
	font-size:12px;
	line-height:18px;
	padding:10px 24px 0px;
	background: #5A6872;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5A6872), to(#455560));
	background: -webkit-linear-gradient(#5A6872, #455560);
	background: -moz-linear-gradient(#5A6872, #455560);
	background: -ms-linear-gradient(#5A6872, #455560);
	background: -o-linear-gradient(#5A6872, #455560);
	background: linear-gradient(#5A6872, #455560);
	-pie-background: linear-gradient(#5A6872, #455560);
	behavior: url(css/css3pie/PIE.htc);	
}
#footer_conteneur_info.ecole{
	background: #1d4a77;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d4a77), to(#003366));
	background: -webkit-linear-gradient(#1d4a77, #003366);
	background: -moz-linear-gradient(#1d4a77, #003366);
	background: -ms-linear-gradient(#1d4a77, #003366);
	background: -o-linear-gradient(#1d4a77, #003366);
	background: linear-gradient(#1d4a77, #003366);
	-pie-background: linear-gradient(#1d4a77, #003366);
}
.espace_fin_conteneur.footer{
	height:10px;	
}
/* AUTRES */
#footer_copyrights{
	clear:both;	
	font-size:12px;
	margin:23px 0px 18px;
}