@import url(//fonts.googleapis.com/css?family=Raleway:400,600,900);
@import url(../../font-awesome/4.4.0/css/font-awesome.min.css);
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a {

	color:#47aeaa;
	text-align:none;

	}

a:hover {

	color:#59d5d0;
	text-align:none;

	}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
position:fixed;
display:block;
width:100%;
top:0;
left:0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    color: #000;
    padding: 0.2em 0;
    margin:0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

html {
    position: relative;
    min-height: 100%;
      -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  outline: none;

  }
*:focus {
outline: 0 !important;
outline: none !important;
}
body {
    margin: 0 0 580px;
    padding-top:60px;
    font-family: 'Raleway', Helvetica, Helvetica Neue, Arial, sans-serif;
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    display:block;
    height: 580px;
    width: 100%;
    background:#111111;

}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

#scrollUp {
    background-image: url("../img/common/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}


.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #d9d9d9;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #47aeaa;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #47aeaa;
    box-shadow: inset 0px 0px 0px 4px #fff;
}

#cookie-bar {background:#f1f1f1; height:auto; line-height:24px; color:#000; text-align:center; padding:3px 0; font-size:12px;}
#cookie-bar.fixed {position:fixed; top:60; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#47aeaa;}
#cookie-bar .cb-enable:hover {background:#3b8a83;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.input-large {

	width: 500px;
    color: #444444;
    font-size: 14px;
    border: 1px solid #dbdbdb;
}

.overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:313px; /* your iframe height */
   top:313px;  /* your iframe height */
   margin-top:-313px;  /* your iframe height */
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.mb30 {
margin-bottom:30px !important;
}
.mt140 {
margin-top:140px !important;
}

.mtcontact {
height:580px !important;
margin-top:20px !important;
}

.mthow {
height:300px !important;
}

.cb {
clear:both;
}
.pl-120 {
padding-left:120px;
}
.relative {
position:relative;
overflow:hidden;
}
.absolute {
position:absolute;
}
.neutral-link {
border:none;
text-decoration:none;
}
.vert-clair {
color:#47aeaa;
}
.sepa-gris {
background:#e4e4e4;
height:1px;
margin:10px 0;
}
.centrer {
text-align:center;
}
.col33 {

width:33% !important;

}
.col50 {

width:50% !important;

}

.col100 {

width:100% !important;

}

.home_tel {

font-size:19px;

}

.home_appelez {

text-align:center;
width:100%;
font-size:15px;
color:#FFF;
padding:15px;
border: solid #505050 1px;
vertical-align:middle;

}

.bloc_tel {

width:100%;
font-size:14px;
color:#444;
padding:10px;
border-top: solid #e9e9e9 2px;
border-bottom: solid #e9e9e9 2px;
vertical-align:middle;
line-height:25px;
text-align:center;

}


.flex {
display:-webkit-flex;
	display: flex;
}

.eq {
	padding: 10px;
}

.eq:nth-of-type(odd) {
	background: yellow;
}

.eq:nth-of-type(even) {
	background: lightblue;
}

.col-flex {
-webkit-flex:1;
flex:1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 .maps iframe{
    pointer-events: none;
}

/* HEADER MENU */
#sticky_header-menu {
/*background:#000 url(../img/css/black-transparent.png);*/
background-color: rgba(0, 0, 0, 0.6);
display:block;
height:60px;
width:100%;
position:fixed;
top:0;
left:0;
z-index:60;
}

/*
Conteneur principal.
Il sera utilisé comme conteneur principal
pour les éléments qui ne devraient pas s'étendre sur
toute la largeur de l'écran en mode desktop
 ----------- */
.conteneur-1024 {
position:relative;
width:100%;
max-width:1024px;
padding:0 32px;
margin:0 auto;
}
/*
Conteneur alternatif.
Il sera utilisé comme conteneur alternatif
pour les éléments qui ne devraient pas s'étendre sur
toute la largeur de l'écran en mode desktop
mais dont le background s'étend sur plus de 960px
 ----------- */
.conteneur-1578 {
position:relative;
width:100%;
max-width:1578px;
padding:0 189px;
margin:0 auto;
}

.conteneur-cms {
position:relative;
width:100%;
max-width:1578px;
padding:0;
margin:0 auto;
}

.titre-xp {
position:absolute;
left:189px;
right:189px;
top:-615px;
text-align:center;
z-index:60;
color:#fff
}

.cgauche-xp {
float:left;
width:60%;
min-height:550px;
margin-right:5%;

}

.cdroite-xp {
float:left;
width:35%;
}

/* bg comment ça marche
*/
.home-comment-ca-marche {
background:url(../img/common/bg-comment-ca-marche.png) top center no-repeat;
height:270px;
}

.menu-taille {
	
text-align:center;
line-height:45px !important;
height:45px !important;
border-left:1px solid #989898;
border-right:1px solid #989898;
	
}

.menu-taille-bottom {
	
text-align:center;
height:60px !important;
padding-top:15px !important;
	
}	

/*
Inside conteneur principal.
On utilise un id "#" plutôt qu'une classe pour failiter
le travail javascript lors du parcours du DOM
 ----------- */
#menu-inside-header {
position:absolute;
height:60px;
width:300px;
/*background:url(../img/css/black-transparent.png);*/
padding:20px;
top:0;
left:30px;
color:#989898;
z-index:20;
overflow:hidden;
}

/*
Inside conteneur principal.
On utilise un id "#" plutôt qu'une classe pour failiter
le travail javascript lors du parcours du DOM
 ----------- */

#btn-menu-inside-header {
position:absolute;
top:15px;
left:20px;
font-size:25px;
cursor:pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
z-index:5;
}
#btn-menu-inside-header:hover {
color:#47aeaa;
}

#nav-inside-header {
list-style-type:none;
margin-top:40px;
background-color: rgba(255, 255, 255, 0.9);
padding:0;
border-left:1px solid #b4b3b5;
border-right:1px solid #b4b3b5;
border-bottom:1px solid #b4b3b5;
}
#nav-inside-header li {
display:block;
line-height:50px;
height:50px;
font-size:15px;
border-bottom:1px solid #b4b3b5;
color:#b1b1b1;
padding-left: 10px;

}
#nav-inside-header li:last-child {
border-bottom:none;
}
#share-social-inside-header{
display:none;
position:absolute;
z-index:5;
bottom:0;
left:0;
line-height:50px;
height:50px;
text-align:center;
width:100%;

}

