@charset "utf-8";
/* CSS Document */
body {
	height: 100%;
	margin: 0px;
	background-color: #440300;
	background-image: url(../Image/BodyBackground.gif);
	text-align: center;
}
a {
	color: #182b8c;
}
a:hover {
	color: #b60101;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
}
#adjustableMiddleBackground {
	position: absolute;
	top: 100px;
	left: 0px;
}
#autoPub {
	position: absolute;
	left: 730px;
	top: 306px;
	width: 228px;
	height: 242px;
}
#background {
	height: 768px;
	background-image: url(../Image/Background.png);
	background-repeat: repeat-x;
}
#container {
	/*border: 4px solid blue;*/
	text-align: left;
	width: 970px;
	position: relative;
	margin: 0px auto auto auto;
}

#contentBackground {
	background: #fff;
	width: 950px;
	position: absolute;
	top: 100px;
	left: 10px;
}
#headerBackground {
	height: 132px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#footerBackground {
	position: absolute;
	width: 100%;
	height: 144px;
}
#stHubertLogo {
	position: absolute;
	left: 21px;
	top: 0;
	z-index:1001;
}
#textFooter {
	position: absolute;
	width: 970px;
}
#textFooter td {
	color: #8a504d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#topLinks {
	position: absolute;
	right: 0;
	top: 8px;
	padding-right: 8px;
}
#topLinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8a504d;
	text-decoration: none;
}
#topLinks a:hover {
	color: #fff;
}
#menu {
	position: absolute;
	left: 167px;
	top: 35px;
}
#menu img {
	display: inline;
}
#menu div {
	float: left;
}
#OrderButton {
	position: absolute;
	left: 730px;
	top: 102px;
}
#findAStoreBackground {
	position: absolute;
	left: 730px;
	top: 194px;
	width: 228px;
	height: 110px;
}
#findAStoreForm {
	position: absolute;
	right: 26px;
	top: 245px;
	width: 205px;
	height: 50px;
	border: 0px solid white;
}
#findAStoreForm table {
	width: 100%;
}
#findAStoreForm td {
	text-align: left;
}
#findAStoreForm input.inputText, #findAStoreForm  select, #findAStoreForm textarea {
	background: #edddbc;
	color: #560400;
	border: 1px solid #230200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#findAStoreForm #selectCity {
	position:absolute;
	bottom:35px;
}
#findAStoreForm #enterPostalCode{
	position:absolute;
	top:33px;
}
#findAStoreForm #goBtn{
	position:absolute;
	top:31px;
	right:38px;
}
#AutoPub {
	position: absolute;
	right: 2px;
	top: 206px;
	width: 228px;
	height: 242px;
}
#rightColumnAdjust {
	position: absolute;
	top: 306px;
	left: 730px;
	background: #560400;
}
#quizForm input {
	display: block;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	margin-bottom: 8px;
	margin-left: 5px;
}
div.subMenu
{
	background-color: #8e3631;
	background-image: url(../Image/SubMenuBackground.png);
	background-repeat: repeat-x;
	border: 1px solid #915c59;
	margin: 0 0 0 0px;
	position: absolute;
	visibility: hidden;
	text-align: left;
	z-index:1001;
}
div.subMenu a
{
	color: #fff;
	display: block;
	font-size: 11px;
	line-height: 26px;
	padding: 0 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div.subMenu a:hover
{
	background-color: #2d0200;
	color: #feb80f;
	text-decoration: none;
}

/* --- Gestion de crise --- */

#crisisOverlay {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#crisisContainer {
	display: block;
	border: 5px solid #FFFFFF;
	position: absolute;
	top: 50px;
	left: 50%;
	width: 750px;
	z-index: 1001;
	margin-left: -375px;
	height: 400px;
}
#crisisShadowBottom {
	display: none;
	position: absolute;
	z-index: 1002;
	left: 0px;
	width: 548px;
	bottom: -5px;
}
#crisisContent {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1002;
}
#crisisWhiteBackground {
	position: absolute;
	top: 40px;
	left: 160px;
	width: 550px;
	z-index: 1004;
	height: 300px;
}
#crisisWarningMessage {
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 106;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px;
	text-align: justify;
	height: 269px;
	width: 513px;
	overflow: auto;
}

#crisisWarningMessage h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e60000;
}

#crisisWarningMessage p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

