/*
**  CONTENU.CSS
**  Par Simon Turcotte-Langevin
**  
**  Fichier de présentation du site www.logiquefloue.ca
**  
**  Version 1.0.2
**  Dernière modification : 06-06-2010
**	
**	Couleurs : 
**		#222222 : Gris foncé (texte)
**		#555555 : Gris moyen (texte de la barre latérale)
**		#FF6600 : Orange (en-tête, sidebar de l'accueil)
**		#FFFFDD : Blanc cassé (arrière-plan des "pages")
**		
*/

/****************************************** RESET ************************************************/
*
{
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
}

a, a:active, a:hover, a:visited, 
a img, a:active img, a:hover img, a:visited img 
{
	border:none;
}

a:active, a:focus
{
	outline:0; /* Pour Firefox */
}

img
{
	background:url("quadrillage.png");
}

/****************************************** CORPS ************************************************/
html, body
{
	height:100%;
}

body
{
	background-color:#FFD;
	color:#222222;
	font-family:verdana, sans-serif;
	font-size:62.5%;
	min-width:950px;
}

div#entete
{
	background:url("texture_header.png") bottom right;
	background-color:#F60;
	color:white;
	height:17%; /* 1/6 de page */
	min-height:70px;
	position:relative;
}

#navsecondaire
{
	color:#555555;
	float:right;
	padding:1%;
	width:25%;
}

#contenu
{
	background:url("spirale.png") repeat-y top right;
	font-size:1.2em;
	min-height:75%; /* Reste de la hauteur */
	padding:2% 80px 2% 2%;
	width:63%;
}

/***************************************** EN-TÊTE ***********************************************/
div#accessibilite
{
	bottom:0px;
	padding:5px;
	position:absolute;
	right:0px;
	text-align:right;
	width:33%;
}

#accessibilite ul
{
	list-style-type:none;
	width:100%;
}
#accessibilite ul li
{
	float:right;
	padding-left:10px;
}

#logo
{
	background:url("logo.png") no-repeat left center;
	font-size:1.1em;
	font-style:italic;
	height:60%;
	margin-left:10px;
}

#entete a, #entete a:visited
{
	color:white;
	text-decoration:none;
}

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

#entete a:active
{
	color:black;
}

ul#navprincipale
{
	bottom:0px;
	list-style-type:none;
	min-width:600px;
	position:absolute;
	width:66%;
}

ul#navprincipale li
{
	background-color:#F60;
	border-bottom:none;
	border:1px outset white;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	margin:0px 0.5%;
	padding:0.5em 0.4%;
	text-align:center;
	width:5em;
	
	/* Propriétés non-standard (bordures arrondies) */
	-moz-border-radius:8px 8px 0px 0px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
}

.section_a_propos li.section_a_propos, .section_circuits li.section_circuits, 
.section_metro li.section_metro, .section_musique li.section_musique, 
.section_photos li.section_photos, .section_textes li.section_textes
{
	border:1px solid #FFFFDD;
	font-weight:bold;
	text-decoration:none;
}

/************************************* BARRE LATÉRALE ********************************************/
#navsecondaire h2
{
	font-family:"Bradley Hand ITC", cursive;
	font-size:3em;
	text-align:center;
}

#navsecondaire h3
{
	font-family:"Bradley Hand ITC", cursive;
	font-size:2.2em;
	padding:0.5em 0em;
	text-decoration:underline;
}

#navsecondaire h4
{
	font-size:1.4em;
	padding:0.5em 1em;
	text-decoration:underline;
}

#navsecondaire a, #navsecondaire a:visited
{
	color:#555555;
	text-decoration:none;
}

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

#navsecondaire div.decoration
{
	height:70px;
	margin:0.5em 0em;
	overflow:hidden;
	text-align:right;
	width:100%;
}

#navsecondaire div.decoration img
{
	padding:0px 2px;
}

.rss
{
	background:url("flux_rss.png") no-repeat top right;
	height:16px;	
	padding-right:24px;
}

.rss_section
{
	clear:left;
	font-size:1.2em;
	text-align:right;
}

#navsecondaire div.paragraphe_deco
{
	padding:0.5em 0px;	
}

#navsecondaire ul
{
	list-style-position:outside;
	list-style-type:none;
}

