/*

	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 10 fev 09

------------------------------------------------- */



@import url("reset.css"); /* Éric Meyer's Reset */



																						/* -- Styles générales -- */

* {margin: 0; padding: 0;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
	font-size:1.2em; /* 12px => Base font */
	line-height:1.4; /* line-height de base */
	font-family: 'Arial', Helvetica, Sans-Serif;
	color:#424242;
	background:#fff url(/img/fond.jpg) repeat-x left top;
}
a:link, a:visited {text-decoration:underline;color:#2274b7;} /* Liens de base */
a:hover, a:active {text-decoration:none;} /* Lien:hover de base */
a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p {margin:0 0 1em 0;}
ul, ol {margin:0 0 1em 0;padding-left: 2.5em;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
hr {margin:0 0 1em 0;padding:0;height:1px;border:0;border-top:1px solid #cccccc;}

#contenu ul.liste-partenaires li { display:block; margin-bottom:2em; clear:left; line-height:1.5; vertical-align:middle; border-bottom: 1px solid #CCC; /*background:url(../img/degrade-gris-partenaire.jpg) no-repeat 100% 100%;*/}
#contenu ul.liste-partenaires li a,
#contenu ul.liste-partenaires li span { display:block; width:200px; float:left; vertical-align:middle; text-align:center; vertical-align:middle; padding-bottom:0.8em;;}


h1, h2 {font-weight:bold;font-size:2em;margin-bottom:1em;line-height:1.2;}
h3 {font-weight:bold;font-size:1.2em;margin:1em 0;line-height:1.2;}
h2 {margin:0 0 .3em 0;}
#plugiciel { text-align: right; margin: 0 10px 0 0; font-size: 11px; }
#videos #plugiciel { margin-bottom: 20px; }
#liste-360 #plugiciel { margin: 20px 0; }

																						/* -- Wrap -- */

#page {
	margin:9px auto 0 auto;
	width:960px;
	background: url(/img/fond-entete.jpg) no-repeat center top;
}

#fancy_inner { display: none; }

body#accueil #nav-accueil a,
body#a-propos #nav-apropos a {
	background-position:  0 -28px;
}

																						/* -- Entete -- */


#entete {
	width:960px;
	position:relative;
}
#entete #logo {
	margin:0 auto;
	height:134px;
	width:320px;
	display:block;
	padding-top: 12px;
}
#entete #logo span {display:none;}
#entete ul {
	padding:0;
	font-size:.8em;
	position:absolute;
	top:-12px;
	right:0;
}

#entete ul li {
	float:left;
	margin:0 1px;
}

#entete ul li a {
	float:left;
	/*display:block;*/
	line-height:20px;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	height:20px;
	width: 88px;
	text-decoration:none;
	color:#ececec;
	padding:4px 0 4px;
	position: relative;
	background: transparent url('/img/bt-navigation-sprite.png') no-repeat 0 0;
}

#entete ul li a sup {
	position: absolute;
	top: 10px;
	margin-left: 1px;
	font-size: 8px;
}

#entete ul li.actif a { background-position: 0 -28px; }

#entete ul li a:hover { background-position: 0 -28px; }
#entete ul li#english a { background-position: 0 -56px; }
#entete ul li#apropos a { background-position: 0 -56px; }

/*#entete ul li a:link, #entete ul li a:visited {
	float:left;
	/*display:block;
	line-height:24px;
	height:24px;
	background: url(/img/menu-top-gauche.gif) no-repeat left center;
	text-decoration:none;
	color:#bfbfbf;
	padding:5px 0 5px 7px;
}

#entete ul li a:link span, #entete ul li a:visited span {
	padding:0 21px 0 14px;
	background: url(/img/menu-top-droite.gif) no-repeat right center;
	display:block;
	float:left;
}

#entete ul li a:hover, #entete ul li a:active {
	background: url(/img/menu-top-gauche-h.gif) no-repeat left center;
	color:#fff;
	text-decoration:underline;
}

#entete ul li a:hover span, #entete ul li a:active span {
	background: url(/img/menu-top-droite-h.gif) no-repeat right center;
}*/


																				/* -- Contenu-secondaire -- */

#contenu-secondaire dl {
	position:relative;
	z-index:1;
	font-weight:bold;
	margin-bottom:17px;
	background: #d03835;
}

#contenu-secondaire dl dt {
	color:#fff;
	background: url(/img/fond-degrade-rouge.gif) repeat-x left bottom;
	height: 1%;
}

#contenu-secondaire dl dt span {
	display: block;
	padding:5px 15px;
}

#contenu-secondaire dl.deroulant dt span {
	background:url(/img/fleche-rouge.gif) no-repeat 169px 6px;
}

#contenu-secondaire dt a:link, #contenu-secondaire dt a:visited {
	color:#fff;
	text-decoration:none;
}

#contenu-secondaire dd {
	position:relative;
}
	
#contenu-secondaire dl dd a:link, #contenu-secondaire dl dd a:visited {
	padding:5px 15px;
	display:block;
	color:#fff;
	text-decoration:none;
	width:164px;
	line-height:1.2;
}
 
#contenu-secondaire dl.deroulant dd a:link, #contenu-secondaire dl.deroulant dd a:visited {
	color:#424242;
	background:#dfdfdf url(/img/fond-degrade-gris3.gif) repeat-x left bottom;
}

#contenu-secondaire dd a.premier:link, #contenu-secondaire dd a.premier:visited {
	font-size:1.3em;
	padding:10px 15px;
}

#contenu-secondaire dd a:hover, #contenu-secondaire dd a:active,
#contenu-secondaire dt a:hover, #contenu-secondaire dt a:active {
	color:#424242;
}

/*-- sous-menu --*/

