@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
behavior : url(css-js/iepngfix.htc) ; 
}

*:focus {outline:none;} 

*:focus { -moz-outline: none }

/* ---------------------------- POLICE DE CARACTERES --------------------------- */
html
{
	font-size: 100%;
}

/* taille par défaut */
#main{
	font-size: 12px;
}

#main h1{
	font-size: 2em;
}

#main h2{
	font-size: 1.5em;
}

#main h3{
	font-size: 1.2em;
}

#main h4{
	font-size: 1em;
}

#main h5{
	font-size: 0.8em;
}

#main h6{
	font-size: 0.5em;
}

#fontSmall{
	font-size: 1em;
	text-decoration: none;
}

#fontDefault{
	font-size: 1.5em;
	text-decoration: underline;
}

#fontLarge{
	font-size: 1.5em;
	text-decoration: none;
}

ul.MenuBarHorizontal{
	font: 10px Verdana, sans-serif;
}

input, select, textarea{
	font-size: 100%;
}

/* div qui va englober tout le contenu des donnes redimensionnables */
#fontVariable{
	font-size: 12px;
	font-family: Verdana, sans-serif;
	color: #4e4e4e;	
}

#fontVariable table td{
	padding-left: 15px;
	padding-right: 15px;
}

#fontVariable table table td{
	padding-left: 5px;
	padding-right: 5px;
}

#fontVariable table td td{
	/*padding: 0;*/
}

#fontVariable table td tr{
	/*padding: 0;*/
}

#fontVariable table td p{
	/*padding: 0;*/
}

#fontVariable a{
	color: #4e4e4e;
}


/* ---------------------------- LAYERS --------------------------- */

#header {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo{
	float: left;
}

#righthead{
	margin: auto;
	padding:0;
	text-align: right;
	margin-left: 230px;
	vertical-align:bottom;
}

#logo2{
	margin: 0;
	padding: 0;
	/*width: 100%;*/
}

#logo2 img{
	border: none;
}


#headermenu{
	background: #033397;
	color: #ffffff;
	float: left;
	margin: auto;
	margin-right: 0;
	padding: 0;
	text-align: right;
	width: 547px;
}

#headermenu a{
	padding-left: 4px;
	padding-right: 4px;
	font-size:0.9em;
}

#content{
	width: 558px;
	overflow: visible;
	position: absolute;
	left: 228px;
	top: 116px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#525252;
}

#topic{
	width:547px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	height: 29px;
	text-align:left;
	font-size: 10px;
	color:#555555;
	padding: 0;
	margin: 0;
	margin-top: 100px;
	margin-left: 230px;
}

#topic a{
	color:#555555;
	text-decoration: none;
}

#menuH  {
	width:547px;
	position: relative;
	height: 22px;
	z-index: 200;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #FFFFFF;
}

#menuH a {
	color: #FFFFFF;
}

#menuH_{
	background: url(../img/menuH/menuH_gris.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH_futur{
	background: url(../img/menuH/menuH_vert.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH_student{
	background: url(../img/menuH/menuH_gris.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH_public{
	background: url(../img/menuH/menuH_green.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH_company{
	background: url(../img/menuH/menuH_marron.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH_donor{
	background: url(../img/menuH/menuH_ocre.gif) no-repeat;
	height: 26px;
	width: 558px;
	height: 26px;
}

#menuH #futur , #menuH #student, #menuH #company, #menuH #donor, #menuH #hotel  {
	display: block;
	position: absolute;
	width: 140px;
	height: 26px;
	padding: 5px 0px 0px 10px;
}

#menuH #student {
	left:140px;
}

#menuH #company {
	left:250px;
}

#menuH #donor {
	left:440px;
}

#menuH #hotel {
	left:360px;
}

#menuH .highlight {
	background:url(../img/menuH/highlight.png) no-repeat; 
}
	
#menuH .highlight2 {
	background:url(../img/menuH/highlight2.png) no-repeat; 
}
	

#bannerTopOcre, #bannerTopGris, #bannerTopMarron, #bannerTopBleu, #bannerTopVert, #bannerFondation, #bannerTopCollegial, #bannerTopSecondaire, #bannerTopUniversitaire, #bannerTopFormation{
	width:558px;
	position: relative;
	/*left: 0px;
	top: 56px;*/
	height: 96px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #000000;
	padding: 0px 8px 0px 3px;
	vertical-align:bottom;
}

#bannerTopOcre #div1, #bannerTopGris #div1, #bannerTopMarron #div1, #bannerTopBleu #div1, #bannerTopVert #div1, #bannerFondation #div1, #bannerTopCollegial #div1, #bannerTopSecondaire #div1, #bannerTopUniversitaire #div1, #bannerTopFormation #div1 {
	display: block;
	position:absolute;
	width: 265px;
	left: 10px;
	bottom: 25px;
	color: #231f20;
	font-weight:bold;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height:25px;
	letter-spacing: -1px;
	background-image: url(../img/bannerTop/traits.gif);
	background-repeat: repeat-y;
	background-position: 4px bottom;
	padding: 0px 0px 0px 4px;
}

