/* REINITIALISATION DES STYLES */
@import url("reinitialisation.css");

/* IMPORTATION DES POLICES GOOGLE */
@import url("http://fonts.googleapis.com/css?family=Raleway:900");


/* SYTLES DE BASE DU SITE */
	
body {
	background: #00294B url(../images/bg_body.gif) repeat-x fixed 100% 0%;
	font: 62.5%/1.4 Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	}
#coquille {
	background: #fff;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: left;
	width: 956px;
	}
#coquille_contenu {
	float: left;
	width: 956px;
	}
.gouttiere {
	padding: 10px;
	margin-top:0px;
	padding-top:0px;
	}
	
	
/* MARQUE ("branding")
--------------------------------------- */
#marque {
	background-color: #f4f9ff;
	}
#marque h1 a {
	height: 100px;
	width: 956px;
	display: block;
	background: url(../images/entete.jpg) no-repeat 0 0;
	}
#marque h1 span {	
	display: none;	
	}
	
	
	
/* CONTENU PRINCIPAL
--------------------------------------- */
#contenu_principal {
	width: 956px;
	}
h2 {
	border-bottom: 1px solid #A3B2BE;
	color: #ff5412;
	font-size: 1.6em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	}
body#clips h2 {
	border: none;
	}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 2.5em 0 0.5em 0;
	}
h4 {
	color: #ff5412;
	font-size: 1.2em;
	font-weight: bold;
	margin: 2em 0 0.5em 0;
	}
p {
	margin: 1.5em 0 0.5em 0;
	padding: 0;
	}
p.haut {
	background: transparent url(../images/haut.gif) no-repeat 100% 50%;
	font-size: 1em;
	padding-right: 10px;
	text-align: right;
	}
p.quicktime {
	background: transparent url(../images/attention_icone.gif) no-repeat 0 0;
	padding: 5px 0 5px 30px;
	}
blockquote {
	margin: 1.5em 3em;
	padding: 0;
	}
.note {
	font-size: 0.95em;
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
.cite {
	font-style: italic;
	}
.attention {
	background: transparent url(../images/attention_icone.gif) no-repeat 0 0;
	padding: 5px 0 5px 30px;
	}
#rss_nouvelles {
	background: transparent url(../images/rss.gif) no-repeat 0 50%;
	padding: 5px 0 5px 20px;
	}
.emphase {
	color: #ff5412;
	font-family: 'Raleway', Helvetica, Arial, Verdana, sans-serif;
	font-size: 3em;
	font-weight: 900;
	text-align: center;
	}


/* LISTES */
ul, ol, dl { 
	margin: 1.5em 0;	
	}
ul li, 
ol li {
	margin: 0 0 0.5em 3.5em;
	}
ul li {
	list-style: disc;
	}
ol li {
	list-style: decimal;
	}
.sousmenu li {
	font-size: 1em;
	}
li ul, 
li ol {
	margin-top: 0.5em;
	}
dt {
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding: 0;
	}
dd {
	margin: 0 0 0.33em 0;
	padding: 0;
	}
/* Clips thematiques */
ul#clips_liste {
	margin: 2em 0 0.5em 0;
	padding: 0;
	width: 936px;
	}
ul#clips_liste li {
	list-style-type: none;
	margin: 0 30px 2em 0;
	padding: 0;
	}
	ul#clips_liste li h3 {
		border-bottom: 1px solid #B5CEE3;
		color: #00294B;
		font-size: 1.4em; 
		font-weight: bold;
		line-height: 1em;
		margin: 0.5em 0;
		}
	ul#clips_liste li ul {
		float: left;
		margin: 2em 0 0.5em 0;
		padding: 0;
		width: 936px;
		}
		ul#clips_liste li ul li {
			/*background: url(../images/clip_puce.gif) no-repeat 0 0.3em;*/
			float: left;
			list-style-type: none;
			height: 125px;
			margin: 0 30px 1em 0;
			padding: 0;	
			width: 428px;
			}
			ul#clips_liste li ul li img {
				border: 1px solid #000;
				float: left;
				margin: 0 10px 10px 0;
				width: 125px;
				}
			ul#clips_liste li ul li div {
				float: right;
				width: 291px;
				}
			span.visualiser {
				padding-top: 0.2em;
				}
				span.visualiser a {
				display: block;
				}