#share-on-twitter{
display:inline-block;
width:50px;
height:50px;
background:url(../img/css/share-inside-header.png) no-repeat 0 0;
cursor:pointer;
}
#share-on-twitter:hover{
background:url(../img/css/share-inside-header.png) no-repeat 0 -50px;
}
#share-on-facebook{
display:inline-block;
width:50px;
height:50px;
background:url(../img/css/share-inside-header.png) no-repeat -50px 0px;
cursor:pointer;
}
#share-on-facebook:hover{
background:url(../img/css/share-inside-header.png) no-repeat -50px -50px;
}

#share-on-dribble{
display:inline-block;
width:50px;
height:50px;
background:url(../img/css/share-inside-header.png) no-repeat -100px 0;
cursor:pointer;
}
#share-on-dribble:hover{
background:url(../img/css/share-inside-header.png) no-repeat -100px -50px;
}



#user-menu-inside-header {
position:absolute;height:60px;top:0;right:189px;
/*background:url(../img/css/black-transparent.png);*/
line-height:60px;
height:60px;
font-size:15px;
font-weight:300;
text-transform:uppercase;
text-align:center;
color:#fff;
}
#user-menu-inside-header a {
display:inline-block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:0 10px;
}
#user-menu-inside-header a:hover,#user-menu-inside-header a.active {
background:#47aeaa;
}

.dtactive {
background:#47aeaa !important;
color:#fff !important;
}
/* FIL D'ARIANE */
#fil-ariane a {
text-decoration:none;
font-size:11px;
}
#fil-ariane i{
font-size:8px !important;
color:#828282 !important;
line-height:11px !important;
}

/*
Logo Inside Header
 ----------- */
#logo-inside-header {
position:absolute;
left:110px;
top:10px;
cursor:pointer;
}

/*
HOME-HEADER
Cette classe pourra être déclinée en plusieures versions selon la page
où l'on se trouve.
Ici on gère le conteneur affichée sur la page d'accueil en haut de page.
 ----------- */

#home-header {
width:100%;
top:-60px;
height:700px;
background: white url(../img/slides/home/slide-1.jpg) center center no-repeat;
background-size: cover;
margin-top:0 !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}
#home-header-exp {
width:100%;
height:510px;
background-size: cover !important;
/*margin-top:0 !important;/*
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}
#ajouter-experience-header {
z-index:0;
position:relative;
padding-top:80px;
width:100%;
height:400px;
background:#000;

background: white url(../img/pages/add-experience.jpg) center center no-repeat;
background-size: cover;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


}

#ajouter-experience-header h1 {
color:#000;
text-align:center;
}



#home-ad {
width:100%;
height:470px;
background: white url(../img/slides/home/home-guide-ad.jpg) center center no-repeat;
background-size: cover;
display:table;
text-align:center;
}
#home-ad span {
display:table-cell;
vertical-align:middle;
color:#fff;
}
#home-ad h2 {
font-size:48px;
font-weight:600;
margin:0;
}
#home-ad p {
font-size:28px;
font-weight:600;
margin:0 0 15px;
}
.titre-common {
font-weight:100;
text-align:center;
text-transform:uppercase;
font-size:24px;
color:#444444;
}
.titre-common-nc {
font-weight:100;
text-transform:uppercase;
font-size:24px;
color:#444444;
}
.mini-sepa {
width:48px;
height:3px;
background:#47aeaa;
margin:8px auto;
}
.mini-sepa-nc {
width:48px;
height:3px;
background:#47aeaa;
margin:8px 0;
}
.footer-mini-sepa {
width:33px;
height:1px;
background:#47aeaa;
margin:8px 0;
}
/* BOUTONS // LIENS */
.btn-common-100-block {
border:1px solid #47aeaa;
background:#47aeaa;
padding:0 8px;
height:30px;
line-height:30px;
width:45%;
margin:10px auto;
color:#fff;
font-weight:600;
display:block;
text-transform:uppercase;
text-decoration:none;
font-size:12px;
text-align:center;
}
.bloc-home-comment-ca-marche {
text-align:center;
float:left;
width:25%;
padding:0 8px;
}

.bloc-home-merci {
text-align:center;
float:left;
width:33%;
padding:0 8px;
}

.titre-bloc-home-comment-ca-marche {
font-size:19px;
color:#47aeaa;
font-weight:600;
text-transform:uppercase;
margin-bottom:15px;
}
.desc-bloc-home-comment-ca-marche {
font-size:13px;
font-weight:200;
color:#444444;
margin-top:0;
}

.bloc-home-selections .experience-description {
  background: #fafafa;
  border: 1px solid #f3f3f3;
  padding: 10px;
  height: 200px;
}

.bloc-home-selections {
  position:relative;
  float:left;
  width:31%;
  height:510px;
  margin:1%;
}

div#carousel-logo-support-us {
  text-align: center;
}

div#carousel-logo-support-us img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bloc-home-selections:nth-of-type(3n) {
   margin-left:0%!important
}

.bloc-home-selections:nth-of-type(3n+1) {
   margin-right:0 !important
}


.bloc-home-selections-title {
width:100%;
height:100%;
background:url(../img/css/black-transparent.png);
text-align:center;
color:#fff;
text-transform:uppercase;
position:absolute;
left:0;
bottom:-75%;
font-size:20px;
line-height:50px;
overflow:hidden;
}

.bloc-home-selections-resume {
margin-top:35px !important;
font-size:15px;
color:#444444;

}
.bloc-home-selections-resume-alt {
font-size:15px;
color:#444444;

}
.bloc-home-selections-guide-name {
font-size:13px;
text-transform:uppercase;
color:#47aeaa;
font-weight:600;
margin:0 0 8px 70px;
}
.bloc-home-selections-guide-langues {
 color:#47aeaa !important;
 font-size:11px !important;
 }
.bloc-home-selections-prix {
position:absolute;
top:0;
right:0;
background:#47aeaa;
font-size:18px;
color:#fff;
font-weight:600;
padding:3px 8px;
margin-top:0;
}

.bloc-home-selections-prix-alt {
font-size:18px;
color:#444444;
font-weight:600;
margin-top:0;

}


.bloc-home-selections-categorie {
font-size:18px;
text-transform:uppercase;
color:#444444;
font-weight:600;
margin:5px 0 0;

}
.bloc-home-selections-titre {
font-size:16px;
color:#444444;
font-weight:600;
margin:5px 0 0;

}
.h1-inside-header {
font-size:48px;
text-align:center;
color:white;
font-weight:600 !important;
margin-top:0;
padding-top:180px;
}

.home-text {
font-size:23px;
text-align:center;
color:white;
font-weight:500 !important;
margin-top:0;
/*padding-top:20px;*/
}

.h1-inside-header-xp {
font-size:48px;
text-align:center;
color:white;
font-weight:600 !important;
margin-top:0;
padding-top:75px;
text-shadow: 2px 2px #000000;
}