#contenu-secondaire dl dd ul {
	display:none;
	padding:0;
	margin:0;
	position:absolute;
	left:194px;
	top:0;
	height: 1%;
}

#contenu-secondaire dl dd ul {
}

#contenu-secondaire dl dd ul li a:hover {
	text-decoration: underline !important;
}

#contenu-secondaire dl dd a.hover,
#contenu-secondaire dl dd ul a,
#contenu-secondaire dl dt ul a {
	color:#424242!important;
	background:#dfdfdf url(/img/fond-degrade-gris3.gif) repeat-x left bottom;
}

#contenu-secondaire dl dd.important a:link, #contenu-secondaire dl dd.important a:visited,
#contenu-secondaire dl dt.important a:link, #contenu-secondaire dl dt.important a:visited {
	color:#fff;
	background:#d03835 url(/img/fond-degrade-rouge.gif) repeat-x left bottom;
	border-top:1px solid #fff;
}

#contenu-secondaire dl dd.important a:hover, #contenu-secondaire dl dd.important a:active,
#contenu-secondaire dl dt.important a:hover, #contenu-secondaire dl dt.important a:active {
	color:#424242;
	background:#dfdfdf url(/img/fond-degrade-gris3.gif) repeat-x left bottom!important;
}

/*#contenu-secondaire dl dd.actif ul li.actif a:link, dl dd.actif ul li.actif a:visited {
	color:#fff;
	background:#d03835 url(/img/fond-degrade-rouge.gif) repeat-x left bottom;
}*/

#contenu-secondaire .articles-recents {
	background: #f4f4f4 url(/img/fond-degrade-gris2.gif) repeat-x left 31px;
	padding-bottom:5px;
	margin-bottom: 10px;
}

#contenu-secondaire .articles-recents h6 a:link, #contenu-secondaire .articles-recents h6 a:visited {
/*	background: url(/img/rss.gif) no-repeat 166px 7px;*/
	background: transparent url('/img/ico-articles-recents.png') no-repeat 170px center;
	color:#424242;
	display:block;
	height:31px;
	line-height:31px;
	padding-left:17px;
	font-size:1.1em;
	margin-bottom:.8em;
	text-decoration:none;
}

#contenu-secondaire .articles-recents p {
	padding:0 17px;
}

#contenu-secondaire a#facebook {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: #f4f4f4 url('/img/bg-sidebar-box.png') repeat-x bottom left;
	padding: 7px 0;
	margin-bottom: 5px;
}

#contenu-secondaire a#facebook span {
	display: block;
	background: transparent url('/img/ico-fb.png') no-repeat 5px 0;
	padding: 0 0 0 30px;
	line-height: 20px;
}

#contenu-secondaire a#blogue {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: #f4f4f4 url('/img/bg-sidebar-box.png') repeat-x bottom left;
	padding: 7px 0 10px 12px;
	margin-bottom: 7px;
}

#applications-mobiles { padding: 10px; margin-bottom: 10px; }
#applications-mobiles > div {
	background: transparent url('/img/appareils-mobiles.png') no-repeat 0 -5px;
	font-size: 1em;
	padding: 0 0 10px 60px;
}

#contenu-secondaire #a-propos h6 a,
#contenu-secondaire #serie-articles h6 a {
	background: transparent url('/img/ico-fb.png') no-repeat 17px center;
	color:#424242;
	display:block;
	height:31px;
	line-height:31px;
	font-size:0.9em;
	margin-bottom:.8em;
	padding-left: 40px;
	text-decoration:none;
}

#a-propos > div,
#serie-articles > div,
#patrimoine > div {
	padding: 0px 10px 20px;
/*	background: transparent url(/img/fond-degrade-gris2.gif) repeat-x left 31px;*/
}

#a-propos > div > p {
	font-family: Georgia,Times, sans-serif;
	font-size: 1.1em;
	font-style: italic;
}

a#irepi,
a#ipir,
a#sepcaf {
	color: #2274B7;
	font-size: 1.1em;
	font-family: Georgia, Times, sans-serif;
	font-style: italic;
	display: block;
	text-decoration: none;
	background: #f4f4f4 url('/img/bg-sidebar-box.png') repeat-x bottom left;
	padding: 7px 0 15px 12px;
	margin-bottom: 7px;
}

a#irepi:hover,
a#ipir:hover,
a#sepcaf:hover { text-decoration: underline; }

a#irepi span,
a#ipir span,
a#sepcaf span {
	padding-bottom: 15px;
	display: block;
	background: transparent url('/img/ico-site-externe.png') no-repeat 150px bottom;
}

div.sidebar-box { background: #f4f4f4 url('/img/bg-sidebar-box.png') repeat-x bottom left; }

div.sidebar-box-share { background: #f4f4f4 repeat-x bottom left; margin-bottom: 10px; }
#contenu-secondaire a#facebook,
#contenu-secondaire .sidebar-box-share p {padding-left: 17px; }
#contenu-secondaire .sidebar-box-share h6 { background: #F4F4F4 url(/img/fond-degrade-gris2.gif) repeat-x 0 41px }
.addthis_toolbox .addthis_button_facebook_like { padding: 0; }
.addthis_toolbox .addthis_button_tweet,
.addthis_toolbox .addthis_button_google_plusone { padding-bottom: 4px; }


#contenu-secondaire .patrimoine {
	color:#424242;
	display:block;
	height:31px;
	line-height:31px;
	padding-left:17px;
	font-size:1.1em;
	margin-bottom:.8em;
	text-decoration:none;
}


																						/* -- Contenu -- */

#contenu {
	background: #fff url(/img/fond-contenu-top.gif) no-repeat center top;
	padding: 25px 10px 30px 15px;
}
.en #contenu {height:350px;}
#contenu-principal {width:710px;float:left;margin:0 10px 0 20px;}
#contenu-secondaire {width:194px;float:left;}
#contenu-terciaire {width:202px;float:left;}

