/* CSS Document */


/* Body */

body {
	font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
		/*background-color: #C2DEF5;*/
background-image: url(../images/bg/bg_automne.jpg) ;
	background-position: top;
	background-repeat: repeat-x; 
	color: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	/*background-attachment:fixed;*/
overflow : visible!important;
}

#sb-container {z-index:10000 !important;}

a {
	outline:none;}

a img, a:link img, a:visited img, a:hover img, a:active img { border:0 !important; } 

* { margin: 0px; padding: 0px; }

.height_25 { height:25px; }
.width_100 { width:100%; }

.masterWrapper {
    max-width: 976px; 
    width:100%;
    margin: auto;
}

.pagewrapper{
	max-width: 976px; 
	width:100%;
	background-image:url(../images/transparent_68.png); 
	/*background-color: #fff;*/
	background-repeat: repeat;
	/*position:relative;*/
}
.pagewrapperindex{
	max-width: 976px; 
	width:100%;
	background-image:url(../images/transparent_50.png); 
	/*background-color: #fff;*/
	background-repeat: repeat;
}

.leftcolumnwrapper{
	width: 760px;
	float: left;  
	text-align: left; 

}

.accueil_container {
    padding:30px 40px 60px 40px;
    background-color:#FFF; 
    margin-top:55px;
    float: left;
    width: calc(100% - 80px);
}

.visionneuse_accueil {
    width:100%; max-width: 976px; position: relative; max-height:465px; height:100%; margin: -11px 0px 0px 0px;
}

.accueil_container .bottom_section {
    float:left;
    width:100%;
}

.accueil_container .reportagesArticles,
.accueil_container .sorties,
.accueil_container .cyberBulletin,
.accueil_container .video {
    max-width:414px;
    width:100%;
    display: inline-block;
    float: left;
    padding-right:27px;
    border-right:1px solid #dbedf7;
    background-color:#FFF;
}

.accueil_container .presentoirs {
    max-width:414px;
    width:100%;
    display: inline-block;
    float: left;
    padding-right:27px;
    border-right:1px solid #dbedf7;
    background-color:#FFF;
}


.accueil_container .reportagesArticles.mobile { display:none; }

.accueil_container .forfaits,
.accueil_container .promotions,
.accueil_container .ideesTempsFetes,
.accueil_container .evenements,
.accueil_container .hebergement {
    max-width:414px;
    width:100%;
    display: inline-block;
    float: right;
    padding-left:40px;
    background-color:#FFF;
}

.accueil_container .evenements,
.accueil_container .hebergement {
    border-left:1px solid #dbedf7;
}

.accueil_container .cyberBulletin,
.accueil_container .presentoirs { border:none; }

.accueil_container .title_accueil {
    float: left; 
    margin:0; 
    font-size: 24px; 
    font-family: myriad-pro, arial;
    font-weight: bold; 
    color: #e8cc48; 
    letter-spacing: 0px;
}

.accueil_container .category_block,
.accueil_container .sorties a.right_arrow { display:none; }


.accueil_container .forfaits .left_img_desc,
.accueil_container .promotions .left_img_desc { border-right:1px solid #dbedf7; }

.accueil_container .forfaits .left_img_desc img,
.accueil_container .promotions .left_img_desc img { height:113px;width:172px; }

.accueil_container .categories_section {
    width:100%;
    display:none;
    float:left;
    margin:-20px 0 30px 0; 
}

.accueil_container .categories_section .block {
    width:30%;
    margin-right:5%;
    float:left;
}

.accueil_container .categories_section .block:nth-child(3) { margin:0; }

.accueil_PlusInfo 
{
    float:left; 
    margin-top:10px;   
    display:none;
}

.imgDisplay.responsive {display:none;}

.visionneuse_accueil_voir_toutes {
    float:right; 
    padding:15px 20px 0 0;
}

.visionneuse_accueil_voir_toutes .plus {
    float: left;
    background: url(../../images/icons.gif) 0px -344px no-repeat;
    width: 18px; 
    height: 18px; 
    margin: 5px 0px 0 0;
}

.visionneuse_accueil_voir_toutes .text {
    float: left; 
    padding: 4px 0 0 4px;
}

.liste_contenu_item { width:100%;float:left;padding: 0px 0px 33px 0px; }

.listing_photo_vedette_table 
{
    float:left;
}

.listing_photo_vedette_table .image {
    float: left; 
    padding: 7px 7px 7px 7px; 
    border: 1px solid #c9e6f4; 
    background-repeat: no-repeat; 
    height:88px;
}

.listing_photo_vedette_table .image img {
    width:98px; 
    height:88px;
}


.pagecolor{
	/*background-color: #fff;*/
	min-height:1200px;
	/*position:relative;*/
}

div.pagecolor.activities,
div.pagecolor.explorer,
div.pagecolor.evenements,
div.pagecolor.hebergement,
div.pagecolor.sorties,
div.pagecolor.forfaits,
div.pagecolor.promotions {
    margin: 0px; 
    padding: 0; 
    float: left; 
    max-width: 760px; 
    width:100%;
    text-align: left; 
    background: none;
}


div.colonne_gauche { float:left; }
div.colonne_centre {
    float: left; 
    padding: 0px 14px 0px 25px; 
    width: 414px; 
    background-color: #FFF;
}

div.page_nav {
    background-color: #FFF; 
    padding: 20px 24px 22px 23px; 
    width: 250px; 
    margin: 0 10px 10px 0;
}

div.page_nav_block {
    background-color: #FFF; 
    padding: 20px 24px 20px 23px; 
    width: 250px; 
    margin: 0 10px 10px 0;
}

div.page_nav div.liens_principaux {
    min-width: 240px;
    width:100%; 
    margin:17px 0 0 0;
}

/*	
.pagetop{
	background-color:#fff;
	height:0px;
	width:755px;
	float:left;

}

.pagerightcornertop{
	background: url(../images/icons.gif) -136px 0px no-repeat; 
	height:0px;
	width:5px;
	float:left;

}
*/

.rightcolumnwrapper{
	width: 206px;
	margin-left: 0px;
	float: right; 
	margin-top:0px;
}

.content_left {
    background-color:#fff;
    display:inline-block;
    max-width:760px;
    width:100%;
}

.content_left_2 {
    background-color:#fff;
    display:inline-block;
    max-width:718px;
    width:100%;
}

.content_left_3 {
    background-color:#fff;
    display:inline-block;
    max-width:710px;
    width:100%;
    padding: 25px 25px 0px 25px;
}

.content_left_3.list {
    background-color:#fff;
    display:inline-block;
    max-width:710px;
    width:100%;
    padding: 15px 25px 0 25px;
}

.content_left_4 {
    background-color:#fff;
    display:inline-block;
    max-width:716px;
    width:100%;
    padding:0px 22px;
}

.content_left_4.top {
    padding:20px 22px 0 22px;
}

.content_left_5 {
    background-color:#fff;
    display:inline-block;
    max-width:710px;
    width:100%;
    padding:0px 25px;
}

.content_left_5.top {
    padding:0px;
    max-width:760px;
}

.content_left_ficher {
    background-color:#fff;
    display:inline-block;
    max-width:760px;
    width:100%;
}

.content_left_experience {
    background-color:#fff;
    display:inline-block;
    max-width:760px;
    width:100%;
    /*width:calc(100% - 216px);*/
}

.content_left_showcase {
    background-color:#fff;
    display:inline-block;
    max-width:760px;
    width:100%;
    float:left;
}

.content_left_reservation {
    background-color:#fff;
    display:inline-block;
    max-width:716px;
    width:100%;
    padding:25px 22px 10px 22px;
}

.content_left_showcase table.article_photo { margin: 15px 15px 0px 0px;width: 1%; }
.content_left_showcase table.article_photo_2 { margin: 15px 20px 0px 0px;width: 1%; }

.content_left_showcase table.article_photo img { width:285px; height:185px; }
.content_left_showcase table.article_photo_2 img { width:338px; height:136px; }

.rechercher_reservation {
    background-color: #FFF; 
    width: 195px; 
    margin-bottom: 8px;
}



div.experience_listings {
    padding: 0px 3.2894736842105263157894736842105% 40px 3.2894736842105263157894736842105%; /* 25px / 760px = 0.032894736842105263157894736842105 */
    width:93.421052631578947368421052631579%; 
}

div.experience_listings div#experience_title {
    display:none;
    margin: 20px 0;
    font-size: 24px;
    font-family: myriad-pro, arial;
    font-weight: bold;
    color: #e8cc48;
    letter-spacing: 0px;
}

div.experience_advance_recherche {
    position: absolute;
    right:10px;
}

div.experience_listings div#experience_description {
    display:none;
}

table.experience_listings_table { width:100%; }

table.experience_listings_table div.container {
    padding: 0 0px 20px 0; 
    max-width: 350px;
    width:100%; 
}

table.experience_listings_table div.image {
    float: left; 
    padding: 8px 10px 10px 11px; 
    background-image: url(../../images/shadow_pano_petit.jpg); 
    background-repeat: no-repeat; 
    max-width:110px;
    width:100%; 
}

table.experience_listings_table div.description {
    padding:0; 
    float: left; 
    max-width: 190px;
    width:100%; 
}

div.reportage_listings {
    padding: 0px 3.2894736842105263157894736842105% 40px 3.2894736842105263157894736842105%; /* 25px / 760px = 0.032894736842105263157894736842105 */
    width:93.421052631578947368421052631579%; 
}

div.reportage_listings div#reportage_title,
div.reportage_listings div#reportage_page_title {
    margin: 20px 0;
    font-size: 24px;
    font-family: myriad-pro, arial;
    font-weight: bold;
    color: #e8cc48;
    letter-spacing: 0px;
}

div.reportage_listings div#reportage_page_title {
    display:none;
}

div.reportage_listings div#reportage_description {
    display:none;
}

table.reportage_listings_table { width:100%; }

table.reportage_listings_table td {vertical-align:top;}

table.reportage_listings_table div.container {
    padding: 0 0px 20px 0; 
    max-width: 350px;
    width:100%; 
}

table.reportage_listings_table div.image {
    float: left; 
    padding: 8px 10px 10px 11px; 
    background-image: url(../../images/shadow_pano_petit.jpg); 
    background-size: 120px 90px;
    background-repeat: no-repeat; 
    max-width:110px;
    width:100%; 
    
}

table.reportage_listings_table div.image img {max-height:68px;}

table.reportage_listings_table div.description {
    padding:0; 
    float: left; 
    max-width: 190px;
    width:100%; 
}


.visionneuse_photo {
    float: left; 
    padding: 29px 0 0 51px;
}
.visionneuse_photo img { width:296px; height:198px; }
.visionneuse_description {
    float: left; 
    padding: 80px 0 0 37px; 
    width: 350px;
}

div.listing_title {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
}

div.listing_vedette_evenements {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
	display:none;
}

div.listing_vedette_activites {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
	display:none;
}

div.listing_vedette_hebergement {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
	display:none;
}

div.listing_vedette_explorer {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
	display:none;
}

div.listing_evenements_a_surveiller {
    margin-bottom: 15px; 
    width:100%;
    max-width:405px;
}



div.listing_top_pager {
    float: right; 
    width: 200px;
}

div.listing_photo {
    float: left; 
    padding: 15px; 
    background-image: url(../images/photo_bg_130_100_decouvrir.gif);
    background-repeat: no-repeat; 
    width: 140px;
}

div.listing_photo_2 {
    display:inline-block;
    padding: 15px; 
    background-image: url(../images/photo_bg_110_100.gif);
    background-repeat: no-repeat; 
    vertical-align:top;
}

div.listing_photo_3 {
    display:inline-block;
    padding: 15px; 
    background-image: url(../images/photo_bg_120_90_decouvrir.gif);
    background-repeat: no-repeat; 
    vertical-align:top;
}

