body {
	margin: 0;
	padding: 0;
	background-color: #000;

}
	
#page {
	position: relative;
	z-index: 100;
	margin: auto;
	padding-top: 165px;
	
	width: 839px;
	
}

#logo {
	position: absolute;
	top:65px;
	left: 10px;
	z-index: 500;
}

#logo img {
	border: 0;
}

#film {
	z-index: 100;
	position: absolute;
	top:0;
	left: -100px;
	
}


/*---------------------------
/* Menu-haut
/**/
#menu-haut {
	
	position: absolute;
	top: 80px;
	right: -10px;
	width: 487px;
	height: 84px;
	
	background-position: bottom;
	background-repeat: no-repeat;
}

.texte #menu-haut {
	background-image: url(/images/fond-menu-haut.gif);
}

.accueil #menu-haut,
.etudiants #menu-haut {
	background-image: url(/images/fond-menu-haut-accueil.gif);
}

#menu-haut img {
	border: 0;
}

#menu-haut-contact {
	position: absolute;
	top: 48px;
	left: 218px;
}

#menu-haut-liens {
	position: absolute;
	top: 45px;
	left: 128px;
}

#menu-haut-accueil {
	position: absolute;
	top: 3px;
	left: 15px;
}

#menu-haut-programme {
	position: absolute;
	top: 8px;
	left: 98px;
}

#menu-haut-video {
	position: absolute;
	top: 15px;
	left: 217px;
}

#menu-haut-archives {
	position: absolute;
	top: 18px;
	left: 281px;
}

#menu-haut-etudiants {
	position: absolute;
	top: 24px;
	left: 368px;
}




/*---------------------------
/* Découpage !!
/**/

#cadre {
	
	width: 839px;
	/*padding-left: 131px;*/
	background-image: url(/images/fond-site.gif);
	background-repeat: repeat-y;
	background-position: right;
	
}


.texte #bas-site,
.accueil #bas-site {
	background-image: url(/images/bas-site.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}


.etudiants #bas-site {
	background-image: url(/images/bas-site-etudiants.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}



.texte #haut-site {
	background-image: url(/images/haut-site.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.accueil #haut-site {
	background-image: url(/images/haut-site-accueil.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.etudiants #haut-site {
	background-image: url(/images/haut-site-etudiants.gif);
	background-repeat: no-repeat;
	background-position: top right;
}



#droite-site {
	background-image: url(/images/droite-site.png);
	background-repeat: no-repeat;
	background-position: right;
	background-repeat: repeat-y;
	
	
}

#gauche-site {
	
	background-image: url(/images/gauche-site.png);
	background-repeat: no-repeat;
	background-position: left;
	background-repeat: repeat-y;
	
}

.texte #gauche-site,
.accueil #gauche-site {
	/*min-height: 608px;*/
	min-height: 300px;
}





* html .texte #gauche-site,
* html .accueil #gauche-site {
	/*height: 608px;*/
	height: 300px;
}




.accueil #gauche-site {
	padding-top: 101px;
}

.texte #gauche-site {
	padding-top: 311px;
}

.etudiants #gauche-site {
	padding-top: 201px;
}

* html #gauche-site {
	height: 608px;
}

#pinceau {
	position: absolute;
	bottom: -43px;
	right: -20px;
}



#photo-camera {
	position: absolute;
	z-index: 100;
	top: 213px;
	left: 272px;
}


/*----------------------------
/* Éléments du site
/*/

#television {
	position: absolute;
	/*top: 450px;*/
	top: 400px;
	left: 50px;
}

#television img {
	border: 0;
}


#logo-cegep {
	position: absolute;
	top: 475px;
	left: 70px;
}

.texte h1 {
	z-index: 1000;
	
	
	padding:0;
	margin: 0;
	background-image: url(/images/fond-titre.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 95px;
	top: 410px;
	height: 30px;
	width: 577px;
	padding-left: 82px;
	padding-top: 18px;

	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	


}

.accueil h1 {
	padding:0;
	margin: 0;
	background-image: url(/images/fond-titre-accueil.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 480px;
	/*top: 260px;*/
	top: 220px;
	height: 28px;
	width: 232px;
	padding-left: 60px;
	padding-top: 3px;

	color: #fff;
	font-size: 18px;
	

	
}

.etudiants h1 {
	z-index: 100;
	padding:0;
	margin: 0;
	background-image: url(/images/fond-titre-etudiants.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 309px;
	top: 304px;
	height: 29px;
	width: 375px;
	padding-left: 70px;
	padding-top: 18px;

	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	

	
}

.texte #contenu {
	padding-left: 179px;
	padding-right: 149px;
	
	
	padding-bottom: 100px;
	/*line-height: 1.5em;*/
	/*min-height: 200px;*/
}


.accueil #contenu {
	padding-left: 543px;
	padding-right: 89px;
	
	
	padding-bottom: 100px;
	/*line-height: 1.5em;
	font-size: 12px;*/
}

.etudiants #contenu {
	float: right;
	width: 350px;
	padding-right: 110px;
	
	padding-bottom: 100px;
	/*line-height: 1.5em;
	font-size: 12px;*/
}

.texte #contenu a {
	color: #20a2dc;
}
.texte #contenu a:hover {
	color: #f15669;
}

.etudiants #contenu a,
.accueil #contenu a {
	color: #f15669;
}

.etudiants #contenu a:hover,
.accueil #contenu a {
	color: #20a2dc;
}