#bannerTopOcre .div2, #bannerTopGris .div2, #bannerTopMarron .div2, #bannerTopBleu .div2, #bannerTopVert .div2, #bannerFondation .div2, #bannerTopCollegial .div2, #bannerTopSecondaire .div2, #bannerTopUniversitaire .div2, #bannerTopFormation .div2 {
	display: block;
	position:absolute;
	width: 250px;
	right: 30px;
	top:20px;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform:uppercase;
}


#bannerTopBleu{
	background-image: url(../img/bannerTop/bleu.gif) ;
}

#bannerTopVert{
	background-image: url(../img/bannerTop/vert.gif);
}

#bannerTopGris{
	background-image: url(../img/bannerTop/gris.gif) ;
}

#bannerTopOcre{
	background-image: url(../img/bannerTop/ocre.gif);
}

#bannerTopMarron{
	background-image: url(../img/bannerTop/marron.gif);
}



#bannerTopSecondaire{
	background-image: url(../fr/img/bannerTop/secondaire.jpg);
}

#bannerTopCollegial{
	background-image: url(../fr/img/bannerTop/collegial.jpg);
}

#bannerTopUniversitaire{
	background-image: url(../fr/img/bannerTop/universitaire.jpg);
}

#bannerTopFormation{
	background-image: url(../fr/img/bannerTop/formation.jpg);
}

#bannerFondation{
	background-image: url(../fr/img/bannerTop/fondation.jpg);
}

#bannerTopBleu p, #bannerTopVert p, #bannerTopCollegial p, #bannerTopSecondaire p, #bannerTopUniversitaire p, #bannerTopFormation p{
	padding-top: 15px;
	padding-left: 40px;
}

#page{
	width:558px;
	position: relative;
	/*left: 0px;
	top: 149px;*/
	height: auto;
	background-image: url(../img/commun/GrandFondPage.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
	min-height:570px;
}

#hautcours {
	position: relative;
	width:558px;
	background:url(../img/commun/topPhotoVert.gif) no-repeat;
	height:192px;
	overflow:hidden;
}

#pagecours{
	position: relative;
	width: 558px;
	height: auto;
	background-image: url(../img/commun/GrandFondPage.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px;
}

#pagecours #richContent{
	position:relative;;
	width: 540px;
	top: 200px;	
}

#pagecours #presentation{
	padding: 20px;
	padding-top: 0;
	margin: 0;
	position: relative;
}

#pagecours #presentation h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

#presentation #banniere{
	height:80px; 
	width:234px; 
	float: right; 
	position:relative; 
	left:15px;
	top: 0;
}

#imageRich{
	position: absolute;
	top: 4px;
	left: 4px;
	height: 180px;
	width: 374px;
	overflow: hidden;
	text-align: left;
}


#liensConnexes{
	position:absolute;
	left:392px;
	width: 137px;
	height: 160px;
	overflow:hidden;
	bottom:8px;
	background-color:#FFFFFF;
	font-size: 10px;
	color: #B3D8C6;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
}

#liensConnexes a{
	color: #B3D8C6;
}

#liensConnexes a:hover{
	color: #000000;
}

#liensConnexes p{
	margin:0px;
	margin-top:2px;
	padding:0px;
}

.linkButton input#buttonMore{
	display: block;
	height: 31px;
	width: 131px;
	border: none;
}

.linkButton a input#buttonMore{
	background: url(../img/commun/savoirplus.jpg) no-repeat top;	
	cursor:pointer;
}

