@charset "utf-8";
@font-face {
	font-family: "CD Bold Italic";
	src: url(http://www.revalogi.com/templates/fonts/CaviarDreams_BoldItalic.ttf);	
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,300i');
body {
	font-family: 'Roboto', sans-serif;
	padding-top: 240px;
}
h1, h2, h3, h4 {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
}
p {
	font-size: 16px;
}

#top {
	max-width: 1400px;
	padding: 0;
	margin: 0 auto;
}
#logo {
	float: left;
}
#pictos_sejour {
	margin: 45px 0 0px 0;
	text-align: center;
}

#pictos_sejour a {
	text-decoration: none;
}
#pictos_sejour img {	
	transition: all 0.5s; /* transition when the mouse over */
}
#pictos_sejour img:hover {
	transform: translateY(-20px);	
}
#cam, #meteo {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#tel {
	float: right;
	width: 200px;
	margin-right: 80px;
	margin-top: 10px;
}
#tel a {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
	font-size: 16px;
	color: #0e6164;
	text-decoration: none;
}
#menu {
	background: #ed6b5e;
	min-height: 40px;
	margin-top: 10px;
}
.navbar-default {
	background-color: transparent;
	border: none;
}
.navbar {
	margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	padding: 15px 20px;
	text-decoration: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #0e6164;
}
.navbar-toggle {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0e6164;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0e6164;
    color: #fff;
}

.nav > li, .dropdown, .dropup {
	position: static;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.dropdown-menu > li {
	display: inline;
	float: left;
}
.dropdown-menu > li > a {
	padding: 3px 10px;
	text-decoration: none;
}
.open > .dropdown-menu {
    display: block;
    width: 100%;
}
.open > .menu-texte {
    display: block;
    width: 172px;
}
.menu-texte {
	left: inherit;
}
.menu-texte > li > a:hover {
	background-color: #62c0bc;
	width: 170px;
	color: #fff;
}

#defaultNavbar1 {
	position: relative;
}
.bloc_home {
	background-color: #f8a800;
	padding: 20px;
	margin: 80px 10px 40px 10px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	min-height: 580px;
}
.bloc_home img {
	margin-top: -100px;
}
.bloc_home h3 {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
	margin: 20px 0;
	font-size: 22px;
}
.bloc_home h4 {
	margin-bottom: 20px;
	font-size: 18px;
}
.bloc_home p {
	font-size: 16px;
	margin-bottom: 20px;
}
.bloc_home strong {
	color: #096263;
	font-weight: 400;
}
.bloc_home ul {
	padding-left: 20px;
}
.bloc_home ul li {
	text-align: left;
}
.encart_txt_home {
	background-color: #3cb1ac;
	color: #fff;
	padding: 20px;
	font-size: 18px;
	line-height: 36px;
	margin: 40px auto 100px auto;
	border-radius: 4px;
}
.encart_txt_home h3 {
	margin: 20px 0;
}
.titre {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
	text-shadow: 2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}
