@charset "UTF-8";

/* *** RESET *** */

*{ margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
strong{font-weight: bold;}

.clear{clear: both;}


.left{float: left;}
.right{float: right;}

/* ************************************************************************************ */
/* General */

body{
   background: #33435d url('../images/design/bg-body.jpg') no-repeat center top;
   font-size: 20px;
   font-family:Arial, Helvetica, sans-serif;
   color: #5e5e5e;
}

.container{width: 908px; margin: 0 auto; padding: 0;}


#header{width: 675px; height:143px; background: url('../images/design/bg-header.jpg') no-repeat; margin: 0 0 0 7px;}
#header #logo{margin: 0 0 0 35px; padding: 30px 0 0 0;}

.line{ border-bottom: 1px dotted #a19a8c; margin: 25px 0;}
input, select, button {
	color: #7A6A4B;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* *** COL-1 ET COL-2 *** */

#col-1{float: left; width: 689px;}
#col-1 #wrapper{background: url('../images/design/bg-wrapper.png') repeat-y; width: 689px;}
#col-1 .content{ background: #ffffff url('../images/design/bg-content.jpg') repeat-x; width: 675px; margin: 0 0 0 7px;}
#col-1 .content .right{border-left: 1px dashed #a19a8c; width: 449px; min-height:663px; height:auto !important; height: 663px; }
#col-1 .content .right .txt{ margin: 40px 25px 20px 25px;}
#col-1 .content .right .txt #section p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #5e5e5e; margin: 0 0 15px 0; }
#col-1 .content .right .txt h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; color: #4c5f76; font-style: italic; line-height: 32px;}

#col-1 .content .right .txt .message{ margin: 25px 0;}
#col-1 .content .right .txt .message p{font-family: Arial, Helvetica, sans-serif; color: #5e5e5e; font-size: 14px; margin: 0 0 5px 0; line-height: 24px;}
#col-1 .content .right .txt .message ul{list-style: disc; font-size: 14px; font-family: Arial, Helvetica, sans-serif, Times, serif; margin: 0 0 0 15px;}
#col-1 .content .right .txt .message ul li{ margin: 0 0 5px 0;}
#col-1 .content .right .txt .message a:link, #col-1 .content .right .txt .message a:visited{color: #868070; }
#col-1 .content .right .txt .message a:hover{color: #404b63; }

#col-1 .content .right .txt #photos-gallery{ text-align: left;}
#col-1 .content .right .txt #photos-gallery ul{display: block; clear: both; margin: 20px 0; list-style: none;}
#col-1 .content .right .txt #photos-gallery ul li{ width: 164px; display: inline; float: left; margin: 0 20px 10px 0;}
#col-1 .content .right .txt #photos-gallery ul li img{border: 1px solid #d0ccc0; padding: 1px;  overflow:hidden; width: 164px; height: 164px;}
#col-1 .content .right .txt #photos-gallery ul li span{ font-size: 11px; width: 160px; }

#col-1 .content .right .txt .message #liste-deces table.listeAvisDeces tr td{font-family: Georgia, "Times New Roman", Times, serif; color: #5e5e5e; font-size: 12px; padding: 5px;}
#col-1 .content .right .txt .message #liste-deces table.listeAvisDeces a{ text-decoration: none; }

#col-1 .content .right .txt .message .deces-header{display:block; clear: both; margin: 0 0 30px 0; border-bottom: 1px dotted #a19a8c; padding: 0 25px 20px 0;}
#col-1 .content .right .txt .message .deces-header a.print{border-right: 1px dotted #a19a8c; padding: 10px 15px 10px 0; margin: 0 20px 0 0;}
#col-1 .content .right .txt .message .deces-header{font-size: 12px; font-weight: bold;}
#col-1 .content .right .txt .message .contact-deces{width: 100px; float: left;}
#col-1 .content .right .txt .message .infos-deces{width: 275px; float: right; font-size: 12px; margin: 0 0 25px 0;}

#col-1 .content .right .txt .message #form-recherche a, div.deces-header a{ text-decoration: none;}

#col-1 .content .right .txt .message table.sympathies td{ padding: 5px;}
#col-1 .content .right .txt .message table.sympathies td p{ line-height: 14px;}

#col-1 .content .right .txt #map{}
.gmnoprint{font-size: 12px;}

#col-2{float: right;  position: relative; left: -7px; top: 204px;}
#col-2 .col-2-content{width: 219px; background: url('../images/design/bg-col-2.png') repeat-y; margin: 0;}
#col-2-top{clear:both; display: block; width: 219px; height: 9px; background: url('../images/design/bg-col-2-top.png') no-repeat; margin: 0;}
#col-2-footer{clear:both; display: block; width: 219px; height: 9px; background: url('../images/design/bg-col-2-footer.png') no-repeat; margin: 0;}

#col-2 #quoi-faire{ margin: -1px 0 0 0; }

#col-2 #bureaux{ color: #ffffff; font-size: 10pt; font-family: Georgia, "Times New Roman", Times, serif;}
#col-2 #bureaux ul{ margin: 10px 0 0 20px; line-height: 1.19em;}
#col-2 #bureaux ul li a:link, #col-2 #bureaux ul li a:visited{color: #ffffff; text-decoration: none;}
#col-2 #bureaux ul li a:hover{color: #2a2f39; text-decoration: none;}
#col-2 #bureaux ul li{margin: 0 0 5px 0;}
#col-2 #bureaux ul li.last{padding: 0 0 10px 0;}

#col-2 #contact{ margin: 0 0 0 20px;}
#col-2 p a:link,#col-2 p a:visited{color: #2a2f39; text-decoration: none;}
#col-2 p a:hover{color: #ffffff; text-decoration: none;}
#col-2 #contact .mail{color: #2a2f39; font-size: 14px;}
#col-2 #contact .tel{color: #2a2f39; font-size: 18px; margin: 5px 0 0 0; padding: 0 0 30px 0; font-weight: bold;}

/* ************************************************************************************ */

/* ************************************************************************************ */
/* *** MENU *** */

#menu{ margin: 40px 0 50px 20px; font-family: Georgia, "Times New Roman", Times, serif; }
#menu ul li {font-size: 16px; color: #868070; font-style: normal; font-weight: normal; margin: 0 0 10px 0;}
#menu ul li.toggle ul{ margin: 5px 0 5px 5px;}
#menu ul li.toggle ul li {font-size: 12px;color: #3e4450; font-style: normal; font-weight: normal; margin: 0; line-height: 18px;}
#menu ul li a:link, #menu ul li a:visited{color: #868070; text-decoration: none;}
#menu ul li a:hover{color: #404b63; text-decoration: none;}
#menu ul li.toggle ul li a:link, #menu ul li.toggle li a:visited{color: #404b63; text-decoration: none;}
#menu ul li.toggle ul li a:hover{color: #868070; text-decoration: none;}

/*****Additional Custom Accordion Styles*****/
#menu ul#accordion li ul { display: none; }
#menu ul#accordion li.active ul { display: block; }


/* ************************************************************************************ */

/* ************************************************************************************ */
#footer{width: 689px; padding: 0 0 50px 0; clear: both;}
#footer #footer-top{background: url('../images/design/bg-footer-top.png') no-repeat; width: 689px; height: 20px; margin: 0; padding: 0;}
#footer #footer-content{background: url('../images/design/bg-wrapper.png') repeat-y; width: 689px; margin: 0;}
#footer #footer-content p img{margin: 20px 0 36px 75px;}
#footer #footer-bottom{background: url('../images/design/bg-footer-bottom.png') no-repeat; width: 689px; height: 8px;}