/* pour IE */
/*article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }*/
/**/

/*GENERIQUE*/
body{
	color:#000000;
	font-family: 'Lato', sans-serif;
	margin:0;
}

a img{
	border:0;
}

a{ color: black;}

a:hover{
	text-decoration:none;
	color: inherit;
}

.fancybox{
}

.fancyboxAjax{
}

#popup{
	/*padding:0 10px;*/
}

.mce-content-body {
	background:#fff;
}

.hack{
	height:120px!important/*Hack IE7*/
}

.hidden{
	display:none!important;
}

.clear{
	clear:both
}

.error{
	border: 1px solid #DF7B7B;
	background-color: #FFE6E6;
}

.conf{
	border: 1px solid #72CB67;
	background-color: #DFFAD3;
}

.conf, .error{
	color: #383838;
	font-weight: 700;
	margin: 0 0 2% 0;
	line-height: auto;
	
}

.relative{
position:relative;}

.absolute{
position:absolute;
}

.fixe{
position:fixed}	

.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index: 1000;	
		width:100%;
		/*background: rgba(196,196,196,0.9);*/
		margin:0;
		padding:0px;
		box-shadow: 0 0 5px #333;
		-moz-transition: box-shadow 0.8s, background 0.5s;
		-webkit-transition: box-shadow 0.8s, background 0.5s;
		-o-transition: box-shadow 0.8s, background 0.5s;
		-ms-transition: box-shadow 0.8s, background 0.5s;
		transition: box-shadow 0.8s, background 0.5s;
	}

 
 .header-in{
 
 }
 
 
	
/*main {
  padding: 1em; }
  main img {
    max-width: 100%;
    height: auto; }	*/

.left-in{
 
 }
 
 .center-in{
 
 }
 
 .right-in{
 
 }
 
 
footer {
 
      }
	  
.footer-in{
 
 }	  
	  
/*  footer nav {
    height: auto; }
  footer #incomm {
    text-align: center;
    }	
	

#page,#header, #center_column, #left_column, #right_column, #footer{
		
	}*/
	

.header-container {
 /* background: url(../img/header-container_01.jpg) no-repeat center top; */}

   
.columns-container {
  background: transparent /*url(../img/columns-container_02.jpg) no-repeat center top*/; }



.footer-container {
  background: url(../img/footer-container_03.jpg) no-repeat center top; }

.container-fluid {
    max-width: 1560px;
    }
.header-container .container-fluid {
    max-width: 1270px;
    }
.footer-container .container-fluid {
	padding-bottom: 70px;
 border-top: 1px solid black}
/*.footer-container #footer .row {
      position: relative; }*/
.footer-container #footer ul.row {
      position: static; }
.footer-container #footer .footer-in {
      margin-top: 45px; }
      @media (max-width: 767px) {
        .footer-container #footer .footer-in {
          margin-top: 20px; } }

.footer-container #footer .footer-container-bottom {
      bottom: -55px;
      left: 0;
      width: 100%}

.footer-container #footer .footer-container-bottom div {
        padding: 0px 0 0 0;
	    margin: 0;
        border-top: 1px none #515151;
        width: auto;
	    text-align: center
		
		 }