#crisisMessageImportant {
	position: absolute;
	top: 20px;
	left: 160px;
	z-index: 1003;
}
#crisisButtons {
	position: relative;
	right: -68px;
	top: 10px;
}

#crisisDetailsContent {
	width: 910px;
	position: absolute;
	top: 100px;
	left: 10px;
	height: 443px;
	overflow: auto;
	padding: 20px;
	padding-top: 40px;
}

#crisisDetailsContent h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e60000;
}

#crisisDetailsContent p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
}
.menuBraille{
position:relative;
left:730px;
top:306px;
width:228px;
	z-index:3;
}
	
	#order-subscribe-container{ color:#fff; font:normal 11px Arial, Verdana; text-align:left; width:228px;position: absolute; right: 12px; top: 102px; width: 228px; height: 50px; border: 0px solid white; }
		#order-subscribe-container label{ cursor:pointer; }
		#order-subscribe-container fieldset{ border:none; padding:0; }

	#order-subscribe{ background-image:url(/Image/bg-order-online.png); height:147px; padding:12px 0 5px 10px; }
		#order-subscribe legend{ background-image:url(/FR/Image/title-order-online.png); height:15px; padding:0; width:187px; }
		#order-subscribe.en legend{ background-image:url(/EN/Image/title-order-online.png); }
		#order-subscribe legend span{ display:none; }

	#order-online{ background-image:url(/Image/bg-order-online.png); height:147px; padding:12px 0 5px 10px; }
		#order-online legend{ background-image:url(/FR/Image/title-subscribe.png); height:15px; padding:0; width:109px; }
		#order-online.en legend{ background-image:url(/EN/Image/title-subscribe.png); }
		#order-online legend span{ display:none; }
		#order-online .order-form-left label{ display:block; padding-top:7px; }
		#order-online .order-input-small{ background-color:#edddbc; border:1px solid #000; float:left; margin-right:5px; width:45px;}
		#order-online .btn-submit{ margin-top:-2px; }
		#order-online .example{ display:block; }

	#order-choice{ font:normal 11px Arial, Verdana; list-style:none; margin:10px 0 0; padding:0; }
		#order-choice li{ float:left; margin:0;}
		#order-choice li label{ padding-right:5px; }

	#order-form-left{ float:left; width:170px; }
		#order-form-left label{ display:block; padding-top:7px; }
		#order-form-left .order-input{ background-color:#edddbc; border:1px solid #000; width:170px; }
		#order-form-left a{ color:#fff; float:right; margin-top:5px;}
		#order-form-left a:hover{ text-decoration:none; }

	#order-form-right{ float:right; padding:66px 4px 0 0; }

	#become-member{ background-image:url(/Image/bg-member.png); border-bottom:2px solid #fff; }
		#become-member a{ background-image:url(/FR/Image/link-subscribe.png); background-position:12px 10px; background-repeat:no-repeat; display:block; height:38px; }
		#become-member.en a{ background-image:url(/EN/Image/link-subscribe.png); }
		#become-member a span{ display:none; }

	#already-member{ background-image:url(/Image/bg-member.png); border-bottom:2px solid #fff; }
		#already-member a{ background-image:url(/FR/Image/title-member.png); background-position:62px 10px; background-repeat:no-repeat; display:block; height:38px; }
		#already-member.en a{ background-image:url(/EN/Image/title-member.png); }
		#already-member a span{ display:none; }

	#search-form-container{ color:#fff; font:normal 11px Arial, Verdana; text-align:left; width:228px;position: absolute; right: 12px; top:306px; width: 228px; height: 50px; border: 0px solid white; z-index:0;}
                #search-form-container label{ cursor:pointer; }
                #search-form-container fieldset{ border:none; padding:0; }

	#search-form{ background-image:url(/Image/bg-order-online.png); padding:8px 0 0 10px; }
		#search-form legend{ background-image:url(/FR/Image/title-search.png); height:15px; padding:0; width:200px; }
		#search-form.en legend{ background-image:url(/EN/Image/title-search.png); }
		#search-form legend span{ display:none; }
		#search-form label{ display:block; padding-top:7px; }
		#search-form .order-input{ background-color:#edddbc; border:1px solid #000; width:170px; }
		#search-form .order-input-small{ background-color:#edddbc; border:1px solid #000; float:left; margin-right:5px; width:45px;}
		#search-form .btn-submit{ margin-top:-2px; }

 .form-bottom{ background-image:url(/Image/bg-form-bottom.png); top:1000px; height:18px; margin-left:-10px; padding:0; width:228px; margin-top: 0px; }

