/* ****************************************************

	@file		  screen.css
	@description  Feuille de styles globale
	@author       remi (ixmedia.com)
	@version	  20090511

***************************************************** */

@import url("reset.css");

/*
 * @section Basic
 ******************************************************************************/

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 125%;
	line-height: 1.3;
	color: #70746c;
	background: red;
	position: relative;
	background: #F9F9F9 url("../img/interface/bg-fond.jpg") repeat-x top center;
	behavior: url("http://www.quebecenmouvement.com/wordpress/wp-content/themes/quebecenmouvement/js/csshover.htc");
}

#fond {
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
	background: url("../img/interface/bg-body.jpg") no-repeat top center;
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #2a9cc0; font-weight: bold; }
a:focus { outline: 1px dotted; }
a:visited { color: #2a9cc0; }
a:hover, a:focus { color: #1e81a0; text-decoration: none; }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }

button::-moz-focus-inner { border: 0; padding: 1px; }

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	line-height: 0.8;
}


/*
 * @section Entêtes
 ******************************************************************************/

#entete {
	height: 227px;
	width: 961px;
	margin: 0 auto;
	position: relative;
	background: url("../img/interface/bg-entete.gif") no-repeat top center;
	z-index: 2000;
}

#entete #logo {
	margin: 0;
}

#entete #logo a {
	position: absolute;
	display: block;
	width: 645px;
	height: 141px;
	top: 11px;
	left: 11px;
	text-indent: -9999px;
	outline: none;
}

#entete p.soustitre {
	text-indent: -9999px;
}

/*
 * @section Navigation
 ******************************************************************************/

#navigation {
	position: absolute;
	z-index: 2000;
	top: 187px;
	font-size: 130%;
}
 
#navigation ul {
	margin: 0;
	padding-left: 13px;
	background: url("../img/interface/bg-navigation.gif") no-repeat 10px 0;
}

#navigation ul li {
	float: left;
	margin-right: 2px;
	position: relative;
}

#navigation ul li a {
	display: block;
	background: #ffffff;
	font-weight: bold;
	padding: 12px 22px 0 22px;
	height: 37px;
	float: left;
}

#navigation ul li:hover a,
#navigation ul li a:hover,
#navigation ul li.active a {
	background: #2a9cc0;
	color: #fff;
	margin-top: 5px;
}

#navigation ul li ul {
	left: -9999px;
	position: absolute;
	z-index: 9000;
}

#navigation ul li:hover ul {
	padding-left: 0;
	left: 0;
	top: 53px;
	width: 290px;
	font-size: 75%;
	border: 2px solid #fff;
	border-bottom-width: 1px;
}

#navigation ul li ul li {
	float: none;
	margin: 0;
	border-bottom: 1px solid #fff;
}

#navigation ul li.active ul li a,
#navigation ul li:hover ul li a,
#navigation ul li ul li a,
#navigation ul li ul li a:hover {
	display: block;
	background: #cae6ef;
	padding: 4px 21px;
	height: auto;
	float: none;
	margin-top: 0;
	color: #2A9CC0;
	height: 1%;
}

#navigation ul li ul li a:hover {
	background: #2a9cc0;
	color: #fff;
}


/*
 * @section Recherche
 ******************************************************************************/

#recherche {
	position: absolute;
	left: 710px;
	top: 105px;
	width: 250px;
	background: url("../img/interface/bg-recherche.jpg") no-repeat bottom left;
	padding-bottom: 11px;
}

#recherche input {
	float: left;
	border: none !important;
	width: 190px;
	padding: 5px 12px 4px;
	font-weight: bold;
	color: #38a3c4;
}

#recherche button {
	width: 26px;
	height: 26px;
	border: none;
	padding: 0;
	background: none;
	float: left;
}

#recherche p {
	margin: 0;
}

/*
 * @section Images
 ******************************************************************************/

.entry-content .alignright {
	float: right;
	margin: 0 0 2em 2em;
}

.entry-content .alignleft {
	float: left;
	margin: 0 2em 2em 0;
}

.entry-content .wp-caption {
	background: #EEEEEC;
	padding: 5px 0;
	text-align: center;
}

.entry-content .wp-caption .wp-caption-text {
	padding: 8px 0;
	margin: 0;
}

/*
 * @section Pied de page
 ******************************************************************************/

#pied {
	font-size: 80%;
	width: 941px;
	margin: 0 auto;
	background: #fff;
	clear: both;
	background: url("../img/interface/bg-pied.gif") repeat-y top center;
}

body.accueil #pied {
	background: none;
}

body.accueil #pied .pied-inner {
	background: #fff;
}