div.listing_photo img {
    width:130px; 
    height:100px;
}

div.listing_photo_2 img {
    width:110px; 
    height:100px;
}

div.listing_photo_3 img {
    width:120px; 
    height:90px;
}

div.featured_listing_row {
    float: left; 
    width: 60%; 
    padding: 0 0 0 10px;
}

div.listing_top_pager div.PagerHeaderPrec {
    float:right;
}

div.listing_filter_label {
    float:left;
}

div.listing_filter_value {
    float:left;
}

div.listing_share { padding: 0 0 10px 0; float: right; }

div.listing_calendrier_filter {
    padding-left: 60px; 
    display: inline;
}

div.listing_featured {
    float:right; 
    padding-top:30px;
}

div.listing_featured_client {
    margin-left:10px;
}

div.listings_top_controls.controls { display:inline-block; }

.DrillDown_Container {
    display:block;
    border:1px solid #bfe5f2;
    border-radius:4px;
    width:94.972067039106145251396648044693%; /* 684px / 716px = 0.95530726256983240223463687150838 */
    padding:10px 2.0949720670391061452513966480447% 15px 2.0949720670391061452513966480447%; /* 15px / 716px = 0.02094972067039106145251396648045 */
}

.DrillDown_Container2 {
    display:block;
    width:94.972067039106145251396648044693%;/* 684px / 716px = 0.95530726256983240223463687150838 */
}

.DrillDown_Item {color:#666;}

.categorie_menu {
    float: right; 
    height: 11px; 
    padding-top: 5px
}

.clientliststandalone_right_description {
    float: left; 
    max-width: 460px;
    width:100%;
}

.clientliststandalone_right_description .listing_description_filter {
    display:inline-block;    
}

.clientlistreservation_right_description {
    float: left; 
    max-width: 440px;
    width:-webkit-calc(100% - 105px - 170px);
    width:calc(100% - 105px - 170px);
}

.clientlistreservation_price {
    float:right; 
    width:105px; 
    padding:10px 0px 0 0; 
    text-align:right;
}

.clientlistreservation_price.mobile { display:none;float:left;margin-left:10px; }

.clientlistreservation_left {float:left;max-width:170px;}

.produitliststandalone_right_description {
    display:inline-block; 
    /*max-width: 546px;*/
    width:calc(100% - 140px - 25px); 
    width:-webkit-calc(100% - 140px - 25px); 
    padding:10px; 
}

.produitliststandalone_right_description .left_description {
    padding: 0 0 0 0; 
    float: left;
    width:calc(100% - 98px - 10px);
    width:-webkit-calc(100% - 98px - 10px);
}

.produitliststandalone_right_description .right_controls {
    width:98px;
    float:right;
}

.produitliststandalone_right_description .right_controls .price {
    padding: 0 0 0 0; 
    float: right;
}

.produitliststandalone_right_description .right_controls .feature {
    float:right; 
    padding-top:10px;
}

.reservation_table {
    width:100%;
}

.reservation_table .PersonnesParChambres_table {
    max-width:294px;
    width:100%;
}

.reservation_table .region_ville {
    display:inline-block;
    float:left;
    padding: 0px 10px 0px 0px;
    border-right: 1px #fff solid;
    max-width:154px;
    width:100%;
}

.reservation_table .region_ville select {
    max-width:165px;
    width:100%;
    padding:1px;
}
.reservation_table .region_ville input[type=text] {
    max-width:149px;
    width:100%;
    padding:1px;
}

.reservation_table .date_nuit {
    display:inline-block;
    float:left;
    border-right: 1px #fff solid;
    max-width:113px;
    width:100%;
    padding:0 10px;
}

.reservation_table .personnes_par_chambre {
    display:inline-block;
    float:left;
    max-width:392px;
    width:100%;
    padding: 0px 0px 0px 10px;
}

.reservation_table .rating_classification {
    height:45px;
    position:relative;
}

.reservation_table .personnes_par_chambre .rating {
    display:inline-block;
}
.reservation_table .personnes_par_chambre .classification {
    display:inline-block;
    background-image: url(/images/bg_classification.gif); 
    background-repeat: no-repeat;
    width: 130px; 
    height: 20px; 
    padding-top:3px;
}



/* Listing pager */

div.table_pager {
    margin:10px 0 40px 0px;
}
div.table_pager div.prev_pager {
    display:inline-block;
    width:85px;
}
div.table_pager div.prev_group_pager {
    display:inline-block;
    width:22px;
}
div.table_pager div.numeric_pager {
    display:inline-block;
    min-width:286px;
    text-align:center;
}
div.table_pager div.numeric_pager_container {
    display:inline-block;
    width:calc(100% - 230px);
    width:-webkit-calc(100% - 230px); /* iOS */
    text-align:center;
}
div.table_pager div.next_group_pager {
    display:inline-block;
    width:22px;
}
div.table_pager div.next_pager {
    display:inline-block;
    width:85px;
}
div.table_pager div.mobile_prev_next_pager {
    display:none;
    width:100%;
    float:left; 
    margin-top:10px;
}
div.mobile_prev_next_pager div.mobile_prev,
div.mobile_prev_next_pager div.mobile_next {
    width:50%;
    height:20px;
    float:left;
}

/*------------------------- REGIONS TOURISTIQUES ----------------------------*/

table.regions_touristiques_table {
    padding-top: 0px;
    width:100%;
}

table.regions_touristiques_table td.map {
    padding: 0 15px 0 25px;
}

table.regions_touristiques_table td.list {
    padding: 20px 0 0 0px;
    vertical-align:top;
}

table.regions_touristiques_table div.list-container {
    padding:0px 0px 0px 2px; 
    max-width: 205px;
    width:100%;
}

div.regions_touristiques_reportages,
div.regions_touristiques_suggestions {
    margin-bottom: 15px; 
    max-width:405px;
    width:100%;
}

div.regions_touristiques_reportages_container,
div.regions_touristiques_suggestions_container {
    padding:25px 25px 30px 25px;
    float:left;
    width:calc(100% - 50px);
    width:-webkit-calc(100% - 50px);
}

div.regions_touristiques_header {
    padding: 25px 30px 0 25px; 
    max-width:690px;
    width:calc(100% - (25px + 35px));
    width:-webkit-calc(100% - (25px + 35px));
}


div.deplacer_au_quebec_category_block {
    padding: 40px 0px 20px 0; 
    max-width: 350px;
    width:100%;
    display:inline-block;
    float: left;
}

div.magazine_block {
    padding: 0px 30px 22px 30px;
    display:inline-block;
    max-width:700px;
    width:100%;
    background-color:#fff;
}

div.magazine_block.rubriques {
    padding: 0px 30px 0px 30px;
}

div.magazine_block.3-col {
    padding: 50px 30px 22px 30px;
}

table.magazine_table { width:100%; }

table.magazine_table tr td { vertical-align:top; }

div.magazine_block div.photo {
    background: url(../../images/cadre_bg_magazine.jpg) no-repeat; 
    width: 123px; 
    height: 90px; 
    padding: 10px 0 30px 12px; 
    float: left;
}

div.magazine_block div.right_description div.text {
    float: left; 
    width: 210px; 
    padding-top: 3px; 
}

div.magazine_block div.right_description div.description {
    padding: 5px 0 0 0; 
    width: 345px;
}

table.magazine_table div.photo {
    background: url(../../images/cadre_bg_magazine.jpg) no-repeat; 
    width: 123px; 
    height: 90px; 
    padding: 10px 0 0 12px; 
    float: left;
}

table.magazine_table div.text_left {
    float: left; 
    width: 205px; 
    padding: 3px 5px 0 0;
}

table.magazine_table div.text_right {
    float: left; 
    width: 215px;
    padding-top: 3px;
}

div.magazine_block.three-col table { width:100%; }

/*------------------------- FICHER ----------------------------*/

div.content_left_ficher div.produit_description {
    float: left; 
    width:100%; 
    max-width: 405px;
    padding: 22px 0px 0px 22px;
}

div.content_left_ficher div.produit_photo {
    float:right; 
    width:calc(100% - 44px); 
    width:-webkit-calc(100% - 44px); 
    max-width:295px;
    padding:22px 22px 0px 0px;
}

div.content_left_ficher div.produit_photo div.inner_photo {
    max-width:275px;
    width:-webkit-calc(100% - 20px);
    width:calc(100% - 20px); 
    border:1px solid #b7d1ec; 
    padding:10px 10px 10px 10px;
}

div.content_left_ficher div.bottom_sommaire {
    margin: 10px 0px 0px 0px; 
    padding:0 22px; 
    background-color:#FFF; 
    float:left;
}

div.forfait_ficher {
    margin-left:-20px;
}

div.forfait_ficher table {
    width:100%;
}

div.forfait_ficher table tr td.photo {
    padding: 0px 12px 0px 0px;
}
    
div.forfait_ficher table tr td.description {
    padding: 8px 10px 0px 0px;
    vertical-align:top;
}

ul.twoColumns { 
    max-width: 733px;
    width:100%;
    background-color:#fff;
}

ul.twoColumns li { 
    float: left; 
    max-width: 335px; 
    width:100%;
    padding-left: 20px; 
    margin-bottom: 3px; 
    display: block; 
    list-style: none; 
    min-height: 140px;
}

.commentSeRendre {padding: 4px 5px 0px 0px;}

div.content_left_ficher div.content_bottom {
    margin: 15px 22px 0px 22px;
    float:left;
    width:100%;
}

div.content_left_ficher div.content_bottom div.map {
    float: left; 
    width:100%;
    max-width: 716px; 
    margin: 0px 0px 5px 0px;
}

div.content_left_ficher div.content_bottom div.list {
    width:100%;
    max-width: 716px; 
    padding-bottom:20px;
}

div.content_left_ficher div.nav_client_container.mobile {
    display:none;
    float:left;
    width:100%;
}

div.content_left_ficher div.nav_client_container.full {
    display:block;
}

div.content_left_ficher div.nav_client_sommaire_container.mobile  {
    display:none;
    float:left;
    padding:0 22px;
    /*width:calc(100% - 44px); */
}

div.ficher_photo_container {
    margin: 22px; 
    /*width:calc(100% - 44px);*/
    max-width:722px;
}

div.ficher_photo_container div.ficher_photo_thumbnails {
    overflow: hidden; 
    width: 220px; 
    height: 334px;
    border: 0px solid red; 
    float: right;
}

div.ficher_photo_container div.main_img {
    clear: both; 
    float: left;
}

div.ficher_photo_container div.main_img img {
    float: left; 
    max-width: 488px; 
    width:100%;
    height: 334px;
}

div.ficher_photo_container div.controls {
    width:100%;
    max-width: 486px; 
    border:1px #b7d1ec solid; 
    border-top:0; 
    height:38px; 
    padding-top:8px;
}

/* Client Coor */

div.client_coordonnees {
    padding-bottom: 10px;
    float:left;
    /*max-width:405px; */
    width:100%;
}

div.client_coor {
    padding-top: 22px;
    margin: 0px 22px 22px 22px;
}

div.client_coor div.left {
    float: left; 
    width: 70%;
}

div.client_coor div.left div.addressTelMobile {
    display:none;
    width: 100%;
    float: left;
}

div.client_coor div.left div.addressTelMobile div.address {
    float: left;
    padding-right:20px;
    margin-bottom:10px;
}

a.link_telephone_mobile {
    position: relative;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    text-decoration:none; 
}

a.link_telephone_mobile span {
   position: relative;
   top:3px;
   left:4px; 
}

a.link_telephone_mobile.active {
    background:url(../images/boutons_FR-EN.gif) -259px -130px no-repeat;
}



div.client_coor div.right {
   float: right; 
}

div.client_coor div.right div.share {
   float:right; 
   margin-right:-5px; 
}

div.client_coor_table {
    display:block;
    width:100%;
    float:left;
}

div.client_coor_table div.client_coor_row {
    display:inline-block;
    width:50%;
    float:left;
    margin-top:10px;
}
div.client_coor_table div.client_coor_item.left {
    display:inline-block;
    width:40%;
}
div.client_coor_table div.client_coor_item.right {
    display:inline-block;
    width:60%;
}

div.ficher_reserver_container {
    margin: 20px 22px 20px 22px;
    float: left;
}

div.ficher_reserver_table {
    float:left;
    width:-webkit-calc(100% - 30px);
    width:calc(100% - 30px);
    padding: 15px;
    background-color: #DFEEFF;
}

div.ficher_reserver_table div.row_1 {
    width:100%;
    max-width:360px;
    display:inline-block;
    vertical-align:top;
}

div.ficher_reserver_table div.row_2,
div.ficher_reserver_table div.row_2 table {
    width:100%;
    max-width:296px;
    display:inline-block;
    vertical-align:top;
}

div.ficher_reserver_table div.row_1 div.block  {
    display:inline-block; 
    margin-right:20px;
    vertical-align:top;
}

div.ficher_reserver_table div.row_1 div.block.one img { vertical-align:bottom; }

div.ficher_reserver_container div.verdana11 { float:right; }

div.ficher_client_groupe_list { margin: 22px 22px 22px 22px; }

div.ficher_dispo_details { padding-top: 15px; }

div.content_left_ficher div.ficher_dispo_details div.image {
    float: left; 
    padding: 16px 17px 17px 17px; 
    background-image: url(/images/photo_bg_forfait145.gif); 
    background-repeat: no-repeat; 
}

div.content_left_ficher div.ficher_dispo_details div.image img.img {
    height:145px; 
    width:150px;
}

div.content_left_ficher div.ficher_dispo_details div.description {
    float: left; 
    max-width: 500px;
    width:100%; 
    padding-left: 15px; 
    line-height: 15px;
}

/*------------------------- SHOWCASE ----------------------------*/

div.content_left_showcase div#contentwrapper {
    width:calc(100% - 50px);
    width:-webkit-calc(100% - 50px);
    padding: 20px 25px 20px 25px;
    float:left; 
}

