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

/*GENERIQUE*/
@font-face{
	font-family: 'metafors';
	src: url('../fonts/metafors-Regular.ttf');
}
body{
	color:#000000;
	font-family: 'Nunito Sans', sans-serif;
	margin:0;
}

a img{
	border:0;
}

a{ color: black;}

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

.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: transparent; }

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

#cms1 .columns-container {
  background: transparent; } 

.footer-container {
  border-top: 1px solid #c4632c;
  background: transparent;
  padding-top: 30px;
  }

.footer-container .container {
	padding-bottom: 70px; }

.footer-container #footer .row {
    position: relative;
   }

.footer-container #footer_infos{ text-align: center;width: 100%;}

.footer-container #footer_infos i{ color: #c4632c; font-size: 30px}

.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-bottom {
     /* position: absolute;
      bottom: -55px;
      left: 0;*/
	  background-color: #95b5b4
     }

.footer-container-bottom div {
       /* padding: 15px 0 0 0;
        border-top: 1px none #515151;
        width: 100%;
	    text-align: center*/
		
		 }

 @font-face {font-family:"Museo 300";
src:url("../fonts/Museo 300.otf") format("otf");
font-weight:normal;font-style:normal;}
@font-face {font-family:"Museo 500";
src:url("../fonts/Museo 500.otf") format("otf"),
	url("../fonts/Museo500-Regular.woff") format("woff");
font-weight:normal;font-style:normal;}

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background:#FFFFFF;
	}
	
	
	#header{
		position:relative;
		background:transparent;
		padding-top: 50px
	}
	
	#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:10px 0;
		color:#FFFFFF;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#FFFFFF;
	}
	
		
	#left_column{
	}
	
	#center_column{ padding-bottom: 1em; min-height: 500px
	}
	
	#right_column{
	}
	
	#bottom-encarts-container { min-height: 466px; background: url(../img/bg-bottom-encarts.jpg) no-repeat center top}
	#bottom-encarts-container a {text-align:center; color: #c4632c}
	#bottom-encarts-container a img{-webkit-box-shadow: 0px 21px 28px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 21px 28px -14px rgba(0,0,0,0.75);
box-shadow: 0px 21px 28px -14px rgba(0,0,0,0.75);}
	
	
	
	/*#bottom-encarts-container a:hover img{ 	
	opacity: .95;
  box-shadow: 0-10px 3px rgba(0,0,0,.2) inset, 0 15px 15px -5px gray;
  -moz-transform: rotateX(10deg);
  -webkit-transform: rotateX(10deg);
  transform: rotateX(10deg);
  -moz-transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all .4s;
  transition: all .4s;}*/

	
	
	#bottom-encarts-container p{ font-size: 40px; padding: 12px 13px 10px; font-family: 'Museo 500'}
	#bottom-encarts-container p:after{
		content:"\ ";
	    display:block;
	    height: 4px;
	    width: 45px;
	    border-bottom: 4px solid #c4632c;
	    margin:10px auto}
	
	#footer{
		background:#ffffff;
	}
	
	#footer #footer_infos #footer_ctc a{ text-decoration: underline}
	
	#footer #footer_infos #footer_fbk a{font-family:"Museo 500"; color: #c4632c; font-size: 1.1em}
	
	#footer a#footer_haut{
	  display: block;
	  height: 80px;
	  position: absolute;
	  right: 45%;
	  top: 200px;
	  width: 80px;
	  text-align:center;
	  padding-top:0px;
	  font-size:45px;
	  color: #fff;
	  background-color:#aac4c3;
	  border-radius:40px;
	  z-index:1	}
	
	.titre{ 
	    font-size: 20px;
		text-transform: uppercase;
		color:#999;
		display: block;
		margin-bottom: 0.9em
	}
	
	 #incomm,  #seone{
		width:100%;
		text-align:center;
		margin: 10px 0 5px 0;
		/*float: left;*/
		font-size: 0.7em;
		 color:#FFFFFF;
	}
	 #incomm a, #seone a{
		color:#FFFFFF;
		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; } 
	 #colunm_infos.block{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    }
	
    .col-md-offset-1{
    	margin-left: 0%;
    }
    .row-menu{
    	margin-top: 60px;
    }
    #cms6 ul{
    	font-size: 2.5em !important;
    }
    .block p{
    	font-size: 1.8em;
    }
    .menu{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    	padding: 1em 3em;
    }
}

/* TABLETTES */
@media only screen and (min-width: 768px){
	
	#header{
		
		padding-top: 0px
		
	}
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	
	.no_image{ display: block; }
	
	#bottom-encarts-container div#encart_1{ padding-left: 0}
	#bottom-encarts-container div#encart_3{ padding-right: 0}
	
	#footer #footer_infos #footer_fbk a{ font-size: 32px}
	
	#footer a#footer_haut{
	  top: 15px;
	  right: 25px;
	 }
	  #colunm_infos.block{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    }
	
    .col-md-offset-1{
    	margin-left: 8.33333333%;
    }
    .row-menu{
    	margin-top: 60px;
    }
    .block p{font-size: 2.8em}
    .menu{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    	padding: 1em 3em;
    }
}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
		
	#header{
		height: 100px;		
	}
	
	#header .header-coord{ right: 10%; top: 12px; font-size: 14px}
	#header .header-coord .row{padding-left: 0; padding-right: 0}
	#header .header-coord span{ padding-right: 1.3em}
	#header .header-coord i{ color: #95b5b4; padding-right: 5px }
	#header #header-fbk{ padding-top:27px; padding-bottom: 28px; background-color: #95b5b4; color: white; font-size: 30px; text-align: center }
	#header a#home{
	}
	
	#header p#slogan{
	}
	
	
	#center_column{
		/*width: 810px;
		padding: 20px 40px;*/
		
	}
	
	
	#footer{
		background:#ffffff;
	}
	
	#footer a#footer_haut{
	
	  right: 0;
	  top: 75px;
	}
	
	#incomm,#seone{
		/*float:left;
		width:980px;
		text-align:center;
		margin: 10px 0 0 0;*/
		font-size: 0.8em;
		text-align: right
	}
	

	
	.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;
	}
	#colunm_infos.block{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height:auto;
    	width: 100%;
    }
	
    .col-md-offset-1{
    	margin-left: 8.33333333%;
    }
    .row-menu{
    	margin-top: 60px;
    }

    .menu{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    	padding: 1em 3em;
    }
}

@media only screen and (min-width: 1170px) {
	
	.container {
    max-width: 1170px;
    }

    #colunm_infos.block{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    }
	
    .col-md-offset-1{
    	margin-left: 8.33333333%;
    }
    .row-menu{
    	margin-top: 60px;
    }
    .menu{
    	margin: 5px 0px 30px 20px;
    	border: 5px double #a68064;
    	font-family: "metafors";
    	font-size: 12px;
    	height: auto;
    	width: 100%;
    	padding: 1em 3em;
    }
}

/*****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}}