#en-vedette {
	border: 2px solid #d2d2d2;
	padding: 15px 15px 35px;
	border-bottom: none;
	position: relative;
}

#en-vedette div.left {
	float: left;
	width: 370px;
/*	padding-top: 15px;*/
}

#en-vedette div.left span.ecrit-par span { font-weight: bold; color: #404040; }
#en-vedette div.left h2 { 
	font-size: 1.4em; 
	margin: 0 0 2px;
}
#en-vedette div.left p { color: #404040; font-size: 1.1em; margin: 0 0 0.5em 0; }

#en-vedette #lire { margin-top: 5px; }
#en-vedette #lire a { float: right; }
#en-vedette #lire #lire-suite { float: left; }

#en-vedette + #grey-shadow { margin-bottom: 20px; }

#contenu-principal #tous-les-articles {
	color: #fff;
	font-size: 1em;
	background: transparent url('/img/bg-tous-les-articles.png') repeat-x 0 0;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
	width: 100%;
	position: absolute;
	padding: 4px 0;
	bottom: 0;
	left: 0;
}
#contenu-principal #tous-les-articles:hover { background-position: 0 -28px; }

#grey-shadow { background: transparent url('/img/bg-bottom-en-vedette.png') repeat-x 0 0; width: 100%; height: 6px;}


#medias {
	float: right;
	width: 710px;
	margin-top: 30px;
}
	#medias .media:first-child { margin: 0 0 15px 0; }

	#medias .media {
		float: left;
		width: 214px;
		height: 250px;
		margin: 0 0 15px 32px;
		position: relative;
	}
	
	#medias .media a.toutes {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
		#medias .media .viewer { text-align: center; position: relative; }
			.media .viewer + p { display: block; width: 214px; height: 34px; overflow: hidden; }
			.media .viewer a { display: block; width: 214px; height: 142px; overflow: hidden; }
			.media .viewer span {
				display: block; 
				height: 40px; 
				width: 40px; 
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -20px 0 0 -20px;
			}
			.media .viewer span.image     { background: transparent url('/img/ico-image.png') no-repeat 0 0; }
			.media .viewer span.video     { background: transparent url('/img/ico-video.png') no-repeat 0 0; }
			.media .viewer span.chanson   { background: transparent url('/img/ico-chanson.png') no-repeat 0 0; }
			.media .viewer span.image-360 { 
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -28.5px 0 0 -27px;
				width: 57px; 
				height: 54px;
				background: transparent url('/img/ico-image360.png') no-repeat 0 0; 
			}
			.media .viewer span.video-360 { 
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -28.5px 0 0 -27px;
				width: 57px; 
				height: 54px; 
				background: transparent url('/img/ico-video360.png') no-repeat 0 0;
			}
			
			a.objet360 span.video-360 {
			 	position: absolute;
				top: 50%;
				left: 50%;
				margin: -28.5px 0 0 -27px !important;
				width: 57px; 
				height: 54px; 
				background: transparent url('/img/ico-video360.png') no-repeat 0 0;
			}

		#medias .media p { 
			color: #404040; 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			margin: 5px 0 0;
		}

		#medias .media a {
			font-size: 1em;
			text-decoration: underline;
		}

		#medias .media a.toutes {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			display: block;
			padding: 5px 0 13px;
			background: transparent url('/img/btn-repeat-blue.png') repeat-x 0 0;
		}
		#medias .media a.toutes:hover { text-decoration: underline; }
		
#utilitaires {
	border-top: 2px solid #d2d2d2;
	margin-top: 30px;
	padding: 20px 0 0 20px;
}

	#utilitaires .utilitaire {
		float: left;
		margin-right: 15px;
		padding: 15px 0;
		width: 185px;
	}
	
	#utilitaires #series-articles { margin: 0 80px 0 20px; }
	
		#utilitaires .utilitaire strong {
			font-size: 1.3em;
			display: block;
			margin-bottom: 13px;
		}
		
		#utilitaires .utilitaire ul {
			margin: 0;
			padding: 0;
		}

/*-- Recherche --*/
#recherche {width:194px;margin:0 0 17px 0;}
#recherche input {float:left;width:144px;height:22px;font-weight:bold;color:#424242;padding:6px 0 0 15px;margin:0;font-size:1.1em;}
#recherche #champ_texte {
	border: 1px solid #f9f9f9;
	border-right: none;
	background: #f4f4f4;
}
#recherche #champ_texte:focus { border: 1px solid #c3c3c3; border-right: none; }
#recherche a#recherche-avancee {
	color: #2071bc;
	
	background: none;
}
/*#recherche input.couleurValeurParDefault {background:#f4f4f4;border:1px solid #f4f4f4!important;}*/
#recherche button {float:right;width:32px;height:30px;display:block;cursor:pointer;background: url(/img/bouton-recherche.gif) no-repeat center center;border:none;text-indent:-9999px;}

#recherche a:link, #recherche a:visited {
	background:#F4F4F4 url(/img/fond-degrade-gris2.gif) repeat-x left top;
	margin:0;
	color:#424242;
	font-size:.8em;
	font-weight:normal;
	display:block;
	padding:5px 5px 5px 18px;
	float:left;
	width:171px;
	text-decoration:none;
}

#recherche a:hover, #recherche a:active, #recherche a.actif:link, #recherche a.actif:visited {
	background:#dfdfdf url(/img/fond-degrade-gris4.gif) repeat-x left top;
}

