@CHARSET "UTF-8";

/*********
Structure 
*********/

/** Balises **/
body {
    font-family: times New Roman;
    margin:0;
    color:#58595b;
}

body.bodyAccueil{
	background : url('../../images/images_carnet/fond_accueil.png') top left no-repeat #fff;
}

body.bodyDepartement{
	background : url('../../images/images_carnet/fond_departement.png') top left no-repeat #fff;
}

body.bodyAvis{
	background : url('../../images/images_carnet/fond_avis.png') top left no-repeat #fff;
}

.clear{
    clear : both;	
}

#wrap {
	margin:0pt auto;
	width:990px;
	position:relative;
	text-align:left;
}

a img{
	border:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

span{
	font-weight:bold;
}

/*********
 Header 
*********/
#wrap #header{
    width:990px;
    height:155px;
    position:relative;
}

#wrap #header a#retourAccueil{
    position:absolute;
    top:33px;
   	right:0px;
    width:479px;
    height:63px;
}

#wrap #header #head{
	height:100px;
}

#wrap #header #menu{
	background:url('../../images/images_carnet/barre_menu.png') right no-repeat;
	width:990px;
	height:50px;
}

#wrap #header #menu a{
	float:left;
	color:#e6e7e8;
	margin:25px 0px 0px 15px;
	display:block;
	font-size:1em;
}

#wrap #header #menu form{
	float:right;
	margin-top:10px;
	width:615px;
}

#wrap #header #menu form input.text{
	background:#fff;
	color:#a6a8ab;
	height:16px;
	font-size:12px;
	padding:2px 0px 0px 2px;
}

#wrap #header #menu form input#inputImgSearch{
	padding-top:3px;
	padding-left:2px;
}

#wrap #header #menu form label{
	color:#e6e7e8;
	width:145px;
	float:left;
	font-size:1em;
	padding-right:12px;
	padding-top:14px;
	text-align:right;
}

#wrap #content{
    width:986px;
    position:relative;
}

#wrap #content #content_haut{
    width:986px;
    height:15px;
    background:url('../../images/images_carnet/content_haut.png') no-repeat;
}

#wrap #content #content_middle{
	height:auto;
	min-height:500px;
	width:986px;
	background:url('../../images/images_carnet/fond_content.png') repeat-y;
}

#wrap #content #content_bas{
    width:986px;
    height:16px;
    background:url('../../images/images_carnet/content_bas.png') no-repeat;
}

#wrap #content #message{
	margin-left:25px;
	font-weight:bold;
	color:#652D90;
}


/*****************************
content accueil et departement
*****************************/
#wrap #content .formTriDeces{
	float :right;
	margin:-40px 10px 0 0;
	width:318px;
}

#wrap #content .formTriDeces label{
	font-size:12px;
}

#wrap #content .formTriDeces input{
	float:right;
}

#wrap #content .listeGauche{
	float:left;
	width:550px;
	margin-left:15px;
}

#wrap #content .listeGauche a{
	color:#58595b;
} 

#wrap #content .depDroite{
	float:right;
	margin-right:15px;
	width:405px;
}
	
#wrap #content .listeGauche #blocBienvenue{
	width:548px;
	height:169px;
	background:url('../../images/images_carnet/bloc_bienvenue.png') no-repeat;
	margin-top:0px;
}

#wrap #content .listeGauche #blocBienvenue p{
	padding:50px 0px 0px 30px;
	width:450px;
	font-size:15px;
	font-weight:bold;
	text-align:justify;
}

#wrap #content .listeGauche #blocBienvenue p img{
	margin-top:5px;
}

body.bodyAccueil #wrap #content .listeGauche .blocDeces{
	background:url('../../images/images_carnet/derniers_avis.png') top left no-repeat;
}
	
#wrap #content .listeGauche .blocDeces{
	margin-top:20px;
	width:540px;
	position:relative;
	padding-top:50px;
	background:url('../../images/images_carnet/avis_deces_de.png') top left no-repeat;
}

#wrap #content .listeGauche .blocDeces p{
	position:absolute;
	top:-6px;
	left:6px;
	color:#652d90;
	font-weight:bold;
	font-size:0.9em;
	width:187px;
	text-align:center;
}



body.bodyAccueil #wrap #content .listeGauche .blocDeces .paginationControl{
	position:relative;
	text-align:center;
}