table.showcase_table {
    margin-left:-10px;
    max-width:510px;
    width:100%;
}

table.showcase_table td.image { width:150px;vertical-align:top; }

table.showcase_table td.description { padding: 0px 5px 0px 12px;width:calc(100% - 150px);width:-webkit-calc(100% - 150px); }

div.showcase_municipalite_ddl { float:right; padding:0 0 10px 0; }



div.idees_sorties_col_1 {
    float: left; 
    width:calc(100% - 290px);
    width:-webkit-calc(100% - 290px);
}

div.idees_sorties_col_2 {
    float: right; 
    width:100%;
    max-width: 290px;
}

div.idees_sorties_col_1 div.call_to_action {
    float: left;
    padding: 6px 235px 10px 0px;
}



/*------------------------- NAVBAR 2010 ----------------------------*/

/*NAVBAR */

#navwrapper {  
	max-width: 976px; 
	width:100%;
} 



#navlogo{  
	float: left; 
	max-width: 465px;
	width:100%;
	height:78px;
} 

#navfunctions {  
	text-align:right; 
	margin:8px 10px 0px 0px;
	max-width:423px;
	width:100%;
} 

#nav_top_left_links {
    float:right; 
    padding-top:1px;
}

#nav_top_left_links div.reservationMobile {
    display:none;
}

#nav_top_left_links div.reservationMobile a,
#nav_top_left_links div.reservationMobile a:link,
#nav_top_left_links div.reservationMobile a:visited,

#nav_top_left_links div.reservationMobile a:active {
    font-family: verdana;
    color:#FFF;
    text-decoration:none;
    font-size:14px;
    float:none;
}

#nav_top_left_links div.reservationMobile a:hover { text-decoration:underline; }

.topfunctions{  
	font-family: verdana;
	font-size: 11px;
	color:#FFF;
	text-decoration: none;	
	float:right;
	white-space:nowrap;
}

.topfunctions a:hover{
	font-family: verdana;
	font-size: 11px;
	color:#FFF;
	text-decoration: underline;	 
	float:right;
	white-space:nowrap;
}

#flb{  
    background: url(../images/icons.gif) -47px 0px no-repeat;  
    width:10px;
    height:20px; 
    float:right;
    margin:0px 3px 0px 0px;
}

#fb{  
    background: url(../images/icons.gif) 0px 0px no-repeat;  
    width:16px;
    height:16px; 
    float:right;
    margin:0px 5px 0px 12px;
    padding-bottom: 0px; 

} 

#tw{  
background: url(../images/icons.gif) -16px 0px no-repeat;  
width:15px;
height:16px; 
float:right;
padding-bottom: 0px; 
} 

#gp{  
    background: url(../images/icons.gif) -68px -371px no-repeat;  
    width:16px;
    height:16px; 
    float:right;
    margin:0px 5px 0px 12px;
    padding-bottom: 0px; 

}

#loupe{  
background: url(../images/icons.gif) -31px 0px no-repeat;  
width:12px;
height:16px; 
float:right;
margin-right:5px;
} 

.loupeMobile {  
    background: url(../images/icons.gif) -31px 0px no-repeat;  
    width:12px;
    height:16px; 
    float:right;
    margin-right:5px;
} 

#recherchewrapper{  
margin:4px 0px 1px 0px;
float:right;
} 

.fconnect{  
    background: url(../images/icons.gif) -67px -289px no-repeat;  
    width:58px;
    height:13px; 
    float:right;
    margin: 1px 1px 0px 1px;
    cursor:pointer;
}
.btnrechercher{  
/*background: url(../images/icons.gif) -61px 0px no-repeat;  
width:68px;
height:20px; */
float:right;
} 

.rechercher{  
    float:right;
    font-size:12px; 
    width:225px; 
    border: 0px;
    padding:2px 2px 3px 2px;
} 

.rechercher2{  
    float:right;
    font-size:12px; 
    width:80%; 
    border: 0px;
    padding:2px 2px 3px 2px;
    height:20px;
    margin-top:3px;
} 

#vsplitter{  
height:16px; 
float:right;
margin:0px 8px 0px 8px;
} 

#lignejaune{  
    max-width: 976px; 
    width:100%;
    background-color:#f6d84d; 
    height:5px;
} 

#lignegrise{  
    max-width: 976px; 
    width:100%;
    background: url(../images/icons.gif) 0px -20px repeat-x;  
    /*background-color: #666;*/
    height:3px;
} 

.rechercheAds1 {
    position:absolute;
    display:inline-block;
    vertical-align:top;
    /*float:right;*/
    width:206px;
    top:0px;
    right:0px;
}

.rechercheAds2 {
    display:inline-block;
    vertical-align:top;
    float:right;
    width:206px;
}

.rechercheAds3 {
    position:absolute;
    display:inline-block;
    vertical-align:top;
    width:206px;
    top:0px;
    right:0px;
}

.rechercheAds4 {
    display:inline-block;
    vertical-align:top;
    float:right;
    width:206px;
}

#navbuttons span {  
display: none;  
} 

#navbuttons li {  
list-style-type: none;  
float: left;  
}  


#sub li a {
   display: block;
   padding: 3px 8px;
   background-color: #5e8ce9;
   color: #fff;
   text-decoration: none; }
#sub li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #69f;}
#sub li:hover ul, #navbardrop li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#sub li:hover li, #navbar li.hover li {
   float: none; }
#sub li:hover li a, #navbar li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #000; }
#sub li li a:hover {
   background-color: #8db3ff; }


/*--------------------------------------- NAV MOBILE ------------------------------------ */

.navMobile {
    background-color:transparent;
    display: none;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0 0 0;
    position: relative;
    background:url(../images/navbar/navbartop_background.png) repeat-y;
}

.navMobileBouton {
    width:40%;
    display:inline-block;
    padding:12px 0px;
    background:url('../images/icon-png2x.png') no-repeat 20%;
    background-size:22px;
    font-weight:bold;
    font-size:14px;
    border-right:5px solid #fff;
    vertical-align:top;
}

.navMobileRecherche {
    width:60%;
    display:inline-block;
}

#pull {
    padding:5px 45%;
    
}
.navMobile a:link, .navMobile a:visited, .navMobile a:hover, .navMobile a:active {
    color:#FFF;
    text-decoration:none;
}
.navMobile ul {
    padding-left:0px;
    width:240px;
    background-color: #fff;
}
.navMobile li 
{
    margin:2px 0px;
    width: 100%;
	border-radius:5px;
	font-weight:bold;
	background-image:url('../images/gt.png'), url('../images/navbar_butons/navbar_background.png');
	background-size:10px;
	background-repeat:no-repeat, repeat-x;
	background-position:95% center;
}
.navMobile li:hover a
{
    color:#f6d84d;
}
.navMobile li a
{
    padding:12px 10px;
	display: block;
	text-transform: uppercase;
	font-family: 'ArialNarrow',Arial,Helvetica,sans-serif;
}

.navMobileMenu 
{
    display:none;
	position: absolute;
	width: 100%;
	z-index: 1300;
	text-align: left;
	padding: 5px 0px;
	top: 36px;
}
.navMobileSubMenu 
{
	width: 50%;
	display: none;
	background-color: #FCFAFA;
	top: 5px;
	font-size: 14px;
	font-size: 14px;
	font-family: 'ArialNarrow', Arial, Helvetica, sans-serif;
}

.navM1SubItem
{
    padding:3px 0px;
    margin-left:15px;
    /*border-bottom:1px dashed #a1a1a1;*/
}
.navM1SubItem:last-child
{
    border-bottom:none;
}
.navM1SubItem:hover 
{
    background-color:#ccc;
}

/*--------------------------------------- NAVBAR HOVER MENU ------------------------------------ 
#navbuttons li ul {
	display: none; 
}
#navbuttons li:hover ul {
	display: block;
	position: absolute;
}
#navbuttons li:hover li {
	float: none; 
}
#navButtonsSubActivites{
	background: url(../images/navbar_boutons.gif) 0px -91px no-repeat;
	height: 120px;  
	width: 279px;  
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	
	
}
#liattractions{height:26px;} 
#liEvenements{height:26px;} 
#liActivites {height:33px;} 
#liSorties{height:26px;} 

#liattractions a:hover {  
	background: url(../images/navbar_boutons.gif) -280px -124px no-repeat;  
	/*background: url(../images/navbar_boutons.gif) -280px -150px no-repeat; 
	height:26px;
} 

#liEvenements a:hover {  
	background: url(../images/navbar_boutons.gif) -280px -150px no-repeat;  
	height:26px;
} 

#liActivites a:hover {  
	background: url(../images/navbar_boutons.gif) -280px -91px no-repeat;  
	height:33px;
} 
#liSorties a:hover {  
	background: url(../images/navbar_boutons.gif) -280px -176px no-repeat;  
	height:26px;
} 
*/

/*--------------------------------------- MONQUEBECVACANCES HOVER MENU ------------------------------------ */
#MonQuebecVacances ul {
	display: none; 
}
#MonQuebecVacances:hover ul {
	border: solid 1px #64bfeb;
	text-align:left;
	display: block;
	background-color:White;
	font-family: verdana;
	font-size: 11px;
	border: solid 1px #7bcff7;
	width:158px;
	position: absolute;
	padding: 5px 12px 5px 17px;
	margin: 0 0 0  -24px;
}
#MonQuebecVacances:hover ul li {
	text-align:left;
	height:20px;
	list-style-type: none;  
	margin: 6px 0 0 -7px;
	text-align:left;
	list-style-type: none;  
}
#MonQuebecVacances:hover li a {
	color: #42a6d6;
	text-decoration:none;
	padding: 0 0 0 0px;
	text-align:left;
	float:left;
}
#MonQuebecVacances:hover li a:hover {
	text-decoration:underline;
}
.MonQuebecVacancesSousMenuDiv
{
	margin: 6px 5px 0 11px;
	height:1px;
	border-bottom: solid 1px #d6efff;
	z-index:10000 !important;
}
.MonQuebecVacancesFlecheGauche{  
	background: url(../images/icons.gif) 0px -44px no-repeat;  
    width:8px;
    height:20px; 
    float:left;
    margin: -1px 5px 0 0;

}