#search-inside-header {
width:690px;
margin:0 auto;
background:white;
border-radius:35px;
height:70px;
line-height:70px;
}
#btn-search-inside-header {
float:right;
background:#47aeaa;
color:white;
height:70px;
width:90px;
border-radius:35px;
border:0px solid #47aeaa;
margin-top:0;
}

#input-search-inside-header {
float:left;
height:70px;
margin-left:40px;
line-height:70px;
width:560px;
font-size:30px;
border:0px solid #fff;
}

#connexion-from-overlay input[type=text],#connexion-from-overlay input[type=password],
#inscription-from-overlay input[type=text],#inscription-from-overlay input[type=password]  {
padding:0 8px;
height:30px;
line-height:30px;
width:45%;
margin:10px auto;
border:1px solid #47aeaa;
font-size:18px;
color:#444444;
display:block;
}
#connexion-from-overlay button[type=submit],
#inscription-from-overlay button[type=submit] {
border:1px solid #47aeaa;
background:#47aeaa;
padding:0 8px;
height:30px;
line-height:30px;
width:45%;
margin:10px auto;
color:#fff;
font-weight:600;
display:block;
text-transform:uppercase;


}
#connexion-from-overlay label,
#inscription-from-overlay label {
color:#47aeaa;
padding-bottom:5px;
display:block;
float:left;
height:30px;
line-height:30px;
width:170px;

}
.clear {
clear:both;
}
.ou-inside-overlay-login {
background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #000000), color-stop(51%, #000000), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);

}
.ou-inside-overlay-login span {
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 5;
		color:#444444;
	font-weight:400;
	font-size:16px;
	text-align:center;
}

.bloc-partagez {
width:33%;
float:left;
height:280px;
overflow:hidden;



}

#about-insider {
padding-top:25px;display:block;width:200px;height:300px;background:#f4f3f2;position:absolute;left:189px;bottom:0;border:1px solid #d4cbc6;
}
#about-insider-slider {
padding-top:25px;display:block;width:200px;height:300px;background:#f4f3f2;position:absolute;left:189px;top:-390px;border:1px solid #d4cbc6;
}
#interact-insider {
display:block;width:100%;height:40px !important;line-height:40px !important;position:absolute;font-size:18px;left:0;bottom:0;background:#f4f3f2;text-align:center;overflow:hidden;
}
#interact-insider-profil {
width:80px;display:block;height:40px !important;line-height:40px !important;font-size:18px;background:#f4f3f2;text-align:center;overflow:hidden;
}
.icone-interact-insider {
cursor:pointer;display:inline-block !important;width:40px;height:40px !important;padding:0 !important;background:#d4d4d4;line-height:40px !important;
}
.icone-interact-insider:hover {
color:#fff;
background:#47aeaa;
}
#overlay-container {
display:none;background:#fff;border-radius:5px;padding:20px;position:relative;
}
.overlay-error {
width:400px;
color:red;
}
/* AVATAR ARRONDI */
.conteneur-user-avatar-175 {
width:175px;
height:215px;
background:url(../img/css/jambes-large.png) no-repeat 40% 98%;
}
.user-avatar-175 {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
width: 175px;
height: 175px;
background-size: cover;
border:5px solid #47aeaa;
display: block;
}

.conteneur-user-avatar-140 {
width:140px;
height:175px;
background:url(../img/css/jambes.png) no-repeat 40% 93%;
}
.user-avatar-140 {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
width: 140px;
height: 140px;
background-size: cover;
border:5px solid #47aeaa;
display: block;
}

.user-avatar-55 {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
width: 55px;
height: 55px;
background-size: cover;
border:3px solid #47aeaa;
display: block;
}

.avatar-centre {
margin:0 auto;
}
.civ-insider {
text-align:center;
text-transform:uppercase;
color:#47aeaa;
font-weight:400;
font-size:19px;
margin:5px 0 0;
}
.language-insider {
color:#4f4f4f;
font-size:15px;
margin:0;
}

.mt-qui {

height:650px;
margin-top:60px;

}

/* ==========================================================================
   PAGE messagerie
   ========================================================================== */

span.nonlu {
  background: red;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: 500;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;
  font-family:arial !important;
}
a.msg-btn-active, a.msg-btn-active-publish
{
width:180px;
height:40px;
background:#47aeaa;
color:#FFF;
text-decoration:none;
padding:15px;
margin-left:5px;
}

a.msg-btn-active-publish:hover
{
background:#fff;
color:#47aeaa;
}

a.msg-btn-active-validate
{
width:180px;
height:40px;
background:#77d7d3;
color:#FFF;
text-decoration:none;
padding:15px;
}

a.msg-btn-active-validate:hover
{
background:#ffffff;
color:#77d7d3;
}


a.msg-btn-active-delete
{
width:180px;
height:40px;
background:#a52225;
color:#FFF;
text-decoration:none;
padding:15px;
}

a.msg-btn-active-delete:hover
{
background:#ffffff;
color:#a52225;
}


a.msg-btn-no-active
{
width:180px;
height:40px;
background:#fff;
color:#47aeaa;
text-decoration:none;
padding:15px;
}

a.msg-btn-no-active:hover
{
width:180px;
height:40px;
background:#47aeaa;
color:#FFF;
text-decoration:none;
padding:15px;
}

/* ==========================================================================
   PAGE EXPERIENCE
   ========================================================================== */

#sticky-booking {
display:none;width:100%;background:#f7f7f7;position:fixed;left:0;top:0;z-index:80;padding:30px 0;border-bottom:1px solid #f9f9f9;
}
#sticky-booking > .ui-datepicker {
width:340px !important;
}
.bloc-w-50 {
width:50%;
float:left;
position:relative;
}


.label-exp {
width:100%;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
   }



   .titre-experience-b-gauche {
 color:#47aeaa !important;
 font-weight:200 !important;
 font-size:25px;
 text-transform:uppercase;
 margin:0;
   }
.details-about-experience {
margin:5px 0 10px 0;
color:#444444;
font-size:16px;
}
.resume-experience {
color:#444;
font-size:14px;
margin:25px 0;
}
.biography-guide {
color:#444;
font-size:14px;
margin:10px 0;
}
.prenom-guide {
 color:#47aeaa !important;
  font-size:16px;
 text-transform:uppercase;

}
 .avis-voyageurs-experience {
 color:#444444 !important;
 font-size:14px !important;
 line-height:25px;
 text-transform:none !important;
 text-decoration:none;
 cursor:pointer;
 }
 .icone-service {
 width:45px;
 height:45px;
 margin-right:40px;

 }
