/* Feuille de style générale pour les pages du site Mont-Marche Tournai */
a {
text-decoration : none;
color : #008000;
}
a:hover {
text-decoration : underline;
cursor : pointer;
color : #008000;
}
a:visited {
color : #008000;
}
a img {
border : none;
display : block;
}
p {
margin : 0;
padding : 0;
margin-top : 12px;
}
br {
line-height : 12px;
}
body {
margin : 0;
padding : 0;
background-color : #004c97;
min-width : 780px;
}
#en_tete table {
width : 100%;
background-color : #004c97;
border : 0;
border-collapse : collapse;
}
#en_tete_logo1 {
width : 106px;
height : 100px;
background : url("../images/logo_mmt100x106.gif") no-repeat center center;
background-color : #004c97;
}
#en_tete_mmt {
height : 70px;
background : url("../images/mmt.gif") no-repeat center center;
background-color : #004c97;
}
#en_tete_logo2 {
width : 85px;
height : 100px;
background : url("../images/wallonie_picarde.jpg") no-repeat center center;
background-color : #004c97;
}
#id_messages {
width : 100%;
margin : 0;
padding : 0;
border : 0;
background-color : #004c97;
color : #ffff00;
font-family : "Comic Sans MS", Verdana, Arial, Sans-serif;
font-size : 18px;
text-align : center;
}
#id_menu table {
margin : 0;
padding : 0;
white-space : nowrap;
}
ul.menu {
list-style-type : none;
margin : 0;
padding : 0;
position : relative;
z-index : 1;
}
ul.menu li {
float : left;
border : 0;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
font-size : 12px;
}
ul.menu ul {
position : absolute;
display : none;
list-style-type : none;
margin : 0;
padding : 0;
}
ul.menu ul li {
float : none;
padding : 0;
}
ul.menu li a:link, ul.menu li a:visited {
display : block;
color : #7f0000;
background : url("../images/ap/menu2.png") repeat;
margin : 0;
padding : 5px;
text-decoration : none;
}
ul.menu li a:hover {
background : url("../images/ap/menu1.png") repeat;
}
#id_menu ul ul {
display : none;
}
#id_menu li:hover ul {
display : block;
}
ul.menu a {
border : 1px solid #aaaaff;
}
.langue a {
font-family : Verdana, Arial, Sans-serif;
font-weight : bold;
font-size : 14px;
color : #ffff00;
margin : 0;
padding-left : 10px;
}
#page {
width : 100%;
background-image : url("../images/ap/page.png");
background-repeat : repeat;
background-attachment : scroll;
}
#gauche {
float : left;
width : 19%;
}
#gauche .rubrique {
border : 3px outset #8080ff;
background : url("../images/ap/ap_gauche.png") repeat;
font-family : Verdana, Arial, Sans-serif;
font-size : 18px;
font-weight : bold;
text-align : center;
color : #00007f;
display : block;
border-bottom : 1px solid;
padding-top : 10px;
padding-bottom : 10px;
}
#gauche .rubrique ul {
list-style-type : none;
padding-top : 8px;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
font-family : Verdana, Arial, Sans-serif;
font-size : 13px;
color : #0000ff;
margin : 0;
}
#gauche .mev {
font-size : 12px;
font-style : italic;
text-decoration : none;
color : #ff4400;
}
#chapitre {
padding : 5px;
text-align : left;
background-color : #ddffdd;
color : #0000cc;
font-size : 16px;
font-weight : bold;
font-family : Verdana, Arial, Sans-serif;
border : 2px double #a0a0f0;
}
#chapitre ul {
margin : 0;
padding : 5px;
}
#chapitre li {
list-style : none;
font-size : 12px;
font-weight : bold;
padding : 0;
margin : 0;
padding-bottom : 5px;
}
#chapitre li.entete {
list-style : none;
font-size : 14px;
font-weight : bold;
text-align : center;
margin : 0;
padding : 0;
}
#droite {
float : right;
width : 19%;
}
#milieu {
background-attachment : scroll;
background-color : #fcfeec;
color : #000080;
margin : 0;
margin-left : 19%;
margin-right : 19%;
padding : 0;
border : 3px solid #afafff;
}
#milieu ul {
margin : 0;
padding : 0;
}
#milieu ul li {
margin-left : 40px;
}
#milieu ul li.entete {
list-style : none;
margin-left : 0;
}
#milieu1 {
background-attachment : scroll;
background-color : #fcfeec;
color : #000080;
margin : 0;
margin-left : 19%;
margin-right : 19%;
padding : 0;
border : 3px solid #afafff;
border-bottom : 0 solid #afafff;
}
#milieu2 {
background-attachment : scroll;
background-color : #fcfeec;
color : #000080;
margin : 0;
margin-left : 0;
margin-right : 0;
padding : 0;
border : 3px solid #afafff;
border-top : 1px outset #fcfeec;
}
#milieu2 table {
background-color : #fcfeec;
}
#pierre_picq, #reportage {
text-align : justify;
background-color : #ddffdd;
color : #000080;
font-size : 16px;
font-family : Verdana, Arial, Sans-serif;
border : 3px solid #afafff;
margin : 0 auto;
padding : 15px;
}
.personne table, .objet table {
border-collapse : collapse;
text-align : left;
vertical-align : middle;
background-color : #ddffdd;
color : #000080;
font-size : 16px;
font-family : Verdana, Arial, Sans-serif;
border : 3px solid #afafff;
margin : 0 auto;
margin-top : 16px;
}
.personne table .tdallt {
padding: 10px;
text-align : center;
}
.personne table .photo {
width : 116px;
height : 140px;
text-align : center;
vertical-align : middle;
}
.personne table .icone {
padding : 0;
padding-right : 10px;
width : 34px;
height : 24px;
text-align : left;
vertical-align : middle;
}
.personne table .donnees {
padding : 0;
padding-right : 10px;
vertical-align : middle;
text-align : left;
}
.personne table .tdallb {
padding : 10px;
padding-top : 0;
border-bottom : 3px solid #afafff;
}
.objet table td {
padding : 10px;
}
.objet table .separation {
border-top : 3px solid #afafff;
}
.voyage {
background-color : #ddffdd;
color : #000080;
font-size : 16px;
font-family : Verdana, Arial, Sans-serif;
width : 92%;
margin : auto;
text-align : left;
padding : 20px 20px 20px 0;
border : 3px outset #a0a0f0;
}
.voyage table {
border-collapse : collapse;
margin : 0 auto;
}
#en_tete .in_memoriam  {
	width : 90%;
	margin-left:5%;
}
#en_tete .in_memoriam table {
border-collapse : collapse;
text-align : justify;
vertical-align : middle;
background-color : #ddffdd;
color : #000080;
font-size : 16px;
font-family : Verdana, Arial, Sans-serif;
border : 6px solid #000000;
margin : 0 auto;
margin-top : 16px;
margin-bottom : 16px;
}
#en_tete .in_memoriam table td{
	padding : 16px;
}
#cotis {
list-style : none;
font-family : Verdana, Arial, Sans-serif;
font-size : 16px;
font-weight : normal;
text-align : left;
margin : 0;
padding : 0;
}
#cotis .groupe {
background-color : #ddffdd;
color : #000080;
padding : 15px;
border : 3px solid #afafff;
margin-top : 16px;
}
#cotis .entete {
font-size : 24px;
text-align : center;
padding-bottom : 10px;
}
#panneaux_pub {
font-family : Verdana, Arial, Sans-serif;
font-size : 16px;
font-weight : normal;
text-align : center;
margin : 0 auto;
margin-top : 16px;
}
#panneaux_pub table {
border-collapse : collapse;
}
.prologues, .balades, .jonquilles, .msa, .mav, .mont, .illuminations, .deplacements, #sd, #barbecue, #sat, #acho, .templeuvoise {
font-family : Verdana, Arial, Sans-serif;
font-size : 15px;
font-weight : normal;
text-align : justify;
background-color : #ddffdd;
color : #000080;
border : 3px solid #afafff;
margin : 0 auto;
margin-top : 16px;
padding : 15px;
}
#barbecue2, #sat2 {
background-color : #ddffdd;
border : 3px solid #afafff;
margin : 0 auto;
padding : 3px;
width : 465px;
}
#balades {
width : 80%;
}
.deplacements {
width : 92%;
}
.deplacements table .espace {
padding : 10px;
text-align : justify;
}
.prologues table, .balades table, .jonquilles table, .msa table, .mav table, .mont table, .illuminations table, .deplacements table, #sd table, #barbecue table, #sat table, #acho table, .templeuvoise table {
border-collapse : collapse;
width : 100%;
}
#bejac table {
border-collapse : collapse;
width : 100%;
background-color : #ffffff;
}
#bejac table td {
vertical-align : top;
}
.prologues table .entete, .balades table .entete, .jonquilles table .entete, .msa table .entete, .mav table .entete, .mont table .entete, .illuminations table .entete, .deplacements table .entete, #sd table .entete, #barbecue table .entete, #sat table .entete, #acho table .entete, .templeuvoise table .entete {
text-align : center;
font-weight : bold;
padding-bottom : 15px;
}
.jonquilles table .float_left {
float : left;
padding-top : 10px;
margin-right : 1%;
}
#photos table {
text-align : center;
background-color : #ddffdd;
border : 3px solid #afafff;
margin : 0 auto;
padding : 15px;
}
h1 {
font-family : "Comic Sans MS", sans-serif;
text-align : center;
font-size : 36px;
vertical-align : bottom;
margin : 0 auto;
padding : 0;
padding-top : 30px;
}
h3 {
font-family : "Comic Sans MS", sans-serif;
text-align : center;
font-size : 28px;
margin-top : 16px;
margin-bottom : 16px;
padding : 0;
}
h4 {
margin-top : 20px;
margin-bottom : 15px;
text-align : center;
font-family : Arial, Verdana, sans-serif;
font-size : 20px;
font-weight : bold;
color : #0000ff;
}
#texte {
padding : 2%;
font-family : "Comic Sans MS", sans-serif;
font-size : 18px;
text-align : justify;
}
#programmes table {
margin : 0 auto;
}
.encadre, .acho {
font-family : Verdana, Arial, Sans-serif;
font-size : 15px;
font-weight : normal;
text-align : justify;
background-color : #ddffdd;
color : #000080;
border : 3px solid #afafff;
margin : 0 auto;
margin-top : 16px;
padding : 15px;
}
#pied {
height : 30px;
width : 100%;
font-family : Verdana, Arial, sans-serif;
vertical-align : bottom;
background-color : #bbbbbb;
color : #000080;
}
#calendrier0 {
float : left;
height : 180px;
padding-left : 30%;
margin-right : 2%;
margin-top : 0;
background-image : url("../images/deco/robot_marcheur.gif");
background-repeat : no-repeat;
background-position : right;
}
#bonhomme {
height : 64px;
background-image : url("../images/ap/bonhomme.gif");
background-repeat : no-repeat;
background-position : center;
margin : 0 auto;
}
#godasses {
background-image : url("../images/deco/godasses_fumantes.gif");
background-repeat : no-repeat;
background-position : center;
height : 128px;
}
.publicite table {
border-collapse : collapse;
margin : 0 auto;
}
#maintenance, #anniv {
color : #ffff00;
font-size : 20px;
font-family : Verdana, Arial, Sans-serif;
margin : 0;
margin-left : 19%;
margin-right : 19%;
padding : 0;
text-align : justify;
}
#page404 {
color : #ffff00;
font-size : 20px;
font-family : Verdana, Arial, Sans-serif;
margin : 0;
padding : 0;
padding-right : 40px;
text-align : justify;
}
#google_bas {
width : 100%;
margin : auto;
margin-top : 0;
padding : 0;
}
.gras {
font-weight : bold;
}
.italique {
font-style:italic
}
.souligner {
text-decoration:underline;
}
.gauche {
text-align : left;
}
.centrer {
text-align : center;
}
.droite {
text-align : right;
}
.justifier {
text-align : justify;
}
.centrer_bas {
text-align : center;
vertical-align : bottom;
}
.rouge {
color : #ff0000;
}
.bleu_ciel {
color : #0000ff;
}
.ecartd {
padding-left : 10px;
padding-right : 0;
}
.flottantg {
float : left;
padding-right : 10px;
}
.flottantd {
float : right;
padding-left : 10px;
}
.non_flottant {
clear : both;
}
.gras_bas {
text-align : left;
font-weight : bold;
vertical-align : bottom;
}
.clignotant {
text-decoration : blink;
}
.fleche_haut {
margin : 0 auto;
margin-top : 24px;
height : 32px;
width : 32px;
}