#wrap #content .listeGauche .blocDeces .paginationControl{
	font-size:0.9em;
	text-align:center;
	margin-top:10px;
}

#wrap #content .listeGauche .blocDeces table{
	margin-left:5px;
	font-size:0.6em;
	font-family:sans-serif;
}

#wrap #content .listeGauche .blocDeces table th{
	font-size:1em;
	color:#7f7f7f;
}

#wrap #content .listeGauche .blocDeces table tr td{
	height:27px;
	position:relative;
}


#wrap #content .listeGauche .blocDeces table th label{
	margin-left:85px;
}

#wrap #content .listeGauche .blocDeces table td{
	padding-left:4px;
}

#wrap #content .listeGauche .blocDeces table td a img{
	right:3px;
	margin-top:-4px;
	position:absolute;
}

#wrap #content .listeGauche .blocDeces table tr.trViolet{
	background:#dcd6ec;
}

#wrap #content .listeGauche .blocDeces table tr.trBlanc{
	background:#fff;
}

body.bodyAccueil #wrap #content .depDroite #blocDepartement{
	background:url('../../images/images_carnet/search_dep.png') no-repeat;
}

body.bodyDepartement #wrap #content .depDroite #blocDepartement{
	background:url('../../images/images_carnet/changer_dep.png') no-repeat;
}


#wrap #content .depDroite #blocDepartement{
	width:415px;
	height:411px;
	padding-top:35px;
	padding-left:45px;
}

#wrap #content .depDroite #blocDepartement #carteDep{
	width:355px;
	height:412px;
	background:url('../../images/images_carnet/carte_dep.png') no-repeat;
	position:relative;
}

#wrap #content .depDroite #blocDepartement a#depSaoneLoire,
#wrap #content .depDroite #blocDepartement a#depSaoneLoireSelected{
	position:absolute;
	top:66px;
	left:26px;
	width:124px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depJura,
#wrap #content .depDroite #blocDepartement a#depJuraSelected{
	position:absolute;
	top:66px;
	left:164px;
	width:74px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depAin,
#wrap #content .depDroite #blocDepartement a#depAinSelected{
	position:absolute;
	top:138px;
	left:121px;
	width:76px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depHauteSavoie,
#wrap #content .depDroite #blocDepartement a#depHauteSavoieSelected{
	position:absolute;
	top:155px;
	left:211px;
	width:115px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depRhone,
#wrap #content .depDroite #blocDepartement a#depRhoneSelected{
	position:absolute;
	top:173px;
	left:79px;
	width:78px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depLoire,
#wrap #content .depDroite #blocDepartement a#depLoireSelected{
	position:absolute;
	top:204px;
	left:17px;
	width:77px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depSavoie,
#wrap #content .depDroite #blocDepartement a#depSavoieSelected{
	position:absolute;
	top:230px;
	left:230px;
	width:79px;
	height:25px;
}

#wrap #content .depDroite #blocDepartement a#depIsere,
#wrap #content .depDroite #blocDepartement a#depIsereSelected{
	position:absolute;
	top:251px;
	left:144px;
	width:84px;
	height:25px;
}


#wrap #content .depDroite #blocDepartement a#depArdeche,
#wrap #content .depDroite #blocDepartement a#depArdecheSelected{
	position:absolute;
	top:317px;
	left:26px;
	width:90px;
	height:25px;
}


#wrap #content .depDroite #blocDepartement a#depDrome,
#wrap #content .depDroite #blocDepartement a#depDromeSelected{
	position:absolute;
	top:329px;
	left:116px;
	width:79px;
	height:25px;
}


#wrap #content .depDroite #blocOuvrages{
	width:399px;
	height:176px;
	background:url('../../images/images_carnet/bloc_ouvrages.png') no-repeat;
	margin: 12px 0 0 10px;
	position:relative;
}

#wrap #content .depDroite #blocOuvrages #imOuvrages{
	padding:47px 0 0 35px;
}

#wrap #content .depDroite #blocOuvrages #zonePrompteurH{
	background:#fff none repeat scroll 0% 0%;
	height:105px;
	left:1px;
	margin:0pt 2px 0pt 0pt;
	overflow:hidden;
	padding:1px 0pt 0pt;
	position:relative;
	width:330px;
}

