/*Création le 10 Septembre 2007 par Phil Turcotte*/
* {
	padding:0px;
	margin:0px;
}

body {
	background-color: #000000;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100%;
}
body.nouvelleFenetre {
	background-color: #000000;
	background-image: none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100%;
	text-align: center;
}
a { color: #FFFFFF; }
a:hover { color: #ECB83C; }
.nouvelleFenetre p,table,tr,td { font-size: 12px; }

h1 { clear: left; font-variant: small-caps; font-size: 15px; font-weight: bold; color: #ecb83c; margin-top: 28px; }
h2 { margin-top: 10px; font-size: 14px; font-weight: bold; color: #eedea7; }
h3 { font-size: 20px; font-weight: bold; color: #ecb83c; margin-top: 34px; }
.blanc { color: #ffffff; }
.bleu { color: #178bbe; }
.bleu:hover { color: #178bbe; }
.jaune { color: #ebb43f; }
.jaune:hover { color: #ebb43f; }
.orange { color: #ff6501; }
.orange:hover { color: #ff6501; }
.bleuPale { color: #b5c7db; }
.bleuPale:hover { color: #b5c7db; }
.plusGros { font-size: 14px; }

.image { float: left; margin: 0 7px 7px 0; padding: 0; }
hr { color: #8c8c8c; display: block; clear: both; }

div#conteneur {
	width: 980px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}
div#conteneurNouvelleFenetre {
	width: 477px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin: 10px auto;
	padding: 0;
}
div.separateur {
clear: both;
}

/********Request trail maps **************/
div.conteneurFormulaires { display: block; clear: both; margin: 0 100px 0 100px; width: 792px; text-align: center; }
div.sectionGaucheBrochures { float: left; width: 346px; text-align: center; margin: 10px 0 0 0; padding: 0; display: block; }
div.sectionDroiteBrochures { float: right; width: 346px; text-align: center; margin: 10px 0 0 0; padding: 0; display: block; }
div.trailsGauche { float: left; margin: 0 0 0 10px; text-align: center; } 
div.trailsGauche img { margin: 10px 0 10px 0; }
div.trailsDroite { float: right; margin: 0 10px 0 0; text-align: center; }
div.trailsDroite img { margin: 10px 0 10px 0; }
div.formulaires { width: 526px; margin: 10px 0 0 0; padding: 0; text-align: left; }

/********Ride québec maritime *************/
div#rideQuebecMaritime { margin-top: 7px; float: right; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 388px; }
div#rideQuebecMaritime img.image { margin-bottom: 10px; float: left; display: block; }
div#rideQuebecMaritime div { clear: right; margin: 0; padding: 0; display: block; float: right; width: 390px; }
div#rideQuebecMaritimeColonneGauche { width: 586px; display: block; float: left; }
div#rideQuebecMaritimeColonneGauche hr { margin: 10px 0 10px 0; clear: both; }
div#rideQuebecMaritimeColonneGauche .lieuOnTheTrail { width: 242px; display: block; float: left; clear: left; }
div#rideQuebecMaritimeColonneGauche .hotelsOnTheTrail { width: 344px; display: block; float: right; clear: right; }
div#rideQuebecMaritimeColonneGauche .hotelsOnTheTrail ol { margin: 20px 0 0 30px; padding: 0; margin-top: 0; }
div#rideQuebecMaritimeColonneGauche .hotelsOnTheTrail ol li { margin-left: 0px; padding-left: 0; list-style: decimal; list-style-position: outside; }

div#rideQuebecMaritimeColonneDroite { width: 376px; display: block; float: right; text-align: left; }
div#rideQuebecMaritimeColonneDroite .boiteBleue { width: 372px; margin: 40px 0 0 0; border: 2px solid #178bbe; clear: both; display: block; }
div#rideQuebecMaritimeColonneDroite .boiteBleue span { text-align: center; font-weight: bold; font-size: 14px; margin: 10px; padding: 0; width: 356px; display: block; }
div#rideQuebecMaritimeColonneDroite .autresCircuits { margin: 10px 0 0 0; padding: 0; width: 372px; height: 123px; display: block; text-align: left; vertical-align: middle; }
div#rideQuebecMaritimeColonneDroite .autresCircuits a { text-decoration: none; vertical-align: middle; }

/*********Lodging (forfaits)************/
.forfait { width: 972px; display: block; float: left; position: relative;  margin: 10px 5px 0 0; }
.forfait img { margin: 0 10px 150px 0; float: left; border: 0; }
.forfait ul { display: block; position: relative; margin: 0 0 10px 268px; padding: 0; }
.forfait ul li { margin: 0 0 0 0; padding: 0 0 0 15px; background-image: url(images/PagesInterieures/bullet.gif); background-position: 0 2px; background-repeat: no-repeat; list-style: none; }
.forfait span.grosPrix { font-size: 20px; color: #b5c7db; font-weight: bold; }
.forfait img.etoiles { float: left; display: block; margin: 0; padding: 0; }

/********Trail conditions **********/
.trailConditions ul { display: block; position: relative; margin: 0 0 10px 0; padding: 0; }
.trailConditions ul li { margin: 0 0 0 0; padding: 0 0 0 15px; background-image: url(images/PagesInterieures/bullet.gif); background-position: 0 2px; background-repeat: no-repeat; list-style: none; }

/********Testimonials********/
.imageTestimonials { margin: 32px 25px 22px 0; } 
.imageTestimonialsDernier { margin: 32px 0 22px 0; } 

/********Regions********/
.imageRegion { margin: 0 0 22px 22px; float: right; } 
div#lienRegion { width: 385px; display: block; clear: both; float: right; text-align: center; margin-bottom: 20px; }

/********Menu Principal********/
div#menuPrincipal {
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#FFFFFF;
	height: 86px;
	display: inline-block;
	clear: both;
	text-align: right;
}

div#menuPrincipal a {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div#menuPrincipal a:hover {
	color:#ebb73c;
}
div#menuPrincipal a.selected {
	color:#ebb73c;
}

ul#menuJaune {
	position: relative;
	display:block;
	float: left;
	color:#EEDEA7;
	margin: 45px 0 10px 0;
}
ul#menuJaune li a {
	color:#EEDEA7;
}
ul#menuJaune li a:hover {
	color:#ebb73c;
}
ul#menuJaune li a.selected {
	color:#ebb73c;
}

ul#menuHome {
	display:block;
	float: right;
	color:#FFFFFF;
	margin: 45px 0 10px 30px;
}

div#menuPrincipal ul {
	display:block;
	margin:45px 0 10px 40px;
}

div#menuPrincipal li {
	display:inline;
	padding-left:5px;
}

#btn_official {
	display: block;
	float:left;
	margin-top:5px;
}

/*******Sous-Menu************/
div#sousMenu {
	width:980px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
	margin-top:5px;
	padding: 0;
	padding-top:7px;
	clear: both;
	text-align: left;
	float: none;
	background-color:#f2c500;
	height:19px;
}

div#sousMenu ul{
	display:block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	height: 23px;
/*	margin-top: 16px;*/
}

div#sousMenu li{
	display:inline;
	padding-left:13px;
}
div#sousMenu ul li a {
	color:#000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#sousMenu ul li a:hover {
	color:#9e0b0f;
}
div#sousMenu ul li a.selected {
	color:#9e0b0f;
}



