/* Styles CSS pour L'Étincelle de Windsor */

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

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

.titreUne:hover
{
	color:#000;
	text-decoration:underline;
}

.titreUne
{
	color:#000;
	text-decoration:none;
}

/* ----- fonction grossir le caractère  ---- */
.news1
{
	font-size:1em;
}

.news2
{
	font-size:1.1em;
}

.news3
{
	font-size:1.2em;
}

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

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

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

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

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

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

.gras
{font-weight:bold;}

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

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

.italic
{font-style:italic;}

.txt_bleu_grand
{
	color:#437339;
	font-size:1em;
}

.txt_rouge
{color:#EB0220}

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

/* -------------------------------------- entete ---------------------------------------------------- */

#entete
{
	width:955px;
	margin:14px 0 0 0;	
}

#bgEntete
{
	background:url(images/bg_entete.jpg) no-repeat 0 107px; 
	width:955px;
}

#entete_colGau
{
	float:left;
	width:730px;
	padding:6px 0 0 0;
}

#entete_colDr
{
	float:left;
	width:225px;
	background:url(images/bg_entete_colDr.gif) repeat-y top right;
}

#bg_entete_colDr
{
	width:225px;
	background:url(images/bg_entete_colDr_top.jpg) no-repeat top right;
	padding:51px 0 0 0;
}

div#entete_colDr{height:242px;}

html>body div#entete_colDr
{
	min-height:242px;
	height:auto;
}

/* ---------------- logo ---------------------- */
#entete_colGau div
{width:730px;}


#entete_colGau div#logoCompagnie
{
	margin:35px 0 8px 14px;
	width:321px;
}

#entete_colGau div#logoCompagnie img.logo
{display:block;}

#logoPrint
{
	display:none;
}

/* blogue --- */
h1#logoCompagnie_blogue
{padding:0;}

h1#logoCompagnie_blogue img.logo
{display:block;}
/* ------------------ */


/* ---------------- zone menu ---------------------- */

/* ---------------- menu ---------------------------- */
#topMenu
{
	width:730px;
	background:#000;
	padding:4px 0 3px 0;
	border-bottom:2px solid #fff;
}


#topMenu ul
{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:0 0 0 7px;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 15px 0 0;
	color:#fff;
}

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

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

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

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


/* ----------- bloc journal en ligne ---------------- */

#bloc_journalLigne
{
	width:225px;
	background:url(images/bg_journalLigne.jpg) no-repeat top left;
}

#bloc_journalLigne p.journalEnLigne
{
	color:#fff;
	padding:0;
	font-size:0.9em;
	text-align:right;
	margin:0;
}

#blocConsulterArchives
{padding:22px 0 0 0;}

#blocConsulterArchives div
{float:right;}

#blocConsulterArchives div img
{margin:8px 0 0 2px;}

#bloc_journalLigne p.consulterArchives
{
	color:#fff;
	font-size:0.9em;
	text-align:right;
	float:right;
	padding:0;
	margin:0;
}

#bloc_journalLigne img
{
	vertical-align:middle;
	margin:1px 1px 1px 0;
}

#bloc_journalLigne p.journalEnLigne a:link, #bloc_journalLigne p.journalEnLigne a:visited, #bloc_journalLigne p.journalEnLigne a:active, #bloc_journalLigne p.consulterArchives a:link, #bloc_journalLigne p.consulterArchives a:visited, #bloc_journalLigne p.consulterArchives a:active, #boxCahierSpeciaux div a:link, #boxCahierSpeciaux div a:visited,  #boxCahierSpeciaux div a:active
{color:#fff; text-decoration:none;}

#bloc_journalLigne p.journalEnLigne a:hover, #bloc_journalLigne p.consulterArchives a:hover, #boxCahierSpeciaux div a:hover
{text-decoration:underline;}



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

#blocRecherche
{
	width:225px;
	padding:75px 0 0 0;
}

#champsRecherche
{
	width:225px;
}

.casesCochesRecherche
{
	margin:0 0 0 16px;
	padding:4px 0 2px 0;
}

#champsRecherche input.irecherche
{
	width:152px;
	margin:0 4px 0 16px;
	vertical-align:middle;
	font-weight:bold;	
}

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

/* ----- cases à cocher ------ */
.selectionCaseCoche
{margin:0;}

.casesCochesRecherche label
{
	color:#000;
	font-size:0.9em;
	margin:0 10px 0 2px;
	vertical-align:middle;
}

.casesCochesRecherche input
{
	vertical-align:middle;
	margin:0;
}

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

#zoneContenu
{
	width:956px;
	background:#FFFFFF url(images/bg_zcontenu_top.gif) repeat-x top left;
}

#zoneContenu p#dateJour
{
	font-size:0.9em;
	font-weight:bold;
	padding:11px 0 8px 26px;
}

/* les trois colonnes de contenu */

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

#colCentre
{
	width:480px;
	float:left;
	margin:0 0 0 5px;
}

#colDroite
{
	width:306px;
	float:right;
}

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

/* contenu texte en general (surtout pour éditeurs) */

#contenuTxt
{
	width:475px;
	margin:0 0 11px 0;
}

#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 #336B8F;
	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.9em;
	padding:0 20px 9px 0;
	color:#868686;
}

#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:#868686;
	text-decoration:none;
}

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

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

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