.offrir-experience,.contact-guide-from-experience {
margin-bottom:15px;display:block;width:100%;background:#e9e9e9;color:#595959;text-transform:uppercase;height:55px;border:0px solid #e9e9e9;font-size:13px;line-height:55px;text-align:center;text-decoration:none;
}
.share-experience {
font-size:16px;
height:90px;
line-height:90px;
text-align:center;
margin:10px 0;
border:1px solid #a1a1a1;
text-transform:uppercase;
color:#47aeaa;
}

.share-experience p {
margin:0 !important;
}

.share-experience i {
color:#666666 !important;
margin-right:20px;
font-size:18px !important;
cursor:pointer;
}

.share-experience i:hover {
color:#47aeaa !important;
}
.share-experience i:first-child {
margin-left:50px !important;
}

.bloc-avis-voyageur {
width:33%;
height:100px;
overflow:hidden;
position:relative;
float:left;
padding-right:50px;
}
.bloc-avis-voyageur-inline {
position:relative;
}
.bloc-avis-voyageur-inline:after {
clear:both;
}
.bloc-avis-voyageur i {
margin-top:0 !important;
}
.bloc-avis-voyageur img {
width:100px;
height:100px;
margin-right:20px;
float:left;
}
.bloc-avis-voyageur-inline img {
width:100px;
height:100px;
margin-right:20px;
float:left;
}
.prenom-bloc-avis-voyageur {
font-size:15px;
text-transform:uppercase;
margin:0 0 3px 0 !important;
color:#444444;
}
.note-bloc-avis-voyageur {
 color:#47aeaa !important;
 font-size:11px;
 margin:0 0 10px 0;
}
.text-avis-bloc-avis-voyageur {
color:#444444;
margin:0;
font-size:15px;

}

.voir-plus-commentaires-from-experience {
margin:30px 0;
height:50px;
line-height:50px;
background:#e9e9e9;
font-size:16px;
font-weight:600;
text-align:center;
}
.voir-plus-commentaires-from-experience a {
color:#444444;
}

a.menu-gauche {

font-size: 15px;
color: #000;
text-decoration:none;

}

a.menu-gauche:hover {

color: #47aeaa;

}
/*
.bloc-home-selections-others {
position:relative;
float:left;
width:22.5%;
height:510px;
margin-right:3%;
}


.home-selections div:nth-child(4n+4) {
margin-right:0 !important
}
*/

.bloc-home-selections-others {
position:relative;
float:left;
width:31%;
height:510px;
margin:1%;

}



.bloc-home-selections-others:nth-of-type(3n) {
   margin-left:0%!important
}

.bloc-home-selections-others:nth-of-type(3n+1) {
   margin-right:0 !important
}


.bloc-home-selections .relative,.bloc-home-selections-others .relative {
background:#000;
}

.bloc-home-selections .relative img,.bloc-home-selections-others .relative img{
opacity:1;
}

.bloc-home-selections .relative img:hover,.bloc-home-selections-others .relative img:hover{
opacity:0.75;
}
/* ==========================================================================
   PAGE contact
   ========================================================================== */

.cms-contact-header {
width:100%;
height:100%;
background-image:url(../img/cms/contact/bouteille1.jpg); background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}


/* ==========================================================================
   PAGE Presse
   ========================================================================== */

.cms-presse-header {
width:100%;
height:100%;
background-image:url(../img/cms/presse/press1.jpg); background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}


/* ==========================================================================
   PAGE partenaires
   ========================================================================== */

