@charset "UTF-8";
/*

Theme Name: La Vitrine
Description: Thème exclusif à La Vitrine Technologie-Éducation
Version: 3.3
Author: Martin Beaudin-Lecours

*/

/* VERSION FRANÇAISE */

#plan {
	list-style-type: none;
	padding:0;
}
#plan li ul {
	margin-top:5px;
}
.comparatif caption {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
.comparatif th#mp3, .comparatif th#m4a {
	color: #666666;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
.comparatif td {
	padding: 8px;
	font-size: 12px;
	background-color: #DBDCE4;
}
.comparatif th {
	font-size: 12px;
	padding: 8px;
	background-color: #FEF0C1;
}
#lien-evitement {
	display:none;
}
.facebook-badge {
	margin-top:50px;
}
/* Spécifique à Réseau-TIC */

.reseau-tic {
	display:block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.reseau-tic #haut, .reseau-tic #bas {
	width: 610px;
	display:block;
	padding-bottom:5px;
}
.reseau-tic #bas {
	font-size:10px;
	float:left;
}
.reseau-tic #haut #lecteur {
	width: 320px;
	float: left;
	margin-top:15px;
	padding:0;
}
.reseau-tic #haut #description {
	width:270px;
	float:right;
}
/*
.contenu {
	background-color:#00FFCC
}
.page {
	background-color:#FFCCFF;
}
#colonne-droite {
	background-color:#FFFFCC;
}
#colonne-gauche {
	background-color:#99CCCC;
}
#navigation-principale {
	background-color:#FFFF00;
}
*/

/* Commun à toutes les pages */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
}
a {
	color:#0033CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;/* pour IE/Mac */
}
label {
	font-weight: bold;
	color: #5159A8;
	padding: 4px;
}
#commenter input {
	margin-bottom:5px;
}
#commenter label {
	display:block;
	width:610px;
	font-size: 10px;
}
/* Structure */

.page {
	position: absolute;
	top: 90px;
	left: 20px;
	width:760px;
	padding:0;
	background-repeat: no-repeat;
	background-position: left 36px;
}
#navigation-principale {
	float:right;
	clear:both;
	display:block;
	width:610px;
	padding:0;
}
.contenu {
	margin-left: 150px;
	display:block;
	width:610px;
}
#en-tete {
	position: absolute;
	left: 20px;
	width:760px;
}
#navigation-secondaire {
	position: absolute;
	top: 116px;
	width:130px;
}
#commenter, #commentaires {
	display:block;
	width:610px;
	float:left;
}

/* En-tete */


#en-tete ul, #en-tete #recherche {
	position:absolute;
	
}
#en-tete ul {
	top:58px;
	left:150px;
	margin:0;
	padding:0;
}
#en-tete ul li {
	display: inline;
	list-style-type: none;
}
#en-tete ul li a {
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	color:#000000;
	margin:0 0 0 0;
	padding-left: 4px;
}
#en-tete ul li a:hover {
	text-decoration: underline;
}
#en-tete ul li a.premier {
	border-left-style:none;
}
#en-tete ul li a.langue {
	font-weight: bold;
}
#en-tete #recherche {
	top:51px;
	right: 0px;
	height:20px;
}
#recherche label, #recherche input, #recherche #searchsubmit {
	position:inherit;
	bottom:0;
}
#recherche #searchsubmit {
	right:0px;
}
#recherche #s {
	right:40px;
	width:110px;
	background-color: #FEF0C1;
}
#recherche label {
	right:160px;
	padding:0;
	margin:0;
}
#recherche input {
	font-size:11px;
}
/* Navigation principale (choix de section) */

#navigation-principale {
	margin-top:11px;
	margin-bottom:20px;
}
#navigation-principale ul {
	margin:0;
	padding:0;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
#navigation-principale ul li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	width:200px;
	display:block;
}
#navigation-principale ul li a {
	font-size: 12px;
	text-decoration: none;
	display:block;
	color: #999999;
	background-image: url(images/onglet_gris.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	/*
	padding-bottom: 5px;
	*/
	height:20px;
}
#navigation-principale ul li a:hover {
	color:#FFFFFF;
	background-image: url(images/onglet_violet.gif);
	background-repeat: no-repeat;
}
#navigation-principale .selection {
	background-image: url(images/onglet_bleu.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	/*
	padding-bottom: 5px;
	*/
	height:20px;
}
#navigation-principale .patrimoine {
	margin-left:5px;
	margin-right:5px;
}

/* Navigation secondaire */

