/* ANIMATION */
div#animation {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:97;
	padding-top:5px;
	margin-bottom:2px;
}
.animation_bg {width:100%;height:100%;z-index:99;background-size:45%;position:absolute;}
div#animation_content {margin:0;}
div#animation .bx-wrapper {margin:0 0 0 0;}
div#animation .bx-controls {display:none;}
div#animation .anim_bxslider {margin:0;padding:0;}
div#slider_index {
    height: 370px;
    position: relative;
    width: 100%;
}
div#animation a {display:block;width:100%;height:100%;text-decoration:none;color:inherit;}
.caption{
	/*display:none;*/
	position:absolute;
	bottom:0;
	height:auto;
	padding:25% 0;
	font-size:20pt;
	left:calc(50% - 500px);
	text-align:center;
	font-weight:bold;
	color:#FFF;
	width:100%;
	max-width:1000px;
	text-shadow:0 0 5px #000;
}

.video_player {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video_player iframe,
.video_player object,
.video_player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*PRESENTATION*/
section{
	position:relative;
	width:100%;
	padding:3%;
	display:table;
}
section .title_presentation{
	font-size:20px;
	font-weight:bold;
}
section .content_presentation{
	font-size:15px;
}
section .content_presentation p{
	margin:15px 0;
	line-height:25px;
	text-align:justify;
}
section .photo_presentation{
	float:left;
	width:50%;
}
section .photo_presentation img{
	max-width:100%;
}
section .content_presentation{
	float:left;
	width:50%;
}
.savoir_plus{
	position:relative;
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	margin:0 auto;
	width:98%;
	max-width:300px;
	padding:8px 0;
	border-radius:15px;
	display:table;
}
.savoir_plus a{
	color:inherit;
	text-decoration:none;
}
/*Section 1 et 3*/
section#index_presentation1 .savoir_plus, section#index_presentation3 .savoir_plus{
	background:#c6c6bd;
}
/*Section 2*/
section#index_presentation2{
	background:#c6c6bd;
}
section#index_presentation2 .savoir_plus{
	background:#FFF;
}
/*Section 4*/
section#index_presentation4 .savoir_plus{
	background:#e30613;
	color:#FFF;
}
section .title_presentation h1{
	font-weight:inherit;
	font-size:inherit;
}
section#index_presentation4 .content_presentation.max{
	position:relative;
	float:inherit;
	width:100%;
	max-width:1200px !important;
	margin:0 auto;
	display:table;
}
section#index_presentation4 .content_presentation.max p{
	text-align:center !important;
}
section#index_presentation4 .content_presentation.max .title_presentation{
	text-align:center !important;
	display:table;
	margin:0 auto;
}
#index_presentation4{
	background-image: url("../img/public/alarme_camera_surveillance.jpg");
	min-height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

div#bandeau_cta{
	position:relative;
	width:100%;
	background:RGBA(227,6,19,1);
	padding:30px 0;
}
div#tel_cta{
	text-align:center;
	width:100%;
	max-width:370px;
	margin:0 auto;
	padding-left:59px;
	background:url(../img/public/tel_blanc.png) no-repeat;
}
div#tel_cta_int{
	text-align:center;
	border-radius:15px;
	width:calc(100% - 59px);
	box-shadow:0 5px 5px #c20510;
	background:#FFF;
	padding:8px 0;
	font-weight:bold;
	font-size:22px;
	margin:0 auto;
}
/*blog*/
#bottom_blog a{
	color:inherit;
	text-decoration:none;
}
div#bottom_blog_content h2{
	font-weight:normal;
	font-size:26px;
	padding-bottom:30px;
	padding-left:10px;
}
div#bottom_blog_content h2 strong{
	font-weight:bold;
	font-size:33px;
}
.blog_item{
	padding:0 3%;
	color:#3c3c3b;
}
.bottom_blog_article_title, .bottom_blog_article_lien {
	font-size:18px;
	color:#9e0e09;
	font-weight:bold;
}
.bottom_blog_article_contenu{
	font-size:16px;
	line-height:1.7em;
	padding:15px 0;
	text-align:justify;
}
.bottom_blog_article_lien {
	font-size:12px;
	font-style: italic;
	float:right;
	color:#5a5a59;
	background-image: url(../img/public/fleche_blog.png);
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:14px;
}
/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1550px) {
	.encart_item{
		font-size:25pt;
	}
	.encart_item_title{
		min-height:140px;
	}
	section#index_encart{
		padding:40px 0 80px 0;
	}
	section#bottom_blog{
		padding:30px 0;
	}
	#index_presentation2 {
		min-height: 700px;
	}
	div#index_message2{
		max-width: 800px;
		font-size:27px;
		padding-top:100px;
	}
	div#index_message_content1{
		width:96%;
		margin:0 auto;
	}
	div#index_message_content1 {
    	font-size: 20px;
	}
	.encart_item_img img{
		max-width:100%;
		max-height:120px;
	}
	.caption{
		font-size:18pt;
	}
}

