@import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);
@font-face {
  font-family: "La Belle Aurore";
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
body {
  height:100%;
}


body {
background :  url("../../../images/template/raisin.png") right top no-repeat fixed,
    url("../../../images/template/courbes.png") left top no-repeat fixed,
    url("../../../images/template/zigzag.png") center bottom no-repeat fixed;

}

body.etincelle {
background :     url("../../../images/template/raisin.png") right top no-repeat fixed, 
    url("../../../images/template/etincelle.jpg") right 80% no-repeat fixed,
    url("../../../images/template/courbes.png") left top no-repeat fixed,
    url("../../../images/template/zigzag.png") center bottom no-repeat fixed; 
background-size: 30% auto, 25% auto, auto, auto;
}

body.abimes {
background :     url("../../../images/template/raisin.png") right top no-repeat fixed, 
    url("../../../images/template/les-abimes.jpg") right 80% no-repeat fixed,
    url("../../../images/template/courbes.png") left top no-repeat fixed,
    url("../../../images/template/zigzag.png") center bottom no-repeat fixed; 
background-size: 30% auto, 25% auto, auto, auto;
}

body.fleur {
background :     url("../../../images/template/raisin.png") right top no-repeat fixed, 
    url("../../../images/template/fleur.jpg") right 70% no-repeat fixed,
    url("../../../images/template/courbes.png") left top no-repeat fixed,
    url("../../../images/template/zigzag.png") center bottom no-repeat fixed;
background-size: 30% auto, 25% auto, auto, auto;
}

body.matin {
background :     url("../../../images/template/raisin_blanc.png") right top no-repeat fixed, 
    url("../../../images/template/matin.jpg") right 80% no-repeat fixed,
    url("../../../images/template/courbes.png") left top no-repeat fixed,
    url("../../../images/template/zigzag.png") center bottom no-repeat fixed; 
background-size: 30% auto, 25% auto;
}


.zoom {
transition: all ease-in-out 1s;
height:300px;
  width:auto;
}

.zoom:hover {
  height:386px;
  width:auto;
}

div.tm-headerbar.uk-clearfix:after , div.tm-headerbar.uk-clearfix:before{
    clear: none !important;
  display:none !important;
  content : "" !important;
}
.tm-logo {
  float:right !important;
}

/* --------------------------
  Icons for contactform
  ---------------------------*/
/* Name */
#jform_contact_name-lbl:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f007";
  width: 20px;
  color: #0088cc;
  vertical-align: text-top;
}
 
/* E-mail */
#jform_contact_email-lbl:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f0e0";
  width: 20px;
  color: #0088cc;
  vertical-align: text-top;
}
 
/* Subject*/
#jform_contact_emailmsg-lbl:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f02b";
  width: 20px;
  color: #0088cc;
  vertical-align: text-top;
}
 
/* Message */
#jform_contact_message-lbl:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f14b";
  width: 20px;
  color: #0088cc;
  vertical-align: text-top;
}
 
/* E-mail copy */
#jform_contact_email_copy-lbl:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f0e0";
  width: 20px;
  color: #0088cc;
  vertical-align: text-top;
}
 
/* Send button */
#contact-form .btn:before {
  display: inline-block;
  font-family: fontawesome;
  content: "\f064";
  width: 20px;
  text-align: left;
}

h1, uk-h1 {
  font-size:20px;
}

.tm-isblog .uk-article-title {
  font-size:20px;
}

.uk-h4 {
  font-size: 16px;}


.intro .tm-content article img {
  width:100px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.intro .tm-content article img:hover {
  width:120px;
}

@font-face {
  font-family: "La Belle Aurore";
  src: url("http://fonts.googleapis.com/css?family=La+Belle+Aurore");
}



p.typo-script {
font-family: 'La Belle Aurore', cursive;
  font-size:26px;
}



article h1.uk-article-title a[title="un matin..."]:before, body.matin article h1.uk-article-title:before {
  	display: inline-block;
  font-family: fontawesome;
  content: "\f04d";
  color :#a1bf37;
  margin-right :5px;
}

article h1.uk-article-title a[title="les abîmes de l'enfer"]:before, body.abimes article h1.uk-article-title:before {
  	display: inline-block;
  font-family: fontawesome;
  content: "\f04d";
  color :#c71825;
  margin-right :5px;
}

article h1.uk-article-title a[title="La fleur enchantée"]:before, body.fleur article h1.uk-article-title:before {
  	display: inline-block;
  font-family: fontawesome;
  content: "\f04d";
  color :#009de0;
  margin-right :5px;
}

article h1.uk-article-title a[title="étincelle"]:before, body.etincelle article h1.uk-article-title:before {
  	display: inline-block;
  font-family: fontawesome;
  content: "\f04d";
  color :#e28327;
  margin-right :5px;
}


.wk-slideshow {
  color:#848484;
}

.tm-navbar, .tm-headerbar {
  margin:0 ;
}

ul.uk-pagination {
  margin-top : 50px !important;

  
}

aside {
  margin-top:180px !important;
}

h2, h4{
  text-transform :none !important;
}

[lang="en-gb"] div.page-header + h3:after {content:" us";}