body{ font-family: arial, verdana, sans-serif; font-size: 14px; }
strong { font-weight: bold; }
a, a:link, a:active, a:visited { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }
.centered_container { width: 915px; margin: 0 auto; position: relative; }
h2 { font-size:18px; }

html body .clearer { clear: both; float: none; width: 0; height; 0; padding: 0; margin: 0; }

#header { padding: 0; height: 207px; position: relative; border-top: 5px solid #5dadda; border-bottom: 1px solid #154764; background: transparent url(../img/bandeau.png) no-repeat top center; }

/* Style pour le menu global */
#menu { clear: both; position: relative; margin: 0 auto; width: 900px; }
#menu li { float: left; width: 225px; height: 53px; }
#menu li a { display: block; width: 100%; height: 100%; border: 0; background: transparent url(../img/menu_sprite.png) no-repeat scroll 0 0; }

/* Default state */
#menu_tsz a, 
#menu_tsz a:link, 
#menu_tsz a:active, 
#menu_tsz a:visited { background-position: 0 0; }

#menu_oslz a, 
#menu_oslz a:link, 
#menu_oslz a:active, 
#menu_oslz a:visited { background-position: 0 -159px; }

#menu_vpvz a, 
#menu_vpvz a:link, 
#menu_vpvz a:active, 
#menu_vpvz a:visited { background-position: 0 -318px; }

#menu_cont a, 
#menu_cont a:link, 
#menu_cont a:active, 
#menu_cont a:visited { background-position: 0 -477px; }

/* Active state */
#menu_tsz .active, 
#menu_tsz .active:link, 
#menu_tsz .active:active, 
#menu_tsz .active:visited { background-position: 0 -106px; }

#menu_oslz .active, 
#menu_oslz .active:link, 
#menu_oslz .active:active, 
#menu_oslz .active:visited { background-position: 0 -265px; }

#menu_vpvz .active, 
#menu_vpvz .active:link, 
#menu_vpvz .active:active, 
#menu_vpvz .active:visited { background-position: 0 -424px; }

#menu_cont .active, 
#menu_cont .active:link, 
#menu_cont .active:active, 
#menu_cont .active:visited { background-position: 0 -583px; }

/* Hover state */
#menu_tsz a:hover { background-position: 0 -53px; }
#menu_oslz a:hover { background-position: 0 -212px; }
#menu_vpvz a:hover { background-position: 0 -371px; }
#menu_cont a:hover { background-position: 0 -530px; }

/* Header design */
#outline_fleuve { width: 386px; height: 189px; background: transparent url(../img/fleuve_slogan.png) no-repeat; position: absolute; top: 18px; left: -33px; }

#slogan { display: none; } 
#lang { position: absolute; right: 10px; top: 70px; }
#lang li { display: inline; color: #006e99; margin-right: 5px; }
#lang li a { color: #006e99; }

.active { font-weight: bold; }

#villes li { font-size: 0.8em; position: absolute; list-style-type: none; }
#villes li a, #villes li span { display: block; width: 100%; height: 100%; background: transparent url(../img/villes_sprite.png) no-repeat 0 0; }

#villes #quebec { left: 183px; top: 62px; width: 71px; height: 22px }
#villes #montreal { left: 40px; top: 169px; width: 85px; height: 22px; }
#villes #sherbrooke { left: 220px; top: 179px; width: 97px; height: 22px; }

#villes #quebec a { background-position: -97px 0; }
#villes #montreal a { background-position: -97px -22px; }
#villes #sherbrooke a { background-position: -97px -44px; }

#villes #quebec .active, 
#villes #quebec a:hover { background-position: 0 0; }
#villes #montreal .active, 
#villes #montreal a:hover { background-position: 0 -22px; }
#villes #sherbrooke .active, 
#villes #sherbrooke a:hover { background-position: 0 -44px; }

#logo { width: 446px; height: 113px; position: absolute; top: 68px; right: 10px; }
 
/* style du conteneur pour le contenu de la page */
#contenu_page { background: transparent url(../img/pattern.gif) repeat center top; border-top: 1px solid #A0CDE7; }

