/* Document CSS */
/* LeBellerive.ca */


/* --- Éléments globaux - On --- */
	body {
		font-size:13px; /* Ainsi 10px vaut exactement 1em, 11px = 1.1em, etc */
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
		background-image:url(../img/imagefond.jpg);
		background-repeat: no-repeat;
		background-color: #091421;
		background-position: top;
		margin: 0px;
		padding:0px;
		color:#fff;
	}
	
	.noprint {
	/*display: none;*/
	}
	.nosite {
	display:none;
	}
	
	h2{font-size:14px; color:#431716;}
	h6{font-size:16px; color:#3b6391; font-weight:bold; margin:0px; padding:0px;}
	
	#flashbanner{ overflow:hidden; }
	
	.contenuTexte {
	font-size:13px;
	}
	hr { margin:12px 0px 0px 0px; padding:0px; color:#b6b6b6;}
	.clear{ float:none; clear: both;}
	.clearLeft{float:none; clear: left;}
	.clearRight{float:none; clear: right;}
	
	.fLeft {float:left;}
	.fRight {float:right;}
	
	a{margin:0; padding:0; outline:none; border:none;}
	a:link, a:active, a:visited  {
	color:#9b8150; 
	border:none;
	outline:none;	
	}
	a:hover {
	color:#d9c193;  
	outline:none;
	}
	a img{
	border:none;
	outline:none;
	}
	a:hover img{
	border:none;
	outline:none;
	}
	a.alinktext {
	color:#3b6391;
	text-decoration : underline;	
	}
	a.alinktext:hover {
	color:#132D52;
	text-decoration : underline;	
	}
	
	p { margin: 0px 0px 20px 0px;}
	p.accueilp { margin: 0px 0px 10px 0px; }
	p.accueilpa { margin: 0px 0px 0px 0px; }
	
	.center {
	height:auto;
	margin:0 auto;
	padding:0;
	width:980px;
	position:relative;
	/*overflow:hidden;*/
	}
	.hmenu { height:44px; z-index:10;}
	
/* quicklink */
	#quicklink { font-size:11px; margin:6px 2px 10px 0px; padding:0px; height:14px; overflow:hidden; float:right; color:#719cf5;}
	#quicklink a {
	color:#719cf5; 
	margin:0px 6px;
	text-decoration: none;
	}
	#quicklink a:hover {
	color:#fff; 
	text-decoration: underline;
	}
	
/* mainMenu */
	#mainMenu{margin:0px; padding:0px; clear:both; /*height:44px;*/ line-height:0px; /*overflow:hidden;*/ width:980px; position:absolute; z-index:10;}
	#mainMenu ul{ list-style: none; margin:0px; padding:0px; /*height:44px;*/}
	#mainMenu li{ margin:0px; padding: 0px; display:inline; float:left; /*height:44px;*/}
	#mainMenu a.abordersmenu:hover{border-bottom: 5px solid #5690d3;}
	#mainMenu a{position:relative; display:block;}
	#mainMenu a .hover{position:absolute; display:none;}
	#mainMenu ul ul{ position:absolute; background:#192c44; display:none; height:auto; margin:0px; padding:18px 20px; /*width:150px;*/ z-index:10; border-bottom: 5px solid #5690d3; }
	.borderImg {border-bottom: 5px solid #5690d3!important}
	#mainMenu ul ul li{height:auto; width:auto; margin: 10px 0; display:block; float:none; white-space: nowrap; color:#98c0ef; }
	#mainMenu ul ul li a{font-size:12px; line-height:15px; height:15px; color:#fff; display:block; /*width:150px;*/text-decoration: none;}
	#mainMenu ul ul li a:hover{color:#98c0ef; text-decoration:none;}
	#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul, #mainMenu li:hover ul ul ul ul{display:none;}
	#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li li li:hover ul, #mainMenu li li li li:hover ul{display:block;}


/* LeRestaurantMenu */
	#LeRestaurantMenu{ margin:0px; padding:20px; clear:both; /*height:342px;*/ line-height:0px; overflow:hidden; width:940px; background-color:#FFFFFF;}
	#LeRestaurantMenu ul{ list-style: none; margin:0px 0px 15px 0px; padding: 0px; height:135px;}
	#LeRestaurantMenu li{ margin:0px; padding: 0px; display:inline; float:left; height:135px;}
	#LeRestaurantMenu a{ position:relative; display:block;}
	#LeRestaurantMenu a .hover{ position:absolute; display:none;}
	
/* Visitez */
	#visualisez{ margin:0px 0px 20px 0px; padding:0px; height:36px; overflow:hidden; width:329px; float:right; }
	#visualisez a{ position:relative; display:block;}
	#visualisez a .hover{ position:absolute; display:none;}
		
	
	.strokebottom {border-bottom: 1px solid #b6b6b6;}
	.strokepattern {background-image:url(../img/strokepattern.jpg); background-repeat:repeat-x; height:36px;}
	.strokebottomhr {border-bottom: 1px solid #b6b6b6; margin:10px 0px; }
	.hrHeight { height:16px; padding:20px;}
/* headerLogo */
	#header {width:980px; height:159px; padding:0px; margin:0px; background-image:url(../img/header.jpg); background-repeat:no-repeat; }
	
/* Vacances */
	#box {display:none; height:270px; left:50%; margin:0px; padding:10px; position:absolute; top:200px; width:784px; z-index:10; }	

/* infolettre */
	#boxInfolettre {width:274px; height:56px; padding:61px 33px 0px 0px; margin:0px; float:right; line-height:13px; font-size:11px;}
	#formInfolettre { width:274px; margin:0px; padding:4px 0px 0px 0px; line-height:10px;}
	.newsfield { border:none; outline:none; height: 16px; margin:0px; padding: 2px; width: 200px; font-size:11px; }
	.newsfieldt { border:none; outline:none; height: 20px; margin:0px; padding: 0px; width: 20px; }
	#formInfolettre  input.newsradio { margin-top:2px; padding:0px;}
	#formInfolettre .bouton {
	  width: 63px;
	  height: 24px;
	  padding:0px;
	  margin: 0px;
	  border: 0px;
	  background: transparent url(../img/btn_envoyer.jpg) no-repeat center top;
	  overflow: hidden;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	}
	#formInfolettre .bouton:hover {
	  width: 63px;
	  height: 24px;
	  padding:0px;
	  margin: 0px;
	  border: 0px;
	  background: transparent url(../img/btn_envoyer-o.jpg) no-repeat center top;
	  overflow: hidden;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand; /* for IE 5.x */
	}
	form>.bouton { /* For non-IE browsers*/
	  height: 0px;
	}
	#radioInfolettre { padding:2px; margin:0px; width:194px;}

a.presseImg {
	
}
		
/* Breadcrumb */


/* Print And Resize */
	#printandresize{ margin:0px 8px 0px 0px; padding:0px; /*clear:both;*/ float:right; height:59px; line-height:0px; overflow:hidden; width:auto;}
	#printandresize ul{ list-style: none; margin:0px; padding: 0px; height:59px; text-align:right;}
	#printandresize li{ margin:0px; padding: 0px; display:inline; float:left; height:59px; border:none;	outline:none;}
	#printandresize a{ position:relative; display:block; border:none; outline:none;}
	#printandresize a .hover{ position:absolute; display:none; border:none;	outline:none;}
	

/* content */
	#content {
	width:100%;
	margin:0px;
	}
	.contentCenterAccueil {
	width:918px;
	margin:0px;
	padding:10px 10px 0px 10px;
	}	
	.contentCenter {
	width:918px;
	margin:0px;
	padding:0px 10px;
	}
	
	#LeRestaurant { background-color:#3b6391; width:960px; height:auto; border-top: 3px solid #5690d3; margin:0px; padding:20px 20px 20px 0px;}
	#photoResto { width:335px; float:left; }
	#LeResto { margin:0px; width:608px; padding-left:16px; float:left;}
	
/* Image title */
	#titreImage {background-color:#3b6391; border-top: 3px solid #5690d3; width:980px; overflow:hidden;}
	#ImgTitle {width:873px; float:left; overflow:hidden;}
	
	.imgfloatright {border-bottom: 4px solid #5690d3; float:right; margin:0px 0px 20px 20px;}
	.imgfloatleft {border-bottom: 4px solid #5690d3; float:left; margin:0px 20px 20px 0px;}
	
	#colTexte {
	margin:0px; padding:20px; background-color:#FFFFFF; color:#091421; text-align:justify; /*position: relative;*/}
	
	#colTexteMenu {
	margin:0px; padding:20px 110px; background-color:#FFFFFF; color:#091421; text-align:justify; /*position: relative;*/}
	
	#colMap {
	width:462px;
	margin:0px;
	padding:0px 10px 20px 0px;
	color:#240f00;
	line-height:14px;
	float:left;
	}
	
/* Galerie */
#galerie_list {}
ul.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
}
ul.gallery {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
}
ul.gallery li {
display:block;
float:left;
margin:0 5px 0 0;
}
ul.gallery li {
display:block;
float:left;
margin:0 5px 0 0;
}
ul li {
margin:0 0 5px;
}
/*#gelerie_list li {display:inline; float:left; padding:0;}*/
#galerie_list_counter { color:#091421;}
#galerie_list_counter a{color:#3b6391;}
#galerie_list_counter a:hover{color:#132D52;}
.qp_counter { margin:0px 4px;}

a.alinktext {
	color:#3b6391;
	text-decoration : underline;	
	}
	a.alinktext:hover {
	color:#132D52;
	text-decoration : underline;	
	}
	
/* Google Map */
#boite-carte {
	position:relative;
	width:442px;
	height:466px;
	margin-top:8px;
	border:1px solid #333;
}
	
