/* **************************** Paramètres du site Club Medj **************************** */
/* Réalisation : B. Moreau (2009)                                                                       */ 
/*                                                                                                                    */
/* Couleurs :                                                                                                    */
/*                                                                                                                    */
/*    # 000099 = Bleu foncé                                                                                */
/*    # 99bbff = Bleu clair                                                                                    */
/*    # ffff99 = Jaune                                                                                           */
/*    # ffff33 = Jaune foncé (liens en bas de page + pop-up)                                   */
/*    # F5F5CF = Jaune clair (couleur de fond des intentions)                                */


/* ************************** Paramètres des polices communes ********************************* */

.aucunemarge
{
margin: 0px 0px 0px 0px;
padding: 0px;
}

.souligner
{
TEXT-DECORATION: underline;
}

.textFonce 
{
FONT-SIZE: 12px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.textFonceGras
{
FONT-SIZE: 12px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
font-weight: bold;
}

.Contact  	/* Texte cliquable en bas de page */
{	
FONT-SIZE: 12px; 
COLOR: #ffff33; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
font-weight: bold;
}

.Contact:hover 
{
FONT-SIZE: 12px; 
COLOR: #ffff33; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
font-weight: bold;	
}


.Titre		/* Texte du titre */
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000099;
}

.sousTitre
{
FONT-SIZE: 13px; /* 13px = size 2 */
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
}

.sousTitreLink
{
FONT-SIZE: 13px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
TEXT-DECORATION: none;
}

.sousTitreLink:hover
{
FONT-SIZE: 13px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
TEXT-DECORATION: underline;
}

