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


/* --- Éléments globaux - On --- */
	body {
		font-size:10pt; /* 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:block;
	}
	
	h2{font-size:10pt; color:#431716;}
	h3{font-size:12pt; color:#3b6391; font-weight:bold; margin:0px; padding:0px;}
	h6{font-size:12pt; color:#3b6391; font-weight:bold; margin:0px; padding:0px;}
	
	.contenuTexte {
	font-size:10pt;
	}
	hr { margin: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;
	}
	
	p { margin: 20px 0px;}
	
	.center {
	height:auto;
	margin:0 auto;
	padding:0;
	width:17cm;
	position:relative;
	}
	.hmenu { height:44px; z-index:9999; display:none;}
	
	.menufontbas {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:9pt;
		font-weight:normal;
	}
	.menuClient { display:none;}
/* quicklink */
	#quicklink { font-size:10pt; 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:9999;}
	#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:9999; border-bottom: 5px solid #5690d3; }
	.borderImg {border-bottom: 5px solid #5690d3!important}
	#mainMenu ul ul li{height:auto; width:201px; margin: 10px 0; display:block; float:none; white-space: nowrap; color:#98c0ef; }
	#mainMenu ul ul li a{font-size:10pt; 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;}
	
	.strokebottom {border-bottom: 1px solid #b6b6b6;}

/* headerLogo */
	#header {width:980px; height:159px; padding:0px; margin:0px; background-image:url(../img/header.jpg); background-repeat:no-repeat; }
	#headerprintInfo {
	text-align:right;
	}

/* infolettre */
	#boxInfolettre {width:274px; height:56px; padding:0px; margin:63px 33px 0px 0px; float:right; line-height:13px;}
	#formInfolettre { width:274px; margin:6px 0px 0px 0px; padding:0px; }
	.newsfield { border:none; outline:none; height: 16px; margin:0px; padding: 2px; width: 200px; font-size:10pt; }
	.newsfieldt { border:none; outline:none; height: 20px; margin:0px; padding: 0px; width: 20px; }
	
	#formInfolettre .bouton {
	  width: 63px;
	  height: 20px;
	  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: 20px;
	  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;
	}
		
/* Breadcrumb */


/* Print And Resize */
	#printandresize{ margin:0px 8px 0px 0px; padding:0px; /*clear:both;*/ float:right; height:59px; line-height:0px; overflow:hidden; /*width:90px;*/}
	#printandresize ul{ list-style: none; margin:0px; padding: 0px; height:59px;}
	#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:142px; 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;}
	#ImgTitle {width:17cm; float:left;}
	
	.imgfloatright {border-bottom: 4px solid #5690d3; float:none; clear:both; margin:0px 130px;}
	.imgfloatleft {border-bottom: 4px solid #5690d3; float:none; clear:both; margin:0px 130px;}
	
	#colTexte {
	margin:0px; padding:20px; background-color:#FFFFFF; color:#091421; text-align:justify; position: relative; width:16cm;}
	
	
	#colMap {
	width:462px;
	margin:0px;
	padding:0px 10px 20px 0px;
	color:#240f00;
	line-height:14px;
	float:left;
	}
	
/* Google Map */	
#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;}
.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:10pt;
	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:10pt;
	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;	
}

/* Fin Google Map */

	#colDroiteMap {
	width:128px;
	float:left;
	padding:0px;
	margin:0px;
	float:left;
	}
	.colDroiteInfo { width:132px; border-bottom:1px solid #c0c0c0; padding-bottom:12px;}
	.colDroiteInfolast { width:132px; padding-bottom:12px;}
	.jozephil { text-transform:uppercase; font-size:10pt; color:#3b6391;}
	#jozephilSign { float:right; width:140px; padding-top:6px;}
	#sortieForm { float:right; width:200px;}


/*contactForm */
	#formMail {
	padding:0px;
	margin-top:12px;
	}
	.inputMail {
	width:160px;
	background-color:#fff;
	border:1px solid #a28e56;
	margin:0px 16px 0px 0px;
	}
	.textareaMail {
	width:450px;
	height: 60px;
	background-color:#fff;
	border:1px solid #a28e56;
	margin:0px 16px 0px 0px;
	}
	.asterisque { color:#a28e56;}
	
	#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;
	}
	#form-contact .bouton {
	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 */
	}
	#form-contact .bouton: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:10pt; 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:10pt; 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:9pt; 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:9998; top:-4px; left:288px; width:400px; height:237px; }
	#logofooter { position: absolute; z-index:9999; top:27px; right:0px; width:145px; height:51px; }
	
	.fooImg { background-image:url(../img/newsletterImg.jpg); background-repeat: no-repeat;}
	
.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;}	

