/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Page d'acceuil
 ========================================================================== */
 .texte-module-contact {
	text-align:left;
	color: #fff;
	font-size: 14px;
	font-family: "Lato";
	text-shadow: 1px 1px 1px #a977c8;
	
	
	}
	 
 .texte-page-accueil-violet {
	text-align:left;
	color: #a954ea; /* ancienne couleur #c554ea*/
	font-size: 16px;   
	line-height: 20px;
	}	  
	
 .texte-page-accueil-noir {
	text-align:left;
	color: #777777; 
	font-size: 16px;   
	line-height: 20px;
	}	  
	
 .texte-offre {
	text-align:left;
	color: #585858; 
	font-size: 14px;   
	
	}	  	
	
 em {
  color: #a954ea;
  
}

hr {
  /* 1 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  /* 2 */
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eaeaea;
  width:50%;
  
}
/* ========================================================================
   Fin Page d'acceuil
 ========================================================================== */
 
 
 /*
 * Titre Sizes
 */
h1,
.uk-h1 {
  font-size: 38px;
  line-height: 48px;
}
h2,
.uk-h2 {
  font-size: 32px;
  line-height: 40px;
}
h3,
.uk-h3 {
  font-size: 24px;
  line-height: 24px;
}
h4,
.uk-h4 {
  font-size: 18px;
  line-height: 25px;
}
h5,
.uk-h5 {
  font-size: 16px;
  line-height: 20px;
  color:#919191;
}
h6,
.uk-h6 {
  font-size: 14px;
  line-height: 21px;
}

h3, .uk-h3 { 	/* titre blog*/
font-size: 20px;
line-height: 24px;
color: #919191;
cursor: pointer;
font-weight: 700;
text-decoration: none;
} 
 

 
 #yoo-zoo .item h1.pos-title {  /* Titre d'un article du blog */
 
color: #919191;
font-family: "Cabin";
font-size: 20px;
font-weight: 400;
 letter-spacing: 0px;
line-height: 42px;
}


#yoo-zoo .items h1.pos-title a { 
color: #818181; /* ancienne couleur #919191*/
font-family: "Cabin";
font-size: 22px;
font-weight: 400;
 letter-spacing: 0px;
line-height: 42px;
}
 
 /*
 #yoo-zoo .details h1.title { 
color: #919191;
font-family: "Cabin"; 
font-size: 25px;
font-weight: 400;
 letter-spacing: 0px;
line-height: 42px;
}
*/

 #yoo-zoo .details h1.title { /* Titre BLOG */
color:#a04be0; /*ancien #a14bb5 */
font-family: "Cabin";
font-size: 30px;
font-weight: 700;
line-height: 42px;
text-transform: none;
letter-spacing: 0px;
}
 
#yoo-zoo .item h3 { 
color: #A954EA;
cursor: pointer;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-decoration: none;
font-family: "Cabin";
}

#yoo-zoo .details div.heading { /* Barre entre catégorier et blog */
border-bottom: 0px solid #323232;
padding-bottom: 0px;
}


#yoo-zoo .item div.pos-top .element {  /* Rubrique d'un article */
margin-bottom: 18px;
color: #A04BE0;
font-family: "Cabin";
font-size: 30px;
font-weight: 700;
letter-spacing: 0px;
line-height: 42px;
text-transform: none;

}

#yoo-zoo .items p.pos-links { 
margin: 22px 0px 20px;

}

#yoo-zoo .items div.pos-content .element-textarea :last-child { 
margin-bottom: 0px;
font-size: 16px; 
line-height: 24px;
color: #918E8E;
}


.zoo-item-list p.title { 
margin: 0px;
}

.zoo-item-list p.links { 
margin: 5px 0px 0px;
margin-bottom:20px; 
}

.yoo-zoo.socialbuttons { 
margin-top: 15px;
margin-bottom: 25px;  
}
 
a:hover, .uk-link:hover { 
color: #919191;
text-decoration: underline;
} 
 
  
 /* ========================================================================
	Blog
 ========================================================================== */
 
 #yoo-zoo .items div.media-left { 
float: left;
margin: 0px 15px 0px 0px;
width:20%;
}


 
 /* ========================================================================
   Module
 ========================================================================== */
 
 .uk-panel-title { 
  /*margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #525252; */
  color: #919191;
font-family: "Cabin";
font-size: 19px;
font-weight: 700;
line-height: 22px;
text-transform: none;
}
.uk-panel-box .uk-panel-title { 
color: #606060;
}