#pied p.logo {
	float: left;
	padding-top: 0.7em;
}

#pied .pied-inner {
	height: 7em;
}

#pied .pied-inner-2 {
	border-top: 1px solid #d2d5cf;
	margin: 0 25px;
}

#pied ul {
	float: left;
	margin: 0;
	padding-top: 2.5em;
	padding-left: 18px;
}

#pied ul li {
	float: left;
	padding-right: 1.2em;
}
#pied ul li.active a {
	color: #70746c;
}

#pied p {
	float: right;
	margin: 0;
	padding: 2.5em 0 0 0;
	color: #aaa;
}

/*
 * @section Contenu
 ******************************************************************************/

#conteneur {
	position: relative;
	z-index: 801;
	/*
	height: auto !important;
	height: 100%;
	min-height: 100%;
	*/
	background: url("../img/interface/bg-conteneur.gif") repeat-y top center;
}
 
#wrap {
	width: 941px;
	margin: 0 auto;
	background: #fff;
	margin-top: 9px;
}

#contenu {
	padding-bottom: 6em;
}

#wrap .wrap-inner {
	background: #fff;
	padding: 10px 25px;
	border-top: 41px solid #ffc425;
	border-left: 4px solid #ffc425;
}

body.accueil #wrap .wrap-inner {
	border: none;
}

#wrap .wrap-inner-2 {
	background: #fff;
	padding: 0 25px;
}


/*
 * @section Page
 ******************************************************************************/

body.texte #contenu .sous-menu {
	width: 246px;
	float: left;
	display: inline;
	margin-top: -29px;
	margin-left: -25px;
}

body.texte #contenu .sous-menu .nav h2 {
	z-index: 600;	
	margin: 0;
	font-size: 145%;
	color: #70746c;
	background: #fff;
	padding: 14px 24px;
	position: relative;
	z-index: 400;
}

body.texte #contenu.carte .sous-menu .nav h2 {
	padding-bottom: 0;
	height: 38px;
}

body.texte #contenu .sous-menu .nav {
	margin: 0 0 2em;
	position: relative;
}

body.texte #contenu .sous-menu .nav ul {
	margin: 0 0 0 5px;
}

body.texte #contenu .sous-menu .nav ul li {
	margin: 0;
	border-bottom: 1px solid #fff;
}

body.texte #contenu .sous-menu .nav ul li a {
	display: block;
	background: #cae6ef;
	padding: 4px 21px;
	height: 1%;
	float: none;
	margin-top: 0;
	color: #2A9CC0;
}

body.texte #contenu .sous-menu .nav ul li.active a,
body.texte #contenu .sous-menu .nav ul li a:hover {
	background: #2a9cc0;
	color: #fff;
}

body.texte #contenu .sous-menu .recents h2 {
	margin: 0;
	font-size: 145%;
	color: #70746c;
	background: #fff;
	padding: 14px 24px;
	border-bottom: none;
	position: relative;
	z-index: 400;
}

body.texte #contenu .sous-menu .recents h2 span {
	display: block;
	padding-bottom: 9px;
	border-bottom: 1px solid #D2D5CF;
}

body.texte #contenu .sous-menu .recents ul {
	margin-left: 24px;
}

body.texte #contenu .sous-menu .recents ul li {
	margin: 0 0 1em;
}

body.texte #contenu .sous-menu .recents ul li .entry-content {
	font-size: 95%;
}

body.texte #contenu .sous-menu .recents p.meta {
	font-size: 90%;
	margin-bottom: 0.3em;
}

body.texte #contenu .sous-menu .recents h3 {
	font-size: 115%;
	margin: 0 0 0.6em;
}

body.article #contenu .texte {
	padding-top: 0.5em;
}

body.texte #contenu .texte {
	width: 658px;
	float: right;
	overflow: hidden;
}

body.texte #contenu .texte .texte-inner {
	padding: 0 0 0 26px;
}

body.texte #contenu .hentry .meta {
	margin-bottom: 0.5em;
}

body.texte #contenu .texte .section {
	border-bottom: 1px solid #d2d5ce;
	margin-bottom: 0.7em;
	padding-bottom: 0.7em;
}

body.texte #contenu .texte .section a {
	color: #70736c;
}

body.texte #contenu .hentry .entry-title {
	color: #70736c;
	font-size: 155%;
	margin: 0.3em 0;
}

body.page #contenu .hentry .entry-title,
body.article #contenu .hentry .entry-title {
	font-size: 200%;
	margin-bottom: 0.6em;
}

body.archive #contenu .hentry {
	border-bottom: 1px solid #d2d5ce;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

