﻿/********************************************
	* Domaine : pleyad.fr
	*
	* Exploitant : UBS
	*
	* Rôle : Feuille de style spécifique page d'accueil 
	*
	* Auteur : Ultra-Fluide, copyright 2017
********************************************/


/**** Carousel *****/
#slide .flex-direction-nav, #slide .flex-control-nav {
	display: none;
}
#slide .flexslider {
	position : relative;
	z-index: 0;
}
#slide .flex-control-paging {
	display: block;
	position: absolute;
	text-align: center;
	top: 30px;
	width:100%;
	z-index: 3;
}
#slide .flex-control-paging li{
	display: inline-block;
}
#slide .flex-control-paging a {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    height: 30px;
    width: 30px;
	border-radius: 15px;
    color: rgba(255, 255, 255, 0);
    margin-right: 20px;
}
#slide .flex-control-paging a.flex-active {
	background:white;
}
#slide .slides {
	list-style: none;
	overflow: hidden;
}
#slide .slides img{
	display:block;
}
#slide .slides li{
	display: block;
}
section h2{
	width:100%;
	color : white;
	font-size: 2.6rem;
	padding:20px  0 5px 20px;
	position: absolute;
	bottom:0;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.94));
}
/**** Textes ****/
#textes  {
	display: flex;
	justify-content: space-around;
	align-items: center;
	min-height:420px;
	background-image: linear-gradient(to bottom, rgba(0, 113, 130, 0.81),rgba(0, 113, 130, 0.81)), url("images/fond-image-textes.jpg") ;
	background-repeat: no-repeat;
	background-size:cover;
	background-clip: content-box;
}
#textes article  {	
	padding:0 1.7%;
	color:white;
	line-height:1.5rem;
	text-align:center;
	min-height:260px;
	width:31%;
}
#textes article p {	
	text-align:left;
}
#textes article img {	
	margin:10px auto;
	width:auto;
}
/**** Images ****/
#images  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background:#e5f3f6 ;
	margin:0;
	padding-top:2.54237288%;
}
#images article p {	
	border-left:10px solid #00abc4;
	margin:10px 0;
	padding-left:20px;
	max-width:360px;
	min-height:40px;
}