#optionsTxt div
{float:left;}

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

#optionsTxt a:link, #optionsTxt a:visited, #optionsTxt a:active, #boxCommentaires a:link, #boxCommentaires a:visited, #boxCommentaires a:active, .txt-petit a:link, .txt-petit a:visited, .txt-petit a:active
{
	color:#437339;
	text-decoration:none;
}

#optionsTxt a:hover, #boxCommentaires a:hover, #optionsTxt a:hover, .txt-petit a:hover
{
	text-decoration:underline;
}


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

#boxCommentaires div
{
	background:#B5B5B5;
}


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

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

/* -------------------------------------- colonne de gauche------------------------------------------ */
.boxMenuGau
{
	width:164px;
	margin:0 0 11px 0;
	background:#F0F7E7 url(images/boxMenuGau_ombreTop.gif) repeat-x top left;
}

.ombreDr
{background:url(images/boxMenuGau_ombreDr.gif) repeat-y top right;}
.ombreBas
{background:url(images/boxMenuGau_ombreBas.gif) repeat-x bottom left;}

.coinTD
{background:url(images/boxMenuGau_coinTD.gif) no-repeat top right;}
.coinBD
{background:url(images/boxMenuGau_coinBD.gif) no-repeat bottom right; padding:5px 0 0 0;}

/* ----- menu colonne gauche ------------------------- */

/* entête verte */
.entete_vert_bg
{
	width:160px;
	background:url(images/t_mid_vert.gif) repeat-y top left;
}

.entete_vert_top
{
	background:url(images/t_top_vert.gif) no-repeat top left;
	padding:5px 0 0 0;
}


/* entête bleue */
.entete_bleu_bg
{
	width:158px;
	background:url(images/t_mid_bleu.gif) repeat-y top left;
}

.entete_bleu_top
{
	background:url(images/t_top_bleu.gif) no-repeat top left;
	padding:5px 0 0 0;
}

.entete_vert_bg h1, .entete_bleu_bg h1
{
	color:#fff;
	padding:3px 0 4px 18px;
}


.menuBgVert
{padding:0 0 10px 0;}

.menuBgBleu
{
	width:158px;
	background:#E1EFF5;
	padding:0 0 10px 0;
}

.t_bas_vert
{
	background:url(images/t_bas_vert.gif) no-repeat top left;
	padding:10px 0 0 0;
}

.t_bas_bleu
{
	background:url(images/t_bas_bleu.gif) no-repeat top left;
	padding:10px 0 0 0;
}

.menuBgVert ul, .menuBgBleu ul
{
	margin:0;
	list-style:none;
	padding:0 0 0 0;
}

.menuBgVert ul li, .menuBgBleu ul li
{
	margin:0;
	padding:2px 0 2px 18px;
}


.menuBgVert ul li a:link, .menuBgVert ul li a:visited, .menuBgVert ul li a:active, .menuBgBleu ul li a:link, .menuBgBleu ul li a:visited, .menuBgBleu ul li a:active
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.menuBgVert ul li a:hover, .menuBgBleu ul li a:hover
{text-decoration:underline;}

/* Liste à l'intérieur d'une liste */
.listeInt
{
	margin:0;
	list-style:none;
	padding:0 0 5px 0 !important;
}

.listeInt li
{
	margin:0;
	padding:0 0 1px 15px !important;
}

.listeInt li a:link, .listeInt li a:visited, .listeInt li a:active
{
	text-decoration:none;
	color:#000;
	font-weight:normal !important;
}

/* ----------- boîte Newsletter-------------------------------------------- */

/* boîte abonnement */

.boxMenuGau p
{padding:0 0 4px 9px;}

.boxMenuGau input.iabonnement
{
	width:110px;
	margin:0 5px 0 9px;
	vertical-align:middle;
}

.boxMenuGau input.ibAbonnement
{
	vertical-align:middle;
	color:#8A8A8A;
	text-align:center;
}

/* ----------- boîte Météo ------------------------------- */

#zoneMeteo
{
	position:relative;
	width:158px;
}

#boxIconeMeteo
{
	position:absolute;
	background:url(images/bg_icone_soleil.gif) no-repeat top left;
	width:48px;
	height:48px;
	margin:14px 0 0 108px;
}

/* entête météo */
.entete_meteo_bg
{
	width:158px;
	background:url(images/t_mid_meteo.gif) repeat-y top left;
	border-top:2px solid #fff;
	padding:5px 0 0 0;
}

.entete_meteo_bg h1
{
	color:#000;
	padding:3px 0 4px 16px;
}

.boxMeteo
{
	width:158px;
	background:#A1D8FB url(images/boxMeteo_bg.jpg) no-repeat bottom left;
}

.t_bas_meteo
{
	background:url(images/t_bas_meteo.gif) no-repeat top left;
	padding:16px 0 0 0;
}

.boxMeteo p
{
	font-size:0.9em;
	padding:0 0 9px 16px;
}

.boxMeteo p.dateMeteo
{font-size:1em;}

.boxMeteo a:link, .boxMeteo a:visited, .boxMeteo a:active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

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

/* ----------- boîte Membre ------------------------------- */
#boxMembre
{
	width:164px;
	text-align:center;
	padding:0 0 20px 0;
}

#boxMembre p
{
	font-size:0.9em;
	padding:0 0 0 10px;
	text-align:left;
}

/* -------------------------------------------------------------------------- */
/* ---- colonne du centre --------------------------------------------------- */
/* --- Boîte À La Une ! ------------------------------------------- */

#boxActualites
{
	width:474px;
	margin:4px 0 11px 0;
}

