/*
Theme Name: Arret sur info -tita-1
Theme URI: http://www.otherwise.ch
Author: James Nolan
Author URI: http://www.otherwise.ch

Ce thème est une version optimisée du thème précédent de Arretsurinfo.ch. Il a été conçu pour faire suite à la demande d'Infomaniak de consommer moins de ressources sur le serveur.
*/

body {
    background-color:#fff !important;
    margin:0;
    padding:0;
    font:400 14px/1.5em 'Open Sans', arial, sans-serif;
}
a:hover, a:focus, a:visited, a:active {
    text-decoration:none;
}

.spacer {
    clear:both;
}

/******** FONTS ***********/
@font-face {
    font-family: 'Social';
    src: url('fonts/social/social.eot');
    src: url('fonts/social/social.eot?#iefix') format('embedded-opentype'),
         url('fonts/social/social.ttf') format('truetype'),
         url('fonts/social/social.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/social/social.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* url('fonts/social/social.woff') format('woff'), */

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}
/********** BASICS **********/
h1 {
    font: bold 22px/1.1em 'Droid Sans', sans-serif;
    color:#eb0707;
}
h2 {
    font: bold 24px/1.2em 'Droid Sans', sans-serif;
    margin:10px 0 15px;
}
h3 {
    font:bold 20px/1.2em 'Open Sans', arial, sans-serif;
    margin:10px 0 10px 0;
}
h4 {
    font: bold 14px/1.1em 'Open Sans', arial, sans-serif;
}
h5 {
    font: bold 14px/1.1em 'Open Sans', arial, sans-serif;
}
em, i {
    font-style:italic;
}
strong em, b em {
    font-weight:bold;
}
body strong, body b {
    font-weight:bold;
}

ul {
    margin-left:15px;
    margin-bottom:15px;
    list-style-type: disc;
}
ul li {
    list-style-type:disc;
    margin-left: 30px;
}
/*********** LINKS ***********/
a, a:hover, a:visited, a:focus, a:active {
    color:#eb0707;
    /*color:#428bca;*/
    /*color:#555;*/
}

.bottom-menus a:hover, .bottom-menus a:focus, .newsticker a:hover, .newsticker a:focus {
	color: #eb0707;
}

.newsticker a:visited {
	color: #c4c4c4;
}

.bottom-menus a, .bottom-infos a, .newsticker a {
	color: #333 !important;
}

#asi-main-container {
    width:1200px;
    margin:auto;
	/* box-shadow: 0 0 20px #ddd; */
}
.asi-top-menu {
    background-color:#e9eaed;
    color:rgba(64, 64, 64, 1);
    font-family:'Open Sans';
}
#asi-right-column ul, #asi-right-column li {
    list-style-type:none;
    margin:0;
}
body .asi-top-menu ul {
    width:1200px;
    margin:auto;
    padding:5px 0 5px 0;
}
.asi-top-menu ul, .asi-top-menu li  {
    list-style-type:none;
    margin:0;
    text-align:right;
}


body .asi-top-menu li {
    display:inline;
    margin:5px 0 5px 30px;
    border-left:1px solid lightgrey;
    padding-left:30px;
}
body .asi-top-menu li a {
    color:#0f0f0f;
}

#asi-logo {

    width:100%;
    height:152px;
    background-color:#ff2d00;
    background-image:url('./images/logo.png');
    background-repeat:no-repeat;
    background-position:center center;
}

.asi-main-menu {
    /*background-image:url('./images/menu-gradient.png');
    background-repeat:repeat-x;
    height:40px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;*/
}

.asi-main-menu li {
    float:left;
    margin:8px 15px 8px 15px;
}

#asi-left-column, #asi-right-column {
    margin-top:35px;
}
#asi-left-column {
    width:74%;
    float:left;
}

#asi-right-column {
    width:24%;
    float:right;
}