#carte {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:442px;
	height:466px;
	border:1px solid #3b6391;
}
.form-itineraire { 
	width:142px; 
	margin:0;
	padding:0px; 
	height:56px; 
	color:#3b6391;
	float:right;
	text-align:left;
}
.form-itineraire-en {
	width:220px;
}
#form-itineraire-g {
	float:left;
	width:174px;
	margin:5px 10px 0px 6px;
}
#form-itineraire-d {
	width:200px;
	float:left;
	margin:0px;
}
#form-itineraire .champ {
	float:left;
	width:92px;
	height:12px;
	font-size:11px;
	text-transform:uppercase; 
	padding:4px 2px;
	margin:6px 0px 0px 0px;
	background-color:#fff;
	border:none;
	border:1px solid #A28E56;
}

#form-itineraire .champ:hover {
	background-color:#fff;
}
#form-itineraire .boutonGO {
	float:left;
	height:22px;
	font-size:11px;
	margin:6px 0px 0px 0px;
	border:none;
	background-color:#ad9b6b;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#form-itineraire .boutonGO:hover {
	font-weight:bold;	
}

.bouton-zoomIn {
	/*text-decoration:none;
	color:#18427c;
	background-color:#fff;
	font-size:1.6em;
	font-family:'Tahoma', Tahoma,Geneva,Kalimati,sans-serif;
	border:1px solid #18427c;
	padding:0px 4px;
	margin-bottom:3px;
	text-align:center;*/
	margin-right:400px;
	margin-bottom:4px;
	width:22px;
	height:22px;
	background-image:url(http://jozephil.qc.ca/img/btn_ZoomIn.jpg);
	cursor:pointer;
}
.bouton-zoomIn:hover {
	background-image:url(http://jozephil.qc.ca/img/btn_ZoomIn-o.jpg);
}
.bouton-zoomOut {
	width:22px;
	height:22px;
	background-image:url(http://jozephil.qc.ca/img/btn_ZoomOut.jpg);
	cursor:pointer;
}
.bouton-zoomOut:hover {
	background-image:url(http://jozephil.qc.ca/img/btn_ZoomOut-o.jpg);
}
.imgbuble { float:left; margin-right:6px;}
#informations {
	display:block;
	width:352px;
	height:140px;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:11pt;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}

/* Fin Google Map */

	#colDroiteMap {
	width:228px;
	float:left;
	padding:0px;
	margin:0px;
	float:left;
	}
	.colDroiteInfo { width:470px; height:86px; border-bottom:1px solid #c0c0c0; padding-bottom:12px;}
	.colDroiteInfolast { width:470px; padding-bottom:12px;}
	.jozephil { text-transform:uppercase; font-size:11px; color:#3b6391;}
	#jozephilSign { float:right; width:140px; padding-top:6px;}
	#sortieForm { float:right; width:252px;}


/*contactForm */
	#formMail {
	width:auto;
	height:auto;
	padding:0px;
	margin-top:12px;
	/*position:relative;*/
	}
	
	.inputMail {
	width:160px;
	background-color:#fff;
	border:1px solid #a28e56;
	margin:0px 16px 0px 0px;
	font-size:11px;
	}
	.textareaMail {
	width:450px;
	height: 60px;
	background-color:#fff;
	border:1px solid #a28e56;
	margin:0px 16px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	.asterisque { color:#a28e56;}
	
	label.error {
	font-weight:normal;
	color:red;
	text-align:left;
	width:160px;
	height:24px;
	padding-left:25px;
	padding-top:10px;
	display:block;
	background: transparent url(../img/Bad_22x22.gif) no-repeat scroll left;
	}
	
	#messageConf {
	width:auto;
	margin:30px 0 0 100px;
	}
	#checkmark {
		position:relative;
		top:-83px;
		left:-38px;
	}
	
	#form-contact label{
	color: #091421; 
	margin:0px;
	/*padding:0px;*/
	text-align:left;
	}
	#form-contact .error {
	color:#cf2700;
	}
	#form-contact input.error {
	color:#aa0233;
	background-color:#cf2700; 
	}
	.erreurPost {
	color:#c00c00;
	}
	#form-contact textarea.error {
	color:#aa0233;
	background-color:#cf2700;
	}
	#btnEnvoyer {
	width:107px;
	height:23px;
	margin:0px 18px 0px 0px;
	padding:0px;
	border:0px;
	background: transparent url(../img/btn-form-envoyer.jpg) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	}
	#btnEnvoyer:hover {
	background: transparent url(../img/btn-form-envoyer-o.jpg) no-repeat center top;
	}