#navsecondaire ul li
{
	padding:0em 1em;
}

#navsecondaire ul li ul li h3
{
	font-size:2em;
}

#navsecondaire ul li a
{
	background:url("fleche.png") left center no-repeat;
	display:list-item;
	font-size:1.2em;
	padding:0.25em 0px 0.25em 20px; 
}

.liens_section a.actif
{
	font-weight:bold;
}

div.pied div
{
	float:left;
	width:30%;	
}

/***************************************** CONTENU ***********************************************/

/* Titres */

#contenu h1
{
	font-family:times,serif;
	font-size:4em;
	font-variant:small-caps;
	text-align:center;
}

#contenu h2
{
	font-size:1.6em;
	margin-bottom:15px;
	text-align:center;
}

#contenu h2 img
{
	border:1px solid black;
	margin-top:10px;
	padding:3px;
}

#contenu h3
{
	border-bottom:1px dotted black;
	font-size:1.4em;
	margin:16px 0px 25px;
	padding-bottom:5px;
	width:100%;
}

#contenu h4
{	
	font-weight:bold;
	font-size:1.1em;
	margin:1em 0em;
	text-decoration:underline;
}

#contenu h5
{
	font-size:1.0em;
	font-style:italic;
	text-decoration:underline;
}

/* Paragraphes */

#contenu p, #contenu li
{
	line-height:1.6em;
	margin:1.6em 0px;
	text-align:justify;
}


#contenu p.EnTeteArticle
{
	font-style:italic;
	padding-top:0.5em;
}

/* Tableaux */

#contenu table, #contenu table td, #contenu table th
{
	border-collapse:collapse;
}

#contenu table
{
	margin:1em auto;
}

#contenu table caption
{
	font-size:1.25em;
	padding-bottom:5px;
}

#contenu table td, #contenu table th
{
	border-collapse:collapse;
	border:1px solid black;
	padding:2px 10px 2px;
	text-align:center;
}

#contenu table th
{
	background-color:#BBB;
	font-weight:normal;
}

#contenu .pair
{
	background-color:#CCC;
}

/* Listes */

#contenu ul, #contenu ol
{
	list-style-position:inside;
	margin:1em;
}

#contenu ul ul
{
	margin-left:2em;
}

#contenu li
{
	margin:0.5em 0px;
}

#contenu dl.dialogue dt
{
	font-weight:bold;
}

#contenu dl.dialogue dd
{
	font-style:italic;
	padding-left:1em;
}

/* Formulaires */

legend
{
	margin:0em 0.5em;
	padding:0em 0.5em;
}

fieldset
{
	border:2px #888 ridge;
	padding:1em;
	margin:2em 0px;
	line-height:2em;
}

fieldset legend
{
	font-size:1.1em;
	font-weight:bold;
}

fieldset div
{
	border-bottom:1px dotted #444;
	padding:0.5em;
	position:relative;
}

fieldset div input[type=checkbox], fieldset div input[type=radio]
{
	right:0.5em;
	position:absolute;
	top:30%;
}

fieldset input[type=submit]
{
	border:1px outset black;
	margin:1em 2em 1em 0px;
	padding:0.5em 1em;
}

/* Citations */
blockquote
{
	padding:0 2em;
	font-style:italic;
}

blockquote p
{
	padding:0;
	white-space:pre;
}


/* Presentation du texte */

#contenu a
{
	color:green;	
}

#contenu p a, #contenu p a:visited,
#contenu table a, #contenu table a:visited,
#contenu h3 a, #contenu h3 a:visited, 
#contenu ul a, #contenu ul a:visited
{
	border-bottom:1px dotted green;
	text-decoration:none;
}

#contenu p a:hover, 
#contenu table a:hover, 
#contenu h3 a:hover, 
#contenu ul a:hover
{
	border:none;
	text-decoration:underline;
}

.vert
{
	color:green;
}

.rouge
{
	color:red;
}

.bleu
{
	color:blue;
}

#contenu dfn
{
	font-style:normal;
	border-bottom:1px dotted;
}

#contenu ins
{
    font-style:italic;
	text-decoration:none;
}

/* Images flottantes */