/* @font-face {font-family:"Exo 2";
src:url("../fonts/Exo2.eot?") format("eot"),
    url("../fonts/Exo2.woff") format("woff"),
    url("../fonts/Exo2.ttf") format("truetype"),
    url("../fonts/Exo2.svg#Exo2") format("svg");
font-weight:normal;font-style:normal;}*/

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background: url(../img/fond.jpg) no-repeat center top;
	}
	
	
	#header{
		position:relative;
		background:transparent;
		padding-top: 60px;	
		z-index: 10
	}
	
	#header #header_logo{
	   text-align:center;
	  
		
			
	}
	
	#header #header_logo img{
		display:inline-flex
	}
	
	
	#header p#slogan{
		display: none;
	}
	
	
	#columns{
		clear:both;
	/*	background:#ffffff;	*/
	}
	
	
	#breadcrumb{
		margin:5px 0;
		color:#666666;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#666666;
	}
	
		
	#left_column{
	}
	
	#right_column{
	}
	
	#head-encarts-container { clear: both}
	#head-encarts-container a .encart_content{ top:19%; }


	#enc-bout{ top:62% !important; }


	#txt1-enc-bout{
	margin-left: 37px;
    margin-top: 48px;
    height: 79px !important;
    width: 218px !important;
  }

  #txt2-enc-bout {
    margin-top: 54px;
}
	#head-encarts-container #encart01 a .encart_content,
	#head-encarts-container #encart02 a .encart_content{ left: 25% }
	#head-encarts-container #encart01,
	#head-encarts-container #encart02,
	#head-encarts-container #encart03{ padding-bottom: 3vh; }
	#head-encarts-container #encart03 .encart_content p{ font:400 39.28px/30px 'Oswald', sans-serif  }
	#head-encarts-container .encart_title{ font:500 30px/30px 'Oswald', sans-serif; min-height: 80px }
	#head-encarts-container p.pb-2{ font-size: 1.2em; line-height: 1.2em; min-height: 50px }
	#head-encarts-container .encart_btn {
		background-image: url(../img/bg_encart_span.png);
		background-repeat: no-repeat; 
		background-position: center top; 
		background-size: contain; 		
		height: 79px;
		max-width: 304px;
		width: 100%;
		text-align: center;
		transition: all .3s;
		cursor: pointer;
		
	    }
	
	#head-encarts-container .encart_btn:hover {
		background-image: url(../img/bg_encart_span_hover.png);	
		
	    }
	#head-encarts-container .encart_btn span{
	    font:400 16px/20px 'Oswald', sans-serif;
		display: block;
	   padding-top: 4%;
	    }
	#head-encarts-container .encart_btn:hover span {
		color: white;
		padding-top: 2%
	    }
	
	#footer{
		background:transparent;
	}
	
	.footer-in:nth-child(1) i{ color: white; font-size: 30px; line-height: 45px; width: 46px; height: 46px; border-radius: 100%; background-color: black}
	
	#footer_logo { text-align: center }
	
	#footer a#footer_haut{
	  display: block;
	  height: 21px;
	  position: absolute;
	  right: 45%;
	  top: 200px;
	  width: 21px;
	  text-align:center;
	  padding-top:0px;
	  font-size:14px;
	  color: #fff;
	  background-color:#000000;
	  border-radius:25px;
	  z-index:1	}
	
	.titre{ 
	    font-size: 18px;
		color:#000000;
		display: block;
		margin-bottom: 0.9em;
		font-family: 'Oswald', sans-serif;
		font-weight: 500
	}
	
	#footer #incomm, #footer #seone{
		/*width:100%;*/
		text-align:center;
		padding: 5px 0 0 7px;
		/*margin: 5px 0 0;*/
		/*float: left;*/
		font-size: 0.7em;
	}
	#footer #incomm a, #footer #seone a{
		color:#999999;
		text-decoration:none;	
	}

	.column .block{
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 1% 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 2%;
	}
	
	img{
		max-width:100%;
		height:auto;
		}
	
	iframe{ max-width:100%; }
	
	.no_image{ display: none; } 
}


@media screen and (max-width: 767px) {
  #txt1-enc-bout{
	height: 40px !important;
    margin-top: 18px;
    margin-left: -18px;
  }

  #txt2-enc-bout {
    margin-top: 0px !important;
}

.pt-3{
	font-size: 22px !important;
}

.encart_title .pb-1{
	font-size: 20px !important;
}
}

