/*-------------------------------------------------------------- Barre de progression --------------------------------------------------------------*/ .skillbar { position:relative; display:block; margin-bottom:10px; width:100%; background:#eee; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; } .skillbar-title { position:absolute; top:0; left:0; width:150px; font-weight:bold; font-size:12px; color:#ffffff; background:#272A3D; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; } .skillbar-title span { display:block; background:rgba(0, 0, 0, 0.1); padding:0 10px; height:35px; line-height:35px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; } .skillbar-bar { height:35px; width:0px; background:#98c6bc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .skill-bar-percent { position:absolute; right:10px; top:0; font-size:11px; height:35px; line-height:35px; color:#ffffff; color:rgba(0, 0, 0, 0.4); } /*-------------------------------------------------------------- Gîtes de France --------------------------------------------------------------*/ #gdf_section .divWidgetPrix .div_tarifUneChambre{ display: inline-block; width: 100%; margin-bottom: 30px; border-bottom: 1px solid; padding-bottom: 30px;} #gdf_section .divWidgetPrix .div_tarifUneChambre:last-child{border-bottom: 0; padding-bottom: 0px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos{ display: inline-block; width: 100%;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_description{ display: inline-block; width: 100%; float: left; padding-right: 20px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .p_titreChambre{width: 100%; display: inline-block; text-align: left;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_imgChambre{width: 350px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_imgChambre > img{max-width: 100%;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_equipements{ display: inline-block; width: 60%; float: left; padding-top: 25px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_equipements > ul{border-right: 1px solid;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs{ display: inline-block; width: 40%; float: left; padding-top: 25px; padding-left: 20px; text-align: center;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs .sp_prixSejour{ display: block; width: 100%; font-weight: bold;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs .sp_lblApresPrix, #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs .sp_lblApresPrixPetitDejeuner{ display: block; width: 100%;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs_action{ display: block; margin-top: 15px; width: 100%;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs{ width: 100%; margin-top: 20px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs ul{ padding: 0} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs ul li{ display: inline-block; width: 100%; padding-right: 25px; margin-bottom: 5px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs .span_libelle_tarif_chambre{ font-weight: bold; float: left;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs .span_prix_tarif_chambre{ font-weight: bold; float: right;} @media (min-width: 576px){ #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_imgChambre{float: left; width: 200px; margin-right: 20px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs ul li{width: 50%;} } @media (min-width: 768px) { #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambre_tarifs ul li{width: 33%;} } @media (min-width: 992px){ #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_description{ width: 55%;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_equipements{ width: 25%; padding-top: 80px;} #gdf_section .divWidgetPrix .div_tarifUneChambre .div_tarifUneChambreContentInfos .div_tarifUneChambre_infosTarifs{ width: 20%; padding-top: 80px;} } /* Avis client */ #gdf_section .div_avisClientCertification{display: inline-block; width: 100%; padding: 25px 25px 25px 95px; border: 1px solid; background: url('../images/afnor-nf.png') no-repeat 25px 15px #fff; background-size: 50px; margin-bottom: 25px;} #gdf_section .div_widget_itea_avis_detailAvisClient{display: inline-block; width: 100%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient{display: inline-block; width: 100%;} #gdf_section .div_widget_itea_avis_detailAvisClient .p_widget_itea_avis_titreAvis{display: inline-block; width: 100%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_general{display: inline-block; width: 33%; float: left;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_general .p_widget_itea_avis_noteGlobale{display: block; width: 100%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_general .p_widget_itea_avis_noteGlobale .sp_widget_itea_avis_noteGlobale{display: block;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_detail{display: inline-block; width: 67%; padding-left: 20px; padding-top: 25px;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_detail .p_widget_itea_avis_descriptionAvis{display: inline-block; width: 100%; margin-bottom: 25px;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_detail .div_widget_itea_avis_groupeNotes{display: inline-block; width: 100%; margin-bottom: 10px;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_detail .div_widget_itea_avis_groupeNotes .div_widget_itea_avis_note{display: inline-block; width: 50%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_reponseClient_detail .div_widget_itea_avis_groupeNotes .div_widget_itea_avis_note span{display: inline-block; width: 65%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse{padding-left: 33%; display: inline-block; width: 100%;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse .div_widget_itea_avis_reponse{padding: 10px 20px; margin-top: 5px; position: relative; margin-bottom: 25px; border: 1px solid;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse .div_widget_itea_avis_reponse:last-child{margin-bottom: 0;} #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse .div_widget_itea_avis_reponse:before { content: ""; border-color: #aaaaaa transparent; border-style: solid; border-width: 0px 14px 14px; left: 15px; top: -14px; width: 0px; display: block; position: absolute; } #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse .div_widget_itea_avis_reponse:after { content: ""; border-color: #fff transparent; border-style: solid; border-width: 0px 13px 13px; left: 16px; top: -12px; width: 0px; display: block; position: absolute; } #gdf_section .div_widget_itea_avis_detailAvisClient .div_widget_itea_avis_avisDroitsDeReponse .div_widget_itea_avis_reponse .p_widget_itea_avis_lblReponse{text-align: right; font-weight: bold; font-style: italic;} /*-------------------------------------------------------------- GuestOnline --------------------------------------------------------------*/ #guestOnline_section{} #guestOnline_section .frame-container{position: relative;overflow: hidden; min-height: 450px;} #guestOnline_section .frame-container > iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #guestOnline_section a#tol_module{display: inline-block; text-align: center;}