#wrap #content .depDroite #blocOuvrages .blocCorps{
margin-right:10px;
padding:5px;
background-color:#edeeee;
border:1px solid #58595B;
}

#wrap #content .depDroite #blocOuvrages a img#flechGauche{
	position:absolute;
	top:95px;
	left:17px;
}

#wrap #content .depDroite #blocOuvrages a img#flechDroite{
	position:absolute;
	top:95px;
	right:18px;
}

#wrap #content .depDroite a#lienPagePompesFunebres{
margin-left:10px;
margin-top:8px;
display:block;
}

#wrap #content .listeGauche #bandeauRecherche{
	width:545px;
	height:177px;
	background:url('../../images/images_carnet/bandeau_recherche.png') no-repeat;
	padding: 55px 0 0 15px;
	margin-bottom:-55px;
	position:relative;
}

#wrap #content .listeGauche #bandeauRecherche a#annuleFiltre{
	position:absolute;
	top:25px;
	right:22px;
	color:#652d90;
}

#wrap #content .listeGauche #bandeauRecherche li{
	list-style-type:none;
	display:inline;
	float:left;
	padding-left:25px;
}

#wrap #content .listeGauche #bandeauRecherche li input#submit_periode{
	margin-left:26px;
}

#wrap #content .listeGauche #bandeauRecherche form{
	margin-top:8px;
	margin-left:-25px;
}

#wrap #content .listeGauche #bandeauRecherche #premLettre #lesLettres{
	margin:7px 0px 10px -3px;
}

#wrap #content .listeGauche #bandeauRecherche #premLettre #lesLettres a{
	padding:0px 3px;
}

/*********************************
Liste Ouvrages et pompes funèbres
*********************************/
#wrap #content .listeGauche #listeOuvrages{
	padding-top:2px;
}

#wrap #content .listeGauche #listePompe{
	margin-top:-20px;
}
                                        
#wrap #content .listeGauche .listeFrontend .item .itemTitre{
	width:540px;
	background:url('../../images/images_carnet/titreOuvrage.png') no-repeat;
	height:27px;
	color:#fff;
}

#wrap #content .listeGauche .listeFrontend .item .itemTitre h4{
	float:left;
	margin: 2px 0 0 10px;
	font-weight:normal;
	font-size:1.2em;
}

#wrap #content .listeGauche .listeFrontend .item .message{
	height:auto;
	min-height:60px;
	width:540px;
	color:#000;
	padding:0 10px;
}

#wrap #content .listeGauche .listeFrontend .item .message img{
	float:left;
	padding:0px 10px 10px 0;
}

#wrap #content .listeGauche .listeFrontend .paginationControl{
	text-align:center;
	margin-top:5px;
}



/**********************************
Details avis de deces+ condoleances
***********************************/
#wrap #content .avisGauche{
	float:left;
	width:730px;
	margin-left:15px;
}

#wrap #content .avisGauche #contenuAvis{
    width:736px;
    position:relative;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisHaut{
    width:736px;
    height:19px;
    background:url('../../images/images_carnet/avis_haut.png') no-repeat;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle{
	height:auto;
	min-height:467px;
	width:736px;
	background:url('../../images/images_carnet/avis_content.png') repeat-y;
	padding:0 25px;
	font-family:arial;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle #espaceNom{
    height:62px;
    position:relative;
    width:682px;
    background:url('../../images/images_carnet/espaceNom.png') no-repeat;
    margin:40px 0 0 -2px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle #espaceNom p{
	padding:15px 0 0 25px;
	color:#652d90;
	font-size:1.6em;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle #accroche{
	margin-top:-20px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle #accroche img{
	float:left;
	padding-right:15px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisMiddle #accroche p{
	color:#652d90;
	font-size:1.2em;
	padding-top:3px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisBas{
    width:736px;
    height:44px;
    background:url('../../images/images_carnet/avis_bas.png') no-repeat;
    font-size:0.8em;
    padding-top:13px;
    margin-top:-16px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisBas #dateBas{
	float:right;
	margin-right:20px;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisBas #pompeBas{
	float:left;
	font-weight:bold;
	margin-left:20px;
	color:#652d90;
}

#wrap #content .avisGauche #contenuAvis #contenuAvisBas #pompeBas a{
	color:#652d90;
}

#wrap #content .avisDroite{
	float:right;
	width:215px;
	margin-right:15px;
}

