/*
*************************************************************************************
                     partie commune à toutes les tailles
*************************************************************************************
*/

html {
        background: #4C4C58 url(../images/html.png);
        }
body{
   height: 100%;
   margin: 0;
   font-family: "Lucida Sans", "AppleGothic Regular", Baghdad, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*    font-family: "Linux Biolinum G", "Linux Biolinum", "Miramonte", "Lucida Sans", "AppleGothic Regular", Baghdad, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
  font-size: 16px;
   background: url(../images/Paques.png);
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:0% 50%;
  }

/* positionnements généraux */

div#global {
   min-height: 100%;
   padding: 0 10px;
   margin: auto;
   position: relative;
   width: 980px;
   background: url(../images/bordstransparents1000.png) repeat-y; /*750 + 10px de padding permet 770px pour le background*/
        }
div#header{ /* header */
   background: #4C4C58 url(../images/dessus980.jpg) no-repeat;
   height: 137px;
  }
div#header_gauche {
   padding-left: 15px;
   padding-top: 70px;
}
div#header_droit {
   float: right;
   position: absolute;
   left: 615px;
   top: 5px;
/*   padding-left: 15px;
   padding-top: 70px;*/
  }
div#menumobile {
    display:none;
  }
div#center {
        /* Pour éviter la superposition
        du pied de page et du contenu : */
/*         padding-bottom: 50px; */
  overflow: auto; /*pour que le fond de "global" descende pdt tout le texte*/
  background: url(../images/coins_arrondis_980.png) no-repeat;
  padding-top: 45px;
        }
div#footer {
/*   position: absolute; */
/*   float: left; */
/*   width: 100%; */
  color: #C5C4BD;
  height: 30px;
  margin: 0 0 0 -10px;
  background: url(../images/bordstransparents_bas1000.png) left bottom no-repeat;
        }
div#footer p{
  text-align: center;
  }
div#content {
  float: left;
  width: 730px;
  margin-left: 15px;
  }
div#sidebar {
  float: right;
  width: 225px;
/*   padding-top: 20px; */
  margin-top: -20px;
  }
#sidebar h3 {
  text-align: center;
  margin: 30px 0px 6px 0px;
  }
#breadcrumbs, .jg_pathway { /* Breadcrumbs */
/*    border: 1px dashed silver; */
/*    background-color: #eee; */
  font-size: 0.7em;
  margin-top: -20px;
  /* margin-left: 80px; */
  text-align: right;
  padding-right: 12px;
  }
ul.breadcrumb li, ol.breadcrumb li {
  display: inline;
  }
 .jg_pathway { /*C’est le breadcrumb de la joomgallery */
   margin-top: 5px;
  }
.breadcrumb > li + li:before {
/*       content: " >\00a0" !important; */
      content: " >\00a0" !important;
      color: #ca6356;
      font-weight: bold;
    }

/* définitions générales */

      /* Pour les petites images venant de la joomgallery */
      /* Cette définition doit avoir lieu avant reference */
.vignette {
  float: left;
  padding-top: 0px;
  margin: 0px 3px -5px 0;
  display: none;
  }
/* Sigplus */
.sigplus-gallery {
  float: left;
  padding-top: 0px;
  margin: 3px 10px -5px 0;
}
.galerie_photos .sigplus-gallery {
  float: none;
}
/* taille et couleur de la légende */
.slideplus-caption {
font-size:11px;
}​
.vignette-droite {
  float: right;
  padding-top: 0px;
  margin: 0px -6px -5px 6px;
  }
.clr {
  clear: both;
  }
.retrait {
  text-indent: 30px;
  }
.centrer {
  text-align: center;
  }
.relatif {
    position:relative;
  }
.relatif-decale {
    position:relative;
    padding-top: 5px;
  }
img.gauche {
  float: left;
  }
img.droite {
  float: right;
  }
img.normal {float: none;
  }
