/*
style.css
--------- 
*/

 @import url(http://fonts.googleapis.com/css?family=Ubuntu);
 @import url(http://fonts.googleapis.com/css?family=Courgette);
 @import url(http://fonts.googleapis.com/css?family=Comfortaa);
 @import url(http://fonts.googleapis.com/css?family=Kalam);
 @import url(http://fonts.googleapis.com/css?family=ABeeZee);
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
body {
  column-count: 4; /* Disposition de la page en deux colonnes */
  -moz-column-count: 4;
  -webkit-column-count: 4; /* Safari and Chrome */
}
 
body {
  -moz-column-width: auto;
  -moz-column-gap: 20px; /* Espacement */
  -moz-column-rule: 0px solid black; 
  -webkit-column-width: auto; /* auto Colonnes de 150 pixels de largeur */
  -webkit-column-gap: 20px; /* Espacement */
  -webkit-column-rule: 0px solid black; 
  column-width: auto; /* auto Colonnes de 150 pixels de largeur */
  column-gap: 20px; /* Espacement */
  column-rule: 0px solid black; 
  column-rule-color: red;
  -moz-column-rule-color: red; /* Firefox */
  -webkit-column-rule-color: red; /* Safari and Chrome */
  column-rule-style: dotted;
  -moz-column-rule-style: dotted; /* Firefox */
  -webkit-column-rule-style: solid; /* Safari and Chrome */
}

h1
{
    color: black;
	 background-color:#FFFFCC; /*d0e4fe*/
	 font-size: 20px; /* Paragraphes de 14 pixels */
	 font-family: 'Courgette', Comic Sans MS;
	 text-decoration: none; /* blink underline none overline line-through*/
	 border:2px solid;
     border-radius:25px;
	 box-shadow: 10px 10px 5px #888888;
	 text-align: center;
	 transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari and Chrome */
}

h2
{
   color: blue;
	font-size: 12px; /* Paragraphes de 14 pixels */
	font-family: 'Open Sans', Comic Sans MS;
	font-style: italic;
	text-align: center; /* justify */
	line-height: 10px;
	opacity: 0.6;
}

p
{
   font-size: 12px; /* Paragraphes de 14 pixels */
	font-family: Comic Sans MS;
	font-style: italic;
	text-align: justify;
	opacity: 0.6;
}

p:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   color: green;
}
p:visited /* Quand le visiteur a déjà vu la page concernée */
{
    color: #AAA; /* Appliquer une couleur grise */
}