#recherche div {
	background:#F4F4F4;
	float:left;
	font-size:.8em;
	padding:10px 10px 5px 20px;
	width:164px;
}

#recherche div ul {
	margin:0;
	padding:0;
}

#recherche div input {
	height:auto;
	padding:0;
	width:auto;	
}

#recherche div label {
	float:none;
}

/*-- Menu --*/
#menu {font-weight:bold;padding:0;margin:0 0 16px 0;font-size:1.1em;width:194px;}
#menu li {float:left;}
#menu li a:link, #menu li a:visited {float:left;display:block;width:177px;height:22px;background: #f4f4f4 url(/img/fond-degrade-gris.gif) repeat-x left bottom;color:#424242;text-decoration:none;padding-left:17px;line-height:22px;}
#menu li a:hover, #menu li a:active, #menu li.actif a:link, #menu li.actif a:visited {color:#424242;background:#dfdfdf url(/img/fond-degrade-gris3.gif) repeat-x left bottom;}

/*-- Formulaire de localisation --*/
#localisation_articles {
	background: #f4f4f4;
	padding:7px 12px 4px 10px;
	margin: 0.5em 0;
}
#localisation_articles #categories {float:left;width:206px;color:#404040;}
#localisation_articles #articles {float:right;width:427px;color:#404040;}

/*-- Google Map --*/
#contenu #carte-google { 
	padding: 0; 
	border: 2px solid #d9d9d9;
}

#carte {
	height: 277px;
/*	margin: 0 0 1em;*/
}

#gmap {
	width: 706px;
	height: 277px;
	overflow: hidden;
}

/* LISTE DES 360 */
ul#liste-des-360 > li { margin-bottom: 15px; }

ul#liste-des-360 > li > a {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	background-color: #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 5px;
	position: relative;
}
/*ul#liste-des-360 > li > a.active { background-color: #999;}*/
/*ul#liste-des-360 > li > a:hover { background-color: #999; }*/

.videos-supplementaires {
	background-color: #f9f9f9;
}

.videos-supplementaires { display: none; }
ul#liste-des-360 > li > a span {
	position: absolute;
	top: 5px;
	right: 10px;
}

ul#liste-des-360 ul { padding-left: 0; }

ul#liste-des-360 ul.trois-colonnes > li.clearfix {
/*	background-color: #f9f9f9;*/
	float: left;
	width: 205px;
	margin: 0 0 10px 11px;
	padding: 5px;
}
ul#liste-des-360 div.sub-360 > div:first-child { margin-left: 0; }

ul#liste-des-360 div.sub-360 > div h2 {
	color: #333;
	font-size: 15px;
	position: relative;
}

ul#liste-des-360 div.sub-360 > div h3 {
	font-size: 13px;
	margin: 10px 0 0 0;
}

ul#liste-des-360 div.sub-360 > div h3 + ul {
	margin: 0 0 0 10px;
	padding: 0;
}

ul#liste-des-360 div.sub-360 ul.clearfix + a.voir-plus {
	display: inline-block;
	margin-bottom: 15px;
}



/* ------------------------------------------------------------------------
	Photos dans le texte
------------------------------------------------------------------------ */
	
div.thumb {
	margin: 0 0 5px 0;
}
div.thumb.tright {
	float: right;
	margin: 5px 0 1em 20px;
}
div.thumb.tleft {
	float: left;
	margin: 5px 20px 1em 0;
}
div.thumb.tleft div.thumbinner, div.thumb.tright div.thumbinner {
	overflow: hidden;
}
div.thumbinner {
	padding:3px;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
}

div.thumbinner div.caption {
	text-align:left;
	font-size:.8em;
	position:relative;
}

div.thumbinner div p {
	padding-right:15px;
}

div.thumbinner div a {
	position:absolute;
	display:block;
	top:0;
	right:0;
	text-indent:-9999px;
	width:15px;
	height:11px;
	background:url(/img/magnify-clip.png) no-repeat center center;
}




div .thumbimage {
	border: 1px solid #ccc;
	margin:0 0 3px 0;
}
div.thumbcaption {
	text-align: left;
	font-size: 0.75em;
}
div.magnify {
	float: right;
}
div.magnify a, div.magnify img {
	display: block;
	border: none;
	background: none;
}

/* Article */
.page-Accueil #article {
	padding-bottom:0;
	background:none;
}

.page-Accueil #bas {
	display:none;
}

#articles ul.video li .left,
#articles ul.video li a.fancyvideo {
  float: left;
}

#articles ul.video li .left {
  width: 500px;
  margin-left: 20px;
}

#articles ul.video li .left span {
  font-weight: bold;
  display: block;
}

#articles h2 span.documents-complementaires {
	color: #2274B7;
	font-weight: bold;
}

#article ul#articles-similaires li img {
	float: left;
	margin-right: 10px;
}
#article ul#articles-similaires li div.image {
	float: left;
	width: 16%;
	overflow:hidden;
}
#article ul#articles-similaires li div.left {
	float: left;
	width: 82%;
}

#article ul#articles-similaires li div.left p { margin-top: 10px; }

#article .pagination {
	padding: 10px 0 15px;
	margin: 10px 0 20px;
	border-bottom: 1px solid #f6f6f6;
	border-top: 1px solid #f6f6f6;
}

#article .pagination .article-precedent,
#article .pagination .article-suivant {
	font-size: 12px;
	width: 140px;
	position: relative;
	top: 5px;
}

#article .bordureGrise .pagination .article-precedent,
#article .bordureGrise .pagination .article-suivant {
	width: 130px;
}

#article .pagination .article-precedent {
	float: left;
}

#article .pagination form {
	float: left;
	width: 430px;
	text-align: center;
}

#article .pagination form span {
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-align: center;
}

