/* 
	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;
	background:#fff url(images/bg_coteGau_continu.gif) repeat-y top left;
	position:relative;
}

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

h1
{
	font-size:1.4em;
	margin:0;
	padding:0;
	color:#A79049;	
}

h2
{
	font-size:1.1em;
	margin:0;
	padding:0 0 19px 0;
	color:#22335B;
}

p
{
	font-size:1em;
	color:#22335B;
	margin:0;
	padding:0 0 18px 0;
	line-height:1.3em;
}

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

.gras
{font-weight:bold;}
.italic
{font-style:italic;}
.souligne
{text-decoration:underline;}

img.imgDroite
{
    float:right;
    margin:10px 0px 10px 10px;
}

img.imgGauche
{
    float:left;
    margin:10px 10px 10px 0px;
}

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

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

/* ------------------------------------------------------------ */
/* --- Header ------------------------------------------------- */

#header-005
{
	width:581px;
	height:28px;
	position:relative;
	background:url(images/entete_001.jpg) no-repeat top left;
}

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

#entete
{width:955px;}
/* ------------------------------- */
/* --- logo ---------------------- */

h1#logoCompagnie
{
	position:absolute;
	width:107px;
	top:50px;
	left:65px;
}

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

#logoPrint
{display: none;}

/* --- bg coté gauche ---------------------------- */
#bg_coteGau_continu
{background:url(images/bg_coteGau_continuPale.gif) repeat-y top left;}
#bg_coteGau_top
{background:url(images/bg_coteGau_top.gif) no-repeat top left;}
#bg_coteGau_bas
{background:url(images/bg_coteGau_bas.gif) no-repeat bottom left;}

/*
div#bg_coteGau_bas{height:600px;}

html>body div#bg_coteGau_bas
{
	min-height:600px;
	height:auto;
}
*/
/* --- bg coté droit ---------------------------- */

#bg_coteDr_continu
{background:url(images/bg_coteDr_continu.gif) repeat-y top right;
width:100%;
}
#bg_coteDr_top
{background:url(images/bg_coteDr_top.gif) no-repeat top right;}

/* --- bg pied ---------------------------- */
#bg_pied_dr
{background:url(images/bg_pied.gif) no-repeat bottom right;}
#bg_pied_continu
{background:url(images/bg_pied_continu.gif) repeat-x bottom left;}
/* ------------------------------------------------------------------ */
/* ----------- Titre de section ------------------------------------- */

.diapo-accueil
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_accueil.gif) no-repeat scroll right center;
}

.diapo-philosophie
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_philosophie.gif) no-repeat scroll right center;
}

.diapo-succursales
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_succursales.gif) no-repeat scroll right center;
}

.diapo-services
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_services.gif) no-repeat scroll right center;
}

.diapo-arrangement
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_prearrangement.gif) no-repeat scroll right center;
}

.diapo-salledemonstration
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_salles.gif) no-repeat scroll right center;
}

.diapo-funerailles
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_funerailles.gif) no-repeat scroll right center;
}

.diapo-avisdeces
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_avisdeces.gif) no-repeat scroll right center;
}

.diapo-courriel
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_courriel.gif) no-repeat scroll right center;
}

.diapo-emplois
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_offreEmploi.gif) no-repeat scroll right center;
}

.diapo-liens
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_liens.gif) no-repeat scroll right center;
}

.diapo-contactez
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_contact.gif) no-repeat scroll right center;
}

.diapo-livres
{
    width:581;
    height:28px;
    position:relative;
    margin:0pt 0pt 18px;
    background:url(images/t_suggestionLivres.gif) no-repeat scroll right center;
}


/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */

#zoneMenu
{
	position:relative;
	float:right;
	padding:10px 0 30px 0;
	text-align:right;
	width:980px;
}

/* --------------------- */
#titreSection_bg
{	
	float:right;
	width:980px;
	margin:0 0 18px 0;
	background:url(images/titreSection_bgContinu.gif) repeat-y top right;
}