ul#theme-menu {
	float: left;
	margin: 2em 0 0.5em 0;
	padding: 0;
	width: 936px;
	}
	ul#theme-menu li {
		background: url(../images/clip_puce.gif) no-repeat 0 0.3em;
		float: left;
		list-style-type: none;
		margin: 0 30px 1em 0;
		padding: 0 0 0 10px;	
		width: 428px;
		}
	
/* HYPERLIENS */
a:link,
a:visited {
	color: #0070CC;
	text-decoration: underline;
	}
a:hover {
	color: #ff5412;
	text-decoration: none;
	}
a:active {
	color: #344757;
	text-decoration: underline;
	}
	

/* IMAGES */
img {
	border: none;
	}
.vignette {
	border: 0;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}
.icone {
	border: none;
	margin-right: 4px;
	padding: 0;
	}
.rss {
	border: none;
	margin: 0;
	padding: 0;
	}
.noborder {
	border: none;
	}


/* DETAILS DES VIDEOS (CLIPS, AUTEUR, TITRE, ...) */
#video { 
	width: 936px; 
	float: left;
	margin: 3em 0;
	}
#contenant_clip_lg { 
	float: left; 
	margin-right: 20px; 
	width: 480px; 
	}
#container_clip { 
	float: left; 
	margin-right: 20px; 
/*	width: 480px; */
	}

#contenant_clip_lg ul {
	margin: 0 0 1.5em 500px;
	padding: 0;
	width: 436px;
	}
#contenant_clip_sm { 
	float: left; 
	margin-right: 20px; 
	width: 320px; 
	}
#contenant_clip_lg ul {
	margin: 0 0 1.5em 340px;
	padding: 0;
	width: 596px;
	}
#video ul li {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	}
.telechargement {
	padding: 7px 0 7px 35px; 
	}
.telechargement.hautdebit {
	background: url(../images/hautdebit.gif) no-repeat 0 50%;
	}
.telechargement.faibledebit {
	background: url(../images/faibledebit.gif) no-repeat 0 50%;
	}
	
/* CONTENU SECONDAIRE 
--------------------------------------- */
#contenu_secondaire {
	background: #B5CEE3 url(../images/bg_contenu_secondaire.png) repeat-x 0 100%;
	display: none;
	float: left;
	margin-top: 10px;
	padding-bottom: 100px;
	width: 306px;
	}
#contenu_secondaire .gouttiere {
	color: #294B68;
	padding: 0 10px;
	}
#contenu_secondaire h2 {
	background-color: #294B68; 
	border: none; 
	color: #fff;
	font-size: 1em; 
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 5px 10px;
	}
#contenu_secondaire h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
	}
#contenu_secondaire p, 
#contenu_secondaire li, 
#contenu_secondaire dt, 
#contenu_secondaire dd {
	font-size: 1em;
	}
#contenu_secondaire p {
	margin: 0.5em 0;
	}
#contenu_secondaire ul,
#contenu_secondaire ol {
	margin: 0;
	padding: 0;
	}
#contenu_secondaire ul li,
#contenu_secondaire ol li {
	margin: 0.5em 0 0 1em;
	}
#contenu_secondaire a:link,
#contenu_secondaire a:visited {
	color: #0164a7; 
	text-decoration: underline;
	}
#contenu_secondaire a:hover {
	color: #00294B;
	text-decoration: none;
	}
#contenu_secondaire a:active {
	color: #00294B;
	text-decoration: underline;
	}
	
	
/* NAVIGATION PRINCIPALE 
--------------------------------------- */
#nav_principale {
	background: #00294B url(../images/bg_menu.png) repeat-x 0% 0%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
	margin: 0;
	padding: 0;
	width: 956px;
	}
#nav_principale ul {
	margin: 0;
	padding: 0;
	}
#nav_principale li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#nav_principale a {
	color: #fff;
	display: block;
	margin: 0;
	padding: 8px 15px;
	text-decoration: none;
	}
#nav_principale a:link, 
#nav_principale a:visited {
	background: none;
	}
#nav_principale a:hover {
	background: #ff5412 url(../images/bg_menu_over.png) repeat-x 0% 0%;
	}
#nav_principale a:active {
	background: none;
	}
