/*
Theme Name: Festival d'Armor 
Author: Mabreizh
Author URI: 
Description:
Version: 1.1
Text Domain: twentytwelve

*/

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: fallback; 
	src:	url("fonts/Montserrat/Montserrat-Regular.eot"); 											/* IE9 Compat Modes */
	src:	url("fonts/Montserrat/Montserrat-Regular.eot?#iefix")		format("embedded-opentype"),	/* IE6-IE8 */ 
			url("fonts/Montserrat/Montserrat-Regular.woff2")			format("woff2"),				/* Super Modern Browsers */
			url("fonts/Montserrat/Montserrat-Regular.woff")				format("woff"),					/* Modern Browsers */ 
			url("fonts/Montserrat/Montserrat-Regular.ttf")				format("truetype"),				/* Safari, Android, iOS */
			url("fonts/Montserrat/Montserrat-Regular.svg#Montserrat")	format("svg");					/* Legacy iOS */ }

@font-face { font-family: "Satisfy"; font-style: normal; font-weight: 400; font-display: fallback;
	src: 	url("fonts/Satisfy/Satisfy-Regular.eot");													/* IE9 Compat Modes */
	src: 	url("fonts/Satisfy/Satisfy-Regular.eot?#iefix")				format("embedded-opentype"),	/* IE6-IE8 */
			url("fonts/Satisfy/Satisfy-Regular.woff2") 					format("woff2"), 				/* Super Modern Browsers */ 
			url("fonts/Satisfy/Satisfy-Regular.woff")					format("woff"), 				/* Modern Browsers */ 
			url("fonts/Satisfy/Satisfy-Regular.ttf")					format("truetype"), 			/* Safari, Android, iOS */
			url("fonts/Satisfy/Satisfy-Regular.svg#Satisfy")			format("svg"); 					/* Legacy iOS */ }

@font-face { font-family: "Scada"; font-style: normal; font-weight: 400; font-display: fallback; src: url("fonts/Scada/Scada-Regular.eot"); /* IE9 Compat Modes */
 src: url("fonts/Scada/Scada-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/Scada/Scada-Regular.woff2") format("woff2"), /* Super Modern Browsers */ url("fonts/Scada/Scada-Regular.woff")
 format("woff"), /* Modern Browsers */ url("fonts/Scada/Scada-Regular.ttf")
 format("truetype"), /* Safari, Android, iOS */ url("fonts/Scada/Scada-Regular.svg#Scada")
 format("svg"); /* Legacy iOS */ }

@font-face { font-family: "Scada"; font-style: bold; font-weight: 600; font-display: fallback; src: url("fonts/Scada/Scada-Bold.eot"); /* IE9 Compat Modes */
 src: url("fonts/Scada/Scada-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/Scada/Scada-Bold.woff2") format("woff2"), /* Super Modern Browsers */ url("fonts/Scada/Scada-Bold.woff")
 format("woff"), /* Modern Browsers */ url("fonts/Scada/Scada-Bold.ttf") format("truetype"), /* Safari, Android, iOS */ url("fonts/Scada/Scada-Bold.svg#Scada")
 format("svg"); /* Legacy iOS */ }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: auto; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; }

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 0.8em; font-weight: bold; text-transform: uppercase; color: #636363; margin-bottom: 0.25em; line-height: 1.5; }

#sidebar_accueil aside.widget_media_image:not(:first-child) { border-top: 1px dotted grey !important; padding-top: 1em !important; }
#sidebar_accueil aside.widget_media_image img { border: 1px solid white; transition: all 0.25s; }
#sidebar_accueil aside.widget_media_image a:hover img { border-color: grey; }
/* Shared Post Format styling */
article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }

/* Form fields, general styles first */
button, input, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; }
button, input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }

/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }

/* Buttons */
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }

button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type="submit"]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: linear-gradient(top, #f9f9f9, #ebebeb); }

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border: none; }
li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }

/* Responsive images */
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

/* Make sure videos and embeds fit their containers */
embed, iframe, object, video { max-width: 100%; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 border-radius: 3px; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/ }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */
 padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }

/* Navigation */
.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px 0; padding: 1.714285714rem 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }
.nav-previous, .previous-image { float: left; width: 50%; }
.nav-next, .next-image { float: right; text-align: right; width: 50%; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; }

/* Author profiles */
.author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; }
.author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; }
.author.archive .author-avatar { margin-top: 0; }

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

html { font-size: 87.5%; }
body { font-size: 14px; font-size: 1rem; font-family: "Montserrat", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #40698b; }

a { color: #21759b; }
a:hover { color: #0f3647; }

/* Assistive text */
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }

/* Page structure */
.site { background: linear-gradient(to bottom, #ffffff 55%, #dae4e8 100%); /* W3C */ }

.widget-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; }

/* Header */
.site-header h1, .site-header h2 { text-align: center; }
.site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; }
.site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; }
.site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; }
.site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.header-image { margin-top: 24px; margin-top: 1.714285714rem; }

/* Banner */
section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; }