.linkButton a:hover #buttonMore {
	background: url(../img/commun/savoirplus_.jpg) no-repeat top;
	cursor:pointer;
}

#bas {
	position:relative;
	left: 0px;
	width:558px;
	height: auto;
	text-align:center;
	background-color:#FFFFFF;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#bas a{
	text-decoration: none;
	color: #444444;
}

#bas a:hover{
	cursor: pointer;
	text-decoration: underline;
	color: #999999;
}


#bas table, #bas td {
	padding: 0px;
	text-align:left;
	vertical-align:bottom;
}


/* ---------------------------- CSS POUR LE MENU DE GAUCHE (AUTRE PARTIE DANS SPRYACCORDION.CSS) --------------------------- */
#menu {
	width: 181px;
	overflow: visible;
	position: absolute;
	left: 20px;
	top: 116px;
	height: auto;
	background-image:url(../img/Nolin/Commun/trame.gif);
	text-align:center;
	padding: 12px 3px 12px 4px;
}

#menu .fondGris {
	background-image:url(../img/Nolin/menu/fondGris.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:174px;
	padding: 1px 8px 1px 7px;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Nolin/menu/fondGris.png', sizingMethod='crop');
    background: none;*/
}

#menu .fondBlanc {
	background-image:url(../img/Nolin/menu/fondBlanc.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:159px;
	padding: 1px 8px 1px 7px;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Nolin/menu/fondBlanc.png', sizingMethod='crop');
    background: none;*/
}

#menu .fondNoir {
	background-image:url(../img/Nolin/menu/fondNoir.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:159px;
	padding: 1px 8px 1px 7px;
	color: #FFFFFF;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Nolin/menu/fondBlanc.png', sizingMethod='crop');
    background: none;*/
}

#menu a{
	margin: 0;
	padding: 0;
	border: none;
}

#menu #left{
	background:url(../img/Nolin/menu/left.gif);
	width: 4px;
	height: 4px;
}

#menu #right{
	background:url(../img/Nolin/menu/right.gif);
	width: 4px;
	height: 4px;
}

#menu #top{
	background:url(../img/Nolin/menu/top.gif);
	width: 180px;
	height: 10px;
}

#menu #bottom{
	/*background:url(../img/Nolin/menu/bottom.gif);*/
	width: 180px;
	height: 40px;
}

/* titre de 2eme niveau */
#menu .title2{
	padding: 1px 8px 1px 0px;
}

#menu .title2_over{
	padding: 1px 8px 1px 0px;
}

#menu .title2 a{
	color: #4b4b4b;
	vertical-align: top;
}

#menu .title2_over a{
	font-weight: bold;
	color: #4b4b4b;
	vertical-align: top;
}

/* titre de 3eme niveau */
#menu .title3{
	/*border:none; */
	width: 140px;
	display:block;
    border-top:1px dotted #dbdbdb;
	margin: 2px 4px 2px 14px;
	padding: 0px;
}

#menu .title4{
	/*border:none; */
	width: 140px;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}

#menu li{
	line-height: 80%;
}

#menu .title3 a{
	/* color: #4e4e4e; */
	vertical-align: top;	
}

#menu ul{
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style: none;
}

#menu ul li{
	/* background: url(../img/Nolin/menu/puce2.gif) no-repeat; */
	/*vertical-align: middle;*/
}

a.menu_pad{
	text-decoration:none;
}

a.menu_pad_over{
	text-decoration:none;
	color: #cb3c00;
}

a.menu_pad_over:hover{
	text-decoration:none;
}

a.menu_pad:hover{
	text-decoration:none;
}
/* ##################################################*/
/* tous les éléments gérés en javascript ont leurs propriétés CSS dans le /SpryAssets/2008/SpryAccordion.css */
/* ##################################################*/

/* ---------------------------- APPARENCE DU CONTENU AFFICHE  --------------------------- */

/*td.gak_title{
	color:#011743;
	font-weight:bold;
	text-transform:uppercase;
}

td.gak_content, td.gak_content a{
	color:#011743;
}

td.gak_content{
	padding-bottom: 15px;
}

td.inner_content{
	padding-top: 17px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 0px;
}

td.search_title {
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
} */