/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
  padding: 30px;
  background: #fff;
  
  color: #525252;
  border: 1px #e3d8f0 solid ;
  box-shadow: 4px 2px 0px #e3d8f0; 
  border-radius: 15px;
  /*  background-image: linear-gradient(#fff, #d3bbee 10%, #d3bbee 100%, #d3bbee); */
  }
  
  
   
  
  .panel-box-vide {
/*  margin-top:6px; */
  padding: 10px;
  background: #fff;
  color: #525252;
  border: 0px #e3d8f0 solid ;
  box-shadow: 0px 0px 0px #e3d8f0; 
  border-radius: 0px;
  padding-top:0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:0px;
  margin-bottom:-10px;
  margin-top:-10px;
  }
   

   

 /*test*/
 .uk-navbar-flip { 
float: right;
margin-top:-55px;
margin-right:7px;

}


  
  .panel-box-boutons-sociaux { /* boutons sociaux */
  background: #fff;
  color: #525252;
  border: 0px #e3d8f0 solid ;
  box-shadow: 0px 0px 0px #e3d8f0;  
  border-radius: 0px;
  padding-top:10px;
  margin:0px;
  margin-bottom:-25px;
  margin-left:-5px;
  }
  
  .panel-box-contact { /* module contact*/
    padding: 30px;
	 font-size: 8px;
	 
/*background-color: rgba(186, 141, 237, 0.4); */
  color: #525252;
  border: 1px #e3d8f0 solid ;
  box-shadow: 2px 2px 0px #e3d8f0; 
  border-radius: 15px;
  
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a877c8+0,a877c8+95,ffffff+99,a877c8+100 */
background: #a877c8; /* Old browsers */
background: -moz-linear-gradient(left, #a877c8 0%, #a877c8 95%, #ffffff 99%, #a877c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a877c8), color-stop(95%,#a877c8), color-stop(99%,#ffffff), color-stop(100%,#a877c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #a877c8 0%,#a877c8 95%,#ffffff 99%,#a877c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #a877c8 0%,#a877c8 95%,#ffffff 99%,#a877c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #a877c8 0%,#a877c8 95%,#ffffff 99%,#a877c8 100%); /* IE10+ */
background: linear-gradient(to right, #a877c8 0%,#a877c8 95%,#ffffff 99%,#a877c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a877c8', endColorstr='#a877c8',GradientType=1 ); /* IE6-9 */
opacity:0.9;
  }
  
   .panel-box-vide-contact { /* texte au dessus du formulaire de contact*/
  
  padding: 0px;
  background: #fff;
  color: #525252;
  border: 0px #e3d8f0 solid ;
  box-shadow: 0px 0px 0px #e3d8f0; 
  border-radius: 0px;
  }

 /* ========================================================================
   Bouton
 ========================================================================== */
 
.btn { 
background-color: #B987FA;
background-image: linear-gradient(to bottom, #FFFFFF, #A677DD 50%, #A677DD 50%, #FFFFFF);
background-position: 0px 150%;
background-size: 100% 210%;
border: 5px none currentColor;
border-radius: 28px;
box-sizing: border-box;
color: #7C7A7A;
display: block;
font-family: "Cabin";
font-size: 19px;
font-weight: 500;
line-height: 20px;
padding: 0px 15px;
text-decoration: none;
text-transform: none;
min-height: 36px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
 
.btn:hover, .btn:focus { 
background-color: #FCFCFC;
background-image: none;
border-bottom-color: rgba(0, 0, 0, 0.078);
border-left-color: rgba(0, 0, 0, 0.078);
border-right-color: rgba(0, 0, 0, 0.078);
border-top-color: rgba(0, 0, 0, 0.078);
box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.024), inset 0px -1px 1px rgba(0, 0, 0, 0.071);
color: #C5C5C5;
outline: medium none currentColor;
text-decoration: none;
text-shadow: 1px 1px rgba(255, 255, 255, 0.898);

cursor: pointer;
display: inline-block;
vertical-align: middle;
}

.btn:not(:disabled) { 
cursor: pointer;  
}

.btn-primary {
background-color: #B987FA;
background-image: linear-gradient(to bottom, #FFFFFF, #A677DD 50%, #A677DD 50%, #FFFFFF);
background-position: 0px 150%;
background-size: 100% 210%;
border: 5px none currentColor;
border-radius: 28px;
box-sizing: border-box;
color: #7C7A7A;
display: block;
font-family: "Cabin";
font-size: 19px;
font-weight: 500;
line-height: 20px;
padding: 0px 15px;
text-decoration: none;
text-transform: none;
min-height: 36px;

cursor: pointer;
display: inline-block;
vertical-align: middle;
}


.btn-primary:hover, .btn:focus { 
background-image: linear-gradient(to bottom, #FFFFFF, #A677DD 50%, #A677DD 50%, #FFFFFF);
background-position: 0px 160%;
background-size: 100% 210%;
color: #7C7A7A;
font-family: "Cabin";
font-size: 19px;
font-weight: 500;
text-transform: none;

cursor: pointer;
display: inline-block;
vertical-align: middle;
}


.user {
color: #fff; 
}

/* Modules*/ 

#Module-129 li. {margin-top: 100px;font-size: 30px;}
#Module-129 p.title {color: #FEFEFE;}


.uk-alert-success { /* Message envoyé a l admin */
background: #FAFAFA;
color: #A877C8;
}
.uk-alert {
background: #FAFAFA;
color: #A877C8;
} 

.uk-alert-success::before {
    background: #A877C8 linear-gradient(to bottom, #A877C8, #A877C8) repeat scroll 0% 0%;}