/* Sidebar */
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; }
.widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; }
.widget-area .widget a { color: #757575; }
.widget-area .widget a:hover { color: #21759b; }
.widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }

/* Footer */
footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; }
footer[role="contentinfo"] a { color: #686868; }
footer[role="contentinfo"] a:hover { color: #21759b; }

#error_message { position: fixed; background: rgba(0, 0, 0, 0.9); z-index: 1000; align-items: center; padding: 1em; display: none; top: 0; left: 0; width: calc(100% - 2em); height: calc(100% - 2em); }
#error_message > div { padding: 2em; background: white; flex: auto; width: calc(100% - 4em); max-width: 600px; position: relative; margin: 0 auto; }
#error_message > div > span { position: absolute; display: block; padding: 0.5em; background: black; color: #fff; margin: 0.5em; cursor: pointer; top: 0; right: 0; }
#error_message > div > span:hover { background-color: #333333; }
#error_message > div p { font-size: 1.5em; text-align: center; margin: 1em 0 0.5em; line-height: 1.4; }

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta { clear: both; }
.entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header .entry-title, h1.entry-title { font-size: 2em; line-height: 1; font-weight: normal; font-family: "Scada", arial, sans-serif; }

.entry-header .entry-title a { text-decoration: none; }
.entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; }
.entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.comments-link a, .entry-meta a { color: #757575; }
.comments-link a:hover, .entry-meta a:hover { color: #21759b; }
article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; }

.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; }
.entry-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; }
.entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; }
.entry-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; }
.entry-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; }
.entry-content h5, .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; }
.entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; }
.entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; }
.entry-content ol, .comment-content ol { list-style: decimal outside; }
.entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; }
.entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; }
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; }
.entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; }
.entry-content pre code, .comment-content pre code { display: block; }
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
img.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; }
img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; }
.entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; /*width: 100%;*/ }
.entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }

.page-links { clear: both; line-height: 1.714285714; }
footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.single-author .entry-meta .by-author { display: none; }
.mu_register h2 { color: #757575; font-weight: normal; }

/* =Archives
-------------------------------------------------------------- */

.archive-header, .page-header { padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; }
.archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; }

/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment { overflow: hidden; }
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; }

/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
article.format-aside h1 a { text-decoration: none; color: #4d525a; }
article.format-aside h1 a:hover { color: #2e3542; }
article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; }
article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; }
article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; }

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; }
article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }
article.format-image footer a h2 { font-weight: normal; }

/* Link posts */
article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; }
article.format-link .entry-content { max-width: 80%; float: left; }
article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; }

/* Quote posts */
article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; }
article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; }

/* Status posts */
.format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.format-status .entry-header header { display: inline-block; }
.format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; }
.format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; }
.format-status .entry-header header a { color: #757575; }
.format-status .entry-header header a:hover { color: #21759b; }
.format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; }

/* =Comments
-------------------------------------------------------------- */

.comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; }
.comments-area article { margin: 24px 0; margin: 1.714285714rem 0; }
.comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; }
.comments-area article header img { float: left; padding: 0; line-height: 0; }
.comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; }
.comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; }
a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }

/* Comment form */
#respond { margin-top: 48px; margin-top: 3.428571429rem; }
#respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; }
#respond form { margin: 24px 0; margin: 1.714285714rem 0; }
#respond form p { margin: 11px 0; margin: 0.785714286rem 0; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; }
.required { color: red; }

/* =Front page template
-------------------------------------------------------------- */

.entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; }
.template-front-page .site-content article { border: 0; /*margin-bottom: 0;*/ }
.template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; }
.template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; }
.template-front-page .widget-area .widget li a { color: #757575; }
.template-front-page .widget-area .widget li a:hover { color: #21759b; }
.template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; }

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; }
.widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; }
.widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; }
#wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: center; }
#wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; }
#wp-calendar tr { margin-bottom: 1px; }
#wp-calendar td { width: 14%; border: 1px solid #fff; background: #f0f0f0; }
#wp-calendar a { text-decoration: none; background: #6cf; display: block; color: #ffffff; }

#wp-calendar tfoot td { background: none; }

.widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }

.widget_search input[type="text"] { width: 50%; display: inline-block; }
.widget_search input[type="submit"] { display: inline-block; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }

/* =Plugins
----------------------------------------------- */

img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; }





/*=========================================================================================*/
/*                                                                                         */
/*                                       PERSO                                             */
/*                                                                                         */
/*=========================================================================================*/

.spacer { clear: both; }

#soleil, #bandeau_haut { display: none; }

#page { position: inherit; }

/* NAVIGATION */

#ouvrir_menu { background: #000000; padding: 1em 0.5em; color: #ffffff; text-decoration: none; border-radius: 5px 0 0 5px; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; display: inline-block; position: absolute; top: 1em; right: 0; z-index: 6; }

#fermer_menu { padding: 1em; color: #ffffff; text-decoration: none; display: block; text-align: right; vertical-align: top; }