/*********************************************************************************************************/
/* inférieur à 1200px */
/*********************************************************************************************************/
@media screen and (max-width : 1200px) {

	div#animation {padding-top: 50px;}
	
}
/*********************************************************************************************************/
/* inférieur à 1090px */
/*********************************************************************************************************/
@media screen and (max-width : 1090px) {
	div#index_message3 {
		margin:0 auto;
	}
	.encart_item{
		font-size:20pt;
	}
	.encart_item_title{
		min-height:120px;
	}
	.caption{
		width:90%;
		left:5%;
		font-size:15pt;
	}
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {

	#index_presentation2 {
		min-height: 500px;
	}
	div#index_message2{
		max-width: 380px;
		font-size:23px;
		padding-top:0px;
	}
	.caption{
		padding:15% 0;
	}
}

@media screen and (max-width : 800px) {
	#bottom_blog {
		min-height:inherit;
	}
	div#bottom_blog_content{
		width:96%;
		margin:0 auto;
	}
	.encart_item{
		float:none;
		width:96%;
	}
	.encart_item_title{
		float:left;
		width:70%;
	}
	.encart_item_img{
		float:left;
		width:30%;
	}
	.encart_item_img img{
		max-width:100%;
		max-height:80px;
	}
	.encart_item_link{
		display:none;
	}
}

/*********************************************************************************************************/
/* inférieur à 700px */
/*********************************************************************************************************/

@media screen and (max-width : 700px) {
	#index_presentation2 {
		min-height: 400px;
	}
	div#index_message2{
		max-width: 340px;
		font-size:20px;
	}
	div#index_message2 p {
    	padding: 5px 0;
	}
	section#index_presentation2 {
    	padding: 70px 0;
		background-position:40% 50%;
	}
	
	section#index_encart{
		padding:30px 0;
	}
	
	section .photo_presentation, section .content_presentation{
		float:none;
		width:98%;
		margin:0 auto;
	}
	section#index_presentation2 {
		padding:3%;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/

@media screen and (max-width : 600px) {
	section#index_presentation2 {
		background-position:100% 50%;
	}
	div#index_message2{

		font-size:20px;
		width:96%;
		margin:0 auto;
		float:none;
	}
}
/*********************************************************************************************************/
/* inférieur à 450px */
/*********************************************************************************************************/

@media screen and (max-width : 450px) {
	div#index_message_title1 h1, div#index_message_title3 h2 {
		font-size: 20pt;
		line-height: 23pt;
	}
	
	div#index_message_content1, div#index_message_content3 {
    	font-size: 16px;
	}
	.encart_item {
    	font-size: 16pt;
	}
	.encart_item_title {
	    width: 80%;
	}
	.encart_item_img {
	    width: 20%;
	}
	.caption{
		font-size:10pt;
	}
}