.video
{
FONT-SIZE: 11px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.petit
{
FONT-SIZE: 10px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.petitContact
{
FONT-SIZE: 10px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.petitContact:hover
{
FONT-SIZE: 10px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
}

.txtcopyright
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000099;
TEXT-DECORATION: none;
}


.txtcopyright:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000099;
TEXT-DECORATION: underline;
}

div.centrer
{
text-align: center;
}

p.centrer
{
text-align: center;
}

p.gauche
{
text-align: left;
}

div.gauche
{
text-align: left;
}

div.droite
{
text-align: right;
}

#gauche
{
text-align: left;
}


/* ************************** Paramètres Généraux communs Corps + tableaux ********************************* */

body.Corps 	/* Body de la page */
{
background-color: #99bbff;
}

table.Principal
{
width: 951px;
background-color: #99bbff;
border-style: none;
border-color: #ffff99;
border-collapse: collapse;
margin-left: auto;   
margin-right: auto;
}


table.banner
{
width: 100%;
border-collapse: collapse;
}

td.banner 
{
table-layout: fixed;
width: 951px;
height: 100px;
background-image: url(img/ClubMedjBan2.gif);
background-position: center;
background-repeat: no-repeat ;
border-collapse: collapse;
}


table.espace
{
width: 100%;
height: 10px;
border-collapse: collapse;
background-color: #99bbff;
table-layout: fixed;
}


table.Marie
{
width: 100%;
background-color: #000099; /* Bleu */
border-spacing: 2px;
border-width: 1px;
border-style: solid;
border-color: #ffff99; /* Jaune */
vertical-align: middle;
border-collapse: separate;
}


td.Marie
{
width: 100%;
padding: 5px;
background-color:#ffff99; /* Jaune */
font-size: 13px;
border-collapse: separate;
color: #000099; 	/* Bleu */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
}



table.navigation
{
width: 100%;
background-color: #ffff99;
height: 22px;
border-collapse: collapse;
}

td.navigation
{
width: 9%;
background-color: #000099;
font-weight: bold; 
font-size: 10px; 
color: #ffff99; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px #ffff99 solid;

}

td.navigationHover      /* :hover sans lien de type <a href> n'est pas pris en compte par IE donc redéfinition du hover associé au JavaScript */ 
{
width: 9%;
background-color: #ffff99;
font-weight: bold; 
font-size: 10px; 
color: #000099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px #ffff99 solid;
}

td.selection
{
width: 9%;
background-color: #ffff99;
font-weight: bold; 
font-size: 10px; 
color: #000099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
vertical-align: middle;
border: 1px #ffff99 solid;
}

table.central
{
width: 100%;
background-color: #FFFF99;
border-width: 1px;
border-style: solid;
border-color: #ffff99;
border-collapse: collapse;
margin-left: auto;   
margin-right: auto;
}

tr.centralMargeHoriz
{
height: 19px;
}

tr.photoTitre
{
height: 40px;
vertical-align: middle;
text-align: center;
}

table.basdepage
{
width: 100%;
border-collapse: collapse;
}

tr.contact
{
background-color: #000099;
height: 20px;
vertical-align: middle;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #000099;
border-collapse: collapse;
}


tr.copyright
{
background-color: #ffff99;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000099;
text-align: center;
vertical-align: middle;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #ffff99;
border-collapse: collapse;
}

td.centralLeft
{
width: 48%;
text-align: center;
vertical-align: middle;
padding: 5px
}

td.centralRight
{
width: 52%;
text-align: center;
vertical-align: middle;
padding: 5px;
}

/* Index */

li.menu
{
margin-left: -20px;
}

ul.menu
{
margin-bottom: 0px;
}

/* ******************* Paramètres de la page Photo + Moteur Photo (bot_album) + Intentions & Témoignages (pages): ************************* */ 


table.photo
{
width: 90%;
text-align: center;
vertical-align: middle;
background-color: #FFFF99;
border-style: solid;
border-collapse: separate;
border-width : 1px;
border-color: #FFFF99; 
}

tr.photo
{
height: 140px;
}

td.photo
{
width: 170px;
background-color: #000099;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}

td.photoHover
{
width: 170px;
background-color: #99bbff;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}

tr.pages
{
height: 50px;
vertical-align: middle;
}

td.pages
{
width: 50%;
text-align: center;
}

td.pagePrecedente
{
width: 25%;
text-align: right;
}

td.pageSuivante
{
width: 25%;
text-align: left;
}

td.pageDefaut
{
width: 25%;
text-align: center;
}

table.page 
{
text-align: center;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}

td.page
{
font-size: 12px; 
color: #000099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
width: 25px;
background-color: #ffff99;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
vertical-align: middle;
}

td.pageHover
{
font-size: 12px; 
color: #000099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
width: 25px;
background-color: #99bbff;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
vertical-align: middle;
cursor: pointer;
}

td.pageSelection
{
font-size: 12px; 
color: #000099; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
text-align: center;
width: 25px;
background-color: #99bbff;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
vertical-align: middle;
}


/* ********************* Paramètres des pages Témoignages : ******************** */


tr.centralLigne
{
height: 213px;
}

td.centralMarge
{
width: 1%;
}

td.centralCellule
{
width: 98%;
vertical-align: top;
text-align: center;
margin-left: auto;
margin-right: auto;
}

table.temoignage
{
width: 100%;
height: 190px;
}

td.temoinImage
{
height: 186px;
width: 25%;
text-align: left;
}

td.temoinTitre
{
width: 75%;
text-align: center;
}


td.temoinVideo
{
height: 290px;
width: 50%;
text-align: center;
}

li.puceFonce
{
list-style-type: none;
background-image: url(bouton/puceFonce.gif);
background-repeat: no-repeat;
background-position: 0 0.22em;
padding-left: 20px;
}



li.puceClair
{
list-style-type: none;
background-image: url(bouton/puceClair.gif);
background-repeat: no-repeat;
background-position: 0 0.22em;
padding-left: 20px;
}

.textLink
{
FONT-SIZE: 12px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}
.textLink:hover
{
FONT-SIZE: 12px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
}

.textClairLink
{
FONT-SIZE: 12px; 
COLOR: #0066cc; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}
.textClairLink:hover
{
FONT-SIZE: 12px; 
COLOR: #0066cc; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
}

.text14px
{
FONT-SIZE: 14px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

/* ********************* Paramètres de la page Medj et pages associées : ******************** */

/* Attention 1 sous tableau est inclus dans tableau central (page Medj) et codé en HTML et pas en css, pas d'impact couleur */

li.medj
{
list-style-type:none;
text-align:center;
}

.textLink14px
{
FONT-SIZE: 14px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.textLink14px:hover
{
FONT-SIZE: 14px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
}

td.central20 /* Medj + news/index.php et news/erreur.php */
{
width:20%;
text-align: center;
vertical-align: middle;
padding: 10px;
}

td.JPII_Medj /* JPII_Medj */
{
width:20%;
text-align: left;
vertical-align: middle;
padding: 10px;
}

td.central60 /* Medj + news/index.php et news/erreur.php */
{
width:60%;
text-align: center;
vertical-align: middle;
padding: 5px;
}

td.largeur10
{
width: 10%;
}

/* ****** Paramètres de la page position de l'Eglise : ********* */

td.central80
{
width: 80%;
text-align: left;
vertical-align: middle;
padding: 10px;
}

td.central100
{
width: 100%;
text-align: left;
vertical-align: middle;
padding: 10px;
}

td.position
{
padding: 10px;
}

td.positionTitre
{
height: 30px;
vertical-align: middle;
text-align: center;
padding: 10px
}

/* ******* Paramètres de la page Téléchargement **************** */

table.tele
{
width: 95%;
height: 213px;
text-align: center;
vertical-align: middle;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
border-collapse: collapse;
}

td.tele
{
width:33%;
text-align: center;
vertical-align: top;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #99bbff;
padding: 10px;
}

hr.tele {
height: 1px;
margin: 0;
padding: 0;
color: #99bbff;
background-color: #99bbff;
border: 0;
}

th.tele
{
width:33%;
text-align: center;
vertical-align: middle;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #99bbff;
}


/* ******* Paramètres de la page Club **************** */

td.club
{
width: 95%;
text-align: center;
vertical-align: middle;
}

.text16px
{
FONT-SIZE: 16px; 
COLOR: #000099; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

td.formClub
{
width: 140px;
padding: 0 0 0 10px;
}

td.formClubBouton
{
width: 40px;
padding: 0 0 0 10px;
}

input.formClub          
{
font-family:Verdana;
font-size:11px;
color:#000099;
}
#boutonClub        
{
width: 30px; 
height: 20px;
}

#champClub         
{
width: 130px; 
height: 20px;
}

#pswdClub         
{
width: 130px; 
height: 20px;
}



/* ************************** Paramètres page index vip ********************************* */

table.vip2
{
margin-left: auto;   
margin-right: auto;
border-color: #ffff99;
border-collapse: collapse;
}

table.vip
{
width: 80%;
text-align: center;
vertical-align: middle;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
border-collapse: collapse;
}

tr.vip
{
vertical-align: middle;
}

td.vip
{
text-align: center;
vertical-align: middle;
padding: 10px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: #99bbff;
border-collapse: collapse;
}

/* ************************** Paramètres pages groupe vip ********************************* */

table.groupe
{
width: 95%;
text-align: center;
vertical-align: middle;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #ffff99;
border-collapse: collapse;
}

td.groupe43
{
width: 43%;
height: 47px;
text-align: center;
vertical-align: middle;
background-color: #000099;
border-width: 1px;
border-style: solid;
border-color: #ffff99;
padding: 10px;
}

td.groupe21
{
width: 36%;
height: 47px;
text-align: center;
vertical-align: middle;
background-color: #000099;
border-width: 1px;
border-style: solid;
border-color: #ffff99;
padding: 10px;
}

td.groupe36
{
width: 21%;
height: 47px;
text-align: center;
vertical-align: middle;
background-color: #000099;
border-width: 1px;
border-style: solid;
border-color: #ffff99;
padding: 10px;
}

.textJaune
{
FONT-SIZE: 13px; /* 13px = size 2 */
COLOR: #ffff66; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}


.textJauneLink
{
FONT-SIZE: 13px; /* 13px = size 2 */
COLOR: #ffff66; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: none;
}

.textJauneLink:hover
{
FONT-SIZE: 13px; /* 13px = size 2 */
COLOR: #ffff66; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-DECORATION: underline;
}


/* **************** Liens ***************** */

td.colonne50C
{
width: 50%;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 10px;
}

table.mini
{
margin-left: auto;
margin-right: auto;
width: 400px;
border-width: 1px;
border-style: solid;
border-color: #99bbff;
border-collapse: separate; 
}

td.miniTitre
{
width: 400px;
height: 25px;
background-color: #99bbff;
text-align: center;
vertical-align: middle;
padding: 5px;
}

td.mini
{
text-align: center;
border-width: 2px;
border-style: solid;
border-color: #99bbff;
border-collapse: separate; 
}

/* ***************** depart.htm ******* */

td.central40
{
width:40%;
text-align: center;
vertical-align: middle;
padding: 5px;
}

table.depart /* utilisé aussi dans possition de l'Eglise */
{
margin-left: auto;
margin-right: auto;
border-width: 2px;
border-style: solid;
border-color: #000099;
border-collapse: collapse; 
}

td.depart
{
text-align: center;
vertical-align: middle;
padding: 5px;
}

/* **************** Intentions ************ */

/* Tableau affichage des intentions */

table.intention
{
width: 800px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-width: 2px;
border-style: solid;
background-color: #F5F5CF;
border-color: #000099;
border-collapse: collapse; 
padding: 5px;
vertical-align: middle;
}

td.titreIntention
{
width: 720px;
height: 20px;
padding: 5px;
text-align: left;
vertical-align: middle;
}

td.dateIntention
{
width: 80px;
height: 20px;
padding: 5px;
text-align: center;
vertical-align: middle;
}

td.intention
{
width: 800px;
height: 80px;
padding: 5px;
text-align: left;
vertical-align: middle;
}

/* ************** Histoire *************** */

td.central70G
{
width:70%;
text-align: left;
vertical-align: top;
padding: 10px;
}

td.central30
{
width:30%;
text-align: center;
vertical-align: top;
padding: 10px;
}

td.histoire
{
text-align: left;
vertical-align: top;
padding: 10px;
}



/* Préservation des Pop-up en l'état (2 popu-p prières + 1 pop-up motdujour), reprise du style précédent Jimy + Grid */


body.popup2
{
background-color: #000099;
}

body.popup
{
background-color: #000099;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;   
}

.txt10j        { font-family:Verdana; font-size:10px; color:#FFFF33;}

.txt12j        { font-family:Verdana; font-size:12px; color:#FFFF33;}

.txt13j        { font-family:Verdana; font-size:13px; color:#FFFF33;}

.txt14j        { font-family:Verdana; font-size:14px; color:#FFFF33;}

 



#jaune         { color:#FFFF33;}



/* Formulaire d'envoi de priere */

input,textarea {font-family:Verdana;font-size:11px;color:#000099;}

#bouton        {width:100px; height: 20px;}

#bouton2        {width:100px; height: 20px;}

#champ         {width:130px; height: 20px;}
#champ2         {width:130px; height: 20px;}


#titre         {width:395px; height: 20px;}

#priere        {width:395px; height: 180px;}

#photo         {width:200px; height: 20px;}



/* supplément pour nouveau formulaire mail afin d'éviter les spams */
#mail          {width:200px; height: 20px;}

#mess          {width:600px; height: 180px;}



/* Plan de site */
table.plan
{
width:100%;
}

td.planChapitre
{
text-align: left;
vertical-align: text-bottom;
padding: 5px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
border-style: solid;
border-color: #000099;
border-collapse: collapse;
}

td.planRight
{
width:30%;
text-align: left;
vertical-align: top;
padding: 10px;
border-left-width: 2px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #99bbff;
border-collapse: collapse;
}

td.planLeft
{
width:70%;
text-align: left;
vertical-align: middle;
padding: 10px;
}