.main-navigation { width: 100%; background: #000000; position: absolute; top: 0; left: 0; z-index: 5; min-height: 100%; padding-top: 0; box-shadow: rgba(0, 0, 0, 1) 0 0 30px; text-align: right; display: none; }
.main-navigation li { display: block; text-align: left; }
.main-navigation .nav-menu > li { padding-bottom: 1em; }
.main-navigation .nav-menu > li > a { padding: 1em 0.5em 0.5em 0.5em; text-transform: uppercase; }
.main-navigation .sub-menu a { padding: 0.5em 0.5em 0.5em 1em; border-top: 1px dotted rgba(255, 255, 255, 0.5); }
.main-navigation .sub-menu .sub-menu a { padding: 0.5em 0.5em 0.5em 1.5em; }

@media screen and (max-width: 960px) { .main-navigation { max-width: 400px; }
 .main-navigation .sub-menu a:before { content: "► "; font-size: 0.5em; }
}

.main-navigation a { font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; text-decoration: none; color: #ffffff; display: block; font-size: 1.3em; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px; }

.main-navigation > div > ul > li:nth-child(1), .main-navigation > div > ul > li:nth-child(1) .sub-menu li { background-color: #006ab3; }
.main-navigation > div > ul > li:nth-child(2), .main-navigation > div > ul > li:nth-child(2) .sub-menu li { background-color: #2799d1; }
.main-navigation > div > ul > li:nth-child(3), .main-navigation > div > ul > li:nth-child(3) .sub-menu li { background-color: #008634; }
.main-navigation > div > ul > li:nth-child(4), .main-navigation > div > ul > li:nth-child(4) .sub-menu li { background-color: #97bf0d; }
.main-navigation > div > ul > li:nth-child(5), .main-navigation > div > ul > li:nth-child(5) .sub-menu li { background-color: #eb2800; }
.main-navigation > div > ul > li:nth-child(6), .main-navigation > div > ul > li:nth-child(6) .sub-menu li { background-color: #fb8800; }
.main-navigation > div > ul > li:nth-child(7), .main-navigation > div > ul > li:nth-child(7) .sub-menu li { background-color: #ffc600; }

/* COLONNE HEADER A GAUCHE */

.site-header { padding: 1em 0 2em 0; margin: 0; box-shadow: #ccc 0 0 20px; }
.site-header hgroup { display: inline-block; padding: 0; text-align: center; }
.site-header .site-title { width: 30%; display: inline-block; margin: 0 2% 0 0; vertical-align: middle; text-align: right; }

.site-header .site-title img { width: 100%; }
.site-header .site-description { width: 60%; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 1.1em; line-height: 1.4em; color: #004494; text-align: left; vertical-align: middle; }

/* FIFA */
.site-header #text_icl-3 { display: none; }

/* WIDGET */
.site-header .second { display: none; }

/* FORMULAIRE */

.formulaire .gform_wrapper input[type="text"] { font-size: 2em; }

/* PLAN DU SITE */
#plan_site .children { margin: 1em 0 1em 2em; }
#plan_site li { margin: 0 0 0.5em 0; }
#plan_site a { text-decoration: none; display: inline-block; padding: 1em; background: #cccccc; }

/* MESSAGE D'ALERTE */
#alerte { border: none; padding: 0; margin: 1em 0; float: none; width: 100%; overflow: hidden; position: relative; height: 2em; background: #ffff00; }
#alerte .front-widgets { overflow: hidden; padding: 0.5em 0; margin: 0; float: none; display: inline-block; width: 5000px; height: 1em; position: absolute; left: 0; }
#alerte aside { margin: 0; padding: 0 0 0 0.5em; display: inline-block; position: absolute; }
#alerte aside > * { font-size: 1.2em; line-height: 1em; padding: 0; display: inline-block; margin: 0; color: #ff0000; text-transform: inherit; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; text-decoration: none; }
#alerte aside > *:before { content: " ● "; }
#alerte aside .textwidget { display: inline-block; color: #ff0000; margin: 0; padding: 0; font-size: 1.2em; line-height: 1em; }

/* PAGE D'ACCUEIL*/
.spacer { clear: both; }
.container_derniere_actu, .mes_articles li { position: relative; margin-bottom: 1em; background: #ffffff; /* Old browsers */
 background: linear-gradient(to bottom, #ffffff 55%, #eaeff2 100%); /* W3C */

 box-shadow: #ccc 0 0 5px; border-radius: 5px 0 5px 5px; }

.site-content { padding: 1em; }

#nav_menu-3 .mes_articles li { width: 96%; padding: 2%; }

/* ARTICLES */
.mes_articles article { background: url(design/fleche_verte.png) no-repeat 99% 95%; padding: 0.5em; }

.container_actus li { cursor: pointer; }

.mes_articles article.type-page { background: none; }

.page_accueil article { padding: 1em; }
.page_actus article, .page_accueil .container_dernieres_actus article { padding: 0.5em; }

.mes_articles article:hover { background-position: 100% 95%; }

.mes_articles article h1 { font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; font-weight: normal; display: inline-block; vertical-align: top; }
.mes_articles article h1 a { text-decoration: none; }

.mes_articles .container_dernieres_actus figure { display: inline-block; }
.mes_articles figure { border-radius: 3px; box-shadow: #ccc 0 0 5px; overflow: hidden; margin-bottom: 1em; }
.mes_articles figure img { margin-bottom: -3px; width: 100%; }

.page_actus .container_actus figure { margin-right: 1em; float: left; width: 50%; }

.container_derniere_actu article, .container_dernieres_actus article { cursor: pointer; }

.container_derniere_actu h1, .container_actus h1 { font-size: 2em; line-height: 1.2em; padding: 0.5em 0 0.5em 0; }
.container_derniere_actu p, .container_actus p { font-size: 1em; line-height: 1.5em; padding: 0 2.5em 1em 0; }

.container_dernieres_actus figure { width: 25%; margin: 0; }
.container_dernieres_actus section { width: 65%; margin: 0.5em 0 0 0.5em; display: inline-block; vertical-align: top; }
.container_dernieres_actus h1 { font-size: 1.3em; line-height: 1.2; padding: 0; margin: 0.5em 0; }
.container_dernieres_actus p { font-size: 0.9em; line-height: 1.4; padding: 0; }

p.date { margin: 0; font-size: 0.8em; position: absolute; background: #999999; background: rgba(0, 0, 0, 0.25); color: #ffffff; right: 0; top: 0em; padding: 0.2em 0.5em 0.3em 1.5em; border-radius: 0 0 0 30px; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px; box-shadow: inset rgba(0, 0, 0, 0.5) 2px -2px 5px; }

.full_image_page { margin-bottom: 2em; }

.page_archives .container_actus img { margin-right: 1em; float: left; width: 25%; }
.page_archives .container_actus h1 { font-size: 1.2em; line-height: 1.3em; }
.page_archives .container_actus p {
}

/* SIDEBAR PAGE ACTU*/
#sidebar_actus { padding: 1em; margin-top: 1em; }
#sidebar_actus > aside { margin-bottom: 1em; border-bottom: 1px dotted #999; padding-bottom: 1em; }
#sidebar_actus > li > h1 { margin: 0 0 0.5em 0; }
#sidebar_actus .widget_recent_entries > ul { list-style-type: disc; margin-left: 1.5em; }
#sidebar_actus .widget_recent_entries li { margin: 1em 0; }
#sidebar_actus .widget_recent_entries a { margin: 0; padding: 0; text-decoration: none; font-weight: normal; font-size: 1em; line-height: 1.2; }

#sidebar_actus .widget_archive li { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; padding: 0 0.5em; border-radius: 3px; display: inline-block; margin: 0 0.5em 0.5em 0; font-size: 0.8em; }
#sidebar_actus .widget_archive li a { text-decoration: none; padding: 0.5em 0; display: inline-block; }

#liste_titres_actus > li { margin: 1em 0; padding: 0; }
#liste_titres_actus > li > a { display: block; text-decoration: none; line-height: 1.1em; font-size: 1.1em; }
#liste_titres_actus > li > a:hover { text-decoration: underline; }

/* ARTICLE SEUL */

.article_seul h1 { font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; font-weight: normal; font-size: 2.2em; margin: 0 0 0.5em 0; }
.article_seul figure { margin-bottom: 1em; }
.article_seul article { padding: 0 0.5em; }
.article_seul p { margin: 0 0 0.5em 0; line-height: 1.6em; }
.article_seul blockquote { padding: 0.5em 1em; margin-bottom: 1em; border-bottom: 1px dotted #e2e2e2; border-top: 1px dotted #e2e2e2; font-family: "Satisfy", sans-serif; font-size: 1.5em; line-height: 1.6em; }

.article_seul p.date { position: inherit; box-shadow: none; margin-bottom: 2em; border-radius: 0; font-size: 1em; background: rgba(0, 0, 0, 0.25); display: inline-block; padding: 0.25em 1em; }

/* ARTICLE A LA UNE */
.article_une { margin: 0 0 1em 0; display: block; clear: both; }
.article_une h1 { font-size: 2em; margin-bottom: 0.5em; font-weight: normal; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; }

/* CONTAINER PRINCIPAL */
#container_principal { margin: 2em 0; padding-left: 1em; }

/* GABARIT PAGE AVEC DU CONTENU ET DES LIENS */

.gabarit_contenu_liens #container1 { padding-right: 3%; }
.gabarit_contenu_liens #container2 { clear: both; }
.liste_liens h3 { display: none; }
.liste_liens ul { margin: 0; padding: 0; list-style-type: none; }
.liste_liens li, .wp-block-button { margin: 0 0 1em 0; padding: 0; display: inline-block; width: 40%; margin-right: 1%; box-shadow: #999 1px 1px 5px; background: linear-gradient(to bottom, #016bb4 0%, #2698d0 100%); /* W3C */ }

.wp-block-button { width: 100%; }

.liste_liens li:hover, .wp-block-button:hover { box-shadow: none; }

.liste_liens li:first-child { background: linear-gradient(to bottom, #083051 0%, #3f688a 100%); /* W3C */ }
.liste_liens li a, .wp-block-button__link { text-decoration: none; color: #ffffff; display: block; padding: 0.5em 2em 0.5em 0.5em; font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-transform: uppercase; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; min-height: 5em; background: url(design/fleche_blanche.png) no-repeat 95% 88%; text-align: left; border-radius: 0; }

.liste_liens li a:hover, .wp-block-button__link:hover { background-position: 99% 88%; }

/* TROMBINOSCOPE */
.galerie { margin: 0 0 2em 0; }
.galerie article { display: none; padding: 1%; margin: 0 1% 1% 0; box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px; background: linear-gradient(to bottom, #ffffff 0%, #eaeff2 100%); /* W3C */ }
.galerie img { width: 100%; }
.galerie .post-meta { padding: 0 0.5em; font-size: 0.9em; line-height: 1.5em; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; margin: 0; }
.galerie .post-meta span { display: none; }

.galerie ul, .galerie li { margin: 0; padding: 0; list-style-type: none; }

#trombinoscope article { width: 45%; margin: 0 3% 3% 0; text-align: center; cursor: default !important; }
#trombinoscope h1 { font-size: 1em; line-height: 1.1em; margin: 0.5em 0; padding: 0; }
#partenaires article, #hebergeants article { width: 47%; cursor: pointer; }

#trombinoscope article.lien_url { cursor: pointer !important; }
#trombinoscope article.lien_url:hover { background-color: #40698b; color: #ffffff; }

/* COLONNE ACCUEIL */
#sidebar_accueil { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px #cccccc dotted; }

#sidebar_accueil aside { margin: 1em 0 0 0; }
#sidebar_accueil aside:first-child { margin: 0; }
#sidebar_accueil aside li { display: block; margin-bottom: 1em; background: linear-gradient(to bottom, #ffffff 55%, #eaeff2 100%); box-shadow: #ccc 0 0 5px; border-radius: 5px; }
#sidebar_accueil aside h3 { padding-bottom: 0.5em; }
#sidebar_accueil aside li a { display: block; padding: 0.5em 3em 0.5em 0.5em; text-decoration: none; text-transform: uppercase; min-height: 4em; font-size: 1em; line-height: 1em; background: url(design/fleche_article.png) no-repeat 97% 50%; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; }
#sidebar_accueil aside li:hover a { background-position: 100% 50%; }

#sidebar_accueil aside li:nth-child(even) { margin-right: 0; }

/* FOOTER */
#colophon { margin: 0; padding: 0; border: none; clear: both; background: #45525b; }
#colophon > section:first-child { padding: 1.5em 18px; background: #b8c5cc; }

#colophon #logos_deroulants { display: none; }

#colophon #liens { width: 100%; display: inline-block; vertical-align: top; text-align: right; }
#colophon #liens ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
#colophon #liens li { padding: 0; display: inline-block; width: 48%; margin: 0 0 0 1%; box-shadow: #999 1px 1px 5px; vertical-align: top; background: linear-gradient(to bottom, #016bb4 0%, #2698d0 100%); }

#colophon #liens li:first-child { background: linear-gradient(to bottom, #083051 0%, #3f688a 100%); /* W3C */ }

#colophon #liens li a { text-decoration: none; color: #ffffff; display: block; padding: 0.5em 2em 0.5em 0.5em; font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-transform: uppercase; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; background: url(design/fleche_blanche.png) no-repeat 95% 88%; height: 5em; text-align: left; }

#colophon #liens li a:hover { background-position: 99% 88%; }

#colophon .menu-menu-secondaire-container { display: table; margin-right: 1em; }
#colophon .menu-menu-secondaire-container li { display: table-cell; vertical-align: top; }
#colophon .menu-menu-secondaire-container li a { text-decoration: none; text-transform: uppercase; padding: 1.5em 1em; color: #d9e2e7; font-size: 0.8em; display: block;

 border-left: rgba(0, 0, 0, 0.25) 1px solid; background: linear-gradient(to bottom, #627781 0%, #45525b 100%); /* W3C */ }

#colophon .menu-menu-secondaire-container li:first-child a { border: none; }

#colophon .menu-menu-secondaire-container li a:hover { box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 2px; color: #fff;

 background: linear-gradient(to bottom, #45525b 0%, #627781 100%); /* W3C */ }

/* PALMARES */
.palmares { font-family: Arial, Helvetica, sans-serif; width: 100%; text-align: center; font-size: 1.1em; }
.palmares thead { background: #fb8800; padding: 0; height: inherit; }
.palmares th { padding: 0.5em 0 0 0; }
.palmares th img { padding: 0; border: none; margin: 0; }
.palmares td { padding: 0.5em 1%; }
.palmares td { border-bottom: 1px dotted #cccccc; background: rgba(255, 255, 255, 0.5); }

.palmares tr:nth-child(even) { background: rgba(0, 0, 0, 0.05); }
.palmares td.vainqueur { font-weight: bold; color: #09c; }

.palmares .annee { text-align: center; }
.palmares .vainqueur { text-align: center; }
.palmares .finale { display: none; text-align: center; }
.palmares .score { display: none; text-align: center; }

.palmares .lien a { text-decoration: none; padding: 0 0.5em; background: #666; color: #fff; border-radius: 3px; box-shadow: #ccc 1px 1px 5px; display: block; height: 100%; }
.palmares .lien a:hover { background: #000; }

/* LISTE DES PAYS */
.liste_drapeaux { margin: 0; padding: 0; list-style-type: none; }
.liste_drapeaux li { margin: 0; padding: 0; display: inline-block; }
.liste_drapeaux li a { cursor: pointer; }
.liste_drapeaux li a img { box-shadow: #ccc 1px 1px 5px; }
.tablo_pays { width: 100%; margin-bottom: 4em; }
.tablo_pays thead { background: #fb8800; border-radius: 1em 1em 0 0; }
.tablo_pays th { vertical-align: middle; text-transform: inherit; padding: 0.5em; color: #ffffff; }
.tablo_pays tr:nth-child(even) { background: rgba(0, 0, 0, 0.05); }
.tablo_pays th span { font-size: 1.5em; line-height: 1em; font-weight: bold; }
.tablo_pays td { border-bottom: 1px dotted #cccccc; background: rgba(255, 255, 255, 0.5); padding: 0.5em; vertical-align: middle; font-size: 1.2em; color: inherit; line-height: 1; }
.tablo_pays td span { background: #fb8800; color: #ffffff; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; font-size: 0.8em; padding: 0.2em 0.4em; border-radius: 3px; margin-left: 0.5em; display: inline-block; }
.tablo_pays .part, .tablo_pays .vict { width: 10%; text-align: center; }
.tablo_pays .pays { text-align: left; font-size: 1.3em; }
.tablo_pays .pays img { margin-right: 0.5em; }
.tablo_pays .pays img, .tablo_pays .pays span { display: inline-block; vertical-align: middle; }
.tablo_pays .pays span { margin-right: 0.5em; }
.tablo_pays tfoot { background: rgba(0, 0, 0, 0.2); }
.tablo_pays tfoot td { font-weight: bold; }

.section_pays { display: none; }

/* LISTE DES COMMUNES */

.liste_communes { margin: 2em 0; padding: 0; list-style-type: none; clear: both; }
.liste_communes li { display: inline-block; width: 20%; box-shadow: #ccc 1px 1px 5px; margin: 0 0.5em 0.5em 0; text-align: center; }
.liste_communes li a { display: block; text-decoration: none; padding: 0.5em; }
.liste_communes li figure, .liste_communes li figure img { width: 100%; }
.liste_communes li h2 { font-size: 1.2em; line-height: 1; padding: 0; margin: 0; }

/* LISTE DOCUMENTS */
#liste_documents { list-style-type: none; }
#liste_documents li { margin: 0 0 0.5em; position: relative; }
#liste_documents li a { padding: 1em; text-decoration: none; color: #fff; font-size: 1.2em; line-height: 1; display: block; background: #999; border-radius: 5px; box-shadow: #ccc 1px 1px 5px; }
#liste_documents li a:hover { background: #666666; }
#liste_documents li img { position: absolute; width: 2em; right: -0.25em; top: -0.25em; }

/* LISTE DES GROUPES */
#liste_tableaux_groupe { list-style-type: none; margin: 0; padding: 0; }
#liste_tableaux_groupe li { margin: 0; padding: 0; }
#liste_tableaux_groupe li table { width: 100%; margin: 0 0 1em 0; padding: 0; background: #fff; box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px; }
#liste_tableaux_groupe li table td { vertical-align: middle; }
#liste_tableaux_groupe li table tr:nth-child(odd) { background: rgba(0, 0, 0, 0.05); }
#liste_tableaux_groupe li table td:first-child { text-align: center; }
#liste_tableaux_groupe li table th { text-align: center; font-size: 1.2em; background: #fff; text-transform: none; padding: 1em 0; }

@media screen and (min-width: 960px) { 
	#liste_tableaux_groupe li { display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; }
}

#liste_localisations { list-style-type: none; margin: 0 0 2em 0; padding: 0; }
#liste_localisations li { margin: 0; padding: 0; }
#liste_localisations > li { list-style-type: none; padding-left: 2em; }

@media screen and (min-width: 960px) { 
	#liste_localisations > li { display: inline-block; width: 44%; margin-right: 1%; vertical-align: top; }
}

/*=========================================================================*/
/*             */
/*    Media queries (min-width: 600px)    */
/*             */
/*=========================================================================*/

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) { 
  body { padding: 0 1%; background: linear-gradient( to bottom, #006ab3 0%, #1a8fcc 38%, #aed4e8 89% ); }

 .site { margin: 120px auto 0 auto; max-width: 1200px; border-radius: 3px; }

 .site-content { margin: 2em 0 0 0; box-shadow: none; padding: 0; }

 body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content { width: 100%; }
 .widget-area { float: right; width: 26.041666667%; }

 .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; }

 .entry-header .entry-title { font-size: 2.5em; }
 #respond form input[type="text"] { width: 46.333333333%; }
 #respond form textarea.blog-textarea { width: 79.666666667%; }

 .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; }
 .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
 .template-front-page .widget-area .widget:nth-child(odd) { clear: right; }
 .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars
 .widget-area
 .front-widgets
 + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
 .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; }
 .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; }

 #page { padding: 0; width: 100%; }

 #page > header { display: inline-block; width: 35%; margin: 0; padding: 0; vertical-align: top; position: relative; top: -70px; }

 /* COLONNE HEADER A GAUCHE */

 .site-header .second { display: block; }

 .site-header { text-align: center; box-shadow: none; }

 #soleil { position: absolute; z-index: -1; background: url(design/soleil.png) no-repeat center; width: 720px; height: 745px; display: block; left: 49.5%; margin-left: -365px; top: -272px; }

 .hgroup { text-align: center; }

 /* TITRE */
 .site-header h1.site-title { display: inline-block; background: #ffffff; padding: 15px; border-radius: 80px 80px 0 0; width: inherit; width: 129px; height: 185px; }
 .site-header h1.site-title img { max-width: 129px; }

 .site-header h2.site-description { text-align: center; padding: 0 8%; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 1.3em; line-height: 1.4em; color: #004494; width: inherit; }

 /* FIFA */
 .site-header #text-2 { text-align: center; display: block; }
 .site-header #text-2 a { text-decoration: none; font-size: 0.9em; display: inline-block; position: relative; font-weight: normal; text-align: right; padding-right: 40px; }
 .site-header #text-2 a img { position: absolute; top: -5px; right: 0; }

 /* TITRE DES ENCARTS */
 .site-header h3.widget-title { text-transform: none; font-family: "Montserrat", sans-serif; font-weight: normal; font-size: 1em; line-height: 1.2em; color: #004494; margin-bottom: 0.5em; }

 /* FORMAT ENCART */
 .site-header aside { text-align: left; margin: 15px 6% 0 6%; border-top: 1px dotted #40698b; padding: 15px 0 0 0; display: none; }
 .site-header aside:first-child { border: none; margin-top: 0; }

 /* ENCART BRETON*/
 .brezhoneg { font-family: "Montserrat", sans-serif; text-align: center; padding: 6%; background: #000000; color: #fff; font-size: 1em; line-height: 1.2em; }
 .brezhoneg { margin: 0 5px 5px 0; }
 .brezhoneg .jaune { color: #ffff00; }

 .site-header aside { display: block; }
 .site-header aside ul { text-align: center; }

 #main.wrapper { display: inline-block; width: 60%; vertical-align: top; padding: 2% 2% 3% 2%; margin: 0; background: url(design/ombre_laterale.png) no-repeat 0 -30px; }

 /* FOOTER */

 /* GALERIE DEROULANTE DES PARTENAIRES */
 #colophon #logos_deroulants { width: 51%; overflow: hidden; display: inline-block; vertical-align: top; height: 6.5em; position: relative; background: #ffffff; /* Old browsers */
 }

 #colophon #logos_deroulants section { width: 6000px; position: absolute; padding: 0 10px; }
 #colophon #logos_deroulants ul { overflow: hidden; display: flex; height: 6.5em; position: absolute; top: 0; align-items: center; }
 #colophon #logos_deroulants li { padding: 0.5em 0.5em 0 0.5em; flex: 150px; cursor: pointer; }
 #colophon #logos_deroulants figure { vertical-align: middle; }
 #colophon #logos_deroulants figure img { width: 100%; }

 /* LIENS */
 #colophon #liens { width: 48%; }

 /* BANDEAU DU HAUT */

 #bandeau_haut { position: relative; background: rgba(255, 255, 255, 0.5); padding: 10px; top: -80px; border-radius: 10px 10px 0 0; z-index: -3; display: inline-block; right: 0; }
 #bandeau_haut > div { margin-left: 6px; }
 #bandeau_haut > div:first-child { margin: 0; }

 /* PANNEAU CREDIT AGRICOLE*/
 #bandeau_haut #encarts_partenaires { padding: 12px 10px 7px 10px; top: -21px; position: relative; border-radius: 5px 5px 0 0; cursor: pointer; display: inline-block; background: linear-gradient(to bottom, #ffffff 55%, #eaeff2 100%); /* W3C */
 }
 #bandeau_haut #encarts_partenaires > li { display: inline-block; vertical-align: top; height: 69px; }

 #bandeau_haut #encarts_partenaires .texte { font-size: 0.9em; line-height: 1.3em; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; text-transform: uppercase; width: calc(100% - 69px - 0.25em - 25px); display: none; padding-left: 5px; }

 #pub_flash { display: none; }

 /* GESTION DES LANGUES */
 #liste_languages { width: auto; display: inline-block; }

 #lang_sel_list { width: 100%; border: none; display: block; float: right; margin: 0; }
 #lang_sel_list ul { border: none; width: inherit; }
 #lang_sel_list li { width: inherit; position: relative; }
 #lang_sel_list li a { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; font-size: 1em; padding: 0.5em; text-transform: uppercase; border: none; background: linear-gradient(to bottom, #ffffff 55%, #ccc 100%); /* W3C */
 }
 #lang_sel_list li a:hover { position: relative; background: #fff; box-shadow: inset #ccc 1px 1px 3px; top: 1px; left: 1px; }
 #lang_sel_list li a.lang_sel_sel { display: none; }

 #trombinoscope article { width: 29%; margin: 0 2% 2% 0; }
 #partenaires article, #hebergeants article { width: 30%; }
}

/*=========================================================================*/
/*                                                                         */
/*                   Media queries (min-width: 1000px)                     */
/*                                                                         */
/*=========================================================================*/

/* Minimum width of 1000 pixels. */

@media screen and (min-width: 1000px) {
	
 body.custom-background-empty .site, body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none; }

 #page { position: relative; }
 #page > header { width: 25%; }
 #main.wrapper { width: 70%; min-height: 700px; }

 /* CONTAINER PRINCIPAL */
 #container_principal { padding: 0; width: 100%; }
 #container1 { width: 67%; display: inline-block; vertical-align: top; padding-right: 3%; }
 #container2 { width: 29%; display: inline-block; vertical-align: top; padding: 0; }

 .gabarit_contenu_liens #container1 { width: 74%; display: inline-block; vertical-align: top; }
 .gabarit_contenu_liens #container2 { width: 22%; display: inline-block; vertical-align: top; }
 .liste_liens li { display: block; width: 100%; }

 #sidebar_actus { padding: 0; }
 #sidebar_actus .liste_dernieres_actus a { font-size: 0.9em; }
 #sidebar_actus > li > a, #sidebar_actus > li > h1 { font-size: 0.9em; }

 /* COLONNE ACCUEIL */
 #sidebar_accueil { margin: 0; padding: 0; border: none; width: 100%; }
 #sidebar_accueil aside li { display: block; margin: none; }

 #partenaires li { margin: 0 1% 1% 0; padding: 1.5%; }

 #bandeau_haut { position: absolute; background: #80b5d9; padding: 10px; top: -80px; right: 19px; z-index: 1; height: 60px; display: block; }
 #bandeau_haut > * { display: block; margin-left: 6px; float: left; }
 #bandeau_haut #encarts_partenaires { bottom: 0; padding: 10px; top: -19px; max-width: 300px; }
 #bandeau_haut #encarts_partenaires a { display: block; text-decoration: none; }

 #bandeau_haut #encarts_partenaires a:hover > * { display: inline-block; vertical-align: middle; }

 /* BANDEAU FLASH */
 #bandeau_haut #pub_flash { background: rgba(0, 0, 0, 0.5); width: 468px; height: 60px; display: inline-block; }

 /* NAVIGATION */

 #ouvrir_menu { display: none; }
 #fermer_menu { display: none; }

 .main-navigation { display: table; padding: 0.25em 0.3em 0.15em 0.3em; background: #f0f0f0; border-radius: 5px; box-shadow: inset 2px 2px 5px #ccc; margin: 0; position: inherit; width: 100%; }
 .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; text-align: left; width: 100%; z-index: 4; }
 .main-navigation ul { margin: 0; text-indent: 0; }
 .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; }
 .main-navigation li a { border-bottom: 0; color: #6a6a6a; text-transform: uppercase; white-space: nowrap; }
 .main-navigation li a:hover { color: #000; }
 .main-navigation li { margin: 0; position: relative; }
 .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; z-index: 1; top: 99%; }
 .main-navigation li ul ul { top: 0; left: 100%; }
 .main-navigation ul li:hover > ul { border-left: 0; display: block; }
 .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; white-space: normal; }

 .main-navigation .nav-menu { border: none; margin: 0; padding: 0; position: relative; width: 100%; }
 .main-navigation .nav-menu, .main-navigation div.nav-menu > ul { display: inline-table !important; }
 .main-navigation .nav-menu > li { background-image: url(design/lueur_bouton.png); background-repeat: repeat-x; background-size: 100% 100%; display: table-cell; vertical-align: middle; width: 14.28257%; margin: 0; padding: 0; }
 .main-navigation .nav-menu > li:hover { background-image: none; }
 .main-navigation .nav-menu li ul li a { width: 260px; }
 .main-navigation .nav-menu li:last-child ul { right: 0; }
 .main-navigation .nav-menu li:last-child ul li { margin: 0; }
 /*.main-navigation > div > ul >li:nth-child(2) { background-image:url(design/U17.png), url(design/lueur_bouton.png); background-repeat:no-repeat, repeat-x;}
		.main-navigation > div > ul >li:nth-child(3) { background-image:url(design/U15.png), url(design/lueur_bouton.png); background-repeat:no-repeat, repeat-x;}*/
 .main-navigation > div > ul > li:hover { box-shadow: rgba(0, 0, 0, 0.25) 0 0 5px; z-index: 2; }

 .main-navigation .nav-menu a { font-size: 1.2em; line-height: 1.2em; }
 .main-navigation .nav-menu a:hover { color: #fff; }
 .main-navigation .nav-menu > li > a { white-space: normal; text-align: center; padding: 0.5em; margin: 0; color: #ffffff; display: block; text-shadow: black 0 0 3px; font-weight: normal; letter-spacing: 0.05em; }
 .main-navigation .nav-menu > li.current-menu-item, .main-navigation .nav-menu > li.current-menu-ancestor { background-image: none; box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 3px; }
 .main-navigation .nav-menu > li.current-menu-item a { font-weight: bold; }
 .main-navigation .nav-menu ul li { border: none; }
 .main-navigation .nav-menu ul li a { color: #ffffff; background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); text-transform: inherit; }
 .main-navigation .nav-menu ul li:first-child a { border-top: 1px solid rgba(0, 0, 0, 0.2); }
 .main-navigation .nav-menu ul li:last-child a { border-bottom: none; border-radius: 0 0 3px 3px; }
 .main-navigation .nav-menu > li ul li a:hover, .main-navigation .nav-menu > li ul li.current-menu-item a { background: rgba(0, 0, 0, 0.2); }

 .main-navigation .sub-menu { margin: 0; }
 .main-navigation .sub-menu li { display: block; }
 .main-navigation .sub-menu li a { text-align: left; padding: 0.5em; }

 /* FOOTER */
 #colophon #logos_deroulants { width: 70%; }
 #colophon #liens { width: 28%; }

 #colophon #pied_de_page > * { display: inline-block; vertical-align: middle; }

 #colophon #pied_de_page > section:last-child { float: right !important; }

 /* PALMARES */
 .palmares th.finale, .palmares td.finale { display: table-cell; }
 .palmares th.score, .palmares td.score { display: table-cell; }

 /* GALERIE */
 #trombinoscope article { width: 16.5%; margin: 0 1% 1% 0; }
 #partenaires article, #hebergeants article { width: 30%; }

 .article_seul figure a { display: block; text-align: center; background: #e4e4e4; }
 .article_seul figure a img { width: inherit; height: auto; max-width: 100%; }
}

/*=========================================================================*/
/*                                                                         */
/*                   Media queries (min-width: 1280px)                     */
/*                                                                         */
/*=========================================================================*/

/* Minimum width of 1280 pixels. */

@media screen and (min-width: 1280px) {
	body { background-image: url(design/persos_03.png), linear-gradient(to bottom, #006ab3 0%, #1a8fcc 38%, #aed4e8 89%); background-repeat: no-repeat, no-repeat; background-position: center 50px, top; background-attachment: fixed; }
}

/* =Print
----------------------------------------------- */

@media print { body { background: none !important; color: #000; font-size: 10pt; }
 footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */
 }
 a { text-decoration: none; }
 .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; }
 .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
 .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; }
 .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
 .site-header h2 { color: #000; font-size: 10pt; text-align: left; }
 .site-header h1 a, .site-header h2 a { color: #000; }
 .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image { display: none; }
 .wrapper { border-top: none; box-shadow: none; }
 .site-content { margin: 0; width: auto; }
 .singular .entry-header .entry-meta { position: static; }
 .singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title { margin: 0; width: 100%; }
 .entry-header .entry-title, .entry-title, .singular .entry-title { font-size: 21pt; }
 footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; }
 .author-description { float: none; width: auto; }
}

.grecaptcha-badge { visibility: hidden !important; }
.rank-math-breadcrumb { padding: 0.5em 2%; font-size: 0.8em; margin-top: 0.5em; border-top: 1px dotted gray; }

/**** Transitions ****/

.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }

.transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; }

/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; }

.sub-menu-toggle { display: none; }

/* Formulaire devenir partenaire */

#devenir-partenaire { background: #f4f7f8; padding: 20px; border: 1px solid #fff; }
#devenir-partenaire ul, #devenir-partenaire li { margin: 0; padding: 0; list-style-type: none; }
#devenir-partenaire > p { font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; font-weight: bold; margin: 1.5em 0 0.5em 0; font-size: 1.5em; line-height: 1.3; }
#devenir-partenaire > p .mention { font-weight: normal; font-size: 0.8em; }
#devenir-partenaire fieldset { margin: 0; padding: 0; }
#devenir-partenaire #liste-partenariats fieldset div { text-align: right; }
#devenir-partenaire #liste-partenariats fieldset div > * { display: inline-block; vertical-align: middle; }

#devenir-partenaire > fieldset > * { margin: 1em 0 0.5em; }
#devenir-partenaire > fieldset > input[type="text"] { width: calc(100% - 0.428571429rem - 0.428571429rem); }
#devenir-partenaire > fieldset > div { display: flex; align-items: center; }
#devenir-partenaire > fieldset > div > * { flex: auto; }
#devenir-partenaire > fieldset > div > label { flex-basis: 0; margin-right: 10px; }

#devenir-partenaire *.separateur { margin: 1.5em 0 0 0; border-top: 1px dotted #006ab3; padding-top: 1em; }

#devenir-partenaire fieldset p { margin: 0; padding: 0; }

#devenir-partenaire .reglement { margin: 2em 0; text-align: center; }

#devenir-partenaire .observations { display: flex; margin: 0 0 2em 0; }
#devenir-partenaire .observations > * { flex: auto; }
#devenir-partenaire .observations > label { font-style: italic; }

#devenir-partenaire .submit { text-align: center; }

#devenir-partenaire input[type="submit"] { color: #ffffff; display: inline-block; padding: 1em 2em; font-size: 1.5em; line-height: inherit; font-weight: bold; text-transform: uppercase; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; background: linear-gradient(to bottom, #083051 0%, #3f688a 100%); text-align: center; margin-bottom: 2em; }

span.etoile, p.etoile { color: red; }
p.etoile { font-size: 0.8em; font-style: italic; margin: 1em 0; }

.montant { padding: 1em !important; text-align: center !important; background: blanchedalmond; font-size: 1.4em !important; }

.wp-block-social-links { display: block; }
.wp-block-social-link { display: inline-block; }

.fifa { text-transform: uppercase; font-family: "Scada", Tahoma, Geneva, Kalimati, sans-serif; font-weight: bold; font-size: 0.8em; line-height: 1.3; }