a.loupe span {
    background: url(../images/loupe.png) no-repeat;
    width:30px;
    height:30px;
    position:absolute;
    display:block;
    left: 6px;
    bottom: 3px;
    }
.blog-featured .pasAccueil {
    display: none;
}

      /* quelques aspects de caractère */

.reference {
  font-size: 0.8em;
  color: #888888;
  }
.reference:first-letter {
  font-weight: normal;
  font-size: 1em; /* Ecrit légèrement plus gros que la normale */
  }
.petit, sup, sub {
  font-size: 0.5em;
  }
.mipetit, .small {
  font-size: 0.65em;
  }
.note {
  font-size: 0.8em;
  }
.menu_petit {
  font-size: 0.9em;
  }
.monotype {
  font-family: monospace;
  font-size: 1.0em;
  }

/* styles de paragraphe personnels */
  
.citation {
  margin: 0 50px 6px 50px;
  }
.citation-italique, blockquote {
        margin: 6px 50px 6px 50px;
  font-style: italic;
  }
.citation:first-letter, .citation-italique:first-letter, blockquote:first-letter {
  font-weight: normal;
  font-size: 1em;
  }
.penseehaut {
  padding: 15px 15px 10px 15px;
  margin: 0 25%;
  background: url(../images/CadreHautCoin1000.png) top left no-repeat;
  }
.penseehautEtroite {
  padding: 15px 15px 10px 15px;
  margin: 0 220px;
  background: url(../images/CadreHautCoin.png) top left no-repeat;
  }
.penseebas {
  padding: 0px 15px 15px 15px;
  clear: both;
  margin: 0 25%;
  background: url(../images/CadreBasCoin1000.png) bottom right no-repeat;
  }
.penseebasIntegree {
  margin: 0 0px 0 10px;
  padding: 0 5px 15px 0px;
  background: url(../images/CadreBasCoinPlat.png) bottom right no-repeat;
}
div.code {
  margin: 5px;
  border: 1px;
  background: #F2FAFF;
  font-family: monospace;
  font-size: 1.0em;
  }
  
/* animation des listes de liens */

.list-title a, .item-title a, .categories-list_questions a, .categories-list_ethique a, 
.cat-children a {
    display: block;
    background: url(../images/boutonListe1.png) no-repeat left top;
    padding-left: 35px;
    margin: 2px 0;
    }
ul.contentpaneliste1 li a:hover, 
.categories-list_questions ul a:hover, 
.categories-list_ethique ul a:hover,
.cat-children ul a:hover {
    background-position: left bottom; 
    }

    

/* ajustement de la présentation des articles */

    /* cacher le mot «détails» d’article, inutile */
    dt.article-info-term {
      display:none;
      }
    dl.article-info {
      margin-top: -10px;
      height: 0px;
      }
    /* disposition de l’icône d’édition, edit */
    ul.actions {
      list-style: none;
      float: right;
      }
    .hasTip img {
	float: right;
      }
    /* pour que le premier titre ne rentre pas dans l’arrondi quand il n’y a pas de breadcrumb*/
    .blog-featured .items-leading h2, h2.premier_titre, .category-list h2 {
      margin-top: 40px;
      }
/*un peu d’espace entre les items de liste*/
.com-content-article__body ul li {
  margin-top: 7px;
}

/* ajustement de la présentation des articles en blog */

.cols-1 {
        display: block;
        float: none !important;
        margin: 0 !important;
	}

.cols-2 .column-1 {
        width:49%;
        float:left;
	}

.cols-2 .column-2 {
        width:49%;
        float:right;
        margin:0px;
	}
.row-separator {
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
	}
div.items-more {
	clear: both; /* pour être sûr que la liste des titres d’articles supplémentaires
		        se place après le reste et ne se faufile pas entre les colonnes */
	}



