/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(images/bg.gif) repeat-x top left;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
}


/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1em;
	margin:0;	
}

h2
{
	font-size:1.9em;
	margin:0;
	padding:0;
}

hr
{
	border: 0;
  width: 96%;
  color: #C71D22;
  background-color: #C71D22;
  height: 1px;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

.txt-petit
{
	font-size:0.9em;
	color:#000;
	margin:0;
	padding:0;
}

.txt-petit-blanc
{
	font-size:0.9em;
	color:#fff;
	margin:0;
}

.txt-rouge
{
	color:#C71D22;
	font-size:0.9em;
}

.txt-rouge-grand
{
	color:#C71D22;
	font-size:1em;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.red
{color:#C71D22;}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Corps ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- entête ---------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#entete
{
	width:955px;
	margin:9px 0 7px 0;
}

/* -------------------------------------------- */
/* ---------------- logo ---------------------- */
/* -------------------------------------------- */
h1#logoCompagnie
{
	width:322px;
	float:left;
	padding:12px 27px 0 11px;
}

h1#logoCompagnie img.logo
{
	display:block;
}


#logoPrint
{display: none;}


/* -------------------------------------------------- */
/* ---------------- bloc météo ---------------------- */
/* -------------------------------------------------- */

#blocMeteo
{
	width:182px;
	float:left;
	border:1px solid #B6B6B6;
	margin:13px 11px 0 0;
	padding:0 0 6px 0;
}

#blocMeteo p
{
	color:#8B8B8B;
	font-size:0.9em;
}

#blocMeteo p.meteoDate
{padding:6px 0 5px 15px;}

#blocMeteo p.meteoPrevision
{
	float:left;
	width:130px;
	padding:0 0 0 8px;
	font-size:0.8em;
}

#blocMeteo a:link, #blocMeteo a:visited, #blocMeteo a:active 
{
	color:#8B8B8B;
	text-decoration:none;	
}

#blocMeteo a:hover
{text-decoration:underline;}

/* ------------------------------------------------------ */
/* ---------------- bloc recherche ---------------------- */
/* ------------------------------------------------------ */

#blocRecherche
{
	width:397px;
	float:left;
	border:1px solid #B6B6B6;
	margin:13px 0 0 0;
	padding-bottom:5px;
}

#champsRecherche
{
	width:381px;
	margin:6px 0 5px 9px;
}

#champsRecherche input.irecherche
{
	width:330px;
	margin:0 10px 0 0;
}

#champsRecherche input.ibRecherche
{vertical-align:middle;}

/* cases à cocher */

#casesCochesRecherche
{width:338px;}

.selectionCaseCoche
{
	margin:0 0 0 0;
}

.casesCochesRecherche label
{
	color:#B21F1F;
	font-size:0.9em;
	margin:0 15px 0 0;
}

.casesCochesRecherche input
{vertical-align:middle;}

/* --------------- top menu --------------- */

#topMenu ul
{
	float:right;
	font-size:0.9em;
	list-style:none;
	margin:8px 0 0 0;
	padding:0 4px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#000;
}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#000;
	text-decoration:none;
}

#topMenu a:hover
{text-decoration:underline;}

#setHomepage
{
	position: absolute;
	z-index: 100;
	width:200px;
	display: none;
	color:#000;
	background:#FFF9D6;
	font-size:0.9em;
	border:1px solid black;
	padding:3px;
	margin-left:690px;
}

#setHomepage a:link, #setHomepage a:visited, #setHomepage a:active
{
	color:#000;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone contenu ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#zoneContenu
{
	width:955px;
}

/* les trois colonnes de contenu */

#colGauche
{
	width:160px;
	float:left;
	margin:0 11px 0 0;
}

#colCentre
{
	width:484px;
	float:left;
}

#colDroite
{
	width:300px;
	float:left;
}

#colDroiteDetailsComm
{
	width:775px;
	float:left;
}

/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/* contenu texte en général (surtout pour éditeurs) */

#contenuTxt
{
	width:475px;
	margin:0 0 11px 0;
	background:url(images/titre_texture.gif);
}

#contenuTxt h1
{
	color:#fff;
	padding:16px 0 13px 13px;
	font-size:1.3em;
}

#contenuTxt h2
{
	color:#000;
	padding:0 10px 13px 11px;
	font-size:1.1em;
}

#contenuTxt .txt
{
	width:473px;
	padding:10px 0;
	border:1px solid #C71D22;
	background:#fff;
}

#contenuTxt p
{
	font-size:1em;
	padding:0 11px 10px 11px;
}

#contenuTxt p.txt-petit
{
	font-size:0.8em;
	padding:0 11px 10px 11px;
}

#contenuTxt img
{
	margin:0 10px 0 11px;
}

#contenuTxt p.bLien, .infos p.bLien
{
	float:right;
	font-size:0.8em;
	padding:0 11px 10px 11px;
	color:#BB0C26;
}

#contenuTxt p img, .infos p img
{
	vertical-align:middle;
}

#contenuTxt p.bLien a:link, #contenuTxt p.bLien a:visited, #contenuTxt p.bLien a:active, .infos p.bLien a:link, .infos p.bLien a:visited, .infos p.bLien a:active, #contenuTxt a:link,  #contenuTxt a:visited, #contenuTxt a:active 
{
	color:#BB0C26;
	text-decoration:none;
}

#contenuTxt p.bLien a:hover, .infos p.bLien a:hover, #contenuTxt a:hover
{
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- colonne de gauche------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.boxMenuGau, .boxOngletTexture
{
	width:160px;
	margin:0 0 11px 0;
}

.coinTG
{background:#C71D22 url(images/coinTG.gif) no-repeat top left;}

.boxMenuGau h1.titreOnglet
{
	color:#fff;
	padding:4px 0 2px 13px;
	background:url(images/coinTD.gif) no-repeat top right;
}

/* --------- boîte avec background texturé ---------- */
.boxOngletTexture
{background:url(images/titre_texture.gif);}

.coinTG-texture
{background:url(images/coinTG-texture.gif) no-repeat top left;}

.boxOngletTexture h1.titreOnglet
{
	color:#fff;
	padding:4px 0 2px 13px;
	background:url(images/coinTD-texture.gif) no-repeat top right;
}

/* ---- menu colonne gauche --------- */
.menuColGauche
{
	border:1px solid #C71D22;
	background:#F0F0F0;
}

.menuColGauche ul
{
	margin:0 0 2px 0;
	list-style:none;
	padding:6px 0 0 0;
}

.menuColGauche ul li
{
	margin:0;
	padding:1px 0 2px 11px;
}

.menuColGauche ul li.bordure
{border-bottom:1px solid #fff;}

.menuColGauche ul li a:link, .menuColGauche ul li a:visited, .menuColGauche ul li a:active
{
	text-decoration:none;
	color:#5F5F5F;
}

.menuColGauche a:hover
{text-decoration:underline;}

.boiteColGauche a:link, .boiteColGauche a:visited, .boiteColGauche a:active
{
	text-decoration:none;
	color:#5F5F5F;
}

.boiteColGauche a:hover
{text-decoration:underline;}

/* ---------------------------------------------------- */

.boxOngletTexture span
{
	font-size:0.9em;
}

/* boîte newsletter et Le Journal */
.boiteColGauche
{
	padding:0 0 5px 0;
	border:1px solid #C71D22;
	background:#fff;
}

.boiteColGauche p
{padding:5px 0 4px 9px;}

/* boîte abonnement */

.boiteColGauche input.iabonnement
{
	width:110px;
	margin:0 5px 0 9px;
}

.boiteColGauche input.ibAbonnement
{vertical-align:middle;}

.boxOngletTexture p.txtJournalTitre
{padding:0 0 4px 11px;}

.boxOngletTexture p.txtJournal
{
	float:left;
	width:100px;
}

.boxOngletTexture p.txtJournal a:link, .boxOngletTexture p.txtJournal a:visited, .boxOngletTexture p.txtJournal a:active, .boiteTxtRepondre p a:link, .boiteTxtRepondre p a:visited, .boiteTxtRepondre p a:active
{
	color:#8A8A8A;
	font-weight:bold;
	text-decoration:none;
}

.boxOngletTexture p.txtJournal a:hover, .boiteTxtRepondre p a:hover
{text-decoration:underline;}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ------------------------------------- colonne du centre ------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.boxCentreMenu
{
	width:473px;
	margin:5px 0 11px 0;

}

.infosAlaUne h1.titreAlaUne
{
	width:458px;
	color:#fff;
	padding:10px 0 13px 13px;
	font-size:1.1em;
	background:url(images/titre_texture.gif);
}

.boxCentreMenu h1.titreAlaUne
{
	color:#fff;
	padding:16px 0 13px 13px;
	font-size:1.3em;
	background:url(images/titre_texture.gif);
}


/* ---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------- mise en page menu Boîte À La Une ---------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------- */



#menuAlaUneOnglets
{
	width:473px;
	margin:0;
	padding:0;
}


#menuAlaUneOnglets ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}

#menuAlaUneOnglets ul li
{
	display:inline;
	font-size:0.9em;
	padding:0;
	margin:0;
	font-weight:bold;
}


#menuAlaUneOnglets ul li a
{
	width:10px;
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 0 0 3px 0;	
	background-image: url(images/titre_texture.gif);
	color:#fff;
	border-bottom:none;
}

#menuAlaUneOnglets ul li a:visited
{color: #fff;}

#menuAlaUneOnglets ul li a:hover
{
	color: #fff;
	text-decoration:underline;
}


#menuAlaUneOnglets ul li a.selected{ /*selected main tab style */
background-image: url(images/titre_texture.gif);
color:#fff;
border-bottom:none;
}

#menuAlaUneOnglets ul li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent
{
	display:none;
	background:#fff;
	margin:0;
	padding:0;	
}
/* -------------------------------------------------------------------------------------- */
/* -------------------- Boîte À La Une ------------------------------------------ */
/* -------------------------------------------------------------------------------------- */

/* --------------------------------------- */

.boxOngletTextureCentre
{
	width:453px;
	margin:5px 0 11px 0;
	background:url(images/titre_texture.gif);
}

.boiteColCentre
{
	width:451px;
	padding:0;
	border:1px solid #C71D22;
	background:#fff;
}

.boiteColCentreToutActualite
{
	width:471px;
	padding:0;
	border:1px solid #C71D22;
	background:#fff;
}

/* --------- boite informations à la une ------------ */

.infosAlaUne
{width:451px;}

.infosAlaUne img.aLaUne
{
	float:left;
	margin:8px 9px 10px 6px;
}

.infosAlaUne h1
{
	font-size:0.9em;
	padding:10px 0 6px 0;
}

.infosAlaUne p
{
	color:#707070;
	padding:0 11px 6px 0;
}

.infosAlaUne p.dateNouvelle
{
	color:#000;
	padding:10px 11px 6px 0;
}


/* ----- bouton lire la suite --------------- */
.boxLireSuite
{
	width:190px;
	float:right;
	margin:5px 0 10px 0;
}

.boxLireSuite img
{
	float:right;
	margin:0 5px 0 0;
	vertical-align:middle;
}

.boxLireSuite p.txtLireSuite
{
	font-size:0.8em !important; 
	float:right;
	padding:4px 0 0 0;
}

.boxLireSuite p a:link, .boxLireSuite p a:visited, .boxLireSuite p a:active, #optionsTxt a:link, #optionsTxt a:visited, #optionsTxt a:active, .infos a:link, .infos a:visited, .infos a:active
{
	color:#BB0C26;
	text-decoration:none;
}

.boxLireSuite p a:hover, #optionsTxt a:hover, .infos a:hover
{text-decoration:underline;}




/* ---- boîte d'informations du centre --------- */

.boiteUne
{
	width:475px;
}

.boiteInfos
{
	width:475px;
	margin:0 0 11px 0;
	background:#C8C7C7;
}

.coinTG-centre
{
	background:#C71D22 url(images/coinTG.gif) no-repeat top left; 
	width:294px;
	float:left;
}


.boxConsulterArticle
{
	width:176px;
	float:right;
	margin:0;
	padding:2px 0;
}

.boxConsulterArticle img
{
	float:right;
	margin:0 5px 0 5px;
}

.boxConsulterArticle p.txtLireSuite
{
	font-size:0.9em;
	float:right;
	padding:4px 0 0 0;
}

.boxConsulterArticle p a:link, .boxConsulterArticle p a:visited, .boxConsulterArticle p a:active
{
	color:#fff;
	text-decoration:none;
}

.boxConsulterArticle p a:hover
{text-decoration:underline;}


.boiteInfos h1.titreOnglet
{
	color:#fff;
	padding:5px 0 5px 13px;
	background:url(images/coinTD-bgGris.gif) no-repeat top right;
}

/* --------------------------------------- boîte d'informations ------------------------------ */

.infos
{
	width:473px;
	border:1px solid #C71D22;
	background:#fff;
	padding:8px 0 0 0;
}

.infos img.aLaUne
{
	float:left;
	margin:0 9px 0 6px;
}

.infos h1
{
	font-size:0.9em;
	padding:0 11px;
}

.infos h1.titreInfos
{
	font-size:1.3em;
	padding:0 11px 5px 11px;
}

.lienRouge:hover
{
	color:#C71D22;
	text-decoration:underline;
}

.lienRouge
{
	color:#C71D22;
	text-decoration:none;
}

.lienBlanc:hover
{
	color:#fff;
	text-decoration:underline;
}

.lienBlanc
{
	color:#fff;
	text-decoration:none;
}

.infos h2
{
	font-size:1em;
	padding:5px 11px 5px 11px;
}

.infos h3
{
	font-size:1.3em;
	padding:5px 11px 5px 11px;
	margin:0;
}


.infos p
{
	color:#000;
	padding:0 11px 10px 11px;
}

.news1
{
	font-size:1em;
}

.news2
{
	font-size:1.1em;
}

.news3
{
	font-size:1.2em;
}

.news4
{
	font-size:1.3em;
}

.infos img
{
	margin:0 10px 0 11px;
}

.photoInfosCentrale
{
	margin:10px 0 15px 0;
}

.txtInfos
{
	color:#fff;
}

/* --------------- utilisé pour faire disparaître marge droite dans IE5 --------------------------------- */
.boxTxtInfos
{	background:#fff;
	width:463px;
	margin:0 5px;
}

.boxTxtInfos img.imgNouvelle
{
	border:1px solid #C71D22;
	margin:5px;
}

.boxTxtInfos ul
{
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 0 25px;
}

.boxTxtInfos ul li
{
	margin:0;
	padding:0 0 5px 0;
}


#creditArticle
{
	width:463px;
	margin:0 0 15px 0;	
}

#creditArticle img.i_journaliste
{
	margin:11px 2px 0 11px;
}

#creditArticle div
{
	width:370px;
	padding:0;
	border-bottom:1px solid #C71D22;
	float:left;
}

#creditArticle div h2
{
	padding:55px 0 0 10px;
}

/* ------------------------------------------------------------------------------ */
/* ---------------- liste liens nouvelles de l'accueil -------------------------- */
.listeInfos
{
	background:#F0F0F0;
	width:463px;
	margin:0 5px;
}

.listeInfos p
{
	color:#000;
	font-size:0.9em;
	border-bottom:1px solid #fff;
	padding:6px 8px 6px 8px;
}

.listeInfos a:link, .listeInfos a:visited, .listeInfos a:active
{
	color:#000;
	text-decoration:none;
}

.listeInfos a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------ */
/* ----------------------------------------------------- */

#optionsTxt
{
	width:400px;
	border:1px solid #C8C7C7;
	margin:10px 0 15px 31px;
	padding:5px 0;
}

#optionsTxt div
{float:left;}

#optionsTxt span
{
	font-size:0.9em;
}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

#boxCommentaires
{
	width:400px;
	border:1px solid #C71D22;
	margin:0 0 15px 31px;
	text-align:center;
}

#boxCommentaires div
{
	background:#C8C7C7;
}


#boxCommentaires p
{
	font-size:0.9em;
	padding:8px 0;
}

.detailCommentaire
{
	text-align:left;
	margin:0px 0px 0px 10px;
}


/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */
/* -------------------------------------------------- */
/* ------------- Formulaire -------------------- */
/* -------------------------------------------------- */

#form
{
	margin:0 20px 20px 20px;
	text-align:left;
}

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#000;
	font-weight:bold;
}

.lesChamps input
{width:250px;}

.lesChamps input.idate
{width:100px;}

.lesChamps input.iphoto
{width:150px;}

.lesChamps input.ibParcourir
{width:100px;}

.bordureSepForm
{border-bottom:1px solid #C71D22; padding:0 0 15px 0; margin:0 0 15px 0;}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* ---------------- liste liens nouvelles de l'accueil -------------------------- */
.listeToutesActualites
{
	background:#F0F0F0;
	width:461px;
	margin:0 5px;
}

.listeToutesActualites p
{
	color:#000;
	font-size:0.9em;
	border-bottom:1px solid #fff;
	padding:6px 8px 6px 8px;
}

.listeToutesActualites a:link, .listeToutesActualites a:visited, .listeToutesActualites a:active
{
	color:#000;
	text-decoration:none;
}

.listeToutesActualites a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* --------------- top menu --------------- */

.selectMoisActualite
{
	width:461px;
	background:#C8C7C7;
	margin:1px 5px;
	padding:5px 0;
}

.selectMoisActualite ul
{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:0;
}

.selectMoisActualite ul li
{
	float:left;
	margin:0;
	padding:0 40px;
	color:#000;
}

.selectMoisActualite a:link, .selectMoisActualite a:visited, .selectMoisActualite a:active
{
	color:#000;
	text-decoration:none;
}

.selectMoisActualite a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------ */

/* -------------------------- Conditions actuelles ----------------------------- */

/* les deux colonnes de la boîte Conditions actuelles */
#imgPrevision
{
	float:left;
	width:103px;
	text-align:center;
}

#boxConditionsActuelles
{
	float:left;
	width:360px;
	background:#F0F0F0;
	margin:0 0 8px 0;
}

/* --------------------------- */

#imgPrevision h1
{
	font-size:2em;
	padding:0 0 30px 0;
}

#boxConditionsActuelles p
{
	padding:8px 10px;
	border-bottom:1px solid #fff;
}

/* -------------------------- Prévisions ----------------------------- */

/* les trois colonnes de la boîte Prévisions */

.previsionGau
{
	float:left;
	width:153px;
	text-align:center;
	border-right:1px solid #F0F0F0;
}

.previsionCentre
{
	float:left;
	width:153px;
	text-align:center;
	border-right:1px solid #F0F0F0;
}

.previsionDr
{
	float:left;
	width:155px;
	text-align:center;
}

.previsionImg
{
	height:70px;
}

#boxPrevions h1
{
	text-align:center;
	background:#F0F0F0;
	padding:7px 0;	
}

#boxPrevions h1.bordDrBlanc
{
	border-right:1px solid #fff;
}

#boxPrevions img
{margin:8px 0 6px 0;}

#boxPrevions p
{font-size:0.9em;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* --------------------------------------- Zone Emplois --------------------------------------------- */

/* -------------------------------- Affichage d'emplois --------------------------------------------- */

.t_posteEmploi
{
	width:461px;
	margin:0 0 5px 0;
}

/* ----------------- titre poste affiché ----------------------------- */
.lePoste
{
	float:left;
	width:200px;
}

.lePoste h1
{font-size:1.1em;}

.lePoste p
{font-size:0.9em;}


/* ----------------- date poste affiché ----------------------------- */
.dateAffPoste
{float:right;}

.dateAffPoste p
{
	font-size:0.9em;
	padding:0 5px 0 0;
	text-align:right;
	color:#C71D22;
}

/* ----------------- boîte avec courte description emplois ----------------- */

.boxDescriptPoste
{
	width:461px;
	margin:0 0 30px 0;
	border-bottom:1px solid #C71D22;
}

.txtDescripPoste
{
	float:left;
	width:300px;
}

.txtDescripPoste p
{padding:0;}



/* -------------------------------- Descsiption de l'emplois ---------------------------------------- */

.boxDetailsPoste
{
	width:461px;
	margin:20px 0 15px 0;
}

.txtDetailsPoste
{
	float:left;
	width:250px;
	margin:0 0 0 20px;
}

.txtDetailsPoste p
{
	padding:0;
	font-size:0.9em;
}

.boxDescriptEntreprise
{
	width:463px;
	border-bottom:1px solid #C71D22;
	padding:0 0 40px 0;
	margin:0 0 40px 0;
}

/* -------------------------------- Boîte de postulation ---------------------------------------- */

#boxPostuler
{
	width:461px;
	border:1px solid #C71D22;
	text-align:center;
	margin:0 0 10px 0;
}

#notePostulation
{background:#C71D22;}

#notePostulation p
{
	color:#fff;
	padding:10px 60px;
	font-weight:bold;
}

/* ------------- Formulaire pour postulation -------------------- */

#formPostuler
{
	margin:10px 10px 20px 10px;
	text-align:left;
}

.lesChamps input.ibParcourir
{width:100px;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------- Pages Répertoire Entreprises --------------------------------------- */

/* -------------------- Boîtes de recommandations -------------------------------------------------- */

.boxRecommandations
{
	width:461px;
	margin:0 0 5px 0;
	border:1px solid #C71D22;
}

.boxRecommandations h1
{
	background:#F0F0F0;
	text-align:center;
	padding:5px 0;
}

.boxRecommandations h2
{
	background:#F0F0F0;
	padding:5px 0 5px 10px;
}

.boxRecommandations img
{
	float:left;
	display:block;
	margin:10px;
}

.boxRecommandations div
{
	float:left;
	width:310px;
	margin:20px 0 10px 0;
}

.boxRecommandations p
{padding:0;}


/* -------------------- Boîtes de catégories -------------------------------------------------- */

.boxCategories
{
	width:461px;
	margin:10px 0 20px 0;
	border:1px solid #C71D22;
}

.boxCategories h1
{
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	margin:0 0 5px 0;
}

.boxCategories p
{
	font-size:0.9em;
	padding:5px 0 5px 10px;
}

.boxCategories div
{background:#F0F0F0;}

.categorieGau
{
	float:left;
	width:210px;
}

.categorieDr
{
	float:left;
	width:230px;
}

.bgGris
{
	background:#F0F0F0;
	width:461px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------- Page Détails d'un commerce -------------------------------------------- */

.boxDetailsCommerce, .boxDetailsRenovation
{
	width:764px;
	margin:0 0 11px 0;

}

.boiteInfosDetailsComm, .boiteInfosDetailsReno
{
	width:764px;
	background:#C8C7C7;
}

.coinTG-detailsCommer, .coinTG-detailsReno
{
	background:#C71D22 url(images/coinTG.gif) no-repeat top left; 
	width:294px;
	float:left;
}

.coinTG-detailsCommer
{
	background:#C71D22 url(images/coinTG.gif) no-repeat top left; 
	width:294px;
	float:left;
}

.boiteInfosDetailsComm h1.titreOnglet, .boiteInfosDetailsReno h1.titreOnglet
{
	color:#fff;
	padding:5px 0 5px 13px;
	background:url(images/coinTD-bgGris.gif) no-repeat top right;
}

.infosDetails
{
	width:762px;
	border:1px solid #C71D22;
	background:#fff;
	padding:8px 0 0 0;
}

.infosDetails h1
{
	font-size:0.9em;
	padding:0 11px;
}

.infosDetails h2
{
	font-size:1em;
	padding:5px 11px 5px 11px;
}

.infosDetails p
{
	color:#000;
	padding:0 11px 10px 11px;
}

.boxTxtDetails
{	background:#fff;
	width:752px;
	margin:0 5px;
}

/* -------------------- Boîtes Détails Commerce -------------------------------------------------- */

.boxCategoriesDetails
{
	width:750px;
	margin:0 0 10px 0;
	border:1px solid #C71D22;
}

.boxTxtDetails a:link, .boxTxtDetails a:visited, .boxTxtDetails a:active
{
	color:#C71D22;
	text-decoration:none;
}

.boxTxtDetails a:hover
{text-decoration:underline;}

.boxTxtDetails ul
{
	list-style:none;
	margin:0 0 10px 25px;
	padding:0;
}

.boxTxtDetails ul li
{
	margin:0;
	padding:0 0 5px 0;
}

.detailsCommerce
{
	background:#F0F0F0;
	width:750px;
}

.detailsCommerce h2
{
	background:#F0F0F0;
	padding:0 0 15px 0;
	margin:0 0 5px 0;
}

.detailsCommerce p
{
	font-size:0.9em;
	padding:0 0 10px 0;
}

.txtDetailsCommerce
{
	float:left;
	width:475px;
	margin:20px 0 0 20px;
}

.boxDetailTitre
{
	width:750px;
	margin:0 0 5px 0;
	border:1px solid #C71D22;
}

.boxDetailTitre h1
{
	background:#F0F0F0;
	padding:2px 10px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------- Page Rénovation et décoration -------------------------------------------- */

.infosDetailsReno
{
	width:762px;
	border:1px solid #C71D22;
	background:#fff;
	padding:8px 0 0 0;
}

.infosDetailsReno h1
{
	font-size:1.1em;
	padding:5px 11px;
}

.infosDetailsReno h2
{
	font-size:0.9em;
	padding:5px 11px 5px 11px;
}

.infosDetailsReno p
{
	color:#000;
	padding:0 11px 10px 11px;
}

/* -------------------- Boîtes Nouvelle Rénovation -------------------------------------------------- */

.boxRenoInfos
{
	width:750px;
	margin:0 0 20px 0;
	border:1px solid #C71D22;
}

.detailsReno
{
	background:#fff;
	width:750px;
}

.txtDetailsReno
{
	float:left;
	width:430px;
	margin:10px 0 0 0;
}

.boxDetailTitreReno
{
	width:750px;
	margin:0 0 5px 0;
	border:1px solid #C71D22;
	background:#F0F0F0;
}

.boxDetailTitreReno h1
{
	
	padding:2px 10px;
	float:left;
}

.boxDetailTitreReno p.bLien
{
	float:right;
	font-size:0.8em;
	padding:2px 10px 2px 0;
	color:#BB0C26;
}

.boxRenoInfos p.bLien
{
	float:right;
	font-size:0.8em;
	padding:0 30px 0 0;
	color:#BB0C26;
}

/* --------------- boîte sur deux colonnes Rénovation ---------------------- */

.zoneBoxRenoDouble
{
	width:750px;
	margin:0 0 20px 0;
}

.boxGauReno
{
	float:left;
	width:370px;
	margin:0 10px 0 0;
}

.boxDrReno
{
	float:left;
	width:370px;
}

.boxGauRenoTitre, .boxDrRenoTitre
{
	width:365px;
	margin:0 0 5px 0;
	border:1px solid #C71D22;
	background:#F0F0F0;
}

.boxGauRenoTitre h1, .boxDrRenoTitre h1
{	
	padding:2px 10px;
}

.boxGauRenoInfos
{
	width:365px;
	margin:0 0 10px 0;
	border:1px solid #C71D22;
}

.boxGauRenoInfos ul li
{
	font-size:0.9em;
}

.txtRenoGau
{
	width:255px;
	float:left;
	padding:5px 0;
}

.txtRenoGau p
{
	padding:0 0 0 5px;
	font-size:0.9em;
}

.zoneBoxRenoDouble p.bLien
{
	float:right;
	font-size:0.8em;
	padding:0 10px 10px 0;
	color:#BB0C26;
}



/* --------------- boîte de répertoire des professionnels ---------------------- */

.boxRepertoire
{
	width:750px;
	margin:5px 0 20px 0;
	border:1px solid #C71D22;
}

.boxRepertoire h1
{
	background:#F0F0F0;
	padding:5px 0 5px 10px;
	margin:0 0 5px 0;
}

.boxRepertoire p
{
	font-size:0.9em;
	padding:5px 0 5px 10px;
}

.repertoireGau
{
	float:left;
	width:250px;
}

.repertoireCen
{
	float:left;
	width:248px;
}

.repertoireDr
{
	float:left;
	width:250px;
}

.bgGrisWide
{
	background:#F0F0F0;
	width:750px;
}

/* --------------- boîte liste d'articles de rénovation et décoration ---------------------- */

.boxGauRenoInfos ul
{
	margin:5px 0;
	padding:0 10px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ---------------------------------- Pages Parcs Industriels --------------------------------------- */
#boxVilles
{
	width:461px;
	margin:0 0 3px 0; background:#F0F0F0;
}

#boxQuebec
{
	float:left;
	width:230px;
	background:#fff;
	margin:0 1px 0 0; 
}

#boxLevis
{
	float:left;
	width:230px;
	background:#fff;

}


.boxRegroupementVille
{
	background:#F0F0F0;
	text-align:center;
	
}

.boxRegroupementVille p
{padding:10px 0;}

.sepVille
{
	border-right:1px solid #fff;
}



/* ----------------------------------------------------------------------------- */
/* --------------------- liste de parcs industriels ---------------------------- */

.boxListeParcsIndust
{
	width:461px;
	margin:0 0 10px 0;
}

.listeParcs
{background:#F0F0F0;}

.listeParcs h2
{
	background:#CAC9C9;
	padding:3px 0 3px 10px;
}

.boxListeParcsIndust p
{
	font-size:0.9em;
	padding:6px 0 6px 10px;
}


/* ----------------------------------------------------------------------------- */
/* --------------------- détails de parcs industriels ---------------------------- */

#boxChoixIndustriel
{
	width:461px;
	margin:0 0 10px 0;
}

#logoVille
{
	float:left;
	width:100px;
	border-right:1px solid #F0F0F0;
	padding:0 10px 0 0;
	margin:0 8px 0 0;
}

#choixIndustriel
{
	float:left;
	width:340px;
}

#choixIndustriel p
{
	color:#C71D22;
	font-size:1em;
	padding:10px 0 0 0;
}

.blocInfos
{
	width:461px;
}

.coordonnesIndust
{
	width:173px;
	float:left;
	border-right:1px solid #fff;
}

.descriptIndust
{
	float:left;
	width:280px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ---------------------------------- Pages Dossier et cahiers --------------------------------------- */

.dossierGau
{
	float:left;
	width:210px;
	border-right:1px solid #fff;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------- Style pour photo dans pages nouvelles --------------------------------------- */

.blocPhotoCentre
{	
	width:463px;
	text-align:center;
}

.blocPhotoGauche
{	
	text-align:left;
	float: left;
	margin:10px;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- colonne de droite ------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.boxOngletTextureDr
{
	width:300px;
	margin:0 0 11px 0;
	background:url(images/titre_texture.gif);
}

.coinTG-texture
{background:url(images/coinTG-texture.gif) no-repeat top left;}

.boxOngletTextureDr h2.titreOnglet
{
	color:#fff;
	padding:4px 0 2px 13px;
	background:url(images/coinTD-texture.gif) no-repeat top right;
	font-family:"Times New Roman", Times, serif;
}

.boiteColDr
{
	padding:0;
	border:1px solid #C71D22;
	background:#fff;
}

.boxOngletTextureDr h1.titreOnglet
{
	color:#fff;
	padding:7px 0 5px 13px;
	background:url(images/coinTD-texture.gif) no-repeat top right;
}

/* --------------------------------------------------------------------------------- */
/* ------------------------------- boîte sondage ----------------------------------- */

.boiteColDr p.txtGrisFonce
{
	color:#787878;
	padding:11px 15px 10px 18px;
	font-weight:bold;
	font-size:0.9em;
}

.reponsesSondage
{
	padding:11px 15px 10px 18px;
}

.reponsesSondage label
{
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	margin:0 15px 0 0;
}

.boiteSondage
{
	width:298px;
	padding:0 0 10px 0;
}

/* cases à cocher */

.casesCochesSondage
{
	width:150px;
	margin:0 0 0 18px;
	float:left;
}

.casesCochesSondage label
{
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	margin:0 15px 0 0;
}

.casesCochesSondage input
{vertical-align:middle;}

.boiteTxtRepondre
{
	width:200px;
	float:right;
	margin:0 10px 0 0;
}

.boiteTxtRepondre p
{
	color:#787878;
	font-weight:bold;
	font-size:0.9em;
	float:right;
	padding:3px 8px 0 0;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------- boîte calendrier ----------------------------------- */

.evenementBgBlanc, .evenementBgGris
{
	width:298px;
	padding:6px 0 4px 0;
}

.evenementBgBlanc p.evenementIcone, .evenementBgGris p.evenementIcone
{
	width:260px;
	padding:0 0 0 0;
	float:left;
}

.evenementBgBlanc p.evenement, .evenementBgGris p.evenement
{
	width:260px;
	padding:0 0 0 28px;
	color:#787878;
	font-size:0.9em;
}

.evenementBgGris
{background:#F0F0F0;}

.piedBoxCalendrier
{
	background:#C8C7C7 url(images/bg_calendrier.gif) no-repeat top left;
	padding:20px 0 0 0;
}

.piedBoxCalendrier p
{
	padding:3px 0 6px 8px;
	font-size:0.9em;
}

.piedBoxCalendrier div
{width:250px;}

.piedBoxCalendrier div img
{
	float:left;
	margin:0 0 0 6px;
}

.piedBoxCalendrier div p
{float:left;}

.piedBoxCalendrier a:link, .piedBoxCalendrier a:visited, .piedBoxCalendrier a:active 
{
	text-decoration:none;
	color:#BB0C26;
}

.piedBoxCalendrier a:hover
{text-decoration:underline;}

.evenementBgBlanc a:link, .evenementBgBlanc a:visited, .evenementBgBlanc a:active, .piedBoxCalendrier a:visited, .piedBoxCalendrier a:active 
{
	text-decoration:none;
	color:#C71D22;
}

.evenementBgBlanc a:hover
{text-decoration:underline;}

.evenementBgGris a:link, .evenementBgGris a:visited, .evenementBgGris a:active, .piedBoxCalendrier a:visited, .piedBoxCalendrier a:active 
{
	text-decoration:none;
	color:#787878;
}

.evenementBgGris a:hover
{text-decoration:underline;}


/* ---------------------------------------------------------------------------------------------- */
/* ------------------------------- boîte Éditorial et vox pop ----------------------------------- */

.boxTxtPhoto
{
	width:298px;
	padding:5px 0 5px 0;
	border-bottom:1px solid #E7E7E7;
}

.boxTxtPhoto img
{
	float:left;
	margin:2px 10px 0 10px;
	border:1px solid #B0B0B0;
}

.boxTxtPhoto p
{
	float:left;
	font-size:0.9em;
	padding:2px 5px 5px 5px;
}

.boxTxtPhoto p.titre
{
	width:216px;
	padding:2px 0 5px 0;
}

.boxTxtPhoto p.bordurebas
{	border-bottom:1px solid #E7E7E7;padding:2px 0 5px 0;}
.boxTxtPhoto p.bordurehaut
{	
	width:216px;
	border-top:1px solid #E7E7E7;
	padding:2px 0 5px 0;
}

.boxTxtPhoto a:link, .boxTxtPhoto a:visited, .boxTxtPhoto a:active 
{
	text-decoration:none;
	color:#000;
}

.boxTxtPhoto a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#bg-pieds
{
	background:url(images/bgPied.gif) repeat-x top left;
}

#pieds
{
	width:955px;
	margin:0 auto;
	text-align:left;
}

#pieds ul
{
	float:left;
	color:#fff;
	font-size:1em;
	list-style:none;
	margin:10px 0 41px 24px;
}

#pieds ul li
{
	float:left;
	margin:0 1px;
	color:#5F5F5F;
	padding:11px 0 0 0;
}

#pieds ul li#notes
{
	float:right;
	padding:0;
}

#pieds a:link, #pieds a:visited, #pieds a:active 
{
	color: #5F5F5F;
	text-decoration:none;
}

#pieds a:hover
{
	text-decoration:underline;
}

#annonceurs ul li 
{
	list-style: url(images/i_rondFleche.gif)
}

#boxMembre a:link, #boxMembre a:visited, #boxMembre a:active
{
	text-decoration:none;
	color:#000;
}

#boxMembre a:hover
{text-decoration:underline;}