body.archive #contenu .navigation .alignleft {
	float: left;
}

body.archive #contenu .navigation .alignright {
	float: right;
}

body.archive #contenu .navigation .alignleft a {
	display: block;
	background: url("../img/interface/btn-precedent.gif") no-repeat 0 50%;
	padding: 5px 5px 5px 35px;
}

body.archive #contenu .navigation .alignright a {
	display: block;
	background: url("../img/interface/btn-suivant.gif") no-repeat 100% 50%;
	padding: 5px 35px 5px 5px;
}


/*
 * @section Contenu commun des billets
 ******************************************************************************/

.hentry span.highlight {
	background: #FFE467;
}

.hentry .entry-content ol,
.hentry .entry-content ul {
	margin-left: 20px;
}

.hentry .entry-content ol li,
.hentry .entry-content ul li {
	list-style: disc;
	margin-bottom: 0.3em;
}

.hentry .entry-content ol li {
	list-style: decimal;
}

.hentry .entry-content h1,
.hentry .entry-content h2,
.hentry .entry-content h3,
.hentry .entry-content h4 {
	line-height: 1.1;
}

.hentry .entry-content h2 {
	margin: 1.5em 0 1em;
	font-size: 140%;
}

.hentry .entry-content h3 {
	margin: 1.5em 0 1em;
	font-size: 125%;
}

.hentry .entry-content h4 {
	margin: 1.5em 0 1em;
	font-size: 105%;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
}

.hentry .entry-content blockquote {
	background: #eee;
	padding: 1em 1em 3px;
	margin-bottom: 1em;
}

#comments {
	margin: 2em 0;
}

#comments h2 {
	font-size: 140%;
	padding: 8px 13px;
}

#comments h2#respond {
	border-bottom: 1px solid #d2d5ce;
	margin: 0 0 1em;
}

#comments #commentform {
	padding: 0 13px;
	font-size: 90%;
}

#comments #commentform label {
	
}

#comments #commentform p {
	margin: 0 0 0.9em;
}

#comments #commentform p input,
#comments #commentform p textarea {
	padding: 6px;
	border: 1px solid #aaa;
	display: block;
	margin: 3px 0 0;
}

#comments #commentform p input {
	width: 230px;
}

#comments #commentform p textarea {
	width: 500px;
}

#comments #commentform p input:focus,
#comments #commentform p textarea:focus {
	border-color: #777;
	background: #fffde7;
}

#comments ol {
	margin: 0 0 2em;
}

#comments li {
	background: #fff4d6;
	padding: 16px 22px 6px;
	margin: 0 0 10px;
}

#comments li .comment-meta {
	font-size: 90%;
	margin-bottom: 0.7em;
}

#comments li .comment-meta a.permalink {
	font-weight: normal;
	color: #70746C;
}


/*
 * @section Carte du réseau
 ******************************************************************************/

#contenu.carte {
	position: relative;
	z-index: 1000;
}
 
#contenu.carte .texte {
	padding-top: 23px;
}

#contenu.carte .axes,
#contenu.carte .textes {
/*	position: absolute;
	left: -9999px;
	top: -99999px;
	*/
}

#contenu.carte .entry-content {
	display: none;
}

#contenu.carte .axes .axes-axe,
#contenu.carte .textes .textes-texte {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 12px 12px 3px;
}

#contenu.carte .axes h1,
#contenu.carte .textes h1 {
	font-size: 140%;
}

#contenu.carte #carte-menu {
	height: 478px;
	width: 0;
	background: #2a9cc0;
	position: absolute;
	z-index: 800;
	right: 620px;
	top: 0;
	display: none;
	color: #fff;
}

#contenu.carte #carte-menu .menu-fermer {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}

#contenu.carte #carte-menu .menu-fermer a {
	position: absolute;
	top: 10px;
	right: 8px;
	display: block;
	background: url("../img/interface/btn-fermer-carte.gif") no-repeat;
	color: #2A9CC0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-weight: bold;
	font-family: Arial,Verdana,sans-serif;
	font-size: 140%;
}

#contenu.carte #carte-menu .menu-inner {
	padding: 20px 10px 20px 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 248px;
	z-index: 990;
}

#contenu.carte #carte-menu .menu-contenu {
	font-size: 90%;
	height: 390px;
	width: 257px;
}

#contenu.carte #carte-menu .menu-contenu-inner {
	padding-right: 20px;
}

#contenu.carte #carte-menu h1 {
	color: #ffc428;
	font-size: 150%;
	margin: 0 0 0.6em;
	line-height: 1.1;
	padding-right: 20px;
}