/*--------------------------------------- RECHERCHEAVANCEE HOVER MENU ------------------------------------ */
#RechercheAvancee ul {
	display: none; 
}
#RechercheAvancee:hover ul {
	border: solid 1px #64bfeb;
	text-align:left;
	display: block;
	position: absolute;
	background-color:White;
	font-family: verdana;
	font-size: 11px;
	border: solid 1px #7bcff7;
	width:158px;	
	padding: 5px 12px 5px 17px;
	margin: 14px 0 0  -24px;	
}
#RechercheAvancee:hover ul li {
	text-align:left;
	height:20px;
	list-style-type: none;  
	margin: 6px 0 0 -7px;
	text-align:left;
	list-style-type: none;  
}
#RechercheAvancee:hover li a {
	color: #42a6d6;
	text-decoration:none;
	padding: 0 0 0 0px;
	text-align:left;
	float:left;
}
#RechercheAvancee:hover li a:hover {
	text-decoration:underline;
}
.RechercheAvancee {
    float: right; padding: 0 1px 15px 0;
}
.RechercheAvanceeSousMenuDiv
{
	margin: 6px 5px 0 11px;
	height:1px;
	border-bottom: solid 1px #d6efff;
	z-index:10000 !important;
}
.RechercheAvanceeFlecheGauche{  
	background: url(../images/icons.gif) 0px -44px no-repeat;  
    width:8px;
    height:20px; 
    float:left;
    margin: -1px 5px 0 0;

}

/*--------------------------------------- FOOTER ------------------------------------ */

div.footerWrapper {
    background-color: #e8f5f9; 
    margin: auto;
    padding-bottom:10px;
    float: left;
    width:100%;
}

div.footer_table {
    width:100%;
    padding: 15px 0px 22px 0px;
    float:left;
}

div.footer_row,
div.footer_row_header {
    width:100%;
}

div.footer_cell,
div.footer_cell_header {
    display:inline-block;
    vertical-align:top;
    width:24%;
    float:left;
}

div.footer_cell_header {
    padding-bottom: 10px;
}

div.footer_cell.cell_1,
div.footer_cell_header.cell_1 {
   
    width:24.034334763948497854077253218884%; /* 224 / 932 = 0.24034334763948497854077253218884 */
    padding-left:2.1459227467811158798283261802575%; /* 20 / 932 = 0.02145922746781115879828326180258 */
}
div.footer_cell.cell_2,
div.footer_cell_header.cell_2 {
    width:28.326180257510729613733905579399%; /* 264 / 932 = 0.28326180257510729613733905579399 */
}
div.footer_cell.cell_3,
div.footer_cell_header.cell_3 {
    width:22.424892703862660944206008583691%; /* 209 / 932 = 0.22424892703862660944206008583691 */
}
div.footer_cell.cell_4,
div.footer_cell_header.cell_4 {
    width:23.068669527896995708154506437768%; /* 215 / 932 = 0.23068669527896995708154506437768 */
}

div.footer_row_mobile {position:relative;}

div.footer_row_mobile div.navMobileMenuFooter
{
    display:none;
	position: absolute;
	z-index: 1300;
	text-align: left;
    width:200px;
    bottom:0px;
    background-color:#fff;
}

div.footer_row_mobile div.navMobileMenuFooter.menu_1 { left:1.0958904109589041095890410958904%; }
div.footer_row_mobile div.navMobileMenuFooter.menu_2 {
    margin: 0px auto;
    right: -50%;
    left: -50%;
}

div.footer_row_mobile div.navMobileMenuFooter.menu_3 { right:1.0958904109589041095890410958904%; }

div.footer_row_mobile div.navMobileMenuFooter ul li {
    margin:2px 0px;
    width: 100%;
	border-radius:5px;
	font-weight:bold;
	background-image:url('../images/gt.png'), url('../images/navbar_butons/navbar_background.png');
	background-size:10px;
	background-repeat:no-repeat, repeat-x;
	background-position:95% center;
}

div.footer_row_mobile div.navMobileMenuFooter ul li a {
    padding: 5px 10px;
    display: block;
    text-transform: uppercase;
    font-family: 'ArialNarrow',Arial,Helvetica,sans-serif;
    color: #fff;
}

div.footer_row_mobile div.navMobileMenuFooter ul { list-style:none; }

div.footer_logo_line {
    width:100%;
    padding: 15px 0px 0px 0px;
    border-top: 1px solid #d8edf3;
    float:left;
}

div.footer_logo_line_cell {
    display:inline-block;
    vertical-align:top;
}

div.footer_logo_line_cell.cell_1 {
    width:162px;
    padding: 0 9px 0 8px;
    background-color:#fff;
}

div.footer_logo_line_cell.cell_2 {
    width:auto;
    padding: 0 0 0 12px;
}

div.footer_logo_line_cell.cell_3 {
    float:right;
}

div.mobile_footer_320 {
    display:none;
    width:95%;
    float:left;
    border-top:2px solid #2A9BD3;
    border-bottom:2px solid #2A9BD3;
    padding:10px 0;
    margin:10px 2.5%;
    color:#0087ca;
    font-weight:bold;
    text-align:center;
}

/*--------------------------------------- FORMULAIRES ------------------------------------ */
/*--------------------------------------- top nav des formulaires ------------------------------------ */

#navFormulaires {  
	height: 24px;  
	width: 100%;  
	margin: 0 auto;  
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #0087ca;
  	text-decoration: none;
  	background-color:#e6eef2;
}
#navFormulaires li {  
	list-style-type: none;  
	float: left;  
	border-right:solid 0px white;
	padding: 5px 15px 5px 15px;
}  
#navFormulaires a {  
	display: block;
	color: #0087ca;
  	text-decoration: none; 
} 
#navFormulaires a:hover {  
	display: block;
	color: #0087ca;
  	text-decoration: underline; 
} 
.navFormulairesOn 
{
	display: block !important;
  	text-decoration: none !important; 
	background-color:white;
}
.navFormulairesOn a
{
	color: #EBC014 !important;  /*ICI la couleur du texte*/
}

/*--------------------------------------- Formulaire coordonnees ------------------------------------ */
.coordLeftColumn /* label column*/
{
	margin-left:25px;
	float:left;
	width:90px;
	text-align:right;

}
.coordRightColumn /* forms column*/
{
	padding: 0px 0 0 130px;

}
/*--------------------------------------- Formulaire préférences ------------------------------------ */
.preferencesRows
{
margin:20px 0 0 0; 
float:left; 
width:100%;
}

/*--------------------------------------- Formulaire mot de passe ------------------------------------ */

.mdplabel{
margin:0 0 3px 0
}

/*--------------------------------------- Formulaire mot de passe perdu------------------------------- */

.mdpPerduLeftColumn /* label column*/
{
	float:left;
}
.mdpPerduRightColumn /* forms column*/
{
	padding: 0px 0 0 65px;

}

/*--------------------------------------- Formulaire Inscription ------------------------------------ */
.inscriptionRows
{
margin:0px 0 7px 0; 
float:left; 
width:100%;
}
.inscriptionlabelRows
{
margin:0px 0 1px 0; 
padding:3px 0 2px 0;
float:left; 
width:100%;
}
/*--------------------------------------- Formulaire abonnements ------------------------------------ */

.aboChk{
float:left;
margin:0 6px 0 0;
}

.btnConsultezle{
border:solid #9CF 1px; 
padding:2px;
float:right; 
width:80px; 
text-align:center;
}


/*--------------------------------------- Formulaire tous ------------------------------------ */
.errorSummary
{

	background-color:#ffefef;
	color:#c60000 !important;
	border : solid 2px #c60000;
	line-height:15px;
	padding: 10px  10px 10px 10px;
	min-width:400px;
	max-width:500px;
}
.errorSummaryBoutonFermer
{
    float:right;
	border : solid 1px #c60000;
    background: #ffffff;
	font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
	font-weight:bold;
    padding: 2px 7px 3px 7px;
	color:#c60000 !important;
	cursor:pointer;
}

.errorExclamationBig
{
	background: url(../images/icons.gif) no-repeat 0px -213px;  
	padding: 0px  0px 0px 0px;
	height:40px;
	width:45px;
	float:left;
}
.errorTitle
{
	font-weight: bold;
	font-size:11px;
	color:#000;
	padding: 10px  0px 0px 14px;
	float:left;
}

.errorTexte
{
	font-weight: normal;
	font-size:11px;
	color:#c60000 !important;
	margin:5px 0 10px 60px;
	width:100%;

}

.imageErreurFormulaire
{
	position:absolute;
}


/*MODAL POPUP*/

.iFrame {
    /*width:500px;*/
    width:100% !important;
    height:200px;
}

.masterFormulaire
{
	background-image:none;
	background-color:White;
	margin: 0 0 0 0 ;
}

#masterFormulaireDiv
{
    width:100% !important;
    max-width: 825px; 
    height: 250px;
}

.masterFormulaireDivTitle
{
	height : 30px;
	padding : 6px 10px 4px 10px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:white;
	background-color: #3e99ce;/*title bck couleur*/
}
.masterFormulaireDiv2eModal /*modal popup border*/
{
	background-image: none;
	background-color:#ffcc32;
	height:100%;
}
.masterFormulaireDiv2eModalTitle
{
	margin : 0px 22px 0px 22px;
	padding : 10px 0 4px 0;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
}
.masterFormulaireDiv2eModalForm
{
    border:1px solid #ffcc32;
    background-color:White;
    padding: 10px 12px 16px  22px;
}
#divRecherche .top_title {
    margin: 40px 10px 10px 40px; 
    max-width: 625px;
    width:100%; 
    padding: 0px 0 0px 0;
}
#divRecherche .top_title_2 {
    margin:31px 10px 10px 40px; 
    max-width:625px;
    width:100%; 
    padding:0; 
    float: left;
}
#divRecherche .top_title_3 {
    margin:40px 10px 10px 40px; 
    max-width:700px; 
    width:100%;
    padding:0;
}
#divRecherche .top_title .left,
#divRecherche .top_title_3 .left {
    font-size: 18px; 
    float: left; 
    padding: 3px 0 20px 0;
    max-width: 355px;
    width:100%;
}
#divRecherche .top_title .right,
#divRecherche .top_title_3 .right {
    font-size: 18px; 
    float: left; 
    padding: 3px 0 20px 0;
}
#divRecherche .left_ddls {
    margin-left: 40px; 
    float: left; 
    width: 345px; 
    border-right: solid 1px #e1f2fa;
}
#divRecherche .left_ddls select {
    max-width:215px;
    width:100%;
}
#divRecherche .right_checkboxes {
    float: left; 
    width: 380px; 
    padding: 0px 0 0 30px; 
    margin-top: -7px;
}
#divRecherche .right_reservation_info {
    float: left; 
    width: 350px; 
    margin: 0px 0 0 30px; 
    padding: 15px 15px 15px 20px;                 
    background-color: #e1f2fa;
}
#divRecherche .right_listings {
    margin: 0 0 0 30px; 
    max-width: 380px;
    width:100%; 
    float: left;
}

#produit_result {
    max-width: 400px;
    width:100%; 
    margin-top: -10px;
}

#produit_result .produit_result_table_container table {
    max-width:420px;
    width:100%;
}

#produit_result .produit_result_table {
    width:100%;
    max-width:400px;
    padding:0px 0px 5px 0px;
    margin-left:0px;
}

