/* Thème Irdsu Styles mobile  @package    irdsu.net @subpackage wordpress theme @author     Jean-Pascal Moreau pour Eluère  */
.sprites-menu-sprite, .sprites-menu-bleu, .sprites-menu-jaune, .sprites-menu-vert, .sprites-menu-violet { 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 ************************************************************************* */
body { font-family: Arial, verdana, sans-serif; }

.hidden-mobile { display: none; }

.hidden-desktop { display: block; }

/* Styles header ************************************************************************* */
#header { text-align: center; }
#header .logo { display: inline-block; }
#header .slogan { display: none; }
#header .header-right { display: none; }

.burger { padding-left: 70px; font: bold 2.083em "Economica", sans-serif; color: #fff; background: url(images/bg-burger.png) 20px center no-repeat; cursor: pointer; }

#main-menu { padding: 0; }
#main-menu .main-menu { display: none; }
#main-menu .main-menu > li { display: block; }
#main-menu .main-menu > li.accueil a { width: auto; padding: 15px 20px; text-indent: 0; background-image: none; background-color: #333333; }
#main-menu .main-menu > li a { display: block; margin: 0; padding: 15px 20px; color: #959393; font: bold 1.667em "Economica", sans-serif; line-height: 1em; text-decoration: none; background-color: #333333; }
#main-menu .main-menu > li a:hover { color: #333333; background-color: #49cef2; }
#main-menu .main-menu > li.jaune a { background-color: #333333; }
#main-menu .main-menu > li.jaune a:hover { background-color: #f4ee19; }
#main-menu .main-menu > li.vert a { background-color: #333333; }
#main-menu .main-menu > li.vert a:hover { background-color: #c3cf00; }
#main-menu .main-menu > li.bleu a { background-color: #333333; }
#main-menu .main-menu > li.bleu a:hover { background-color: #49cef2; }
#main-menu .main-menu > li.violet a { background-color: #333333; }
#main-menu .main-menu > li.violet a:hover { background-color: #a691cc; }
#main-menu .main-menu > li:hover > ul { display: none; }

/* Styles content ************************************************************************* */
.content-container { background: none; }

#breadcrumbs { display: none; }

.navigation { margin-bottom: 10px; }

.entry-content .yarpp-related li { float: none; width: 100%; margin: 0 0 10px 0; }
.entry-content .yarpp-related h3 { font-size: 1.833em; }

#respond .reply-title { font-size: 1.833em; }
#respond .reply-fields { width: 100%; margin-bottom: 10px; }
#respond .comment-form-comment { width: 100%; }

.content-loop .list .left { max-width: 25%; }
.content-loop .list .right.restrict { max-width: 70%; padding: 0 2% 30px 2%; }

#article-comments .comments-title { font-size: 1.833em; }

.equipe { width: 49%; }
.equipe .entry-title { font-size: 1.3em; }
.equipe .entry-content { font-size: 1em; }

.search-form .form-footer input[type=submit] { font-size: 1em; word-wrap: break-word; }

/* Styles widgets ************************************************************************* */
#sidebar .widget, #main-content.home .widget { width: 100%; margin: 0 0 10px 0; }
#sidebar .widget_lur_page, #main-content.home .widget_lur_page { width: 100%; }

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

.widget_lur_alaune .flex-control-nav li { width: 17%; }

.widget_lur_actualites .col { width: 100%; }

.widget_lur_page { width: auto; }
.widget_lur_page .widget-container { width: 78%; padding: 1em 2% 1em 20%; }
.widget_lur_page .widget-container a { display: block; width: auto; padding: 0 30px 0 5px; }

.widget_lur_menu { width: 95% !important; padding-left: 5%; }