#article .pagination form select {
	font-size: 10px;
	width: 365px;
}

#article .pagination .article-suivant {
	float: right;
	text-align: right;
}

#page p.retour_bas {
	height: 1%;
	text-align: right;
	width: 200px;
	margin-bottom: 0;
	float: left;
	margin-right: 10px;
}

#page p.retour {
	position: absolute;
	bottom: 7px;
	right: 18px;
	width: 200px;
	margin-bottom: 0;
}

#page p.retour a, #page p.retour_bas a {
	color: #898989;
	font-weight: bold;
	text-decoration: none;
	background: url("/img/fleche-droite-grise.gif") no-repeat 0 50%;
	padding-left: 18px;
}

#page p.retour a:hover, #page p.retour_bas a:hover {
	color: #666;
}

#recherche_avancee h2 {
	margin:0;
	padding:0 0 6px 0;
	font-size:1.2em;
	color:#404040;
	border-bottom:1px solid #c4c3c3;
	background:none;
	font-weight:bold;
	font-style:normal;
}

#rech_mot_cles {
	padding:30px;
	clear:both;
	background:url(/img/fond-degrade-recherche.gif) 0 0 repeat-x;
}

#rech_mot_cles h2 {
	border:0;
}

#rech_mot_cles form {
	width:100%;
	overflow:hidden;
}

#rech_autres {
	padding:30px;
	clear:both;
	background:url(/img/fond-degrade-recherche.gif) 0 0 repeat-x;
}

.tri {
	margin:0 0 15px 0;
	padding:0;
	width:100%;
	overflow:hidden;
}

.tri ul {
	margin:0;
	padding:0;
}

.tri ul li {
	margin:2px 15px 0 0;
	padding:0;
	list-style:none;
	float:left;
	background:none;
}

#article h1 {
	margin:0 0 20px 0;
	padding:0;
	font-size:2em;
	font-weight:bold;
	text-align:left;
}
#article ul + h2,
#article p + h2,
#article a + h2 { color: #2274B7; font-weight: bold; }
#article h2 {
	margin:15px 0 8px 0;
	padding:5px;
	color:#ac0000;
	font-size:1.5em;
	font-weight:normal;
	background:#f4f4f4;
	text-align:left;
}

#article h2 a:link, #article h2 a:visited {
	font-size:.8em;
	color:#2274B7;
	font-weight:normal;
}

#article h3 {
	margin:15px 0 10px 0;
	clear:both;
	font-size:1.7em;
	font-weight:normal;
	font-style:italic;
	text-align:left;
}
#article h4 {
	margin:15px 0 10px 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	text-align:left;
}
#article h5 {
	margin:15px 0 10px 0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #666666;
	text-align:left;
}
#article h6 {
	margin:15px 0 10px 0;
	padding:0;
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	text-align:left;
}
#page #article a[name=Hyperliens] + h6 {
  margin-bottom: 10px;
}

#page #article h6 {
	font-size: 1.3em;
	margin: 20px 0 20px 7px;
}

#page #article ul.trois-colonnes li h6 { margin: 5px 0 5px 7px !important; }
#page #article .vignettes-horizontal li a img { margin-bottom: 0; }

/* SKII LIGHTBOX {{{ */
/**
 * @file        lightbox.css
 * @version     0.1
 * @author      Charles Demers - @charles_demers
 */

#skii-lightbox-overlay {
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#skii-lightbox-container {
	position:absolute;
	z-index:10001;
	top:0;
	left:0;
	width:100px;
	height:100px;
}
#skii-lightbox-button-close {
	position:absolute;
	z-index:10002;
	top:-15px;
	width:30px;
	height:30px;
	background:url("/js/skii/lightbox/images/button-close.png") no-repeat;
}
#skii-lightbox-button-close.right { right: -15px; }
#skii-lightbox-button-close.left { left: -15px; }
#skii-lightbox-button-close:hover { background-position: 0 -30px; }
#skii-lightbox-content { position: absolute; }
/* }}} */

#article ol {
	margin:10px 0 0 0;
	padding:0 0 0 23px;
}

#article dl {
	margin:1em 0 1em 3em;
}
#article ul {
	margin:10px 0 0 3px;
	padding:0;
}
#article ul li {
	padding:0;
	list-style:none;
}

#article li {
	margin:0 0 10px 0;
}


#article .tri ul li a {
	display:block;
	padding:3px 10px 3px 10px;
	color:#404040;
	font-weight:bold;
	text-decoration:none;
	background:#f4f4f4;
}

#article .tri ul li a:hover, 
#article .tri ul li a.actif {
	color:#2a5c95;
	background:#fff;
}

.resultats .colonne {
	float:left;
	width:270px;
	margin-right:10px;
}

/*-- Articles --*/
/* ------------------------------------------------------------------------
	Sommaire de la page (Table Of Content)
------------------------------------------------------------------------ */
#sommaire,
#toc,
.toc {
	margin:0 0 10px 0;
	clear:both;
	border: 1px solid #cccccc;
	background-color: #f4f4f4;
	width:100%;
}
#sommaire {
	padding:10px;
}
#toc td, #toc th,
.toc td, .toc th {
	border:none;
}
#sommaire h2,
#toc h2,
.toc h2 {
	float:left;
	margin:0;
	padding:0;
	color:#2d2d2d;
	font-size:1em;
	font-weight: bold;
	font-style:normal;
	background:none;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size:0.9em;
	float:right;
}
.tocnumber {
	display:none;
}
#toctitle {
	width:100%;
	overflow:hidden;
}

/* Ne pas afficher les ancres dans la page "Image" */
ul#filetoc { display:none; }

#sommaire ul,
#toc ul,
.toc ul {
	padding-left:2.5em;
}