#rides img {
	margin-bottom:25px;
}

.alignementDroiteAccueil {
	float: right;
	text-align: right;
	margin-left: 10px;
	display: block;
	clear: none;
	width: 386px;
}

.alignementGaucheAccueil {
float: left;
	text-align:left;
	display: block;
	clear: none;
	width: 580px;
}

.alignementDroiteAccueil img {
}

.alignementGaucheAccueil img {
margin-right: 10px;
}

.alignementDroite {
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}

.alignementGauche {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}

/*******Sous-Menu du BAS************/
div#sousMenuBas {
	width:980px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
	margin-top:5px;
	padding: 0;
	padding-top:7px;
	clear: both;
	text-align: left;
	float: none;
	background-color:#f2c500;
	height:19px;
}

div#sousMenuBas ul{
	display:block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	height: 23px;
/*	margin-top: 16px;*/
}

div#sousMenuBas li{
	display:inline;
	padding-left:13px;
}
div#sousMenuBas ul li a {
	color:#000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#sousMenuBas ul li a:hover {
	color:#9e0b0f;
}
div#sousMenuBas ul li a.selected {
	color:#9e0b0f;
}

/******** Images Centrales ********/
div#imagesCentrales {
}

div#imagesCentrales p {
	float:right;
	width:375px;
	padding:0px;
	margin:0px;
}