/* end contactForm */


	#nosCoordonnees {
	width:301px;
	height:114px;
	padding:20px 16px; 
	background-color:#f5f1eb;
	border-left: 1px solid #b0986e;
	border-bottom: 1px solid #b0986e;
	border-right: 1px solid #b0986e;
	color:#3f1010;
	}
	
	#notreMenu {
	width:190px;
	min-height:154px;
	padding:20px 18px; 
	background-color:#f5f1eb;
	border-left: 1px solid #b0986e;
	border-bottom: 1px solid #b0986e;
	border-right: 1px solid #b0986e;
	}
	
	.menuPDF {
	margin-bottom:12px;
	}
	.pdfIcon {
	width:18px;
	height:24px;
	margin:0px;
	padding:0px;
	float:left;
	}
	.pdfMenu {
	width:156px;
	margin:0px;
	padding:0px 0px 0px 16px;
	color:#240f00;
	float:left;}
	
	.pdfMenu a{
	color:#240f00;
	text-decoration:none;
	}
	.pdfMenu a:hover{
	color:#5e1613;
	text-decoration:underline;
	}
	
	#blockFlashHeader { float:right; width:456px; height:282px; padding:0px; margin:0px; position:relative; top:14px; right:15px;}
	/*#blockLogo {width:408px; padding:0px; margin:0px; position:relative; top:26px; left:27px; }*/
	#headerText {width:398px; padding:10px 6px; margin:0px; text-align:justify;}

	

		