/* Blog, dispositions spécifiques à certaines pages */

	ul.contentpaneliste1, .categories-list_ethique ul, .categories-list_questions ul {
	    margin: 0 10px;
	    padding: 0;
	    list-style: none;
	    }
   /* aérer la présentation des catégories d’éthique */
	.categories-list_ethique li {
	  margin-top: 10px;
	  font-size: 1.2em;
	  font-weight: bold;
	  border-bottom:solid 1px #ADA1BC ;
	  padding-bottom: 10px;
	  }
	.categories-list_ethique .category-desc {
	  font-size: 0.8em;
	  font-weight: normal;
	}
	.categories-list_ethique dl {
	  font-size: 0.7em;
	  font-weight: bold;
	  color: #706A80;  
	}
   /* présentation des catégories de Questions */
	div.categories-list_questions ul li {
	  margin-top: 15px;
	  font-size: 1em;
	  font-weight: bold;
	  }
   /* présentation de la liste des homélies */
	.blog_homelie .cat-children {
	  padding: 7px 15px 0px 15px;
	  margin: 30px 150px;
	  background: url(../images/CadreHautCoin1000.png) top left no-repeat;
	  }
	.blog_homelie .cat-children li.last {
	  padding-bottom: 20px; /*pour que l’image ne couvre pas le texte*/
	  background: url(../images/CadreBasCoin1000.png) bottom left no-repeat;
	  }
	.cat-children ul {
	  list-style: none;
	  }

/* modules de la colonne de droite */

ul.mod-menu {
    margin: 0 3px 0 10px;
    padding: 0;
    list-style: none;
    }
ul.mod-menu li a {
    display: block;
    height: 30px;
    line-height: 30px;
    background: url(../images/boutonMenu.png) no-repeat left top;
    padding-left: 35px;
    margin: 2px 0;
    }
ul.mod-menu li a:hover,
ul.mod-menu li.current a {
    background-position: left bottom; 
    }

li.item-145 {
/*   pour les mots de Benoît XVI */
  font-size: 0.94em;
}

div.moduletable .recent {
  padding-bottom: 5px;
/*   margin-right: -5px; */
  background: url(../images/CadreBasCoinPlat.png) 100% 100% no-repeat;
  }
.moduletable .recent h3 {
  padding-top: 10px;
/*   background: url(../images/CadreHautCoin.png) 5px 0px no-repeat; */
  }
 .recent ul.latestnews {
    margin: 0 0px;
    padding: 0;
    list-style: none;
    }
.recent ul.latestnews li a {
    display: block;
    /* height: 20px; */
    /* line-height: 20px; */
    background: url(../images/boutonListeSidebarLarge.png) no-repeat left top;
    padding-left: 15px;
    padding-bottom: 7px;
    margin-left: 0px;
    margin-top: 6px;
    font-size: 0.8em;
    }
.recent ul.latestnews li a:hover,
.recent ul.latestnews li#current a {
    background-position: right top; 
    }

  
.moduletableQuiEstEnLigne {
  font-size: 0.6em;
  text-align: center;
  }
.moduletableQuiEstEnLigne h3 {
  font-size: 1.9em; /*pour corriger l'effet précédent !!!*/
  }
  
div.connexion, div.menurecherche {
  margin-top: 40px;
  }
  
div.connexion .userdata {
  border: 0px;
  }
div.connexion .unstyled, div.connexion .form-group {
  text-align: left;
  }
.mod-login__submit {
  margin: auto;
  width: 50%;
}
ul.mod-login__options {
  text-align: left;
}
div.connexion label {
  font-size: 0.8em;
}
label.visually-hidden {
  visibility: hidden;
}
#login-form {
  margin-top: 30px;
  }
div.connexion a {
  font-size: 0.8em;
  }
div.connexion ul {
  margin-top: 2px;
  }
div.connexion .button {
  font-size: 0.8em;
  }
#form-login-username {
/*   margin-top: -10px; */
  font-size: 0.8em;
  }