#wrap #content .avisDroite a, #wrap #content .avisGauche a{
	color:#58595b;
}

#wrap #content .avisDroite #blocRetour{
	background:url('../../images/images_carnet/btn_retour.png') no-repeat;
	widht:215px;
	height:35px;
	padding:7px 0 0 15px;
	position:relative;
}

#wrap #content .avisDroite #blocRetour a#retourListe{
	position:absolute;
	left:179px;
	top:9px;
	width:22px;
	height:19px;
}

#wrap #content .avisDroite #blocRetour a{
	color:#652d90;
	font-size:1em;
	font-weight:bold;
}

#wrap #content .avisDroite #blocCondo{
	background:url('../../images/images_carnet/bloc_condo.png') no-repeat;
	widht:213px;
	height:65px;
	position:relative;
	padding:41px 0 0 11px;
	margin:10px 0 -20px 0;
}

#wrap #content .avisDroite #blocCondo a{
	display:block;
	padding-bottom:10px;
}

#wrap #content .avisDroite #blocCondo a#envoiCondo{
	position:absolute;
	left:181px;
	top:38px;
	width:20px;
	height:17px;
}

#wrap #content .avisDroite #blocCondo a#lireCondo{
	position:absolute;
	left:181px;
	top:63px;
	width:20px;
	height:20px;
}

#wrap #content .avisDroite #blocProches{
	background:url('../../images/images_carnet/proches.png') no-repeat;
	widht:215px;
	height:163px;
	padding-top:8px;
	margin-left:-3px;
	position:relative;
}

#wrap #content .avisDroite #blocProches form{
	margin-left:17px;
	margin-top:5px;
	float:left;
}

#wrap #content .avisDroite #blocProches span{
	margin-left:16px;
}

#wrap #content .avisDroite #blocProches form input.text{
	background:#fff;
	color:#A6A8AB;
	margin-bottom:7px;
	width:160px;
}

#wrap #content .avisDroite #blocProches form input#sub_mail{
	position:absolute;
	right:11px;
	bottom:46px;
}

#wrap #content .avisDroite #blocProches img{
	float:left;
	margin:-6px 0px 0px 10px;
	width:46px;
	height:38px;
}

 #wrap #content .avisDroite #blocImpression{
 	background:url('../../images/images_carnet/impression.png') no-repeat;
	widht:215px;
	height:50px;
	padding-top:13px;
	margin-left:-4px;
	position:relative;
 }
 
 #wrap #content .avisDroite #blocImpression a{
 	position:absolute;
 	width:165px;
 	height:15px;
 	left:42px;
 	top:20px;
 }

 #wrap #content .avisDroite #blocFuneraire{
 	margin-top:5px;
 	width:214px;
 	height:186px;
 	background:url('../../images/images_carnet/service_funeraire.png') no-repeat;
 }
 
 #wrap #content .avisDroite #blocFuneraire p{
 	padding:55px 10px 0 19px;
 	font-size:15px;
 }	
 
 
/*****************************
Page écrire condoléances
*****************************/
#wrap #content .avisGauche #blocEcrireCondo{
	background:url('../../images/images_carnet/redaction_condo.png') no-repeat;
	width:722px;
	height:433px;
	position:relative;
	margin-top:-20px;
}

#wrap #content .avisGauche #blocEcrireCondo p{
	padding:15px 0 0 25px;
	color:#652d90;
	font-size:1.4em;
}

#wrap #content .avisGauche #blocEcrireCondo form fieldset{
	border:none;
}

#wrap #content .avisGauche #blocEcrireCondo form {
	height:340px;
}

#wrap #content .avisGauche #blocEcrireCondo form #fieldset-message{
	top:145px;
	position:absolute;
}

#wrap #content .avisGauche #blocEcrireCondo form #fieldset-elements{
	position:absolute;
	top:355px;
}

#wrap #content .avisGauche #blocEcrireCondo form input.text{
	background:#fff;
	border:1px solid #A6A8AB;
	color:#A6A8AB;
	width:180px;
	font-size:1em;
	height:18px;
	padding:2px;
}

#wrap #content .avisGauche #blocEcrireCondo form input#nom{
	position:absolute;
	top:54px;
	right:201px;
}