#contenu h2 {
	margin : 0;
	padding : 0;

	margin-bottom : 0.75em;
	margin-top : 1em;
/*
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px dotted #000;*/
}

#contenu p,
#contenu ul,
#contenu ol {
	margin-top : 0;
	margin-bottom : 1em;
}

#details {

	float: left;
	width: 245px;
	padding-top: 170px;
	padding-left: 100px;
	
	font-size: 10px;
}

#principal {
	padding-bottom: 65px;
}

#details div {
	border-bottom: 1px dotted #000;
	height: 14px;
	padding-top: 12px;
}

#details span {
	color: #ef3d53;
	text-transform: uppercase;
}

#envoyer-a-un-ami img {
	border: 0;
}

#imprimer img {
	border: 0;
}

.texte #imprimer {
	position: absolute;
	top: 240px;
	left: 615px;
}

.texte #envoyer-a-un-ami {
	position: absolute;
	top: 290px;
	left: 615px;
}

/*-------------------------------
/* Partager
/**/
#Partager {
  position: absolute;
  left: 620px;
  top: 345px;
  
  
}

.etudiants #Partager {
	position: absolute;
	left: 643px;
	top: 265px;
	
	width: 120px;
}

.accueil #imprimer,
.etudiants #imprimer {
	position: absolute;
	top: 210px;
	left: 635px;
}

.accueil #envoyer-a-un-ami,
.etudiants #envoyer-a-un-ami {
	position: absolute;
	top: 212px;
	left: 480px;
}

#haut-de-page img {
	border: 0;
}

#haut-de-page {
	/*margin-top: 25px;
	padding-left: 109px;*/
	position: absolute;
	bottom: 50px;
	left: 135px;
}


#photo-profil {
	z-index: 200;
	position: absolute;
	top: 260px;
	left: 90px;
	width: 271px;
	height: 280px;
	background-image: url(/images/cadre-photo-profil.png);
}

#photo-profil img {
	position: absolute;
	top: 22px;
	left: 16px;
}


/*-------------------------------
/* pied
/**/
#pied {
	z-index: 50;
	position: relative;
	padding-top: 5px;
	padding-bottom : 25px;
	width: 839px;
	/*padding-left: 141px;*/
	margin: auto;
	color: #fff;
	font-size: 9px;
}

#pied a {
	color: #fff;
}

#copyright {
	padding-bottom: 5px;
}

#menu-contact-bas {
	position: absolute;
	right: -20px;
	top: 0; 
	
	background-repeat: no-repeat;
	width: 386px;
	height: 39px;
}

.texte #menu-contact-bas { 
	background-image: url(/images/contact-bas.gif);
}

.accueil #menu-contact-bas,
.etudiants #menu-contact-bas { 
	background-image: url(/images/contact-bas-accueil.gif);
}



#menu-contact-bas img {
	border: 0;
}

#menu-contact-bas a {
	position: absolute;
	top: 14px;
	left: 240px;
}

/*----------------------------
/* Section video
/*--------------------------*/
h2.pourScrollBox {
	background-image : url(/images/scrollbox-fleche.gif);
	background-repeat : no-repeat;
	background-position : 0px 7px;
	padding-left : 20px !important;

	margin-top : 1.5em !important;
	margin-bottom : 5px !important;
}

.scrollbox {
	height : 210px;
	/*width : 460px;*/

	overflow : scroll;
	overflow-x: hidden;

	background-image : url(/images/scrollbox-back.gif);
	background-repeat : repeat-x;
}



#generique {
	padding : 1.5em 22px;
}

#generique p {
	margin-top : 0;
}

#generique h3 {
	margin : 0;
	padding : 0;

	/*margin-top : 1em;*/
	/*margin-bottom : 0.25em;*/
	font-size : 13px;
	font-weight : bold;
}

#tv {
	background-image : url(/images/tv.jpg);
	width : 444px;
	height : 312px;

	padding-left : 30px;
	padding-top : 34px;
}

#blocEnCours {
	font-weight : normal;
	margin-bottom : 0.5em;
	font-size: 18px;
}



/*---------------------------
/* ÉTUDIANTS
/**/

#tableau_etudiants {

}

#tableau_etudiants .cell_etudiant {
	padding-bottom : 10px;
	text-align : center;
	font-size : 11px;
	line-height : 13px;
	vertical-align : top;

	width : 160px;
}

#tableau_etudiants .cell_etudiant img {
	border : 1px solid #000;
	margin-bottom : 7px;
}

#tableau_etudiants .cell_etudiant a {
	display : block;
	padding : 10px;
	text-decoration : none;

	background-image : none;

	width : 127px;
}

#tableau_etudiants .cell_etudiant a:hover {
	background-color : #222;
	color : #fff;
}

/*---------------------------
/* LIENS EXTERNES
/**/

a.external
{
	background: url(/images/external.png) center right no-repeat;
	padding-right: 13px;
	/*white-space: nowrap;*/
	display: inline-block;
}

/*---------------------------
/* RSS
/**/

#rss {
	position : absolute;
	right : 100px;
	top : 432px;
	z-index : 1001;

	font-size : 11px;
}

#rss a {
	color : #fff;
	text-decoration : none;

	display : block;

	padding-right : 18px;

	height : 13px;
	padding-top : 1px;

	background-image : url(../images/feed-icon-14x14.png);
	background-repeat : no-repeat;
	background-position : right top;
}

#rss a:hover {
	text-decoration : underline;
}