.t_actualites_coteGau
{background:#8CB64E url(images/pixel_blanc_xl.gif) repeat-y top left;}

.t_actualites_coteTop
{background:url(images/pixel_blanc_xl.gif) repeat-x top left;}

.t_actualites
{
	background:url(images/t_actualites_bas.gif) no-repeat bottom left;
	padding:0 0 22px 0;
}

.t_actualites h1
{
	color:#fff;
	font-size:1.2em;
	padding:10px 0 0 25px;
}

/* ----------- boîte Informations du centre ------------------------------------------------------------ */

.boiteInfos
{
	width:473px;
	margin:0 0 11px 0;
	border:1px solid #437339;
	background:#fff;
}

.entete_centre
{
	width:473px;
	background:#A9C57F url(images/entete_centre_bg.gif) no-repeat top right;
	padding:0 0 2px 0;
}

.entete_centre_long
{
	width:765px;
	background:#A9C57F url(images/entete_centre_bg.gif) no-repeat top right;
	padding:0 0 2px 0;
}

.boxConsulterArticle
{
	width:185px;
	float:right;
	margin:0;
	padding:4px 0;
}

.boxConsulterArticle img
{
	margin:0 2px;
	vertical-align:middle;
}

.boxConsulterArticle p.txtLireSuite
{
	font-size:0.9em;
	text-align:right;
}

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

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


.entete_centre h1.titreOnglet
{
	float:left;
	color:#fff;
	padding:5px 0 5px 13px;
}

.entete_centre_long h1.titreOnglet
{
	color:#fff;
	padding:5px 0 5px 13px;
}

/* --------------------------------------- boite d'informations ------------------------------ */
.infosAcc
{
	width:284px;
	float:left;
	background:#fff;
	padding:8px 0 0 0;
}

.infos
{
	width:473px;
	background:#fff;
	padding:8px 0 0 0;
}

.infosAcc img.aLaUne, .infos img.aLaUne, .infosActualites img.aLaUne
{
	float:left;
	margin:3px 9px 5px 6px;
}

.infos h1, .infosActualites h1, .infosAcc h1
{
	color:#000;
	font-size:0.9em;
	font-weight:bold;
	padding:0 11px;
}

.infos h1.titreInfosAcc, .infosAcc h1.titreInfosAcc
{
	font-size:0.9em;
	padding:0 11px 5px 11px;
	color:#000;
}

.infos h1.titreInfos, .infosActualites h1.titreInfos
{
	color:#000;
	font-size:1em;
	padding:0 11px 5px 11px;
}

.infos h1.titreInfos a, h1.titreInfosAcc a
{
	color:#000;
	text-decoration:none;
}

.infos h1.titreInfos a:hover, h1.titreInfosAcc a:hover
{
	text-decoration:underline;
}

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

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

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

.infosAcc p
{
	font-size:0.9em;
	color:#000;
	padding:0 11px 10px 11px;
}

.infos img, .infosActualites img, .infosAcc img
{margin:0 10px 0 0;}

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

.txtInfos
{color:#000;}

.infosActualites p.bLien, .infosAcc p.bLien
{
	float:right;
	font-size:0.9em;
	padding:10px 11px 5px 11px;
	color:#868686;
}

.infosActualites p img, .infosAcc p img
{
	vertical-align:middle;
	margin:0 0 0 5px;
}

.infosActualites p.bLien a:link, .infosActualites p.bLien a:visited, .infosActualites p.bLien a:active, .infosAcc p.bLien a:link, .infosAcc p.bLien a:visited, .infosAcc p.bLien a:active
{
	color:#868686;
	text-decoration:none;
}

.infosActualites p.bLien a:hover, .infosAcc p.bLien a:hover
{
	text-decoration:underline;
}

.infosActualites
{
	width:473px;
	background:#fff;
	padding:0;
}

.boxTxtListeLiens
{	background:#fff;
	width:463px;
	margin:0;
}

.infosListeLiens
{
	width:473px;
	background:#fff;
}

.liste_menu
{
	width:473px;
	background:#ECF4DF;
	padding:0;
	text-align:center;
}

/* ------------------- Liste menu d'actualités -------------------------- */

.liste_menu ul
{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:2px 10px 0 15px;
}

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

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

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

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

.selectMoisListeActualite
{
	width:473px;
	background:#C8C7C7;
	margin:1px 0 5px 0;
	padding:5px 0;
}

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

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

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

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


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

.boxTxtInfos img.imgNouvelle
{
	border:1px solid #437339;
}

.boxTxtInfos img.imgAgrandir
{
	border:0;
	float:right;
}

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

.boxTxtInfos ul li
{
	margin:0;
	padding:0 0 0 0;
	list-style-type: disc
}


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

#creditArticle img.i_journaliste
{
	float:left;
	margin:0 0 0 0;
}

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

#creditArticle div h2
{
	padding:24px 0 0 10px;
	float:left;
}

.nomJournaliste
{
	float:left;
	width:370px;
	border-bottom:1px solid #437339;
	margin:0 0 0 0;	
}

.nomJournaliste h2
{
	float:left;
	padding:24px 0 0 5px;
	margin:0;	
}

#creditArticle img.i_exclusivite
{
	float:right;
	margin:-8px 0 0 0;
}


.blocPhoto
{	
	width:464px;
	text-align:center;
}

.blocPhotoCentre
{	
	width:280px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

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

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

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


/* ------------------------------------------------------------------------------ */
/* ---------------- liste liens nouvelles de l'accueil -------------------------- */

.listeInfos
{
	background:#ECF4DF;
	width:463px;
	margin:0 5px 5px 5px;
}

.listeInfos span.dateListeInfos, .listeInfosAcc span.dateListeInfos
{
	color:#437339;
	font-size:0.8em;
}

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

.listeInfosAcc p
{
	color:#000;
	font-size:0.9em;
	padding:5px 8px;
}

.listeInfosAccBord_bas
{border-bottom:1px solid #A9C57F;}

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

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

/* -- Lien plus de nouvelles de l'accueil --- */
.box_plusNouvelles
{
	background:#A9C57F;
	margin:10px 0 0 0;
	padding:6px 0 5px 0;
}

.box_plusNouvelles p
{
	font-weight:bold;
	text-align:right;
	padding:0 8px 0 0;
}

.box_plusNouvelles img
{
	vertical-align:middle;
	margin:0 0 0 9px;
}

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

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

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

.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 #437339; padding:0 0 15px 0; margin:0 0 15px 0;}

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

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


.boiteInfosDetailsComm, .boiteInfosDetailsReno
{
	width:764px;
}

.bg_onglet-centre-details
{
	background:url(images/boxDetails_bg_onglet_fonce.gif) repeat-y top left; 
	width:294px;
	float:left;
}

.coinTG-detailsReno
{
	background:#990115 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-left:1px solid #A9C57F;
	border-bottom:1px solid #A9C57F;
	border-right:1px solid #A9C57F;
	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 #A9C57F;
}

.boxTxtDetails a:link, .boxTxtDetails a:visited, .boxTxtDetails a:active
{
	color:#437339;
	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;
}

.commerce
{
	background:#F0F0F0;
	width:300px;
}

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

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

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

.txtDetailsCommerce
{
	float:left;
	width:225px;
	margin:0 0 0 5px;
}

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

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


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

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

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

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

.boxCategories h1
{
	font-size:1em;
	background:#F4F4EF;
	font-weight:bold;
	color:#000;
	padding:5px 0 5px 10px;
	margin:0 0 5px 0;
}

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

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

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

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

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

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

/* --------------------------------------- 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;}

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

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

.lePoste a:hover, .boxDescriptEntreprise a:hover
{text-decoration:underline;}

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

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

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

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

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

.txtDescripPoste p
{padding:0 0 8px 0;}

.txtDescripPoste h2
{
	color:#336B8F;
	padding:0 0 3px 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 #336B8F;
	padding:0 0 40px 0;
	margin:0 0 40px 0;
}

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

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

#notePostulation
{background:#A9C57F;}

#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;}

/* -------------------------- 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
{
	color:#437339;
	font-weight:bold;
	font-size:1em;
	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;}

/* ---------------------------------- 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:#437339;
	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;
}

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


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

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

.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 #A9C57F;
	background:#F0F0F0;
}

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

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

.boxRenoInfos p.bLien
{
	float:right;
	width:110px;
	font-size:0.9em;
	padding:0 30px 0 0;
	color:#437339;
}

/* --------------- 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 #A9C57F;
	background:#F0F0F0;
}

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

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

.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;
	width:110px;
	font-size:0.9em;
	padding:0 0 10px 0;
	color:#437339;
}



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

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

.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 Répertoire Entreprises --------------------------------------- */

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

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

.boxRecommandations h1
{
	font-size:0.9em;
	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;}

.boxRecommandations a:link, .boxRecommandations a:visited, .boxRecommandations a:active
{
	color:#50B5C4;
	text-decoration:none;
}

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

/* --------------------------------- pages Annonces classées ---------------------------------------- */

.listeAnnonces
{
	background:#F0F0F0;
	width:463px;
	margin:0 0 10px 0;
}

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

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

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


.txtAnnonce
{
	width:463px;
	margin:0 0 20px 0;
	border-bottom:1px solid #A9C57F;
}

.txtAnnonce img
{
	margin:0 10px 10px 5px;
	border:1px solid #A9C57F;
}


/* -------------------------- Page Album Photo -------------------------------------------- */

.ligneChoixAlbum
{margin:0 0 20px 0;}


.blocChoixAlbum
{
	width:461px;
	padding:0 0 10px 0;
}

.blocChoixAlbum img
{
	border:1px solid #336B8F;
}

.blocAlbumChoixThumb
{
	float:left;
	width:150px;
	padding:7px 0 0 0;
	margin: 0 0 0 0;
	text-align:center;
}

.blocAlbumChoixThumbLast
{
	float:left;
	width:130px;
	padding:7px 0 0 0;
	margin: 0 0 10px 0;
	text-align:center;
}

.nomPhoto
{
	font-size:0.9em;
	padding: 10px 0 4px 0;
	overflow: hidden;
	text-align:center;
}

.nomPhoto a:link, .nomPhoto a:visited, .nomPhoto a:active
{text-decoration:underline;}

.nomPhoto a:hover
{text-decoration:none;}

/* ---------------- sélection de pages pour l'album photos ---------------------- */

#selectPages
{
	width:463px;
	font-size:0.9em;
	padding-bottom:15px;
}

#selectPages a:link, #selectPages a:visited, #selectPages a:active
{
	color:#437339;
	text-decoration: none;
}

#selectPages a:hover
{
	color:#000;
	text-decoration:underline;
}

#encours a:link, #encours a:visited, #encours a:active
{
	color:#000;
	text-decoration: underline;
}

#selectPages ul
{		
	list-style: none;
	margin:10px 0 10px 0;
	padding:0;
}

#selectPages ul li
{
	float:left;
	padding:0 3px;
	margin: 0 0 .2em 3px;
}

#selectPages ul li.pagePrecedente
{
	float:left;
	padding:0 20px 0 5px;
}

#selectPages ul li.pageSuivante
{
	float:right;
	padding:0 5px 0 0;
}


/* ----------------- boîte cartes de la Beauce ----------------- */

.boxcartes
{
	width:461px;
	margin:5px 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #336B8F;
}

/* ------------------------------------- Page Nécrologie -------------------------------------------- */
.dateNecrologique
{
	color:#437339;
	font-weight:bold;
	font-size:0.9em !important;
}

#selectPagesNecrologie
{
	width:463px;
	font-size:0.9em;
	padding:10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #A9C57F;
}

#selectPagesNecrologie ul
{		
	list-style: none;
	margin:0;
	padding:0 10px;
}

#selectPagesNecrologie ul li
{		
	list-style: none;
	margin:0;
	padding:0;
}

#selectPagesNecrologie ul li.pagePrecedente
{
	float:left;
}

#selectPagesNecrologie ul li.pageSuivante
{
	float:right;
}

/* -------------------- boîte du défunt ------------------------ */
.boxDefunt
{
	margin:0 11px 20px 11px;
	padding:0 0 10px 0;
	border-bottom:1px solid #A9C57F;
}

.nomDefunt
{
	width:441px;
	float:left;
	margin:0 0 15px 0;
	border-bottom:1px solid #A9C57F;	
}

.iDefunt
{
	float:left;	
	width:108px;
	margin:0 10px 0 5px;
}

.txtDefunt
{
	float:left;
	padding:0;	
}

.txtDefunt h2
{
	padding:136px 0 0 10px;
	margin:0;
}

.nomDefunt img
{
	border:1px solid #A9C57F;
	margin:0 0 0 0;
}

/* ---------------------- pages Promotions et coupons rabais ---------------------------------------- */

.zonePromo
{
	width:750px;
	margin:10px 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #31261A;
}

.promo
{
	float:left;
	width:186px;
	text-align:center;
	padding:5px 0;
}

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

/* ------------------------------ pages Zone Rencontres --------------------------------------------- */

#zoneRencontre
{
	width:750px;
	margin:0 0 20px 0;
	padding:18px 0 10px 0;
	border:1px solid #A9C57F;
}

#zoneRencontre h1
{
	color:#A9C57F;
	font-size:1.5em;
}


#boxEntreeMembres
{
	float:left;
	width:370px;
	text-align:center;
}

#loginMembres
{
	margin:10px 110px 15px 108px;
	padding:0 0 10px 0;
	text-align:left;
	border-bottom:1px solid #A9C57F;
}

.lesChampsMembres label
{
	font-size:0.9em;
}

.lesChampsMembres input
{
	margin:0 0 10px 0;
}


#rechercheRapide
{
	float:left;
	width:358px;
	text-align:center;
}

#rechercheRapide h1
{
	background:#D2D2D2;
	color:#000;
	padding:5px 0;
}

#boxRecherche
{
	background:#E1E1E1;
	padding:15px 0;
}

/* ----- cases à cocher ------ */

.casesCochesRechercheRapide
{margin:0 0 15px 0;}

.casesCochesRechercheRapide-01
{margin:0 0 15px 28px;}

.casesCochesRechercheRapide label, .casesCochesRechercheRapide-01 label
{
	color:#000;
	font-size:0.9em;
	margin:0 10px 0 0;
	vertical-align:middle;
}

.casesCochesRechercheRapide input, .casesCochesRechercheRapide-01 input
{
	vertical-align:middle;
	margin:0 10px 0 10px;
}

.lesChampsAge
{margin:0 0 15px 0;}

.lesChampsAge label
{font-size:0.9em;}

.lesChampsAge select
{margin:0 0 0 20px;}


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



/* --- boîte concours ----------------------------------- */

.zoneConcours
{
	width:306px;
	background:#fff url(images/boxMenuGau_ombreTop.gif) repeat-x top left;
}

.ombreGau
{background:url(images/boxColDr_ombreGau.gif) repeat-y top left;}
.ombreBas
{background:url(images/boxMenuGau_ombreBas.gif) repeat-x bottom left;}

.coinTG
{background:url(images/boxMenuGau_coinTG.gif) no-repeat top left; padding:7px 0 0 0;}
.coinBG
{background:url(images/boxMenuGau_coinBG.gif) no-repeat bottom left;}

.boxConcours
{
	width:301px;
	margin:0 0 11px 5px;
}

.entete_rouge
{
	width:301px;
	background:#BC1F00;
}

.entete_rouge h1
{
	color:#fff;
	text-align:right;
	padding:6px 22px 6px 0;
	font-size:1em;
}

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

.boiteConcours
{
	width:301px;
	padding:2px 0 8px 0;
}

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

.boxDroite
{
	width:299px;
	margin:0 0 11px 5px;
	border:1px solid #3181A8;
}

.boxDroite_tRouge
{
	width:301px;
	margin:0 0 11px 5px;
}

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

.entete_colDr
{
	width:299px;
	background:url(images/ombreBas.gif) repeat-x bottom left;
}



.entete_colDr h1, .entete_colDr_bgBleu h1, .entete_colDr_bgBleuPale h1
{
	color:#000;
	padding:6px 22px 10px 0;
	font-size:1em;
	text-align:right;
	margin:0;
}

.entete_colDr_bgBleu
{
	width:299px;
	background:url(images/ombreBas_bgBleu.gif) repeat-x bottom left;
}

.entete_colDr_bgBleuPale
{
	width:299px;
	background:url(images/ombreBas_bgBleuPale.gif) repeat-x bottom left;
}

.entete_colDr_cahierSpeciaux
{width:299px;}

.entete_colDr_cahierSpeciaux h1
{
	color:#000;
	padding:6px 22px 6px 0;
	font-size:1em;
	text-align:right;
}

.boiteColDr
{
	width:299px;
	background:#fff;
}

/* --- boîte Nos Chroniqueurs ---------------------------------------- */

#boiteChroniqueurs
{
	width:299px;
	background:#E7F3F9;
	padding:9px 0 9px 0;
}

.chroniqueur
{
	width:281px;
	background:url(images/bg_chroniqueur.gif) repeat-y top left;
	margin:0 0 6px 12px;
}

.chroniqueur div
{
	float:left;
	width:215px;
	padding:13px 0 0 0;
}

.chroniqueur div img
{margin:0 4px 0 0;}

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

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

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

/* ---- boîte Nouvelles les plus lues ----------------------------------- */

.zoneNouvelles
{
	width:299px;
	padding:6px 0 0 0;
}

.boxNouvelles
{
	width:282px;	
	margin:0 0 0 9px;
}

.bgBleuPale
{background:#E7F3F9;}

.boxNouvelles p
{
	padding:6px 0 6px 4px;
	color:#000;
	font-size:0.9em;
}

.boxNouvelles p.firstNouvelles
{padding:4px 0 6px 4px;}

.boxNouvelles p.lastNouvelles
{padding:6px 0 12px 4px;}

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

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


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

#zoneEvenements
{
	width:299px;
	padding:6px 0 0 0;
}
.boxEvenements
{	
	padding:5px 0;
	width:286px;	
	margin:0 0 0 6px;
}

.boxEvenements p
{
	padding:0 10px 0 12px;
	color:#000;
	font-size:0.9em;
}

.boxEvenements a:link, .boxEvenements a:visited, .boxEvenements a:active, .boiteTxtRepondre p a:link, .boiteTxtRepondre p a:visited, .boiteTxtRepondre p a:active
{
	text-decoration:none;
	color:#787878;
}

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

/* -- Lien Voir toutes les activités --- */
.boxVoirActivites
{
	background:#C6E2F3;
	margin:11px 0 0 0;
	padding:6px 0 5px 0;
}

.boxVoirActivites p
{
	font-weight:bold;
	text-align:right;
	padding:0 8px 0 0;
	font-size:0.9em;
}

.boxVoirActivites img
{
	vertical-align:middle;
	margin:0 0 0 9px;
}

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

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

/* ------------------------------- boîte sondage ----------------------------------- */
.boiteColDr p.txtSondage
{
	color:#000;
	padding:15px 15px 10px 10px;
	font-weight:bold;
	font-size:0.9em;
}

.boiteSondage
{
	width:299px;
	padding:6px 0 10px 0;
}

/* cases à cocher */

.casesCochesSondage
{
	width:274px;
	margin:0 0 0 10px;
	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:160px;
	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 Cahiers Spéciaux ----------------------------------- */

#boxCahierSpeciaux
{
	width:299px;
	background:#4D8DB4 url(images/bg_cahiersSpeciaux.jpg) no-repeat top left;
	padding:22px 0 13px 0;
}

#boxCahierSpeciaux div
{
	float:right;
	font-size:0.9em;
}

#boxCahierSpeciaux div img
{margin:8px 7px 0 7px;}

#boxCahierSpeciaux div p
{text-align:right;}

/* --- boîte Album photo ----------------------------------- */

#boitePhoto
{
	width:299px;
	background:#4D8DB4;
	padding:6px 0 9px 0;
}

#zonePhoto
{
	float:left;
	width:174px;
}

#zonePhoto img
{
	border-left:2px solid #fff;
	border-top:2px solid #fff;	
	border-right:2px solid #fff;
	margin:0 0 0 5px;	
}

/* ------- */

#zoneSelection
{
	float:left;
	width:105px;
	background:url(images/i_courrier.gif) no-repeat 52px 5px;
	margin:0 0 0 4px;
}

#zoneSelection div#autresPhotos
{
	border-top:1px solid #fff;
}

#zoneSelection p
{
	font-size:0.8em;
	color:#fff;
	padding:25px 0 15px 0;
	text-align:left;
}

#zoneSelection p.autresphotos
{
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	padding:10px 0 5px 0;
}

#zoneSelection p a
{
	color:#fff;
	text-decoration:none
}

#zoneSelection p a:hover
{text-decoration:underline}

#auteurPhoto
{
	width:264px;
	background:url(images/bg_auteurPhoto.gif) repeat-y top left;
	margin:0 0 0 5px;
	padding:8px 0 7px 0;
}

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

/* ------------------------------- boîte Pour la page Album Photos ----------------------------------- */

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

.boxAlbums p
{
	font-size:0.9em;
	padding:5px 0;
	text-align:center;
}

.choixAlbum
{	
	width:298px;
	font-size:0.9em;
}

.album
{
	float:left;
	width:132px;
	margin:10px 0 0 10px;
	border-bottom:1px solid #BFBFBF;
}

.albumGau
{
	float:left;
	width:130px;
	margin:0 0 0 5px;
	border-bottom:1px solid #BFBFBF;
}

.albumDr
{
	float:left;
	width:135px;
	margin:0 0 0 15px;
	border-bottom:1px solid #BFBFBF;
}

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

.choixAlbum a:hover
{color:#50B5C4;}

/* -------------------------------------- Pieds ---------------------------------------------------- */
#pieds
{
	width:955px;
	background:#fff url(images/bg_pied.jpg) no-repeat bottom left;
}

div#pieds{height:116px;}

html>body div#pieds
{
	min-height:116px;
	height:auto;
}


#pieds ul
{
	float:right;
	font-size:1em;
	list-style:none;
	margin:30px 15px 0 5px;
	padding:10px 0 10px 2px;
}

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

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

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

#pieds img
{
	float:right;
	margin:2px 15px 0 0;
}

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

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

#sondage {}