@charset "utf-8";
* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
a {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
hr {
clear:both;
visibility: hidden;
margin:15px;
}
html,body {
font-family:Verdana, sans-serif;
font-size:12px;
color:#000;
background:#FFF;
width: 100%;
height: 100%;
text-align: center;
}
.float {
float:left;
text-align:center;
margin:20px;
}
/* CONTENEUR (centrage)*/
#conteneur {
position:relative;
margin: 0 auto;
width: 900px;
text-align:left;
border:solid 4px;
border-top:none;
border-color:#FFF;
}
/* CONTENU */
#contenu {
margin:10px;
width:880px;
}
#fond {
background:url(fond.png) top left repeat-y;
}
#B_index #fond {
background-image:none;
}
#contenu h1 {
clear:both;
margin:25px;
font-size:1.3em;
}
#contenu h2 {
clear:both;
margin:20px;
font-size:1.2em;
}
#contenu h3 {
clear:both;
margin:15px;
font-size:1.1em;
}
#contenu h4 {
float:left;
width:45%;
margin:10px;
padding:10px;
font-size:1em;
font-weight:normal;
}
#contenu h5 {
float:left;
width:45%;
margin:10px;
padding:10px;
font-size:1em;
font-weight:normal;
}
#contenu h6 {
float:left;
width:32%;
margin:0;
padding:0;
font-size:1em;
font-weight:normal;
}
#contenu p {
margin:10px;
padding:10px;
}
#contenu strong {
font-weight:bold;
font-size:1.1em;
}
#contenu em {
font-style:italic;
font-size:0.9em;
}
#contenu ul {
margin:15px;
}
#contenu li {
margin:15px;
}
#contenu img {
border-right:solid 4px #080;
border-bottom:solid 4px #080;
margin:5px;
}
/* COULEURS */
#B_mention #conteneur,
#B_presentation #conteneur {
border-color:#080;
background:#f1fff1;
}
#B_mention #menu,
#B_index #menu,
#B_presentation #menu {
background:#080;
}
#B_presentation #contenu h1,
#B_presentation #contenu h2,
#B_presentation #contenu h3 {
color:#080;
}
#B_historique #conteneur {
border-color:#900;
background:#f0dcd2;
}
#B_historique #menu {
background:#900;
}
#B_historique img {
border-color:#900;
}
#B_historique #contenu h1,
#B_historique #contenu h2,
#B_historique #contenu h3,
#B_historique #contenu h4 {
color:#900;
}
#B_cremation #conteneur {
border-color:#39C;
background:#e6f0ff;
}
#B_cremation #menu {
background:#39C;
}
#B_cremation img {
border-color:#39C;
}
#B_cremation #contenu h1,
#B_cremation #contenu h2,
#B_cremation #contenu h3,
#B_cremation #contenu h4 {
color:#39C;
}
#B_FAQ #conteneur {
border-color:#A04;
background:#ffe6e6;
}
#B_FAQ #menu {
background:#A04;
}
#B_FAQ img {
border-color:#A04;
}
#B_FAQ #contenu h1,
#B_FAQ #contenu h2,
#B_FAQ #contenu h3,
#B_FAQ #contenu h4 {
color:#A04;
}
#B_renseignements #conteneur {
border-color:#036;
background:#f0f0fa;
}
#B_renseignements #menu {
background:#036;
}
#B_contact #conteneur {
border-color:#27867E;
background:#f0ffff;
}
#B_contact #menu {
background:#27867E;
}
#B_contact img {
border-color:#27867E;
}
#B_contact #contenu h1,
#B_contact #contenu h2,
#B_contact #contenu h3,
#B_contact #contenu h4{
color:#27867E;
}
#B_associations #conteneur {
border-color:#C60;
background:#fff5e6;
}
#B_associations #menu {
background:#C60;
}
#B_associations img {
/*border-color:#C60;*/
border:0 none;
}
#B_associations #contenu h1,
#B_associations #contenu h2,
#B_associations #contenu h3,
#B_associations #contenu h4 {
color:#C60;
}
/* MENU */
#menu {
width: 900px;
height:20px;
}
#menu li {
list-style-type:none;
float:left;
display:block;
margin:0 20px;
height:20px;
}
#menu li a {
text-decoration:none;
text-align:center;
font-size:1.2em;
font-weight:500;
line-height:20px;
color:#CCC;
}
/* HEAD */
#head {
width:900px;
height:100px;
background:none;
}
#head a {
position:absolute;
display:block;
right:40px;
top:10px;
height:80px;
width:180px;
}
#head a:hover {
text-decoration:none;
}
#B_mention #head,
#B_presentation #head {
background:url(presentation.jpg) top left no-repeat;
}
#B_historique #head {
background:url(historique.jpg) top left no-repeat;
}
#B_cremation #head {
background:url(cremation.jpg) top left no-repeat;
}
#B_FAQ #head {
background:url(FAQ.jpg) top left no-repeat;
}
#B_renseignements #head {
background:url(renseignements.jpg) top left no-repeat;
}
#B_contact #head {
background:url(contact.jpg) top left no-repeat;
}
#B_associations #head {
background:url(associations.jpg) top left no-repeat;
}
/* FOOT */
#foot {
width:900px;
height:15px;
line-height:15px;
font-size:0.9em;
text-align:center;
}
#aide {
float:right;
}
/* ACCUEIL */
#B_index #conteneur {
height:600px;
background:url(accueil.jpg) top left no-repeat;
}
#B_index #menu {
position:absolute;
top:212px;
left:0;
}
#B_index #foot {
position:absolute;
bottom:5px;
left:0;
font-size:0.9em;
color:#080;
}
#B_index #foot a {
color:#080;
}
/* FAQ */
#B_FAQ #contenu h5 {
float:none;
margin:0 30px 20px;
padding:5px;
width:820px;
font-style:normal;
font-size:1em;
border:none;
}
#B_FAQ #contenu h6 {
float:none;
margin:20px 30px 0;
padding:5px;
width:820px;
font-weight:bold;
font-size:1em;
border:none;
border-top:solid 2px #A04;
border-left:solid 2px #A04;
}
#B_FAQ #contenu p {
margin:0 30px 20px;
padding:5px;
width:820px;
font-style:italic;
font-size:0.9em;
border:none;
border-bottom:solid 1px #A04;
border-right:solid 1px #A04;
}
#B_FAQ #contenu form {
margin:20px;
}
#B_FAQ #contenu label {
float:left;
width:200px;
text-align:right;
}
#B_FAQ #contenu input,
#B_FAQ #contenu textarea,
#B_FAQ #contenu #statut {
float:left;
margin-left:10px;
}
/* CONTACT */
#mail {
margin-top:100px;
margin-left:0;
height:350px;
}
#mail table {
width:500px;
}
#mail th,
#mail td {
text-align:left;
}
#mail td,
#mail td input,
#mail td textarea {
width:400px;
}
#plan {
position:absolute;
top:225px;
right:10px;
}
#plan p {
text-align:center;
}
/* GESTION */
#B_mention table {
width:880px;
border: 1px solid #000;
border-collapse: collapse;
text-align:center;
}
#B_mention tr {
height:20px;
}
#B_mention th {
background:#000;
color:#FFF;
font-size:14px;
font-weight:bold;
}
#B_mention td {
border: 1px solid #000;
}
#B_mention td.left {
text-align:left;
width:330px;
padding-left:10px;
}
#B_mention td.cb {
width:20px;
}
#B_mention input.text {
width:90px;
text-align:right;
padding-right:5px;
border:0 none #FFF;
}
#B_mention td p {
text-align:right;
margin-right:50px;
}
#B_mention td.mail textarea {
width:440px;
height:100px;
}
#B_mention td.mail label {
display:block;
float:left;
width:100px;
text-align:right;
}
#B_mention td.mail input {
width:310px;
}
#link_admin {
position:absolute;
bottom:20px;
right:20px;
}
#B_mention form#theform table,
#B_mention form#theform td {
width:auto;
border: none;
}
#B_mention form#theform img {
border:0;
}