#primary-sidebar li.widget {
    background-color:#fafafa;
    border: 1px solid #b0b0b0;
    margin:0 0 30px 0;
    padding:15px 15px 20px 0;
}
#primary-sidebar h2.widgettitle {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom:5px;
    margin-bottom:10px;
    font: bold 14px/1.2em Open Sans;
    color: #555555;
}


#primary-sidebar #umrp-3 h2.widgettitle {position:relative;float:left;width:100%;margin-top:20px;}

#umrp-5-container li, #umrp-5-container ul {margin-left:0;padding-left:0;}
#umrp-5-container li a {color:#000;}
#umrp-5-container li a:hover {text-decoration:underline !important;color:#eb0707;}
.element-infos, .element-infos li {position:relative;float:left !important;width:100%;margin-left:0;padding-left:0;}
.element-infos .date {color:#888;}

#umrp-3-container .element-wrapper {position:relative;float:left;}
#umrp-3-container .element-thumbnail {position:relative;float:left;width:80px;max-width:30%;margin-right:5px;}
#umrp-3-container .element-infos {position:relative;float:right !important;width:auto;max-width:65%;}
#primary-sidebar #umrp-3 #umrp-3-container li a {color:#000 !important;}
#primary-sidebar #umrp-3 #umrp-3-container li a:hover {text-decoration:underline !important;color:#eb0707;}


/** ajouts custom style Tita pour widgets **/

.textwidget .donation-link {
	background-color: #e9eaed;
	width: 100%;
	font-size: large;
	padding: 24px 0;
}

.under-single-content {
	margin: 24px 0;
}

#asi-actu-single {
	width:96;
	float: left;
}

#content-separator {
	height: 48px;
	background-color: #e9eaed;
}

/** _________________________ **/

.widget_search form label {
    display:none;
}

input {
    padding:3px;
    border:1px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input[type="submit"] {
    color:white;
    background-color:red;
}
.archive-header {
    padding:15px 0 15px 0;
    margin-bottom:15px;
}
.category-title {
    float:left;
    font: bold 18px/1.2em Open Sans;
    color:black;
}


.rss-button {
    float:right;
}


/************* TITA CUSTOM STYLES *************/


article .title {font-weight:700;
	margin-top: 24px;
	font-size:2em;
	font-family:'Droid Sans', sans-serif;
}

article .title h2 {
	color: #eb0707;
font-weight:700;
}

article .rte {
	font-size: 0.8em;
}

.title a {
	font-family: 'Droid Sans', sans-serif;
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 700;
}h2.title {	font-family: 'Droid Sans', sans-serif;	color: #000;line-height: 1.3em;	font-weight: 700;}






/************* WP CALENDAR *************/
#wp-calendar {
  width: 95%;
  margin-bottom: 15px;
  clear: both;
  padding: 0; }

#wp-calendar caption {
  padding: 0 0 10px; }

#wp-calendar th, #wp-calendar td {
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
  padding: 5px; }

#wp-calendar td {
  background: transparent; }

#wp-calendar td, table#wp-calendar th {
  padding: 3px 0; }
#wp-calendar caption{font-weight:700;color:#333;text-transform:uppercase}tr:nth-child(2n){background:rgba(0,0,0,0.1) none repeat scroll 0 0}#wp-calendar{width:260px;padding:0 0 15px}#wp-calendar td{text-align:center}#wp-calendar td a{color:#333;font-weight:700;text-decoration:underline}#wp-calendar td a:hover{text-decoration:none}#wp-calendar caption{background:#888 none repeat scroll 0 0;color:#FFF;font-size:12px;font-weight:700;padding:8px 10px;text-shadow:1px 1px 0 #656565;text-transform:uppercase;text-align:left}#wp-calendar #today{background:#eb0707;color:#fff;font-weight:700}#wp-calendar #today a{color:#fff;}#navigation{display:none}

/************* PICTURES ****/
#asi-left-column a img, .post-content img  {
    box-shadow: 1px 1px 5px 0 rgba(50,50,50,0.48);
    border: 3px solid white;
}
#asi-left-column a.button img, #asi-left-column a .attachment-a-la-une {
    box-shadow: none;
    border:0;
}
img.aligncenter {
    margin:auto;
    display:block;
    margin-bottom:15px;
}

