/********** SURCHARGE BOOTSTRAP **********/
#header .navbar
{
    border: 0;
    background-image: none;
    margin-bottom: 0px;
}

#header .navbar .navbar-header .navbar-brand
{
    padding: 0 15px 15px;
}

#header .navbar .navbar-header .navbar-brand img
{
    width: 172px;
}

#header .navbar .navbar-header .fa,
#header .navbar .navbar-header .glyphicon
{
    cursor: pointer;
    color: White;
}
#header .navbar .navbar-header .glyphicon-home, 
#header .navbar .navbar-header .fa-close
{
    margin-top: 12px;
}

#header .navbar .navbar-header .fa
{
    font-size: 30px;
}
#header .navbar .navbar-header .glyphicon
{
    font-size: 26px;
}
#header .navbar-inverse .navbar-brand, #header .navbar-inverse .navbar-nav>li>a {
     text-shadow: 0;
}

#header #menuDesactiveBtnDefault
{
    float: none;
    border: 0;
    margin: 8px 0 0 15px;
}

#header #menuDesactiveBtnPhone, 
#header #menuDesactiveBtnContact,
#header #menuActiveBtnPhone, 
#header #menuActiveBtnContact
{
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 10px 5px 12px;
    height: 50px;
    float: none;
}
#header #menuDesactiveBtnPhone, 
#header #menuActiveBtnPhone
{
	padding-top:12px;
}



#header .navbar .navbar-nav > li > a 
{
    color: #FFFFFF;
}

/****** DEBUT hidden-xs ******/

#header .navbar #navbar .hidden-xs > li > a:hover, 
#header .navbar #navbar .hidden-xs > li > a:focus
{
    background: url('/voyage-sur-mesure/Areas/Responsive/img/home/menu-haut-onglet.jpg') no-repeat center bottom;
}

#header .navbar #navbar .hidden-xs .dropdown-menu
{
    border-top: 0;
}

#header .navbar #navbar .hidden-xs .dropdown:hover .dropdown-menu
{
    display: block;
}

/****** FIN hidden-xs ******/

/****** DEBUT visible-xs-block ******/
#header .navbar #navbar .visible-xs-block .navbar-nav,
#header .navbar #navbarPhone .navbar-nav
{
    max-height: 460px;
    overflow-x: hidden;
    overflow-y: auto;
}

#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-1, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-2, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-3, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-4, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-5, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-6, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-7, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-8, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-9, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-10, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-11, 
#header .navbar .navbar-header .visible-xs-block .menuDesactive .col-xs-12
{
    padding-left: 0px;
    padding-right: 0px;
}

#header .navbar .navbar-header .visible-xs-block .btnActive, 
#header .navbar .navbar-header .visible-xs-block .btnActive i, 
#header .navbar .navbar-header .visible-xs-block .btnActive span
{
    color: Black;
    background-color: White;
}

#header .navbar .navbar-header .visible-xs-block .menuActive .row, 
#header .navbar .navbar-header .visible-xs-block .menuActive .row div
{
    height: 50px;
}
#header .navbar .navbar-header .visible-xs-block .menuActive .row div a,
#header .navbar .navbar-header .visible-xs-block .menuActive .row div > span
{
    height: 50px;
    display: block;
    width: 100%;
}

#header .navbar .navbar-header .visible-xs-block .menuActive .row div a.active, 
#header .navbar .navbar-header .visible-xs-block .menuActive .row div > span.active
{
    background-color: #949C9F;
}

#header .navbar #navbar .visible-xs-block
{
    margin-right: -45px;
}

#header .navbar #navbar .visible-xs-block > div, 
#header .navbar #navbarPhone, 
#header .navbar #navbarContact
{
    background-color: white;
    color: black;
}

#header .navbar #navbarPhone .tel
{
    color: #A6CBC3;
    font-weight: 500;
}

#header .navbar #navbar .visible-xs-block .navbar-nav a, 
#header .navbar #navbar .visible-xs-block .navbar-nav li, 
#header .navbar #navbarPhone .navbar-nav a, 
#header .navbar #navbarPhone .navbar-nav li, 
#header .navbar #navbarContact .navbar-nav a, 
#header .navbar #navbarContact .navbar-nav li
{
    line-height: 30px;
}


#header .navbar #navbarPhone .visible-xs-block #dropDownAgence a
{
    display: block;
}

#header .navbar #navbarContact .title
{
    margin: 15px 0;
    font-weight: 500;
    font-size: 16px;
}

#header .navbar #navbarContact .inputLabel
{
    color: #aaa;
}

#header .navbar #navbarContact i
{
    font-size: 18px;
    margin-left: 1px;
}

#header .navbar #navbarContact .input-group-xs
{
    margin: 0 0 20px 0;
}