.cms-nospartenaires-header {
width:100%;
height:100%;
background-image:url(../img/cms/partenaires/partner1.jpg); background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

.h1-our-partners {
    font-size: 48px;
    text-align: center;
    color: white;
    font-weight: 600 !important;
    padding-top: 130px;
	width : 80%;
	margin : auto;
	text-align:center;
}

/* ==========================================================================
   PAGE BECOME A PARTNER
   ========================================================================== */



.h1-inside-cms {
    font-size: 48px;
    text-align: center;
    color: white;
    font-weight: 600 !important;
    padding-top: 150px;
	width : 80%;
	margin : auto;
	text-align:center;
}

.contenu-cms {

padding: 5px 80px;
font-size:15px;
color:#000;

}

.cms-become-header {
width:100%;
height:100%;
background-image:url(../img/cms/become/become.jpg); background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

.cms-sous-titre {

font-size:20px;
color:#47aeaa;
font-weight:600;

}

.btn-become {

width:250px;
height:55px;
background:#47aeaa;
position:relative;
line-height:55px;
font-size:14px;
text-align:center;
margin:auto;

}

.btn-become:hover, .btn-guide:hover  {
background:#307068;

}

.lien-btn {

display:block;
width:100%;
height:100%;
color:#FFF;
text-decoration:none;

}

/* ==========================================================================
   PAGE You are local guide
   ========================================================================== */


.cms-guide-header {
width:100%;
height:100%;
background-image:url(../img/cms/guide/guide.jpg);
background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

.h1-inside-cms-guide {
    font-size: 48px;
    text-align: center;
    color: white;
    font-weight: 600 !important;
    padding-top: 50px;
	width : 80%;
	margin : auto;
	text-align:center;
}

.btn-guide {

width:350px;
height:75px;
background:#47aeaa;
position:relative;
line-height:75px;
font-size:25px;
text-align:center;
margin:auto;
border-radius: 35px;

}

.col-step-left {

width:35%;
display:inline-block;
text-align:center;
height:220px;
vertical-align:top;
margin-right:2%;

}

.col-step-left-bottom {

width:35%;
display:inline-block;
text-align:center;
height:230px;
vertical-align:top;
margin-right:2%;

}

.col-step-right {

width:35%;
display:inline-block;
text-align:center;
height:220px;
margin-left:2%;

}

.col-step-right-bottom {

width:35%;
display:inline-block;
text-align:center;
height:230px;
margin-left:2%;

}

.title-step	{

font-weight:600;

}

.row-step {

width:100%;

}

.cms-sous-titre-guide {

font-size:25px;
color:#47aeaa;
font-weight:600;

}

.step-line-left {

width:22%;
display:inline-block;
text-align:center;
height:220px; vertical-align:top;
margin-right:1%;
font-size:15px;

}

.step-line {

width:22%;
display:inline-block;
text-align:center;
height:220px; vertical-align:top;
font-size:15px;

}


/* ==========================================================================
   PAGE Merci
   ========================================================================== */

  .cms-merci-header {
width:100%;
height:100%;
background-image:url(../img/cms/merci/photoballons.jpg);
background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

a.lienmerci:link {

	font-size:15px;
	text-decoration:none;
	font-weight:600;
	color:#000;

}

a.lienmerci:hover {

	font-size:15px;
	text-decoration:underline;
	font-weight:600;
	color:#000;

}
a.lienmerci:visited {

	font-size:15px;
	text-decoration:underline;
	font-weight:600;
	color:#000;

}

a.lienmerci:visited:hover {

	font-size:15px;
	text-decoration:underline;
	font-weight:600;
	color:#000;

}


.home-merci {
background:url(../img/common/bg-parcourremerciement.jpg) top center no-repeat;
height:270px;
margin-top:20px;
}

.desc-bloc-home-merci {
font-size:15px;
font-weight:200;
color:#444444;
margin-top:0;
}

/* ==========================================================================
   PAGE Travelers
   ========================================================================== */

  .cms-travelers-header {
width:100%;
height:100%;
background-image:url(../img/cms/travelers/travelervietnam.jpg);
background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

a.rs  {

color: #a1a1a1;
text-decoration:none;
font-size:18px;

	}

	a.rs:hover  {

color: #47aeaa;

	}
	
	
a.rs-hamb  {

color: #000;
text-decoration:none;
font-size:18px;

	}

	a.rs-hamb:hover  {

color: #47aeaa;

	}	
	
.rs-hamb	{

text-align:center;
height:100px !important;
padding-top:35px;

	
	}

.h1-inside-travelers-guide {
    font-size: 48px;
    text-align: center;
    color: white;
    font-weight: 600 !important;
    padding-top: 130px;
	width : 80%;
	margin : auto;
	text-align:center;
}


/* ==========================================================================
   PAGE qui sommes-nous?
   ========================================================================== */

.cms-qui-header {
width:100%;
height:100%;
background-image:url(../img/cms/qui/aboutus.jpg);
background-size:cover;
background-repeat: no-repeat;
position: relative;
height:390px;
}

a.icone-qui {

color:#000;
text-decoration:none;

}

/* ==========================================================================
   TRANSACTIONS
   ========================================================================== */


/* Tableaux */
.transactions table{
margin-top:10px;
border: 1px solid #333;
border-collapse: collapse;
width: 100%;
font-size:85%;
}
.transactions th {
border: 1px solid #333;
padding: 5px;
background: #47aeaa;
color:#fff;
font-weight:400;
}
.transactions  td {
border: 1px solid #333;
padding: 5px;


}

.jaunec {
color:#000;
background:#FFCC33;
}
.jaunef{
color:#000;
background:#F5B800;
}
.jaunec:hover,.jaunef:hover{
background:#ff0;
color:#000;
cursor:crosshair;
}

/* ==========================================================================
   Page Recherche
   ========================================================================== */
#search-header {
position:relative;
width:100%;
height:250px;
background:#fff;
background: white url(../img/css/search/bg-search.png) center center no-repeat;
background-size: cover;
margin-bottom:25px;
padding-top:120px;
}

#bloc-rechercher-haut {
padding:30px 60px;
background:#47aeaa;
width:100%;
height:130px;
z-index:10;
}

#_ajax-search-pays {
height:66px;
line-height:66px;
width:250px;
background:#fff;
border:1px solid #fff;
color:#999999;
font-size:17px;

}

#ajax-search-pays {
height:66px;
line-height:66px;
width:25%;
background:#fff  url(../img/css/search/localite.png) 10px center no-repeat;
border:1px solid #fff;
color:#999999;
font-size:17px;
text-indent: 35px;
}

#ajax-search-ville {
height:66px;
line-height:66px;
width:70%;
/*max-width:600px;*/
border:1px solid #fff;
color:#999999;
font-size:17px;
padding-left:35px;
background:#FFF;
}

#gauche-search {
float:left;
width:25%;
margin-right:5%;
}

.gauche-h5 {
margin-bottom:10px;
font-weight:200 !important;
font-size:20px !important;
color:#48aea9 !important;
}

#droite-search {
float:left;
width:70%;
}
#container-cat-search {
background:#f6f6f6;
margin:20px 0;
padding:25px 15px;
}

#list-critere-search {
background:#fff;
padding:15px;
}

#list-critere-search label {
color:#a2a2a2;
text-transform:uppercase;
font-size:14px;
}

#list-critere-search label span {
padding-left:15px;
}

#list-critere-search h4 {
color:#999;
font-size:18px;
padding-bottom:15px;
border-bottom:3px solid #999;
margin-bottom:30px;
font-weight:500;
}

#list-critere-search h4 span {
padding-left:15px;
}





.search-main-container {

	display: flex !important;
	 display: -webkit-flex !important;
  flex-wrap: wrap !important;

}



.bloc-results {
	width: 42%;
	margin: 0.3%;
	position:relative;
  padding-left: 15px;
  padding-right: 15px;
	/*height: 500px;*/
  /*background-color: #FAFAFA;*/
  /*border: 1px solid #f3f3f3;
  border-top: none;*/
}

.experience-cover-image {
  transition: filter .2s;
  -webkit-transition: -webkit-filter .2s;
  -moz-transition: -moz-filter .2s;
	-o-transition: -o-filter .2s;
	-ms-transition: -ms-filter .2s;
}

.bloc-results:hover .experience-cover-image {
  filter: blur(5px);
	-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);

  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); /* IE lte 9 */
}

.bloc-results:hover .guide-info {
  opacity: 1;
}

.guide-info {
  opacity: 0;
  position: absolute;
  padding-left: 15%;
  top: 22%;
  width: 100%;

  transition: opacity .2s;
}

.guide-info-image {
  /*float: left;*/
  width: 100px;
  border-radius: 50%;
}

.guide-info-name {
  /*float: right;*/
  color: #fff;
  padding-left: 15%;
  margin-top: 15%;
}

.bloc-resultat-prix {
  position: absolute;
  right: 0;
  top: 0;
  color: #FFF;
  padding: 5px;
  background-color: rgba(33, 33, 33, 0.7);
}

.bloc-resultat-title {
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: rgba(33, 33, 33, 0.7);
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 50px;
  overflow: hidden;
}
/*
Déprécié en raison d'ISOTOPE. On garde à titre de référence;
.search-main-container div:nth-child(3n+3) {
    __margin-right:0 !important
}
.search-main-container div:nth-child(3n+1) {
    __margin-left:0 !important
}
*/

.quick-search-c {
height:55px;
line-height:55px;
width:210px;
border:1px solid #d6d6d6;
padding-left:10px;
margin-right:0 !important;
}
.submit-btn-c {
width:60px;
height:55px;
line-height:55px;
text-align:center;
font-size:14px;
color:#fff;
font-weight:0;
background:#47aeaa;
border:0px solid;
text-transform:uppercase;
margin-left:0 !important;

}


/* ==========================================================================
   Page Profil
   ========================================================================== */

#gauche-profil {
width:24%;
float:left;
}
#droite-profil {
width:76%;
float:left;
}