.titre2 {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
	font-size: 30px;
}
#footer {
    min-height: 275px;
    background-color: #fff;
    border-top: solid 50px #62c0bc;
}
#footer h3 {
	color: #096263;
	text-align: center;
	margin: 20px;
}
#footer p {
	color: #096263;
	margin: 20px;
	text-align: center;
}
#footer a, #footer a:hover {
	color: #096263;
}
#footer img {
	display: inline;
}
#footer form {
	text-align: center;
}
#footer form input {
	margin: 5px;
}
.email {
	width: 250px;
}
.name {
	width: 120px;
}
.bouton {
	width: 250px;
	background-color: #0595ff;
	color: #fff;
	border: solid 1px #fff;
	padding: 0;
	border-radius: 20px;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
}
.fixe_top {
	position: fixed;
	z-index: 9999;
	top: 0;
	background-color: #fff;
	width: 100%;
	-moz-box-shadow: 0px 2px 2px 0px #656565;
	-webkit-box-shadow: 0px 2px 2px 0px #656565;
	-o-box-shadow: 0px 2px 2px 0px #656565;
	box-shadow: 0px 2px 2px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=2);
}
.goto {
    bottom: 0;
    display: flex;
    flex-direction: row;
    float: left;
    justify-content: center;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.goto-button.active {
    display: flex;
}
.goto-button {
    align-items: center;
    background-color: #ffffff;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    flex-direction: row;
    float: left;
    height: 30px;
    justify-content: center;
    width: 60px;
}
.goto-button.top .goto-arrow {
    transform: rotate(180deg);
}
.goto-arrow {
    float: left;
    height: 24px;
    width: 24px;
}
.copy {
	margin-bottom: 40px;
	font-size: 12px;
}
.cms {
	min-height: 200px;
	padding-top: 20px;
}
.cms h4 {
	margin: 0 0 20px;
	font-size: 18px;
}
.cms li {
	list-style: none;
	padding-left: 30px;
	background: url(../images/puce.png) no-repeat 0 2px;
	margin: 10px;
	font-size: 16px;
}
.titre3 {
	color: #096263;
}

.thumb {
    background-position: center center;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    height: 200px;
    margin: 5px;
    width: 200px;
}
.thumb:hover {	
    box-shadow: 0 0 0 200px rgba(0,0,0,0.30) inset;	
}
.thumb img {
	margin-top: 80px;
	display: none;
}
.thumb:hover img {
	display: inline;
}
.galerie {
	margin-bottom: 80px;
}
.galerie_box {
	height: 200px;
    margin: 20px 20px 20px 20px;
    width: 200px;
	text-align: center;
	float: left;
}
.galerie:hover, .galerie:active, .galerie:focus {
	text-decoration: none;
}
.brochure {
	float: left;
	margin: 20px;
	width: 40%;
	border-bottom: dashed 1px #999;
	padding-bottom: 20px;
}
.brochure:last-child {
	/*border-bottom: none;*/
}
.left {
	float: left;
}
.content li {
	list-style: none;
}
.cms iframe {
	display: block;
	width: 850px;
	margin: 0 auto;
	border-radius: 6px;
}
.medias iframe {
	display: block;
	width: 480px;
	margin: 0 auto 40px auto;
	border-radius: 6px;
}
.acces ul {
	padding-left: 0;
}
#map {
	width: 100%;
	height: 500px;
	margin-bottom: 40px;
	border-radius: 6px;
}
.intro {
	margin: 40px;
}