#header .navbar #navbarContact .rememberMe
{
    margin: 15px 0;
    color: #aaa;
}
#header .navbar #navbarContact .rememberMe input[type=checkbox]
{
    margin-right: 5px;
}

#header .navbar #navbarContact .rememberMe .rememberMeLabel
{
    margin-top: 1px;
}

#header .navbar #navbarContact input[type=submit]
{
    background-color: #A6CBC3;
    color: White;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    border-radius: 3px;
    width: 170px;
    height: 34px;
}

#header .navbar #navbarContact .forgotPasswordLink
{
    margin: 15px 0;
    color: #aaa;
}

#header .navbar #navbarContact .forgotPasswordLink a
{
    color: #aaa;
    text-decoration: underline;
}


/** MENU 1er niveau **/
#header .navbar #navbar .visible-xs-block .navbar-nav > li > a, 
#header .navbar #navbarPhone .navbar-nav > li > a, 
#header .navbar #navbarContact .navbar-nav > li > a
{
    text-align: left;
    padding-left: 20px;
    color: black;
    font-weight: 500;
}

#header .navbar #navbar .visible-xs-block .navbar-nav > li > a:hover, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li > a:focus, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li.open > a, 
#header .navbar #navbarPhone .navbar-nav > li > a:hover, 
#header .navbar #navbarPhone .navbar-nav > li > a:focus, 
#header .navbar #navbarPhone .navbar-nav > li.open > a, 
#header .navbar #navbarContact .navbar-nav > li > a:hover, 
#header .navbar #navbarContact .navbar-nav > li > a:focus, 
#header .navbar #navbarContact .navbar-nav > li.open > a
{
    color: white;
}

/** MENU 2eme niveau **/

#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul, 
#header .navbar #navbarPhone .navbar-nav > li > ul, 
#header .navbar #navbarContact .navbar-nav > li > ul
{
    padding: 0 0 0 10px;
    font-weight: 500;
}
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > a, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > a, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > a
{
    color: Black;
    padding-right: 10px;
}
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > a:hover, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > a:focus, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > a.open, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > a:hover, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > a:focus, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > a.open, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > a:hover, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > a:focus, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > a.open
{
    background-color: #949C9F;
    color: White;
}

/** MENU 3eme niveau **/
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > ul, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > ul, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > ul
{
    padding: 0 0 0 10px;
}
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > ul > li > a, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > ul > li > a, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > ul > li > a
{
    color: Black;
}
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > ul > li > a:hover, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > ul > li > a:focus, 
#header .navbar #navbar .visible-xs-block .navbar-nav > li > ul > li > ul > li > a.open, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > ul > li > a:hover, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > ul > li > a:focus, 
#header .navbar #navbarPhone .navbar-nav > li > ul > li > ul > li > a.open, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > ul > li > a:hover, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > ul > li > a:focus, 
#header .navbar #navbarContact .navbar-nav > li > ul > li > ul > li > a.open
{
    background-color: #BBB;
    color: White;
}

#header .navbar #navbar .visible-xs-block .navbar-nav, 
#header .navbar #navbarPhone .navbar-nav, 
#header .navbar #navbarContact .navbar-nav
{
    margin: 0 -15px;
}

#header .navbar #navbar .visible-xs-block .navbar-nav li:not(:last-child), 
#header .navbar #navbarPhone .navbar-nav li:not(:last-child), 
#header .navbar #navbarContact .navbar-nav li:not(:last-child)
{
    border-bottom: 1px solid #949c9f;
}

#header .navbar #navbar .visible-xs-block .navbar-nav li.dropdown > a:before, 
#header .navbar #navbarPhone .navbar-nav li.dropdown > a:before, 
#header .navbar #navbarContact .navbar-nav li.dropdown > a:before
{
    content: "\2b";
    font-family: "Glyphicons Halflings";
    line-height: 1;
    margin-top: 9px;
    display: inline;
    float: right;
    font-size: 12px;
}

#header .navbar #navbar .visible-xs-block .navbar-nav li.open > a:before, 
#header .navbar #navbarPhone .navbar-nav li.open > a:before, 
#header .navbar #navbarContact .navbar-nav li.open > a:before
{
    content: "\e014";
    font-family: "Glyphicons Halflings";
    line-height: 1;
    margin-top: 9px;
    display: inline;
    float: right;
    font-size: 12px;
}

#header .navbar .navbarBackground
{
	background-color:Black !important; 
	height:100%;
	opacity:0.5; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
}

