/* /templates/jv-framework/themes/jv-english/css/layout.css */

* { margin:0; padding:0;}

h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
img { border: 0; }

#logo img  { display:block;}

ul li { list-style-type:none; }

/* HEADER
---------------------------------------------------------------*/

/* COLUMN
---------------------------------------------------------------*/

#maincontent { float:right;}
.main_content { float:right;}
.jv-module .contentmod {overflow:hidden;}
.box { float:left}

.module-null{ background:none !important; border:0 !important }
.module-null .innerbor { padding:0 !important; border:0 !important}
.module-null .contentmod { margin:0; padding:0;}


/* ARTICLE CONTENT
---------------------------------------------------------------*/

.cols-1 { }

.cols-2 .item                {        width:50%;        float:left;}
.cols-2 .column-1 .in_column { margin-right:10px;}
.cols-2 .column-2 .in_column { margin-left:10px;}

.cols-3 .item                { float:left;  width:33%; }
.cols-3 .column-2            { margin-left:0.5%;}
.cols-3 .column-3            { float:right; }
.cols-3 .column-1 .in_column { margin-right:10px;}
.cols-3 .column-2 .in_column { margin:0 5px;}
.cols-3 .column-3 .in_column { margin-left:10px;}

.cols-4 .item                { float:left; width:25%; }
.cols-4 .column-1 .in_column { margin-right:10px;}
.cols-4 .column-2 .in_column,
.cols-4 .column-3 .in_column { margin:0 5px;}
.cols-4 .column-4 .in_column { margin-left:10px;}

.cols-5 .item                { float:left; width:20%; }
.cols-5 .column-1 .in_column { margin-right:10px;}
.cols-5 .column-2 .in_column,
.cols-5 .column-3 .in_column,
.cols-5 .column-4 .in_column { margin:0 5px;}
.cols-5 .column-5 .in_column { margin-left:10px;}

.items-leading, .items-row{   overflow:hidden;}




/* IPHONE
-------------------------------------------------------------*/

