@charset "utf-8";
/* CSS Document :
Type de polices, taille, espacement et couleur du texte */


/*****  Installation des polices */
/* Test affichage sous Windows Vista */
/* EOT IE7,IE8 */
/* EOT IEFIX IE9 */
/* WOFF Chrome,Firefox 3.6,IE9 */
/* TTF Chrome,Firefox 3.6,Safari */
@font-face {
    font-family: "Fina";
    src: url('../fonts/cicle_fina-webfont.eot');
    src: url('../fonts/cicle_fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cicle_fina-webfont.woff') format('woff'),
         url('../fonts/cicle_fina-webfont.ttf') format('truetype'),
         url('../fonts/cicle_fina-webfont.svg#webfontKCq4a16b') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Semi";
    src: url('../fonts/cicle_semi-webfont.eot');
    src: url('../fonts/cicle_semi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cicle_semi-webfont.woff') format('woff'),
         url('../fonts/cicle_semi-webfont.ttf') format('truetype'),
         url('../fonts/cicle_semi-webfont.svg#webfontw0ns2Rj1') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "EurostileRegular";
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype'),
         url('../fonts/eurosti-webfont.svg#webfontSpcur0wS') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Paris";
    src: url('../fonts/frut_condensed-webfont.eot');
    src: url('../fonts/frut_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frut_condensed-webfont.woff') format('woff'),
         url('../fonts/frut_condensed-webfont.ttf') format('truetype'),
         url('../fonts/frut_condensed-webfont.svg#FrutigerLT47LightCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "PalatinoLinotypeRegular";
    src: url('../fonts/pala-webfont.eot');
    src: url('../fonts/pala-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pala-webfont.woff') format('woff'),
         url('../fonts/pala-webfont.ttf') format('truetype'),
         url('../fonts/pala-webfont.svg#webfontTB0I9VMZ') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****  Style pour le texte en general et les titres (headers)  */

body { font-family:Georgia, "Times New Roman", Times, serif; }
h1,h2,h3,h4,h5 {
  margin:0;
  padding:0;
}
h1,h1 a {
  line-height:0.7em;
  font-family:"PalatinoLinotypeRegular", Georgia, "Times New Roman", Times, serif;
  font-size:80px;
  font-weight:normal;
}
h2 {
  line-height:1.8em;
  font-family:"Fina", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:40px;
}
h3 {
  font-family:"Fina", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:25px;
}
h4 {
  font-family:"Fina", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:20px;
}
h5 { font-size:11px; }
a { text-decoration:none; outline:none; }

/*****  Couleurs du texte  */

.color01,.color01 a { color:#ff3333; /* ancien : d82930 */; }
.color02,.color02 a { color:#dfb813; }
.color03,.color03 a { color:#5ca2d3; }
.color04,.color04 a { color:#f87221; }
.color05,.color05 a { color:#b265c7 /* ancien : 6d2b7f */; }
.color06,.color06 a { color:#7bb648; }
.color07,.color07 a { color:#9BA0AF /* ancien : 5b6175 */; }

.color08,.color08 a { color:#555555; }
.color09,.color09 a { color:#ffdd33; }
.color10,.color10 a { color:#363d51; }

/* Determine la couleur du lien selon le fond */
.fond_sombre a { color:#FFF; }
.fond_clair a { color:#000; }

/* Fourre-tout pour avoir le texte en blanc */
h1,h2,h3,h4,a,
#annonce,
#nom_logo,
#compteur, 
.number span,
#slogan,
#entete .onglet,
.groupe_liens_utiles li,
#campus h2,#campus p,
#plan_site h5,
.fond_dons,
#chapeau a,
#compteur a,
.liens_utiles a,
#contenu .menu_principal a,
.liens_rubrique a { color:#FFF; }

#contenu .menu_principal a:hover,.colonne_panneau li a:hover { color:#FF0; }

/*****  Styles par zone */
/* EN-TETE */
/* Le nom de l'eglise */
#nom_logo {
  font-family:"Fina", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:34px;
}
#slogan {
  /*à mettre si fond claire et changer la couleur par celle qui va avec le fond*/
  /*text-shadow: 1px 1px 1px #225f31;*/
  /*color: #35924c;*/
  font-family:"Paris", Arial, Helvetica, sans-serif;
  font-size:16px;
  /*font-weight:bold;*/
}
.dons { font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:13px; }
.dons a { color:#ff3333; }
.dons a:hover { color:#FF0; }
 
/* Le compteur */
#compteur p { text-transform:uppercase; font-size:11px; font-weight:bold;
/*à mettre si fond claire et changer la couleur par celle qui va avec le fond*/
  /*text-shadow: 1px 1px 1px #225f31;*/
  color: #fff;
}
#compteur a:hover { text-decoration:none; outline:none; }
.number { }
.number span { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; }

/* Les trois liens */
.groupe_liens_utiles li {
  font-family:"Paris", Arial, Helvetica, sans-serif;
  font-size:16px;
}
.groupe_liens_utiles li p {
  color:#CCC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
}

/* Les dates et les annonces */
.date,.date a { text-align:right; font-size:38px; text-shadow:#000 1px 1px 1px; }
.resume {
  line-height:20px;
  font-family:"Semi", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:18px;
}
.panneau_contenu h2 {
  line-height:30px;
  font-family:"Semi", Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:22px;
}
.more a { font-family:Arial, Helvetica, sans-serif; font-size:9px; }

/* Nos séries */
#c472 h3 a { color:#BBB; }

/* Menu principal */
#contenu .menu_principal li {
  font-family:'EurostileRegular',Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase;
}

/* Les campus */
#campus h2 { /*color:#FFFF000;*/ font-family:"PalatinoLinotypeRegular", Georgia, "Times New Roman", Times, serif; font-size:30px; }
#campus h3 { font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; text-shadow:#000 1px 1px 0; }
#campus h3 a { color:#fff; font-weight:bold; }
#campus p { color:#fff; line-height:1.2em; font-size:12px; margin:5px 0; width:115px; }
/* parametre special a cause de Chrome  
#campus #c35,#campus #c38, #campus #c251 { width:260px; }*/
.campus_item,#campus .csc-textpic-text { font-family:"Paris", Arial, Helvetica, sans-serif; }


/* LE CONTENU */
#series h3 {
  font-weight: bold;
}
#series .bodytext {
  color: #fff;
  font-family:"Paris", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

#c20 .ui-state-default a, #c20 .ui-state-default a:link, #c20 .ui-state-default a:visited { 
  color: #FFF !important; text-decoration: none; cursor:default;
}

#c20 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { cursor:default; }

h5.csc-firstHeader {
  padding:10px 0 5px !important;
}
h5.csc-firstHeader a {
  color:#FFF;
  font-size:14px !important;
  text-align:right;
}
h5.csc-firstHeader a:hover {
  text-decoration:underline;
}

.colonne_panneau li { font-size:12px; }

/* Page JE SUIS NOUVEAU A ICC */
.fond_nouveau h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; text-shadow:#000 -1px 1px 1px; }
.fond_nouveau a { color:#000; }
/*#nouveau h2 { font-size:18px; font-weight:bold; text-transform:uppercase; text-shadow: #000 -1px 1px 2px; }*/
.col_full h2 { color:#FFF; font-family:"Fina", Arial, Helvetica, sans-serif; font-size:28px; text-shadow:#000 -1px 1px 1px; } /* anciennemet p#accroche */
.col_full h3 { font-size:30px; font-weight:bold; }
.col_full > div > p { color:#FFFFFF; font-family:"Fina", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; }
#communion h2 { color:#F0D141; }
#contribution h2 { color:#B92D32; }
#consecration h2 { color:#602E7C; }
#croissance h2 { color:#5EA3D3; }


/* Page DONS */
.fond_dons h1,.fond_dons h2,.fond_dons h3 { font-family:Georgia, "Times New Roman", Times, serif; }
.fond_dons h1 { font-size:32px; text-transform:uppercase; text-shadow:#000 -1px 1px 1px; }
.fond_dons h3 { font-size:18px; font-weight:bold; }
.fond_dons p { font-size:14px; }

#texte_dons { font-family:"PalatinoLinotypeRegular", Georgia, "Times New Roman", Times, serif; }
#texte_dons h2 { color:#FFF; font-size:36px; }
#texte_dons p { color:#003; font-size:14px; }
#texte_dons li { color:#003; font-size:14px; }

.process h2 { color:#FFF; }
#paybox_form,#paybox_form p { color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
#paybox_form input { color:#000; }
#paybox_form .rouge { color:#F00; }

#message p { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; }


/* Page TEMOIGNAGES */
.fond_dons h1,.fond_dons h2,.fond_dons h3 { font-family:Georgia, "Times New Roman", Times, serif; }
.fond_dons h1 { font-size:32px; text-transform:uppercase; text-shadow:#000 -1px 1px 1px; }
.fond_dons h3 { font-size:18px; font-weight:bold; }
.fond_dons p { font-size:14px; }

#texte_temoignages { font-family:"PalatinoLinotypeRegular", Georgia, "Times New Roman", Times, serif; }
#texte_temoignages h2 { color:#FFF; font-size:36px; }
#texte_temoignages p { color:#003; font-size:14px; }
#texte_temoignages li { color:#003; font-size:14px; }
/*#texte_temoignages input, textarea, select { padding:3px; border:1px solid #FFF; border-radius:5px; }*/

.process h2 { color:#FFF; }
#paybox_form,#paybox_form p { color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
#paybox_form input { color:#000; }
#paybox_form .rouge { color:#F00; }

#message p { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; }


/* LE PIED DE PAGE */
/* color:#363d51; */
#copyright, #copyright a { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:8px; }

/* LE PLAN DU SITE */
#plan_site { font-family:Arial, Helvetica, sans-serif; }
#plan_site h5 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:14px; }
.footerparent { font-weight:bold; font-size:10px; margin-bottom:5px; }
.plan_mini_site { font-size:10px; line-height:1.5em; }
.plan_mini_site a:hover { color:#FF0; }

/* EUH, LE TEXTE D'INTRO SUR LES MINI-SITES. A ENLEVER? */
.intro_text {
  font-family:'Semi', Arial, Helvetica, sans-serif;
  line-height:1.5em;
}

.bold {
  font-weight:bold;
}

.csc-textpic-text h3 a:hover{
text-decoration: underline;  
}
