/* CSS Document */
.homeRubrique{
	position:relative;
	margin-bottom: 2rem;
}
.firstLine > div{
	background-color: #f1f1f1;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}
.firstLine div h2,
.firstLine div .underline,
.firstLine div span{
	margin-left: 2rem;
	display: block;
}
.firstLine img, .secondLine img{
	width:100%;
	height:auto;	
	margin-bottom:2rem;
}
.firstLine a, .secondLine a{
	text-decoration:none;
	font-family: 'MINIRegular';
}
.firstLine h2, .secondLine h2{
	margin-bottom:1rem;
}
.firstLine span, .secondLine span{
	font-size:1.7rem;
	-webkit-font-smoothing:antialiased;
}
.firstLine h2{
	font-size: 3rem;
}
.homeRubrique .btnBlack{
	clear:both;
	font-family: 'MINISansReg';
	position: absolute;
    bottom: 0;
	width:100%;
}
.secondLine .bloc1, .secondLine .bloc2
{
	display: inline-block;
	float:left;
}
.secondLine .bloc1{
	width:33%;	
}
.secondLine .bloc2{
	width:64%;	
	margin-left:2%;
}

#owl-carousel-gamme .owl-pagination{
	display: none;
}
.owl-wrapper-outer{
	margin-left: 0;
}
#homeLoa a{
	background: #0085ac;
	border: 2px #0085ac solid;
    text-align:center;
	text-decoration:none;
	font-size:1.4rem;
	font-weight:bold;
	color:#fff;
    padding: 1.2rem;
    margin-bottom: 1rem;
}
#homeLoa a span{
 	font-size:1.2rem;
	font-weight:normal;   
}
#homeLoa a:hover{
    background-color:#fff; 
	border: 2px #0085ac solid;
	cursor:pointer;
	color: #4a4a4a;  
}
#owl-carousel h1{
	font-size:2rem;	
}
#owl-carousel a{
	text-decoration:none;
}

.big-target-click-zone-hover
{
	background-color:#f0f0f0;
	cursor:pointer;	
}
.big-target-click-zone:hover img,
.item img:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
.item a{
	text-decoration: none;
}
@-webkit-keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}
.containerConcession{
    margin-top: 1rem;
}

.containerConcession a, .btnGrey{
    background-color: #494949;
	border-color: #494949;
    color: #FFF;
    text-align: center;
	text-transform: 	uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
}
.btnGrey{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	padding: 1rem;
}
.containerConcession a:hover,
.btnGrey:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2), 0 1px 2px 0 rgba(0,0,0,0.1);
    background: #787878; /* Old browsers */
    background: -moz-linear-gradient(top, #787878 30%, #494949 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #787878 30%,#f2f2f2 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #787878 30%,#494949 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
    color: #FFF;
	border-color: #494949!important;
}
.containerGammeHP{
	list-style: none;
	margin: 0;
	padding: 0;
}
.containerGammeHP li{
	text-align: center;
}
.containerGammeHP li a{
	text-decoration: none;
}
.underline{
	margin-bottom: 10px;
	width: 80px;
    border-bottom: 4px #000 solid;
}
.blocFooterHP{
     margin-top: 2rem; 
	text-transform: uppercase; 
}
.blocFooterHP a{
    background-color:#F1F1F1;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-family: "MINISansReg", Arial, sans-serif;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding: 1rem 0 1.6rem 0;
}
.blocFooterHP a:hover{
    background-color:#dadada; 
}
.blocFooterHP img{
    display: none;
}

.shadowHP{
    height: 6px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.23);
    box-shadow: 0 6px 6px 0 rgba(0,0,0,.16), 0 7px 6px 0 rgba(0,0,0,.16);
}
.mainContent .btnBlack{
	margin:3rem auto;
	width: 90%;
}
#owl-carousel-gamme{
	text-transform: uppercase;
	text-align: center;
}

@media (min-width: 320px) {
	#homeLoa h2, #homeVN h2{
		font-size:2rem;	
	}
	.circle a{
		width:90px;
		height:90px;
		border-radius:90px;
		line-height: 80px;
	}
	.circle:nth-child(3) a,
	.circle:nth-child(4) a
	{
		bottom:5%;
	}
}



@media (min-width: 640px) {
	.homeRubrique .btnBlack{
		display:none;
	}
	.secondLine .bloc1, .secondLine .bloc2
	{
		display: inline;
		float:none;
		width:100%;
	}
	.mainContent .btnBlack{
		width: 240px;
	}

	#homeLoa{
		min-height:300px;	
		text-transform: uppercase;
	}	
	#homeLoa h2, .h1{
		font-size:2.5rem;	
	}
    .blocFooterHP img{
        display: block;
        width: 30px;
        margin: 1rem auto;
    }
}
@media (min-width: 840px) {
	.homeRubrique .secondLine h2{
		font-size:2rem;	
	}
}
@media (min-width: 980px) {
	#homeLoa h2, .h1{
		font-size:3rem;	
	}
	#homeLoa {
		min-height: 500px;
		background: url(/images/home-bg-loa.jpg?time=7) no-repeat bottom center;
		background-size: auto;
	}
}
@media (min-width: 1220px) {
	.homeRubrique .secondLine h2{
		font-size:2.3rem;	
	}
}