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

/*GENERIQUE*/
body{
	color:#333333;
	font-family:'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin:0;
}

a img{
	border:0;
}

a{ color: black;}

a:hover{
	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 {
	font-family: 'Pinyon Script', cursive;
		font-size: 16px;
      }
#footer .faceb{font-family: 'Lato', sans-serif;
				  font-size: 16px;}
.footer-in{
 
 }	  
	  
/*  footer nav {
    height: auto; }
  footer #incomm {
    text-align: center;
    }	
	

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

.header-container {
  background: #fff }

   
.columns-container {
  background:#2d7fff }

.footer-container {
  background: url(http://www.frenchvacance.com/themes/default_3_columns/img/footer-container_03.jpg) no-repeat center top; }

.footer-container .container {
	padding-bottom: 70px; }
/*.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-container-bottom {
background-color:#2d7fff;}

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

/* SMARTPHONES */
@media only screen and (min-width: 320px){
	body{
		background:#2d7fff;
	}
	
	
	#header{
		position:relative;
		background:transparent;
		padding-top: 50px;
		z-index: 10
	}
	#certificat{border:3px solid #f2e22a;
		margin-bottom: 100px;
		margin-top: 50px}
	#certificat h1{margin-top:47px;font-size: 34px}
	#header #header_logo{
	   text-align:center;
	  
		
			
	}
	
	#header #header_logo img{
		display:inline-flex
	}
	
	
	#header p#slogan{
		display: none;
	}
	
	#columns{
		clear:both;
		background:#2d7fff;	
	}
	/*#encart2{height: 447px}*/
	.encart2-e{background-color:white;height:298px;}
	.encart2-e h1{
		color:black;
		font-size:35px;
	 margin-top: 14px}
	.encart2-e h1::after {padding-top: 21px;}
	.p-encart2{
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 20px;
	 	width:auto;
	 text-align:center;}
	 .encart2-b:hover{background: url(../img/encart3hover.jpg) no-repeat center top;
	 	background-size: cover;}
	 .encart2-b:hover img{opacity: 0;}
	 .encart2-c:hover{background: url(../img/encart4hover.jpg) no-repeat center top;
	 	background-size: cover;}
	 .encart2-c:hover img{opacity: 0;max-width: 100%}

	.btn-blue {
				    font-size: 11.54px;
				    color: #fff;
				    line-height: 11px;
				    padding: 13px 29px;
				    border-radius: 40px;
				    background: #2d7fff;
				    text-transform: uppercase;
				    transition: all 0.3s ease 0s;
				}
	.btn-blue:hover{color: #fff}
	
	#map{
    background: url(../img/map.jpg) no-repeat center top;
    height: 273px;
	}		

	/*.encart2-a{background:url(http://www.frenchvacance.com/themes/default_3_columns/img/encart1.jpg) no-repeat center top;}*/

	#breadcrumb{
		margin:5px 0;
		color:#fff;
		font-size: 0.8em;
	}
	
	#breadcrumb a{
		color:#fff;
	}
	
		
	#left_column{
	}
	
	#right_column{
	}
	
/*	#head-encarts-container a{ text-align:center; position: relative; padding: 0}
	#head-encarts-container a span{ position: absolute; font-size: 30px; font-weight: 500; color: white; display: block; width: 100%; top:7.3em}*/
	
	#footer{
		background:#ffffff url('http://www.frenchvacance.com/themes/default_3_columns/img/footer.jpg') no-repeat scroll left top;
	}
	
	#footer a#footer_haut{
	  display: block;
	  height: 98px;
	  position: absolute;
	  right: 5%;
	  top:152px;
	  width: 98px;
	  text-align:center;
	  padding-top:25px;
	  font-size:33px;
	  color: #fff;
	  background-color:#2d7fff;
	  border-radius:100%;
	  z-index:1	}
	
	.titre{ 
	    font-size: 20px;
		text-transform: uppercase;
		color:#999;
		display: block;
		margin-bottom: 0.9em
	}
	
	#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; } 
}

/* TABLETTES */
@media only screen and (min-width: 768px){
	body{
		background:#2d7fff;
	}
	
	
	#header{
		padding-top: 0px
	} 
	
	.btn-blue {font-size:15.54px};
	.column .block{
		float: left;
		width: 47%;
		margin: 1%;
	}
	.column .block p{
		margin:0 0 2% 0;
	}
	
	.no_image{ display: block; }
	
	#footer a#footer_haut{
	  top: 15px;
	  right: 25px;
	  }
	  .footer-container #footer .row {
   /* height: 188px;*/
	align-items: center;
	}
}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
	body{
		
	}
	
	#header{
		height: 131px;
		
	}

	.p-encart2{width:auto;}

	.encart2-e h1{
		font-size:75px;
		margin-top: 12px;
		margin-top: 0px;
	}
	#encart1{background-color:#f2e228;
		margin-top:-40px;
		margin-bottom: -40px;
		color:#000000;}
	#encart1 span{font-size: 12px;}
	#encart1 p{font-size: 10px; font-weight: 700}
	.drapeau{margin-left:-50px;}
	#certificat h1{margin-top:47px;font-size: 50px}
	#header p#slogan{
	}
	
	#columns{
		clear:both;
		background:#2d7fff;	
	}
	
	#center_column{
		/*width: 810px;
		padding: 20px 40px;*/
	}
	
		
	#footer{
		background:#ffffff url('http://www.frenchvacance.com/themes/default_3_columns/img/index_05.jpg') no-repeat scroll left top;
		font-family: 'Pinyon Script', cursive;
		font-size: 12.7px;
	}

	
	
	#footer a#footer_haut{
	
	  right: 0;
	  top: -164px;
	}
	
	#footer #incomm, #footer #seone{
		font-size: 0.8em;
	}
	
	
	
	.column .block{
		width:198px;
		margin-bottom:1em;
		border:1px solid #cccccc;	
	}
	
	.footer-container #footer .row {
    height: 188px;
	align-items: center;
	}
	.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: 1024px) {
	#encart1{margin-top: -39px; margin-bottom: -39px}
	.encart2-e h1{margin-top: 11px;}
}
@media only screen and (min-width: 1170px) {
	.container {max-width: 1170px; }
	#encart1{margin-top: -34px; margin-bottom: -34px}
	.contact {line-height: 16px}
}
@media only screen and (min-width: 1200px) {
	
	#encart1{margin-top: -31px; margin-bottom: -31px}
	.contact {line-height: 16px}
	#certificat{max-width: 1024px;
		border:3px solid #f2e22a;
		margin-bottom: 100px;
		margin-top: 50px}
	#certificat h1{margin-top:47px;font-size: 50px}
	
}
@media only screen and (min-width: 1366px) {
	.container {max-width: 1366px; }
	#encart1{margin-top: -28px; margin-bottom: -28px}
    #encart1 p{font-size:17px;}
    #encart1 span{font-size:13px;}
    .btn-blue {font-size:21.54px;}
    .p-encart2{width:478px;margin-top: 50px; margin-bottom: 50px}
    .encart2-1{height: 412px;}
    #footer{font-size: 16px;}
    .contact {line-height: 19px}

}
@media only screen and (min-width: 1920px){ 
 
 #encart1{margin-top: -21px; margin-bottom: -21px}
 #encart1 p{font-size:22px;}
 #encart1 span{font-size:16px;}

 .contact {line-height:25px}
 .encart2-e h1{margin-top:15px;}
.encart2-e{height: 407px}

 }

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