.switch_version .pda { background:url(../img/pda_resize.png) ; height:29px; width:29px; float:left; margin:5px 0 0 5px; position:relative; z-index:9999; }
.tool-tip {background: #FFF; padding: 10px; border: 1px solid #ccc;}

/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {	height: 1%;}
* +html .clearfix { display: inline-block; } /* IE7xhtml*/
html[xmlns] .clearfix { /* O */	display: block;  }
.clearfix:after { /* FF, O, etc. */	content: "."; display: block;	height: 0;	clear: both; visibility: hidden;}

form.editor fieldset {border:1px solid #ccc; padding:10px; margin-bottom:10px;}
form.editor fieldset legend {font-weight:bold; padding:0 5px;} 


/* /templates/jv-framework/themes/jv-english/css/template.css" */
body{ /*background: url(../img/body.jpg);*/  color: #000;  }

.color-default
{
background: url(../img/body1c.jpg);
}

/* CLASS PUBLIC
---------------------------------------------------------------*/

a { color:#003882; text-decoration:none; outline:none; }
a:hover { color:#ff3115}

.wrapper { /*background: url(../img/body1.jpg) repeat-x top left;*/ padding:25px 0 0 0 ;   }
.wrapper2 { /*background: url(../img/body2.jpg) repeat-x bottom left; */ }
.wrapper3  { background:#fff; padding:0 10px 10px 10px; position: relative}


/* ADMIN EDIT
---------------------------------------------------------------*/

div.button,div.button button,.button2-left,.button2-left .image,.button2-left .pagebreak,.button2-left .readmore,.button2-left .blank
{background-image:url(../img/button.png); background-repeat:no-repeat; color:#fff; font-size:11px;}

div.button {background-position:100% -22px; padding-right:5px; float:left; }
div.button button {background-position:0 0; border:none; padding:4px 0 3px 5px;}
form.editor div.button {margin:5px 5px 0 0;}
form.editor .btn {margin-left:29px;}
.button2-left {float:left; margin-right:7px; margin-top:5px; background-position:0 0; font-size:11px; padding-left:5px}
.button2-left .image {background-position:100% -44px; padding:4px 26px 4px 0; margin-right:-2px;}
.button2-left .image a,.button2-left .pagebreak a,.button2-left .readmore a,.button2-left .blank a {color:#fff;}
.button2-left .pagebreak {background-position:100% -88px; padding:4px 26px 4px 0; margin-right:-2px;}
.button2-left .readmore {background-position:100% -66px; padding:4px 26px 4px 0; margin-right:-2px;}
.button2-left .blank {background-position:100% -22px; padding-right:5px; padding:4px 5px 4px 0; margin-right:-2px;}
fieldset.publishing .radio label {width:auto; float:none;}
fieldset.publishing label,fieldset.publishing .radio .label1 {width:120px; float:left;}
fieldset.publishing input.inputbox {width:280px;}
fieldset.publishing select.inputbox {width:285px;}
.metadata .inputbox { width:99% !important; margin-bottom:10px;}


/* ARTICLE CONTENT
---------------------------------------------------------------*/
.article-info,  .cat-items, .cat-children, p, .searchintro, .results h2, .jv-sbinner .jv-module, .jv-vmenu, .items-leading,
.items-leading .in_leading, .items-row, .items-row .in_column, .items-more, .category-desc
{ margin-bottom:10px;
line-height: 20px;}
 h1, h2, h3, h4, h5 { margin-bottom:10px; color:#003882}
 

.in_leading, .in_column, .in_page { position:relative;}

ul.actions { position:absolute; top:0; right:0;}
ul.actions  li { display:inline;}

.article-info  {  font-size:92%; position:relative;  font-style:italic; color:#666; border-bottom:1px dotted  #666;  line-height:20px; overflow:hidden;  }
.createdby,  .createdate { padding-right:10px;}

.items-more ul { padding-left:20px;}
.items-more ul li { list-style-type:decimal}

div.pagination { border-top:1px solid #ddd; padding:10px 0;}
div.pagination .counter { font-weight:bold;float:right}
div.pagination .pagination span, div.pagination .pagination strong, div.pagination .pagination a { margin:0 3px;}

.pagenav { padding:10px 0}
.pagenav li { display:inline; margin-right:20px;}

/* end content default */
.items-row .in_column { overflow:hidden;}

/*results*/
.searchintro, .results h2  { margin-bottom:10px; }
.results .list li { border-bottom:1px dotted #999; margin-bottom:10px; padding-bottom:10px;} 
.search_result fieldset  { padding:10px; margin-bottom:10px;}

/*Create account*/
fieldset{ padding:20px; margin-bottom:10px}
#josForm p, .contact_email, .contact p, .contact_email_checkbox { margin-bottom:10px; }
#josForm label{ float:left; width:150px}
.name, .pass, .user, .email, .verify_pass{ margin-bottom:5px}

.contact_email label { width: 150px; float:left; }
.invalid { color:red !important}

/*Forget Pass*/
.josForm{ padding:20px 0}


/* HEADER
---------------------------------------------------------------*/
#jv-header, #jv-header-en { margin:-10px -10px 0 -10px;  background:url(../img/header.jpg) no-repeat top left ; height:421px; position:relative; position:relative}
#jv-header  .jv-block , #jv-header-en .jv-block { position:relative}
#jv-header-en { background:url(../img/header_en.jpg) no-repeat top left ; }


.jv-search { position:absolute; top:23px; right:10px; background:#00b4e0; height:25px; border-left:1px solid #006276; border-top:1px solid #006276; padding: 9px 10px;
 border-right:1px solid #00b4e0; }
.jv-search .inputbox { width:160px; padding:0 5px; line-height:22px; height:22px; border:1px solid #838383; border-bottom-color:#d8f0fa; border-right-color:#d8f0fa}
.jv-search .button { background:url(../img/go_search.png);  border:1px solid #c8c8c8; width:32px; height:25px; margin-left:5px; font-size:11px; color:#00b4e0; font-weight:bold; border:0;  }
.jv-search  label { color:#fff; text-shadow:none; font-weight:bold}

/* Logo */
.quick-menu  { 
position: absolute;
top: -5px;
left: 458px;
width: 485px;
height: 40px;
background:url(../img/menu_top.png)
}
.quick-menu  a{
font-size: 0.82em;
color:white;
font-weight:bold;
padding:0px 4px 0px 4px;
}
.quick-menu  a:hover{
color:orange;
}
.quick-menu-right{
margin: 16px 10px 0px 5px;
float:right; 
text-align:right;
}
.quick-menu  img{
vertical-align:middle;
margin-left:12px;
}
.quick-menu  select{
vertical-align:top;
}
#LiensRapides{
margin-left:10px;
margin-top:16px;
}

.zbg01{
background-image:url('../img/fille_ecouteurs_portable.png');
}

.zbg02{
background-image:url('../img/jeune_homme_livre.png');
}

.zbg03{
background-image:url('../img/homme_femme_corporate.png');
}

.zbg04{
background-image:url('../img/femme_corporate.png');
}

.zbg05{
background-image:url('../img/homme_corporate.png');
}

.zbg06{
background-image:url('../img/jeune_homme_livre_portable.png');
}

.zbg07{
background-image:url('../img/couple_etudiants.png');
}

.zbg08{
background-image:url('../img/ecolier.png');
}

.zbg09{
background-image:url('../img/fille_livres_questions.png');
}

.zbg10 {
background-image:url('../img/jeune_etudiante.png');
}

.zbg11{
background-image:url('../img/femme_livres.png');
}

.agenda_memos
{
background-repeat:no-repeat;
background-position:right bottom; 
position:absolute;
top:40px;
left:100px;
width:500px;
height:380px;
}

.textes_memos{
margin-top:135px;
margin-left:10px;
width:240px;
height:170px;
float:left;
}

.textes_memos div{
display:none;
}

.textes_memos h3{
text-align:center;
margin-bottom: 5px;
}
.textes_memos div p {
text-align:center;
font-weight:bold;
}

.textes_memos div h5 {
margin-left:34px;
margin-top:10px;
margin-bottom: 5px;
color:#fd893c;
font-weight:bold;
}

/* Boutons d'action pour le défilement des item à l'agenda */
#SlidePrec, #SlidePlay, #SlidePause, #SlideSuiv {
    position:absolute; 
	top:10px; 
	z-index:1000; width:16px; height:16px; 
    background-repeat:no-repeat; background-position:0 0; cursor:pointer;
	}
#SlidePrec { left:145px; top:294px; background-image:url(../img/precedent_off.png); }
#SlidePrec:hover { background-image:url(../img/precedent_on.png); }
#SlidePlay { left:165px; top:294px; background-image:url(../img/play_off.png); visibility:hidden; }
#SlidePlay:hover { background-image:url(../img/play_on.png); }
#SlidePause { left:165px; top:294px; background-image:url(../img/pause_off.png); }
#SlidePause:hover { background-image:url(../img/pause_on.png); }
#SlideSuiv { left:185px; top:294px; background-image:url(../img/suivant_off.png); }
#SlideSuiv:hover { background-image:url(../img/suivant_on.png); }

#SlidePrec img, #SlidePlay img, #SlidePause img, #SlideSuiv img{
	text-decoration:none;
	border-style: none;
	}
	
.telephone_entete{
position:absolute;
width:200px;
height:40px;
top:399px;
left:807px;
}
.telephone_entete p{
font-size:15px;
font-weight:bold;
}

.telephone_quick_menu_entete {
font-size:20px;
font-weight:bold;
margin: 13px 10px 0px 10px;
float:left; 
text-align:right;
}

a img {
	text-decoration: none;
}

/*
a[href^="http://"], a[href^="https://"] {
	background-image: url(../img/url-external.png);
    background-position: center right;
    background-repeat: no-repeat;	
	padding-right: 14px;
}

/*a[href^="mailto:"] {
	background-image: url(../img/url-email.png);
    background-position: center right;
    background-repeat: no-repeat;	
	padding-right: 18px;
}*/

.noexternalsign a{
	background-image: none;
}


.jv-top { position:absolute; top:44px; left:840px;}
.jv-top li { display:inline}
.jv-top li a { text-shadow: none; border-left:1px solid #00cdff; padding:0 5px;}
.jv-top li:first-child a { border:0;}

/* MENU
---------------------------------------------------------------*/
#jv-mainnav { position:relative; z-index:99; margin-bottom:10px;}


/* MODULE
---------------------------------------------------------------*/
.jv-module { background:#dedede; border:1px solid #c8c8c8; position:relative; margin-bottom:22px !important;}
.contact_size { height: 595px; }
.jv-module_02 { float: left; width: 298px; background:#dedede; border:1px solid #c8c8c8; position:relative; margin-bottom:22px !important;
margin-right: 20px;
}
.jv-module p, .jv-module_02 p {margin-bottom: 4px;}

.texte_panel {max-height:132px;}
.innerbor { border-left:1px solid #fff; border-top:1px solid #fff; padding:10px; position:relative}
.jv-module .shadowmod {  position:absolute; width:100%; height:20px; bottom:-20px; } 
.jv-module .shadowmod .shadowmod1 { position:absolute; top:0; left:0;  width:150px; height:20px;  background:url(../img/shadow1.png) top left;}
.jv-module .shadowmod .shadowmod2 { position:absolute; top:0; right:0; width:150px; height:20px;  background:url(../img/shadow1.png) top right;}
 
 .jv-module_02 .shadowmod {  position:absolute; width:100%; height:20px; bottom:-20px; } 
.jv-module_02 .shadowmod .shadowmod1 { position:absolute; top:0; left:0;  width:150px; height:20px;  background:url(../img/shadow1.png) top left;}
.jv-module_02 .shadowmod .shadowmod2 { position:absolute; top:0; right:0; width:150px; height:20px;  background:url(../img/shadow1.png) top right;}

 h3.title, .jvnew-content h3, .jvnew-content-contact h3,.title_article, .moduletable  h3 { background:url(../img/line4.jpg) repeat-x bottom left; padding-bottom:8px; margin-bottom:10px;  font-size:15px !important; font-weight: bold}
.link_list { 
background:url(../img/line4.jpg) repeat-x bottom left; 
}
.link_list a {
color:#3636ef;
font-weight:bold;
}

.link_list a:hover { color:#ff3115}

.padding_top_bottom td{
padding-top:22px;
padding-bottom:22px;
}

 #contenttop { margin-bottom:10px;}
.imgshadow, .gallery1 img, .jvnew-content .intro-thumnail img { border:1px solid #fff; position:relative }


/* readmore*/
p.readmore { display:block !important; overflow:hidden}
p.readmore a { float:left; background:url(../img/readmore.jpg) repeat-x bottom left; line-height:23px; border:1px solid #c8c8c8; padding:0 10px;      font-size: 11px; font-weight: bold; position:relative}
p.readmore a:hover { text-decoration:underline}

/* jv news*/
#jv-modulebox1 { margin:0 -10px;}
#jv-modulebox1 .jv-block { width:100% !important; }
#jv-modulebox1 .jv-module { margin-left:10px; margin-right:10px;}
#jv-modulebox1 .jv-new { margin:0}
#jv-modulebox1 p.readmore { margin:10px 0 0 0;}
#jv-modulebox1 img, .jvnew-content img { margin:0 0 10px 0 !important}
.jv_modulebox1 { margin:0 -10px;}
.jv_modulebox1 .jv-block { width:100% !important; }
.jv_modulebox1 .jv-module { margin-left:10px; margin-right:10px;}
.jv_modulebox1 .jv-new { margin:0}
.jv_modulebox1 p.readmore { margin:10px 0 0 0;}
.jv_modulebox1 img{ margin:0 0 10px 0 !important}
#jv-new-content  .column2 .jv-new,#jv-new-content  .column3 .jv-new,
#jv-new-content  .column4 .jv-new,#jv-new-content  .column5 .jv-new
{ padding:0 10px !important; }

.latest_news .jvnew-content  { margin:0 -10px;}
.latest_news .jv-new { padding:0 10px !important;}
.latest_news .jv-new h3 { color:#666; font-size:12px !important; background:none; padding:0; } 
.latest_news .jv-new h3:hover { color:#00b4e0;}
.latest_news .column { margin-bottom:9px; }

.jvnew-content { text-align:left}
.jvnew-content .jv-detail { padding-top:5px; color:#003882;  font-size: 11px;  }

.jvnew-content.announcements  .jv-new { margin:0;}
.jvnew-content.announcements h3 { float:left; font-size:12px !important; font-weight:normal; margin:0;   background: url(../img/icon1.png) no-repeat scroll left top;    padding-left: 25px;}
.jvnew-content.announcements  .jv-detail { float:right; font-size:11px; padding:0}
.jvnew-content.announcements h3  a { color:#666;}
.jvnew-content.announcements h3  a:hover { color:#00b4e0;}

div.pagination { text-align:center}


/* training courses*/
.training_courses  li, .contentmod li { background:url(../img/icon1.png) no-repeat left top; padding-left:25px; list-style-type: none; }
.training_courses  li a, .contentmod li a { line-height:25px; color:#666}
.training_courses  li a:hover, .training_courses  li.active a{ color:#00b4e0; font-weight:bold}
.contentmod  li a:hover, .contentmod  li.active a{ color:#00b4e0; font-weight:bold}
/* gellery*/
.gallery1 .jv-caption { display:none}
.gallery-item li { margin: 0 0 10px 0 !important; width:50%;}
* +html .gallery-item li, * +html .jvnew-content .column2, * +html .student_profiles .column_st { width:49.999%;}


/* slideshow*/
#jv-slideshow .jv-slideshow-captions 
{ background: none !important; bottom:20px !important ; border-top:1px solid #fff; border-bottom:1px solid #fff; height:auto !important; opacity:1 !important; }

#jv-slideshow .jv-slideshow-captions .description 
{color:#00b4e0 !important; text-shadow:none; background:url(../img/bg2.png) left top; !important;}
#jv-slideshow .description p { margin:0}
#jv-slideshow .description .rows2 { margin-left:30px;}


/* content*/
#wrap_component, .wrapcomponent { background:#dedede; border:1px solid #c8c8c8; position:relative;}
#jv-content, .jv_content { border-left:1px solid #fff; border-top:1px solid #fff; padding:10px; position:relative}
#jv-content ol, #jv-content ul { margin-left:20px;}
#jv-content ul li { list-style-type:disc}
.jv_content ol, .jv_content ul { margin-left:20px;}
.jv_content ul li { list-style-type:disc}
#page-article img, .page_article img { margin-right:10px;}
 
#emploi_quebec {
margin-left:6px;
margin-top:18px;
}
 
#emploi_quebec p{
font-weight:bold;
}
#emploi_quebec p img{
height:40px;
padding:3px 0px 0px 135px;
}
 
.student_profiles  { margin-bottom:20px;}
.student_profiles .column_st { float:left; width:50%;} 
.student_profiles .column_st img { float:left; margin-right:10px;}
.student_profiles .column_st .name_st { color:#00b4e0; font-weight:bold}

.typography { overflow:hidden; display:inline-block}

.amorce{
background: #FFD;
border-left: 5px solid #CCC;
/*font: 1em/1.4 Monaco, Consolas, "Courier News", monospace;*/
margin: 15px 0;
padding: 10px 15px !important;
}

#breadcrumb  { color:#999; height: 22px;}
#breadcrumb   a, #breadcrumb  div > div{ float:left;  margin-right:5px;}
#breadcrumb   a {  background:url(../img/arrow_br.png) no-repeat right 5px ; padding-right:22px;}
.breadcrumb_url {display:none;}


.equipe td{
vertical-align:top;
}
/* FOOTER
---------------------------------------------------------------*/
#jv-footer .jv-block { 
background: url(../img/body1_footer.png);
height:170px; 
width: 960px;
/*margin-bottom:-16px;*/
text-align:center; 
color:#fff; 
/*padding-top:25px; */
font-size:11px; 
font-weight:bold;
}
.copyright, .sitemap {
margin-top:12px;
}
.sitemap a{
font-size:9px;
margin-right:12px;
margin-left:12px;
}


#jv-footer { overflow:hidden !important; }
#jv-footer .moduletable { float:right; line-height:27px; margin-top:12px; margin-left:50px;}
* +html #jv-footer .moduletable { margin-top:10px;}
#jv-footer .moduletable  img, #jv-footer .moduletable  span { float:left; margin:0 5px; }
#jv-footer .moduletable a { color:#fff;}



/*/templates/jv-framework/themes/jv-english/css/css3.css*/
.wrapper3 {/*text-shadow: 1px 1px 0 rgba(255,255,255, 0.8);*/}
ul.mainmenu li:hover a, ul.mainmenu li.active a {text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.4);}
.imgshadow, .gallery1 img, .jvnew-content .intro-thumnail img { -webkit-box-shadow:2px 2px 5px #696969; -moz-box-shadow: 2px 2px 5px #696969; box-shadow: 2px 2px 5px #696969;}
 
#panels-inner{ -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px;}
.wrapper3 {
	 -webkit-box-shadow:0 0 12px #d2d2d2; -moz-box-shadow: 0 0 10px #d2d2d2; box-shadow: 0 0 10px #d2d2d2;
	 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#jv-header, #jv-header-en { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.jv-search { display:none; -webkit-border-radius: 0 10px 0 0; -moz-border-radius:0 10px 0 0; border-radius:0 10px 0 0;}

ul.mainmenu, .jv-module , .jv-module_02 , .innerbor, #wrap_component, .wrapcomponent, #jv-content, .jv_content
{ -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px;}
 
p.readmore a, ul.mainmenu ul
{ -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px;}

#map_brossard, #map_candiac {
width: 277px;
height: 355px;
}

#jv-modulebox1 table img, .small_logo{
width:40px;
margin:0px 12px 0px 0px !important;
}

.picto{
width:35px;
margin:0px 12px 16px 0px;
}

#zjv-modulebox1 table img, #zjv-module_02 table img{
width:40px;
margin:0px 12px 0px 0px !important;
}

.realisation a, .sitemap a{
color:white;
font-weight:bold;
}
.realisation a:hover, .sitemap a:hover {
color:#00B3DF;
font-weight:bold;
}
.filler, .hcard  a{visibility:hidden;}
.hcard {
visibility: hidden;
height:0px; 
width:0px; 
color:transparent;}

.footer_sitemap {
width:617px;
}

.marge_sup{
margin-top:25px;
}


.haut_fixe{
height:300px;
}

#terms{
padding-left:12px;
}


.niveau_cours, .niveau_cours td table, .niveau_cours_4, .niveau_cours_4 td table
{
/*width:100%;*/
border-collapse:collapse;
margin-top:10px;
}

.niveau_cours td table, .niveau_cours_4 td table
{
width:100%;
}

.niveau_cours td, .niveau_cours_4 td
{
/*width:33%;*/
border:1px solid black; 
text-align:center;
padding-bottom:5px;
font-weight:bold;
background:#fafbff;
}

.niveau_cours_4 td
{
/*width:25%;*/
}

.niveau_cours td table td, .niveau_cours_4 td table td
{
/*width:33%;*/
border:0px solid black; 
margin-top:0px;
margin-bottom:0px;
text-align:center;
padding-bottom:0px;
font-weight:normal;
background:#f2f5fe;
}
.niveau_cours_4 td table td {
/*width:25%;*/
}

.niveau_cours td table td.left_border, .niveau_cours_4 td table td.left_border{
border-left-width: 1px;
}

.niveau_cours td table td.bold, .niveau_cours_4 td table td.bold {
font-weight:bold;
}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	position:absolute;
/*	height:15px;*/
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:14px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

/* Address boxes */

.address_box {
	  font-size: 14px;
}