/*-- Partenaires --*/
/* ------------------------------------------------------------------------
	Partenaires
------------------------------------------------------------------------ */

#partenaires table {
	margin-bottom:2em;
}

#partenaires table td, #partenaires table th {
	vertical-align:middle;
	padding:15px 7px;
	text-align:center;	
}

#partenaires table td.gauche {
	text-align:left;
}


#consignes-auteurs .wikitable {
	margin:0 auto;
	width:150px;
	text-align:left;
}

#consignes-auteurs .bibilographie td {
	border:1px solid #000;
	padding:5px;
}

																						/* -- Pied -- */

#pied { 
  position: relative;
	color: #fff;
	width: 880px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	background: #5c5c5c url(/img/fond-pied.gif) repeat-x left top;
	height: 95px;
	padding: 22px 27px 0;
}
#pied .left { float: left; }
#pied p {
/*	float:left;*/
	font-size:.8em;
}
#pied #footer-note {
  font-size: 11px;
  margin-bottom: 10px;
  width: 290px;
}
#pied #logos { float: right; }
#pied #logos a { text-decoration: none; }
#pied #logos a:first-child {
  position: relative;
  top: -20px;
  margin-right: 15px;
}
#pied ul {
/*	float:left;*/
	padding: 0;
	margin: 0;
}
#pied ul li {
	background: transparent url('/img/ico-list-bullet.png') no-repeat center left;
	padding-left: 8px;
	margin-bottom: 3px;
}
#pied ul li a { font-size: 0.9em; }

#pied a { color: #fff; }
#pied #suivez-nous {
	font-weight: bold;
	position: relative;
	float: right;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}
	#pied #suivez-nous img {
		position: relative;
		top: 10px;
		margin-left: 5px;
	}

/*#pied #patrimoine-canadien {margin-top:45px;}*/

																						/* -- Accueil -- */

/*#accueil #contenu-principal {width:496px;}*/

#accueil #introduction {display:block;width:658px; height:68px; background: url(/img/introduction.gif) no-repeat center center; font-size:1.2em;line-height:1.1;padding:15px 40px 0 20px;margin:0 0 1.5em 218px;}
.en #introduction {margin:0 auto 1.5em auto!important;}
#accueil #introduction img {float: left; padding-right: 15px;}

#accueil .resume {padding:0 14px 15px 14px;border:2px solid #a6a6a6;}
#accueil .resume h1, #accueil .resume h2, #accueil .resume p, #accueil .resume ul {padding-left:4px;}
#accueil .resume h1 {line-height:29px;font-size:1.2em;margin-bottom:0;}
#accueil .resume img {border:2px solid #a6a6a6;margin-bottom:22px;margin:0 auto 15px auto;display:block;}
#accueil .resume h2 {font-size:1.5em;margin-top:-.7em;}
#accueil .resume ul li {display:inline;margin-right:33px;}

#accueil .vedette {padding: 17px;}
#accueil .vedette h3 {font-size:1.5em;}

#accueil .block {
	text-decoration:none;
	min-height:140px;
	height:auto !important;
	height:140px;
	display:block;
	background: url(/img/fond-block2.gif) repeat-x left top;
	margin-bottom:5px;
	text-align:center;
}

#accueil .block span {
	background:#dfdfdf url(/img/fond-degrade-gris3.gif) repeat-x left bottom;
	text-align:left;
	line-height:28px;
	color:#424242;
	padding-left:12px;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	height:27px;
	margin-bottom:14px;
}

#accueil .block p {
	padding:0 18px;
	text-align:left;
}

#accueil .block:hover span, #accueil .block:active span {color:#6F6F6F;}

#accueil #jeux {
    border: 3px solid #73b4ef;
    padding: 15px 15px 0 15px;
    margin-top: 30px;
    text-align: center;
}
#accueil #jeux strong {
    font-size: 1.3em;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}
#accueil #jeux .jeu {
    float: left;
    width: 223px;
    height: 150px;
}

#accueil #jeux .jeu p {
    padding-top: 8px;
}

#accueil #jeux .jeu a {
    text-decoration: none;
    font-weight: bold;
    color: #424242;
}
#accueil #jeux .jeu a:hover {
       text-decoration: underline;
}


																						/* -- Formulaires -- */

form ul {list-style:none;}
form ul li {width:100%;margin-bottom:5px;}
form ul li label, form ul li span {line-height:16px;text-align:right;width:200px;float:left;margin-right:10px;}
form ul li span {}
form ul li input, form ul li select, form ul li textarea {display:block;float:left;margin-right:10px;}

/* Choix -------------------------*/

form ul.choix {padding:0;float:left;margin:0;}
form ul.choix li input {float:left;margin:3px 5px 0 0;}
form ul.choix li label {text-align:left;width:auto;}

/* Erreurs -----------------------*/

input.erreur, select.erreur, textarea.erreur {border:1px dotted #CF2200;}
label.erreur {color:#CF2200;margin:0;width:auto!important;text-align:left;}


																						/* -- Class -- */

.vignettes-horizontal li p.articles-associes {
	float:left;
	font-size:.9em;
/*	padding-left:8px;*/
	margin-left:0;
	text-align:left;
}

.retour h1 {
	float:left;
	width:525px;
}

.retour a:link, .retour a:visited {
	float:right;
	background: url(/img/fleche-droite-grise.gif) no-repeat left center;
	padding-left:18px;
}


.vignettes-horizontal {
	background: url(/img/borders.png) no-repeat left bottom;
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;
}


ul#liste-des-360 > .vignettes-horizontal {
	border-bottom: 1px solid #444;
}
ul#liste-des-360 .vignettes-horizontal .videos li {
	text-align: left;
	border-bottom: none;
}
ul#liste-des-360 .vignettes-horizontal .videos li a {
	float: none;
}

