/* Thème Irdsu Styles du site  @package    irdsu.net @subpackage wordpress theme @author     Jean-Pascal Moreau pour Eluère  */
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: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.sprites-menu-sprite, .sprites-menu-bleu, .sprites-menu-jaune, .sprites-menu-vert, .sprites-menu-violet, #main-menu > ul > li.jaune .sub-menu:before, #main-menu > ul > li.vert .sub-menu:before, #main-menu > ul > li.bleu .sub-menu:before, #main-menu > ul > li.violet .sub-menu:before { background: url('/wp-content/themes/irdsu/styles/images/sprites-menu-s3edf9f79c7.png') no-repeat; }

.sprites-menu-bleu { background-position: 0 -9px; }

.sprites-menu-jaune { background-position: 0 -27px; }

.sprites-menu-vert { background-position: 0 0; }

.sprites-menu-violet { background-position: 0 -18px; }

html, body { height: 100%; }

#wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -190px; }
#wrapper #wrapper-footer { height: 190px; }

.footer-container { clear: both; position: relative; height: 190px; }

/* Mixins ************************************************************************* */
/* Styles généraux ************************************************************************* */
header, footer, article, section, nav, aside { display: block; }

body { position: relative; width: 100%; font-family: Arial, verdana, sans-serif; font-size: 0.75em; line-height: 1.25em; color: #333333; }

#header, #content, #footer, #main-menu { clear: both; }

strong, b { font-weight: bold; }

p { line-height: 1.5em; }
p.irdsu-pj strong { vertical-align: top; }

a { text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; }

.formulaire { margin: 10px 0; text-align: center; }
.formulaire a { display: inline-block; padding: 6px 20px 6px 45px; font: bold 1.667em "Economica", sans-serif; text-decoration: none; background: #49cef2 url(images/bg-link-form.png) 16px center no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

input[type=text], input[type=number], input[type=email], input[type=date], input[type=url], textarea { border: solid 1px #aaa; }

input[type=submit] { padding: 5px 20px; font: normal 1.5em "Permanent Marker", cursive; color: #424242; border: none; background-color: #f2f2f2; cursor: pointer; }
input[type=submit].send, input[type=submit].gform_button { padding: 15px 20px 15px 70px; background: #f2f2f2 url(images/bg-send.png) 10px center no-repeat; }
input[type=submit]:hover { background-color: #49cef2; }

.read-more { display: block; width: 30px; height: 30px; background: #49cef2 url(images/bg-read-more.png) center center no-repeat; font: 0/0 a; text-shadow: none; color: transparent; }
.read-more:hover { background-color: #fff; }

.navigation { clear: both; margin-top: 20px; }
.navigation.prevnext { overflow: auto; }
.navigation .num { text-align: center; }
.navigation a, .navigation span { padding: 5px 11px; font: bold 2em "Economica", sans-serif; background-color: #e6e6e6; text-decoration: none; }
.navigation a.page-numbers, .navigation span.page-numbers { margin: 0 9px 9px 0; }
.navigation a:hover, .navigation a.current, .navigation span:hover, .navigation span.current { background-color: #49cef2; }
.navigation .prev { float: left; }
.navigation .next { float: right; }

.hidden-desktop { display: none; }

#ui-datepicker-div { display: none; }

/* Styles header ************************************************************************* */
.header-container { background: #f2f2f2 url(images/bg-header.png) center bottom repeat-x; }

.table-container { max-width: 950px; margin: 0 auto; }

#header { display: table; width: 100%; min-height: 133px; padding: 0 15px; }
#header .logo { display: table-cell; vertical-align: middle; width: 205px; }
#header .logo a { display: block; width: 205px; height: 95px; margin: 19px 0; background: url(images/bg-logo.png) 0 0 no-repeat; font: 0/0 a; text-shadow: none; color: transparent; }
#header .slogan { display: table-cell; vertical-align: middle; max-width: 210px; padding: 0 25px; font: bold 2.083em "Economica", sans-serif; }
#header .header-right { display: table-cell; }

#header-menu { float: right; padding: 0 15px; }
#header-menu > ul { width: 100%; overflow: auto; }
#header-menu > ul > li { float: left; }
#header-menu > ul > li > a { display: inline-block; margin: 0 0 5px 15px; padding: 0 45px; font: bold 1.667em "Economica", sans-serif; line-height: 2.250em; text-decoration: none; background-color: #fff; }
#header-menu > ul > li.twitter > a { width: 2.250em; height: 2.250em; padding: 0; background: #4adafe url(images/bg-twitter.png) center center no-repeat; text-indent: -9999px; }
#header-menu > ul > li.rss > a { width: 2.250em; height: 2.250em; padding: 0; background: url(images/bg-rss.png) center center no-repeat; background-size: cover; text-indent: -9999px; }
#header-menu > ul > li > ul { display: none; }

#search-form { clear: right; float: right; margin: 18px 15px 5px 0; }
#search-form label { display: none; }
#search-form input[type=text] { max-width: 195px; height: 2.917em; padding: 0 10px 0 40px; background: #f6f6f6 url(images/bg-search.png) 8px center no-repeat; border: solid 1px #dbdbdb; }
#search-form input[type=submit] { display: none; }

.menu-container { background-color: #333; }

#main-menu { position: relative; max-width: 950px; margin: 0 auto; padding: 5px 15px 0 15px; }
#main-menu .sub-menu:before { content: ''; position: absolute; top: -2px; left: 30px; width: 30px; height: 9px; }
#main-menu a { display: inline-block; margin: 0 0 5px 6px; padding: 0 38px; color: #333; font: bold 2.067em "Economica", sans-serif; line-height: 1.800em; text-decoration: none; background-color: #e6e6e6; }
#main-menu > ul > li { position: relative; display: inline-block; }
#main-menu > ul > li:first-child a { margin-left: 0; }
#main-menu > ul > li:first-child > ul { left: 0; }
#main-menu > ul > li.accueil > a { width: 1.800em; padding: 0; background: #e6e6e6 url(images/bg-home.png) center center no-repeat; text-indent: -9999px; }
#main-menu > ul > li.jaune a { background-color: #f4ee19; }
#main-menu > ul > li.jaune .sub-menu a { background-color: #f8f575; }
#main-menu > ul > li.jaune .sub-menu a:hover { background-color: #fcfaba; }
#main-menu > ul > li.jaune .sub-menu:before { background-position: 0 -27px; }
#main-menu > ul > li.vert a { background-color: #c3cf00; }
#main-menu > ul > li.vert .sub-menu a { background-color: #dbe266; }
#main-menu > ul > li.vert .sub-menu a:hover { background-color: #f7ff78; }
#main-menu > ul > li.vert .sub-menu:before { background-position: 0 0; }
#main-menu > ul > li.bleu a { background-color: #49cef2; }
#main-menu > ul > li.bleu .sub-menu a { background-color: #92e2f7; }
#main-menu > ul > li.bleu .sub-menu a:hover { background-color: #e6f8fd; }
#main-menu > ul > li.bleu .sub-menu:before { background-position: 0 -9px; }
#main-menu > ul > li.violet a { background-color: #a691cc; }
#main-menu > ul > li.violet .sub-menu a { background-color: #cabde0; }
#main-menu > ul > li.violet .sub-menu a:hover { background-color: white; }
#main-menu > ul > li.violet .sub-menu:before { background-position: 0 -18px; }
#main-menu > ul > li > ul { display: none; position: absolute; top: 3.75em; left: 5px; padding-top: 6px; z-index: 10; }
#main-menu > ul > li > ul > li a { display: block; margin: 0; padding: 12px 38px; line-height: 1em; white-space: nowrap; }
#main-menu > ul > li > ul > ul { display: none; }
#main-menu > ul > li:hover > ul { display: block; }

/* Styles content ************************************************************************* */
#breadcrumbs { font-size: 0.917em; color: #666; }
#breadcrumbs > span > span > span { color: #b2b2b2; }
#breadcrumbs a { color: #666; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

.content-container { background: url(images/bg-body.jpg) center top no-repeat; background-attachment: fixed; }

#content { max-width: 950px; margin: 0 auto; padding: 10px 15px 0; background-color: #fff; overflow: auto; }

#main-content { float: left; max-width: 655px; width: 100%; padding: 0 25px 20px 0; background-color: #fff; }
#main-content.home { max-width: 980px; width: auto; padding: 0 0 20px 0; }
#main-content .page-title { margin: 15px 0 20px 0; font: bold 2.5em "Economica", sans-serif; line-height: 1em; }
#main-content .entry-date { float: left; margin: 0 11px 11px 0; padding: 4px 9px; font-size: 0.917em; background-color: #e6e6e6; }
#main-content .tags { float: right; min-height: 15px; margin: 0 11px 11px 0; padding: 7px 0 7px 40px; background: url(images/bg-tags.png) 0 center no-repeat; }
#main-content .page-img { clear: both; display: block; margin: 0 0 20px 0; }

.content-loop .list { clear: both; margin-bottom: 15px; overflow: auto; }
.content-loop .list .entry-date { margin-bottom: 0 !important; }
.content-loop .list .entry-body { position: relative; clear: both; padding: 10px 0; overflow: auto; }
.content-loop .list .entry-body:hover { background-color: #49cef2; }
.content-loop .list .entry-body:hover .read-more { background-color: #fff; }
.content-loop .list .left { float: left; }
.content-loop .list .left img { border: solid 5px #49cef2; }
.content-loop .list .right { float: left; padding: 0 10px 30px 10px; overflow: auto; }
.content-loop .list .right.restrict { max-width: 482px; }
.content-loop .list .entry-title { margin-bottom: 10px; font: bold 2em "Economica", sans-serif; line-height: 1em; }
.content-loop .list .entry-title a { text-decoration: none; }
.content-loop .list .read-more { position: absolute; right: 15px; bottom: 10px; }

.entry-content { clear: both; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 1em; line-height: 1.25em; }
.entry-content h1, .entry-content h2 { font: bold 2em "Economica", sans-serif; }
.entry-content h3 { font: bold 1.5em "Economica", sans-serif; }
.entry-content h4, .entry-content h5, .entry-content h6 { font: bold 1.167em "Economica", sans-serif; }
.entry-content p, .entry-content ul, .entry-content ol, .entry-content blockquote { margin-bottom: 1em; }
.entry-content ul li { list-style: disc; margin: 0 0 5px 18px; }
.entry-content ol li { margin: 0 0 5px 18px; list-style-type: decimal; }
.entry-content i, .entry-content em { font-style: italic; }
.entry-content blockquote p { position: relative; margin: 0; padding: 0 65px; }
.entry-content blockquote p:before { content: url(images/bg-quote-left.png); position: absolute; top: 0; left: 0; }
.entry-content blockquote p:after { content: url(images/bg-quote-right.png); position: absolute; bottom: 0; right: 0; }
.entry-content blockquote:after { content: attr(cite); display: block; text-align: right; font-style: italic; }
.entry-content .alignleft { float: left; margin: 0 1em 1em 0; }
.entry-content .alignright { float: right; margin: 0 0 1em 1em; }
.entry-content .aligncenter { display: block; margin: 1em auto; }
.entry-content .yarpp-related { overflow: auto; }
.entry-content .yarpp-related h3 { font: normal 2.083em/1em "Permanent Marker", cursive; color: #49cef2; }
.entry-content .yarpp-related li { float: left; min-width: 88px; width: 32%; margin: 0 0 10px 2%; list-style: none; }
.entry-content .yarpp-related li:first-child { margin-left: 0; }
.entry-content .yarpp-related .post-type { padding: 0 10px; font: normal 1.5em "Permanent Marker", cursive; background-color: #49cef2; word-wrap: break-word; }
.entry-content .yarpp-related .related-post { margin-top: 2px; padding: 8px 8px; background-color: #e6e6e6; overflow: auto; }
.entry-content .yarpp-related .related-post a { float: left; margin: 0 8px 8px 0; }
.entry-content .yarpp-related .related-post h4 a { font: normal 0.857em Arial, verdana, sans-serif; text-decoration: none; word-wrap: break-word; }
.entry-content .yarpp-related .related-post h4 a.restrict { max-width: 50%; margin-right: 0; }

/* Styles commentaires ************************************************************************* */
#article-comments .comments-title { min-height: 54px; margin: 20px 0 10px 0; padding-left: 75px; font: normal 2.083em/1em "Permanent Marker", cursive; color: #49cef2; background: url(images/bg-comments.png) 0 center no-repeat; }
#article-comments .commentlist { margin-top: -20px; }
#article-comments .commentlist.empty { margin-top: 0; }
#article-comments .comment { overflow: auto; }
#article-comments .children { clear: both; }
#article-comments .comment-body { clear: both; margin-top: 20px; padding: 15px 15px; color: #424242; background-color: #f2f2f2; }
#article-comments .comment-body .parent { margin: 10px 0; padding: 8px 15px; color: #737373; background-color: #fff; }
#article-comments .lvl .comment-body { border-left: solid 10px #ffcb00; }
#article-comments .comment-reply a { float: left; min-height: 17px; line-height: 17px; margin-top: 4px; padding-left: 20px; text-decoration: none; background: url(images/bg-reply.png) 0 center no-repeat; }
#article-comments .comment-author { float: right; margin-top: 6px; }

#respond { clear: both; margin-top: 25px; }
#respond .reply-title { margin-bottom: 15px; font: normal 2em "Permanent Marker", cursive; line-height: 1em; color: #424242; word-wrap: break-word; }
#respond .reply-fields { float: left; width: 30%; margin: 0 3% 20px 0; }
#respond .reply-fields p { margin-bottom: 5px; }
#respond .reply-fields input[type=text] { width: 99%; }
#respond label { display: block; font-weight: bold; font-style: italic; color: #424242; }
#respond .comment-form-comment { float: left; width: 66%; margin-bottom: 10px; }
#respond .comment-form-comment textarea { width: 99%; height: 130px; }
#respond .form-submit { clear: left; float: right; }
#respond .logged-in-as + .comment-form-comment { width: 100%; }

/* Styles sidebar / widgets ************************************************************************* */
#sidebar { float: left; max-width: 270px; width: 100%; padding: 0 0 20px 0; }

.widget { float: left; margin: 0 0 10px 0; }
.widget .widgettitle { margin-bottom: 5px; font: bold 1.5em "Economica", sans-serif; }

.widget_text img { float: left; margin: 0 20px 10px 0; }
.widget_text .textwidget { overflow: auto; }
.widget_text p { margin-top: 15px; }

.widget_lur_menu, .widget_nav_menu { width: 242px; padding: 13px 0 24px 28px; background-color: #49cef2; overflow: auto; }
.widget_lur_menu.jaune, .widget_nav_menu.jaune { background-color: #f4ee19; }
.widget_lur_menu.vert, .widget_nav_menu.vert { background-color: #c3cf00; }
.widget_lur_menu.violet, .widget_nav_menu.violet { background-color: #a691cc; }
.widget_lur_menu .widgettitle, .widget_nav_menu .widgettitle { float: right; max-width: 67%; margin-bottom: 15px; padding: 7px 20px; font: normal 2.083em "Permanent Marker", cursive; line-height: 1em; background-color: #fff; }
.widget_lur_menu .menu-menu-sidebar-container, .widget_lur_menu ul.menu, .widget_nav_menu .menu-menu-sidebar-container, .widget_nav_menu ul.menu { clear: both; margin-right: 20px; }
.widget_lur_menu li a, .widget_nav_menu li a { display: block; min-height: 11px; margin-bottom: 2px; padding: 5px 30px 4px 7px; font: bold 1.667em "Economica", sans-serif; text-decoration: none; border-bottom: solid 1px #333333; background: url(images/bg-widget-li.png) right center no-repeat; }
.widget_lur_menu li a:hover, .widget_nav_menu li a:hover { background: #fff; border-bottom: solid 1px #fff; }
.widget_lur_menu li:last-child a, .widget_nav_menu li:last-child a { border-bottom: solid 1px transparent; }

.widget_lur_alaune { position: relative; max-width: 655px; }
.widget_lur_alaune .widgettitle { position: absolute; top: 20px; left: 0; padding: 5px 20px 8px 15px; font: normal 2.083em "Permanent Marker", cursive; background-color: #fff; z-index: 5; }
.widget_lur_alaune .slides li { display: none; position: relative; }
.widget_lur_alaune .slides li.flex-active-slide { display: block; }
.widget_lur_alaune .slides li h4 { position: absolute; bottom: 70px; right: 0; max-width: 75%; padding: 20px 30px 30px 25px; background-color: #49cef2; pointer-events: none; }
.widget_lur_alaune .slides li h4 a { text-decoration: none; font: bold 2em "Economica", sans-serif; }
.widget_lur_alaune .slides li h4:after { position: absolute; bottom: -12px; right: 25px; content: url(images/bg-more.png); }
.widget_lur_alaune .flex-control-nav { position: relative; margin: -25px 0 0 10px; text-align: center; overflow: auto; z-index: 5; }
.widget_lur_alaune .flex-control-nav li { display: inline-block; margin: 0 9px 10px 0; }
.widget_lur_alaune .flex-control-nav img { border: solid 5px #e6e6e6; cursor: pointer; }
.widget_lur_alaune .flex-control-nav img.flex-active { border-color: #aae2f2; }
.widget_lur_alaune .flex-direction-nav { display: none; }

.widget_lur_irdsu { width: 270px; padding: 15px 0 30px 0; background-color: #f4ee19; overflow: auto; }
.widget_lur_irdsu .widgettitle { float: right; max-width: 67%; margin-bottom: 15px; padding: 7px 20px; font: normal 2.083em "Permanent Marker", cursive; line-height: 1em; background-color: #fff; }
.widget_lur_irdsu .widgetbody { clear: right; padding: 0 20px; }
.widget_lur_irdsu .widgetbody a { margin-top: 5px; padding-right: 30px; display: block; text-decoration: none; font: bold 2em "Economica", sans-serif; background: url(images/bg-widget-li.png) right center no-repeat; }

.widget_lur_adherent { width: 270px; padding: 15px 0 30px 0; background-color: #c3cf00; overflow: auto; }
.widget_lur_adherent .widgettitle { float: right; max-width: 67%; margin-bottom: 15px; padding: 7px 20px; font: normal 2.083em "Permanent Marker", cursive; line-height: 1em; background-color: #fff; }
.widget_lur_adherent .widgetbody { clear: right; padding: 0 20px; }
.widget_lur_adherent .widgetbody a { display: inline-block; margin-top: 15px; padding: 10px 20px; text-decoration: none; font: bold 1.833em "Economica", sans-serif; background-color: #fff; }

.widget_lur_actualites { max-width: 655px; width: 100%; overflow: auto; }
.widget_lur_actualites .widgettitle { display: inline-block; margin-bottom: 10px; padding: 12px 70px 12px 27px; font: bold 2.083em "Economica", sans-serif; background-color: #49cef2; }
.widget_lur_actualites .col { float: left; min-width: 150px; width: 32%; margin: 0 1% 10px 0; }
.widget_lur_actualites .col .all { padding: 3px 10px; text-decoration: none; background: #49cef2; }
.widget_lur_actualites .item { clear: left; margin-bottom: 15px; overflow: auto; }
.widget_lur_actualites h3 { margin-bottom: 10px; font: normal 1.833em "Permanent Marker", cursive; }
.widget_lur_actualites .entry-header { float: left; width: 80px; margin-right: 5px; }
.widget_lur_actualites .date { max-width: 80px; margin: 0 0 5px 0; padding: 2px 0; font: bold 1em "Economica", sans-serif; text-align: center; background-color: #49cef2; }
.widget_lur_actualites img { margin-top: -5px; }
.widget_lur_actualites h4 a { text-decoration: none; }

.widget_lur_page .widget-container { width: 182px; padding: 20px 18px 20px 70px; }
.widget_lur_page .widget-container.ressource { background: url(images/bg-ressource.png) 17px center no-repeat; }
.widget_lur_page .widget-container.emploi { background: url(images/bg-emploi.png) 17px center no-repeat; }
.widget_lur_page .widget-container.abonnement { background: url(images/bg-abonnement.png) 17px center no-repeat; }
.widget_lur_page .widget-container.jaune { background-color: #f4ee19; }
.widget_lur_page .widget-container.vert { background-color: #c3cf00; }
.widget_lur_page .widget-container.bleu { background-color: #49cef2; }
.widget_lur_page .widget-container.violet { background-color: #a691cc; }
.widget_lur_page .widget-container h4 { position: relative; min-height: 2.5em; margin: 0; font-size: 1em; }
.widget_lur_page .widget-container .dashicons { position: absolute; top: 50%; left: -1em; margin-top: -0.45em; font-size: 5em; color: #fff; }
.widget_lur_page .widget-container a { display: inline-block; width: 145px; padding: 0 30px 0 5px; font: normal 1.833em/1em "Permanent Marker", cursive; text-decoration: none; word-wrap: break-word; background: url(images/bg-widget-li.png) right center no-repeat; }

#main-content.home .widget { margin: 0 10px 10px 0; }
#main-content.home .widget.widget_lur_alaune, #main-content.home .widget.widget_lur_actualites { margin-right: 15px; }

/* Styles CPT ************************************************************************* */
.search-form { position: relative; margin: 20px 0 15px 0; }
.search-form .form-title { text-align: center; font: normal 2em/1em "Permanent Marker", cursive; line-height: 1.375em; background-color: #6fd8f5; }
.search-form .form-title span { display: inline-block; max-width: 60%; }
.search-form .open, .search-form .close { position: absolute; top: 0; right: 5%; display: none; line-height: 2.750em; cursor: pointer; }
.search-form .form-body { padding: 10px 30px 10px; background-color: #49cef2; overflow: auto; }
.search-form label { display: block; margin: 10px 0 5px 0; font-size: 1.167em; font-weight: bold; }
.search-form label input { margin-top: 0; vertical-align: middle; }
.search-form label.cb { font-size: 1em; }
.search-form label.date { clear: both; float: left; min-width: 10%; margin: 5px 5px 5px 0; font-size: 0.857em; font-weight: bold; }
.search-form select { display: block; width: 80%; padding: 2px 2px 2px 5px; border: none; }
.search-form input[type=text] { display: block; width: 80%; padding: 2px 5px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.search-form input[type=text].form-date { float: left; width: 40%; margin-bottom: 5px; }
.search-form .left { float: left; width: 49%; margin: 0 2% 10px 0; }
.search-form .right { float: left; width: 49%; margin: 0 0 10px 0; }
.search-form .form-footer { clear: both; margin-top: 15px; text-align: center; }
.search-form .form-footer input[type=submit] { padding: 6px 18px 6px 45px; font: bold 1.667em "Economica", sans-serif; background: #a8e8f9 url(images/bg-search-submit.png) 15px center no-repeat; }

.masonry-equipe { max-width: 655px; }

.equipe { float: left; width: 32%; margin: 0 1% 0.5em 0; padding-bottom: 5px; text-align: center; background-color: #49cef2; }
.equipe.masonry-brick { margin-right: 0; }
.equipe img { display: block; border: solid 5px #49cef2; }
.equipe .entry-title { margin: 0; padding: 5px 10px; font: normal 1.667em "Permanent Marker", cursive; line-height: 1em; }
.equipe .entry-content { padding: 0 10px; font-size: 1.167em; line-height: 1em; }

/* Styles différenciés par couleur ************************************************************************* */
.content-loop.jaune .formulaire a { background-color: #f4ee19; }
.content-loop.jaune input[type=submit]:hover { background-color: #f4ee19; }
.content-loop.jaune .read-more { background-color: #f4ee19; }
.content-loop.jaune .navigation a:hover, .content-loop.jaune .navigation a.current, .content-loop.jaune .navigation span:hover, .content-loop.jaune .navigation span.current { background-color: #f4ee19; }
.content-loop.jaune .equipe { background-color: #f4ee19; }
.content-loop.jaune .equipe img { border-color: #f4ee19; }
.content-loop.jaune .list .entry-body:hover { background-color: #f4ee19; }
.content-loop.jaune .list .left img { border-color: #f4ee19; }
.content-loop.jaune .entry-content .yarpp-related h3 { color: #f4ee19; }
.content-loop.jaune .entry-content .yarpp-related .post-type { background-color: #f4ee19; }
.content-loop.jaune #article-comments .comments-title { color: #f4ee19; background: url("images/bg-comments-jaune.png") 0 center no-repeat; }
.content-loop.jaune .search-form .form-title { background-color: #f6f140; }
.content-loop.jaune .search-form .form-body { background-color: #f4ee19; }
.content-loop.jaune .search-form .form-footer input[type=submit] { background-color: #f9f57a; }

.content-loop.vert .formulaire a { background-color: #c3cf00; }
.content-loop.vert input[type=submit]:hover { background-color: #c3cf00; }
.content-loop.vert .read-more { background-color: #c3cf00; }
.content-loop.vert .navigation a:hover, .content-loop.vert .navigation a.current, .content-loop.vert .navigation span:hover, .content-loop.vert .navigation span.current { background-color: #c3cf00; }
.content-loop.vert .equipe { background-color: #c3cf00; }
.content-loop.vert .equipe img { border-color: #c3cf00; }
.content-loop.vert .list .entry-body:hover { background-color: #c3cf00; }
.content-loop.vert .list .left img { border-color: #c3cf00; }
.content-loop.vert .entry-content .yarpp-related h3 { color: #c3cf00; }
.content-loop.vert .entry-content .yarpp-related .post-type { background-color: #c3cf00; }
.content-loop.vert #article-comments .comments-title { color: #c3cf00; background: url("images/bg-comments-vert.png") 0 center no-repeat; }
.content-loop.vert .search-form .form-title { background-color: #e9f800; }
.content-loop.vert .search-form .form-body { background-color: #c3cf00; }
.content-loop.vert .search-form .form-footer input[type=submit] { background-color: #f3ff36; }

.content-loop.violet .formulaire a { background-color: #a691cc; }
.content-loop.violet input[type=submit]:hover { background-color: #a691cc; }
.content-loop.violet .read-more { background-color: #a691cc; }
.content-loop.violet .navigation a:hover, .content-loop.violet .navigation a.current, .content-loop.violet .navigation span:hover, .content-loop.violet .navigation span.current { background-color: #a691cc; }
.content-loop.violet .equipe { background-color: #a691cc; }
.content-loop.violet .equipe img { border-color: #a691cc; }
.content-loop.violet .list .entry-body:hover { background-color: #a691cc; }
.content-loop.violet .list .left img { border-color: #a691cc; }
.content-loop.violet .entry-content .yarpp-related h3 { color: #a691cc; }
.content-loop.violet .entry-content .yarpp-related .post-type { background-color: #a691cc; }
.content-loop.violet #article-comments .comments-title { color: #a691cc; background: url("images/bg-comments-violet.png") 0 center no-repeat; }
.content-loop.violet .search-form .form-title { background-color: #bdadd9; }
.content-loop.violet .search-form .form-body { background-color: #a691cc; }
.content-loop.violet .search-form .form-footer input[type=submit] { background-color: #ded7ec; }

/* Styles formulaires (surcharge GForm) ************************************************************************* */
.content-loop .gform_wrapper { margin-left: 30px; }
.content-loop .gform_wrapper h2.gsection_title { font-size: 2em; }
.content-loop .gform_wrapper .top_label input[type=text], .content-loop .gform_wrapper .top_label input[type=number], .content-loop .gform_wrapper .top_label input[type=email], .content-loop .gform_wrapper .top_label input[type=date], .content-loop .gform_wrapper .top_label input[type=url], .content-loop .gform_wrapper .top_label textarea { border: solid 1px #aaa; }
.content-loop .gform_wrapper .gform_footer input[type=submit] { font-size: 1.500em; }

/* Styles footer ************************************************************************* */
.footer-container { background-color: #e6e6e6; }

#footer { max-width: 980px; min-height: 156px; margin: 0 auto; background-color: #e6e6e6; overflow: auto; }
#footer .footer-widgets { float: left; width: 50%; margin: 17px 0 5px 0; }
#footer .logo { float: right; min-width: 149px; margin: 17px 0 5px 2%; }
#footer .logo a { display: block; width: 149px; height: 68px; background: url(images/bg-logo-footer.png) 0 0 no-repeat; font: 0/0 a; text-shadow: none; color: transparent; }
#footer .widget { max-width: 49%; width: 100%; margin-right: 1%; }

#footer-menu { float: left; width: 25%; margin: 25px 0 5px 2%; overflow: auto; }
#footer-menu > ul { float: right; }
#footer-menu > ul > li { float: left; }
#footer-menu > ul > li > a { padding: 0 7px; font-size: 1.167em; text-decoration: none; border-left: solid 1px #333333; }
#footer-menu > ul > li > a:hover { text-decoration: underline; }
#footer-menu > ul > li:first-child > a { border-left: none; }
#footer-menu > ul > li > ul { display: none; }

/* Styles gmap ************************************************************************* */
.marker-info { width: 200px; }
.marker-info h4 { margin: 5px 0 10px 0; }
.marker-info h4 a { font: bold 1.5em "Permanent Marker", cursive; text-decoration: none; }

.canvas { max-width: 100%; margin-bottom: 20px; }