.ligne
{
	height:28px;
	margin-top:0px;
	padding-bottom:5px;
}
.RightSideButton
{
	float:right;
	padding: 0 45px 30px 0;  /*ICI tu peux changer le padding right et bottom*/
	bottom:0px;
	right:0px;
	position:fixed;
	
}
.LeftSideButton
{
	float:left;
	padding: 0  20px 20px;  /*ICI tu peux changer le padding right et bottom*/
	bottom:0px;
	right:0px;
	position:fixed;
}
.RightSideButton2eModal
{
	float:right;
	padding: 0 20px 20px 0;  /*ICI tu peux changer le padding right et bottom*/
	bottom:0px;
	right:0px;
	position:fixed;
}
.RightSideButtonInDiv
{
	float:right;
	padding: 0 20px 20px 0;  /*ICI tu peux changer le padding right et bottom*/
	bottom:0px;
	right:0px;
}
.label
{
	width:90px;
	padding-top:4px;
}
.field 
{
	font-size: 11px;
	font-family: Verdana;

}
.leftColumn
{
	margin-left:60px;
	float:left;
	width:330px;
}
.rightColumn
{
	float:right;
	width:400px;
	padding: 0px 0 0 30px;
}
.right
{
	float:right;
}
.left
{
	float:left;
}
.clearBoth
{
	clear:both
}
.checkboxListAndTitle
{
	padding: 10px 0px 0px 5px;
}
.doubleColumn
{
	margin-left:60px;
	width:625px;
}
.verticalCentered
{
	text-align:center;
}
.verticalRight
{
	text-align:right;
}
.closeButton
{
	position:absolute;
	left:747px;
	top:17px;
}

.sectionMilieuTitle
{
	position:absolute;
	left:520px;
	top:15px;
}
.centeredWaitPanel
{
	vertical-align:middle;
	text-align:center;
}

.nvlrecherche
{
	border-style: solid;
	border-width: 1px;
	position:relative;
	top:-42px;
	left:580px;
	color:#42828e;
	border-color: inherit;  
	background-color: #f8fcfd;  
	padding:3px;
}


/*---------------------- CSS 2010 -------------------------*/

/* Rounded corners (no-images) */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #fff;
background-color:#fff;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
margin: 0 auto;
max-width: 847px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;

}
.xb1, .xb2, .xb3 {
height:1px;

}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.xb1 {
margin:0 3px; /*5*/
background:#fff;
}
.xb2 {
margin:0 1px;/*3*/
border-width:0 2px;
}
.xb3 {
margin:0 1px;/*2*/
}
.xb4 {
height:2px; 
margin:0 0px;/*1*/
}

.xboxcontent {
display:block; 
border:0 solid #fff; 
border-width:0 1px; 
height:auto;
background-color:#fff;
padding-top:5px;
}

* html .xboxcontent {
height:1px;
}

.color_a {
background:#fff;
color:#fff;
}

.listStandAloneImage1 {
    float:left; 
    padding:15px; 
    background-image: url(/images/photo_bg_110_100.gif);
    background-repeat:no-repeat; 
    width:120px; 
    float:left
}

.listStandAloneImage1 img {
    width:110px;
    height:100px;
}

div.listStandAloneDescription1 {
    float: left; 
    max-width: 540px;
}

table.listStandAloneDescriptionTable1 {
    margin-top: 10px; 
    float:left
}

div.listStandAloneDescription1 div.experience,
div.listStandAloneDescription1 div.author,
div.listStandAloneDescription1 div.date {
    display:inline-block;
}
div.listStandAloneDescription1 div.author,
div.listStandAloneDescription1 div.author a,
div.listStandAloneDescription1 div.author span {
    float:left;
}

div.listStandAloneDescription1 div.author span {
    margin-right:5px;
}

div.listStandAloneResultsWrapper {
    padding: 25px 0 0px 1px; 
    min-height: 21px
}

div.listStandAlonePagingWrapper {
    float: right; 
    width: 200px;
}

.listings_page_title {
    padding: 0px 0 6px 0; 
    float: left; 
    color: #c36119; 
    font-size: 20px;
}
.listings_page_share {
    float: right; 
    padding: 0 1px 0 0;
}

.loupe {
	background: url(../images/icons.gif) -261px -0px no-repeat;
	width:23px;
	height:26px;

}

.modelistoucarte {
    float:left;
}

.sorting {
    float: right; 
    padding: 1px 0 0 0px;
}

.top_google_ad {
    padding: 0 0 5px 0; 
    text-align:center;
}

#centerpagewrapper1 {  
    padding: 20px 22px 20px 22px;
    width:calc(100% - 44px); 
    width:-webkit-calc(100% - 44px);   
} 

/* Rounded contour */
.t {background: url(../images/coin_t.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/coin_b.gif) 0 100% repeat-x;}
.l {background: url(../images/coin_l.gif) 0 0 repeat-y;}
.r {background: url(../images/coin_r.gif) 100% 0 repeat-y;}
.bl {background: url(../images/coin_bl.gif) 0 100% no-repeat;}
.br {background: url(../images/coin_br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/coin_tl.gif) 0 0 no-repeat;}
.tr {background: url(../images/coin_tr.gif) 100% 0 no-repeat; padding:15px; padding-top:10px;} 

/* Photo player - onglet photo */
.smallprevious {
	background: url(../images/icons.gif) -0px -194px no-repeat;
	width:20px;
	height:17px;
	margin:2px 3px 0 5px;
	float:left;
	}
.smallnext {
	background: url(../images/icons.gif) -42px -194px no-repeat;
	width:20px;
	height:17px;
	margin:2px 3px 0 0;
	float:left;
	}

.smallpause {
	background: url(../images/icons.gif) -22px -194px no-repeat;
	width:17px;
	height:17px;
	margin:2px 3px 0 0;
	float:left;
	}
.smallplay {
	background: url(../images/icons.gif) -97px -194px no-repeat;
	width:17px;
	height:17px;
	margin:2px 3px 0 0;
	float:left;
	}
	
.smallzoom {
	background: url(../images/icons.gif) -70px -194px no-repeat;
	width:25px;
	height:17px;
	margin:2px 3px 0 0;
	float:right;
	}
	

	
.photocornerleft{
	background: url(../images/icons.gif) -116px -162px no-repeat;
	width:8px;
	height:5px;
	float:left;
	background-color:#d6eff7;
	}
	
.photocornerright{
	background: url(../images/icons.gif) -125px -162px no-repeat;
	width:8px;
	height:5px;
	float:right;
	background-color:#d6eff7;
	}
	
/* Photo player - POPUP */
.photoPopupWrapper
{
	max-width:600px;
	width:-webkit-calc(100% - 24px);
	width:calc(100% - 24px);
	/*height:440px;*/
	background-color:White;
	padding: 12px 12px 12px 12px;
}
.photoPopupPlay
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('../images/icons.gif') no-repeat -102px -131px;
    width:34px;
	height:29px;
	float:left;
}
.photoPopupPause
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('../images/icons.gif') no-repeat -39px -162px;
    width:34px;
	height:29px;
	float:left;
	}
.photoPopupNext
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('../images/icons.gif') no-repeat -76px -162px;
    width:36px;
	height:29px;
	float:left;
	margin-left:6px;

}
.photoPopupPrevious
{
	background: url('../images/icons.gif') no-repeat -0px -162px;
	width:36px;
	height:29px;
	float:left;
	margin-right:6px;
}
.photoPopupClose
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('../images/icons.gif') no-repeat -118px -107px;
    width:18px;
	height:18px;
	cursor:pointer;
	float:right;
	
}
.smallcountPopup {
	width:231px;
	margin:3px 0px 0 10px;
	float:left;
	}
	
	
/* Paging header - résultat de recherche */
	
.lignebleu {
	height:8px; 
	background-color:#d6eff7; 
	margin-bottom:10px;
	margin-top:2px;
	}
	
.flechesuivant {
	background: url(../images/icons.gif) -10px -47px no-repeat;
	width:7px;
	height:10px;
	}
	
.flecheprecedent {
	background: url(../images/icons.gif) -22px -47px no-repeat;
	width:7px;
	height:10px;
	}

.flechetridownoff:hover, .flechetridownon{
	background: url(../images/icons.gif) -102px -86px no-repeat;
	width:19px;
	height:18px;
	float:left;
	margin-left:3px;
	}
.flechetridownoff{
	background: url(../images/icons.gif) -102px -67px no-repeat;
	width:19px;
	height:18px;
	float:left;
	margin-left:3px;
	}
.flechetriupoff:hover, .flechetriupon{
	background: url(../images/icons.gif) -122px -86px no-repeat;
	width:19px;
	height:18px;
	float:left;
	margin-left:3px;
	}
.flechetriupoff{
	background: url(../images/icons.gif) -122px -67px no-repeat;
	width:19px;
	height:18px;
	float:left;
	margin-left:3px;
	}

.clientListActivePage
{
    font-weight:bold;
    background-color: #0087c9;
    color:#fff !important;
    text-decoration:none !important;
}
.boutonExpand
{
	background: url(../images/icons.gif) -93px -50px no-repeat;
	width:11px;
	height:11px;
	float:right;
}
.boutonCollapse
{
	background: url(../images/icons.gif) -128px -108px no-repeat;
	width:11px;
	height:11px;
	float:right;
}

.tbpadding
{
padding: 2px 2px 2px 2px;
}

.doublearrow{
	background: url(../images/icons.gif) -33px -46px no-repeat;
	width:13px;
	height:11px;
	float:right;
	margin-left:5px;
	}
.doublearrowNotRight{
	background: url(../images/icons.gif) -33px -46px no-repeat;
	width:13px;
	height:11px;
	margin-left:5px; 
	display:inline-block;  
	
	}
	
.itinerairelabel{
	font-weight:bold; 
	float:left; 
	width: 70px; 
	padding:0 10px 2px 0
	}
	
.itinerairedata{
	float:left; 
	idth: 230px; 
	padding:0 0 2px 0
	}
/*
.btnPaginglist {  
background: url(../images/btn_paginglist.gif) 0px 0px no-repeat ;
width:89px;
height:21px;
color:#FFF;
text-align:center;
padding-top:3px;
margin:0px 0px 0px 2px;
float:right;
} 
*/


/*---------------------- NAVBAR FICHE CLIENT 2010 -------------------------*/

.nav_client,
.nav_client_sommaire {
    background: url(../images/icons_fiche.gif) 0px 0px repeat-x; 
    padding: 0px 10px 0px 20px;
    height: 30px;
    display:inline-block;
    width:calc(100% - 30px);
    width:-webkit-calc(100% - 30px);
}

.nav_client_showcase {
    width:100%;
}

.nav_client_showcase ul#navclient {
    height:auto;
    margin:10px 0 20px 0;
}
    
.nav_client_showcase ul#navclient li {
    float:none;
}
    
.nav_client_showcase ul#navclient li a,
.nav_client_showcase ul#navclient li a:link,
.nav_client_showcase ul#navclient li a:visited,
.nav_client_showcase ul#navclient li a:hover,
.nav_client_showcase ul#navclient li a:active {
    background-color:#E8853D !important;
    margin:0 0 3px 0;
    padding-top:10.5px;
    padding-bottom:10.5px;
    height:auto;
    text-align:center;
    color:#fff !important;
    font-size:14px;
    font-weight:bold;
    width:167px;
}
    
.nav_client_showcase li.navclientActive,
.nav_client_showcase li.navclientActive a { background:url("../images/LinkFicherArrow.png") no-repeat 2px center !important;background-color:#000; }

.nav_client_showcase ul#navclient li.navclientActive a,
.nav_client_showcase ul#navclient li.navclientActive a:active
{
    background-color:#eab13b !important;
}


div.content_left_showcase div.nav_showcase_container.mobile,
div.content_left_showcase div.nav_showcase_container.mobile div.nav_client,
div.nav_showcase_container div.nav_client_showcase { display:none; }

div.content_left_showcase div.nav_showcase_container div.nav_client_top { padding: 25px 25px 10px 25px; }

.suggestions_mobile {display:none;margin-bottom:20px;}

#navclient,
#navclient_always_full {  

	height: 30px;  
	width: 100%;  
	margin: 0 auto;  
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0087ca;
  	text-decoration: none;

	}
 
