html
{
	/*border: 2px solid blue;*/
	margin: 0;
	padding: 0;
	border: 0;
}

div
{

}
body
{
    font-family: arial;
}
#page
{
	width: 1404px;
	margin: auto;
	/*border: solid 2px red;*/
}

.imgBlockBas
{
	width: 298px;
	/*height: 295px;*/
	height: 100%;
	text-align: center;
	position: relative;
}

.grosseimagediv
{
	width: 898px;
	height: 592px;
	display: inline;
	float: left;
	position: relative;
	text-align: center;
}

.blockDroit
{
	height: 592px;
}

.imgSlider
{
	width: 504px;
	height: 295px;
}
.imgNews
{
	position: relative;
	display: block;
    float: left;
	margin-left: 2px;
	margin-bottom : 2px;
	text-align: center;
    width: 251px;
    height: 295px;
    background-position: center;
    padding: 0;
}

.blockTexte
{
    top: 60px;
}

.grilleHome
{
	float: left;
	margin-right: 2px;
	margin-top: 2px;
}

.divGris
{
	width: 298px;
	height: 295px;
	margin-right: 0;
	text-align: center;
	position: relative;
}

.homeHover
{
	 width: 506px;
	 height: 295px;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 100%;
    -webkit-transition: background-size .8s ease;
    -ms-transition: background-size .8s ease;
     transition: background-size .8s ease;
	 margin-top: 2px;
	 margin-left: 0;
     margin-right: 0;
}

.homeHover:hover
{
	background-size: 120%;
	transition: background-size .8s ease;
}


#block1
{
	height: 592px;
}
#block3
{
	margin-top: 2px;
}
#block2
{
	/*border: solid 2px green;	*/
	position:relative;
}
#block2, #block3
{
	height: 295px;
}

.titreGrosseImg, .sousTitreGrosseImg
{
	display: block;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-family:Quattrocento,serif;
	position: relative;
    line-height: 45px;
    font-size:52px;
    font-weight: 400;
}

.sousTitreGrosseImg
{
    margin-bottom: 20px;
}

.sousTitreGrosseImg:before, .sousTitreGrosseImg:after
{
	content:'';
	position:absolute;
	top:50%;
	width:25px;
	height:2px;
	background-color:#fff;
}

.sousTitreGrosseImg:before
{
	margin-left: -28px;
}

.sousTitreGrosseImg:after
{
	margin-left: 5px;
}

.lienGrosseImg
{
    font-size: 14px;
    line-height: 21px;
    font-family: 'Roboto Condensed',sans-serif;
	background-color: #bca61b;
    color: white;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    padding: 1px 3px 1px 3px;
}
/*

.titreGrosseImg, .sousTitreGrosseImg, .lienGrosseImg
{
	display: block;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-family:Quattrocento,serif;
	float: left;
	position: absolute;
}

.titreGrosseImg
{
	top: 180px;
	left: 275px;
	font-size:52px;
	font-weight: 400;
}
.sousTitreGrosseImg
{
	top: 230px;
	left: 390px;
	font-size:52px;
	font-weight: 400;
}
.sousTitreGrosseImg:before, .sousTitreGrosseImg:after
{
	content:'';
	position:absolute;
	top:50%;
	width:25px;
	height:2px;
	background-color:#fff;
}
.sousTitreGrosseImg:before
{
	margin-left: -28px;
}
.sousTitreGrosseImg:after
{
	margin-left: 5px;
}

.lienGrosseImg
{
	top: 300px;
	left: 300px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto Condensed',sans-serif;
	background-color: #bca61b;
	padding: 0 10px;
}

*/


.paragDiv
{
    position: relative;
	display: block;
	font-family: 'Roboto Condensed',sans-serif;
	line-height: 15px;
	font-size: 15px;
	color: white;
	text-align: center;
	width: 100%;
    padding-right: 10px;
    padding-left: 10px;
	/*border: solid 2px yellow;*/
}

.textDiv
{
	display: block;
	position: relative;
	width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.textDiv
{
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size:24px;
	font-family:Quattrocento,serif;
	line-height:26px;
}


.subSubText
{
	position: absolute;
	display: block;
	color: white;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	font-family: 'Roboto Condensed',sans-serif;
	text-decoration: underline;
	bottom: 2px;
}
.subSubText:hover
{
	text-decoration: none;
}

.lienDiv:hover{
	text-decoration: none;
}
.textImagBas
{
	position:absolute;
	font-size: 18px;
	font-weight: 700;
	float:left;
	width:inherit;
	height:inherit;
	padding: 2px;
	font-family:'Roboto Condensed',sans-serif;
	color:#6c635e;
	text-align:right;
	text-transform:uppercase;
	display: block;
	top : 2px;
	right: 2px;
}

.grosTextImagBas
{
	position:absolute;
	font-weight: 400;
	float:left;
	padding: 2px;
	font-size:42px;
	font-family:Quattrocento,serif;
    line-height: 60px;
	color:#6c635e;
	text-align:right;
	text-transform:uppercase;
	display: block;
	top : 15px;
	right: 2px;
}
.petitTextImagBas
{
	position:absolute;
	float:left;
	width:inherit;
	height:inherit;
	padding: 2px;
	font-size: 11px;
	font-weight: 300;
	font-family: 'Roboto Condensed',sans-serif;
	color:#6c635e;
	text-align:right;
	text-transform:uppercase;
	display: block;
	top : 60px;
	right: 2px;
}

.lienImagBas
{
	position:absolute;
	float:left;
	width:inherit;
	height:inherit;
	padding: 2px;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto Condensed',sans-serif;
	color:#6c635e;
	text-align:right;
	text-transform:uppercase;
	display: block;
	bottom: 10px;
	right: 10px;
	text-decoration: underline;
}

.lienImagBas:hover
{
	color:#6c635e;
	text-decoration: none;
}

#owl-home
{
	width: 504px;
	height: 295px;
	margin-left: 2px;
}

#slider_arrow_left
{
    background-image: url("../images/slider-arrow-left.png");
    background-position: center;
}
#slider_arrow_right
{
    background-image: url("../images/slider-arrow-right.png");
    background-position: center;
}

.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.7;
}