#contenu.carte #carte-menu .menu-contenu-inner ul {
	margin-left: 0;
}

#contenu.carte #carte-menu .menu-contenu-inner ul li {
	background: url("../img/interface/ico-bullet-menu.gif") no-repeat 0 4px;
	padding: 0 0 0 24px;
	margin: 0 0 0.5em;
}

#contenu.carte #carte-menu .menu-contenu-inner a {
	color: #ffc428;
	text-decoration: underline;
}

#contenu.carte .barre {
	width: 88px;
	height: 478px;
	background: url("../img/interface/bg-barre-carte.jpg");
	float: left;
	position: relative;
	overflow: hidden;
}

#contenu.carte .barre ul {
	position: relative;
	z-index: 1000;
	width: 88px;
	height: 478px;
	
	margin: 0;
	padding: 5px 0 0 0;
	
}

#contenu.carte .barre .tab {
	position: absolute;
	z-index: 990px;
	background: url("../img/interface/bg-tab-carte.png") no-repeat;
	width: 74px;
	height: 61px;
	top: 0;
	left: -74px;
	display: none;
}

#contenu.carte .barre ul li {
	margin: 0;
	margin-bottom: 5px !important;
	margin-bottom: 0;
	list-style: none;
	clear: both;
}

#contenu.carte .barre ul li a {
	display: block;
	width: 100%;
	height: 54px;
	float: left;
	outline: none;
	text-indent: -9999px;
	background: url("../img/interface/btn-barre-carte.png") no-repeat;
	margin-bottom: 0 !important;
	margin-bottom: 0;
}

*+html #contenu.carte .barre ul li a {
	margin-bottom: 0 !important;
	float: none;
}

#contenu.carte .barre ul li a:hover {
	background-image: url("../img/interface/btn-barre-carte-h.png");
}

#contenu.carte .barre ul li.icone-66 a { background-position: 17px 0; }
#contenu.carte .barre ul li.icone-68 a { background-position: 17px -59px; }
#contenu.carte .barre ul li.icone-72 a { background-position: 17px -118px; }
#contenu.carte .barre ul li.icone-70 a { background-position: 17px -177px; }
#contenu.carte .barre ul li.icone-74 a { background-position: 17px -236px; }
#contenu.carte .barre ul li.icone-76 a { background-position: 17px -295px; }
#contenu.carte .barre ul li.icone-78 a { background-position: 17px -354px; }
#contenu.carte .barre ul li.icone-80 a { background-position: 17px -413px; }

#contenu.carte .barre ul li.icone-76 { margin-bottom: 6px; }
#contenu.carte .barre ul li.icone-78 { margin-bottom: 6px; }

#contenu.carte .flash {
	width: 532px;
	height: 478px;
	position: relative;
	z-index: 1200;
	float: left;
}

#contenu.carte .tooltip {
	width: 244px;
	border: 2px solid #fff;
	background: #606061;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 90%;
	display: none;
	z-index: 1200;
}

#contenu.carte .tooltip-62 { right: 10px; top: 20px; left: auto; }
#contenu.carte .tooltip-56 { right: 10px; top: 20px; left: auto; }
#contenu.carte .tooltip-51 { top: 40px; left: 40px; }

#contenu.carte .tooltip a {
	color: #ffc425;
	text-decoration: underline;
	cursor: pointer;
}

#contenu.carte .tooltip .tooltip-fermer {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
}

#contenu.carte .tooltip .tooltip-fermer a {
	position: absolute;
	top: 10px;
	right: 8px;
	display: block;
	background: url("../img/interface/btn-fermer-tooltip.gif") no-repeat;
	color: #2A9CC0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-weight: bold;
	font-family: Arial,Verdana,sans-serif;
	font-size: 140%;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

#contenu.carte .tooltip .tooltip-inner {
	padding: 16px 34px 3px 16px;
	z-index: 9000;
	position: relative;
}

#contenu.carte .tooltip ul {
	margin-left: 0;
}

#contenu.carte .tooltip ul li {
	background: url("../img/interface/ico-bullet-tooltip.jpg") no-repeat 0 4px;
	padding-left: 20px;
	list-style: none;
}

#contenu.carte .tooltip h1 {
	color: #ffc425;
	margin-bottom: 0.8em;
	font-size: 105%;
}

/*
 * @section Accueil
 ******************************************************************************/

body.accueil #wrap .wrap-inner {
	padding-top: 0;
}
 
body.accueil #intro {
	background: #ffc050;
	background: #ffe668 url("../img/interface/bg-accueil-intro.jpg") repeat-x top left;
	padding: 30px 26px 5px;
	position: relative;
}