#mod-login__password, #mod-login__remember {
  font-size: 0.8em;
  }
#mod-login__username label, #mod-login__password label {
  display:none;
  }

 .searchmenurecherche {
      text-align: center;
}
.searchmenurecherche .button {
/*  place la petite loupe en hauteur dans le menu rechercher    */
    display: inline-block;
    vertical-align: middle;
}
.userdata {
      text-align: center;
}
.userdata .controls {
    margin-top: 6px;
    margin-bottom: 6px;
}

        
/* liens précédent, suivant, et j’aime-facebook */

.pagenavigation{
  font-size: 0.8em;
  }
.pagenavigation a.previous {
    float:left;
/*     margin-left: -40px; */
    padding-left: 14px;
    border:1px solid #BEB4D8;
    background-color: #D3D0E6;
    width: 25%;
    border-radius:1px 1px 1px 15px;
}
.pagenavigation a.next {
    float:right;
    margin-right: 12px;
    padding-left: 2px;
    border:1px solid #BEB4D8;
    background-color: #D3D0E6;
    width: 25%;
    border-radius:1px 1px 15px 1px;
    }
[aria-hidden="true"] {
  display: none;
}

.pagination p.counter {
    padding-left: 10px;
    width: 140px;
    margin-top: 40px;
    border: 2px solid #7E808A;
    border-radius: 15px;
    }
.pagination ul li {
    display: inline;
    margin-left: 0px;
/*     border-left: solid 1px; */
    background: url(../images/puce1.png) no-repeat 0px 5px !important; /* il faut dire important, contre joomgallery.css */
    padding-left: 17px !important;
    }
.pweb_facebook_like {
    clear: both;
    float: left;
    margin: 30px 0 0 0px;
    }


/*   partie relative aux styles généraux */

h1 {
  color: #990000;
  font-family: "Linux Biolinum G", "Linux Biolinum", "Maiandra GD", "Goudy Extra Bold", "Bookman Old Style", "Palatino Linotype", serif;
  font-weight: bold;
  font-size: 2.5em;
  text-align: center;
  -moz-font-feature-setting : "liga=1,clig=1,dlig=1,hlig=1,rlig=1";
}
h2 {
  border-bottom:solid 1px #ADA1BC ;
  font-size: 1.5em;
  }
h2.sansligne {
  border-bottom:solid 0px;
  }
h3 {
    font-size: 1.3em;
    }
/* (il y a un suffixe de classe Question pour les catégories du menu question) */
h2, h3, h4, .contentheading, .componentheading, .contentheadingQuestion, .componentheadingQuestion, .contentheading_homelie {
  font-family: "Linux Biolinum G", "Linux Biolinum", "Maiandra GD", "Goudy Extra Bold", "Bookman Old Style", "Palatino Linotype", serif;
  -moz-font-feature-setting : "liga=1,clig=1,dlig=1,hlig=1,rlig=1";
  }
.contentheading, .componentheading, .contentheadingQuestion, .componentheadingQuestion, .contentheading_homelie {
  font-size: 1.3em;
  font-weight: bold;
  }
.componentheading, .componentheadingQuestion {
padding: 20px;
  }

p:first-letter { /* La première lettre de chaque paragraphe */
  font-weight: bold; /* En gras */
  font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
  }
p.sans:first-letter, p.note:first-letter  {
  font-weight: normal;
  font-size: 1em;
  }

em {
  font-style: italic;
  }
a {
  text-decoration: none;
  }
a:link {
  color: #698471;
  text-decoration: none;
  }
a:visited {
  color: #698471;
  }
a:hover {
  color: #B97E68;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.95em
  }
a.simple {
display: none;
height: auto;
line-height: auto;
background: none;
padding-left: auto;
margin: auto;
  }
a.readon {
  display: block;
  float: left;
  background: url(../images/mw_readon.png) top right no-repeat;
  padding: 0 20px 0 20px;
  font-size: 0.8em;
  }