.owl-controls
{
    margin-top: -162px;
}

.boutonDecouvrir
{
	/*left: 99px;*/
	position: relative;
	display: inline-block;
	/*float: left;*/
	background-color: black;
	color: white;
	line-height: 27px;
	/*width: 100px;*/
	text-align: center;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 18px;
	text-transform: uppercase;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    margin-top: 15px;
	text-decoration: none;
}


.divGris:after
{
    top:-30px;
    margin-top:0;
    left:50%;

    border-color:transparent;
    border-bottom-color:#e2dcd6;
    left:-30px;
    border-color:transparent;
    border-right-color:#e2dcd6;
    content:'';
    height:0;
    width:0;
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-15px;
    border:solid transparent;
    border-color:transparent;
    border-left-color:#e2dcd6;
    border-width:15px;
    pointer-events:none;
}

/*
.divGris:after
{
content:'';
height:0;
width:0;
position:absolute;
top:50%;
left:100%;
margin-top:-15px;
background-color: red;
border:solid transparent;
border-color:transparent;
border-left-color:#e2dcd6;
border-width:15px;
pointer-events:none;

top:-30px;
margin-top:0;
left:50%;
margin-left:-15px;
border-color:transparent;
border-bottom-color:#e2dcd6;
}
*/
.boutonDecouvrir:hover
{
	text-decoration: none;
	color: white;
}


@media screen and (max-width: 1500px)
{
	body
	{
		/*background-color: red;*/
	}

	#page
	{
		width: 1206px;
	}

	.grosseimagediv
	{
		width: 728px;
		height: 480px;
	}

	.grosseimage
	{
		width: 728px;
		height: 480px;
	}

	.blockDroit
	{
		height: 480px;
	}

	.imgNews
	{
		width: 236px;
		height: 172px;
		padding-top: 20px;
	}

    .imgNews .blockTexte
    {
        top: 40px;
    }

    .imgSlider
	{
		width: 474px;
		height: 306px;
	}
	#owl-home
	{
		width: 474px;
		height: 306px;
	}

	.imgBlockBas
	{
		width: 251px;
		height: 295px;
		text-align: center;
	}

	.divGris
	{
		width: 224px;
		height: 295px;
	}

	.homeHover
	{
		 width: 474px;
		 height: 295px;
	}

	#block1
	{
		height: 480px;
	}

	#block2, #block3
	{
		height: 295px;
	}


	.textImagBas
	{
		font-size: 18px;
		font-weight: 700;
	}

	.grosTextImagBas
	{
		font-weight: 400;
		font-size:42px;
	}
	.petitTextImagBas
	{
		font-size: 11px;
		font-weight: 300;
	}

	.lienImagBas
	{
		font-size: 15px;
		font-weight: 400;
	}

	.boutonDecouvrir
	{
		/*left: 62px;*/
	}

}


@media screen and (max-width: 1300px)
{
	body
	{
		/*background-color: green;*/
	}

	#page
	{
		width: 970px;
	}
	#grosseimage
	{
		width: 727px;
		height: 479px;
	}

    .blockDroit
    {
        float: left;
    }

	.imgNews
	{
		display: block;
		padding-top: 20px;
		width: 239px;
		height: 151px;
        float: none ;
	}

    .imgNews .blockTexte
    {
        top: 10px;
    }

	.imgSlider
	{
		width: 239px;
		height: 174px;
	}

	#owl-home
	{
		width: 239px;
		height: 173px;
	}

    .owl-controls
    {
        margin-top: -102px;
    }

	.divGris
	{
		width: 223px;
		height: 295px;
	}
	.homeHover
	{
		 width: 240px;
		 height: 295px;
		 background-size: 190%;
	}
	.homeHover:hover
	{
		background-size: 220%;
	}

	#block1
	{
		height: 479px;
	}
	#block2, #block3
	{
		height: 295px;
	}

	.textImagBas
	{
		font-size: 12px;
		font-weight: 700;
	}

	.grosTextImagBas
	{
		font-weight: 400;
        line-height: 30px;
		font-size:25px;
	}
	.petitTextImagBas
	{
		font-size: 10px;
		font-weight: 400;
		top: 45px;
	}

	.lienImagBas
	{
		font-size: 12px;
		font-weight: 400;
	}



}