body { font-family:arial,helvetica,sans-serif; font-size:0.9em; margin:0px; padding:0px; color:#333; overflow-x:hidden }
a { text-decoration:none; color:#333; margin:0px; padding:0px 3px }
.texte a { text-decoration:underline }
a:hover { background-color:#4b707d; color:#fff }
a.nohover:hover { background-color:transparent; color:#333 }
img { max-width:100%; height:auto; margin:0px; border:none }
.clear { clear:both }
#permalink { font-size:80%; margin-top:10px; padding:5px; background-color:#fff }
.print { display:none; }
.mcrypt { background:url(graphics/leure.png) no-repeat center; padding:0px 6px !important }
.spip-admin-float { position:absolute; top:0px; left:200px }
.addthis_sharing_toolbox { margin:10px; text-align:center }

#top { width:100%; background-color:#fff; position:fixed; top:0 }

	#top-logo-bar { width:100%; border-collapse:collapse; background-color:#fff; font-variant:small-caps; font-weight:bold; font-size:140%; margin:0px 0px 10px 0px }
		#top-logo-bar td { vertical-align:middle }
		#top-logo-bar img { vertical-align:middle }
		#top-toggle-panel { text-align:left; padding:3px 3px 3px 50px }
			#top-toggle-panel-text { padding-left:10px }
		#top-logo { text-align:center }
		#top-toggle-search1 { text-align:left; padding:3px 3px 3px 50px }
		#top-toggle-search2 { text-align:right; padding:3px 50px 3px 3px }
			.top-toggle-search-text { padding:0px 10px; z-index:500 }
			
	#top-search-bar { text-align:center; padding:3px; background-color:#cbe0d9; color:#fff; display:none }
		#cse-search-form { width:80%; padding:5px; margin:0px auto }
		.gsc-input { height:30px }
		
	/* menu */
	nav, ul, li, a  { margin:0; padding:0 }
	.nav .on { background-color:#4b707d; color:#fff }
	#top-menu-bar { margin:0; font-variant:small-caps; font-size:110%; padding:0px 50px; background-color:#a0e0cf; z-index:9999 !important }
	.toggleMenu { display:none; background:#666; padding:10px 15px; color:#fff }
	.nav { list-style:none; background:#a0e0cf }
	.nav:before, .nav:after { content:" "; display: table }
	.nav:after { clear:both }
	.nav a.descriptif { background-color:#a0e0cf !important; font-style:italic; padding:5px 5px; cursor:default; z-index:9999 !important  }
	.nav a.descriptif:hover { color:#333 }
	.nav ul { list-style:none; width:10em }
	.nav a { padding:5px 10px }
	.nav li { position:relative }
	.nav > li { float:left }
	.nav > li > .parent {  }
	.nav > li > a { display:block }
	.nav li  ul { position:absolute; left:-9999px }
	.nav > li.hover > ul { left:0 }
	.nav li li.hover ul { left:100%; top:0 }
	.nav li li a { display:block; background:#cbe0d9; position:relative; border:1px solid #888; border-top:none; z-index:9999 !important  }
	.nav li li a:hover { background-color:#4b707d; color:#fff; z-index:9999 !important  }
	.nav li li li a { background:#249578; border:1px solid #888; z-index:9999 !important  }
	
	/* menu smartphone */
	#top-menu-smartphone { display:none; margin-top:-25px }
	.dr-menu { width:100%; position:relative; line-height:1.3em; color:#fff; margin-top:30px; height:40px; background-color:#a0e0cf }
	.dr-menu > div .dr-icon { top:5px; left:5px; position:absolute; font-size:150%; line-height:1.6em; padding:0 10px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; background-image:url(graphics/menu-smartphone.gif); background-repeat:no-repeat; color:transparent }
	.dr-menu.dr-menu-open > div .dr-icon { left:80%; -webkit-transform:translateX(-80%); -moz-transform:translateX(-80%); transform:translateX(-80%) }
	.dr-menu.dr-menu-open > div .dr-icon:after { opacity:1 }
	.dr-menu > div .dr-label { font-weight:bold; padding-left:3em; position:relative; display:block; color:#fff; font-size:0.9em; line-height:2.75em; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease }
	.dr-menu.dr-menu-open > div .dr-label { -webkit-transform:translateY(-90%); -moz-transform:translateY(-90%); transform:translateY(-90%) }
	.dr-menu ul { padding:0px; margin:-7px 3em 0px 0px; list-style:none; opacity:0; position: relative; z-index:0; pointer-events:none; -webkit-transition:opacity 0s linear 205ms; -moz-transition:opacity 0s linear 205ms; transition:opacity 0s linear 205ms; background-color:#cbe0d9 }
	.dr-menu.dr-menu-open ul { opacity:1; z-index:200; pointer-events:auto; -webkit-transition:opacity 0s linear 0s; -moz-transition:opacity 0s linear 0s; transition:opacity 0s linear 0s }
	.dr-menu ul li { display:block; margin:0px; opacity:0; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; transition:opacity 0.3s ease; border-top:1px solid silver }
	.dr-menu.dr-menu-open ul li { opacity:1 }
	.dr-menu ul li a { display:block; padding:8px 20px 8px 20px }
	.dr-menu ul li a:hover { background-color:#4b707d; color:#fff }
	.dr-icon-menu:before { content:"\e007" }

	
#main-page { margin-top:76px; overflow-y:auto; width:100%; background-color:#fff; background-repeat:no-repeat; background-size:cover; padding:30px 0px; min-height:1400px }

/* content positions */	
	#content { max-width:1100px; margin:0px auto }

	#content-som-right1 { float:right; max-width:500px; margin:10px 30px 0px 0px }
	#content-som-left1 { float:left; width:450px; margin:10px 0px 0px 30px }
	#content-som-right2 { float:right; max-width:280px; margin:10px 30px 0px 0px }
	#content-som-left2 { float:left; width:700px; margin:10px 0px 0px 30px }
	#content-som-right3 { display:none }
	
	#content-rub-left { float:left; width:70%; margin:0px 0px 0px 40px; padding:20px 0px }
	#content-rub-right { float:right; width:20%; margin:0px 10px 0px 0px; padding:20px 0px }
	#content-art-left { float:left; width:70%; margin:0px 0px 0px 40px; padding:20px 0px }
	#content-art-right { float:right; width:20%; margin:0px 10px 0px 0px; padding:20px 0px }

/* contact */
	#contactTitle { min-height:16px; font-weight:bold; background-color:#d4d089; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%;  margin:0 }
	#contactContent { font-size:0.90em; margin:0px; padding:5px 0px 10px 0px; background-color:#fff }
	#contactContent ul { margin:10px 0px 0px 10px; padding:0px 10px 0px 10px; list-style-image:url(graphics/arrow-linklist.png) }
	#contactContent li { margin-bottom:4px }
	#contactContent a { display:block }		
	
/* calendrier liturgique */
	#calendrierLiturgiqueTitle { min-height:16px; font-weight:bold; background-color:#dfc384; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:20px 0px 0px 0px; }
	#calendrierLiturgiqueContent { font-size:0.90em; margin:0px; padding:5px 0px 10px 5px; background-color:#fff }
	#calendrierLiturgiqueContent ul { margin:0px; padding:5px 0px 0px 15px; list-style-image:url(graphics/arrow-linklist.png); color:#8484af; }
	#calendrierLiturgiqueContent li { margin:0px; padding:0px 0px 7px 0px; }

/* éphémérides */
	#ephemeridesTitle { min-height:16px; font-weight:bold; background-color:#cbe0d9; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:20px 0px 0px 0px; }
	#ephemeridesContent { font-size:0.90em; margin:0px; padding:5px 0px 10px 10px; background-color:#fff }
	#ephemeridesContent a { color:#333; }
	#ephemeridesContent a:hover { color:#fff; }	
	
/* parole pour ta navigation */
	#paroleTitle { min-height:16px; font-weight:bold; background-color:#4bb5c2; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:20px 0px 0px 0px; }
	#paroleContent { font-size:0.90em; margin:0px; padding:5px 0px 10px 0px; background-color:#fff }
	#paroleContent ul { margin:10px 0px 0px 10px; padding:0px 10px 0px 10px; list-style-image:url(graphics/arrow-linklist.png); }
	#paroleContent li { margin-bottom:4px; }
	#paroleContent a { display:block; }	
	
/* dans cette rubrique */
	#voiraussi { margin:20px 0px 0px 0px }
	#voiraussiTitle { min-height:16px; font-weight:bold; background-color:#a0e0cf; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:0px; }
	#voiraussiContent { background-color:#fff; font-size:0.90em; margin:0px; padding:5px 0px 10px 0px }
	#voiraussiContent ul { margin:10px 0px 0px 10px; padding:0px 10px 0px 10px; list-style-image:url(graphics/arrow-linklist.png); }
	#voiraussiContent li { margin-bottom:4px; }
	#voiraussiContent a { display:block; }	
	
/* liens */
	#liens { margin:20px 0px 0px 0px }
	#liensTitle { min-height:16px; font-weight:bold; background-color:#a0e0cf; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:0px }
	#liensContent { background-color:#fff; font-size:0.90em; margin:0px; padding:5px 0px 10px 0px }
	#liensContent ul { margin:10px 0px 0px 10px; padding:0px 10px 0px 10px; list-style-image:url(graphics/arrow-linklist.png); }
	#liensContent li { margin-bottom:4px; }
	#liensContent li a { display:block; }

/* info */
	#infoTitle { min-height:16px; font-weight:bold; background-color:#749dc1; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:120%; margin:20px 0px 0px 0px; }
	#infoContent { background-color:#fff; font-size:0.90em; margin:0px; padding:5px 5px 10px 5px }
	#infoContent ul { margin:0px; padding:5px 0px 0px 15px; list-style-image:url(graphics/arrow-linklist.png); color:#8484af; }
	#infoContent li { margin:0px; padding:0px 0px 7px 0px; }
	
/* fil d'ariane */
	#ariane { min-height:30px; font-size:90%; padding:10px 0px 0px 0px; }
	#ariane #ici { margin:0px; background-color:#938578; color:#fff; padding:2px 5px 2px 5px; }
	#ariane a    { margin:0px; border:1px solid #938578; border-left:none; padding:2px 3px 2px 3px; color:#2c3850; background-color:#fff; text-decoration:none; }
	#ariane span { margin:0px; border:1px solid #938578; border-left:none; padding:2px 3px 2px 3px; color:#2c3850; background-color:#fff; }
	#ariane a:hover { background-color:#45637c; color:#fff }	
	
/* inc-socialnetworks-recommend */
	.socialnetworks-recommend { margin:10px auto; z-index:9999 }
	td.contentBox iframe { max-width:300px !important }

/* lien vers les rubriques ou articles */
.lien-rubrique-article { clear:both; padding: 15px 5px; border-bottom:3px ridge; min-height:75px; background-color:#fff }
	.lien-rubrique-article .spip_logos { margin:0px 5px 5px 0px }
	.lien-rubrique-article .titre { font-size:120%; color:#656798; font-family:georgia,times,serif }
	.lien-rubrique-article .texte { margin:5px 0px 0px 0px; font-size:90% } 
	.lien-rubrique-article .nom { margin:5px 0px 0px 0px; font-size:90%; color:#666 }
	.lien-rubrique-article a:hover { background-color:transparent; text-decoration:underline; color:#4563ee }	

/* SOMMAIRE */
	
	#somPort { margin:0px auto 10px auto; border-collapse:collapse }
		#somPortRow1 { text-align:center; padding:0px; line-height:0em }
		#somPortRow2 { font-size:80%; text-align:center; background-color:#4b707d; color:#fff; padding:3px }
	
	#somEditorial { background-color:#fff }
		#somEditorial .titre { min-height:24px; background-color:#cbe0d9; padding:5px 5px 10px 10px; font-size:140%; margin:0px }
		#somEditorial .contenu { margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; border:1px solid #888; border-top:none }
		#somEditorial .logo { text-align:center }
		#somEditorial .texte { padding:8px }
		#somEditorial .spip_documents_left { margin:0px 8px 8px 0px }
		
	#somArticles { max-width:650px; margin-bottom:20px }
	
	/* rubrique actualité */
	.sommaire-actualite { clear:both; padding:25px 15px; border-bottom:3px ridge; min-height:75px; background-color:#fffcd6 }
	.sommaire-actualite .spip_logos { margin:0px 0px 5px 10px }
	.sommaire-actualite .titre { font-size:140%; color:#656798; font-family:georgia,times,serif }
	.sommaire-actualite .texte { margin:5px 0px 0px 0px; font-size:90% } 
	.sommaire-actualite .nom { margin:5px 0px 0px 0px; font-size:90%; color:#666 }
	.sommaire-actualite a:hover { background-color:transparent; text-decoration:underline; color:#4563ee }

			
/* RUBRIQUE */

	.rubrique #titres { background-color:#fff; padding:5px }
	.rubrique h1 { color:#5d5d8f; font-weight:bold; font-size:150%; padding:0px; margin:0px; font-family:georgia,times,serif }
	.rubrique #descriptif { color:#5d5d8f; font-weight:normal; font-size: 115%; padding:7px 0px 0px 0px }
	.rubrique #logo { margin:0px 0px 10px 0px; text-align:center }
	.rubrique #texte { border-left:4px solid #a5b3ce; border-bottom:1px solid #d1d4d9; padding:1px 5px 1px 8px; margin:5px 0px 0px 0px; background-color:#fff }
		.rubrique #texte ul { list-style-image:url(graphics/arrow-linklist.png) }
		.rubrique #texte td { padding:0px 5px 0px 5px }
		.rubrique #texte a { text-decoration:underline }
		.rubrique #texte a:hover { color:#333 }
	.rubrique #rubart { table-layout:fixed; width:100%; margin:10px 0px 0px 0px; border-spacing:15px }
	.rubrique #rubart td { width:33%; padding:0px; overflow:hidden }
	.rubrique #rubart td .logo { float:left; margin:0px 3px 3px 0px }
	.rubrique #rubart td .titre { display:block; font-size:130%; color:#656798; font-family:georgia,times,serif }
	.rubrique #rubart td .soustitre { display:block; font-size:115%; margin:5px 0px 0px 0px; color:#656798 } 
	.rubrique #rubart td .texte { display:block; margin:5px 0px 0px 0px } 
	.rubrique #rubart td .more { clear:both; height:13px; margin:3px 0px; padding:0px; text-align:right; border-bottom:1px dotted #a6abaf }
	.rubrique #rubart a:hover { color:#333 }
	

/* ARTICLE */

	.article #titres { background-color:#fff; padding:5px }
	.article #titreRub { color:#5d5d8f; border-bottom: 1px dotted #333; font-weight:bold; font-size:130%; padding:0px 0px 7px 0px; margin:0px; font-family:georgia,times,serif}
	.article h1 { color:#5d5d8f; font-size:150%; padding:5px 0px 0px 0px; margin:0px 0px 10px 0px; font-weight:normal }
	.article h2 { font-style:italic; color:#867667; font-size:135%; margin:-5px 0px 10px 0px; font-weight:normal  }
	.article #chapo { overflow:hidden; font-size:115%; border-left:4px solid #4b707d; border-bottom:2px solid #4b707d; padding:1px 5px 5px 8px; margin:5px 0px 0px 0px; background-color:#fff }
		.article #chapo a { text-decoration:underline }
		.article #chapo ul { list-style-image:url(graphics/arrow-linklist.png) }
	.article #texte { margin:5px 0px 0px 0px; background-color:#fff; padding:1px 10px; text-align:justify }
		.article #texte img { max-width:80%; height:auto }
		.article #texte ul { list-style-image:url(graphics/arrow-linklist.png); margin:10px 0px 10px 0px; padding:0px 0px 0px 15px }
		.article #texte ol { margin:0px 0px 0px 10px; padding:0px }
		.article #texte a { text-decoration:underline }
		.article #texte .spip_documents_left { margin:0px 10px 10px 0px }
		.article #texte .spip_documents_center { display:block; text-align:center }
		.article #texte .spip_documents_right { margin:0px 0px 10px 10px; text-align:right }
		.article #texte h3 { color:#5d5d8f; font-size:120%; border-bottom:1px dotted #807466 }
		.article #texte h4 { color:#867667; font-size:115%; font-style:italic }
		.article #texte h5 { color:#867667; font-size:105%; font-weight:bold }
		.article #texte dl.spip_documents_center dd, #texte dl.spip_documents_center dt { text-align:center; margin-left:auto; margin-right:auto; }
		.article #texte .texteencadre-spip { width:30%; float:right; border:1px solid #968476; margin:0px 0px 10px 10px; padding:8px; box-shadow:0 0 5px black; background-color:#fff; }
		.article table.spip  {clear:both; border-collapse: collapse}
		.article table.spip tr.row_first { background: #ffc; border: 1px lightgray solid }
		.article table.spip td, table.spip th {border: 1px lightgray solid; padding: 2px}
		.article #notes { background-color:#fff; padding:5px; font-size:90% }
	.article #portfolio { clear:both; background-color:#444; margin-top:20px; padding:10px; }
		.article #portfolio .image { float:left; margin:5px; border:1px solid #303030; text-align:center; padding:3px; color:#fff; }
	.article #docs { background-color:#fff; padding:5px 5px 10px 5px }
	.article #auteur { background-color:#fff; margin:4px 0px 10px 0px; padding:10px 5px 5px 5px; color:#313234; text-align:center }
		.article #auteur .photo { text-align:center }
		.article #auteur .fn { }
		.article #auteur .title { font-style:italic; font-size:90%; }
		.article #auteur .email { margin-top:5px; font-size:90%; overflow:auto; }
		.article #auteur .url { margin-top:5px; font-size:90%; overflow:auto; }
		.article #printAuteur { display:none; }
	.article #dates { background-color:#fff; margin:4px 0px 10px 0px; padding:5px; color:#313234; font-size:80%; text-align:center; margin-top:20px; }

	
/* DIVERS */
#lectures { font-weight:normal !important; font-size:100% !important; font-family:arial,helvetica,sans-serif !important  } 

/***
* smartphones + tablet in portrait mode
***/
@media (orientation:portrait), (max-width:768px) {

	body { font-size:1.1em }
	#somPort { display:none }
	#top-logo-bar { padding:3px 5px }
	#top-toggle-panel { padding:3px 3px 3px 3px }
		#top-toggle-panel-text { display:none }
		
	#top-toggle-search1 { display:none }
	#top-toggle-search2 { padding:3px 3px 3px 3px }
		.top-toggle-search-text { display:none }
	#top-menu-bar { display:none }
	#top-menu-smartphone { display:block }
	#ariane { display:none }
	#content-rub-left { display:block; margin:-20px 5%; width:90% !important }
	#content-rub-right { display:none }
	#content-art-left { display:block; margin:-20px 5%; width:90% !important }
	#content-art-right { display:block; margin:-20px 5%; width:90% !important }
	.rubrique #titre { border-bottom:1px dotted #a7aab1; padding:0px 0px 7px 0px }
	#voiraussi { display:none }
	#liens { display:none }
	#left-socials { display:none }
	#content-som-left1 { clear:both; display:block; margin:-20px 5%; width:90% !important }
	#content-som-right1 { clear:both; display:block; margin:20px 5%; width:90% !important }
	#content-som-left2 { clear:both; display:block; margin:20px 5%; width:90% !important }
	#content-som-right2 { display:none }
	#content-som-right3 { clear:both; display:block; margin:20px 5%; width:90% !important }
	#permalink { display:none }
	#somArticles { max-width:100% }

}


@media print {	
		
	div.spip-admin-float, #ariane, .socialnetworks-recommend, #footerline, #footerlogos, #top-toggle-search1, #top-toggle-search2, #top-menu-bar, #top-menu-smartphone { display:none; }

	html, body, #all { background:none; background-color:#fff; color:#000; font-size:12pt; width:19cm; font-family:arial,sans-serif }
	#top-logo { text-align:center }
	#top-logo a { margin:0px auto }
	
	
	#artCol2 { font-size:10pt; color:#000;  width:19cm; font-family:arial,sans-serif;}
	#art_titrerub { font-size:10pt; color:#000;  width:19cm; font-family:Arial,sans-serif;}
	#art_titre { font-size:12pt; color:#000;  width:19cm; font-family:arial,sans-serif;}
	#art_texte { font-size:10pt; color:#000;  width:19cm; font-family:arial,sans-serif;}
	#art_texte h3 { font-size:12pt; color:#000; width:19cm; font-family:arial,sans-serif;}

	.print_art_auteur { display:block; font-size:9pt; width:19cm; font-family:arial,sans-serif }
	.print { clear:both; display:block; background:none; margin:0.5cm 0cm 0cm 0cm; text-align:center; font-size:8pt; line-height:1.3em; width:19cm; font-family:arial,sans-serif }

}