#wrap #content .avisGauche #blocEcrireCondo form input#email{
	position:absolute;
	top:54px;
	right:12px;
}

#wrap #content .avisGauche #blocEcrireCondo form input#adresse{
	position:absolute;
	top:90px;
	right:12px;
	width:502px;
}

#wrap #content .avisGauche #blocEcrireCondo form dt label{
	color:#A6A8AB;
	font-size:1.1em;
	float:left;
	margin:-34px 0 0 -30px;
}

#wrap #content .avisGauche #blocEcrireCondo form dd img{
	float:left;
	margin :-11px 0 0 -70px;
	width:175px;
	height:50px;
}

#wrap #content .avisGauche #blocEcrireCondo form input.captcha{
	width:70px;
	border:1px solid #A6A8AB;
	color:#A6A8AB;
	height:20px;
	font-size:1em;
	position:absolute;
	top:6px;
}
	
#wrap #content .avisGauche #blocEcrireCondo form input#submit{
	position:absolute;
	top:10px;
	left:571px;
}

#wrap #content .avisGauche #blocEcrireCondo ul.errors{
	display:none;
}

#wrap #content .avisGauche #blocEcrireCondo p#champsRequis{
	position:absolute;
	bottom:30px;
	right:190px;
	font-size:0.9em;
}

#wrap #content .avisGauche #blocEcrireCondo p#errors{
	position:absolute;
	color:#f60000;
	bottom:70px;
	right:30px;
	font-size:0.9em;
}

#wrap #content .avisGauche #blocEcrireCondo p#rappelNom{
	position:absolute;
	bottom:-5px;
	left:0px;
	font-size:0.9em;
	font-weight:bold;
}

#wrap #content .avisGauche #blocEcrireCondo form textarea{
	width:685px;
	height:146px;
	margin:-10px 0 73px -70px;
	border:1px solid #A6A8AB;
}

/*****************************
Page liste condoléances
*****************************/

#wrap #content .avisGauche #blocListeCondo{
	position:relative;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo{
	margin-left:-5px;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .condol{
	width:720px;
	margin-top:13px;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .condol .postePar {
	width:720px;
	background:url('../../images/images_carnet/messageDe.png') no-repeat;
	height:36px;
	color:#fff;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .condol .postePar a {
	float:right;
	color:#fff;
	margin:7px 10px 0 0;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .condol .postePar h4{
	float:left;
	margin: 7px 0 0 10px;
	font-weight:normal;
	font-size:1.2em;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .message{
    width:720px;
    position:relative;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .message .hautMess{
    width:720px;
    height:12px;
    background:url('../../images/images_carnet/hautMess.png') no-repeat;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .message .middleMess{
	height:auto;
	min-height:60px;
	width:700px;
	color:#000;
	padding:0 10px;
	background:url('../../images/images_carnet/middleMess.png') repeat-y;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .message .basMess{
    width:720px;
    height:15px;
    background:url('../../images/images_carnet/basMess.png') no-repeat;
}

#wrap #content .avisGauche #blocListeCondo #listeCondo .paginationControl{
	float:right;
	font-size:0.9em;
	margin: 10px 15px 0 0;
}

#wrap #content .avisGauche #blocListeCondo p#livreCondo{
	font-size:1.3em;
	text-align:center;
	margin:20px 0;
}

#wrap #content .avisGauche #blocListeCondo #espaceNom{
    height:57px;
    position:relative;
    width:719px;
    background:url('../../images/images_carnet/espaceNom.png') no-repeat;
    margin:-27px 0 0 23px;
}

#wrap #content .avisGauche #blocListeCondo #espaceNom p{
	padding:15px 0 0 25px;
	color:#652d90;
	font-size:1.6em;
}
	
	
#contentavisp p{
width:600px;
margin-top:-12px;
}

#contentavisp{
padding-top:20px;
}
	
/*********
Footer
*********/
#wrap #footer{
    height:18px;
    width:986px;
    color:#6d6e70;
    text-align:center;
    font-size:11px;
}

#wrap #footer ul{
    list-style-type:none;
}

#wrap #footer ul li{
    display:inline;
    padding: 0px 5px;
}

#wrap #footer ul li a{
    color:#6d6e70;
}


/*****Page alerte****/
.pageAlerte form ul.errors li{
color:#f60000;
}
.pageAlerte form fieldset select{
height:400px;
}