/*********************************************************
* CSS screen
* 
* name:     En memoire de l'Abbe Jean Dibling 
* 
* date:     2016.01.11
* author:   erational <http://www.erational.org>
* version:  1.27
* licence:  GPL v3
*
**********************************************************/

@font-face{ font-family: 'colibri'; 
        src: url('c.eot'); 
        src: url('c.eot?#iefix') format('embedded-opentype'),
            url('c.woff') format('woff'),
            url('c.ttf') format('truetype'),
            url('c.svg#webfont') format('svg'); 
}     /* Calibi Regular  */


/* 1. BASE
==============================================================================*/

/* 1.1 Tags & Reset
------------------------------------------------------------------------------*/
body, h1,h2,h3,h4,h5,h6,p,div,form,fieldset,legend,label,ol,ul,li,abbr { margin:0;padding:0;font-weight:normal;list-style:none;font-size:1em;text-decoration:none;}
body { color:#000; background:#cfcfcf url(../img/bg_fond.png) repeat-x; font-family:Arial, verdana, sans-serif;font-size:12px;}
a { color:#00a0db;text-decoration:none; }
a:hover { color:#087ba5;}
h1, h2, h3, h4 {font-family:'colibri';}
img {border:0;}
hr {height:0;border:0;clear:both;}
table {margin:0;border-collapse:collapse;}
table.spip {margin:-0.8em 0 0.6em 0;}
td {font-size:0.8em;}
form { margin:1em 0;}
fieldset {border:0;}
legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;}
label span {color:red;} 
fieldset {border:0;margin-top:10px;padding:8px;} 
textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/
object {outline:none; /* to remove gray border when hit flash with FF*/}

/* 1.2 Misc & commons 
------------------------------------------------------------------------------*/
.spacer {clear: both; }
.required {color:#f00;}
.hidden {display:none; }
.liner {border-bottom:1px solid #ddd;}
.invisible {visibility:hidden;}
.right {text-align:right;}
.marger-top     {margin-top:1em;}
.marger-bottom  {margin-bottom:1em;}
.last {margin-right:0;}
.on {font-weight:bold;}


/* 2. COMMUNS
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/
.container { width:960px;position:relative; margin:0 auto;  }



/* 2.2 Banner
------------------------------------------------------------------------------*/
.logo   {background:#fff url(../img/logo_icone.png) no-repeat;background-position:0 -58px;}
.logobleu  {}
.logoocre  {background-position:0 0;}
.logojaune {background-position:0 -118px;}
.logovert  {background-position:0 -176px;}
.logobrun  {background-position:0 -234px;}
.logogris  {background-position:0 -292px;}

.slogan {display:none;}
.recherche {position:absolute;left:735px;top:25px;width:210px;}
#banner label {display:none;}
#banner form, #banner form div {display:inline;margin:0;padding:0;}
#banner input.texte {background:#fff;color:#979595;width:170px;
                     font-weight:bold;font-size:14px;
                     padding:3px 25px 3px 7px;
                     box-shadow: inset 2px 2px 2px 2px #efefef; 
                     border:1px solid #b3b3b3; 
                     border-radius:5px;
}
#banner input.search {vertical-align:bottom;position:relative;left:-30px;top:-3px;margin-right:-50px;}

.bandeau {height:135px;}
.bandeau img {border-radius:15px 15px 0 0;}

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


/* http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/ */

#nav    {  list-style:none;  	float:left;	width:880px;	z-index:5;position:relative; margin-left:80px;
         background:#fff; /* IE7 fix*/}
#nav li { float:left; position:relative;}
#nav a  { display:block;padding:6px 20px 5px 12px;
          color:#000;font-size:16px;font-family:"colibri",arial;text-transform:uppercase;
          border-left:9px solid;
}
#nav a.on {font-weight:normal;}
#nav a:hover {
               /* background:#fff;  important bug fix IE7:  on supprime: menu tro buggy */
 }  

#nav .bleu a {border-color:#0d5ac6;}
#nav .ocre a {border-color:#9a2e26;}
#nav .jaune a {border-color:#d99a05;}
#nav .vert a {border-color:#00a580;}
#nav .brun a {border-color:#a5824f;}
#nav .gris a {border-color:#a6a881;}

#nav .bleu a.on, #nav .bleu a:hover, #nav li.bleu:hover a, #nav li.bleu:hover li:hover a {color:#0d5ac6;}
#nav .ocre a.on, #nav .ocre a:hover, #nav li.ocre:hover a, #nav li.ocre:hover li:hover a {color:#9a2e26;}
#nav .jaune a.on, #nav .jaune a:hover, #nav li.jaune:hover a, #nav li.jaune:hover li:hover a {color:#d99a05;}
#nav .vert a.on, #nav .vert a:hover, #nav li.vert:hover a, #nav li.vert:hover li:hover a {color:#00a580;}
#nav .brun a.on, #nav .brun a:hover, #nav li.brun:hover a, #nav li.brun:hover li:hover a {color:#a5824f;}
#nav .gris a.on, #nav .gris a:hover, #nav li.gris:hover a, #nav li.gris:hover li:hover a {color:#a6a881;}
#nav li.bleu:hover li a,
#nav li.ocre:hover li a,
#nav li.jaune:hover li a,
#nav li.vert:hover li a,
#nav li.brun:hover li a,
#nav li.gris:hover li a  { color:#000;}


/* dropdown */
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+.  */
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3); 
        z-index:9;         
}
#nav ul li{ padding-top:1px; float:none;}
#nav ul a { white-space:nowrap; }
#nav li:hover ul{ left:0; }
#nav li:hover a{ }  /* persistant state */
#nav li:hover ul a { border-color:#fff; }
#nav li:hover ul li a:hover{}