.content .createdate, .modified {
  font-size: 0.7em;
  font-style: italic;
  padding-right: 12px;
  color: #888888;
  }
.modified {
  padding-left: 17px;
  text-align: right;
  }
.item-page p, .content_homelie p, .contentQuestion p {
  line-height: 22px;
  }

.sectiontableentry1Question td {
padding-left: 15px;
  }
.sectiontableentry2Question td {
padding-left: 15px;
  }
.sectiontableentry1 td, .sectiontableentry2 td {
  padding-left: 10px;
  vertical-align: top;
  padding-top: 10px;
  background: #EFEFEF;
  }

/* justification pour les paragraphes de la page d’accueil, d’homélies et de questions (à étendre) */
.blog-featured p, .blog_homelie p, .item-page p, .item-page_homelie p, .blog_questions p, .item-page_questions p, .blog_contributions p, .item-page_contributions p, .item-page_ethique p {
  text-align: justify; 
  text-justify: newspaper;
  /*word-wrap: break-word;*/
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding-right: 12px;
  -moz-font-feature-setting : "liga=1,clig=1,dlig=1,hlig=1,rlig=1";
}


/* Joomgallery, surcharge de media/joomgallery/css/joomgallery.css */
/* Il y a une définition du pathway du côté de celle du breadcrumb */

.jg_back {
  font-size: 0.8em;
  font-weight: bold;
}
.jg_toplist a {
  font-weight: bold;
}
.jg_topview .jg-header {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}
.jg_category .sectiontableheader {
  text-align: left;
  margin: 20px 0 0 20px;
  font-family: "Maiandra GD", "Goudy Extra Bold", "Arial Rounded MT Bold", "Palatino Linotype", serif;
  font-size: 1em;
  font-weight: bold;
}
.jg_catdescr {
  text-align: left;
  font-size: 0.9em;
}
.jg_element_txt, .jg_catelem_txt {
  font-size: 0.7em;
  padding: 0 17px;
}
.jg_element_txt li a, .jg_catelem_txt li a {
  font-size: 1.2em;
}
.jg_element_txt b, .jg_catelem_txt b {
  font-size: 1.1em;
}
.jg_category form {
  margin: 15px 0;
  font-size: 0.8em;
}
div.jg_category .inputbox {
  font-size: 0.8em;
  background-color: #a7a8af;
  background: #fff url(../images/boutonBouton.png) left bottom no-repeat;
  padding: 0 0 5px 6px;
  border: none;
}
div.jg_search .inputbox {
  font-size: 0.8em;
  background-color: #a7a8af;
  background: #fff url(../images/boutonRecherche.png) left bottom no-repeat;
  padding: 0 0 5px 29px;
  border: none;
}
.jg_element_gal, .jg_element_gal_r {
  height: 25%;
}
div.jg_photo_left, div.jg_bbcode_left {
  font-size: 0.9em;
  font-style: italic;
}div.jg_photo_right {
  font-size: 0.8em;
}
img.jg_photo {
  max-width: 220px; /*annulé par la définition dans .vignette img*/
  max-height: 220px;
  height: auto !important; /*Cela force la hauteur à s’ajuster à max-width */
  width: auto !important;
}
.vignette img, .vignette-droite img { /*pour les images joomplu qui apparaissent dans les articles */
  max-width: 150px;
  max-height: 150px;
  height: auto !important; /*Cela force la hauteur à s’ajuster à max-width */
  width: auto !important;
  padding: 3px; /*pour que le cadre apparaisse */
  border: 1px solid #999;
}
a#jg_cooliris {
  font-size: 0.8em;
  font-style: italic;
}


/* importation OpenOffice */

.text-Emphasis {
  font-style: italic;
  }