body.accueil #intro .entry-title {
	font-size: 230%;
	line-height: 1.1;
	margin-bottom: 0.2em;
}

body.accueil #intro .texte {
	width: 430px;
	float: left;
}

body.accueil #intro .texte ul {
	margin-left: 0;
	width: 100%;
	overflow: hidden;
}

body.accueil #intro .texte ul li {
	margin-bottom: 1px;
	float: left;
	width: 100%;
}

body.accueil #intro .texte ul li a {
	background: url("../img/interface/ico-bullet-intro.jpg") no-repeat 0 50%;
	display: block;
	padding: 5px 3px 5px 34px;
}

body.accueil #intro .texte ul li a:hover {
	background-image: url("../img/interface/ico-bullet-intro-h.jpg");
}

body.accueil #intro .carte {
	width: 430px;
	float: right;
}

body.accueil #intro .carte a {
	display: block;
	background: url("../img/interface/bg-carte.jpg") no-repeat;
	width: 424px;
	padding-top: 252px;
	text-align: right;
	font-size: 95%;
	outline: none;
}

body.accueil #intro .carte a strong {
	background: url("../img/interface/btn-carte.jpg") no-repeat 0 50%;
	float: right;
	padding: 8px 8px 8px 32px;
}

body.accueil #intro .icones {
	position: absolute;
	width: 89px;
	height: 90px;
	left: 470px;
	top: 16px;
}

body.accueil #intro .icones ul {
	margin: 0;
}

body.accueil #intro .icones ul li {
	display: none;
}

body.accueil #intro .icones ul li.icone-66 {
	display: block;
}

body.accueil #intro .icones ul li.icone-66 a { background: url("../img/interface/icones-larges/pieton.png"); }
body.accueil #intro .icones ul li.icone-68 a { background: url("../img/interface/icones-larges/velo.png"); }
body.accueil #intro .icones ul li.icone-72 a { background: url("../img/interface/icones-larges/intermodalite.png"); }
body.accueil #intro .icones ul li.icone-70 a { background: url("../img/interface/icones-larges/urbanisme.png"); }
body.accueil #intro .icones ul li.icone-74 a { background: url("../img/interface/icones-larges/tramway.png"); }
body.accueil #intro .icones ul li.icone-76 a { background: url("../img/interface/icones-larges/busway.png"); }
body.accueil #intro .icones ul li.icone-78 a { background: url("../img/interface/icones-larges/quartiers.png"); }
body.accueil #intro .icones ul li.icone-80 a { background: url("../img/interface/icones-larges/qualite.png"); }

body.accueil #intro .icones ul li a {
	display: block;
	width: 89px;
	height: 90px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	outline: none;
}

body.accueil h2 {
	font-size: 135%;
	margin-bottom: 0.6em;
}

body.accueil h2.onglet {
	background: url("../img/interface/bg-accueil-intro-bottom.jpg") repeat-x top left;
	padding-top: 21px;
	padding-left: 4px;
	margin-bottom: 0;

}

body.accueil h2.onglet strong {
	float: left;
	background: #fff;
	padding: 12px 22px;
	margin-top: -21px;
}

body.accueil h2.onglet strong img {
	vertical-align: middle;
	margin-left: 5px;
}

body.accueil #contenu .hentry {
	border-top: 1px solid #d2d5cf;
}

body.accueil #contenu .autres {
	width: 413px;
	float: right;
}

body.accueil #contenu .autres .pub {
	margin-bottom: .5em;
}

body.accueil #contenu .autres h2 {
	margin-top: 1.5em;
}

body.accueil #contenu .dernier {
	width: 413px;
	float: left;
}

body.accueil #contenu p.meta {
	margin: 0.6em 0;
	font-size: 90%;
}

body.accueil #contenu .dernier .entry-title {
	font-size: 150%;
	margin-bottom: 0.5em;
}

body.accueil #contenu .autres .entry-title {
	font-size: 120%;
	margin-bottom: 0.5em;
}

body.accueil #contenu .autres .entry-content {
	font-size: 95%;
}

#contenu .entry-content .thumb {
	float: left;
	border: 2px solid #d9d9d9;
	margin: 0 1.4em 1.4em 0;
}

body.accueil #contenu .plus a {
	float: left;
	background: url("../img/interface/ico-bullet-plus.jpg") no-repeat 0 50%;
	padding: 6px 4px 6px 34px;
}

body.accueil #contenu .autres .plus {
	border-top: 1px solid #d2d5cf;
	padding-top: 1.4em;
}