ul ul.videos {
	padding: 0;
	margin: 5px 0;
}

p#tooltip-i {
	position: absolute;
	color: #333;
	z-index: 3000;
	background: #F2F7FA;
	padding: 10px 25px 10px;
	width: 437px;
	border: 1px solid #e6e6e6;
	font-size: 90%;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.vignettes-horizontal > li {
	float:left;
	background:none;
	width:150px;
	text-align: center;
	padding:0!important;
	margin:0 17px 0 0!important;
}

ul.trois-colonnes > li {
	width: 215px;
/*	border-bottom: 1px solid #999;*/
}

ul.trois-colonnes > li h6 { text-align: left; }

/*ul.trois-colonnes > li:hover { background-color: #f9f9f9; }*/

.vignettes-horizontal li a:link, 
.vignettes-horizontal li a:visited {
	float:left;
	text-decoration:none;
	position: relative;
}
#articles #page .vignettes-horizontal li a:link, 
#articles #page .vignettes-horizontal li a:visited {
	float: none;
	display: block;
}
#articles #page span.image-360 { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -28.5px 0 0 -27px !important;
	width: 57px; 
	height: 54px;
	background: transparent url('/img/ico-image360.png') no-repeat 0 0; 
}
#articles #media span.video-360 { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -28.5px 0 0 -27px !important;
	width: 57px; 
	height: 54px; 
	background: transparent url('/img/ico-video360.png') no-repeat 0 0;
}

.lien-video{
	
}
.vignettes-horizontal li a:link h6, 
.vignettes-horizontal li a:visited h6 {
	text-align: left;
}

.vignettes-horizontal li a:hover span, .vignettes-horizontal li a:active span {
	text-decoration:underline;
}

.vignettes-horizontal li a img {
	margin-bottom:1.5em;	
}

.vignettes-horizontal li a div {
	display: block;
	width: 152px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 10px;
}

.vignettes-horizontal li a span {
	margin:0!important;
	font-size:.9em!important;
	color:#2274B7!important;
	text-align:left;
	padding:0 8px;
	display:block;
}

.vignettes-vertical {
	margin:0!important;
	padding:0!important;
}

.vignettes-vertical li {
	background:none!important;
	padding:0!important;
	margin:0 0 3.5em 0!important;
}

.vignettes-vertical li a:link, .vignettes-vertical li a:visited {
	text-decoration:none;
}

.vignettes-vertical li a:hover span, .vignettes-vertical li a:active span {
	text-decoration:underline;
}

.vignettes-vertical li a img {
	margin:0;
	float:left;
	width:150px;
}

.vignettes-vertical li a span {
	margin:0 0 .5em 165px!important;
	font-size:1em!important;
	color:#2274B7!important;
	display:block;
}

.vignettes-vertical li a .col1 {float:left; width:165px; height:100px;}
.vignettes-vertical li a .col2 {float:left; width:520px;}
.vignettes-vertical li a .col1 span {margin-left:0!important;}

.vignettes-vertical li a p {
	margin-left:165px;
	color:#000;
}
.vignettes-vertical li a ins {
	display:block;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
	margin-left:165px;
	color:#000;
}

.vignettes-vertical li p.articles-associes {
	margin-left:165px;
}

#contenu .liste-boite-grise {border:2px solid #d9d9d9;padding:10px 0 13px 20px;background: #f4f4f4;}
#contenu .liste-boite-grise li {padding-left:13px;margin-bottom:5px;}
#contenu .liste-boite-grise li.sous-titre { font-weight: bold; margin-top: 10px; }
#contenu .liste-boite-grise li.sous-titre:first-child { margin-top: 0px; }

#contenu .liste-boite-grise li.titre h3 {
	border-top:1px solid #D9D9D9;
	padding-top:1em;
	width:620px;
	margin: 1em 0 0;
}
#contenu .liste-boite-grise li.sous-titre > a {background: none;padding:0;margin-bottom:6px;margin-top:1em;font-weight:bold;}

.onglets {margin:0;padding:0;font-weight:bold;background: #f4f4f4;}
.onglets li {float:left;position:relative; background:url(../img/fleche-menu.gif) 7px 11px no-repeat;}
.onglets li a:link, .onglets li a:visited {float:left;display:block;height:30px;line-height:30px;text-decoration:none;color:#404040;padding:0 18px;}
.onglets li a:hover, .onglets li a:active {text-decoration:underline;}
.onglets li.active a:link, .onglets li.active a:visited {background: #696969;color:#fff;}

.onglets li ul {
	background:#F4F4F4;
	margin:0;
	padding:0;
	position:absolute;
	left:0; top:30px;
	width:175px;
	display:none;
}

/*.onglets li:hover ul {
	display:block;
}*/

.onglets li ul li {
	float:left;
}

.onglets li ul li a:link, .onglets li ul li a:visited {
	float:left;
}


.grand-texte {font-size:1.1em;}

.details {padding-left:16px;}

.retour-haut {text-align:right;}

.float-left {
	float:left;
}

.plugiciels {
	float:right;
	font-size:.6em!important;
	position:relative;
	top:10px;
}

.bordureGrise {
	border-left: 3px solid #E7DBC1;
	padding-left: 10px;
}

.pagination {
	font-size: 1.5em;
	margin:0 auto;
	padding: 1em 0; }

.pagination li {
	background: #EFE0C3;
	border:1px solid #BEAF90;
	color: #AC0000;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 5px 0 0!important; 
	padding: 5px 10px!important; }

.pagination li a:link, .pagination li a:visited {
	display: block;
	float: left;
	font-weight: normal;
	text-decoration: none; }

.videoz li a img {
	display:block;
	float:left;
	padding-right:15px;
	width:165px;
/*	height:100%;*/
}
.videoz li div {
	display:block;
	float:left;
	width:510px;
}
.videoz li a ins,
.videoz li a span {
	margin-left:0!important;
}
#serie-articles p
 {
    text-align: center;
    font-style: italic;
}
#patrimoine p {
    text-align: center;
    font-weight: bold;
    font-size: 0.95em;
}
#serie-articles h6,
#patrimoine {
    padding-top: 8px;
}
#serie-articles h7 a {
    padding-top: 10px;
} 

