/***
* reset browser styles
***/
 
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, code, del, dfn, img, ins, kbd, s, samp, small, strike, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:middle }
	table { border-collapse:collapse; border-spacing:0 }
 
/***
* general styles
***/

	.spip-admin-float { left:0px !important; font-size:0.7em }
	.spip-admin-boutons { background-color:#000 !important }
	body { margin:0px; padding:0px; font-family:Georgia, serif; font-weight:400; font-size:1.1em; line-height:1.3em; color:#333; text-align:left }
	a { text-decoration:none; color:#333 }
	.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 }
	#orthographe { clear:both; margin-top:20px; padding:5px; background-color:#a0e0cf; text-align:center }
	#orthographe a { text-decoration:underline }	
	#permalink_socials { margin-top:10px }
	#permalink { float:left; font-size:0.9em; padding:5px; background-color:#fff }
	#socials { float:right }
	.print { display:none }
	.noDisplay { display:none }
	.mcrypt { background:url(graphics/leure.png) no-repeat center; padding:0px 6px !important }
	p { margin:0px 0px 10px 0px }
	.logo_left { float:left; margin:0px 10px 10px 0px }
	.logo_right { float:right; margin:0px 0px 10px 10px }
	code { font-family:consolas, monospace; font-size:1.0em; line-height:0.8em }
	.pointer { cursor:pointer }
	.no-border-bottom { border-bottom-style:none !important }
	.button { margin-bottom:5px }
	.small_text { font-size:80% }
	.bold { font-weight:bold }
	.italic { font-style:italic }
	.center { text-align:center }
	.block { display:block }
	.line { border-bottom:1px solid black; margin-bottom:15px } 
	
	.loader { border:8px solid #f3f3f3; border-top:8px solid #3498db; border-radius:50%; width:40px; height:40px; animation:spin 2s linear infinite }
	#ia_resumer_article { background-color:#ddd; display:none; margin-top:5px; padding:5px 5px 1px 5px }
	@keyframes spin {
		0% { transform:rotate(0deg); }
		100% { transform:rotate(360deg); }
	}


/***
* top block
***/

	#top { width:100%; background-color:#fff; border-bottom:1px solid #888 }
	#main-page { clear:both; margin-top:50px; overflow-y:auto; width:100%; background-color:#fff; background-repeat: no-repeat; background-position: center; background-size: cover; padding:40px 0px; min-height:1400px }
	
	.sticky { position:fixed; top:0 }

	@media (max-width:1199px) {
		/*#top { position:relative }*/
		#main-page { margin-top:10px }
	}
	
	#top-logo-bar { text-align:center; padding:5px 0px }
	#top-logo { width:420px; height:38px }
	#mobile-logo { margin:5px 5px 0px 5px; width:100% }

	/* menu system */
	
	#top-menu-bar table { width:100% }
	/* Mobile menu toggle button */
	.main-menu-btn { float:right; margin:6px 10px; position:relative; display:inline-block; width:29px; height:29px; text-indent:29px; white-space:nowrap; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
	/* hamburger icon */
	.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { position:absolute; top:50%; left:2px; height:4px; width:24px; background:#555; transition:all 0.25s }
	.main-menu-btn-icon:before { content:''; top:-7px; left:0 }
	.main-menu-btn-icon:after { content:''; top:7px; left:0 }
	/* x icon */
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height:0; background:transparent }
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { top:0; transform:rotate(-45deg) }
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { top:0; transform:rotate(45deg) }
	/* hide menu state checkbox (keep it visible to screen readers) */
	#main-menu-state { position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) }
	/* hide the menu in mobile view */
	#main-menu-state:not(:checked) ~ #main-menu { display:none }
	#main-menu-state:checked ~ #main-menu { display:block }
	@media (min-width:1200px) {
		/* hide the mobile logo */
		#mobile-logo-link { display:none }
		/* hide the button in desktop view */
		.main-menu-btn { position:absolute; top:-99999px }
		/* always show the menu in desktop view */
		#main-menu-state:not(:checked) ~ #main-menu { display:block }
		/* make it full width */
		#main-menu > li { float:none; display:table-cell; width:1%; text-align:center }
		/* save space in desktop view */
		#main-menu li a.main-menu-level-0 .sub-arrow { display:none }
		#main-menu li a.main-menu-level-0 { padding:10px 0px }
	}

	/* overwrite the smartmenu css fonts, colors... */
	.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active { font-family:Arial, sans-serif !important; font-size:0.85em !important; line-height:1.15em !important; font-weight:700 }
	.sm-simple a:hover { background-color:#ddd !important }

	

/* content positions */	
	#content { max-width:1100px; margin:0px auto; padding:0px 0px 0px 0px }

	#content-som-right1 { float:right; max-width:490px; margin:10px 30px 0px 0px; font-size:0.9em }
	#content-som-left1 { float:left; width:440px; margin:10px 0px 0px 30px }
	#content-som-right2 { float:right; max-width:280px; margin:10px 30px 0px 0px }
	#content-som-left2 { float:left; width:650px; 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:68%; margin:3px 0px 0px 40px; padding:20px 0px }
	#content-art-right { float:right; width:25%; margin:0px 10px 0px 0px; padding:20px 0px }

/* contact */
	.contactTitle { min-height:16px; font-weight:700; background-color:#d4d089; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center }
	.contactContent { padding:5px 0px 0px 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 }	
	.inf-form { margin-top:-20px }
	.inf-main h4 { display:none }

/* calendrier liturgique */
	.calendrierLiturgiqueTitle { min-height:16px; font-weight:700; background-color:#dfc384; font-variant:small-caps; font-family:Arial, sans-serif; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center; margin:20px 0px 0px 0px; }
	.calendrierLiturgiqueContent { padding:5px 0px 10px 5px; background-color:#fff }
	.calendrierLiturgiqueContent td { padding:5px; vertical-align:top }
	.calendrierLiturgiqueCouleur-blanc { background-color:#fff; border:1px solid; width:5px; height:25px; margin-right:3px }
	.calendrierLiturgiqueCouleur-rouge { background-color:#f03; border:1px solid; width:5px; height:25px; margin-right:3px }
	.calendrierLiturgiqueCouleur-violet { background-color:#c3c; border:1px solid; width:5px; height:25px; margin-right:3px }
	.calendrierLiturgiqueCouleur-vert { background-color:#0c6; border:1px solid; width:5px; height:25px; margin-right:3px }
	.calendrierLiturgiqueDate { }
	.calendrierLiturgiqueTextes { font-size:90%; padding-left:10px }

	.calendrierLiturgiqueTextes a { display:block }
	
	#calendrierLiturgique {}
	#calendrierLiturgique tr { border-top: 1px solid grey }
	#calendrierLiturgique td { vertical-align: middle; padding:3px }
	#calendrierLiturgique .getCalLitTextesLink { display:block; text-decoration:none !important }
	.couleurLiturgiqueBlanc { padding:0px 2px; margin-right:1px; background-color:#fff;border:1px solid #888 }
	.couleurLiturgiqueRouge { padding:0px 2px; margin-right:1px; background-color:#f03;border:1px solid #888 }
	.couleurLiturgiqueViolet { padding:0px 2px; margin-right:1px; background-color:#c3c;border:1px solid #888 }
	.couleurLiturgiqueVert { padding:0px 2px; margin-right:1px; background-color:#0c6;border:1px solid #888 }
	.couleurLiturgiqueRose { padding:0px 2px; margin-right:1px; background-color:#ff8b8b;border:1px solid #888 }
	
/* bible */

	#tableauBible {}
	#tableauBible td { vertical-align:top; border:1px solid #888; padding:3px }
	#tableauBible td.contextButton { border-top:none; border-right:none; border-bottom:none }
	#tableauBible td.livre { border-left:none; border-right:none; border-bottom:none }
	#tableauBible tr.red { color:#f00 }

/* éphémérides */
	.ephemeridesTitle { min-height:16px; font-weight:700; background-color:#cbe0d9; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center; margin:20px 0px 0px 0px; }
	.ephemeridesContent { padding:5px 0px 10px 10px; background-color:#fff }
	.ephemerides-line { border-bottom:1px dotted #333; margin-bottom:15px }
	.ephemerides-annees { display:block }
	
/* parole pour ta navigation */
	.paroleTitle { min-height:16px; font-weight:700; background-color:#4bb5c2; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center; margin:20px 0px 0px 0px; }
	.paroleContent { 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; background-color:#a0e0cf; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center }
	#voiraussiContent { background-color:#fff; 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:700; background-color:#a0e0cf; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center }
	#liensContent { background-color:#fff; 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; }
	#liensContent .descriptif { font-size:0.9em; padding:0px 0px 0px 5px; font-style:italic }

/* info */
	#infoTitle { min-height:16px; font-weight:bold; background-color:#749dc1; font-family:Arial, sans-serif; font-variant:small-caps; padding:5px 5px 5px 10px; font-size:1.1em; text-align:center; margin:0px }
	#infoContent { background-color:#fff; font-size:1em; margin:0px 0px 20px 0px; padding:5px 5px 10px 5px }
	#infoContent a  { text-decoration:underline }
	#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-family:Arial, sans-serif; font-size:0.9em; 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:1px solid #888; 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 }
	.lien-rubrique-article .texte { margin:5px 0px 0px 0px; font-size:1em } 
	.lien-rubrique-article .nom { margin:5px 0px 0px 0px; font-size:1em; color:#666 }
	.lien-rubrique-article a:hover { background-color:transparent; text-decoration:underline; color:#4563ee }

/* prières par mot-clé */
	.prieres_motscle { background-color:#fff; padding:10px }
	.prieres_motscle a { width:48%; float:left; padding:3px 1% }
	.prieres_motscle_titre { color:#5d5d8f; font-size:150%; padding:5px 0px 0px 10px; margin:0px 0px 10px 0px }

/* PARTOUT */

	.caractencadre-spip { color:#d83f3f }
	
/* SOMMAIRE */
	
	#somPort { margin:0px auto 10px auto; border-collapse:collapse }
		#somPortRow1 { text-align:center; padding:0px; line-height:0em }
		#somPortRow2 { font-size:1em; text-align:center; background-color:#4b707d; color:#fff; padding:3px; font-style:italic }
		#le-port { width:490px; height:225px }
	
	.sommaire-editorial { background-color:#fff }
		.sommaire-editorial .titre { background-color:#cbe0d9; padding:5px 5px 10px 10px; font-size:1.4em; padding:10px }
		.sommaire-editorial .contenu { margin:0px 0px 20px 0px }
		.sommaire-editorial .logo { text-align:center }
		.sommaire-editorial .texte { padding:8px }
		.sommaire-editorial .spip_documents_left { margin:0px 8px 8px 0px }
		
	#somArticles { max-width:650px; margin-bottom:20px }

	/* rubrique actualité chapo*/
	.sommaire-actualite-chapo { clear:both; padding:25px 15px; border-bottom:3px ridge; min-height:75px; background-color:#fffcd6 }
	.sommaire-actualite-chapo .titre { font-size:1.4em; color:#656798 }
	.sommaire-actualite-chapo .chapo { margin:5px 0px 0px 0px; font-weight:bold } 
	.sommaire-actualite-chapo a:hover { background-color:transparent; text-decoration:underline; color:#4563ee }	
	
	/* 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:120%; color:#656798 }
	.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 actualité */
	#sommaire-homelie { clear:both; padding:25px 15px; border-bottom:3px ridge; min-height:75px; background-color:#fffcd6 }
	#sommaire-homelie .spip_logos { margin:0px 0px 5px 10px }
	#sommaire-homelie .titre { font-size:120%; color:#656798 }
	#sommaire-homelie .texte { margin:5px 0px 0px 0px; font-size:90% } 
	#sommaire-homelie .nom { margin:5px 0px 0px 0px; font-size:90%; color:#666 }
	#sommaire-homelie a:hover { background-color:transparent; text-decoration:underline; color:#4563ee }
	
	/* articles à la une du mois */
	#sommaire-alaune { margin-top:20px }
	
	/* recherche */
	.champRecherche { text-align:center; padding:10px 0px }
	
	/* abo newsletter -> provided by infomaniak */
	.inf-main{ background-color:#DEECE6; padding:25px 20px; margin:25px auto; } .inf-main .inf-content { margin-top:13px;} .inf-main h4, .inf-main span, .inf-main label, .inf-main input, .inf-main .inf-submit, .inf-main .inf-success p a { color:#555; font-size:14px; } .inf-main h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main h4, .inf-main label{ font-weight:bold; } .inf-main .inf-input { margin-bottom:7px; } .inf-main label { display:block;} .inf-main input{ height:35px; color:#999999; border: 1px solid #E9E9E9; padding-left:7px; } .inf-main .inf-input.inf-error label, .inf-main .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main .inf-input input { width:100%;} .inf-main .inf-input.inf-error span.inf-message { display: block; } .inf-main .inf-submit { text-align:right;} .inf-main .inf-submit input{ background-color:#2BA2A3; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main .inf-submit input.disabled{ opacity: 0.4; } .inf-btn { color: rgb(85, 85, 85); border: medium none; font-weight: normal; height: auto; padding: 7px; display: inline-block; background-color: white; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24); border-radius: 2px; line-height: 1em; } .inf-rgpd { margin:25px 0px 15px 0px; color:#555; }
	/* abo newsletter -> modified by Jim */
	.inf-main input { color:#000; }
	.inf-main .inf-submit input { background-color: rgb(0,45,45); }
	
	
			
/* RUBRIQUE */

	.rubrique #titres { background-color:#fff }
	.rubrique h1 { color:#5d5d8f; font-size:1.5em; padding:10px; line-height:1.1em }
	.rubrique #descriptif { padding: 0px 10px 10px 10px }
	.rubrique #descriptif a { text-decoration:underline }
	.rubrique #logo { margin:0px 0px 10px 0px; text-align:center }
	.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 }
	.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 }
	
	/* trois colonnes sur les quais */
	.rubrique #rub3 .colonne { float:left; width:45%; padding:0px 2% }
	.rubrique #rub3 .colonne a:hover { background-color:#4b707d; color:#fff; text-decoration:none }
	

/* ARTICLE */

	.article #titres { background-color:#fff }
	.article h1 { color:#5d5d8f; font-size:1.5em; line-height:1.2em; padding:10px }
	.article h2 { font-style:italic; color:#867667; font-size:1.3em; line-height:1.2em; padding: 0px 0px 10px 10px }
	.article #chapo { border-left:4px solid #4b707d; border-bottom:2px solid #4b707d; padding:1px 5px 1px 5px; margin:10px 0px 10px 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:10px 10px }
		.article #texte img { max-width:100%; 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 20px; padding:0px }
		.article #texte a { text-decoration:underline }
		.article #texte .spip_documents_left { float:left; margin:10px 10px 0px 0px }
		.article #texte .spip_documents_center { display:block; text-align:center }
		.article #texte .spip_documents_right { float:right; margin:10px 0px 0px 10px; text-align:right }
		.article #texte h3 { color:#5d5d8f; font-size:1.2em; border-bottom:1px dotted #807466; clear:both; padding:10px 0px 0px 0px; margin:0px 0px 10px 0px }
		.article #texte h4 { color:#867667; font-size:1.15em; font-style:italic; clear:both; margin-top:10px }
		.article #texte h5 { color:#867667; font-size:1.05em; font-weight:bold; clear:both; margin-top:10px }
		.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:0.9em }
		
	.article figure { max-width:100%; margin:0px auto 0px auto }

	#portfolio { clear:both; margin:20px 0px 0px 0px; padding:10px; }
		#portfolio li {display:inline;margin:0;padding:0;}
		#portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
		#portfolio a img { margin:5px; }
		#portfolio a:hover {color:#999;opacity:0.8;}		
		
	.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:0.9em }
		.article #auteur .email { margin-top:5px; font-size:0.9em; overflow:auto; }
		.article #auteur .url { margin-top:5px; font-size:0.9em; overflow:auto; }
	.article #texte_auteur { font-style:italic; font-size:0.8em }	
	.article #dates { background-color:#fff; margin:4px 0px 10px 0px; padding:5px; color:#313234; font-size:0.8em; text-align:center; margin-top:20px; }
	.spip_document_video { max-width:95% !important; margin:20px; text-align:center }
	
	#chapo.article-3 a { text-decoration:none }
	#infoContent.article-3 a { text-decoration:none }

	
/* DIVERS */
#lectures { font-weight:normal !important; font-size:100% !important  } 
#resultat_recherche li { border-bottom:1px dotted #888; padding:3px }
#resultat_recherche a { text-decoration:none !important; padding:5px }
#resultat_recherche .intro { font-size:0.85em; font-style:italic; margin:0px 0px 0px 5px }

/***
* smartphones + tablet in portrait mode
***/
@media (max-width:1199px) {

	body { font-size:1.1em }
	#top-logo-bar, #somPort { display:none }

	#mobile-logo-link { display:inline }

	#top-logo-bar { padding:3px 5px }
	#top-toggle-panel { padding:3px 3px 3px 3px }
		#top-toggle-panel-text { display:none }
	#top-right { display:none }
	#ariane { display:none }
	#content-rub-left { display:block; margin:-10px 3%; width:94% !important }
	#content-rub-right { display:none }
	#content-art-left { display:block; margin:-10px 3%; width:94% !important }
	#content-art-right { display:block; margin:-10px 3%; width:94% !important }
	.rubrique #titre { border-bottom:1px dotted #a7aab1; padding:0px 0px 7px 0px }
	#voiraussi { display:none }
	#liens { display:none }
	#content-som-left1 { clear:both; display:block; margin:-30px 3%; width:94% !important }
	#content-som-right1 { clear:both; display:block; margin:20px 3%; width:94% !important }
	#content-som-left2 { clear:both; display:block; margin:20px 3%; width:94% !important }
	#content-som-right2 { display:none }
	#content-som-right3 { clear:both; display:block; margin:20px 3%; width:94% !important }
	#somArticles { max-width:100% }
	.contactContent a { margin:10px 0px }
	.paroleContent a { margin:10px 0px }
	.champRecherche { text-align:left; padding-left:10px }
	.champRecherche .search	{ width:150px }
	.btn { margin-left:10px }
	
	.rubrique #rub3 .colonne { width:100% }
	.prieres_motscle a { clear:both; width:100% }

}


@media print {	
		
	div.spip-admin-float, #ariane, #socials, #footerline, #footerlogos, #top-toggle-search1, #top-toggle-search2, #top-menu-bar, #top-left, #top-right { display:none !important; }
	html, body, #all { background:none; background-color:#fff; color:#000; font-size:12pt; width:19cm }
	#top-logo { text-align:center }
	#top-logo a { margin:0px auto }
	#main-page { background-image:none !important }
	#artCol2 { font-size:10pt; color:#000;  width:19cm }
	#art_titrerub { font-size:10pt; color:#000;  width:19cm }
	#art_titre { font-size:12pt; color:#000;  width:19cm }
	#art_texte { font-size:10pt; color:#000;  width:19cm }
	#art_texte h3 { font-size:12pt; color:#000; width:19cm }
	.print_art_auteur { display:block; font-size:9pt; width:19cm }
	.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 }

}