#titreSection
{background:url(images/titreSection_bg.gif) no-repeat top right;}

#titreSection h1
{
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	padding:4px 12px 5px 0;
	margin:0;
}

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

#menuTop
{
	padding:0 34px 6px 0;
	float:right;	
}

#menuBas
{
	float:right;
	padding:0 34px 45px 0;
}

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

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

#menuTop ul li, #menuBas ul li
{
	float:left;
	color:#22335B;
	font-size:1em;	
	margin:0;
	padding:0 5px 0 5px;

}

#menuTop ul li.bordDr, #menuBas ul li.bordDr
{border-right:1px solid #22335B;}

#menuTop ul li a:link, #menuTop ul li a:visited, #menuTop ul li a:active, #menuBas ul li a:link, #menuBas ul li a:visited, #menuBas ul li a:active
{
	color:#22335B;
	font-weight:bold;
	text-decoration:none;
}

#menuTop ul li a:hover, #menuBas ul li a:hover
{color:#A79049;}

#menuTop ul li a.active, #menuBas ul li a.active
{color:#A79049 !important;}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-top:1px solid #22335B;
	border-right:1px solid #22335B;
	border-left:1px solid #22335B;
}

#smenu-mprincipal div div.first {border-top:1px solid #22335B;}
#smenu-mprincipal div div.last {border-bottom:1px solid #22335B;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 4px 5px 2px 3px;
	color: #22335B;
	text-decoration: none;
	background: #fff;
	font-weight:bold;
}
#smenu-mprincipal a:hover 
{color:#A79049;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #msc_contacteznousfrSMenu
{width: 110px;}

#smenu-mprincipal #msc_accueilfrSMenu
{width: 200px;}

#smenu-mprincipal #msc_philosophiefrSMenu
{width: 200px;}

#smenu-mprincipal #msc_succursalesfrSMenu
{width: 200px;}

#smenu-mprincipal #msc_prearrangementfrSMenu
{width: 200px;}

#smenu-mprincipal #msc_salledemonstrationfrSMenu
{width: 140px;}

#smenu-mprincipal #msc_funeraillesfrSMenu
{width: 330px;}

#smenu-mprincipal #msc_avisdecesfrSMenu
{width: 200px;}

#smenu-mprincipal #msc_courrielsympathiefrSMenu
{width: 200px;}

#smenu-mprincipal #msc_offreemploifrSMenu
{width: 200px;}

#smenu-mprincipal #msc_liensfrSMenu
{width: 200px;}

/* ---------------------------------------------------------------------- */
/* --- Zone contenu ----------------------------------------------------- */


#zoneContenu
{
	margin:84px 0 0 160px;
	background:url(images/bg_pied_continu.gif) repeat-x bottom left;
}

#bgContenu
{
	padding:0 0 60px 0;
	background:url(images/bg_pied.gif) no-repeat bottom right;
}

#bg_photo-01
{background:url(images/madame_fleurs.jpg) no-repeat top right;}


/* ---------- éléments de contenu -------------------- */

.contenu, .contenuPhoto
{
	padding:0 60px 0 68px;
}

.contenuPhoto p
{
	padding:0 300px 18px 0;
}

.contenu h1.titre, .contenuPhoto h1.titre
{
	padding:0 0 31px 0;
}

.liste
{
	margin:10px 0 0 40px;
	padding:0 0 22px 0;
}

.liste li
{
	color:#22335B;
	margin:0;
	padding:0 0 3px 0;
}

.listeInt, .listeInt_int
{
	margin:0;
	padding:0 0 0 40px;
}

.listeInt li, .listeInt_int li
{
	margin:0;
	padding:0;
}

.listeheader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #22335b;
}

#zoneContenu a:link, #zoneContenu a:active
{color:#BAAC6F;}

#zoneContenu a:visited
{color:#000;}

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

/* ---------------------------------------------------------------------- */
/* --- Zone contenu ----------------------------------------------------- */
#piedHidden
{
	font-size:0.2em;
	visibility:hidden;
}

#formContact
{
	margin:0 0 20px 0;
}

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

.lesChamps
{margin-bottom:15px;}

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

.lesChamps input
{width:300px;}

.lesChamps input.heure
{width:40px;}

#bEnvoyer
{margin-left:355px;}

.message-success
{
    font-weight:bold;
    color:Green;
    padding:0 25px 10px 10px;
}

/* --------------------------------------------------- */
/* --- Zone de sélection photo - succursales --------- */

.zoneSuccursales
{
	margin:0 0 30px 0;
}


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

.blocSuccThumb
{
	float:left;
	width:33%;
	padding:7px 0 0 0;
	margin: 0 0 10px 0;
}

.blocSuccThumbNP
{
	float:left;
	width:23%;
	padding:7px 0 0 0;
	margin: 0 0 10px 0;
}

.nomSuccursale
{
	font-size:1.1em;
	padding: 5px 0 4px 0;
}

.nomSuccursale a:link, .nomSuccursale a:visited, .nomSuccursale a:active
{
	color:#22335B;
	text-decoration:underline; 
	font-size:1em;}

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

/* --------------------------------------------------- */
/* --- Zone salles de démonstration ------------------ */

.colGau
{
    display:block;
    float:left; 
    width:61%;
}

.colDr
{
    display:block;
    float:right; 
    width:30%;
}

.colDr_photos
{
	float:right; 
	margin:0 0 0 20px;
}

.colDr_photos p
{
	padding:0;
	font-weight:bold;
}

/* ---------------------------------------- */
/* ------------- validation ------------- */
/* ---------------------------------------- */
.validationWrap 
{
    padding:0px 0px 10px 32px;
}

.validation 
{
    background-color: #FFC0C0;
    border: 1px solid #FF0000;
    color: #666666;
    padding: 10px;
    width: 415px;
}

.validation ul 
{
	list-style-type: square;
	margin: 0;
	padding: 0;
}

.validation li 
{
	margin: 0 0 0 40px;
	padding: 0;
}

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

#contenu .message-success
{
    font-weight:bold;
    color:Green;
    padding:0px 0px 10px 10px; 
}

#contenu .message-error
{
    font-weight:bold;
    color:Red;
    padding:0px 0px 10px 10px; 
}


#zoneContenu a.defunt 
{
	color: #000000;
}

#zoneContenu a.defunt:visited 
{
	color: blue;
	/*color: purple;*/
}

/* -- tableau suggestion de livres ------------------ */

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

.tabSuggestion td
{
	padding:10px;
}

.tabSuggestion td.imageLivre
{
	border-top:1px solid #737f9d;
	border-left:1px solid #737f9d;
}

.tabSuggestion td.descriptLivre
{
	border-top:1px solid #737f9d;
	border-right:1px solid #737f9d;
}

.tabSuggestion td.borderBas
{border-bottom:1px solid #737f9d;}


/* -- zone bouton éditable sur l'accueil -------------- */

#zConteurBoutons
{
	position:absolute;
	top:135px;
	left:666px;
}

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

.boxBouton
{
	float:right;
	width:298px;
	background:url(images/bandeauTV_bg.gif) repeat-y top left;
	margin:0 0 10px 0;
}

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

.boxBouton_bas
{
	background:url(images/bandeauTV_bas.gif) no-repeat bottom left;
	padding:8px 0 4px 0;
	width:298px;
}

.boxBouton_bas h1
{
	font-family:"Times New Roman", Times, serif;
	color:#394566;
	padding:0 15px 0 10px;
	float:right;
	font-size:1.3em;
	width:250px;
}

.boxBouton_bas img
{
	float:left;
	margin:2px 0 0 0;
}

.boxBouton_bas a:link, .boxBouton_bas a:visited, .boxBouton_bas a:active
{
	color:#394566;
	text-decoration:none;
}
.boxBouton_bas a:hover
{text-decoration:underline;}