* { margin: 0px; padding: 0px; }


#navclient li,
#navclient_always_full li {  
list-style-type: none;  
float: left;  
}  

#navclient a,
#navclient_always_full a {  
    height: 30px;  
    display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0087ca;
  	text-decoration: none; 
	padding:9px 14px 0px 14px;
	
} 

#navclient a:hover,
#navclient_always_full a:hover {  
    height: 30px;  
    display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0087ca;
  	text-decoration: underline; 
	padding:9px 14px 0px 14px;
	
} 


/* ------------------------- */
/* ACTIVE ELEMENTS */
.navclientActive,
.navclientActive_2 {
    background: url(../images/icons_fiche.gif) 0 -60px repeat-x;
    padding:-8px -10px 0px -10px;
    color:#cc9933;
}
.navclientActive a:link, .navclientActive a:visited, .navclientActive a:visited, .navclientActive a:hover,
.navclientActive_2 a:link, .navclientActive_2 a:visited, .navclientActive_2 a:visited, .navclientActive_2 a:hover {
    background:url(../images/navClientAfter.gif) right 0 no-repeat;
    color:#cc9933 !important; /* couleur du lien quand on est ON - Garder le !important pour overwriter le inherit */
} 
.tabClientCarte .ajax__tab_header 
{
    background:url(/images/tab-line.png) repeat-x bottom;
    display:block;
    padding-left:0px;
    font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #0087ca;

}
.tabClientCarte .ajax__tab_outer 
{
    background:url('../images/icons.gif') no-repeat 0px -106px;
    margin-right:4px;/* Spacing entre les boutons*/
    height:24px;
    width:99px;
	text-align:center;
}
.tabClientCarte .ajax__tab_outer:hover{	
    cursor:pointer;
	text-decoration:underline;
}

.tabClientCarte .ajax__tab_header .ajax__tab_inner 
{
    background:url('../images/icons.gif') no-repeat -10px -106px;
    padding:5px 0px 0px 0px;
}
.tabClientCarte .ajax__tab_active .ajax__tab_outer 
{
    background:url('../images/icons.gif') no-repeat 0px -131px;
    height:24px;

}
.tabClientCarte .ajax__tab_active .ajax__tab_inner 
{
    background:url('../images/icons.gif') no-repeat -10px -131px;
	height:24px;
}


/* VISIONNEUSE tabClientPageEntree theme */
.tabClientPageEntree 
{
	width:400px;
}

.tabClientPageEntree .ajax__tab_header 
{
    background:url(/images/tab-line.png) repeat-x bottom;
    display:block;

    font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #0087ca;
	padding-left:8px;
}
.tabClientPageEntree .ajax__tab_outer 
{
    background:url('../images/icons.gif') no-repeat 0px -106px;
    margin-right:4px;/* Spacing entre les boutons*/
    height:24px;
    width:99px;
	text-align:center;
}
.tabClientPageEntree .ajax__tab_outer:hover{	
    cursor:pointer;
	text-decoration:underline;
}

.tabClientPageEntree .ajax__tab_header .ajax__tab_inner 
{
    background:url('../images/icons.gif') no-repeat -10px -106px;
    padding:5px 0px 0px 0px;
}
.tabClientPageEntree .ajax__tab_active .ajax__tab_outer 
{
    background:url('../images/icons.gif') no-repeat 0px -131px;
    height:24px;

}
.tabClientPageEntree .ajax__tab_active .ajax__tab_inner 
{
    background:url('../images/icons.gif') no-repeat -10px -131px;
	height:24px;
}
.tabClientPageEntree .ajax__tab_body /* border autour de la visionneuse*/
{ 
	border-bottom:solid 0px #fff;   /*border-bottom:solid 1px #c4def5;*/     
	border-left:solid 0px #fff;        
	border-right:solid 0px #fff;        
	
}  

.tabClientPageEntreeVisionneuse
{
    border-bottom:solid 0px #fff;        
	border-left:solid 0px #fff;        
	border-right:solid 0px #fff;   
    border-top:solid 0px #fff;
    width:400px;   
 }

/* Général - 11 pixels noir */
.article_typographie_generale_noir {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
		
}

.photo_wrapper{
	padding: 0px 10px 0px 0px;
	border:0px;
	float:left; 
	clear:left; 
	width:50px;
	
}

.photo_caption{
	margin:0px 0px 0px 0px; 
	font-weight:normal;
	padding:0px 15px 0px 0px;
	color: #333333;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		line-height:11px;
}


/* ------------------------------ FICHE CLIENT CARTE -------------------------------------*/

/*---------------------- NAVBAR CLIENT CARTE 2010 -------------------------*/


.pointDepart
{
    background:url('../images/icons.gif') no-repeat -75px -215px;
    width:21px;
    height:38px;
    float:left;
}

.pointArrive
{
    background:url('../images/icons.gif') no-repeat -98px -215px;
    width:21px;
    height:38px;
    float:left;
}
.btnFiltrer{
    background:url('../images/icons.gif') no-repeat -46px;
    width:45px;
    height:20px;
}

.divProximiteCarte
{
    border-bottom:1px solid #cce1f5;
    height:22px;
}

/* Fil d'Arianne */

.bgfilarianne{
	background-image: url(../images/transparent_40.png); background-repeat: repeat;
	/*background-color:#eff2f7;*/
}
.filarianne {	
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-size:11px;	
}

.filarianne a{	
	color:#0087ca;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-size:11px;	
}

.filarianne a:hover{	
	color:#0087ca;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.filarianne_terminus{	
	color:#0087ca;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:11px;	
}

.description_client
{
text-align: justify;
padding: 5px 15px 2px 0px;
}

.photo_fiche
{
	padding:4px 20px 5px 0px;

	border:0px;
}

/* Polices */
/* 

.arial10 a {	
	color:#0a72c2;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	
}
.arial10 a:hover {	
	color:#0a72c2;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:10px;	
}
*/
.arial11 {	
	color:#333333;
	font-family: arial;
	text-decoration:none;
	font-size:10px;	
	letter-spacing:0px;
}

.arial11 a{	
	color:#0087ca;
	font-family:arial;
	text-decoration:none;
	font-size:10px;	
		letter-spacing:0px;
}

.arial11 a:hover{	
	color:#0087ca;
	font-family:arial;
	text-decoration:underline;
	font-size:10px;	
		letter-spacing:0px;
}
/*
.arial11paging {	
	color:#0087ca;
	font-family:arial1;
	font-size:11px;	
	padding-right:2px;
}

.arial11bleu {
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
}

.arial11bleu a{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
}

.arial11bleu a:hover{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.arial11u {	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
}

.arial11u a{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.arial11u a:hover{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.arial11blanc {	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
	font-weight:bold;
}

.arial11link{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}
.arial11link a{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}
.arial11link a:hover{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.arial12t {	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:100px 100px 100px 100px;
	font-size:12px;		

}


.arial28 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
}

.arial14blanc{	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;		
	text-decoration:none;
		font-weight:bold;
}
.arial14blanc a{	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;		
	text-decoration:none;
		font-weight:bold;
}
.arial14blanc a:hover{	
	color: #E4F0F9;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;		
	text-decoration:none;
		font-weight:bold;
}
*/
/*Thématique */
.thematiqueTitre{
	font-family:georgia,verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:10px 0px 0px 0px;	
	color:#0E7DCF;
	font-weight:normal;
	letter-spacing:-1px;
}
.thematiqueTitre a{
	font-family:georgia,verdana, georgia,Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-1px;
	color: #0E7DCF;
	Font-weight:normal;
	text-decoration:none;
}
.thematiqueTitre a:hover{
	font-family:georgia,verdana, georgia,Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:-1px;
	color: #0E7DCF;
	Font-weight:normal;
	text-decoration:underline;
}


.photo_fiche
{
	padding: 5px 15px 2px 0px;
	width:235px;
	height:170px;

	border:0px;
}

.arial10 {	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	
}

.arial10 a {	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	
}
.arial10 a:hover {	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:10px;	
}
.arial12 {	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;

}

.arial12 a{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;		

}
.arial12 a:hover{	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;		
	text-decoration:underline;
}


.arial14 {	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;	
}

.arial14 a {	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;	
}

.arial14 a:hover {	 	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:14px;	
}
.arial16 {	
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;		
	font-weight:normal;
}

.arial16 a {	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;	
}

.arial16 a:hover {	 	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:16px;	
}
.arial18 {	
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:18px;	
}

.arial18 a {	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:18px;	
}

.arial18 a:hover {	 	
	color:#0087ca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:18px;	
}

.verdana11 {	
	color:#333333;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	


}

.verdana11 a{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
	
}

.verdana11 a:hover{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	

}
.verdana10 {	
	color:#333333;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	


}
.verdana10 a{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;	
	
}

.verdana10 a:hover{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:10px;	

}

.verdana11link {	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	

}
.verdana11link a{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
	   
}

.verdana11link a:hover{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}
.verdana11u {	
	color:#333333;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
}

.verdana11u a{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}

.verdana11u a:hover{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;	
}


.verdana12 {	
	color:#333333;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;	

}

.verdana14_blue_bold {	
	display:block;
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;	
    font-weight:bold;
    margin-bottom:10px;
}


.verdana12 a{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;	
}

.verdana12 a:hover{	
	color:#0087ca;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;	
}

.myriadpro24 {	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:24px;	
	font-weight:bold;
}
.myriadpro24 a{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:24px;	
	font-weight:bold;
}
.myriadpro24 a:hover{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:underline;
	font-size:24px;
	font-weight:bold;
}

.myriadpro242 {	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:24px;	
	font-weight:bold;
}
.myriadpro242 a{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:24px;	
	font-weight:bold;
}
.myriadpro242 a:hover{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:underline;
	font-size:24px;
	font-weight:bold;
}
.myriadpro18 {	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:18px;	
	font-weight:bold;
}

.myriadpro12 {	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:12px;	
	font-weight:bold;
	text-transform: uppercase;
}
.myriadpro12 a{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:12px;	
	font-weight:bold;
	text-transform: uppercase;
}
.myriadpro12 a:hover{	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}

.myriadpro16 {	
	color:#0087ca;
	font-family:myriad-pro, sans-serif;
	text-decoration:none;
	font-size:16px;	
}

.titreH1{	
	/*color:#EBD04B;*/
	color: #0087ca;
	font-family: arial, Geneva, sans-serif;
	font-weight: bold;
	font-size:22px;	
    letter-spacing:-1px;

	line-height:18px;
	margin:0px;
	padding-bottom:5px;
}
.titreTop {	
	color:#c36119;
	font-family:Arial,Trebuchet MS, sans-serif;
	font-size:16px;	
	font-weight:bold;
	margin:0px;
	padding-bottom:3px;
	letter-spacing:-1px;
}
.prixForfaitlist{	
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;	
    letter-spacing:-1px;
}

.titreForfait{	
	color:#c36119;
	font-family:arial,Trebuchet MS,arial;
	font-weight:bold;
	font-size:16px;	
    letter-spacing:-1px;

}

.titreBullet{	
	color:#333;
	font-family:verdana,Trebuchet MS, sans-serif;
	font-size:12px;	
	font-weight:normal;
	padding-bottom:2px;
	line-height:20px;
}