/* class Text */
	.separateur {
	}
	
	.rn-color {
	/*font-weight:bold;*/
	color:#47a444;
	}

	/* footer */
	#footer { font-size:11px; margin:20px 0px 6px 3px; padding:0px; height:14px; overflow:hidden; float:left; color:#83a2af;}
	#footer a {
	color:#fff; 
	margin:0px 6px;
	text-decoration: none;
	}
	#footer a:hover {
	color:#fff; 
	text-decoration: underline;
	}
	
	/* footerBlue */
	#footerBlue { font-size:11px; margin:0px 0px 10px 3px; padding:0px; height:14px; overflow:hidden; float:left; color:#fff;}
	#footerBlue a {
	color:#83a2af; 
	margin:0px 6px;
	text-decoration: none;
	}
	#footerBlue a:hover {
	color:#83a2af; 
	text-decoration: underline;
	}
	
	/* Copyright */
	#copyright { font-size:12px; margin:0px 0px 20px 3px; padding:0px; height:18px; overflow:hidden; float:left; color:#989898;}
	#copyright a {
	color:#989898; 
	margin:0px 6px;
	text-decoration: underline;
	}
	#copyright a:hover {
	color:#fff; 
	text-decoration: underline;
	}
	
	#Activis{
	width:84px;
	height:18px;
	overflow:hidden;
	float:left;
	margin:0px;
	padding:0px;
	}
	#Activis a{ position:relative; display:block;}
	#Activis a .hover{ position:absolute; display:none;}
	
	#logo { position: absolute; z-index:9; top:-4px; left:288px; width:400px; height:237px; }
	#logofooter { position: absolute; z-index:10; top:27px; right:0px; width:145px; height:51px; }
	
	.fooImg { background-image:url(../img/newsletterImg.jpg); background-repeat: no-repeat;}
	
	/* Menu a la carte */
	h4 {
		font-family:"French Script MT";
		font-size:22pt;
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	.menufont {
		font-family:"French Script MT";
		font-size:22pt;
		font-weight:normal;
	}
	.menufontbas {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:normal;
	}
	.menufontTitre {
		font-family:"French Script MT";
		font-size:28pt;
		font-weight:bold;
	}
	.menuClient { display:none;}
	
	
	/* SiteMap */
	#conteneur-plan3{}
	#controleur-plan3{float:right;text-align:center; margin-right:200px;}
	#controleur-plan3 a{display:block;padding:5px;width:8em;color:#778493;text-decoration:none;border:1px solid #778493;margin:1px 0;text-align:center;outline:0;}
	#controleur-plan3 a:hover{color:#fff;text-decoration:none; border:1px solid #3b6391; background-color:#3b6391;}
	#controleur-plan3 a:active{color:#fff;border:1px solid #3b6391;}
	#plan3 {float:left;margin:0 0 20px 142px;}
	#plan3 li {}
	#plan3 li span a {color:#555;text-decoration:none;text-transform:uppercase;font-weight:bold;}
	#plan3 li span a:hover {color:#333;}
	#plan3 li ul {}
	#plan3 li ul li {}
	#plan3 li ul li a {color:#5690d3;text-decoration:none;}
	#plan3 li ul li a:hover {text-decoration:underline;}
	#plan3 li ul li ul {}
	#plan3 li ul li ul li {}
	#plan3 li ul li ul li a {color:#666;text-decoration:none;}
	

.coL2{width:44%; padding-right:2%; padding-left:10px; padding-top:10px; padding-bottom:14px;float:left; display:inline; line-height:1.8em;}

ul.ullist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
}
ul.ullist li {
display:block;
margin:0px;
padding-bottom:6px;
}

.lilist {color:#719CF5;}