/*
/   name           Favourite
/   version        4.1
/   description    Responsive and customizable Joomla!3 template
/   demo           http://demo.favthemes.com/favourite
/   author         FavThemes
/   author URL     https://www.favthemes.com
/   copyright      Copyright (C) 2012-2017 FavThemes.com. All Rights Reserved.
/   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style
///
//////////////////////////////////////////////////////////////////////////////*/
/* article en 2 colonnes   html et css */ 
/* <h3>Le titre sur toute la largeur</h3>
<div class="col-2">
  <p>un paragraphe</p>
  <p>un autre paragraphe</p>
</div>
*/
.col-2 {
	-moz-columns: 2 auto;
	-webkit-columns: 2 auto;
	columns: 2 auto}
@media (max-width: 640px) {
.col-2 {
	-moz-columns: 1 auto; 
	-webkit-columns: 1 auto;
	columns: 1 auto
	}
}
/*  article 2 colonne avec bordure */ 
.col-2-bordered{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count:2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
-moz-column-rule:4px outset #5C4C4D; /* Firefox */
-webkit-column-rule:4px outset #5C4C4D; /* Safari and Chrome */
column-rule:4px outset #5C4C4D;
text-align: justify;
}


 
/* article en 3 colonnes   html et css */ 
/*<h4>Titre très très long sur 3 colonnes ou plus</h4>
<div class="col3">
<p style="display: inline-block">
*/
.col3 {
  -moz-columns: 3 auto; 
  -webkit-columns: 3 auto; 
  columns: 3 auto;
  height: auto;
  overflow: auto;
}
.col3 h4 {
  column-span:all;
}

@media (max-width: 960px) {
.col3 {
  -moz-columns: 2 auto; 
  -webkit-columns: 2 auto; 
  columns: 2 auto;
}
}

@media (max-width: 640px) {
.col3 {
  -moz-columns: 1 auto; 
  -webkit-columns: 1 auto; 
  columns: 1 auto;
}
}