/*Debut de css du "Main Template"***************************************************************************************/
/*  =FONTFACE----------------------------------------------------------------------------- */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
                               
                               
@font-face {
    font-family: 'existencelight';
    src: url('../css/fonts/Existence-Light-webfont.eot');
    src: url('../css/fonts/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/Existence-Light-webfont.woff') format('woff'),
         url('../css/fonts/Existence-Light-webfont.ttf') format('truetype'),
         url('../css/fonts/Existence-Light-webfont.svg#existencelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face{

font-family:'SourceSansProBold';
src:url('../css/fonts/SourceSansPro-Bold-webfont.eot');
src:url('../css/fonts/SourceSansPro-Bold-webfont.eot?#iefix')format('embedded-opentype'),
url('../css/fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
url('../css/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
url('../css/fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');font-weight:normal;font-style:normal;
} 

@font-face{
font-family:'SourceSansProRegular';
src:url('../css/fonts/SourceSansPro-Regular-webfont.eot');
src:url('../css/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../css/fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
url('../css/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
url('../css/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); 
}                                        
                       
                               
                               /*end FOTFACE 
----------------------------------------------------------------------------*/

/*start Body css 
----------------------------------------------------------------------------- */
html {

        background: #A9B3CE url(../images/sce/bg-body.jpg) no-repeat;
        margin: 0 auto;
        height:100%;
}

body.body
{
	background-color:white;
	margin: 7px auto;
	height:100%;
	background:#A9B3CE url(../images/sce/bg-body.jpg) no-repeat;
        background-position: center top;

        
}

.body
{
color: #070707;
font-size: 11px;
position: relative;
height:100%;
font-family: 'SourceSansProRegular',Arial,sans-serif;
}

/**********************************end body******************************************/


/**********************************start header css******************************************/

#header{
max-width:991px;
margin:0 auto;
height: 135px;
z-index: 100;
position: relative;
}
#logo{
float:left;
}
#header_right{
float: left;
height: 77px;
margin-top: 35px;
margin-left: 93px;
width: 100%;
}

/**********************************send header******************************************/

/**********************************start container css******************************************/
#container{
width: 940px;
margin-left: auto;
z-index: 1000;
display: flex;
position: relative;
margin-right: auto;
z-index: 1;
}
#body_content{
width: 100%;
min-height: 500px;
background-color: #fff;

}
.page_name{
float: left;
left: 0;
height: 41px;
margin-top: 12px;
margin-left: -18px;
padding-top: 10px;
width: 200px;
color: white;
font-size: 17px;
text-align: center;
font-family: pt sans narrow;
background-color: rgba(255, 255, 255, 0.42);
position: absolute;
background: url(../images/sce/background_title-_black.png);
}
#menu_left{
margin-top: 52px;
line-height: 25px;
background: #ebebeb url(../images/sce/left_gr.gif) repeat-x;
margin-bottom: 10px;
float: left;
width: 181px;
}

#menu_left ul {
list-style-type: none;
margin: 0;
padding: 0;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}
#menu_left ul li {
background: url(../images/sce/sep-navbar.gif) repeat-x;
}
#menu_left a{
color: #000;
background: url(../images/sce/left_ar.gif) no-repeat 10px 50%;
height: 20px;
line-height: 20px;
padding: 3px 0 3px 20px;
display: block;
font: 12px Tahoma, Arial, Helvetica, Verdana, sans-serif;
color: #666;
-webkit-transition:all 0.2s ease-out;
}
#menu_left a:hover{
background: #001d6f url(../images/sce/left_ar_hover.gif) no-repeat 10px 50%;
color: #fff;
text-decoration: none;
}