img.alignleft {position:relative;float:left;margin:10px 10px 5px 0;}

article .post-content img {height:auto;max-width:100%;}

/**** CORRECT umrp ***/
.umrp-nav.umrp-nav-bottom {
    margin-top:40px;
}
.umrp-container.widget-type a{
    color:#eb0707;
}

.umrp-list a {
	line-height: 1.5em;
	padding-top: 4px;
}

/******** FORMS ************/
input {
    margin-bottom:15px;
}
textarea {
    border:0;
}
input,
textarea {
  padding: 5px;
  background: #fff;
  border-color: #efefef;
  border-width: 2px;
  border-style: solid;
  margin-bottom: 10px;
  border-radius: 3px;
  font-size: 1em;
  color: #666;
  font-family: inherit;
}
#asi-right-column input[type="text"] {
    padding: .5em;
    width: 50%;
}

#asi-right-column .submit {
  cursor: pointer;
  padding: 6px 8px;
  margin: 0 0 0 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/****** IMPORTANT MESSAGE  *********/
body #important-message {
    width:1200px;
    margin:auto;
    margin-bottom:15px;
}

/******** CITATIONS *********/
body #asi-main-container blockquote {
    position: relative;
    padding: 10px 20px 10px 50px;
    color: #444;
    quotes: none;
    /*font: 18px normal Tahoma, sans-serif;*/
    padding-top: 10px;
    margin: 5px;
    border: none;
}
body #asi-main-container blockquote:after {
    float: right;
    height: 25px;
    padding: -40px 0 0;
    margin: -35px -40px;
    font-size: 48px;
    font-weight: 700;
}
blockquote cite {
    color: #999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    font: normal normal 10px PT Serif, Times New Roman, Times, serif;
    text-align: right;
}

/*************** ARTICLES **********/
article.columns-3, .search-results article {
	background-color: #fcfcfc;
    margin-bottom:5px;
	color: #eb0707;
	margin-top: 24px;
	border-top: 1px solid #eb0707; 

}

article.columns-3   h2 {
	background-color: #e9eaed;font-weight:700;
}
article header h2#single {font-weight:bold !important;font-size:2em !important;}

article.columns-3   h2, .search-results  article h2, article.columns-2   h2 {
    font: bold 14px/1.1em 'Open Sans', arial, sans-serif;	font-weight:700;
}

article.columns-2   h2 {
 font-size:14pt;font-weight:700;
}
article.columns-3 a .attachment-thumbnail, .search-results  article a .attachment-thumbnail  {
    float:left;
    width:80px;
    height:auto;
    margin-right:10px;
    margin-left:5px;
}

body #asi-main-container #asi-left-column article p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: black;
	margin-top: 10px;
	background-color: rgba(255, 255, 255, 0.5);

}

body #asi-main-container #asi-left-column p, body #asi-main-container #asi-left-column {
    padding-bottom:15px;
    font: 400 18px/1.75em 'Open Sans', sans-serif;
    color:#555555;
	background: white; /* Dominique */
}
a .attachment-a-la-une {
    width:100%;
}
article.columns-3 .excerpt, .search-results  article .excerpt {
    text-align:justify;
    margin-top:10px;
    color:black;
    font: 400 16px/1.5em Open Sans, sans-serif;
    font-size: 9pt;
    margin-bottom: 5px;
    line-height: 1.4em;

}

article header h2 {
    margin:0;font-weight:700;
}

.post-meta-author {
    font-size:95%;
}

.post-meta-author a, .post-categories a {
    font-variant: small-caps;
    font-weight: 400;
    color: #888;
}
 .post-categories a  {
    font-size:95%;
 }
 .post-meta-actual-date {
     font-variant: small-caps;
    border-bottom: 1px dashed #999999;
    font-size:85%;
 }
