html {		
	background-color:#4fa1d7;
}

.page {
	background: url(../img/fond.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-color:#4fa1d7;
    width:100%;
}

.text3{
	font-size:1.3em;
	font-weight:bold;
	font-family: 'Raleway-Medium', sans-serif !important;	
}

.text2{
	font-size:1.1em;
	font-weight:bold;
	font-family: 'Raleway-Medium', sans-serif !important;	
}

.text1{
	font-size:0.8em;
	font-family: 'Raleway-Medium', sans-serif !important;
}

.text{
	font-size:1em;
	font-family: 'Raleway-Medium', sans-serif !important;
}

.grand{
	font-size:1.2em;	
}

.lien-bleu{
    color: #1ca9e3 !important;
 }

 hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.majuscule{
	text-transform:uppercase;
}

.hr-fonce{
	border-top: 1px solid rgb(0 0 0 / 63%) !important;
}

.lien-footer{
	color: #fff;
	font-size: 0.8em;
}

.navbar {
    background-color: white;
	padding-bottom: 0.1em !important;
}

.bouton-bleu{
	border-radius:0px !important;
	border:none !important;
}

.bouton-noir{
	background-color: black !important;
}

.bgblanc{
	background-color: white !important;
}

.nocursor{
	cursor: default !important;
}

.bouton-orange {
    background-color: #f6bb61 !important;
    color: white !important;
    cursor: pointer;
    position: relative;
    display: flex;
    /*letter-spacing: .1rem;*/
    max-width: 100%;
    font-family: 'Raleway-Medium', sans-serif !important;
    padding: .300rem .5rem !important;
    /*font-weight: bold !important;*/
    font-weight: normal !important;
    font-size: 1em !important;
}

.background-color-bleu-2 {
	background-color: #86b9e1 !important;
}

.alert-postit {
    background-color: #fff !important;
    border-color: #000 !important;
    color: #444444 !important;
    margin: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.bg-postit2 {
    background-color: #e9f3fb !important;
}

.clix-bloc {
	background-color:#ffffff;
	margin-top:1px;
	margin-bottom:15px;
	padding:10px !important;
	border-radius: 4px;
}	

.clix-titres-bloc {
	font-family: 'Raleway-Bold', sans-serif !important;
	font-size:24px;
	color:#ffffff;
	text-transform:uppercase;
	line-height:24px;
	margin-bottom: 5px;
}

.textarea-contact{
	width: 100%;
}

#fleche-connexion{
	margin-left:110px;
}

#mascotte1-connexion{
	position:absolute;
	right:4px;
	top:-155px;
}

#mascotte2-connexion{
	position:absolute;
	right:15px;
	top:-115px;
}

.mascotte-sejourpasses{
	margin-bottom:-15px;
	z-index: 999;
}

.mascotte-sejourfuturs{
	margin-bottom:-15px;
	z-index: 999;
}

.mascotte-sejour{
	margin-bottom:-15px;
	z-index: 999;
}

.mascotte-bav{
	margin-bottom:-58px;
	margin-left:20px;
	z-index: 999;
}

.dessous{
	z-index: 10;
}

.dessus{
	z-index: 99;
}

.deuxlignes{
	height: 3.1em !important;
}

.justify{
	text-align: justify;
}

#titre-sejourpasses{
	width: 75%;
}

.ziehharmonika h3 {
	font-size: 1.0em !important;
	padding: 5px 6px !important;
	padding-right: 40px !important;
	font-family: 'Raleway', sans-serif !important;	
	border-radius: 4px 4px 0px 0px;
}

.ziehharmonika2 {
	background: #86b9e1 !important;
  color: #fff !important;
}

.arrowDown2 {
    border-color: #86b9e1 transparent transparent transparent !important;
}

.ziehharmonika > div {
	margin-top: -21px !important;
}

.fond-ziehharmonika {
	background-color: #e5eef3;
	padding-top: 15px;
	padding-bottom: 10px;		
	border-radius: 0px 0px 4px 4px;
	margin-bottom: 30px !important;
}

.fa-smile {
	color:#f6bb61 !important;
	font-size:1.2em;
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
	padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

.placeholder::placeholder{
	color:  #c5c5c5 !important;
}

.texte-gris{
	color: #a9a9a9 !important;
}

.lineheight13{
	line-height: 1.3em;
}

.alert {
  padding: 0.5rem 0.75rem !important;
}
.separation-carte {
	border-left: 1px solid #dfdfdf;
	height: 60px;
	width: 1px;
	display: inline-block;
	margin-bottom: -25px;
}

/* -------------------------------------- Mode Mobiles ON --------------------------------*/
@media (max-width: 768px) { 
	.page {
		background: url(../img/fond2.png);
		background-size:100%;
		background-repeat:no-repeat;
		background-color:#86b9e1;
    width:100%;
    min-height: 700px; 
	}
	.clix-bloc-home {
		background-color:transparent !important;
		margin-top:1px;
		margin-bottom:15px;
		padding:0px !important;

	}
	.clix-titres-bloc { font-size:18px !important }
	/*.fond-ziehharmonika { background-color: #fff !important; }
	.ziehharmonika h3 { background:  #fff !important; }
	.ziehharmonika h3.active { background-color: #1ca9e3 !important; }*/
}

/* --------------------- Small devices (landscape phones, 576px and up) ------------------ */
@media (min-width: 576px) { 
	.page {	min-height: 700px; }
	.clix-titres-bloc { font-size:20px !important }
}

/* ------------------------ Medium devices (tablets, 768px and up) ----------------------- */
@media (min-width: 768px) {
	.page {	min-height: 700px; }		
}

/* ------------------------- Large devices (desktops, 992px and up) ----------------------- */
@media (min-width: 992px) {	
	.page {	min-height: 800px; }	
}

/* ----------------- Extra large devices (large desktops, 1200px and up) ------------------ */
@media (min-width: 1200px) {
	.page {	min-height: 800px; }
}

@media (min-width: 1300px) {
	.page {	min-height: 800px; }
}

@media (min-width: 1500px) {
	.page {	min-height: 800px; }
	.deuxlignes{height: 1.5em !important;}
}