.titreBullet2{	
	color:#0087ca;
	font-family:arial,Trebuchet MS, sans-serif;
	font-size:14px;	
	font-weight:bold;
	padding-bottom:2px;
	line-height:20px;    
	letter-spacing:0px;
	margin:0px;
}
.titreBullet2 a{	
	color:#0087ca;
	font-family:Arial,Trebuchet MS, sans-serif;
	font-size:14px;	
	font-weight:bold;
	padding-bottom:2px;
	line-height:20px;    
	letter-spacing:0px;
	text-decoration:underline;
}
.titreBullet2 a:hover{	
	color:#0087ca;
	font-family:Arial,Trebuchet MS, sans-serif;
	font-size:14px;	
	font-weight:bold;
	padding-bottom:2px;
	line-height:20px;    
	letter-spacing:0px;
	text-decoration:underline;
}
.titreBullet3{	
	color:#444;
	font-family:Arial,Trebuchet MS, sans-serif;
	font-size:14px;	
	font-weight:bold;
	padding:0px 0px 5px 1px;
	line-height:20px;    
	letter-spacing:0px;
	margin:0px;
 }


.titreShowcase{
	font-family:georgia,verdana, georgia,Arial, Helvetica, sans-serif;
	font-size:32px;
	letter-spacing:-1px;
	color: #0E7DCF;
	padding:5px 0px 7px 0px;
line-height:32px;
	Font-weight:normal;
	text-decoration:none;
	margin:0px 0px 0px 0px;
}

.titreBulletTight{	
	color:#0087ca;
	font-family:Arial,Trebuchet MS, sans-serif;
	font-size:12px;	
	font-weight:bold;
}
.titreReserver{	
	color:#839e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	font-weight:bold;
    letter-spacing:-1px;
	text-decoration:none;
}

.titreReserver a{	
	color:#839e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	font-weight:bold;
    letter-spacing:-1px;
	text-decoration:none;

}

.titreReserver a:hover{	
	color:#839e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	font-weight:bold;
    letter-spacing:-1px;
	text-decoration:none;
}

.titreEtapeRsvp {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b05828;
}

.sTitreBl {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;	
	font-weight:bold;
	background-color:#83BCE5;
	padding-left:5px;
	height:17px; 
	vertical-align:middle;
	text-align:left;
}
.titreCalendrier{	
	color:#839e24;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	font-weight:bold;

}

/* Dots */

.dots {
	background-image:url(../images/dots_gris.gif);
	background-position:center left;
	background-repeat:repeat-x;
	padding-bottom:0px;
	margin-top:0px;
	overflow:hidden;
}
.dotsCentered {
	background-image:url(../images/dots_bleu.gif);
	background-position:center left;
	background-repeat:repeat-x;
	padding-bottom:0px;
	overflow:hidden;
	padding-bottom:0px;
	margin:0 0px 0px 0px;
	overflow:hidden;
	/*border-bottom:1px solid #e2f0f5;
	height:20px;*/
	height:20px;
}

.dotsCentered25 {
	/*background-image:url(../images/dots_bleu.gif);
	background-position:center left;
	background-repeat:repeat-x;*/
	padding-bottom:0px;
	margin:0 10px 15px 10px;
	overflow:hidden;
	border-bottom:1px solid #e2f0f5;
}
.dotsTop{
	background-image:url(../images/dots_gris.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	margin-top:0px;

	overflow:hidden;
}
.dotsTopJaune{
	background-image:url(../images/dots_jaune.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	margin-top:0px;

	overflow:hidden;
}
.dotsTop15{
	background-image:url(../images/dots_gris.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	height:15px;
	overflow:hidden;
}
.dotsTop100{
	background-image:url(../images/dots_gris.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding: 5px 0px 5px 0px;
	margin-top:0px;
	height:15px;
	overflow:hidden;
}

/* Carte Google */


#big_map {
	/*padding-bottom:20px;*/
	overflow:hidden;
}

.proximiteRows{
	padding:2px 0px 2px 5px;
	border-bottom:dotted 1px #cccccc
}
.dottedRows{
	padding:4px 0px 4px 0px;

}


.proximiteMarker{
	padding:0px 10px 2px 3px;
}

/* ---------------------- Reportages ------------------------------ */
/*Reportage H1 */
.reportageH1{
	font-family:myriad-pro,sans-serif;
	font-size:35px;
	letter-spacing:-1px;
	color: #0087ca;
	line-height: 39px;
	text-align: left;
	font-weight: 600;
	text-decoration:none;
}
.reportageH1 a{
	font-family:myriad-pro,sans-serif;
	font-size:35px;
	letter-spacing:-1px;
	color: #0087ca;
	line-height: 39px;
	text-align: left;
	font-weight: 600;
	text-decoration:none;
}
.reportageH1 a:hover{
	font-family:myriad-pro,sans-serif;
	font-size:35px;
	letter-spacing:-1px;
	color: #0087ca;
	line-height: 39px;
	text-align: left;
	font-weight: 600;
	text-decoration:underline;
}

/*Reportage texte */
.reportageTextBody {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height: 20px;
	font-weight:normal;
}
.reportageTextBody a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0087ca;
	line-height: 20px;
	text-decoration:none;
	font-weight:normal;
}

.reportageTextBody a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0087ca;
	line-height: 20px;
	text-decoration:underline;
	font-weight:normal;
}

.reportageTextBody img{
	max-width:100%;
	max-height:100%;
	border:0;
}



/*H2 -Reportage */
.reportageSousTitre{
	font-family:myriad-pro, sans-serif;
	font-size:20px;
	padding:10px 0px 0px 0px;	
	color:#0087ca;
	font-weight:bold;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}
/*Titre principal page d'entrée reportage */
.titreLead{
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#0E7DCF;
	Font-weight:normal;
	line-height:32px;
	letter-spacing:-1px;
}
.titreLead a{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#0E7DCF;
	Font-weight:normal;
	line-height:32px;
	letter-spacing:-1px;
	text-decoration:none;
}
.titreLead a:hover{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#0E7DCF;
	Font-weight:normal;
	line-height:32px;
	letter-spacing:-1px;
	text-decoration:underline;
}

.blocTextList{
	font-family: verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	Font-weight:normal;
	line-height:15px;
}

.blocTextList a{
	font-family: verdana,Arial, Helvetica, sans-serif;
	color:0087ca;
	font-size:11px;
	Font-weight:normal;
	line-height:15px;
	text-decoration:none;
	
}

.blocTextList a:hover{
	font-family: verdana,Arial, Helvetica, sans-serif;
	color:0087ca;
	font-size:11px;
	Font-weight:normal;
	line-height:15px;
	text-decoration:underline;
	
}
.reportageSousTitre2{
	font-family:arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c36119;
}

.textCopyright {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}

caption{
	margin:0px 0px 5px 0px; 
	font-weight:normal;
	padding:3px 10px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
}

.reportagePhotoG{
	margin:6px 15px 0px 0px;
}

.reportagePhotoD{
	margin:6px 0px 0px 15px;
}


/*-----------------Magazine-----------------------*/

.texteIntro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	font-weight:bold;
}


p {
	text-align:justify;
}


.MagPalmaresSousTitre{
	font-family:Arial, Helvetica, sans-serif;
 	font-size:22px;
  	color:#0087ca;
	margin-top:5px;
	margin-bottom:5px;
}

.MagPalmaresSousTitreBlanc{
	font-family:myriad-pro, sans-serif;
	font-size:18px;
	color:#ffffff;
}

.reportageTextBodyBlanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
}
.reportageTextBodyBlanc a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0087ca;
	text-decoration:none;
	font-weight:normal;
}

.reportageTextBodyBlanc a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0087ca;
	text-decoration:underline;
	font-weight:normal;
}

