/* ----------- Règles de la maquette englobante ------------- */

body {
    background-color: #999896;
    color: white;
}

#main_table {
    background-color: white;
}

#news {
    background-color: #5581A8;
}

#bandeau_haut {
    background-color: #5581A8;
    color: white;
}

#bandeau_bas {
    background-color: #5581A8;
    color: white;
    background-image: url(/_eglise/images/bas.gif);
}

#menu_gauche {
    width: 152px ! important;
}

table.bloc_center div.titre, table.bloc_news div.titre {
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
}

table.bloc_center div.auteur, table.bloc_news div.auteur {
    font-size: 11px;
    font-family: Arial;
    font-style: italic;
}


table.cadre_gauche {
	color: white;
    width: 150px;
    margin-bottom: 8px;
}

table.cadre_gauche tr.tete td {
	background-repeat: no-repeat;
	background-image: url(/_kids/images/accueil_haut.gif);
	background-color: #484;
    padding: 3px;
    font-weight: bold;
}

table.cadre_gauche tr.titre {
	background-color: #484;
	background-image: url(/_kids/images/accueil_1px.gif);
}

table.cadre_gauche tr.corps {
	background-color: #484;
	background-image: url(/_kids/images/accueil_1px.gif);
}

table.cadre_gauche tr.bas td {
	background-color: #484;
	background-image: url(/_kids/images/accueil_bas.gif);
	background-position: bottom left;
    height: 5px;
}

table.vignette_gauche {
    margin-left: 2px;
    margin-bottom: 8px;
}

table.vignette_gauche td,
table.vignette_centre td {
    padding: 0;
}

table.vignette_gauche tr.tete td,
table.vignette_centre tr.tete td {
    padding: 3px;
    font-weight: bold;
}

table.vignette_gauche tr.tete td.enfants {
	background-image: url(/_kids/images/enfants_haut.png);
}

table.vignette_gauche tr.tete td.parents {
	background-image: url(/_kids/images/parents_haut.gif);
}

table.vignette_gauche tr.tete td.moniteurs {
	background-image: url(/_kids/images/moniteurs_haut.png);
}

table.vignette_centre tr.tete td.evangelisation {
	background-image: url(/_kids/images/evangelisation_haut.gif);
}

table.vignette_centre tr.tete td.mascotte {
	background-image: url(/_kids/images/mascotte_haut.gif);
}

table.vignette_centre tr.tete td.presentation_generale,
table.vignette_centre tr.tete td.reportages {
	background-image: url(/_kids/images/presentation_generale_haut.png);
}

a         {color:#FFFFFF;text-decoration:none;}
a:visited {color:#FFFFFF;text-decoration:none;}
a:hover   {color:#FFFFFF;text-decoration:underline;}

/* -------- Bouton article -------- */

table.bloc_bouton {
    margin-bottom: 4px;
    border-collapse: separate;
    margin-left: 75px;
}

table.bloc_bouton td {
    width: 140px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    background-image: url(/_kids/images/bouton.gif);
    cursor: pointer;
    color: white;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

/* -------- Bandeau haut ---------- */

td.notre_vision { text-align: center; font-size: 9px; }
td.notre_vision a         {color:#dE8A2C;text-decoration:none;}
td.notre_vision a:visited {color:#dE8A2C;text-decoration:none;}
td.notre_vision a:hover   {color:#EFAB4D;text-decoration:underline;}

/* -------- règles pour les classes communes ------------ */

table#qdn div.texte { display:none; }

table.bloc_center td {
    background-image: url(/_kids/images/new_1px.gif);
    background-color: #844;
    color: white;
}

table.bloc_news td {
    background-image: url(/_kids/images/new_1px.gif);
    background-color: #D84;
    color: white;
}

table.bloc_article td.article ,
table.bloc_article td.img ,
table.bloc_article td.comnom ,
table.bloc_article td.commeta ,
table.bloc_article td.comtexte ,
table.bloc_article td.photo ,
table.bloc_article td.pagination ,
table.bloc_article td.abstract {
    background-image: url(/_kids/images/article_1px1.gif);
    background-color: #D84;
    color: white;
}

table.bloc_article td.photo {
	text-align: center;
}

table.bloc_center tr.head th {
    background-image: url(/_kids/images/new_haut.png);
    background-position: top left;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-top: 3px;
}

table.bloc_news tr.head th {
    background-image: url(/_kids/images/evenement_haut.png);
    background-position: top left;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-top: 3px;
}

table.bloc_article tr.head th {
    background-image: url(/_kids/images/article_haut.png);
    background-position: top left;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-top: 3px;
}

table.bloc_center tr.head th.date {
    background-image: url(/_kids/images/new_haut.png);
    background-position: top right;
}

table.bloc_news tr.head th.date {
    background-image: url(/_kids/images/evenement_haut.png);
    background-position: top right;
}

table.bloc_article tr.head th.date {
    background-image: url(/_kids/images/article_haut.png);
    background-position: top right;
}

table.bloc_center tr.foot td {
    background-image: url(/_kids/images/new_bas.gif);
    height: 6px;
    background-position: bottom left;
}

table.bloc_news tr.foot td {
    background-image: url(/_kids/images/new_bas.gif);
    height: 6px;
    background-position: bottom left;
}

table.bloc_article tr.foot td {
    background-image: url(/_kids/images/article_bas.gif);
    height: 5px;
    background-position: bottom left;
}


td.img img {
    vertical-align: top;
    margin: 3px;
}

div.titre {
    font-size: 18px;
    font-weight: bold;
}

td.pagination {
    text-align: center;
}

td.pagination a.unsel {
    color: #BD3030;
}

td.pagination a.sel {
    font-weight: bold;
}

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

tr.menu_haut td {
    background-color: #006699;
    padding: 0;
    color: white;
}

tr.menu_haut td a {
    padding-left: 4px;
    padding-right: 4px;
}

.first a.inactive  {color:#B3E7FF;text-decoration:none;}
.first a.inactive:visited {color:#B3E7FF;text-decoration:none;}
.first a.inactive:hover   {color:#FFFFFF;text-decoration:underline;}

.first a.active         {color:#FFFFFF;text-decoration:none; background-color: #0095DD;}
.first a.active:visited {color:#FFFFFF;text-decoration:none; background-color: #0095DD;}
.first a.active:hover   {color:#FFFFFF;text-decoration:underline; background-color: #0095DD;}

.second a.active         {color:#FFFFFF;text-decoration:none; background-color: #09AFFF;}
.second a.active:visited {color:#FFFFFF;text-decoration:none; background-color: #09AFFF;}
.second a.active:hover   {color:#FFFFFF;text-decoration:underline; background-color: #09AFFF;}

.first {
    text-align: center;
}

.second {
    background-color: #0095DD;
    text-align: center;
}