#gauche-profil-qui {
width:250px;
float:left;
}
#droite-profil-qui {
width:100%;
}

.guide-civ-profil {
font-weight:500;
font-size:36px;
margin:0 0 8px;
}
.guide-lng-profil {
font-weight:600;
font-size:18px;
margin-top:0;
color:#47aeaa;
}
.guide-titre-bio-profil {
font-weight:600;
font-size:18px;
}
.obliteration {
position:absolute;
right:-10px;
top:-40px;


}
.guide-avatar-profil {
    text-align:center;
    position:relative;
    width:230px;
    height:280px;
    padding:15px 15px 55px;
    margin:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border:1px solid #f1f1f1;
}
.guide-avatar-profil:before, .guide-avatar-profil:after {
    content:"";
    position:absolute;
    z-index:-2;
}
.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}
/* Lifted corners */
 .polaroid {
    -moz-border-radius:0px;
    border-radius:0px;
}
.polaroid:before, .polaroid:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
.polaroid:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}


   .go-to-inline-edit {
   display:inline-block;
   color:#47aeaa;
   cursor:pointer;
   margin-right:35px;
   }

/* ==========================================================================
   Footer
   ========================================================================== */
#footer-section-1 {
height:125px;
background:#47aeaa;
}
#footer-section-2 {
height:340px;
background:#222222;
}
#footer-section-3 {
height:115px;
background:transparent;
}
/*
Conteneur alternatif footer section 1.
On utilise un ID pour faciliter le parcours du DOM
car il ne sera utilisé qu'une seule fois par page.
 ----------- */
#conteneur-footer-section-1 {
position:relative;
width:100%;
max-width:1170px;
margin:0 auto;
}
#inside-footer-section-1-1 {
width: 20%;height:125px;line-height:125px;font-size:18px;color:#fff;font-weight:200;text-transform: uppercase;float:left;
overflow:hidden;text-align:center;
}
#inside-footer-section-1-2 {
width: 40%;height:125px;font-size:13px;color:#fff;font-weight:200;float:left;
overflow:hidden;text-align:left;display:table;
}
#inside-footer-section-1-2 span {
display: table-cell;
  vertical-align: middle;line-height:25px !important;
  }

#inside-footer-section-1-3 {
width: 40%;height:125px;font-size:13px;color:#fff;font-weight:200;float:left;
overflow:hidden;text-align:left;display:table;
}
#inside-footer-section-1-3 span {
display: table-cell;
  vertical-align: middle;
}



 #footer-email {
 height:55px;
 border:1px solid white;
 line-height:55px;
 font-size:14px;
 padding-left:25px;
 border-radius:35px;
 background:#47aeaa;
 width:75%;
 }
   #footer-email::-webkit-input-placeholder {
    color:    #fff;
}
 #footer-email:-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
 #footer-email::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
 #footer-email:-ms-input-placeholder {
   color:    #fff;
}

#btn-submit-newsletter {
width:80px;
 height:55px;
 border:1px solid white;
 line-height:55px;
 font-size:14px;
 border-radius:35px;
 background:#fff;
color:#47aeaa;
margin-left:10px;
text-transform:uppercase;

}


/*
Conteneur alternatif footer section 2.
On utilise un ID pour faciliter le parcours du DOM
car il ne sera utilisé qu'une seule fois par page.
 ----------- */
#conteneur-footer-section-2 {
position:relative;
width:100%;
max-width:1170px;
margin:0 auto;
}
#conteneur-footer-section-2 a {
color:#c2c2c2;
text-decoration:none;
}

#conteneur-footer-section-2 a:hover {
color:#47aeaa;
text-decoration:none;
}

#conteneur-footer-section-2 ul {
margin:0 0 0 13px;
padding:0;
}
#conteneur-footer-section-2 h4 {
font-size:16px;
font-weight:200;
}
#inside-footer-section-2-1 {
width: 30%;height:340px;font-size:18px;color:#fff;font-weight:200;float:left;
overflow:hidden;display:table;
}
#inside-footer-section-2-1 > div {
display:table-cell;
vertical-align:middle;
}

.p-inside-footer-section-2-1 {
text-align:justify;
color:#737373;
font-size:13px;
font-weight:100;
}

#inside-footer-section-2-2 {
width: 70%;height:340px;font-size:13px;color:#fff;font-weight:200;float:left;
overflow:hidden;padding-left:140px;padding-top:50px;
}
.bloc-33-inside-footer-section-2-2 {
float:left;
position:relative;
width:33%;
height:300px;
}

.select-inside-footer-section-2-1 {
display:inline-block;
width:70px;
height:40px;
background:#222222 url(../img/css/arrow-select.png) no-repeat center right;
border-radius:5px;
border:1px solid #505050;
margin-right:15px;
overflow:hidden;
}
.select-inside-footer-section-2-1 select {
width:80px;
height:40px;
background:transparent;
border:none;
padding:0 0 0 5px;
color:#fff;
font-size:13px;
}
.select-inside-footer-section-2-1 select option {
background:#222222 !important;
}

/*
Conteneur alternatif footer section 3.
On utilise un ID pour faciliter le parcours du DOM
car il ne sera utilisé qu'une seule fois par page.
 ----------- */


#conteneur-footer-section-3 {
position:relative;
width:100%;
max-width:1170px;
margin:0 auto;
display:table;
vertical-align:middle;
color:#aaaaaa;
}
#conteneur-footer-section-3 .fake-cell {
width:100%;
display:table-cell;
vertical-align:middle;
height:100%;

}
.footer-mentions, .footer-copyright {
color:#aaaaaa;
font-size:15px;
text-transform:uppercase;
text-decoration:none;

}

a.footer-mentions {
color:#aaaaaa;
font-size:15px;
text-transform:uppercase;
text-decoration:none;

}

a.footer-mentions:hover {
color:#47aeaa;

}

.footer-social {
float:right;
margin-top:45px;
color:#aaaaaa;
font-size:12px;
}
.footer-social i {
padding:0 8px;
cursor:pointer;
font-size:16px !important;
}