#cap_france {
	position: relative;
	width: 1220px;
	margin: -60px auto 20px auto;
	background-color: #fff;
	border-radius: 6px;
}
#cap_france iframe {
	border-radius: 6px;
}
.carousel-inner {
    /*height: 600px;*/
}
.bg_bleu {
	background-color: #62c0bc;
}
.bg_rouge, .bg_rouge h2 {
	background-color: #a80705;
	color: #fff;
}
.picto_reveillon {
	background: url(../images/picto_01.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.picto_hiver {
	background: url(../images/picto_02.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_hiver, .bg_hiver h2 {
	background-color: #00a9a4;
	color: #fff;
}
.picto_paques {
	background: url(../images/picto_03.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_paques, .bg_paques h2 {
	background-color: #f37f00;
	color: #fff;
}
.picto_ete {
	background: url(../images/picto_04.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_ete, .bg_ete h2 {
	background-color: #f0c302;
	color: #fff;
}
.picto_liberte {
	background: url(../images/picto_05.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_liberte, .bg_liberte h2 {
	background-color: #d2a66e;
	color: #fff;
}
.picto_theme {
	background: url(../images/picto_06.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_theme, .bg_theme h2 {
	background-color: #80268b;
	color: #fff;
}
.picto_ski {
	background: url(../images/picto_07.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_ski, .bg_ski h2 {
	background-color: #68c6c4;
	color: #fff;
}
.picto_raquette {
	background: url(../images/picto_08.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_raquette, .bg_raquette h2 {
	background-color: #006a6e;
	color: #fff;
}
.picto_randonnee {
	background: url(../images/picto_09.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_randonnee, .bg_randonnee h2 {
	background-color: #96be03;
	color: #fff;
}
.picto_bon_plan {
	background: url(../images/picto_10.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
.bg_bon_plan, .bg_bon_plan h2 {
	background-color: #ca0459;
	color: #fff;
}
.bg_bon_plan li {
	background-image: url();
	padding-left: 0;
}
.bg_sejour, .bg_sejour h2 {
	background-color: #009fff;
	color: #fff;
}
.picto_sejour {
	background: url(../images/picto_11.png) no-repeat 0 0;
	padding-left: 80px;
	line-height: 55px;
}
#reservez {
	padding: 5px;	
}
#reservez h1 {
	color: #0595ff;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 300;
	text-align: center;
}
#reservez button {
	margin-left: 40px;
	background: #0595ff;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 2px 10px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.sejour a {
	color: #fff;
}

/*FORMULAIRE DE CONTACT*/
.contact fieldset {
	margin: 20px 0;
}
.contact legend {
	color: #0595ff;
}
.contact label {
	font-weight: normal;
	min-width: 250px;
}
.contact input, .contact select, .contact textarea {
	border-radius: 4px;
	border: solid 1px #DBDBDB;
}
.contact textarea {
	min-width: 550px;
	min-height: 100px;
}
.contact .bouton {
	border: none;
}
.message_succes {
	margin: 20px 0;
	color: limegreen;
}
.message_erreur {
	margin: 20px 0;
	color: red;
}
.small {
	font-size: 10px;
}
.webcam {
	text-align: center;
	margin: 20px 0;
}
.webcam h5 {
	height: 30px;
	color: #096263;
}
.webcam button {
	background-color: #0595ff;
	color: #fff;
	padding: 5px 20px;
	border: none;
}
.navbar-header {
    width: 100%;
}
.berouze {
	background: #f7a800;
}
.salvagny {
	background: #afca0a;
}
@media (max-width:1024px){
	#tel, #cam, #meteo {
		float: left;
	}
	#tel {
		margin-right: 0;
	}
	#pictos_sejour {
		float: none;
		margin-top: 0;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 15px;
	}
	.bloc_home {
		min-height: 200px;
		margin-top: 100px;
	}
	body {
		padding-top: 310px;
	}
	.fixe_top {
		position: static;
	}
	#body {
		padding-top: 0;
	}
	#logo {
	    width: 300px;
	}
	#pictos_sejour img {
		width: 60px;
		height: auto;
	}
	#cap_france {
		width: 70%;
	}
	.navbar-default .navbar-nav > li > a {
		clear: both;
	}	
	.bloc_home ul li {
		text-align: center;
		list-style: none;
	}	
	#cap_france {
		margin: -30px auto 20px;
	}	
	.h3, h3 {
		font-size: 20px;
		clear: both;
	}
	.medias {
		clear: both;
	}	
	.open > .menu-short {
		display: block;
		width: 172px;
	}
	.brochure {
		text-align: center;
		min-height: 340px;
	}
	.left {
		float: none;
	}
	#logo {
    width: 300px;
    margin-left: 20px;
	}
}
@media (max-width:690px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.menu-short > li {
		display: block;
		float: none;
	}	
	.brochure {
		border-bottom: 1px dashed #999;
		float: left;
		margin: 20px 0;
		padding-bottom: 20px;
		width: 100%;
	}	
	#reservez h1 {
		font-size: 20px;
	}
}
.logos {
	margin-top: 20px;
}
.phrase_logo {
	margin-top: 50px;
	margin-left: -80px;
}


@media (max-width:768px){
	.phrase_logo {
    margin-top: -20px;
    margin-left: 440px;
	}
	#cam, #meteo {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
	}
	#tel {
    float: right;
    width: 200px;
    margin-right: 80px;
    margin-top: 0px;
	}
	#logo {
    width: 300px;
    margin-left: 40px;
	}
	
}

@media (max-width:414px){
	.phrase_logo {
    margin-top: -50px;
    margin-left: 20px;
	}
	#logo {
    width: 300px;
    margin-left: 50px;
	}	
}


@media (max-width:385px){
		#logo {
    width: 300px;
    margin-left: 0px;
	}
}





@media (max-width:320px){
	.phrase_logo {
    margin-top: -50px;
    margin-left: 0px;
	}
	#logo {
    width: 300px;
    margin-left: 0px;
	}	
}
.navbar-default .navbar-nav > li > a.color_menu {
	color: #62c0bc;
}

.navbar-default .navbar-nav > li > a.color_menu_salvagny {
	color: #ed6b5e;
}



.berouze {
    background: #fff;
    margin-right: 2px;
}
.salvagny {
    background: #fff;
}
.lien-galerie {
	font-family: "CD Bold Italic", "Helvetica", "Arial", "sans-serif";
	font-size: 18px;
	color: #3cb1ac;
	text-decoration: none;
}
@media (max-width:414px){
.titre3 {
    color: #096263;
    font-size: 22px;
	}
}