div#imagesCentrales img {
	float:left;
}

img#banniere_concours {
	margin-top:17px;
}

#collone_droite img {
	margin-bottom:20px;
	margin-left:9px;
}


/********Espaces Pubs*******/
.publicite {
	float:left;
	font-variant:small-caps;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-right:5px;
	vertical-align: top;
	text-align:center;
}
.publicite a { text-decoration: none; }
.publicite a.selected { color: #ECB83C; }
.publicite img {
	margin-top:5px;
	display: block;
	clear: both;
}

#bandeau_pub {
	margin-top:10px;
	padding-top:19px;
	text-align:center;
	background-image:url('images/degrade.gif');
	height:81px;
}

/************Bas de page**************/
div#copyrights {
	float:left;
	text-align:center;
	font-family:Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

div#copyrights a{
	color:#FFFFFF;
	text-decoration:none;
}
div#copyrights a:hover {
	color:#ebb73c;
}

div#copyrights ul{
	margin-top:15px;
	margin-bottom:0px;
}

div#copyrights p{
	margin:0px;
}

div#copyrights li{
	display:inline;
	padding-left:3px;
}

div#copyright {
	text-transform:uppercase;
	float:left;
	font-size:11px;
	padding-top:9px;
	color:#b4b4b4;
	padding-left:20px;	
}

#copyright span.update {
	color:#f2c500;
}

div#gouvernement {
	float:right;
	padding-top:7px;
}


/******************************/
/********Page concours*********/
/******************************/
div#imagesConcours {
}

/*Colonne Gauche*/
div#colonne_gauche {
	float:left;
	width:585px;
}

div#colonne_gauche p{
	margin-top:10px;
}

img#paysage1 {
	margin-right:9px;
}

img#paysage2 {
	margin-right:9px;
}

/*Colonne Droite*/
div#colonne_droite {
	background-image:url(images/img_contest_fond_para.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:377px;
	float:right;
}

div#colonne_droite p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

p#description {
	font-size:12px;
}

.italic {
	font-style: italic;
}

p#legal {
	margin-top:10px;
	font-size:12px;
}

p#prize {
	font-weight:bold;
	font-size:15px;
	margin-top:20px;
}

div#enterNow {
	background-color:#BC0308;
	text-align:center;
}

div#logoHotels {
	background-color:#FFFFFF;
}

div#logoHotels img{
	margin-right:10px;
}

.width100 {
	width:100%;
}

p.paraNormal {
	text-align:left;
	float:none;
	clear:right;
}