.footer-social i:hover {
color:#47aeaa;

}
 /* ==========================================================================
   AutoComplete
   ========================================================================== */


  .ui-autocomplete {border-color:#525252;z-index:30;}
.ui-autocomplete a{background-color:#ffffff;color:#525252;}
.ui-autocomplete .ui-state-hover{background:#47aeaa !important;color:#ffffff !important;}

 /* ==========================================================================
   Calendrier
   ========================================================================== */
.fake-select-booking {
	width: 80%;
	height: 55px;
	margin: 5px auto 0;
	background:#fff;
}
.fake-select-booking-sh {
	width: 80%;
	height: 55px;
	background:#fff;
}
option[selected=selected] {
color:#47aeaa;

}
#booking-cal {
	width: 100%;
	height: auto;
	margin: 5px auto 0;
}
.ui-datepicker {
	font-size: 12px;
	padding:0 !important;
	border:none;
	background:#fff;
}


/* Calendrier sur page de création d'une expérience */

#dtib .ui-datepicker,#dtin .ui-datepicker {
width:100% !important;
margin:0 !important;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 480px) {
/* Styles */
body {

}


#home-header {
display:none !important;
width:100%;
height:80px !important;
background: white url(../img/slides/home/slide-1.jpg) no-repeat;
background-size: cover;

}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 480px) {
/* Styles */
body {

}


#home-header {
width:100%;
height:200px !important;
background: white url(../img/slides/home/slide-1.jpg) no-repeat;
background-size: cover;

}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}



/* ==========================================================================
   Social Buttons
   ========================================================================== */



/**
 * Button Object
 */

/**
 * 1. Corrects inability to style clickable 'input' types in iOS
 * 2. Remove excess padding in IE6/7
 * 3. IE6/7 inline-block hack for native block-level elements
 */

.btn-auth,
.btn-auth:visited {
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 0 1em;
    border: 1px solid #999;
    border-radius: 2px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    color: #222;
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* iOS */
    -webkit-appearance: none; /* 1 */
    /* IE6/7 hacks */
    *overflow: visible;  /* 2 */
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
}

.btn-auth:hover,
.btn-auth:focus,
.btn-auth:active {
    color: #222;
    text-decoration: none;
}

.btn-auth:before {
    content: "";
    float: left;
    width: 22px;
    height: 22px;
    background: url(../img/css/auth-icons.png) no-repeat 99px 99px;
}

/**
 * 36px
 */

.btn-auth.large {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}

.btn-auth.large:before {
    width: 36px;
    height: 36px;
}

/*
 * Remove excess padding and border in FF3+
 */

.btn-auth::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Facebook (extends .btn-auth)
   ========================================================================== */

.btn-facebook,
.btn-facebook:visited {
    border-color: #29447e;
    border-bottom-color: #1a356e;
    color: #fff;
    background-color: #5872a7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -webkit-linear-gradient(#637bad, #5872a7);
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -ms-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    -webkit-box-shadow: inset 0 1px 0 #879ac0;
    box-shadow: inset 0 1px 0 #879ac0;
}

.btn-facebook:hover,
.btn-facebook:focus {
    color: #fff;
    background-color: #3b5998;
}

.btn-facebook:active {
    color: #fff;
    background: #4f6aa3;
    -webkit-box-shadow: inset 0 1px 0 #45619d;
    box-shadow: inset 0 1px 0 #45619d;
}

/*
 * Icon
 */

.btn-facebook:before {
    border-right: 1px solid #465f94;
    margin: 0 1em 0 -1em;
    background-position: 0 0;
}

.btn-facebook.large:before {
    background-position: 0 -22px;
}


/* GitHub
   ========================================================================== */

.btn-github,
.btn-github:visited {
    border-color: #d4d4d4;
    background: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
}