/* TABLETTES */
@media only screen and (min-width: 768px){
	
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	#header #header_logo img{
		width: 80%
	}
	.no_image{ display: block; }
	#head-encarts-container .encart_title{ font:500 60px/60px 'Oswald', sans-serif; min-height: 137px }
	#head-encarts-container .encart_btn span{
	    font:400 20px/20px 'Oswald', sans-serif;	
	   padding-top: 8%;
	    }
	#head-encarts-container .encart_btn:hover span {
		
		padding-top: 5%
	    }
	#footer a#footer_haut{
	  top: 15px;
	  right: 25px;
	  }
}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
	body{
		
	}
	
	#header{ 
			padding-bottom: 60px;	}
	#header #header_logo img{
		width: 100%
	}
	
	.headerTop-in .headerTop-in-title{font:500 22px/26px 'Oswald', sans-serif; color: black; display: block}
	.headerTop-in:nth-child(2) i{ color: white; font-size: 30px; line-height: 45px; width: 46px; height: 46px; border-radius: 100%; background-color: black}
	.headerTop-in:nth-child(3) .headerTop-in-tel{font:700 21px/26px 'Oswald', sans-serif; color: #90b550}
	#header p#slogan{
	}
	#head-encarts-container .encart_title{ font:500 38px/38px 'Oswald', sans-serif; min-height: 80px  }
	#head-encarts-container #encart01{ padding-right: 5px}
	#head-encarts-container #encart02{ padding-left: 5px; padding-right: 5px}
	#head-encarts-container #encart03{ padding-left: 5px; }
	#head-encarts-container p.pb-2{ font-size: 16px; line-height: 16px }
	#head-encarts-container .encart_btn span{
	  	
	   padding-top: 4%;
	    }
	#head-encarts-container .encart_btn:hover span {
		
		padding-top: 2%
	    }
	#cms1 .columns-container {
  background: url(../img/index-columns-container.jpg) no-repeat center top; } 
	#columns{
		
	}
	
	#center_column{
		/*width: 810px;
		padding: 20px 40px;*/
	}
	
		
	
	
	#footer a#footer_haut{
	
	  right: 0;
	  top: 200px;
	}
	
	#footer #incomm, #footer #seone{
		/*float:left;
		width:980px;
		text-align:center;
		margin: 10px 0 0 0;*/
		font-size: 0.8em;
	}
	
	#footer #incomm a, #footer #seone a{
		color:#000;
		text-decoration:none;	
	}
	
	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.column .block p{
		margin:0 0 10px 0;
	}
	
	.column .block header, article header, aside header{
		text-align:center;
		border-bottom:0;
		padding:3px 0;
	}
	
	.column .block .block_content{
		padding: 5px;
	}

}

@media only screen and (min-width: 1200px) {
	
	#header{ padding-top: 0;	}
	.headerTop-in .headerTop-in-title{font:500 26px/26px 'Oswald', sans-serif; color: black; display: block}
	
	.headerTop-in:nth-child(3) .headerTop-in-tel{font:700 26px/26px 'Oswald', sans-serif;}
	.container {
    max-width: 1170px;
    }
	#head-encarts-container .encart_title{ font:500 48px/48px 'Oswald', sans-serif; min-height: 110px }
	
}
@media only screen and (min-width: 1366px) {
	
	
	#head-encarts-container .encart_title{ font:500 2.8125vw/2.8125vw 'Oswald', sans-serif; min-height: 130px }
	


#head-encarts-container .encart_btn span {

    padding-top: 6.5%;

}
	#head-encarts-container .encart_btn:hover span {
		
		padding-top: 4.5%
	    }
	
}

@media only screen and (min-width: 1600px) {
	
	
	#head-encarts-container .encart_title{ font:500 60px/60px 'Oswald', sans-serif; min-height: 140px }
	
}
/*****Bootstrap***/
@media (max-width:767px){.hidden-xs{display:none!important}}

@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}

@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}

@media (min-width:1200px){.hidden-lg{display:none!important}}