.ImageFlottante
{
	float:right;
	font-style:italic;
	margin:10px;
	background:#FFD;
}

.ImageFlottante img, .ImageFlottante a img
{
	border:1px black solid;
	display:block;
	padding:4px;
}

/* References bibliographiques (articles) */

ul.references li
{
	list-style:none;
	font-weight:bold;
	padding:0.5em 0em;
}

ul.references li li
{
	font-weight:normal;
	margin-left:2em;
}

/* Albums photos */

.CellulePhoto
{
	background-color:white;
	border:1px gray outset;
	float:left;
	font-family:cursive;
	margin:10px;
	padding:15px 10px;
	text-align:center;
}

.CellulePhoto img
{
	margin-bottom:15px;	
}
	
hr
{
	clear:left;
	visibility:hidden;
}

/* Index de section */

div.desc_page
{
	min-height:10em;
	max-height:22em;
	overflow:hidden;
}

div.desc_page p
{
	margin-right:1.6em;	
}

div.desc_page img
{
	float:right;
	margin-left:1.6em;
}


/* Poesie et chansons */

p.ResumeTexte
{
	display:none; /* Pour avoir du texte formate dans les index de section */	
}

pre.paroles
{
	font-family:verdana, sans-serif;
	font-style:italic;
	line-height:1.5em;
}


/* Section Pyrotechnie */

ol.TrameSonore li
{
	border-bottom:1px dotted #BBB;
	padding-bottom:4px;
}

.OptionTrameSonore
{
	display:block;
	float:right;
}

ul.EvaluationFeuArtifice
{
	list-style-position:outside;
}

ul.EvaluationFeuArtifice li
{
	min-height:32px;
	padding-left:40px;
	padding-top:6px;
	list-style-type:none;
}

ul.EvaluationFeuArtifice li.positif
{
	background:url("point_positif.png") no-repeat center left;
}

ul.EvaluationFeuArtifice li.negatif
{
	background:url("point_negatif.png") no-repeat center left;
}

p.separateur
{
	border-bottom:1px dotted black;
	margin:3em 0em;
	text-align:right!important;
	clear:right;
}

p.separateur a, p.separateur a:hover, p.separateur a:visited
{
	border:none!important;
	color:#AAA!important;
	font-size:0.8em!important;
}

p.image-lexique a, p.image-lexique a:hover, p.image-lexique a:visited
{
	border:none!important;
}

#contenu table.GrilleEvaluation
{
	margin:0px;
}

#contenu table.GrilleEvaluation td, #contenu table.GrilleEvaluation th
{
	padding:0.5em 1em;
}

#contenu table.GrilleEvaluation td
{
	text-align:left;
}

#contenu table.GrilleEvaluation td.MaNote
{
	font-size:1.1em;
	font-weight:bold;
	border-right:none;
	text-align:right;
	padding-right:0.5em;
}

#contenu table.GrilleEvaluation td.NoteCritere
{
	border-left:none;
	padding-left:0px;
}

#contenu table.GrilleEvaluation td.MaNote, #contenu table.GrilleEvaluation td.NoteCritere
{
	border-bottom:none;
}

#contenu table.GrilleEvaluation td.NotePourcentage
{
	font-size:1.2em;
	font-weight:bold;
	border-top:none;
	text-align:center;
}

p.source_evaluation
{
	font-size:0.9em;
}

/* Section Metro de Montreal */

div.carte_technique
{
	border:3px #F60 ridge;

}

div.carte_technique div.images
{
	position:relative;
	height:500px;
	overflow:scroll;
}


div.carte_technique div.images img
{
	border:none;
	position:absolute;
	top:0px;
	left:0px;
	background:none;
}

div#controles_carte
{
	background:transparent;
	padding:10px 20px;
	float:left;
	/*position:absolute;
	
	/**
	top:30px;
	left:30px;
	/**/
}

a#augmenter_zoom, a#reduire_zoom, a#afficher_aiguillages
{
	padding:10px 0px;
	display:block;
	background:none;
}

div.zoom a#augmenter_zoom:hover, div.zoom a#reduire_zoom:hover
{
	cursor:pointer;
}

/* Documents a telecharger */