.vignetteImageChronique {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

.vignetteImagePalmares {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.vignetteImagePalmares2 {
 	margin-left:1px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.pasmanquerTitreBleu {
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold; 
	color:#0087ca;
}

.pasmanquerTitreBlanc {
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold; 
	color:#ffffff;
}

.carnetSousTitre{
	font-family:myriad-pro, sans-serif;
	font-size:17px;
	padding:10px 0px 0px 0px;	
	color:#0087ca;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}

.carnetSousTitreBlanc{
	font-family:myriad-pro, sans-serif;
	font-size:17px;
	padding:10px 0px 0px 0px;	
	color:#ffffff;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}


/*--------------Rubrique Road Trips-------------------*/

.RTSousTitre{
	font-family:myriad-pro, sans-serif;
	font-size:17px;
	padding:10px 0px 0px 0px;	
	color:#0087ca;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}

.RTSousTitreBlanc{
	font-family:myriad-pro, sans-serif;
	font-size:17px;
	padding:10px 0px 0px 0px;	
	color:#ffffff;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}

.RTLegende{
	margin:0px 0px 0px 0px; 
	font-weight:normal;
	padding:3px 10px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
}




/*----------------Palmares texte------------------*/
.palmaresTextBody {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height: 20px;
	font-weight:normal;
}
.palmaresTextBody a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0087ca;
	line-height: 20px;
	text-decoration:none;
	font-weight:normal;
}

.palmaresTextBody a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0087ca;
	line-height: 20px;
	text-decoration:underline;
	font-weight:normal;
}


/*H2 -Palmares */
.palmaresSousTitre{
	font-family:myriad-pro, sans-serif;
	font-size:17px;
	padding:10px 0px 0px 0px;	
	color:#0087ca;
	letter-spacing:0px;
	padding:28px 0 15px 0;
	line-height:22px;
}

/*H4 -Palmares */
.palmaresPreferes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px 0px 0px 0px;	
	color:#0087ca;
	letter-spacing:0px;
	padding:12px 0 1px 0;
	line-height:22px;
}

/* photos */
caption{
	margin:0px 0px 0px 0px; 
	font-weight:normal;
	padding:3px 10px 3px 0px;
	color: #333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:11px;
}

.palmaresPhotoG{
	margin:6px 15px 0px 0px;
	width:1%
}
.palmaresPhotoD{
	margin:6px 0px 0px 15px;
	width:1%
}


.thematiqueforfait{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	color: #0E7DCF;
	line-height: 35px;
	text-align: left;
	Font-weight:normal;
	text-decoration:none;
}
.thematiqueforfait a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	color: #0E7DCF;
	line-height: 35px;
	text-align: left;
	Font-weight:normal;
	text-decoration:none;
}
.thematiqueforfait a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	color: #0E7DCF;
	line-height: 35px;
	text-align: left;
	Font-weight:normal;
	text-decoration:underline;
}
.tarifHeader{
display: inline-block; 
width: 70px;
vertical-align: top;
}

.tarifContent {
display: inline-block; 
width: 410px;
vertical-align: top;
}
a.SmartStarsLinks{padding:0px}
.SmartStarsImages{margin:0px; border:none}

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	height:16px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(/images/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(/images/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(/images/ratingStarFilled.png);
}

.ratingStarDisqus .ratingItemDisqus
{
    font-size: 0pt;
    width: 36px;
    height: 10px;
    margin: 0px;
    padding-right: 2px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
}
.ratingStarDisqus .FilledDisqus
{
    background: url('../images/icons.gif') -79px -273px;
}
.ratingStarDisqus .EmptyDisqus
{
    background: url('../images/icons.gif') -79px -261px;
}
.ratingStarDisqus .SavedDisqus
{
    background: url('../images/icons.gif') -79px -273px;
}
.ratingStarDisqusSmall
{
}
.ratingStarDisqusSmall .ratingItemDisqusSmall
{
    font-size: 0pt;
    width: 20px;
    height: 7px;
    margin: 0px;
    padding-right: 2px;
    display: block;
    background-repeat: no-repeat;
    cursor: default;
}
.ratingStarDisqusSmall .FilledDisqusSmall
{
    background: url('../images/icons.gif') -117px -273px;
}
.ratingStarDisqusSmall .HalfFilledDisqusSmall
{
	font-size: 0pt;
    width: 10px;
    height: 7px;
    margin: 0px;
    padding-right: 2px;
    display: block;
    background-repeat: no-repeat;
    cursor: default;
    background: url('../images/icons.gif') -117px -273px;
}
.ratingStarDisqusSmall .EmptyDisqusSmall
{
    background: url('../images/icons.gif') -117px -261px;
}
.ratingStarDisqusSmall .SavedDisqusSmall
{
    background: url('../images/icons.gif') -117px -273px;
}
/*--------------------------------------- AJAX COMPONENTS ------------------------------------ */



 .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input           
 {
 	 margin: 0;        
 	 border: solid 1px #7F9DB9;        
 	 border-right: 0px none;        
 	 padding: 2px 0px 0px 5px;        
 	 font-size: 11px;        
 	 height: 17px;        
 	 position: relative;           
}    
 	 
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button    
{    
	margin: 0;        
	padding: 0;        
	background-image: url(/images/windows-arrow.gif);       
	background-position: top left;        
	border: 0px none;        
	height: 21px;        
	width: 21px;    
}    

.WindowsStyle .ajax__combobox_itemlist    {        border-color: #7F9DB9;    }

 .ajax__calendar_body {border:solid 1px;}
 .ajax__calendar_container   {  width:350px;  background-color: #e2e2e2 !important;     border:solid 1px #cccccc !important; }
 .ajax__calendar_header  {    background-color: #ffffff !important;     margin-bottom: 4px !important;}
 .ajax__calendar_title,
 .ajax__calendar_next,
 .ajax__calendar_prev    {    color: #004080 !important;     padding-top: 3px !important;}
 .ajax__calendar_body    {    background-color: #e9e9e9 !important;     border: solid 1px #cccccc !important; }
 .ajax__calendar_dayname {    text-align:center !important;     font-weight:bold !important;     margin-bottom: 4px !important;     margin-top: 2px !important;}
 .ajax__calendar_day {    text-align:center !important; width:50px;}
 .ajax__calendar_hover 
.ajax__calendar_day,
 
.ajax__calendar_hover 
.ajax__calendar_month,
 
.ajax__calendar_hover .ajax__calendar_year,
 .ajax__calendar_active  {    color: #004080 !important;     font-weight: bold !important;     background-color: #ffffff !important;}
 .ajax__calendar_today   {    }
 .ajax__calendar_other,
 .ajax__calendar_hover
 .ajax__calendar_today,
 .ajax__calendar_hover
  .ajax__calendar_title {    color: #bbbbbb !important;}
  
.pnlconccoursGeoloc_container 
{
    background-color:white;
    /*left:calc((100% - 840px)/2) !important;
    left:-webkit-calc((100% - 840px)/2) !important;*/
}

.modalBackground
{
    filter: Alpha(Opacity=70); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #000;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalBackgroundPermanant
{
    filter: Alpha(Opacity=70); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #000;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalBackgroundWhite
{
    filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity: 0.7;
    width: 100%; height: 100%; background-color: #FFF;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}


.#progressBackgroundFilter {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;

}
.processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding:10px;
    width:14%;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #000;
}


/*	SCROLLBAR DANS LES PHOTOS  */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 1px;
	width: 13px;
	height: 340px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	/*ici couleur de la track*/
	background: #eee;
	position: relative;

}

.jspDrag
{
	/*ici couleur du drag (cursor qui se déplace)
	background: url(../images/bg_scroll.gif) repeat-y;  */
	background: #7fc3e4;
	
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;


}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane,
.scroll-pane-arrows
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}

.jspArrowUp 
{
    background: url(../images/icons.gif) -125px -51px no-repeat;  
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrowDown
{
    background: url(../images/icons.gif) -105px -49px no-repeat;  
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

/*section pour calendrier et popup*/
.box {
	width:911px;	
	background-color:#fff;
	font:11px/14px Verdana, Geneva, sans-serif;
	color:#333333;
	padding-top:26px;
	padding-bottom:39px;
}
.boxWrap {
	padding:0 0px 0 0px;
	/*background:url(/images/line.gif) top left no-repeat;*/

}
.clear {
	clear:left;
	height:1px;
	overflow:hidden;
}
.calendar {
	width:175px; /* controle la largeur des cellules */
	padding-top:0px;
}
.calendargros {
	width:250px; /* controle la largeur des cellules */
	padding-top:0px;	
}
div.pagecolor.evenements .calendargros { margin:0 auto; /* center calender when in responsive mode */ }
.push41 {
	float:left;
	width:27px;
}
.push16 {
	float:left;
	width:16px;
}
.col1 {
	float:left;
	width:240px;
}
.col2 {
	float:left;
	width:305px;
	/*width:359px;*/
}
.box h2 {
	font:16px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding-bottom:7px;
	color:#666666;
	font-weight:bold;
}
.box img.blueBorder {
	padding:8px;
	border:1px solid #badff2;
}
.tableCalendarMonth
{
	background-color:#d6eff6;
}
.tableCalendar .date {
	border:1px solid #dddddd;
	background-color:#fff;
	height:17px; /* controle hauteur de la cellule */
	text-align:center;
	vertical-align:middle;
	color:#bbbbbb;
	font:13px/13px "Arial Narrow", Arial, Helvetica, sans-serif;
}

.tableCalendar .lastMonth {
	background-color:#ececec;
	border:1px solid #ececec;
}
.tableCalendar .noDate {
	border:none;
	background:none;
}
.calendarWrap {
	background:url(/images/calendar.jpg) top left repeat-x;
}
.tableCalendar .title {
	font:16px/18px Arial, Helvetica, sans-serif;
	color:#555;
	font-weight:bold;
	text-align:center;
	padding-bottom:1px;
	background-color:#d6eff6;
	padding-right:8px;
	padding-left:8px;
	padding-top:3px;
}
.tableCalendar .nav {
	font:16px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#d6eff6;
}
.tableCalendar .daysbg {
	background-color: #d6eff6;
	padding:2px 0 1px 0;
}
.tableCalendar a {
	text-decoration:none;
}
.tableCalendar a:hover {
	text-decoration:underline;	
}
.tableCalendar .nav a {
	color:#fff;
	text-decoration:none;
}
.tableCalendar .nav a:hover {
	color:#333333;
	text-decoration:none;
}
.tableCalendar .event {
	background-color:#fd913c; /*background-color:#fd913c; */  /*couleur de la cellule orange*/
	color:#fff;
}
.tableCalendar .event a {
	color:#fff;
	text-decoration:none;
}
.tableCalendar .event:hover {
	text-decoration:underline;
	cursor:pointer;
}

.tableCalendar .eventcurrent {
	background-color:#fff;
	color:#fd913c;
	text-decoration:none;
}
.tableCalendar .eventcurrent:hover {
	text-decoration:underline;
	color:#fd913c;
	cursor:pointer;
}


.tableCalendar  th /* labels jours */
{
	font:9px/11px Arial, Helvetica, sans-serif;	
	color:#666;
	height:12px;
	font-weight:bold;
}
.box h3 a {
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#0099cc;
	margin:8px 0 8px 0;
	font-weight:normal;
	text-decoration: none;
}
.box h3 a:hover {
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#0099cc;
	margin:8px 0 8px 0;
	font-weight:normal;
	text-decoration: underline;
}
.box .item {
	margin-left:145px;
	min-height:111px;
}
.box .spacer {
	height:15px;
	overflow:hidden;
}
.box h4 a{
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#0099cc;
	font-weight:normal;
	margin:0 0 8px 0;
	text-decoration: none;
}
.box h4 a:hover{
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#0099cc;
	font-weight:normal;
	margin:0 0 8px 0;
	text-decoration: underline;
}
.box p {
	margin:8px 0 8px 0;
}
.box .bigDate {
	font-size:14px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.floatLeft {
	float:left;	
}
.box .complete {
	padding:95px 0 0 10px;
	font-size:12px;
	color:#0099cc;
}
.box .complete a {
	color:#0099cc;
	text-decoration:none;
}
.box .complete a:hover {
	text-decoration:underline;
}
.calendarOf
{
	padding:40px 0 0px 0;
	text-align:center;
	font:14px/14px "Arial Bold", Arial, Helvetica, sans-serif, ;
	color:#a0a0a0;
}
.calendarOf h1
{
	padding-top:3px;
	font:22px/22px "Arial Bold", Arial, Helvetica, sans-serif, ;
	color:#fd903b;
}
.calendarOf h2
{
	padding-top:3px;
	font:18px/18px "Arial Bold", Arial, Helvetica, sans-serif, ;
	color:#fd903b;
}

/*FIN section pour calendrier et popup*/




/* DrillDownCategorieProduit */

  #CategorieMenu a 
  {
    
    color: #0087ca;
      
      
      }
  #CategorieMenu a.selected
   {
       color : #000;
   
   }
   
.ddl_choisi_region {
    width:157px;
}

.reservation_date {
    width:65px;
}

.ddl_reservation_nuits {
    width:46px;
}

/*fluid video*/

.responsive-container { position:relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-container2 { overflow: hidden; display:inline-block;}
.test-width {margin-left:25px; max-width:715px;}

.SondageSatisfaction_container {
    max-width:610px;
    width:100%;
}


div.reportage-header-table { display:table; width:100%; }
div.reportage-header-table > div.reportage-header-row { display:table-row; }
div.reportage-header-table > div.reportage-header-row > div.reportage-header-cell { display:table-cell; }
div.reportage-header-table > div.reportage-header-row > div.reportage-header-cell:first-child { width:70px; vertical-align:top; }
div.reportage-header-table > div.reportage-header-row > div.reportage-header-cell > div.image-container { padding: 3px; border:3px solid #d6eff7; }
div.reportage-header-table > div.reportage-header-row > div.reportage-header-cell > div.image-container img { max-width:57px; width:100%; }


.btn-geolocalize { 
    display:block; text-decoration:none; border:1px solid #000; font:normal 14px/16px myriad-pro, sans-serif; text-transform:uppercase;
    border-radius:2px; background:url('../images/geolocation.png') no-repeat left 5px center; background-color:#99CCFF; z-index:100; max-width:200px;
    padding:10px 10px 10px 25px; color:#000; text-align:center;
}

.btn-geolocalize:hover { background-color:#6EB7FF; }
.btn-geolocalize.mobile { display:none; }

.carteRoutieres { position:relative; /*overflow:hidden;*/ }
.carteRoutieres .leftCarte { width:100%; float:left; }
.carteRoutieres .rightCarte { width:95%; padding:0px 2.5%; }
.carteRoutieres .rightCarte .carteFilters { display:table; margin:0 auto; }
.carteRoutieres .rightCarte .carteFilters .filter-row { display:table-row; }
.carteRoutieres .rightCarte .carteFilters .filter-row .filter { display:table-cell; padding:5px 20px; }
.carteRoutieres .rightCarte .carteFilters .filter-row .filter * { display:inline-block; vertical-align:middle; }
.carteRoutieres .rightCarte .carteFilters label { padding-left:3px; }
.carteRoutieres .rightCarte .carteFilters img { }

.carteRoutieres div#open-map { position: absolute; width: 30px; height: 60px; right: 0px; top: 50px; background-color: #fff; z-index: 2; cursor: pointer; display:none; border:1px solid #000; border-right:none; margin-right:-2px; }

.carteRoutieres img.outRightArrow { width:32px; height:32px; margin-top:14px; margin-left:-1px; }

div.table-container { display:table; width:100%; }
div.table-container div.table-container-row { display:table-row; }
div.table-container div.table-container-row div.table-container-cell { display:table-cell; }


.sousTitre { font-family:myriad-pro, sans-serif;font-size:20px;color:#0087ca;line-height:22px; }

.sousTitreJaune { font-family:myriad-pro, sans-serif;font-size:20px;color:#e8cc48;font-weight:bold; }

div.bloc_vedette { float:left; width:50%; }

div.bloc_vedette_duo { float:left; width:100%; margin-bottom:20px; }