#serie-articles,
#patrimoine { 
    background: #f4f4f4 url(/img/fond-degrade-gris2.gif) repeat-x left 31px;
    margin-bottom: 10px;
}
#serie-articles > div,
#patrimoine > div  {
    padding-bottom: 25px;
}

/* -- Clearfix -- */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }
/* -------------------------*/
.tooltip { display: block; }
#gmap .tooltip {
	background: #fff;
	padding: 2px 4px;
	border: 1px solid #514D49;
	font-size: 90%;
}




/* Tableau des sons */
#recherche-sons {
	font-size: 12px;
	padding: 0 0 10px;
}

#recherche-sons select,
#recherche-sons input {
	width: 150px;
}

#recherche-sons select#periode,
#recherche-sons select#categories {
  width: 200px;
}

#recherche-sons div.left {
	background: transparent url('/img/bg-table.png') repeat-x 0 0;
	float: left;
	display: block;
	position: relative;
	width: 209px;
	margin: 10px 0 0;
	padding: 5px 10px 35px 15px;
	border-right: 1px solid #fff;
}

#recherche-sons div.left button {
	position: absolute;
	bottom: 29px;
	right: 15px;
	width: 32px;
	height: 30px;
	display: block;
	cursor: pointer;
	background: url(/img/bouton-recherche.gif) no-repeat center center;
	border: none;
	text-indent: -9999px;
}

#recherche-sons span {
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 10px 5px 10px 0;
	position: relative;
	top: -6px;
}

#recherche-sons #mots-cles {
	padding: 3px 2px;
	border: 1px solid #cfcfcf;
}

table#tableau-sons {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.group:after,
div#resultats-recherche:after,
#articles ul.video li:after {
  content: "";
  display: block;
  clear: both; }

.group,
div#resultats-recherche,
#articles ul.video li {
  zoom: 1; }

div#resultats-recherche {
	margin: 0px 0 10px;
}

div#resultats-recherche p {
	font-size: 11px;
	float: left;
	margin-left: 20px;
}

div#resultats-recherche a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('/img/ico-search.png') no-repeat 0 0;
	padding-left: 25px;
	float: right;
	margin-right: 30px;
}

table#tableau-sons td,
table#tableau-sons th,
table#tableau-sons { border: 1px solid #c3c3c3; }

table#tableau-sons tbody th {
	color: #2274b7;
	background-color: #e5e5e5;
	font-size: 14px;
	padding: 7px 5px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #c3c3c3;
	position: relative;
	top: 1px;
}

table#tableau-sons th a {
	text-decoration: none;
}

table#tableau-sons td {
	text-align: center;
	padding: 3px 5px;
	vertical-align: middle;
}

table#tableau-sons tbody td {
	color: #424242;
	font-size: 11px;
}

table#tableau-sons td.play-icon a {
	background: transparent url('/img/ico-play.png') no-repeat 0 0;
	width: 18px;
	height: 19px;
	display: block; 
	text-decoration: none;
}

table#tableau-sons td.play-icon a:hover { background-position: 0 -19px; }

table#tableau-sons td a {
	font-weight: bold; 
	text-decoration: none; 
}

table#tableau-sons th#play-icon { width: 10px; }
table#tableau-sons th#titre { width: 180px; position: relative; }
	table#tableau-sons th#titre.actif { background-color: #d9d9d9; }
	table#tableau-sons th#artiste.actif { background-color: #d9d9d9; }
	table#tableau-sons th#periode.actif { background-color: #d9d9d9; }
	table#tableau-sons th#genre.actif { background-color: #d9d9d9; }
		table#tableau-sons th a span {
			border-left: 1px solid #afafaf;
			padding-left: 5px;
			position: absolute;
			right: 10px;
			-webkit-transform: scaleY(0.7);
			-moz-transform: scaleY(0.7);
			-ms-transform: scaleY(0.7);
			-o-transform: scaleY(0.7);
			transform: scaleY(0.7);
		}

table#tableau-sons th#artiste { width: 200px; }
table#tableau-sons th#periode { width: 110px; }
table#tableau-sons th#genre { width: 125px; }


/* Pagination */
#pagination-top {
	text-align: center;
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

/* Tooltip */
li.tip { position: relative; }
span.tooltip-ii {
	width: 300px;
	background-color: #f9f9f9;
	border: 1px solid #f3f3f3;
	position: absolute;
	top: 0;
	left: 181px;
	z-index: 10000;
}


/* Catégorie */
ul#categorie {
	
}

ul#categorie h3 + ul li.sous-titre ul {
	display: none;
	margin: 0 0 0 15px;
	padding: 0;
}

ul#categorie h3 + ul li.sous-titre ul li { padding-left: 0; }

/* Wrapper img */
#wrap-img {
	display: block;
	max-height: 250px;
	width: 285px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

#videos #page .vignettes-horizontal .clearfix .vignette{
	padding-left:33px;
}

#videos #page .vignettes-horizontal .clearfix h6{
	clear:both;
}

#articles #page .titre-media360 {
	font-size:1.1em;
}