#navigation-secondaire {
	padding-bottom:28px;
}
#hors-section #navigation-secondaire {
	top: 0;
}
#navigation-secondaire h2 {
	font-size: 12px;
	font-weight: bold;
	color: #5159A8;
	background-image: url(images/menu_bleu_haut.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 10px 0px 0px 0px;
	padding:15px 0px 5px 7px;
}
#navigation-secondaire h3 {
	font-size: 10px;
	font-weight: bold;
	color: #979296;
	padding:15px 0px 5px 7px;
	background-image: url(images/menu_bleu_item.gif);
	margin:0;
}
#navigation-secondaire ul.menu {
	background-image: url(images/menu_bleu_bas.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;

}
#navigation-secondaire ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #EA9314;
}
#navigation-secondaire li {
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	margin:0;
	background-image: url(images/menu_bleu_item.gif);
	background-position: top;
}
#navigation-secondaire li li {
	border-top-style:none;
}
#navigation-secondaire li .selection, #navigation-secondaire li li .selection {
	background-color:#FFFFFF;
}
#navigation-secondaire li li a, #navigation-secondaire li li .selection {
	background-image: url(images/menu_bleu_bullet.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding:3px 0px 4px 25px;
	width:100px;
	display:block;
}
#navigation-secondaire li a, #navigation-secondaire li .selection {
	padding:3px 5px 4px 8px;
	display:block;
}
#navigation-secondaire li .selection a {
	background-image: none;
	margin:0;
	padding:0;
	color:#EA9314;
}
#navigation-secondaire a {
	color:#000000;
	display:block;
	text-decoration: none;
}
#navigation-secondaire a:hover {
	text-decoration: underline;
}
#ressources {
	margin-top:10px;
}
#ressources select {
	width:130px;
	font-size:10px;
	height: 20px;
}
#ressources label {
	display:block;
}
/* Contenu */

.contenu {
	font-size:12px;
}
.contenu p {
	line-height: 1.5em;
	padding-bottom: 5px;
}
.contenu h3, .contenu h4, .contenu li {
	line-height: 1.3em;
}
.contenu h1 {
	color: #EA9314;
	font-size: 18px;
	display:block;
	margin-bottom:0;
}
.contenu h2 {
	color: #394382;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top:0;
}
.contenu h3 {
	background-image: url(images/fond_gris.jpg);
	background-repeat: no-repeat;
	color: #333333;
	font-size: 14px;
	padding: 5px;
}
.contenu h4 {
	/*
	background-image: url(images/fond_jaune.jpg);
	background-repeat: no-repeat;
	padding:5px;
	*/
	color: #000000;
	font-size: 12px;
}
.contenu li {
	margin-bottom:6px;
}
.contenu .cliquez-fleche {
	font-size:10px;
	color:#666666;
	font-weight: bold;
	margin-bottom: 30px;
}
.notice {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.notice h4 {
	/*
	background-image: url(images/fond_jaune.jpg);
	background-repeat: no-repeat;
	padding:5px;
	*/
	margin:0;
	padding-top:10px;/* width:500px; */
}
.impair {
	background-color:#F9F9F9;
}
/* Pagination */

.contenu .pagination {
	display:block;
	width:610px;
	float:left;
	clear:both;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin-top: 50px;
	margin-bottom:25px;
}
.reculer, .avancer {
	display:block;
	margin-bottom:10px;
}
.reculer {
	float:left;
	width:auto;
	text-align:left;
}
.avancer {
	float:right;
	width:auto;
	text-align:right;
}
/* Droits */

.droits {
	display:block;
	float:right;
	width: 610px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:5px;
	margin-top: 50px;
}
.droits a img {
	float: left;
	margin-right:5px;
	vertical-align: middle;
	position:relative;
	top:10px;
	padding-right:5px;
	padding-bottom:5px;
}
.droits p {
	font-size: 9px;
	color: #666666;
	width: 500px;
	float: right;
}
/* Pour admin */

a.post-edit-link {
	margin-left:20px;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: bold;
	display: inline;
}
a:hover.post-edit-link {
	color: #FF6600;
}
/* Spécifique aux pages hors-section */

#hors-section .contenu {
/* margin-top:120px; */
}
#hors-section #navigation-principale ul li {
	height:100px;
	background-repeat: no-repeat;
	background-position: center 25px;
}
#hors-section #navigation-principale ul li a {
	height: 93px;
	background-image: url(images/onglet_bleu.gif);
	color:#FFFFFF;
}
#hors-section #navigation-principale ul li a:hover {
	height: 93px;
	background-image: url(images/onglet_violet.gif);
}
#hors-section #navigation-principale ul li.veille {
	background-image: url(images/onglet_veille.jpg);
	background-repeat: no-repeat;
}
#hors-section #navigation-principale ul li.patrimoine {
	background-image: url(images/onglet_patrimoine.jpg);
	background-repeat: no-repeat;
}
#hors-section #navigation-principale ul li.outils {
	background-image: url(images/onglet_outils.jpg);
	background-repeat: no-repeat;
}
/* Spécifique aux pages de sections */

#section {
	margin-top:100px;
}
#veille-technologique {
	background-image: url(images/fond_page_veille.jpg);
}
#outils-et-logiciels {
	background-image: url(images/fond_page_outils.jpg);
}
#patrimoine-educatif {
	background-image: url(images/fond_page_patrimoine.jpg);
}
/*  Spécifique à la page d'accueil */