@media (max-width: 736px)
{
    #header .navbar
    {
        min-height: 50px;
        background-color: Transparent;
    }

    #header .navbar-header
    {
        background-color: Black;
        height: 50px;
    }

    #header .navbar .navbar-collapse
    {
        border-color: #949c9f;
    }

    #header .navbar .menuActive
    {
        border-color: white;
    }

    #header .navbar .navbar-header .navbar-brand
    {
        padding: 0;
        height: 50px;
        float: none;
    }

    #header .navbar .navbar-header .navbar-brand img
    {
        width: auto;
        height: 50px;
        display: inline;
    }
}
/****** FIN visible-xs-block ******/
/********** FIN SURCHARGE BOOTSTRAP **********/

#header .navbar .containerEntete
{
    background-color: #e9e9e9;
}

#header .navbar .entete
{
    width: 970px;
    font-size: 0.9em;
    padding: 3px 0;
    font-size: 11px;
    margin: 0 auto;
}
#header .navbar .entete h1
{
    font-size: 11px;
    margin: 1px 0 0;
}

#header .navbar .enteteGauche
{
    font-size: 11px;
    margin: 2px 0 0;
    font-weight: bold;
}

#header .navbar .enteteCentre
{
    color: #000000;
    text-decoration: none;
}
#header .navbar .enteteCentre .Drapeau
{
	height: 12px;
    margin: 0 2px 2px;
}

#header .navbar .enteteDroite
{
    color: #e96068;
    font-weight: bold;
}

#header .navbar #enteteConnexion
{
    padding-left: 0;
}

#header #menu .menu1:hover, #header #menu .menu2:hover, 
#header #menu .menu3:hover, #header #menu .menu4:hover, 
#header #menu .menu5:hover
{
    background: url('/voyage-sur-mesure/Areas/Responsive/img/home/img-menu-haut-onglet.jpg') center bottom no-repeat;
}

/*Menu : Les Pays > Liste*/
#MenuPaysListe
{
	background: #FFFFFF;
	width: 1024px;
	/*border-bottom: 1px solid #cdd0cf;
	border-right: 1px solid #cdd0cf;
	border-left: 1px solid #cdd0cf;*/
	z-index: 21;
	letter-spacing: 0;
	padding: 0 0 30px 0;
	line-height: 1.2;
	margin-top: -5px;
	color: #58585A;
}
#MenuPaysListe .ListePays
{
	/*width:140px;     padding:30px 0 0 40px;*/ /*width: 146px;*/
	width: 170px;
	padding: 10px 0 0 24px;
	text-align: left;
	float: left;
}
#MenuPaysListe .ListePays ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#MenuPaysListe .ListePays ul a, #menu #MenuPaysListe .ListePays ul span
{
	text-decoration: none;
	color: #58585A;
	font-size: 13px;
}
#MenuPaysListe .ListePays ul a:hover
{
	text-decoration: underline;
}
#MenuPaysListe .ListePays a.OuPartir
{
	color: #84b3b0;
}
/*
#MenuPaysListe strong
{
    color: #000000;
}*/

.LinksCarteListe
{
	width: 230px;
	padding: 10px 0 0 0;
}
.LinksCarteListe .Link
{
	text-align: center;
	width: 111px;
	border: 2px solid #5c5c5c;
	padding: 9px 0 6px 0;
	color: #58585A;
	font-weight: bold;
	font-size: 13px;
}
.LinksCarteListe .actif
{
	background: #5c5c5c;
	color: #FFFFFF;
}


/*Menu : Les Pays > Cartes*/
#MenuPaysCarte
{
	/*border-bottom: 1px solid #cdd0cf;
	border-right: 1px solid #cdd0cf;
	border-left: 1px solid #cdd0cf;*/
	background: #FFFFFF;
	z-index: 21;
}
#MenuPaysCarte #ListeContinents
{
	width: 260px;
	padding: 30px 0 0 80px;
	text-align: left;
	float: left;
}
#MenuPaysCarte #ListeContinents ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 16px;
}
#MenuPaysCarte #ListeContinents ul li
{
	padding: 0 0 5px 0;
}
#MenuPaysCarte #ListeContinents ul a
{
	text-decoration: none;
	color: #58585A;
}
#MenuPaysCarte #ListeContinents ul a:hover
{
	text-decoration: underline;
}
#MenuPaysCarte #LinksBas
{
	padding: 60px 0 0 0;
}
#MenuPaysCarte #LinksBas
{
	text-decoration: none;
	color: #58585A;
	font-size: 16px;
	line-height: 20px;
}
#MenuPaysCarte #LinksBas:hover
{
	text-decoration: underline;
}
#MenuPaysCarte #CarteContinents
{
	width: 628px;
	padding: 15px 0 0 0;
	text-align: left;
	float: left;
}
#CarteContinents img
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