/* Ajouts pour section carrières / portes-ouvertes */
#bottomCareer,
#bottomCareer-en,
#bottomCareer-default,
#bottomCareer-default-en{
	width: 640px; 
	height: 150px; 
	float: left; 
}

#bottomCareer {
        /* Emploi avec portes ouvertes */
        background-image: url('/FR/Image/BottomButtonCareer.png');
        background-repeat: no-repeat;
}

#bottomCareer-en {
        /* Emploi avec portes ouvertes */
        background-image: url('/EN/Image/BottomButtonCareer.png');
        background-repeat: no-repeat;
}

#bottomCareer-default {
	/* Emploi sans porte ouverte */
        background-image: url('/FR/Image/BottomButtonCareer2.png');
        background-repeat: no-repeat;
}

#bottomCareer-default-en{
	/* Emploi sans porte ouverte */
        background-image: url('/EN/Image/BottomButtonCareer2.png');
        background-repeat: no-repeat;
}

#bottomCareerLink a,
#bottomCareerLink-en a {
	width: 640px; 
	height: 150px; 
	display: block;
	z-index: 5;
	position: relative;
}

#bottomCareerLink-default a,
#bottomCareerLink-default-en a {
        width: 60px;
        height: 150px;
        display: block;
        z-index: 0;
        position: relative;
}




#bottomCareer-en,
#bottomCareerLink-en {
	/* Emploi sans porte ouverte */
	/* background-image:url('/EN/Image/BottomButtonCareer2.png');  */
	
	/* Emploi avec portes ouverte */
	 background-image:url('/EN/Image/BottomButtonCareer.png');
}

#bottomCareer .careerLinks,
#bottomCareer-en .careerLinks {
	padding-top: 90px; 
	padding-left: 162px; 
	z-index: 1000;
	position: relative;
}

#bottomCareer-default .careerLinks,
#bottomCareer-default-en .careerLinks {
	margin-top: 38px;
	margin-left: 10px;
	width: 500px;
	height: 110px;
        z-index: 1000;
        position: relative;
}

#fancybox-close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        background-image: url('fancybox.png') !IMPORTANT;
        background-position: -40px 0px !IMPORTANT;
        cursor: pointer;
        z-index: 1103;
        display: none;
}



#bottomCareer .careerLinks a,
#bottomCareer .careerLinks a:link,
#bottomCareer .careerLinks a:visited,
#bottomCareer .careerLinks a:hover,
#bottomCareer .careerLinks a:active,
#bottomCareer-en .careerLinks a,
#bottomCareer-en .careerLinks a:link,
#bottomCareer-en .careerLinks a:visited,
#bottomCareer-en .careerLinks a:hover,
#bottomCareer-en .careerLinks a:active {
	font-family: Arial; 
	color: #fdb414; 
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	background-image: url('/FR/Image/BottomBulletCareer.png');
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0 4px;
	display: block;

}

#bottomCareer .careerLinks a:hover,
#bottomCareer-en .careerLinks a:hover {
	color: #ffffff;
}

.porte-ouverte-titre {
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.porte-ouverte-date {
	text-align: right !important; 
	font-size: 13px; 
	font-weight: bold; 
	color: #8c0000
}

.porte-ouverte-dates {
	background-color: #dedede; 
	padding: 16px 14px 5px 5px; 
	width: 256px;
}

.porte-ouvert-dates-top {
	margin-left: -5px; 
	margin-top: -16px; 
	padding-bottom: 18px;
}

.porte-ouvert-dates-bottom {
	margin-left: -5px; 
	top: 10px; 
	position: relative;
}

p.porte-ouverte-desc {
	text-align: center !important; 
	font-size: 12px; 
}

.porte-ouverte-jobs {
	font-size: 16px; 
	color: #ffffff; 
	font-weight: bold; 
	padding-bottom: 10px;
}

.porte-ouverte-job {
	color: #ffffff; 
	font-size: 14px; 
	font-weight: bold; 
	background-color: #7d0101; 
	padding: 9px 4px 9px 14px; 
	margin-top: 3px;
}

.porte-ouverte-autre-role {
	font-size: 12px;
	font-weight: bold;
}

.porte-ouverte-emploi-dispo {
	padding-left: 150px;
}

.porte-ouverte-pour-vous {
	margin-top: -10px;
}