/* Style pour les commanditaires */
#sponsors { position: relative; margin: 0 auto; width:900px; margin-top: 30px; }
#sponsors  li{ display: inline; margin-left: 60px; }
#commanditaires { padding: 40px 0; background: transparent url(../img/foot_topshadow.png) repeat-x; }
h2#merci { background: url(../img/titre_nousremercions.png) no-repeat center center; text-indent: -5000em; }
#commanditaires { }
#commanditaires ul { width: 900px; height: 77px; position: relative; margin: 20px auto; clear:both; background: transparent url(../img/partenaires.png) no-repeat 0 0; }
#commanditaires li { display: block; margin-left: 25px; float:left; width: 118px; height: 56px; }
#commanditaires li a { display: block; height: 100%; width: 100%; text-indent: -5000px; overflow: hidden; }
#provider span { display: block; position: relative; top: -8px; }
#provider { color: #0080b2; position: relative; width: 330px; float: left; line-height: 2px; font-size: 14px; margin-top: 66px; }
#provider a { padding: 0 2px; background-position: 2px 0; }
#ma14 { float: right; color: #0080b2; width: 294px; font-size: 14px; margin: 55px -20px 0 0 ; }
#ma14 span { display: block; width: 90px; float: left; padding-top: 3px; text-align: right; }
#ma14 a { background-position: 3px 0; }

#commanditaires li.vdq { width: 95px; }
#commanditaires li.cre { width: 120px; }
#commanditaires li.bcn { width: 130px; }
#commanditaires li.fj { width: 125px; }
#commanditaires li.msgq { width: 135px; }

.lieuNom { text-transform: uppercase; font-weight: bold; margin-bottom: 7px; }
.clearer { clear:both; }

#contactez_nous { text-align:center; padding: 8px 0 6px; font-size: 14px; color: #a6a6a6; }
#contactez_nous span { text-transform: uppercase; }
#contactez_nous a { color: #a6a6a6; }

#zapqc_logo { width: 89px; height: 140px; margin: 22px auto; text-align: center; }
#zapqc_logo a { display: block; text-indent: -5000px; overflow: hidden; width: 100%; height: 100%; background: transparent url(../img/zapquebec.png) no-repeat 0 0; }

#participants { width: 740px; margin: 0 auto; }

.ixmedia { display: inline-block; background: transparent url(../img/ixmedia.png) no-repeat 0 0; width: 60px; height: 19px; position: relative; top: 7px; }
.viagenie { display: inline-block; background: transparent url(../img/viagenie.png) no-repeat 0 0; width: 88px; height: 29px; position: relative; top: 3px; }
.ma14 { display: block; background: transparent url(../img/ma14.png) no-repeat 0 0; width: 121px; height: 41px; text-indent: -5000px; overflow: hidden; float: right; margin: 2px 77px 0 0; }

ul#liste_villes{
	margin: 13px 0 -2px 11px;
	width: 200px;
}
ul#liste_villes li ul {
	width: 200px;
	margin-top: -30px;
	padding-top: 30px;
}
ul#liste_villes li a {
	border: 0;
	color: #fff;
	-moz-border-radius: 5px;
	background: url(../img/backbutton.png) repeat-x 0 0;
	-moz-box-shadow: 0 2px 3px #000 inset;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 3px #000 inset;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 10px 2px 10px;
	text-shadow: 0 1px 0 #000;
	display: block;
	height: 20px;
	width: 180px;
}
ul#liste_villes > li > ul > li > a {
	padding: 2px 10px;
	font-weight: normal;
}
ul#liste_villes > li > a > span.ind {
	background: url(../img/fleche.png) no-repeat center center;
	display: block;
	width: 20px;
	height: 16px;
	float: right;
}
ul#liste_villes > li > a {
	z-index: 2000;
	position: relative;
}
ul#liste_villes > li > ul > li > a:hover {
	color: #CEED6F;
	cursor: pointer;
}
ul#liste_villes li a:hover {
	text-decoration: none;
}
ul#liste_villes:hover li a {
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
ul#liste_villes:hover li ul {
	background: transparent url(../img/backbutton.png) repeat-x 0 0;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 2px 5px #000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 5px #000;
}
ul#liste_villes li.active { 
	display: none; 
}

/* Success, notice and error boxes
Blue Print CSS
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }