body
{
	color:#000;
	margin:0;
    padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#336B8F;
}

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

#contour
{
	background:#FFFFFF;
	width:965px;
	margin:0 auto;
}

.liste {  background-color: #FFFFFF; overflow-x:hidden; overflow-y:scroll; scrollbar-track-color: #B7B7B7; scrollbar-shadow-color: #A9A9A9; scrollbar-highlight-color: #222222; scrollbar-face-color: #222222; scrollbar-darkshadow-color: #B9B9B9; scrollbar-arrow-color: #A9A9A9; scrollbar-3dlight-color: #FFFFFF;}

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

.lienBlanc
{
	color:#fff;
	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:#336B8F;
	font-size:1em;
}

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

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

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

#entete_colGau
{
	float:left;
	width:735px;
}

#entete_colDr
{
	float:left;
	width:216px;
	position:relative;
	background:#fff;
}

div#entete_colDr{height:191px;}

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

/* ---------------- logo ---------------------- */
#entete_colGau div
{
	width:735px;
	background:#fff url(images/bg_entete_logo.jpg) no-repeat top right;
}

h1#logoCompagnie
{padding:0 0 0 12px;}

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

#logoPrint
{
	display:none;
}

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

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


/* ---------------- zone menu et recherche ---------------------- */
#zoneMenuRecherche
{
	width:955px;
	background:#003867;
	margin:4px 0 0 0;
	padding:4px 0 4px 0;
}

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

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

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

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#fff;
	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:236px;
}

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

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

#blocRecherche
{
	width:420px;
	float:right;
}

#champsRecherche
{
	float:left;
	width:240px;
}

#casesCochesRecherche
{
	float:left;
	width:200px;
}


#champsRecherche label
{
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	
}

#champsRecherche input.irecherche
{
	width:132px;
	margin:0 4px 0 4px;
	vertical-align:middle;
	
}

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

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

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

.casesCochesRecherche input
{vertical-align:middle;}

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

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

/* 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:301px;
	float:right;
}

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

/* contenu texte en general (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 #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:1em;
	padding:0 0 10px 0;
	color:#3192C7;
}

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

.boiteTxtRepondre p a:link, .boiteTxtRepondre p a:visited, .boiteTxtRepondre p a:active
{
	color:#505050;
	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 #336B8F;
	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:#50B5C4;
	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 #336B8F;
	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:160px;
	margin:0 0 11px 0;
}
/* ----- menu colonne gauche ------------------------- */

/* Informations -- */
.bg_menuInformations
{background:#8CC3E1 url(images/menuInfo_ombreDr.gif) repeat-y top right;}
.menuInformations
{
	background:url(images/menuInfo_coinTD.gif) no-repeat top right;
	padding:4px 0 0 0;
}

/* Répertoire -- */
.bg_menuRepertoire
{background:#82D2F1 url(images/menuRepertoire_ombreDr.gif) repeat-y top right;}
.menuRepertoire
{
	background:url(images/menuRepertoire_coinTD.gif) no-repeat top right;
	padding:4px 0 0 0;
}

/* Sections spéciales -- */
.bg_menuSpeciales
{background:#A0CDDE url(images/menuSpeciales_ombreDr.gif) repeat-y top right;}
.menuSpeciales
{
	background:url(images/menuSpeciales_coinTD.gif) no-repeat top right;
	padding:4px 0 0 0;
}

/* En vrac -- */
.bg_menuVrac
{background:#A6D6D6 url(images/menuVrac_ombreDr.gif) repeat-y top right;}
.menuVrac
{
	background:url(images/menuVrac_coinTD.gif) no-repeat top right;
	padding:4px 0 35px 0;
}

.menuInformations ul, .menuRepertoire ul, .menuSpeciales ul, .menuVrac ul
{
	margin:0;
	list-style:none;
	padding:0 0 0 0;
}

.menuInformations ul li, .menuRepertoire ul li, .menuSpeciales ul li, .menuVrac ul li
{
	margin:0;
	padding:2px 0 0 11px;
}

.menuRepertoire ul li.bgCouleur
{background:#a3dbf1 url(images/menuRepertoire_bg.gif) repeat-y top left;}

.menuInformations ul li a:link, .menuInformations ul li a:visited, .menuInformations ul li a:active, .menuRepertoire ul li a:link, .menuRepertoire ul li a:visited, .menuRepertoire ul li a:active, .menuSpeciales ul li a:link, .menuSpeciales ul li a:visited, .menuSpeciales ul li a:active, .menuVrac ul li a:link, .menuVrac ul li a:visited, .menuVrac ul li a:active
{
	text-decoration:none;
	color:#000;
}

.menuInformations ul li a:hover, .menuRepertoire ul li a:hover, .menuSpeciales ul li a:hover, .menuVrac ul li a:hover
{text-decoration:underline;}

/* ----------- boîte Newsletter-------------------------------------------- */
#boxNewsletter
{
	width:160px;
	background:#003867;
	padding:5px 0 8px 0;
	margin:0 0 11px 0;
}

/* boîte abonnement */

#boxNewsletter p, #boxJournalEnligne p
{
	padding:5px 9px 8px 9px;
	color:#fff;
}

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

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

/* ----------- boîte Journal en ligne-------------------------------------------- */

#boxJournalEnligne
{
	width:160px;
	background:#003867;
	
	margin:0 0 11px 0;
}


#boxJournalEnligne_bg
{
	background:url(images/i_journal.jpg) no-repeat bottom right;
	padding:5px 0 8px 0;
}

#boxJournalEnligne_bg p.txtJournal
{
	width:85px;
	color:#fff;
	font-size:0.9em;
	padding:10px 0 4px 8px;
}

#boxJournalEnligne_bg p.txtJournal_lireLigne
{
	color:#fff;
	font-size:0.9em;
	padding:0 0 4px 8px;	
}

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

#boxJournalEnligne_bg a:hover, #boxJournalEnligne_pied a:hover
{text-decoration:underline;}

#boxJournalEnligne_pied
{
	width:160px;
	background:#002442;	
}

#boxJournalEnligne_pied p
{
	color:#fff;
	font-size:0.9em;
	padding:5px 0 5px 8px;
	font-weight:normal;
}

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

#boxMembre p
{padding:0 0 10px 0;}

#boxMembre div
{
	width:152px;
	border-bottom:1px solid #D3D3D2;
	margin:0 0 6px 7px;
}

/* -------------------------------------------------------------------------- */
/* ---- colonne du centre --------------------------------------------------- */
/* --- Boîte À La Une ! ------------------------------------------- */
#entete_boxAlaUne
{
	width:473px;
	margin:0 0 11px 0;
}

#boxAlaUne
{	
	border:1px solid #A7A7A7;
}

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

#enteteAlaUne
{
	background:#003867;
	width:471px;
	padding:4px 0;
}

#enteteAlaUne div#zoneTitre
{
	width:460px;
	border-top:1px solid #92A9B9;
	border-bottom:1px solid #92A9B9;
	margin:0 0 0 4px;
}

#tAlaune
{
	float:left;
	width:120px;
}

#tAlaune h1
{
	color:#fff;
	font-size:1.5em;
	padding:7px 7px 7px 18px;	
}

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

#titre h1
{
	color:#fff;
	font-size:1.1em;
	padding:10px 7px 7px 7px;	
}


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

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

/* ------- zone contenu et photo À la une ------------------ */

#zoneAlaUne
{
	width:471px;
	background:#F4F4EF;
}

#photoActualite
{
	float:left;
	padding:3px 7px 3px 8px;
}

#zoneTxtAlaUne
{
	float:left;
	padding:9px 0 0 0;
}

#zoneTxtAlaUne h1
{
	color:#8CC3E1;
	font-size:0.9em;
	padding:0 0 3px 0;
}

#zoneTxtAlaUne p
{
	font-size:1em;
	padding:0 0 12px 0;
	color:#003867;
}

.txt
{padding:0 6px;}

#zoneTxtAlaUne .bLien
{
	float:right;
	padding:0 10px 6px 0;
	font-size:0.9em;
}

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

#zoneTxtAlaUne a:hover
{
	text-decoration:underline;
	color:#50B5C4;
}

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

.boiteInfosAcc
{
	width:473px;
	margin:0 0 11px 0;
	border:1px solid #A7A7A7;
	background:url(images/bg_infosAcc.gif) repeat-y top left;
}

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

.entete_centre
{
	width:473px;
	background:#003867;
}

.entete_centre_long
{
	width:764px;
	background:#003867;
}

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


.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:#3192C7;
	font-size:0.8em;
	padding:0 11px;
}

.infosAcc h1
{
	font-size:0.8em;
	padding:0 11px;
	color:#3192C7;
}

.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:1.3em;
	padding:0 11px 5px 11px;
}

.infosAcc h1.titreInfosAcc a
{
	color:#000;
	text-decoration:none;
}

.infosAcc h1.titreInfosAcc a:hover
{
	text-decoration:underline;
}

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

.infos h1.titreInfos 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 11px;}

.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:#6FB3E1;
}

.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:#50B5C4;
	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:#336b8f;
	padding:0;
	text-align:left;
	font-size:0.9em;
	color:#fff;
	padding:2px 5px 2px 5px;
}

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

.liste_menu a {
	padding:0 0 3px 0;
}

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

.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 5px 0;
}


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

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

.nomJournaliste
{
	float:left;
	width:400px;
	border-bottom:1px solid #003867;	
}

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

#creditArticle img.i_exclusivite
{
	float:right;
	margin:10px 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:#50B5C4;
	text-decoration:none;
}

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


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

.listeInfosAcc
{
	float:right;
	background:#F4F4EF;
	width:187px;
	padding:5px 0 0 0;
}

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

.listeInfos span.dateListeInfos, .listeInfosAcc span.dateListeInfos
{
	color:#5F9BC1;
	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 #CDE2EE;}

.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:#8CC3E1;
	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 #50B5C4; 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;
	background:url(images/boxDetails_bg_onglet.gif) repeat-y top left;
}

.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 #336B8F;
	border-bottom:1px solid #336B8F;
	border-right:1px solid #336B8F;
	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 #868686;
}

.boxTxtDetails a:link, .boxTxtDetails a:visited, .boxTxtDetails a:active
{
	color:#50B5C4;
	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:275px;
	margin:0 0 0 5px;
}

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

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


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

.boxCategories
{
	width:461px;
	margin:10px 0 20px 0;
	padding: 0 0 2px 0;
	border:1px solid #336B8F;
}

.boxCategories a:link, .boxCategories a:visited, .boxCategories a:active 
{
	color:#336B8F;
	text-decoration:underline;
}

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

.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:2px 0 2px 2px;
}

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

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

.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:#336B8F;
	text-decoration:none;
}

.boxDescriptEntreprise a:link, .boxDescriptEntreprise a:visited, .boxDescriptEntreprise a:active
{
	color:#50B5C4;
	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:#336B8F;
}

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

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

.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 #336B8F;
	text-align:center;
	margin:0 0 10px 0;
}

#notePostulation
{background:#336B8F;}

#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:#336B8F;
	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:#336B8F;
	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 #336B8F;
}

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

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

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

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

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

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

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

.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:#868686;
}



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

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

.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 #336B8F;
}

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


/* -------------------------- 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:#50B5C4;
	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:#5F9BC1;
	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 #336B8F;
}

#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
{
	width:463px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #336B8F;
}

.nomDefunt
{
	width:463px;
	float:left;
	margin:0 0 15px 0;	
}

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

.txtDefunt
{
	float:left;
	width:300px;
	padding:0;
	/*border-bottom:1px solid #336B8F;*/	
}

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

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

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

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

.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 #336b8f;
}

#zoneRencontre h1
{
	color:#336b8f;
	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 #868686;
}

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

.boxDroite
{
	width:301px;
	margin:0 0 11px 0;
}

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

.boiteColDr
{
	width:299px;
	padding:0;
	border:1px solid #828282;
	background:#F0F0ED;
}

/* --- zone Boutons divers ---------------------------------------- */

#menuOnglets
{
	width:300px;
	margin:0 0 11px 0;
	padding:0;
}

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

#menuOnglets ul li
{
	margin:0;
	padding:0;		
}

/* --- boîte  Chroniques et blogs ---------------------------------------- */

.entete_chroniques
{
	background:url(images/t_chroniques.gif) no-repeat 16px 0;
	height:41px;
}

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

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

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

.chroniqueur div p
{
	float:left;
	width:190px;
}

.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 Météo ----------------------------------- */

.entete_meteo
{
	background:url(images/t_meteo.gif) no-repeat 10px 0;
	height:35px;
}

.boxMeteo
{
	width:298px;
	background:#fff;
	padding:10px 0 0 0;
}

.iMeteo
{
	float:left;
	width:129px;
	text-align:center;
}

.txtMeteo
{
	float:left;
	width:160px;
	font-size:1.2em;
}

.piedMeteo
{
	text-align:right;
	margin:10px 0 0 0;
	padding:41px 0 0 0;
}

.piedMeteoVide
{
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.piedMeteo p, .piedMeteoVide p
{
	color:#fff;
	font-size:0.9em;
}

.piedMeteoVide p
{
	color:#505050;
	font-size:0.9em;
	font-weight:bold;
}

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

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


.piedMeteo a:hover, .piedMeteoVide a:hover
{text-decoration:underline;}

#blocMeteo
{
	float:right;
	margin:0;
	padding:67px 3px 0 0;
}

#blocMeteo p
{
	color:#fff;
	font-size:0.8em;
	text-align:right;
}

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

.entete_nouvelles
{
	background:url(images/t_nouvelles.gif) no-repeat 21px 0;
	height:27px;
}

.zoneNouvelles
{width:299px;}

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

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

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

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

.bordureBas
{border-bottom:1px solid #BFBFBF;}

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

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

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

.entete_album
{
	background:url(images/t_albumPhotos.gif) no-repeat 26px 0;
	height:30px;
}

#boitePhoto
{
	width:299px;
	background:url(images/bg_album_ecritures.gif) no-repeat top right;
}

#zonePhoto
{
	float:left;
	width:210px;
	border-top:1px solid #565656;
}

#zonePhoto div
{
	width:199px;
	padding:4px 0;
	margin:10px 0 0 9px;
	border-top:1px solid #565656;
	border-bottom:1px solid #565656;
}

#zonePhoto p
{
	color:#003867;
	font-size:0.9em;
	text-align:center;
	padding:5px 0 5px 0;
}

/* ------- */

#zoneSelection
{
	float:left;
	width:88px;
	background:url(images/i_photographies.gif) no-repeat 3px 25px;
}

#zoneSelection p
{
	font-size:0.9em;
	color:#1597BC;
	padding:96px 0 5px 0;
	text-align:center;
	font-weight:bold;
}

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

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

#zoneSelection div
{
	padding:15px 0 4px 0;
}

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

.entete_evenements
{
	background:url(images/t_evenements.jpg) no-repeat 2px 0;
	height:63px;
}

#zoneEvenements
{
	width:299px;
	padding:10px 0 0 0;
}
.boxEvenements
{	
	padding:0 0 10px 0;
}

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

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

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

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

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

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

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

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

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

.entete_sondage
{
	background: url(images/t_sondage.gif) no-repeat 0 0;
	height:30px;
}

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

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

/* cases à cocher */

.casesCochesSondage
{
	width:200px;
	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:200px;
	float:right;
	margin:0 10px 0 0;
}

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

/* ------------------------------- boîte Pour la page Album Photos ----------------------------------- */
.entete_zonerencontre
{
	background: url(images/t_zonerencontre.gif) no-repeat 0 0;
	height:44px;
}

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

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

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

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

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

/* -------------------------------------- Pieds ---------------------------------------------------- */
#bg_pied
{
	width:955px;
	margin:0 0 33px 0;
	background:#fff url(images/bg_pied_bordBas.gif) repeat-x bottom left;
}

#pieds
{
	width:955px;
	background:url(images/bg_pied_coinBD.gif) no-repeat bottom right;
}

#pieds ul
{
	width:869px;
	float:left;
	font-size:1em;
	list-style:none;
	margin:10px 0 0 0;
	padding:10px 0 25px 2px;
	border-top:1px solid #336B8F;
}

#pieds ul li
{
	float:left;
	margin:0 1px;
	color:#5F5F5F;
	padding:11px 5px 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;}

/* --- Pieds blogue ---------------------------------------------------- */
#bg_pied_blogue
{
	width:965px;

	background:#fff url(images/bg_pied_bordBas.gif) repeat-x bottom left;
}

#pieds_blogue
{
	width:965px;
	background:url(images/bg_pied_coinBD.gif) no-repeat bottom right;
}

#pieds_blogue ul
{
	width:869px;
	float:left;
	font-size:1em;
	list-style:none;
	margin:10px 0 0 0;
	padding:10px 0 25px 2px;
	border-top:1px solid #336B8F;
}

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

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

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

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

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

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