*
{
 padding: 0;
 margin: 0;
}

html, body { height: 100%; }
body, html { width: 100%; }
body, h3, a, input, select, textarea
{
 color: #666;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}

body#siteInternet
{
	background: url(../images/bg.jpg) repeat-x;
	background-position: 50% 0%;
}


a:hover { text-decoration: underline; }


hr
{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	line-height: 1px;
	border: 0;
}

h1
{
	color: #314487;
	font-size: 22px;
	margin: 15px 0px 15px 0px;
}

h2, a.h2
{
 color: #314487;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 15px;
 font-weight: bold
}

h2.toggle { margin-left: 25px; }

h3
{
 font-weight: bold;
 margin: 3px 0px;
 color: #4c4c4c;
}

h3.toggleSub { margin-left: 45px; color: #314487; }

h4
{
 font-weight: bold;
 margin: 3px 0px;
 color: #000;
}

h2,h3,h4,h5,h6
{
 margin: 10px 0px 5px 0px;
}

#blocAccueilDroite ul li strong
{
 color: #4c4c4c;
}
p
{
 margin: 0px 0px 10px 5px;
}

a img { border: 0; }

ul
{
 margin: 5px 0px 5px 15px;
 padding: 0;
}
 
ul li
{
 list-style-type: none;
 background: url(../images/puce.gif) no-repeat;
 background-position: 0px 6px;
 padding-left: 10px;
 margin-bottom: 8px;
}

ul.toggle { margin-left: 45px; }
ul.toggleSub { margin-left: 65px; }
ul.toggleSub ul { margin-left: 20px; }
li.toggleSub { background: none; padding-left: 0; }

.clear
{
	clear: both;
}

.floatGauche, .float
{
	float: left;
}

.floatDroit
{
	float: right;
}

div#conteneurPrincipal
{
 width: 1002px;

 margin: 0 auto;
 z-index: 1;
}

#conteneurHautAccueil
{
 width: 1002px;
 height: 324px;
 background: url(../images/backgroundHautAccueil.jpg) no-repeat;
}

#conteneurHaut
{
 width: 1002px;
 height: 324px;
 background: url(../images/backgroundHaut.jpg) no-repeat;
 z-index: 2;
}

#root
{
	width: 1002px;
	margin: 0 auto;
	position: relative;
}

#miniMenuHaut
{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 103px;
	top: 122px;
}

#miniMenuHaut li
{
 background: none;
	margin: 0px 0px 5px 0px;
	padding: 0;	
}

#miniMenuHaut li a
{
	font-weight: bold;
	color: #fff;
	background: none;
	font-size: 11px;
}

#boutonHaut
{
 width: 214px;
	height: 91px;
	position: absolute;
	left: 57px;
	top: 21px;
	text-indent: -5000px;
	outline: none;
	display: block;
}

#videoFlash
{
 width: 360px;
 height: 292px;
 position: absolute;
 left: 426px;
 top: 54px;
 background: url(../images/videoFlashBordure.gif) no-repeat;
 position: relative;
}

* html #videoFlash { top: 45px; }

#imageFlash
{
 width: 340px;
 height: 255px;
 position: absolute;
 left: 6px;
 top: 6px;
 background: url(../images/videoFlashPhoto.gif);
}

#carteAccueil
{
	width: 426px;
	height: 190px;
	float: left;
	position: relative;
}

#carteAccueil .blocSurplus
{
	background: url(../images/accueilBackgroundGaucheSurplus.gif) no-repeat;
	width: 72px;
	height: 91px;
	position: absolute;
	left: -72px;
}

#carteAccueil a
{
 display: block;
 width: 426px;
 height: 190px;
 text-indent: -5000px;
 outline: none;
 background: url(../images/carteAccueil.gif);
}

#contenuAccueil
{
 width: 576px;
 float: left;
 margin-top: 35px;
 margin-bottom: 25px;
}

#blocAccueilGauche
{
 width: 237px;
 float: left;
 margin-right: 38px;
}

#blocAccueilDroite
{
 width: 301px;
 float: left;
}

.lienFleche
{
 text-align: right;
}

.lienFleche a
{
	background: url(../images/fleche.gif) no-repeat;
 background-position: center right;
 padding-right: 15px;
}

#rssAccueil
{
 display: block;
 background: url(../images/rss.gif) no-repeat;
 background-position: top left;
 padding-top: 20px;
 margin-top: 10px;
}

#basDePage
{
 clear: both;
 border-top: 1px solid #e2e2e2;
 padding-top: 12px;
 font-size: 11px;
 margin-bottom: 25px;
 position: relative;
 height: 50px;
 z-index: 1;
}

#basDePage a
{
	font-size: 11px;
}

#liensGauche
{
 width: 273px;
 position: absolute;
 left: 55px;
 z-index: -1;
}

#liensGauche li
{
 background: none;
 display: block;
 float: left;
 margin-right: 11px;
 z-index: -1;
}

#liensGauche li a
{
 display: block;
 text-indent: -5000px;
 outline: none;
}

#liensGauche li#lienBasDesjardins a
{
 background: url(../images/desjardins.gif);
 width: 76px;
 height: 29px;
}

#liensGauche li#lienBasSDE a
{
 background: url(../images/sde.gif);
 width: 59px;
 height: 29px;
}

#liensGauche li#lienBasThetford a
{
 background: url(../images/regionThetford.gif);
 width: 75px;
 height: 29px;
}

#liensDroite
{
 position: absolute;
 left: 490px;
 text-align: right;
 width: 441px;
}

#liensDroite ul li
{
 display: inline;
 padding-left: 10px;
 background: url(../images/puceBas.gif) no-repeat;
 background-position: 3px 8px;
}

#liensDroite ul li a { font-size: 11px; }

#liensDroite ul li#premierDroite
{
 background: none;
}

#liensDroite ul { margin-bottom: 0; }
#contenuPrincipal
{
	width: 635px;
	float: left;
	position: relative;
	padding: 6px;
	padding-right: 7px;
	top: -258px;
	background: url(../images/bordureContenuPrincipale.gif) no-repeat;
	background-position: 646px 0px;
	margin-bottom: -265px;
 z-index: 2;
}

#contenuPrincipal a
{
 text-decoration: underline;
}

#contenuPrincipal a:hover
{
 text-decoration: none;
}


#contenu
{
 z-index: 0;
	padding: 0px 42px;
}

#menuInterieur
{
 margin-top: 10px;
 width: 500px;
 float: left;

 margin-left: -30px;
}

* html #menuInterieur
{
 margin-left: -20px;
}

#menuInterieur li
{
 display: inline;
 padding-left: 15px;
 background: url(../images/puceMenuInterieur.gif) no-repeat;
 background-position: 7px 4px;
}

#menuInterieur li a { font-size: 11px; }

#menuInterieur li.premier
{
 background: none;
 padding-left: 0px;
}

#menuInterieur li.selectionne a 
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#menuInterieur li.selectionne a:hover
{
	text-decoration: none;
}

#contenuPrincipal a.lienSelectionne
{
 font-weight: bold;
 text-decoration: none;
}

#outils
{
	margin-top: 11px;
	float: right;
	width: 75px;
	position: relative;
}

#outils #outilRSS
{
	width: 38px;
	height: 14px;
	display: block;
	text-indent: -5000px;
	outline: none;
	background: url(../images/rss.gif);
	float: left;
}

#outils #imprimer
{
	float: left;
	margin-left: 10px;
	background: url(../images/boutonImprimer.gif) no-repeat;
	background-position: 0px 1px;
	width: 12px;
	height: 11px;
	padding-left: 15px;
	font-size: 11px;
	line-height: 11px;
	display: block;
	height: 12px;
}

* html #outils #imprimer
{
 position: absolute;
 left: 40px;
 top: 2px;
}

#carteGauche
{
 width: 294px;
 height: 457px;
 float: left;
 background: url(../images/carteInterieure.gif) no-repeat;
 position: relative;
}

#carteGauche .blocSurplus
{
	background: url(../images/backgroundGaucheSurplus.gif) no-repeat;
	width: 218px;
	height: 341px;
	position: absolute;
	left: -218px;
}

#carteGauche #encadreCarte
{
	width: 138px;
	height: 96px;
	background: url(../images/encadreCarte.gif) no-repeat;
	position: absolute;
	right: 14px;
	top: 33px;
	padding: 12px 8px 0px 12px;
}

#carteGauche #encadreCarte h2, #carteGauche div.popupCarteBouton div h2
{
	font-size: 13px;
	margin: 0px;
}

#carteGauche #encadreCarte ul
{
 margin: 0;
 margin-top: 10px;
 padding: 0;
}

#carteGauche #encadreCarte ul li
{
 background: url(../images/iconePDF.gif) no-repeat;
 background-position: 0px 0px;
 padding-left: 20px;
	font-size: 11px;
	padding-bottom: 2px;
}

#carteGauche #encadreCarte ul li a
{
	font-size: 11px;
}

.popupCarteBouton
{
	width: 23px;
	height: 24px;
	position: relative;
	z-index: 10;
}

.popupCarteBouton a
{
	display: block;
	width: 23px;
	height: 24px;
	text-indent: -5000px;
	outline: none;
}


div.popupCarteBouton div
{
	display: none;
	width: 126px;
	background: url(../images/backgroundPopupCarte.gif) repeat-y;
	padding: 18px 18px;
	font-size: 11px;
	position: absolute;
	left: -5px;
	top: 20px;
	z-index: 10;
}

div.popupCarteBouton div div.popupCarteBoutonHaut
{
 padding: 0;
 margin: 0;
 margin-bottom: -15px;
 background: url(../images/backgroundPopupCarteHaut.gif) no-repeat;
 width: 162px;
 height: 19px;
 display: block;
 position: relative;
 top: -18px;
 left: -18px;
}

div.popupCarteBouton div div.popupCarteBoutonBas
{
 padding: 0;
 margin: 0;
 background: url(../images/backgroundPopupCarteBas.gif) no-repeat;
 width: 162px;
 height: 10px;
 display: block;
 position: relative;
 top: 18px;
 left: -18px;
 }

* html div.popupCarteBouton div div.popupCarteBoutonBas
{
 top: 25px;
}
div.popupCarteBouton div img
{
	margin-bottom: 10px;
}

#carteGauche div.popupCarteBouton div h2
{
	margin-bottom: 5px;
}

#carteGauche div.popupCarteBouton div a
{
 text-indent: 0;
 text-align: left;
 font-size: 11px;
 background-position: 100% 5px;
 display: inline;
}

#popupThetfordBouton, #popupStJeanBouton, #popupKinnearBouton
{
 position: absolute;
}

#popupThetfordBouton
{
	left: 92px;
	top: 182px;
}

#popupStJeanBouton
{
	left: 17px;
	top: 135px;
}

#popupKinnearBouton
{
	left: 58px;
	top: 97px;
}

table
{
 margin: 0;
 padding: 0;
}

td
{
 vertical-align: top;
 padding: 5px;
}

.gris { background-color: #f3f4f4}

.lienPDF
{
 background: url(../images/iconePDF.gif) no-repeat;
 background-position: 0px 0px;
 padding-left: 20px;
 padding-bottom: 2px;
}

.lienDroit
{
 text-align: right;
}

.lienRSS
{
 padding-left: 20px;
	background: url(../images/rss.png) no-repeat;
	background-position: 0 0;
}

.formCandidature td
{
 padding: 0px 10px 10px 0px;
}

.emploi table { width: 100%; margin-bottom: 1.5em; background-color: #F7F7F7; }
.emploi td, .txtContenu th { border: 1px solid #FFF; border-width: 1px 1px 0 0; }
.emploi th { text-align: left; vertical-align: top; padding: 4px 5px; background: #E0E0E0; }


.formCandidature td
{
 padding: 0px 10px 10px 0px;
}

.emploi table { width: 100%; margin-bottom: 1.5em; background-color: #F7F7F7; }
.emploi td, .txtContenu th { border: 1px solid #FFF; border-width: 1px 1px 0 0; }
.emploi th { text-align: left; vertical-align: top; padding: 4px 5px; background: #E0E0E0; }



.innerPadding
{
 padding: 10px;
}

label em { color: #B83916; }

#boiteImpression
{
 display: none;
}

.texteRecherche
{
 background: #ecf253;
 color: #000;
}

table.tableauForm td { padding: 5px 0; }