#CarteContinents img:hover
{
	-webkit-filter: grayscale(100%);
}
/*Menu : Inspirations*/
#MenuExpAutourVoyage, #MenuExpInspi, #MenuExpQuiSommesNous
{
	/*border-bottom: 1px solid #cdd0cf;
	border-right: 1px solid #cdd0cf;
	border-left: 1px solid #cdd0cf;*/
	z-index: 21;
	margin-top: -5px;
	padding: 0 48px;
	width: 1024px;
	top: 0;
	background: #FFFFFF;
	height: 364px;
}
#BonnesRaisons
{
	/*padding:88px 0 0 16px;*/
	padding: 0 0 0 16px;
	text-align: left;
}
#BonnesRaisons #Titre
{
	font-size: 19px;
	text-align: center;
}
#BonnesRaisons .detail
{
	font-size: 13px;
	color: #000000;
	line-height: 1.5;
}
#BonnesRaisons span
{
	font-size: 28px;
	word-spacing: 4px;
}
#BonnesRaisons #Link
{
	border: 2px solid #FFFFFF;
	font-size: 12px;
	letter-spacing: 0;
	margin: 25px 0 0;
	padding: 10px 0 0;
	text-align: center;
	width: 143px;
	height: 22px;
}
#BonnesRaisons #Link a
{
	color: #FFFFFF;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

#MenuDroite
{
	background: url('/voyage-sur-mesure/Areas/Responsive/img/home/page-home-fond-menu-droite.png') repeat;
	text-align: left;
	color: #FFFFFF;
}
#MenuDroite a
{
	color: #FFFFFF;
	text-decoration: none;
}
#MenuDroite #Onglet1
{
	width: 198px;
	height: 50px;
	position: absolute;
	height: 32px;
	padding: 28px;
	border-bottom: 1px solid #a4998b;
	background: url('/voyage-sur-mesure/Areas/Responsive/img/home/page-home-fond-menu-carte.png') no-repeat right;
}
#MenuDroite #Onglet2
{
	border-bottom: 1px solid #A4998B;
	height: 46px;
	padding: 17px 28px 28px 28px;
	position: absolute;
	top: 89px;
	width: 198px;
}
#MenuDroite #Onglet2 #SelectRecherche
{
	background: url('/voyage-sur-mesure/Areas/Responsive/img/home/fleche-select.jpg') no-repeat scroll right center #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 30px;
	margin: 3px 0 0 0;
	overflow: hidden;
	width: 200px;
}
#MenuDroite #Onglet2 #SelectRecherche select
{
	background: url('/voyage-sur-mesure/img/homepage-home-fond-input.png') repeat;
	border: 1px solid #FFFFFF;
	font-family: 'Gotham SSm 4r' , 'Gotham SSm 4r' , 'Gotham SSm A' , 'Gotham SSm B';
	font-size: 14px;
	height: 30px;
	line-height: 1;
	padding: 6px 5px;
	width: 258px;
}
#MenuDroite #Onglet3
{
	border-bottom: 1px solid #A4998B;
	height: 24px;
	padding: 39px 28px 28px 28px;
	position: absolute;
	top: 181px;
	width: 198px;
}
#MenuDroite #Onglet4
{
	height: 27px;
	padding: 37px 28px 28px 28px;
	position: absolute;
	top: 273px;
	width: 198px;
}

.SsOngletInspi
{
	float: left;
	height: 270px;
	padding: 50px 1px 0 0;
	text-align: center;
}
.SsOngletInspi a
{
	color: #000000;
	text-decoration: none;
	font-size: 15px;
}
.SsOngletInspi a:hover
{
	text-decoration: underline;
}
.SsOngletInspi img
{
	height: 160px;
	width: 160px;
	margin: 0 0 24px 0;
}
#OrienteurLink
{
	color: #646567;
}

.MenutHautRubrique
{
	height: 260px;
	width: 184px;
	padding: 13px;
}
.MenutHautRubrique:hover
{
	background: #EAEBE3;
}

.MenuPaysListe
{
	left: -209%;
	/*left: -231px;*/
    height: 610px;
    width: 1026px;
}
.MenuExpInspi
{
	left: -328.5%;
	/*left: -461px;*/
	padding-bottom: 0;
}
.MenuExpAutourVoyage
{
	left: -333%;
	/*left: -601px;*/
	padding-bottom: 0;
}
.MenuExpQuiSommesNous
{
	left: -390%;
	/*left: -781px;*/
	padding-bottom: 0;
}
@media screen and (min-width: 736px)
{
    .MenuPaysListe
        {
        left: -186%;
    }
    #LinksBas
        {
        padding: 30px 0 0 0;
    }
}
@media screen and (min-width: 736px)
{
    #navbar ul.nav li:nth-child(1){
        width:110px;
    }
    #navbar ul.nav li:nth-child(2){
        width:120px;
    }
    #navbar ul.nav li:nth-child(3){
        width:140px;
    }
    #navbar ul.nav li:nth-child(4){
        width:180px;
    }
    #navbar ul.nav li:nth-child(5){
        width:200px;
    }
}