img.img_dyn{
	border:1px solid #011743;
} 

/* ---------------------------- TEXTE RICHE  --------------------------- */
.bold{
	font-weight:bold;
}

.italic{
	font-style : italic;
}

.underline{
	text-decoration : underline;
}

.small{
	font-size:1em;
}

.bold-red{
	color:#970F00;
	font-weight:bold;
}

.percent{
	color: red;
	font-style: italic;
	display: inline;
}

#fontVariable a.link_red, a.link_red:hover 

{
color: #970f00;
text-decoration: underline;
}

#fontVariable a.link_red, a.link_red:hover 

{
color: #970f00;
text-decoration: underline;
}

/* ---------------------------- ELEVES ETRANGERS --------------------------- */
.ee_title{
	font-weight:bold; 
	color:#5B8973; 
	font-size:1em; 
	text-transform:uppercase;
}
.ee_highlight{
	font-weight:bold; 
	color:#01826E;
}

td.ee_content {
	color:#5C5C5C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.ee_link, a.ee_linh:hover {
	text-decoration:underline;
}
a.ee_anchor, a {
	color:#4D7361;
	text-decoration:underline;
}
a.ee_anchor:hover,a:hover {
	color:#3E6050;
	text-decoration:underline;
}

td.td_ee_image {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	vertical-align:top; 
	text-align:left;
}
img.ee_image {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

/* ---------------------------- SITEMAP.PHP  --------------------------- */
a.sitemap{
	color: #011743;
	text-decoration: none;
	text-transform: uppercase;
}

a.sitemap:hover{
	color: #970f00;
	text-decoration: underline;
	text-transform: uppercase;
}

/* ---------------------------- APPARENCE DU CONTENU AFFICHE  --------------------------- */
table.table_grey{
	width:100%;
}

table.table_grey_home{
	width:100%;
}

table.table_grey_home_en{
	width:100%;
}

table.content_home,table.content_home2{
	border:1px solid #7A7A7A;
	width:100%;
}

table.content_home2{
	margin:5px 0px 0px 0px;
}

table.content_news{
	width:100%;
	margin:5px 0px 0px 0px;
}

table.inner_content_home{
	width:100%;
}


/* table for gak images */

table.img_middle_left,table.img_middle_right,table.img_top_left,table.img_top_right,table.img_top_middle{
}

table.img_middle_left{
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
}

table.img_middle_right{
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
}

table.img_top_middle {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	/*margin-bottom:10px*/;
}

table.img_top_left{
	margin-left: 0px;
	margin-right: 10px;
}

table.img_top_right{
	margin-left: 10px;
	margin-right: 0px;
}

/* TD */

td{
	text-align: left;
	vertical-align: top;
}

td.inner_content{
	padding:17px 25px 10px 25px;
}

td.inner_contentB{
	padding:0px 25px 10px 25px;
}

td.inner_content_result{
	padding:15px 25px;
}

td.inner_content_result_title{
	font-weight:bold;
	padding:4px 25px;
	text-transform:uppercase;
}

td.inner_content_sitemap_left{
	padding:17px 0px 10px 25px;
}

td.inner_content_sitemap_right{
	padding:17px 25px 10px 0px;
}

td.link_site{
	padding:2px 0px;
}

td.search_results{
	padding:17px 25px 10px 25px;
}

td.menu_qc{
	/*padding-left:36px;*/
	text-align:right;
}

td.padding_content{
	padding:0px 0px 23px 23px;
}

td.padding_search{
	color:#970F00;
	font-weight:bold;
	padding:5px 15px;
}

td.bottom_content,td.bottom_content_home{
	border-bottom:1px solid #011743;
	border-left:1px solid #011743;
	border-right:1px solid #011743;
}

td.bottom_content_home{
	padding:0px 4px 4px 4px;
}

td.header_formation{
	background-image:url(fr/img/home/header_texte.jpg);
	padding-top: 210px;
	padding-left: 2px;
}

td.section_name_bg{
	border-top:1px solid #011743;
	border-right:1px solid #011743;
	width:100%;
}

td.padding_section_name{
	color:#FFFFFF;
	padding-bottom:3px;
	padding-top:22px;
}

td.update{
	padding-top:23px;
	text-align:center;
}

td.zone_promo{
	padding-top:7px;
	text-align:center;
}

td.level4{
	padding-bottom:7px;
}

#fontVariable td.arrow_site{
	padding: 0;
	padding-left: 25px;
	margin: 0;
	text-align: left;
}