.post-categories, .post-meta {
    display:inline;
    margin-top:5px;
    font-family:'Open sans';
    color: #555;
}
.post-meta {
    font-variant: small-caps;
    font-size:90%;
    padding: 8px 0;
}
.post-more {
    margin-top:5px;
}
.post-more a {
    font: 400 13px/1.5em Open Sans;
    color: #eb0707;
    text-decoration: none;
}

.read-more-link {
    float:left;
}

.edit-button {
    float:right;
}

.post-content {
	position:relative;
    font: 400 16px/1.5em 'Open Sans', sans-serif;
    color: #555555;
	overflow:auto;
}
.post-content a {
    color:#eb0707;
}
.post-content p {
    text-align:justify;
    margin-bottom: 1.2em;
}
.post-content img {
    max-width:100%;
}
.post-tags a {
    color:#888;
    font-size:80%;
}   
.post-tags img {
    position:relative;
    top:8px;
    left:-7px;
}   

.wp-socializer-clearer {
    margin-bottom:20px;
}
.buttons-wrap {
    margin:30px auto;
}
/******** AUTHORS *******/
  
ol.authors {
    margin:0;
    padding:0;
    width:45%;
    float:left;
    list-style-type:none;
}
ol.authors li {
    padding:0;
    margin:0;
}

ol.authors li a {
    color:#428bca;
}

/******** BOXES **********/
.boxinfo {
    background-color:#f6f6f6;
    border:1px dashed #aaa;
    border-radius:4px;
    width:90%;
    padding:5px;
    margin:5px auto 5px auto;
    text-align:left;
}

/*********** A LA UNE ***********/
.homepage-main-boxes {
    background-color: #fff;
    border:1px solid #d3d6db;
    margin-bottom: 15px;
}

.homepage-category-title {
    margin-bottom:15px;
    font-size:22pt;
}

/************* COLUMNS *************/
article.columns-3 {
    width:31%;
    float:left;
    margin-right:15px;
}

article.columns-2 {
    width:48%;
    float:left;
    margin-right:16px;
}
/*
.homepage-category-read-more {
    display:block;
    text-align:center;
    padding:15px 0 15px 0;
	background: #eee;
	border-radius: 15px;
	color: #92570e;
}
.homepage-category-read-more:hover { 
	text-decoration: none;
	background: #ddd;
	color: #5a3506;
}
*/
/******* BOTTOM MENUS *********/
.bottom-menus {
    /* background-color:#fcfcfc; */
    padding:20px 20px;
    margin:0px 0;
	/* border-radius: 8px; */
}

.bottom-menus ul li {
	list-style: none;
}

.bottom-menus .menu {
    width:30%;
    margin-left:25px;
    float:left;
}

.donation-link {
}

#asi-left-column.donation-link p {
	color: #888888;
	font-family: inherit;
}


/****** FOOTER INFOS *********/
.bottom-infos {
    /* background-color:white; */
    height:2em;
    padding:15px 0 15px 15px;
    color:#222;
}

/******** SOCIAL *********/

.widget_woo_subscribe .social {
  text-align: left; }

#asi-right-column .social a {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s; }
  #asi-right-column .social a:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
#asi-right-column .social a:hover {
  text-decoration: none; }
#asi-right-column .social a:before {
  font-family: Social;
  font-size: 1.1em;
  line-height: 1;
  margin: 0 0.2em 0.6em 0;
  padding: .53em;
  display: inline-block;
  border-radius: 300px;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1); }
#asi-right-column .social a.subscribe:before {
  content: '\e001';
  background-color: #FF6600; }
#asi-right-column .social a.twitter:before {
  content: '\e002';
  background-color: #00aced; }
#asi-right-column .social a.facebook:before {
  content: '\e003';
  background-color: #3b5998; }
#asi-right-column .social a.youtube:before {
  content: '\e004';
  background-color: #af2b26; }
#asi-right-column .social a.flickr:before {
  content: '\e005';
  background-color: #ff0084; }
