@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height:18px;
	
}
body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bgIntro {
    background-color:#333333;
    background-image:url(_images/bg-pattern-intro.jpg);
	background-repeat:repeat-x;
}

.paddingLeftRight5px {
    padding-left:5px;
	padding-right:5px;
}
h1 {
	font-size: 16px;
	color: #FFFFFF;
}
h2 {
	font-size: 14px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-weight:400;
	color: #FFFFFF;
}
h3 {font-size:12px;
    color:#99FF00;
}

.borderGris666 {
    border:1px #666666 solid;
}

.borderGris333 {
    border:1px #333333 solid;
}

.txtBlanc { font-size:10px; text-decoration:none; color:#FFFFFF}
a.txtBlanc:link {text-decoration:none;}
a.txtBlanc:visited {text-decoration:none}
a.txtBlanc:hover {text-decoration:underline;}
a.txtBlanc:active {text-decoration:}

.txtVert {color:#99cc33;}
a.txtVert:link {text-decoration:none; color:#99cc33;}
a.txtVert:visited {text-decoration:none}
a.txtVert:hover {text-decoration:underline;}
a.txtVert:active {text-decoration:underline;}

.padding{padding:10px;}

.paddingBottom10 {padding-bottom:10px;}

/* -------- Accuei --------- */

#wrapper-accueil {
	width:800px;
	height: 500px;
	text-align: center;
	border: 0px solid #000;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -200px;	/* Half the height of the DIV tag which is also 50 pixels */
	padding-bottom:0px;
	
}


#traiteur {
	position:relative;
	float:left;
	background-image:url(_images/_accueil/traiteur-primavera-montreal.jpg);
	background-repeat:no-repeat;
	width:387px;
	height:90px;
	padding-bottom:0px;
	padding-right:5px;
	padding-top:202px;
}

#mariage {
	position:relative;
	float:left;
	background-image:url(_images/_accueil/traiteur-mariage-montreal.jpg);
	background-repeat:no-repeat;
	width:387px;
	height:90px;
	padding-bottom:0px;
	padding-top:202px;
}

#blog a {
	position:relative;
	float:left;
	width:777px;
	height:80px;
	border:#333 0px solid;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#bbb;
	padding-top:8px;
	margin-top:5px;
}

#txtTraiteur a {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#99cc33;
}

#txtMariage a {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#d32773;
	margin-left:-20px;
}

#FooterAccueil {
	position:relative;
	float:left;
	background-image:url(_images/bg-footer.png);
	background-repeat:repeat-x;
	border:1px #333333 solid;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:15px;
	width:960px;
	height:49px;
}

.fleche {
	padding-left:15px;
}

/* ------- Mariage ------- */
.logoTraiteur {
	position:relative;
	float:right;
}

.txtVert24px {
	font-size:24px;
	color:#8ec43e;
}

.IconesMariage a {
	padding-left:10px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#99cc33;
}

a.txtBlancMariage {
	color:#FFF;
	text-decoration:underline;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
	

/* ------- Footer ------- */
#Footer {
	position:relative;
	background-image:url(_images/bg-footer.png);
	background-repeat:repeat-x;
	border:1px #333333 solid;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:15px;
	width:960px;
	height:49px;
}

#logoSaintGabriel {
	position:relative;
	float:left;
	width:250px;
	height:49px;
	padding-top:10px;
}

#facebook {
	position:relative;
	float:right;
	width:220px;
	text-align:left;
	border-right:#1a1a1a 1px solid;
	padding-right:20px;
	height:49px;
}
#facebookTxt {
	position:relative;
	float:right;
	width:170px;
	padding-left:5px;
	margin-top:6px;
}

#facebookENG {
	position:relative;
	float:right;
	width:180px;
	text-align:left;
	border-right:#1a1a1a 1px solid;
	padding-right:20px;
	height:49px;
}
#facebookTxtENG {
	position:relative;
	float:right;
	width:130px;
	padding-left:5px;
	margin-top:6px;
}

#versions {
	position:relative;
	float:right;
	width:78px;
	text-align:left;
	border-right:#1a1a1a 1px solid;
	padding-right:20px;
	padding-left:20px;
	padding-top:6px;
	height:49px;
	
}

#logoChocolatMedia {
	position:relative;
	float:right;
	width:110px;
	text-align:center;
	padding-left:20px;
	padding-top:8px;
	height:39px;
}

/* ---------- Acces aux menus ----------- */
.td-menus {
text-align:left;
}

#section-menus {
position:relative;
display:inline-block;
}

#popup-menus {
position:absolute;
z-index:10;
display:none;
}

#AccesMenusRapides {
	background-image:url(_images/bg-menus.png);
	background-repeat:no-repeat;
	width:220px;
	padding-left:75px;
	padding-right:20px;
	padding-top:55px;
	line-height:36px;
	font-size:10px;
	text-transform:uppercase;
	color:#CCC;
	vertical-align:top;
	height:420px;
}

#AccesMenusRapides a {
	color:#CCC;
	text-decoration:none;
}

#AccesMenusRapides a:hover {
	color:#8ec43e;
	text-decoration:underline;
}

#FastAccessMenus {
	position:relative;
	width:220px;
	padding-left:75px;
	padding-right:20px;
	padding-top:55px;
	line-height:36px;
	font-size:10px;
	text-transform:uppercase;
	color:#CCC;
	vertical-align:top;
}

#FastAccessMenus a {
	color:#CCC;
	text-decoration:none;
}

#FastAccessMenus a:hover {
	color:#8ec43e;
	text-decoration:underline;
}