div.LienTelechargement
{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background:#FF6600 url("texture_header.png");
	border-radius:15px;
	border:3px ridge #FFFFFF;
	margin:auto;
	padding:2em;
	text-align:center;
	width:20em;
	color:#FFFFFF;
	font-size:1.2em;
}

div.LienTelechargement a, div.LienTelechargement a:visited
{
	border-bottom:1px dotted white;
	color:#FFFFFF!important;
	text-decoration:none;
}

div.LienTelechargement a:hover
{
	border-bottom:1px solid white;
	text-decoration:none;
}

/* Message de transition SimsMusic > LogiqueFloue */

div#message_transition
{
	background:#FF6600;
	border:1px solid black;
	padding:10px;
}

div#message_transition h1
{
	font-family:verdana,sans-serif;
	font-size:2em;
}

div#message_transition p
{
	font-size:1.2em;
	font-style:italic;
	margin:0px;
	padding:0px;
	text-align:center;
}


/****************************************** ACCUEIL ***********************************************/
#accueil
{
	background:url("texture_header.png") top right;
	/*background:url("/style/sidebar_accueil.png") 93% top no-repeat;*/
	background-color:#FF6600;
	height:83%;
	overflow:hidden;
	position:relative;
	/* border:4px solid black;
	border-left:none; */
}

#accueil #contenu_accueil
{
	position:absolute;
	background:url("/style/spirale_accueil.png") top right repeat-y;
	height:100%;
	width:70%;
}

#accueil #sidebar_accueil
{
	position:absolute;
	right:0px;
/* 	border:4px solid black;
	border-left:none; */
	top:0px;
	width:30%;
	height:100%;
	background:url("/style/sidebar_accueil.png") center 240px no-repeat;
}

/* Contenu */

#contenu_accueil div.page
{
	background-color:#FFE680;
	padding:2% 2% 2% 30px;
	overflow:auto;
	margin-right:50px;
	position:relative;
	height:100%;
}

#accueil h1, #accueil h2, #accueil h3
{
	margin:0.5em 0px;
}

#accueil h1
{
	background:url("logo_accueil.png") center center no-repeat;
	height:50px;
	text-indent:-9999px;
}

#accueil h2
{
	text-align:center;
	font-size:1.4em;
}

#accueil h3
{
	font-size:1.3em;
	font-weight:bold;
}

#accueil p
{
	font-size:1.2em;
	margin:1em 0px;
	text-align:justify;
}

#accueil p a, #accueil p a:visited
{
	color:green;
	border-bottom:1px dotted green;
	text-decoration:none;
}

#accueil p a:hover
{
	border:none;
	text-decoration:underline;
}

#accueil div.intro_site
{
	background:url("incinerateur.jpg") top right no-repeat;
	min-height:190px;
	padding-right:240px;
}

#accueil div.separateur_images
{
	height:160px;
}

#accueil div.separateur_images span
{
	display:block;
	float:left;
	margin:auto;
	width:49.5%;
}


#accueil div.a_propos_site
{
	background:url("moi.jpg") top right no-repeat;
	margin-right:150px;
	padding-right:200px;
	position:relative;
	min-height:200px;
}

#accueil p.credits_photo
{
	font-size:0.9em;
}

#accueil div.infos_legales
{
	position:absolute;
	right:2%;
	width:100px;
}

/* Barre laterale */

#nouveautes
{
	background:url("post-it.png") top center no-repeat;
	height:230px;
	margin:auto;
	overflow:auto;
	padding:2% 2% 4% 2%;
	width:240px;
}

#nouveautes h2
{
	font-family:"Bradley Hand ITC", cursive;
	font-size:3em;
	text-align:center;
}

#nouveautes ul
{
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
}

#nouveautes ul li a, #nouveautes ul li a:visited
{
	background:url("fleche.png") left center no-repeat;
	color:#222222;
	display:list-item;
	font-size:1.1em;
	padding:4px 0px 4px 10px;
	text-decoration:none;
}

#nouveautes ul li a:hover
{
	text-decoration:underline;
}

#sidebar_accueil .rss
{
	height:18px;
	margin-right:20px;
	margin-top:10px;
	text-align:right;
}

#sidebar_accueil .rss a, #sidebar_accueil .rss a:visited
{
	color:#555555;
	text-decoration:none;
}

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