div#menu_left ul li.current a{
background: #001d6f url(../images/sce/left_ar_hover.gif) no-repeat 10px 50%;
padding-left: 25px;
color:white;
}
#destination_block{
background-color: rgba(105, 107, 124, 0.39);
height: 60px;
width: 739px;
margin-top: 10px;
}
.price{
display: inline-flex;
font-family: 'SourceSansProRegular',Arial,sans-serif;
font-weight: normal;
text-transform: none;
}
.Destination_price{
font-family: fantasy;
font-size: 13px;
color: #0B754B;
padding-left: 15px;
}
.depart{
max-width:250px;
float:left;
}
.selectionnez{
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 36px;
margin: 5px auto;
border: 1px solid #aaa;
background-color: #fff;
color: #444;
width: 209px;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
}
.selectionnez:hover{
}
a.selectionnez div b{
display: block;
height: 36px;
margin-top: -36px;
float: right;
width: 20px;
background: url('../images/chosen-sprite.png') no-repeat 4px 10px;
-webkit-transition:all 0.2s ease-out;
}
a.selectionnez div b:hover{
display: block;
height: 35px;
margin-top: -36px;
background: url('../images/chosen-sprite.png') no-repeat -14px 10px;
width: 20px;
float: right;
}
.depart_name{
margin: 11px;
text-align: left;
font-size: 11px;
color: black;
}
.destination{
width: 218px;
height: 300px;
margin-left: 25px;
float: left;
padding-top: 15px;
border-left: 1px solid #ebeae7;
border-right: 1px solid #ebeae7;
border-bottom: 1px solid #ebeae7;
-webkit-transition:all 0.2s ease-out;
}
.destination:hover{
background-color: rgb(243, 242, 242);
}
div.Destination_name a{
padding-left: 27px;
color: #000000;
text-transform: uppercase;
font-size: 11px;
font-family: 'SourceSansProBold',Arial,sans-serif;
height: 45px;
float: left;
text-align: left;
text-decoration: none;
font-weight: bold;
}
.Destination_Description{
max-width: 212px;
text-align: left;
float: left;
height: 100px;
overflow-y: hidden;
font-size: 11px;
color: #000000;
padding-right: 7px;
padding-left: 7px;
margin-top: 14px;
}
#Destinations_block{
float: left;
width: 740px;
height: auto;
background-color: white;
border-left: 1px solid #ebeae7;
border-bottom: 1px solid #ebeae7;
overflow: hidden;
}
float: left;
width: 740px;

}
.Destination_image{
width:120px;
height:120px;
}
#depart ul li:hover > ul {
display: block;
max-height: 32em;
padding: 0px;
width: 209px;
}
#depart ul ul {
position: absolute;
max-height: 0;
width: 100%;
overflow: hidden;
background-color: #00266f;
border-bottom: none;
width: 209px;
margin-top: -1px;
-moz-transition: .3s all .3s;
-webkit-transition: .3s all .3s;
transition: .3s all .3s;
}
#depart ul li {
margin-left: 20px;
display: block;
font-size: 13px;
}

#depart a {
color:white;
}

.Destination_image{
text-align: center;
}
#footer{
width: 941px;
height: 263px;
margin-right: auto;
margin-left: auto;
background-color: white;
}
#footer_container{
margin-left: auto;
margin-right: auto;
float: left;
width: 939px;

}
#Bloc-f-1{
float: left;
text-align: left;
font-size: 11px;
line-height: 17px;
border-right: 1px solid white;
border-bottom: 1px solid white;
width: 100%;
background: #FFF url(../images/sce/navi_bg.gif) repeat-x;
border: 1px solid #eee;
}
#Bloc-f-1 ul li{
display:block;
}
#Bloc-f-2{
float: left;
text-align: left;
font-size: 12px;
line-height: 25px;
width: 205px;
min-height: 200px;
border-right: 1px solid white;
border-bottom: 1px solid white;
padding-right: 20px;
}
#Bloc-f-3{
float: left;
text-align: left;
font-size: 12px;
line-height: 25px;
width: 205px;
min-height: 200px;
border-right: 1px solid white;
border-bottom: 1px solid white;
padding-right: 20px;
}
#Bloc-f-4{
float: left;
text-align: left;
font-size: 12px;
line-height: 25px;
width: 205px;
min-height: 200px;
border-bottom: 1px solid white;
padding-right: 20px;
}
#copyright{
margin-top: 30px;
color: #fff;
width: 100%;
height: 60px;
float: left;
font-size: 14px;
background: url(../images/sce/bg-banner-shadow.png) no-repeat 50% 0;
text-align: left;
}