#colonne-gauche, #colonne-droite {
	padding: 0px;
}
#colonne-gauche h1, #colonne-droite h2 {
	margin-top: 0px;
}
#colonne-gauche ul, #colonne-droite ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.une h3 {
	font-size:12px;
	background-image:none;
	margin:0;
	padding:0;
}
.une a {
	margin:0;
	padding:0;
}
.une li {
	background-image:url(images/point_jaune.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 12px;
}
#colonne-gauche {
	float:left;
	display:block;
	width:400px;
}
#colonne-gauche p {
	padding-right:20px;
}
#colonne-droite {
	display:block;
	width:190px;
	float:right;
	font-size:10px;
	background-image: url(images/fond_jaune.jpg);
	background-repeat: no-repeat;
	color: #000000;
	padding:5px;
	margin-top: 0px;
}
#colonne-droite p {
	line-height: 1.7em;
}
#colonne-droite h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	color: #EA9314;
}
#colonne-droite h4 {
	background-image:none;
	color:#394382;
	padding:0;
	font-size:10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
#colonne-droite .reseau-tic #description {
	width:190px;
}
#colonne-droite table {
	display:none;
}
a.tous {
	font-weight: bold;/* color: #EA9314; */
}
#partenaires {
	display:block;
	width:610px;
	margin-left:150px;
}
#partenaires img {
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
}
#cartouche {
	display:block;
	padding:5px;
	margin-top: 30px;
	background-image: url(images/fond_jaune.jpg);
	background-repeat: no-repeat;
	
}
#cartouche a {
	font-size:16px;
	color:#990000;
	font-weight: bold;

}
#cartouche p {
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
	color:#394382;
	line-height: 20px;
}
/* Pour bulletins de nouvelles old school */

.bulletin {
	display: block;
	float: left;
	width: 295px;
	font-size: 11px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	height:350px;
}
.ntic_org_td_nomfil {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
}
.ntic_org_titre {
	text-align: left;
	font-weight: normal;
}
.ntic_org_td_image {
	padding-bottom:20px;
}
/* Engin de recherche */

.resultats {
	background-image: url(images/fond_gris_inverse.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	font-weight: bold;
	color: #666666;
	display: block;
	padding: 5px;
	margin-bottom: 30px;
	font-size:10px;
}
.tout-afficher {
	font-weight: bold;
	display: block;
	float: right;
}
.recherche-globale h3 {
	margin-bottom:0;
	padding-bottom:0;
}
.ligne-blanche {
	border: thin solid #FFFFFF;
	position:relative;
	top: -1px;
}
/* Listes de prix */

.programme-achat table {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.programme-achat caption {
	font-weight: bold;
	font-variant: small-caps;
	color: #999999;
	padding: 3px;
}
.programme-achat tr th, .programme-achat tr td {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
/* Divers */


.droits .debug {
	color: #FF0000;
	margin-top: 10px;
	display:none;
}
a.dossier {
	background-image: url(http://ntic.org/images/dossier.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}
.partage {
	display:block;
	width:130px;
	clear:both;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
.partage a img {
	margin-bottom:10px;
	padding:0px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.rss-eureka {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width:125px;
	margin-top: 40px;
}
.rss-eureka a img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
	padding:0px;
	display: block;
}
small {
	display:block;
	line-height:12px;
}
#normes-et-standard tr th, #normes-et-standard tr td {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
/* Commentaires */
#comment {
	width:610px;
}
.liste-de-commentaires {
	margin: 0px;
	padding: 0px;
}
.liste-de-commentaires li {
	list-style-type: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin:0;
	list-style-position: inside;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.pair {
	background-color: #E8E9F3;
}
.avatar {
	float:left;
	border: 1px solid #999999;
	padding: 3px;
	background-color: #FFFFFF;
	margin-right:5px;
}
.liste-de-commentaires blockquote {
	color: #49558a;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #49558A;
	padding-left: 5px;
}
.liste-de-commentaires blockquote blockquote {
	color: #666666;
	border-left-color: #666666;
}
.liste-de-commentaires .commentateur {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}
.tags, .tags a {
	font-size: 10px;
	font-weight: bold;
}
/* Pour alignement des images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* Captions */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-top:10px;
	margin-bottom:20px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	/*margin: 0; */
	padding: 0;
	border: 0 none;
}
.wp-caption.alignleft {
	margin-right:10px;
}
.wp-caption.alignright {
	margin-left:10px;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* Accessibilité */

label {
	color: #333333;
}
#titre-page {
	color:#2C366D;
}
#navigation-secondaire h3 {
	color: #000000;
}
#navigation-secondaire .selection, #navigation-secondaire li .selection a {
	color: #2C366D;
}
.resultats {
	color: #000000;
}
.contenu a {
	text-decoration:underline;
}
.contenu h2 {
	font-size:14px;
	margin-top: 2px;
	margin-bottom: 20px;
}
#colonne-droite h2 {
	color: #2C366D;
}