.btn-github:hover,
.btn-github:focus {
    border-color: #518cc6;
    border-bottom-color: #2a65a0;
    color: #fff;
    background-color: #599bdc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -webkit-linear-gradient(#599bdc, #3072b3);
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -ms-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.btn-github:active {
    border-color: #2A65A0;
    border-bottom-color: #518CC6;
    color: #fff;
    background: #3072B3;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background: -webkit-linear-gradient(#3072b3, #599bdc);
    background: -moz-linear-gradient(#3072b3, #599bdc);
    background: -ms-linear-gradient(#3072b3, #599bdc);
    background: -o-linear-gradient(#3072b3, #599bdc);
    background: linear-gradient(#3072b3, #599bdc);
}

/*
 * Icon
 */

.btn-github:before {
    margin: 0 0.6em 0 -0.6em;
    background-position: -44px 0;
}

.btn-github:hover:before,
.btn-github:focus:before,
.btn-github:active:before {
    background-position: -66px 0;
}

.btn-github.large:before {
    background-position: -72px -22px;
}

.btn-github.large:hover:before,
.btn-github.large:focus:before,
.btn-github.large:active:before {
    background-position: -108px -22px;
}


/* Google
   ========================================================================== */

.btn-google,
.btn-google:visited {
    border-color: #3079ed;
    color: #fff;
    background: #4787ed;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(#4d90fe, #4787ed);
    background-image: -moz-linear-gradient(#4d90fe, #4787ed);
    background-image: -ms-linear-gradient(#4d90fe, #4787ed);
    background-image: -o-linear-gradient(#4d90fe, #4787ed);
    background-image: linear-gradient(#4d90fe, #4787ed);
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active {
    color: #fff;
    background-color: #357ae8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8));
    background-image: -webkit-linear-gradient(#4d90fe, #357ae8);
    background-image: -moz-linear-gradient(#4d90fe, #357ae8);
    background-image: -ms-linear-gradient(#4d90fe, #357ae8);
    background-image: -o-linear-gradient(#4d90fe, #357ae8);
    background-image: linear-gradient(#4d90fe, #357ae8);
}

.btn-google:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/*
 * Icon
 */

.btn-google:before {
    margin: 0 1em 0 -1em;
    background-position: -88px 0;
    background-color: #e6e6e6;
}

.btn-google.large:before {
    background-position: -144px -22px;
}


/* Open ID
   ========================================================================== */

.btn-openid:hover,
.btn-openid:focus {
    border-color: #777;
    background: #fcfcfc;
}

.btn-openid:active {
    background: #f5f5f5;
}

/*
 * Icon
 */

.btn-openid:before {
    margin: 0 0.6em 0 -0.6em;
    background-position: -154px 0;
}

.btn-openid.large:before {
    background-position: -252px -22px;
}


/* Twitter
   ========================================================================== */

.btn-twitter,
.btn-twitter:visited {
    border-color: #a6cde6;
    color: #327695;
    background: #cfe4f0;
    /* css3 */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f5f7), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
    background-image: linear-gradient(#f1f5f7, rgba(255, 255, 255, 0));
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
    color: #327695;
    border-color: #8dc2e4;
    background-color: #cadde9;
}

.btn-twitter:active {
    background: #cadde9;
    -webkit-box-shadow: inset 0 1px 0 #bbd6e7;
    box-shadow: inset 0 1px 0 #bbd6e7;
}

/*
 * Icon
 */

.btn-twitter:before {
    margin: 0 0.6em 0 -0.6em;
    background-position: -22px 0;
}

.btn-twitter.large:before {
    background-position: -36px -22px;
}


/* Windows Live ID
   ========================================================================== */

.btn-windows:hover,
.btn-windows:focus {
    border-color: #777;
    background: #fcfcfc;
}

.btn-windows:active {
    background: #f5f5f5;
}

/*
 * Icon
 */

.btn-windows:before {
    margin: 0 0.6em 0 -0.6em;
    background-position: -110px 0;
}

.btn-windows.large:before {
    background-position: -180px -22px;
}


/* Yahoo!
   ========================================================================== */

.btn-yahoo,
.btn-yahoo:visited {
    border-color: #ffb305;
    background: #ffc426;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.btn-yahoo:hover,
.btn-yahoo:focus {
    background-color: #fabf20;
}

.btn-yahoo:active {
    border-color: #f09700;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

/*
 * Icon
 */

.btn-yahoo:before {
    margin: 0 0.6em 0 -0.6em;
    background-position: -132px 0;
}

.btn-yahoo.large:before {
    background-position: -216px -22px;
}


.dz, .undz {
    background:none !important;
}
.dz a {
     background:#47aeaa !important;
     color:#fff !important;
     border:none !important;
}
.undz a {
    background:none !important;
    color:#000 !important;
}
.InstantBook a {
color:green;
font-weight:600;
}
.instantBook a:hover {
color:#000 !important;
}
/*.btnSubmitStripe {
width:200px;margin-top:40px;display:inline-block;background:#47aeaa;color:#fff;text-transform:uppercase;height:55px;border:0px solid #47aeaa;font-size:22px;line-height:55px;text-align:center;padding:0 15px;
}*/

.disabled {
background:#eee !important;
color:#ccc !important;
}

/* */
       .ui-corner-all
        {
          /*  -moz-border-radius: 4px 4px 4px 4px;*/
        }
        .ui-widget-content
        {
            color: #000;
            background-color: white;
        }
        .ui-widget
        {
            font-size: 16px !important;
        }
        .ui-menu
        {
            display: block;
            float: left;
            list-style: none outside none;
            margin: 0;
            padding: 2px;
        }
        .ui-autocomplete
        {
            cursor: pointer;
            position: absolute;
        }
        .ui-menu .ui-menu-item
        {
            clear: left;
            float: left;
            margin: 0;
            padding: 0;
            width: 100%;
			padding: 8px 5px;
			font-size: .9em;
			line-height:.9em;
        }
        .ui-menu .ui-menu-item a
        {
            display: block;
            /*padding: 3px 3px 3px 3px;*/
            text-decoration: none;
            cursor: pointer;
            background: #fff !important;
			padding: 8px 5px;
			font-size: .9em;
			line-height:.9em;
        }
        .ui-menu .ui-menu-item:hover
        {
            display: block;
            /*padding: 3px 3px 3px 3px;*/
            text-decoration: none;
            color: White;
            cursor: pointer;
            background: #47aeaa !important;
			padding: 8px 5px;
			font-size: .9em;
			line-height:.9em;
        }
        .ui-widget-content a
        {
            color: #000 ! important;
        }


	/* OPTIMISATION TABLETTE */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.conteneur-1578 {
position:relative;
width:100%;
max-width:1578px;
padding:0 60px;
margin:0 auto;
}

#ajax-search-ville {
background:#FFF;
color:#000;
}

#user-menu-inside-header {

right:30px;

}

.titre-xp {
left:10px;
right:10px;
}

#about-insider-slider {

left:50px;

}

.cgauche-xp {
width:65%;
height:550px;

}

.cdroite-xp {
width:30%;
}

#about-insider {
left:50px;
}

#droite-profil {
width:70%;
}

#gauche-profil {
width:30%;
}

.col-step-left {

width:45%;

}

.col-step-left-bottom {

width:45%;

}

.col-step-right {

width:45%;

}

.col-step-right-bottom {

width:45%;

}

.step-line-left {

height:280px;

}

.step-line {

height:280px;

}

.mt-qui {

height:650px;
margin-top:80px;

}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.conteneur-1578 {
position:relative;
width:100%;
max-width:1578px;
padding:0 30px;
margin:0 auto;
}

.bloc-home-selections-title {
line-height:30px;
}

 #footer-email {
 width:55%;
 }


#ajax-search-ville {
background:#FFF;
color:#000;
}

#user-menu-inside-header {

right:10px;

}

#btn-menu-inside-header {

left:10px;

}

#logo-inside-header {

left:55px;

}

#menu-inside-header {
width:200px;
}

#nav-inside-header {

padding:5px;

	}

.titre-xp {
left:10px;
right:10px;
}

#about-insider-slider {

left:50px;

}

#about-insider {
left:50px;
}

.cgauche-xp {
width:50%;
height:550px;

}

.cdroite-xp {
width:45%;
}

#droite-profil {
width:64%;
}

#gauche-profil {
width:36%;
}

.col-step-left {

width:45%;
height:275px;

}

.col-step-left-bottom {

width:45%;
height:275px;

}

.col-step-right {

width:45%;
height:275px;

}

.col-step-right-bottom {

width:45%;
height:275px;

}

.h1-inside-cms-guide {
    font-size: 38px;
}

.step-line-left {

height:310px;

}

.step-line {

height:310px;

}

.mt-qui {

height:680px;
margin-top:80px;

}

}




/* ==========================================================================
   PAGE CONVERSATIONS
   ========================================================================== */

.bloc-conversation {
position:relative;
background:#f1f1f1;
color:#000;
width:100%;
/*border:1px solid #aaa;*/
padding:10px;
margin-bottom:10px;
}
.timeago {
color:#222;
font-size:12px;
text-align:right;
display:inline-block;
}

/* ==========================================================================
   PAGE COMMENTAIRES
   ========================================================================== */


.rating {
    float:left !important;
}

.rating:not(:checked) > input {
    position:absolute !important;
    top:-9999px !important;
    clip:rect(0,0,0,0) !important;
}

.rating:not(:checked) > label, .star {
    float:right !important;
    width:1em !important;
    padding:0.1em !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    font-size:18px !important;
    line-height:1.2 !important;
    color:#ddd !important;

}

.rating:not(:checked) > label:before {
  font-family:'FontAwesome' !important;
    content: '\f005' !important;
}

.rating > input:checked ~ label {
    color: #47aeaa !important;

}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #47aeaa !important;

}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #47aeaa !important;

}

.rating > label:active {
    position:relative !important;
    top:2px !important;
    left:2px !important;
}
.vote {
  font-size:18px !important;
      width:1em !important;
    padding:0.1em !important;
      color:#ddd !important;
}

.vote-on {
  color:#47aeaa !important;
}

.ui-helper-hidden-accessible div {
display:none !important;

}