#asi-right-column .social a.linkedin:before {
  content: '\e006';
  background-color: #71c5ef; }
#asi-right-column .social a.delicious:before {
  content: '\e007';
  background-color: #285da7; }
#asi-right-column .social a.googleplus:before {
  content: '\e008';
  background-color: #2d2d2d;
  font-weight: bold; }
#asi-right-column .social a.dribbble:before {
  content: '\e009';
  background-color: #ea4c89; }
#asi-right-column .social a.instagram:before {
  content: '\e010';
  background-color: #517fa4; }
#asi-right-column .social a.vimeo:before {
  content: '\e011';
  background-color: #33454E; }
#asi-right-column .social a.pinterest:before {
  content: '\e012';
  background-color: #cb2027; }

/****** PAGINATION **************/

.pagination {
  margin: 0 0 2em;
  text-align: center;
  clear: both;
  display: block; }

.pagination a:link,
.pagination a:visited,
.nav-entries a span {
  display: inline;
  text-decoration: none;
  color: #666;
  padding: 3px 7px;
  border: 1px solid #DDDDDD; }

.nav-entries a {
  font-size: 1.2em; }

.pagination span.extend, .pagination .page-numbers {
  border: none;
  color: #666; }

.pagination a:link, .pagination a:visited, .pagination a:active, .nav-entries a span {
  /* Border Radius */
  font-weight: bold;
  font-size: 0.9em;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(whitesmoke));
  background: -webkit-linear-gradient(white, whitesmoke);
  background: -moz-linear-gradient(center top, white 0%, whitesmoke 100%);
  background: -moz-gradient(center top, white 0%, whitesmoke 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); }

.pagination span.current {
  border: none;
  background: none;
  font-weight: bold;
  font-size: 0.9em; }

.pagination a:link, .pagination a:visited, .pagination a:active {
  border: none;
  background: #f0f0f0; }

.pagination .current, .pagination a:hover {
  padding: 3px 7px;
  background: #e0e0e0; }
  
  
  /**** ADAPTATIONS ****/
.single-post article, .blog #asi-left-column {
    background-color:white;
        border:1px solid #d3d6db;
    padding-left:20px;
}
.archive #asi-left-column {
    background-color:white;
    border:1px solid #d3d6db;
    padding-left:20px;
}
.single-post #asi-main-container #asi-left-column article p {
    font-size:14pt;
    color:#2e2e2e;
    line-height:1.4em;
    margin-bottom:0;
}
.single-post article {
    padding-left:20px;
    padding-right:20px;
}
.homepage-main-boxes {
    padding-left:20px;
}
.homepage-main-boxes h1 {
    margin-top:20px;
}
.homepage-main-boxes h1 a,
.homepage-main-boxes h1,
#asi-left-column h1,
#asi-left-column h1 a {
	font-family: 'Droid Sans', sans-serif;
	font-size: 1.48em;
    color:#eb0707;
}#a-la-une h1, #asi-actu h1, #asi-other-posts h1 {font-weight:bold !important;}
.homepage-main-boxes h1 {
    font-size:130%;
}
#asi-left-column h1.category-title {
	margin-bottom: 5px !important;
}
.widget_tag_cloud a {
    color:#646464;
	margin:0;padding:0;
	line-height:1em;
}

#primary-sidebar {
	box-shadow: none !important;
	padding-left: 15px !important;
}

.page #asi-left-column { border-right: none !important; }

.assoc-announce {
    background: #bb213d;
    color: white;
    padding: 8px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}
.assoc-announce:hover {
    background: #790419;
}

#menu-item-112822 span.link_text{
	font-weight:700 !important;
}

#menu-item-112832 span.link_text{
	font-weight:700 !important;
}

span.socialicons{
	text-align: right;	
}

div#socialiconscontainer{
	width:100%;
}

p.noptin-widget-desc{
	font-size:14px !important;
	font-family: "Roboto", sans-serif !important;
	padding-bottom:8px;
}

h2.widgettitle{
	_padding-left:8px !important;
}