img.imageTexte {
	border:2px solid #FFFFFF;
	display:block;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

.alignementDroite h2{
	float:right;
	clear:right;
	width:375px;
	text-align:left;
	margin-bottom:5px;
}


/***************Formulaires*************************/
.bouton       				{ WIDTH: auto; cursor: pointer; BACKGROUND-COLOR: #DDDDDD; border: 1px solid black; FONT-SIZE: 8pt; FONT-WEIGHT: bold; }

.sansLargeur    { WIDTH: auto;}
input           { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
input.autre     { WIDTH: 271px; }
input.privilege { WIDTH: 110px; }
input.nouvelleFenetre { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
input.carteCredit { WIDTH: 80px; COLOR:#000099; FONT-SIZE: 12px; }
input.envoyerAUnAmi { WIDTH: 105px; COLOR:#000000; FONT-SIZE: 12px; }
input.envoyerAUnAmiCourriel { WIDTH: 165px; COLOR:#000000; FONT-SIZE: 12px; }
select          { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
select.nouvelleFenetre { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
select.envoyerAUnAmi { WIDTH: 125px; COLOR:#000000; FONT-SIZE: 12px; }
select.reservation { WIDTH: 300px; COLOR:#000000; FONT-SIZE: 12px; }
textarea        { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
textarea.nouvelleFenetre { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
textarea.envoyerAUnAmi { WIDTH: 445px; COLOR:#000000; FONT-SIZE: 12px; }
input.rechercher { WIDTH: 120px; FONT-SIZE: 8pt; }
input.rechercherBanqueDImage     { WIDTH: 205px; COLOR:#000000; FONT-SIZE: 12px; }


/* CAROUSSEL ACCUEIL
**********************************/

#imageContainer {
	position:relative;
	width:980px;
	height:200px;
}

#imageContainer img {
	left:0;
	opacity:0;
	position:absolute;
	top:0;
}

#imageContainer img.premiere {
	opacity:100;
}

/* Articles et Videos
********************************/

#articles .article
{
	padding:10px;
	margin-left:50px;
	font-size:12px;
	text-align:left;
}

#articles .fichier
{
	margin-top:5px;
	display:block;
}

#articles .titre
{
	font-size:14px;
	color:#F2C500;
}

/*     Téléchargement des cartes
**************************************/
a.telecharger_carte
{
	display:block;
	margin-top:5px;
}

/*  Forfait importé de québec maritime
**************************************/

span.majuscule
{
	text-transform:uppercase;
}

/* Section Cote-Nord refaite
**************************************/
#section_bsl {
	font-size:1.17em;
}

#section_bsl img.banniere {
	padding:0;
	margin:0;
	border:0;
	margin-bottom:-3px;
}

#section_bsl img.bande {
	float:right;
	padding:0;
	margin:0;
	border:0;
	margin-left:50px;
	width:300px;
}

#section_bsl a.lodging {
	float:left;
	display:block;
	background:url(images/bouton_lodging.jpg);
	margin-right:0px;
	padding-top:7px;
	width:70px;
	height:19px;
	font-size:11px;
	font-weight:bold;	
	color:black;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

#section_bsl a.lodging:hover {
	color:#9E0B0F;
}

#section_bsl a.website {
	float:left;
	display:block;
	background:url(images/bouton_bsl.jpg);
	margin-right:15px;
	margin-top:10px;	
	padding-top:7px;	
	width:240px;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:black;	
	text-transform:uppercase;
	text-decoration:none;	
	text-align:center;
	vertical-align:middle;	
}

#section_bsl a.website:hover {
	color:#9E0B0F;
}

#section_bsl a.order {
	float:left;
	display:block;
	background:url(images/bouton_order_bsl.jpg);
	margin-top:10px;
	padding-top:7px;
	width:325px;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:black;	
	text-transform:uppercase;
	text-decoration:none;	
	text-align:center;
	vertical-align:middle;	
}

#section_bsl a.order:hover {
	color:#9E0B0F;
}

/* Section Gaspesie refaite
**************************************/
#section_gaspesie {
	font-size:1.17em;
}

#section_gaspesie img.banniere {
	padding:0;
	margin:0;
	border:0;
	margin-bottom:-3px;	
}

#section_gaspesie img.bande {
	float:right;
	padding:0;
	margin:0;
	border:0;	
	margin-left:50px;
	width:300px;
}

#section_gaspesie a.lodging {
	float:left;
	display:block;
	background:url(images/bouton_lodging.jpg);
	margin-right:20px;
	padding-top:7px;
	width:70px;
	height:19px;
	font-size:11px;
	font-weight:bold;	
	color:black;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

#section_gaspesie a.lodging:hover {
	color:#9E0B0F;
}

#section_gaspesie a.website {
	float:left;
	display:block;
	background:url(images/bouton_gaspesie.jpg);
	margin-right:15px;	
	margin-top:10px;	
	padding-top:7px;	
	width:180px;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:black;	
	text-transform:uppercase;
	text-decoration:none;	
	text-align:center;
	vertical-align:middle;	
}

#section_gaspesie a.website:hover {
	color:#9E0B0F;
}

#section_gaspesie a.order {
	float:left;
	display:block;
	background:url(images/bouton_order_gaspesie.jpg);
	padding-top:7px;
	margin-top:10px;	
	width:259px;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:black;	
	text-transform:uppercase;
	text-decoration:none;	
	text-align:center;
	vertical-align:middle;	
}

#section_gaspesie a.order:hover {
	color:#9E0B0F;
}