#fontVariable td.level4{
	padding: 0;
	padding-right: 25px;
	padding-bottom:7px;
	margin: 0;
	text-align: left;
}

#fontVariable td p {
	margin-top: 10px;
	margin-bottom: 10px;
}

td.gak_title{
	color:#011743;
	font-weight:bold;
	padding-bottom:0px;
	text-transform:uppercase;
}

td.form_title{
	color:#011743;
	font-weight:bold;
	padding:10px 25px 10px 25px;
	text-transform:uppercase;
}

td.form_name{
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
	padding:2px 10px 2px 0px;
}

td.form_name2{
	font-weight:bold;
	vertical-align:middle;
	padding:2px 10px;
}

td.search_title{
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
}

td.search_title2{
	color:#011743;
	font-weight:bold;
	padding-bottom:8px;
	text-transform:uppercase;
}

td.form_search_txt{
	padding:10px 0px 20px 50px;
}

td.form_field{
	padding:2px 10px;
}

td.form_field2{
	padding:2px 7px;
}

td.form_field3{
	text-align:right;
	padding:4px 7px;
}

td.gak_content{
	padding-bottom:0px;
}

td.inner_content_pad_home{
	padding:7px;
}

td.content_small_table_home{
	/*padding:10px 14px 7px 14px;*/
	padding:14px 10px 12px 14px;
}

td.content_small_table_home_news{
	padding:13px 7px 7px 11px;

}

td.padding_news_photo{
	text-align:left;
	vertical-align:top;
	padding:10px 8px 8px 7px;
}

td.padding_news_content{
	padding:10px 8px 8px 0px;
}

td.news_details_btn{
	text-align:right;
	vertical-align:bottom;
}

td.padding_formations_title{
	font-weight:bold;
	padding:4px 5px 4px 45px;
}

td.padding_formations_title2{
	padding:4px 5px 4px 0px;
}

td.padding_formations_text{
	padding:4px 20px 4px 0px;
}

td.img_diplome{
	padding:20px 4px 20px 26px;
}

/* SPAN */
span.section_name_large{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

span.section_name_small{
	text-transform:uppercase;
}

span.date-small{
	color: #999999;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.bold-red{
	color:#970F00;
	font-weight:bold;
}

span.red{
	color:#970F00;
}

span.red_italic{
	color:#970F00;
	font-weight:normal;
	font-style:italic;
	text-transform:none;
}

span.reg{
	font-weight:normal;
}

span.txt_upper{
	font-weight:bold;
	text-transform:uppercase;
}

#ongletImage {
	position:absolute;
	width: 271px;
	height: 461px;
	top: 2px;
	left : 5px;
	overflow: hidden;
}

#ongletTitre {
	position:absolute;
	width: 267px;
	bottom: 400px;
	left : 285px;
	overflow: hidden;
	font-weight:bold;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height:25px;
	letter-spacing: -1px;
	background-image: url(../img/onglets/traits.gif);
	background-repeat: repeat;
	background-position: 0px bottom;
	padding: 0px 0px 0px 0px;
	color: #000000;
}

#ongletTexte {
	position:absolute;
	width: 250px;
	height: 288px;
	top: 90px;
	left : 282px;
	padding: 5px 5px 5px 5px;
}

#ongletPub {
	position:absolute;
	width: 270px;
	height: 84px;
	top: 378px;
	left : 282px;
	overflow: hidden;
}

.ancregcer A:link {
	display:block;
	text-decoration:none;
	font-size:16px;
	color:#000000;
	font-weight:bolder;
	background-color:#b7aa9a;
	height:23px;
	padding:4px 0 0 5px;
}
.ancregcer A:hover {
	display:block;
	text-decoration:none;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#b7aa9a;
	height:23px;
	padding:4px 0 0 5px;
}

.ancrepcer A:link {
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	background-color:#b7aa9a;
	height:30px;
	padding:4px 0 0 5px;
}
.ancrepcer A:hover {
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#b7aa9a;
	height:30px;
	padding:4px 0 0 5px;
}