/*-------------------------------------*/

 /* 2.4 Content
------------------------------------------------------------------------------*/
.content { margin-bottom:10px;color:#515151;background:#fff;letter-spacing:0.2px;}
.content h1 {font-size:30px;margin:10px 0 10px 0;line-height:100%;}
.content h2 {font-size:24px;margin:10px 0 5px 0;}
.content h3 {font-size:20px;margin:1em 0 0.2em 0;}
.content p {margin-bottom:1em;}
.content ul, #core ol {margin:0em 0 0.6em 2em;}
.content ul li {list-style:disc;}
.content ol li {list-style:decimal;}

.content h1 a {color:#515151;}
.content h1 a:hover {color:#00a0d9;}

.bleu  h1, .bleu  h2, .bleu  h3, .bleu  h1 a, .bleu  h2 a, .bleu  h3 a {color:#0d5ac6;}
.ocre  h1, .ocre  h2, .ocre  h3, .ocre  h1 a, .ocre  h2 a, .ocre  h3 a {color:#9a2e26;}
.jaune h1, .jaune h2, .jaune h3, .jaune h1 a, .jaune h2 a, .jaune h3 a {color:#d99a05;}
.vert  h1, .vert  h2, .vert  h3, .vert  h1 a, .vert  h2 a, .vert  h3 a {color:#00a580;}
.brun  h1, .brun  h2, .brun  h3, .brun  h1 a, .brun  h2 a, .brun  h3 a {color:#a5824f;}
.oie   h1, .oie   h2, .oie   h3, .oie   h1 a, .oie   h2 a, .oie   h3 a {color:#a5824f;}
.gris  h1, .gris  h2, .gris  h3, .gris  h1 a, .gris  h2 a, .gris  h3 a {color:#a6a881;}

 /* 2.4.1 Content > Ariane
------------------------------------------------------------------------------*/
.ariane {padding:9px 10px 7px 15px;color:#fff;}
.ariane a {color:#fff;padding:0 5px;}
.ariane a:hover {text-decoration:underline;}
.bleu  .ariane {background:#0d5ac6;}
.ocre  .ariane {background:#9a2e26;}
.jaune .ariane {background:#d99a05;}
.vert  .ariane {background:#00a580;}
.brun  .ariane {background:#a5824f;}
.oie   .ariane {background:#a5824f;}
.gris  .ariane {background:#a6a881;}

 /* 2.4.2 Content > Side
------------------------------------------------------------------------------*/
.side {float:left;width:290px;padding:30px 10px;}
.side_minimal {width:180px;} 

.side h2 {font-size:28px;background:white;
          z-index:2;position:relative;top:15px;left:10px;display:inline;padding:5px 10px;}
.side ul {background:#fff;border-radius:8px;padding:20px 14px;margin:0;font-size:14px;border:2px solid #e8d79b;z-index:1;}
 /* important pour eviter bug visuel le temps mise en forme ajax */
.side #calendar .pagination, .side #calendar strong,
.side #calendar ul {border:none;font-size:12px;padding:0;display:none;}   

.bleu  .side ul {border-color:#0d5ac6;}
.ocre  .side ul {border-color:#9a2e26;}
.jaune .side ul {border-color:#d99a05;}
.vert  .side ul {border-color:#00a580;}
.brun  .side ul {border-color:#a5824f;}
.oie   .side ul {border-color:#a5824f;}
.gris  .side ul {border-color:#a6a881;}


.content .side li {list-style:none;}
.side ul ul {background:#f4f4f4;padding:10px 20px;margin:0 -2px;border:none;}
.side ul a {padding:4px 0;}

.side a {color:#363636;display:block;}
.side a:hover {color:#999;}
.side img {display:block;margin:-2px 0 3px 0;}

.encart {margin:50px 0;}
.sideintro {font-size:12px;}
.encart  h3 {margin-top:2px;}

.encart_parole a {display:inline;float:left;}
.encart_parole a:hover {opacity:.7;}
.encart_parole img {border:2px solid #fff;}
.encart_parole a.on img {border:2px solid red;}

.newsletter-form-wrapper {margin-bottom:1em;padding:0.2em 1em 1.2em 1em;background:#eee;border-radius:1em;}
.newsletter-form-wrapper form {margin:0;}
.newsletter-form-wrapper input {padding:.4em;margin:.2em 0;}
.newsletter-form-wrapper h2 {display:block;background:transparent;position:static;padding:0;}





 /* 2.4.3 Content > Article
------------------------------------------------------------------------------*/
.article {float:left;width:540px;padding:30px 0 30px 20px;font-size:14px;line-height:160%;} 
.article h3 {font-size:24px;}
.article ul, .article ol {margin-left:1.8em;}

.article_wide {width:800px;margin:0 0 0 70px;}

/* 2.5 Footer
------------------------------------------------------------------------------*/
#footer {clear:both;color:#505050;margin-bottom:10px;}
#footer li {display:inline;} 

.links {background:transparent url(../img/bg_footer.png) no-repeat top left; padding:30px 5px 10px 90px; }
.links a {color:#505050;text-decoration:none;padding:0 5px;border-right:1px solid #929292;height:25px;position:relative;}
.links a.rss {border:none;}
.links a:hover {color:#000;}
.links a span {height:16px;width:16px;display:inline-block;
                          background-image:url(../img/but_rss.png);
                          background-position:left 0;
                          margin-left:5px;/*padding-bottom:-5px;*/
                          position:absolute;top:-2px;
}
.links a:hover span {background-position:left -20px;}

.partenaires {float:right;width:400px;}
.partenaires a {float:right;font-size:0;}
.partenaires a:hover {opacity:.70;}
.partenaires a span {width:154px;height:60px;display:inline-block;
                          background-image:url(../img/but_partners.png);
                          background-position:0;                                               
}
.partenaires a.cef span {background-position:-154px 0;}




/* 2.99 SPIP g?n?rique  
------------------------------------------------------------------------------*/
#spip-admin {margin-right:300px;}

/* Document (version 2012.05.01) */
.spip_doc_titre {font-size:12px !important;padding:6px 3px;}
dl.spip_documents  {margin:0;}
.spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left   {  float: left;  padding-right: 8px;  padding-bottom: 8px;}
.spip_documents_right  {  float: right;  padding-left: 8px;  padding-bottom: 8px;}
dl.spip_documents_center,
.spip_documents_center {  display: block !important; float:none;text-align: center;  margin: 5px auto;}
.spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
img.spip_logos {margin:0 8px 8px 0 !important;float:right;} 
dl.spip_documents a img {border:0 !important;}
/* modele speciale img afficher titre et desc */
.spip_document_titre {font-size:0.9em;font-weight:bold;display:block;}
.spip_document_descriptif {font-size:x-small;font-weight:normal;display:block;}

/* lien */
a.spip_out img, a.spip_in img {vertical-align:middle;}

/* Paragraphes, citations, code et poesie */
blockquote, blockquote.spip {  background:#eee;margin:1em 0;padding:1em 1em 0.2em 1em;border-radius:10px;background:#fefefe; box-shadow: 1px 1px 5px #999;}
.spip_poesie {	background:#fff;box-shadow:none;background:#eee;padding:1em; }
tt, .spip_code, .spip_cadre {	font-family: monospace;	font-style: normal;	font-size: 1.1em;}
.spip_code { color: #345DA4; }
tt { color: #333; }
.spip_cadre {	border:1px solid #ddd; padding:.5em;	width:98%; background:#f9f9f9;}
#content .spip_cadre {float:none;}
.spip_surligne {background: yellow;}

/* Tableaux */
table.spip {margin: auto;	margin-bottom: 1em;	border: 1px solid;	border-collapse: collapse; }
table.spip caption {	caption-side: top;	text-align: center;	padding: 3px;	font-weight: bold; }
table.spip tr.row_first { background: #0D5AC6; color:#fff;  }
table.spip tr.row_odd { background: #eee; }
table.spip tr.row_even { background: #fafafa; }
table.spip th, table.spip td { 
    padding: 2px; text-align: left; vertical-align: top; 
    border:1px solid #999;
    font-size:12px;
}

table.spip a img {border:0;}


/* Structure generale des formulaires
----------------------------------------------- */
form {margin:1em 0;}
fieldset {padding:0;}
.content .formulaire_spip input.submit {margin:0 !important;}
label {display:block;}
.erreur_message  {font-size:11px;color:#d00;display:block;}
.reponse_formulaire  {font-size:14px;margin:1em 0;}
.reponse_formulaire_ok  {color:#0a0;}
.reponse_formulaire_erreur { color:#d00;}
.previsu {padding:15px 15px 5px 15px;border:4px dashed #ccc;margin-bottom:2em;}

.content .formulaire_spip ul,
.content .formulaire_spip li {margin:0;padding:0;list-style:none;}
.content .formulaire_spip li {margin-bottom:8px;}
.content input.text,
.content textarea {background:#e9e8e8;color:#6c6c6c;width:300px;  border:none;border-radius:5px;padding:4px 5px;font-size:12px;}

.content .formulaire_spip input.submit {float:left;padding:5px 15px;width:300px;margin-left:15px;cursor:pointer;margin-bottom:2em;}
.content input.search {width:auto;position:relative;top:7px;background:#fff;}

/* 3. PAGES
==============================================================================*/

/* 3.1 Accueil
------------------------------------------------------------------------------*/

/* layout */
.home4_3, .home4_1 {float:left;margin:5px 10px;}
.home4_3  { width:700px;}
.home4_1 {width:220px;}

/* 3.1.1  Accueil  > Une
------------------------------------------------------------------------------*/
.une {padding:0 10px;width:670px;border-radius:0 10px 10px 0;border:2px solid #ddd;border-left:0;position:relative;left:-12px;margin-top:15px;line-height:180%;}
.une h1 a {text-decoration:none;}
.une a {color:#666845;text-decoration:underline;}
.une a:hover, .une h1 a:hover {color:#D2D68F;}
.home_intro {float:left;width:430px;font-size:12px;line-height:180%;}

/* 3.1.1  Accueil  > Parole
------------------------------------------------------------------------------*/
.parole .date {border-bottom:1px solid #efefef;margin:32px 0 3px 0;text-align:center;}
.parole h2 {font-size:16px;}
.parole img {border-radius:5px;}
.parole a {color:#474747;}
a.podcast {display:block;color:#afaeae;position:relative;margin:7px 0 25px 0px;text-align:center;}
a.podcast span {height:16px;width:16px;display:inline-block;
                          background-image:url(../img/but_rss.png);
                          background-position:left 0;
                          position:relative;top:3px;                          
}
.parole .portrait {padding-bottom:0;}
a.podcast:hover span {background-position:left -20px;}
.parole a:hover  {color:#666;}
.parole_meta {width:110px;float:left;overflow:hidden;}
.parole_meta2 {clear:both;margin:0 0 0 20px;}

.parole_tab {line-height:110%;}
.parole_tab td {margin:3px;border-bottom:1px solid #eee;padding:2px 0;}
.parole_tab .spip_doc_titre strong {display:none;} /* maj 2015 mejs */

/* 3.1.2  Accueil  > Video
------------------------------------------------------------------------------*/
ul.video {margin:10px 0 0 0 !important;}
ul.video li {list-style:none;}
.video a {
    display:block;margin:2px 0;
    color:#fff;font-family:"colibri";font-size:17px;
    padding:10px 5px 9px 15px;margin:3px 0;
    border-radius:3px;    
    background: #b5b796;
    background: -moz-linear-gradient(top,  #b5b796 0%, #8b8c6c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b796), color-stop(100%,#8b8c6c));
    background: -webkit-linear-gradient(top,  #b5b796 0%,#8b8c6c 100%);
    background: -o-linear-gradient(top,  #b5b796 0%,#8b8c6c 100%);
    background: -ms-linear-gradient(top,  #b5b796 0%,#8b8c6c 100%);
    background: linear-gradient(top,  #b5b796 0%,#8b8c6c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b796', endColorstr='#8b8c6c',GradientType=0 );
}

.video a:hover {
    display:block;margin:2px 0;
    color:#fff;font-family:"colibri";font-size:17px;
    padding:10px 5px 9px 15px;margin:3px 0;
    border-radius:3px;    
    background: #c7c9a5;
    background: -moz-linear-gradient(top,  #c7c9a5 0%, #b5b38f 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c9a5), color-stop(99%,#b5b38f));
    background: -webkit-linear-gradient(top,  #c7c9a5 0%,#b5b38f 99%);
    background: -o-linear-gradient(top,  #c7c9a5 0%,#b5b38f 99%);
    background: -ms-linear-gradient(top,  #c7c9a5 0%,#b5b38f 99%);
    background: linear-gradient(top,  #c7c9a5 0%,#b5b38f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c9a5', endColorstr='#b5b38f',GradientType=0 );
}

.video span {display:block;float:left;width:40px;height:30px;
                margin-right:3px;background:transparent url(../img/but_prati.png);
                position:relative;top:-7px;margin-bottom:-15px; /* IE Fix */
                background-position:0 -166px;
}

/* 3.1.3  Accueil  > Slide news
------------------------------------------------------------------------------*/
.slider {width:700px;position:relative;overflow:hidden;}
.slider_core {width:7000px;position:relative;top:-10px;left:0;}
.news {float:left;width:220px;margin:0 10px;}
.news h2 {font-size:18px;padding:0 2px;min-height:2em;}
.news img {border-radius:3px;}
.news a {text-decoration:none;color:#474747;}
.news a:hover { opacity:0.7; color:#9c9c9c;}

/* 3.1.4  Accueil  > Boutons pratique
------------------------------------------------------------------------------*/
.pratique {margin-top:20px;}
ul.pratique li {list-style:none;}
.pratique a {
    display:block;margin:2px 0;letter-spacing:0;
    color:#fff;font-family:"colibri";font-size:16px;
    padding:10px 5px 9px 12px;margin:3px 0;
    border-radius:3px;    
    background: #2aafe0;
    background: -moz-linear-gradient(top,  #2aafe0 0%, #0186b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aafe0), color-stop(100%,#0186b7));
    background: -webkit-linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    background: -o-linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    background: -ms-linear-gradient(top,  #2aafe0 0%,#0186b7 100%); 
    background: linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aafe0', endColorstr='#0186b7',GradientType=0 );
}
.pratique a:hover { 
    background: #adeaf4;
    background: -moz-linear-gradient(top,  #adeaf4 0%, #2aafe0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adeaf4), color-stop(100%,#2aafe0));
    background: -webkit-linear-gradient(top,  #adeaf4 0%,#2aafe0 100%);
    background: -o-linear-gradient(top,  #adeaf4 0%,#2aafe0 100%);
    background: -ms-linear-gradient(top,  #adeaf4 0%,#2aafe0 100%); 
    background: linear-gradient(top,  #adeaf4 0%,#2aafe0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adeaf4', endColorstr='#2aafe0',GradientType=0 );
}
.pratique span {display:block;float:left;width:40px;height:30px;
                margin-right:3px;background:transparent url(../img/but_prati.png);
                position:relative;top:-7px;margin-bottom:-15px; /* IE Fix */
}
span.p2 {background-position:0 -32px;}
span.p3 {background-position:0 -46px;}
span.p3 {background-position:0 -66px;}
span.p4 {background-position:0 -100px;}
span.p5 {background-position:0 -130px;}
span.p6 {background-position:0 -196px;}
.b6 {font-size:12px !important;}

.home-soutien-eglise a {display:inline-block;margin:.4em .4em;color:#344686;}
.home-soutien-eglise h2 {border-bottom:4px solid;color:#344686;padding-bottom:.2em;margin-bottom:0;}
.home-soutien-eglise div {border:2px solid #ddd;border-top:none;border-radius:0 0 .8em .8em;padding:.4em;}

/* 3.1.5  Accueil  > Agenda
------------------------------------------------------------------------------*/

/* surcharge de plugins/calendrier/.../minical.css */

#calendar {float:left;width:200px;margin:20px 40px 0 0;text-transform:uppercase;}
#calendar h2 {display:none;}
#calendar th,
#calendar td {text-align:center;background:#ddd;
            padding:0;font-size:11px;
            border:2px solid #fff;          
}
#calendar th  {background:#a4a1a1;color:#fff;padding:2px 0;}
#calendar td a{display: block;background:#ddd;border:none;font-weight:bold;cursor:auto;}

#calendar .ui-datepicker-other-month {background:#ececec;}            /* autre mois */
#calendar .ui-datepicker-other-month a {visibility:hidden;}          
#calendar .ui-state-highlight a {color:#00a0db;cursor:pointer;}       /* lien actif */
#calendar .ui-state-highlight a:hover {background:#eee;}
#calendar .ui-datepicker-today a {background:#00A0D9; color:#fff;}    /* jour actif */
#calendar .ui-datepicker-buttonpane {display:none;}
#calendar .ui-datepicker-prev, 
#calendar .ui-datepicker-next {cursor:pointer;}

#calendar  ul.liste-items {display:none;}     /* cacher le chargement des donn?es non js  peu esthetique */


/* agenda */
.agenda .cal_min {/*border:1px solid red;*/float:left;text-align:center;width:235px;/*height:240px;*/}
.agenda .cal_min a.more {text-transform:uppercase;font-weight:bold;margin-right:20px;display:block;margin-bottom:1em;}
.agenda .calendriermini .calendar-container {height:15em;} /* surcharge de la hauteur du minical */

.agenda table {float:left;width:200px;margin:20px 40px 20px 0;}
.agenda caption {text-transform:uppercase;font-weight:bold;margin:5px;text-align:left;}
.agenda caption a {color:#000;}
.agenda caption a:hover {color:#7a7a7a;}
.agenda caption span {display:block;float:left;background:transparent url(../img/but_agenda.png) no-repeat;width:13px;height:15px;position:relative;top:-3px;margin-right:5px;}
.agenda caption span:hover {background-position:0 -15px;}
.agenda caption a.next {padding-right:5px;}
.agenda caption a.next span {background-position:-15px 0;}
.agenda caption a.next span:hover {background-position:-15px -15px;}

.agenda th,
.agenda td {text-align:center;background:#ddd;
            padding:2px 0;font-size:11px;
            border:2px solid #fff;
            
} 
.agenda th {background:#b2b2b2;}
.agenda td.occupe:hover {background:#eee;}
.agenda td.horsperiode, 
.agenda td.horsperiode:hover {background:#ececec;color:#dcd1d1;}
.agenda td.today {background:#00A0D9;}
.agenda td.today a {color:#fff;}
.agenda td a {display:block;font-weight:bold;}
.agenda abbr {border:none;}

.content .agenda li {list-style:none;}
.agenda ul {float:left;width:220px;margin:20px 20px 0 0;border-top:1px solid #bebebe;}
.agenda ul+ul {margin-right:0;}
.agenda li {border-bottom:1px solid #bebebe;}
/*.agenda li+li+li {border-bottom:none;}  */
.agenda li a {display:block;padding:12px 5px;color:#000;}
.agenda li:hover {background:#eee;}
.agenda li span {font-size:22px;float:left;height:100%;margin:0 15px 5px 0;width:30px;text-align:center;}
.agenda li small {display:block;font-size:12px;text-align:center;margin-top:1px;}


/* 3.1.6  Accueil  >  Pub + Magazine  + Newsletter
------------------------------------------------------------------------------*/
.pub {text-align:center;overflow:hidden;}
a.parcours {display:block;margin:2em 0;text-align:center;}
a.parcours span {display:block;}

.magazine {background:#f2f2f2;width:310px;padding:10px;float:left;border-radius:15px;}
.magazine h3 {margin:5px 0 20px 0;}
.magazine span {display:block;font-size:14px;margin-top:4px;}
.magazine img {margin-right:20px;}
.magazine a {color:#000;}
.magazine a:hover {color:#aaa;}
.magazine1 {margin-right:40px;}

.newsletter label {font-family:'colibri';font-size:14px;margin:4px;}
.newsletter form {margin:10px 0 5px 0;padding:0;}
.newsletter input.texte {background:#fff;color:#979595;width:150px;
                     font-weight:normal;
                     padding:3px 7px;
                     box-shadow: inset 2px 2px 2px 2px #efefef; 
                     border:1px solid #b3b3b3; 
                     border-radius:5px;
}
.newsletter input.submit { 
    color:#fff;font-family:"colibri";font-size:15px;
    padding:3px;width:30px;
    border-radius:3px;    
    background: #2aafe0;
    background: -moz-linear-gradient(top,  #2aafe0 0%, #0186b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aafe0), color-stop(100%,#0186b7));
    background: -webkit-linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    background: -o-linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    background: -ms-linear-gradient(top,  #2aafe0 0%,#0186b7 100%); 
    background: linear-gradient(top,  #2aafe0 0%,#0186b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aafe0', endColorstr='#0186b7',GradientType=0 );
}

.newsletter-warning {font-size:x-small;}

a.home_facebook,a.home_twitter {clear:both;display:block;margin-left:4px;}
a.home_facebook {margin-top:12px;}
a.home_facebook span, a.home_twitter span {color:#000;display:block;width:26px;height:26px;margin-right:5px;float:left;background:transparent url(../img/but_fb.png) no-repeat;position:relative;top:-6px;}
a.home_twitter span {background-position:-26px 0;}
a.home_facebook:hover,a.home_twitter:hover {color:#666;}


/* btn pagination */
.pagination {text-align:left;color:#fff;padding:5px 0 15px 0;}
.pagination a.lien_pagination {padding:10px 15px; text-decoration:none; font-family:"colibri";text-transform:uppercase;               
    color:#7a7a7a;font-size:17px;    
    border-radius:3px;    
    background: #f0f0f0;
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #f0f0f0 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#cccccc 100%);
    background: linear-gradient(top,  #f0f0f0 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#cccccc',GradientType=0 );
}

.pagination a.pagination:hover {
    color:#414141;   
    background: #a2a2a2;
    background: -moz-linear-gradient(top,  #a2a2a2 0%, #838383 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2a2), color-stop(99%,#838383));
    background: -webkit-linear-gradient(top,  #a2a2a2 0%,#838383 99%);
    background: -o-linear-gradient(top,  #a2a2a2 0%,#838383 99%);
    background: -ms-linear-gradient(top,  #a2a2a2 0%,#838383 99%);
    background: linear-gradient(top,  #a2a2a2 0%,#838383 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#838383',GradientType=0 );
}

.side .pagination a.lien_pagination {width:30%;font-size:11px;float:left;margin:0 5px;}


/* 3.2 Article
------------------------------------------------------------------------------*/
.chapo, .descriptif {font-weight:bold;}
.posted {clear:both;width:450px;margin:0.8em 0; color:#999;font-size:11px;}

.meta {clear:both;margin:1em 0;}
ul.tools {float:right;font-size:0;}
.article ul.tools li {list-style:none;display:inline;}
ul.tools a {color:#fff;}
ul.tools a:hover {opacity:0.7;filter:alpha(opacity=70);}
ul.tools span {display:block;float:left;margin-left:9px;height:40px;width:40px;background:transparent url(../img/sprite.png);}
ul.tools a.fb span {background-position:-40px 0;}
ul.tools a.twitter span {background-position:40px 0;}
.meta  a.btn {display:block;float:left;padding-top:7px;padding-bottom:7px;}



/* article > porfolio (mediabox) */
#documents_portfolio {margin:1em 0;}
#documents_portfolio ul {margin:0;padding:0;}
#documents_portfolio li{list-style:none;display:inline;float:left;margin:2px;}
#documents_portfolio img {padding:5px;border:1px solid #999;} 
#documents_portfolio a:hover {opacity:0.7;}
#cboxLoadedContent {border:1px solid #fff;font-size:0;line-height:0%;padding:0;margin:0;background:#fff;} /* bug mediabox sur cette css --> ajout de marge qui ajoute un ascencseur */

 
/* article > doc */
.docjoint {float:left;width:150px;margin:15px 25px 0 0;font-size:12px;line-height:110%;}
.docjoint small,
.docjoint strong {display:block;}
.docjoint a {text-decoration:none;}
.docjoint a img{border:0;}

/* article > forum */
.moderation_info p.explication {padding:5px; background:#FCEA85;}
.forum-item {padding:1em 0;border-top:1px solid #eee;clear:left;}
.forum-item a {text-decoration:underline;}
.forum-item strong {padding:4px 0px;}
.forum-who {float:left;width:30%; text-align:right;}
.forum-who strong {background:#0D5ACD;color:#fff;padding:4px 5px;border-radius:3px;}
.forum-who .date {color:#919191;font-size:12px;margin-top:2px;}
.forum-what {float:left;width:60%;margin-left:3%; }
#titre,.forum textarea  {width:98%;background:#ececec;color:#333;}


/* 3.3 Rubrique
------------------------------------------------------------------------------*/
.preview {margin-bottom:2em;}
.preview a {text-decoration:none;color:#515151;padding:0 10px;display:block;}
.preview a:hover {color:#999;}
.preview h2 {background:#E2D28A;padding:15px 10px;color:#5d521c;border-radius:4px;}
.bleu  .preview h2 {background:#0d5ac6;}
.ocre  .preview h2 {background:#9a2e26;}
.jaune .preview h2 {background:#d99a05;}
.vert  .preview h2 {background:#00a580;}
.brun  .preview h2 {background:#a5824f;}
.oie   .preview h2 {background:#a5824f;}
.gris  .preview h2 {background:#a6a881;}


.preview h2 span {font-size:16px;float:right;}
.preview h2 a {color:#fff;padding:0;display:block;}
.preview h2 a:hover {color:#fff;}
.preview h2:hover {opacity:0.85;}
.preview img {float:right;border:#666;margin:0 0 5px 15px;}

/* 3.5 Agenda: Jour, Mois
------------------------------------------------------------------------------*/
.event, .event_disabled {border-top:1px solid #eee;padding:5px;clear:both;font-size:12px;}
.event:hover {background:#f4f4f4;cursor:pointer;}
.horaire {background:#eee;padding:10px 5px;width:100px;float:left;font-size:12px;text-align:center;margin:10px 15px 10px 0;border-radius:3px;}
.horaire abbr {border:none;}
.event:hover .horaire {background:#ddd;}
.hinfo {float:left;width:380px;}
.hinfo h2 {font-weight:normal!important;}
.article .event h2,
.article .event_disabled h2 {font-size:18px;font-weight:bold;margin:8px 0 0 0;}
.lieu span {color:#aaa;}


/* 3.6 Don
------------------------------------------------------------------------------*/
/* desactiver la config generale */
.formulaire_don input,
.formulaire_don textarea {width:auto;}

/* don */
.formulaire_don {font-size:12px;}
.formulaire_don li {;margin-bottom:4px}
.article .formulaire_don h2, 
.article h2.etape_don { background-image:url(../img/don_h2.png); height: 23px;  color:white;  font-size: 17px;  padding: 5px 10px;  font-weight: normal;clear:both;margin-top:10px;}
.article  .formulaire_don h3 {font-size:18px;clear:both;} 
.formulaire_don input,  
.formulaire_don textarea {background:#eee;border:1px solid #999;font-family:arial,serif;font-size:12px;padding:2px;color:#333;}
.formulaire_don input[type=radio], 
.formulaire_don input[type=checkbox]{border:none;background:#fff;} /* IE */
.formulaire_don textarea {height:50px;width:500px;}
.formulaire_don label {width:110px;display:block;float:left;font-weight:normal;}
.formulaire_don li.saisie_radio {display:inline;}
.formulaire_don .saisie_radio label {display:inline;float:none;margin-right:5px;}
#champ_don_montant_ponctuel_autre, 
#champ_don_montant_regulier_autre {width:50px;}

.formulaire_don small {color:red;font-size:1em;}
.formulaire_don p.boutons {padding:1em 0 0 105px;}
.formulaire_don p.boutons input {border-right:2px solid #000;border-bottom:2px solid #000;font-size:14px;}
li.editer  .erreur_message {display:none;}
li.erreur   {color:red;}
li.requis {font-size:x-small;}
li.fiscal {clear:both;padding:5px 3px;font-size:12px;color:#888;}

/* exception */
li.editer_don_prefixe label {margin-right:80px}
li.editer_don_prefixe .choix label {margin-right:0}
li.editer_don_zip {float:left;margin-right:10px !important;}
li.editer_don_zip input.text {width:60px;}
li.editer_don_ville input.text {width:180px;}
li.editer_don_ville label {width:40px;}
li.editer_don_remarque label {float:none;width:100%;}
li.editer_don_montant_ponctuel, 
li.editer_don_montant_ponctuel_autre,
li.editer_don_montant_regulier, 
li.editer_don_montant_regulier_autre {display:inline;float:left;}
li.editer_don_montant_ponctuel_autre label, 
li.editer_don_montant_regulier_autre label {width:40px;}

#don_reduction {clear:both;width:400px;margin:1em auto;display:block;background:#3062CE;padding:10px;color:#fff;}
#don_reduction_amount {font-size:22px;text-align:center;font-weight:bold;}

.choix {display:inline;}
.choix label {display:inline;float:none;}

a.lien_bouton {background:#eee;color:#555 !important;border:1px solid #666;padding:2px 5px;text-decoration:none;}
a.lien_bouton:hover {background:#ddd;}

 /* 3.7 Services diocese
------------------------------------------------------------------------------*/
.content .annuaire {line-height:110%;}
.content .annuaire a {display:block;padding:4px 5px;}
.content .annuaire a:hover {background:#eee;}

 /* 3.8 Paroisses > Cartographie (GIS)
------------------------------------------------------------------------------*/
.carte_gis {font-size:12px;line-height:140%;}
.carte_gis a {font-size:14px;}
.carte_gis .gmnoprint a {font-size:x-small;}

.leaflet-popup-content .title {display:block;}

 
 /* 3.9 Video
------------------------------------------------------------------------------*/
.sidevideo {background:#f3f5ef;border-radius:8px;padding:15px 5px;height:290px;margin-top:55px;/*108px;*/}
.sidevideo h2 {background:transparent;margin:0 0 4px 0;padding:0;position:static;font-size:24px;display:block}

.sidevideo h3 {margin:25px 0 5px 0;font-size:18px}
.sidevideo form, .sidevideo form div {margin:0;padding:0;}
.sidevideo label {float:left; width:110px;font-weight:bold;padding-top:5px;}
.sidevideo label.full {display:none;}

.sidevideo input.texte {background:#fff;color:#979595;width:120px;
                     font-size:14px;
                     padding:3px 25px 3px 7px;
                     box-shadow: inset 2px 2px 2px 2px #efefef; 
                     border:1px solid #f3f5ef;
                     border-radius:5px;
}

.sidevideo input.textelong {width:230px;}
.sidevideo select {width:150px;margin:4px;}
.sidevideo input.search {vertical-align:bottom;position:relative;left:-30px;top:-3px;margin-right:-50px;}

.video-item .credit {font-size:x-small;text-align:right;margin-top:-7px;}
.video-item h4 {font-family:Arial;font-size:14px;float:left;font-weight:bold;width:100px;}
.video-item .descriptif {font-weight:normal;margin:1em 0;}
.video-item .mot {margin:5px 0;}
.mot a {background:#4badff;font-size:11px;color:#fff;padding:2px 6px;margin-right:4px;border-radius:4px;}
.mot a:hover {background:#0D5AC6;}

.plus {margin:15px;padding-bottom:15px;}
.plus-item {float:left;width:200px;margin-right:20px;}
.plus-item img.spip_logos {margin:0 0 4px 0 !important;}
.plus-item:hover {opacity:.8;}

.preview_video {padding:5px;cursor:pointer;}
.preview_video .illus {float:left;width:190px;}
.preview_video img {float:left;}
.preview_video .resume {float:left;width:320px;font-size:12px;}
.preview_video h3 a {font-size:16px;margin:0;padding:0;line-height:110%;}
.preview_video h3 {margin:0 0 4px 0;}
.preview_video .date {font-size:90%;}
.preview_video .descriptif {margin:0;}
.preview_video:hover {background:#F3F5EF;}

/* 4.0 Smartphones
------------------------------------------------------------------------------*/

@media screen and (max-width:640px)  {
   .container, #nav, .content,
   .home4_3, .home4_1,
   .article  {max-width: 98% !important; padding:3px; } 
   
   #nav {margin:0;}
   #nav li {position:block;width:100%;margin:2px 0;background:#fafafa;}
   #nav ul {position:relative;left:0;display:none;}
   #nav ul.on {display:block;margin-left:40px;}
   #nav ul.on a {border-color:#000 !important; }
    
   img { max-width: 100% !important; height:auto; }
    
   #banner .recherche, #banner .bandeau, .pub, .social, .encart,.side,
   #footer {display:none !important;}
   
   /* accueil */
   .magazine, .parole,  .slider, 
   .agenda table, .agenda ul {width:440px;margin:5px 0 5px 3px;} 
   ul.video {width:200px;margin:0;}  
   .agenda td {padding:10px 0;font-size:14px;}
   .agenda ul {border:none;} 
   .magazine {width:400px;}
  
   /* article */
   .ariane {padding: 5px;}
   .pagination div  {width:46%;}
   .pagination p {width:auto;}
   .pagination a {font-size:12px;/*text-indent: -5000px;*/ }

}

@media screen and (max-width:320px)  {
   .magazine,    .parole,  .slider, 
   .agenda table, .agenda ul {width:220px;margin:5px 0 5px 20px;} 
   .logo   {  height:60px;padding-left:30px; }
   .pagination div {width:95%;float:none;margin:2em 0;}
}