/* style pour mettre en evidence le bouton de la page courante */ 
body#accueil li#nav_accueil a, 
body#clips li#nav_clips a,
body#fondements li#nav_fondements a,
body#bulletin li#nav_bulletin a,
body#rss li#nav_rss a,
body#questions li#nav_questions a,
body.top_videos li#nav_nouvelles a {
	background: #ff5412 url(../images/bg_menu_over.png) repeat-x 0% 0%;
	}



/* PAGE D'ACCUEIL
--------------------------------------- */
body#accueil #contenu_principal {
	float: left;
	width: 650px;
	}
body#accueil #contenu_secondaire {
	display: block;
	}
body#accueil span.visualiser {
	display: block;
	}
		body#accueil span.visualiser a {
			display: inline;
			}
	
	

/* PIED DE PAGE 
--------------------------------------- */
#piedpage {
	background: #fff;
	clear: both;
	color: #000;
	padding: 0 0 1em 0;
	width: 956px;
	}
#piedpage h4 {
	visibility: hidden;
	}
p#creativecommons {
	background: url(../images/cc_logo.gif) no-repeat 0 50%;
	clear: left;
	font-size: 0.95em;
	padding: 7px 0 7px 35px;
	}
ul#partenaires {
	float: left;
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 936px;
	}
ul#partenaires li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
ul#partenaires li a {
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -19999px;
	width: 206px;
	}
a#me_ontario {
	background: url(../images/me_ontario_logo.gif) no-repeat 0 100%;
	}
a#u_laurentienne {
	background: url(../images/ulaurentienne_logo.gif) no-repeat 0 100%;
	}
a#chaire_tic {
	background: url(../images/chaire_tic_logo.gif) no-repeat 0 100%;
	}
a#ese_ulaurentienne {
	background: url(../images/ese_ulaurentienne_logo.gif) no-repeat 0 100%;
	}
	
	
/* CLEARING FLOATS 
--------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* Commentaires */

#movie_bar {
    clear: both;
}

#envoyer {
    clear: both;
}
#vues {
    float: left;
}
#telecharger {
    float: right;
}

#envoyer label, #commentaires label {
    display: block;
    margin-top: 0.7em;
}

#commentaire_form, #envoyer_form {
    background-color: #eeeeff;
    width: 470px;
    padding: 0.2em 1em 1em 1em;
}

input.text, #commentaire_form textarea, #envoyer_form textarea {
    width: 430px;
}

div.commentaire {
    margin: 1em;
    padding: 0.4em;
    background-color: #eeeeee;
}

span.comment_name {
    font-weight: bold;
}

span.comment_time {
    display:block;
    float:right;
    font-style: italic;
}

div.comment {
    margin: 0.6em;
}

/* top Videos */
.top_videos h2, .top_videos h3, .top_videos h4, .top_videos h5, .top_videos h6, 
.top_videos p, .top_videos ol, .top_videos ul, .top_videos li, 
.top_videos fieldset, .top_videos form, .top_videos label, .top_videos legend {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

.top_videos {
	float: left;
	padding-bottom: 20px;
	width: 306px;
}
.top_videos .gouttiere {	padding: 0.5em 10px 1.5em 10px; }
.top_videos h2 { padding: 10px; }

.top_videos {
	background: #B5CEE3 url(../images/bg_contenu_secondaire.png) repeat-x 0 100%;
	line-height: 1.2em;
}
.top_videos h2 { 
	background-color: #294B68; 
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
.top_videos h3 {
	border-bottom: 1px solid #A3B2BE;
	color: #294B68;
	font-size: 120%;
	font-weight: bold;
}


ul.clips_liste_top li {
    list-style-type: none;
    margin: 0 0 1.2em 0;
    padding: 0;
}
ul.clips_liste_top li h3 {
    border-bottom: 1px solid #B5CEE3;
    color: #00294B;
    font-size: 1.4em; 
    font-weight: bold;
    line-height: 1em;
    margin: 0.5em 0;
}
ul.clips_liste_top li ul {
    margin: 0;
    padding: 0;
}
ul.clips_liste_top li ul li {
    background: url(../images/clip_puce.gif) no-repeat 0 0.3em;
    line-height: 1.2em;
    margin: 0 0 1em 0;
    padding: 0 0 0 10px;	
}

div.hdp {
    text-align: right;
}

div.MobileSiteInfo
{
	background-image:url('../images/ios.jpg');
	background-repeat:no-repeat;
	height:30px;
	background-position:left center;
	padding:0px;
	padding-left:36px;
	margin-left:10px;
	padding-top:12px;
}