li.aere {
   margin: 5px 0;
}
.sdfootnote-western, .sdfootnote, .footnote {
  font-size: 0.8em;
}
.sdfootnotesym {
  font-weight: normal;
  font-size: 0.8em;
  padding: 0 3px 0 0;
}
.footnote_anchor{
  font-variant-position: super;
}
div#TableDesMatieres1 {
background: #ECE9FF;
font-size: 0.9em;
margin: 10px 50px 10px 20px;
padding: 2px 6px 6px 6px;
border-width: 1px;
border-style: solid;
border-color: #4C4C58;
}
div#TableDesMatieres1 p.niveau1, div#TableDesMatieres1 p {
  margin: 3px 0;
}
div#TableDesMatieres1 p.niveau2 {
  margin: 0 0 0 15px;
}
.niveau1:first-letter, .niveau2:first-letter {
  font-weight: normal;
  font-size: 1em;
}
div.TableDesMatieresPlan {
background: #EFEFEF;
font-size: 0.9em;
margin: 10px 50px 10px 20px;
padding: 2px 6px 6px 6px;
}
.TableDesMatieresPlan p.niveau1, .TableDesMatieresPlan p {
  margin: 3px 0;
}
.TableDesMatieresPlan p.niveau2 {
  margin: 0 0 0 15px;
}
/* histoire de boutons */
.button {
  background: #FEFEFE;
  background: -webkit-linear-gradient( #FEFEFE, #E9E6F0); 
  background: -moz-linear-gradient( #FEFEFE, #E9E6F0); 
  background: -ms-linear-gradient( #FEFEFE, #E9E6F0); 
  background: -o-linear-gradient( #FEFEFE, #E9E6F0); 
  background: linear-gradient( #FEFEFE, #E9E6F0);
  border-radius: 8px;
/*   text-shadow: 0px 2px 0px rgba( 120, 120, 120, 0.6); */
}
.buttonheading a {
/*   se place avec peine en haut d'un article car est prévu pour se mettre à la droite d'un paragraphe existant, genre le titre des homélies */
  font-size: 0.8em;
  padding-left: 10px;
  padding-right: 10px;
}
.buttonmenurecherche {
  background: url(/images/M_images/searchButton.gif);
  background-repeat:no-repeat;
  border: solid 0px;
  height: 30px;
  width: 30px;
}
.button:hover, .buttonmenurecherche:hover {  
  box-shadow: 0 0 2px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}


/* pour les articles fabriqués par htlatex */
table.quotation {
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: 30px;
  font-size: 0.9em;
}
span.lettrine-init {
  float: left;
  padding-top: 0px;
   margin: 0px 3px -5px 0;
   font-size: 2em;
   font-weight: bold;
  }
div.footnotes {
  margin-top: 20px;
  border-top: 1px solid;
  font-size: 0.8em;
}
div.footnotes p:first-letter {
  font-weight: normal;
  font-size: 1em;  
}
.small-caps {
  font-variant: small-caps;
}
.ecti-0900, .ecti-1095 {
  font-style: italic;
}
.chapterToc, .likechapterToc {
  font-weight: bold;
  line-height: 35px;
}
.sectionToc, .likesectionToc {
  padding-left: 30px;
  line-height: 25px;
}
.subsectionToc, .likesubsectionToc {
  padding-left: 50px;
}
.subsubsectionToc, .likesubsubsectionToc {
  padding-left: 70px;
}
.frenchb-thinspace {
  font-size: 0.5em;
}
span.guil_ouvr { 
  margin-right: 0.1em;}
span.guil_ferm { 
  margin-left: 0.2em;}
/* pour aérer un peu les tableaux */
td.td11 {
  padding-left: 5px;
}
/* fin des adaptations htlatex */

/* pour les boutons imprimer, etc. */
/*.dropdown-toggle{
    display: none;
}*/
div.icons{
    float: right;
    margin-top: -20px;
}
ul.dropdown-menu{
    list-style: none;
}
ul.dropdown-menu li{
    display: inline;
    font-size: 0.8em;
}