@charset "utf-8";
/* CSS Document */
body {
	background-color:#b89a79;
	padding-top: 70px; /*décalage pour le header*/
	margin-bottom: 40px/* Margin bottom by footer height */
}
html {
	position: relative;
	min-height: 100%
}
/*Cookies Banner*/
#cookie-msg{
	color:#FFF;
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,.7);
	z-index:1051;
	padding: 10px
}

/*Titres*/
h1,.sous-h1, h2,h3,h4,h6{text-align: center}
.sous-h1, h2,h3,h4{margin-top:10px}
h1{	font-weight:bold}
.sous-h1{font-size:1.5em}
h2 {font-size:2em}
h3{	font-size:1.4em}
h4{	font-size:1.2em}
hr{ margin: 10px 0 5px 0}
.checkboxpc{ top:0} /*corrige décalage des checkbox vers le bas partie membre>description*/
.center{text-align:center}
a, a:active, a:focus {color:#7A591C}

a:hover {
	color:#7A591C;
	background-color:#DBD6AE
}

/*Liens pub google*/
.blue_link a{color:#00C; font-weight:bold}
.green_link a{color:#009900}
.normal_link a:hover{color:#7A591C;}

/*Nav*/
.navbar {
	border-color:#FFF;
	font-size:1.1em
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:transparent}
.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#fff}
/*	Corrige la couleur de nav + nav pour la dropdown*/
.navbar-default, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-image:linear-gradient(to bottom, #630 0%, #630 100%);
	color:#fff
}
/*A retravailler pour le logo en version mobile*/
.navbar-brand span {display:inline}

.navprime .navbar-brand, .navprime .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navprime .navbar-nav>li>a:hover {
	color:#000}

.navprime, .navprime .navbar-nav > .open > a, .navprime .navbar-nav > .open > a:hover, .navprime .navbar-nav > .open > a:focus {
	border-color:transparent;
	color:#000;
	margin-bottom:0
}
@media (min-width: 992px) and (max-width: 1200px) {
#navbar2 {font-size:smaller}
}
/*Header*/
.pc-header {background-color:#ECE9D8}
.slogan {
	position:absolute;
	width:90px;
	font-size:11px;
	font-weight:700;
	margin:60px 45px 0 50px;
	text-align:center
}
/*Boites*/
#col1 {padding-left:0}
#col2 {padding:0}
#col3 {padding-right:0}
.contenuboite {
	background-color:#ECE9D8;
	font-size:0.9em;
	text-align: center;
	margin-top:10px;
	padding:8px
}
.contenuboite h1 {
	font-size:1em;
	font-weight:bold;
	margin-top:0;
	padding-top:8px
}
.contenuboite h2 {
	font-size:1em;
	font-weight:bold;
	margin-top:0;
	padding-top:8px
}
.contenuboitepub {
	margin-top:10px;
	text-align: center;
	padding:8px
}
@media (min-width: 768px) and (max-width: 991px) {
#col1 {	padding:0}
}
@media (max-width: 767px) {
#col1 {	padding-left:15px}
}
.listeplus {
	list-style: url(/images/coche_vert.png);
	line-height:23px;
	margin:10px 20px 10px 60px;
	padding-left:0
}
/*FOOTER*/
.pc-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size:0.7em;
	text-align:center;
	padding-top:15px;
  	min-height: 40px;/* Set the fixed height of the footer here +body */
	background-color: #630
}
.pc-footer a, .pc-footer p {
	color:#fff;
	margin-bottom:0
}
/*PAGE INFO LEGALES*/
.conditions_generales{text-align:justify}
.conditions_generales li{list-style:none}

/*PAGE TEMOIGNAGES ET FAQ*/
.bulletemoignage {
    width: auto;
	margin:0 10px 24px 10px
}
.bulletemoignage blockquote {
	font-size: 1em;
    border-left: 5px solid #DBD6AE
}
/*PAGE PUB*/
#carousel_pub{
	width: 468px;
    margin: 0 auto;
    background: #CCC;
    padding: 10px
}
#carousel_pub p{
	margin:5px 0 0 0;
	text-align:center
}
/*page liste des pensions et détail */
.breadcrumb{ 
	background-color:transparent; 
	text-align:left
}
.breadcrumb > li + li:before { color:#afaeae; content: ">"}
#pc-table{
	width: 92%;
	margin:0 auto;
	border-collapse: collapse;
	border: #c4bc79 1px solid;
	background-color:#fff
}
.typepension {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight:normal;
	color:#7A591C;
	text-align:left;
	vertical-align:top;
	padding-left: 6px
}
#pc-table td, #pc-table tr, #pc-table > thead > tr > th.categorie {border: 1px solid #c4bc79}
#pc-table > thead > tr > th , #pc-table > thead > tr {border:none}
.TableauPensionVille{
	color:#630;
	padding-left:16px
}
.TableauPensionVille img{vertical-align:baseline}
.TableauPensionPension{	
	float:left;	
	text-align:left
}
.TableauPensionPhotoRefPlus{float:right}
.Etoile {padding-left:10px}
.Etoile a img { vertical-align:top}
.Etoile a:hover { background:none}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#b89a79;
	border-color:#b89a79
}
/*PAGE DE DETAIL*/
/*Carousel photos fiche détail*/
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {right: -12px}
/* indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of indicators */
.carousel-indicators li {background: #cecece}
.carousel-indicators .active {background: #428bca}

a.left.carousel-control, a.right.carousel-control {margin-top:25px}

@media (min-width: 768px){
.carousel-inner{height: 90px}
}
@media (max-width: 768px){
a.left.carousel-control, a.right.carousel-control {margin-top:50px}
.carousel-control.right {right: -5px}
.carousel-control {left: -5px}
}
/****Fin carousel photos fiche détail*/


/*Bouton play pour video projet dec 19*/
/* Style the button and place it in the middle of the container/image */

.btnplay {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px;
  border: none;
  cursor: pointer;
  border-radius: 20px;
}

.btnplay:hover {
  background-color: black;
}
/*FIN Bouton play pour video*/


.BoiteFonctions_bloc{width:50px; margin:0 5px; float:left}
.BoiteFonctions a{ text-decoration:none; color:#000}
.DetailCarteName{
	line-height:1.7;
	color : #7A591C
}
.DetailCarteVar{line-height:1.7}

.dl-horizontal dt, .dl-horizontal dd,.dl-horizontal-rs dt, .dl-horizontal-rs dd   {  
  float: left;
  margin: 0;
}
.dl-horizontal dt {
  text-align: right;
  font-weight: bold;
  width: 100px;
  margin-right: 10px;
  white-space: nowrap;  
}
.dl-horizontal dd {
  width: calc(100% - 110px);
/*  white-space: nowrap;*/
}
.dl-horizontal-rs dt {
  text-align: right;
  font-weight: bold;
  width: 200px;
  margin-right: 10px;
  white-space: nowrap;  
}
.dl-horizontal-rs dd {
  width: calc(100% - 210px);
  white-space: nowrap;
}
@media (max-width:425px) {
.dl-horizontal-rs dt {
  text-align: right;
  font-weight: bold;
  width: 100px;
  margin-right: 10px;
  white-space: nowrap;  
}
.dl-horizontal-rs dd {
  width: calc(100% - 110px);
  white-space: normal;
}
}
/**/

/*Tab dans la fiche de détail pension*/
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0}
    .nav-tabs > li > a { border: none; color: #666}
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1)}
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff}
.tab-pane { padding: 15px 0}
.tab-content{padding:20px}
/*For printable version*/
/*.tab-content > .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.nav-tabs {display:none;}*/
/******/
.card {
	background: #FFF none repeat scroll 0% 0%; 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); 
	margin-bottom: 30px; 
	text-align:left /*added*/
}
/*Dans les tabs*/
.tabber_2col{
	float:left;
	display:inline;
	margin: 0 1%;
	width:48%
}
.TableauDetailTitre{
	font-weight : Bold;
	font-family: Verdana, Arial, Helvetica;
	color:#7A591C
}
.titre_caracteristiques{
	color:#630;
	text-decoration:underline;
	margin-bottom:0
}
.col{
	float:left;
	padding-left: 5px;
	width:159px
}
.col ul{
	margin-top:5px;
	margin-left:0;
	padding-left:30px;
}
.col li{
	margin-left:0;
	padding-left:0
}
#mise_a_jour{font-size : 9px; text-align:right; padding-bottom:3px}
/*Formulaire message depuis détail*/
/*.form-msg {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-msg {
	max-width: 330px;
  	padding: 15px;
  	margin: 0 auto;
  	position: relative;
  	height: auto;
  	-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
          	box-sizing: border-box;
  	padding: 10px;
  	font-size: 16px
}
.form-msg .form-msg-heading{margin-bottom: 10px}
.form-msg input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.form-msg input[type="text"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.form-msg textarea{
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.form-msg input[type="hidden"] {margin-bottom: 10px}
*/
/*Page inscription*/
.pc-card{
	border:solid 1px #CCC; 
	background-color:#FFF; 
	padding:5px; 
	height:280px
}
.label{
	white-space:normal; 
	color:#000; 
	margin-left:10px;
	font-weight:normal
}

/*ESPACE MEMBRE*/
/*Stats*/
.stat_colonne1{float:left; width:80%; padding-left:5px; text-align:left}
.stat_colonne2{float:left; width:10%; text-align:right; padding-right:15px}
.stat_colonne3{float:left; width:10%; text-align:center}

/*sous menu latéral V1*/
.lienmembre{ margin-left:8px}
.lienmembre:hover, .lienmembre:link, .lienmembre:visited {
    font-size: x-small;
    font-weight: bold;
    text-decoration:none;
	line-height:13px;
    color : #000099
}
/*Tableau page accueil membre (menu) V1*/
.Tableau_Indexm_titre {
    font-size: x-small;
    font-weight: bold;
	text-align:center
}
.Tableau_Indexm_contenu {
    font-size: x-small;
    text-align:justify
}	
/*message avertissement*/
.msg_mmb_error{ background-color:#FFEBE8; border:#CC0000 1px solid; margin:5px 10px 15px; -moz-border-radius:3px; padding:0.6em;}
.msg_mmb_error a{color:#CC0000}

/*accueil membre : cartes*/
.user-card-large .card-tab, .user-card-small .card-tab { 
	height:20px; 
	display:inline-block; 
	margin-left:5px;
	-moz-border-radius:3px 3px 0 0; 
	background-color:#DBD6AE}
.card-tab .titre_onglet { 
	color:#7A591C; 
	margin:2px 10px 0 10px; 
	font-size:small; 
	font-weight:bold}
.card-tab a{ text-decoration:none}

.user-card-large .card-content, .user-card-small .card-content {
	background:#f5f5f5;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px; 
	padding:10px; 
	border:1px solid #B89A79}

.user-card-large .card-content a, .user-card-small .card-content a{
	color:#630; 
	text-decoration:none}
.user-card-large .card-content a:hover, .user-card-small .card-content a:hover{text-decoration:underline}

.bouton {
	display:inline-block;
	text-decoration:none; 
	padding:2px 15px; 
	margin:5px 5px 0 0; 
	color:#fff!important;-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	font-size:11px; 
	background-color:#999}
.bouton:hover{ 
	color:#000!important; 
	background-color:#DBD6AE;
	text-decoration:none!important;}

.user-card-large .card-shadow, .user-card-small .card-shadow {
	background:url(/membre/images/membrecarte-shadow.jpg)no-repeat center;  
	height:6px}

/*espace membre bulle des visites */
.bulle{ 
	background:url(/membre/images/bulle.jpg) center no-repeat ; 
	width:50px; 
	text-align:center}
.bulle a{ 
	display:block; 
	height:45px; /*text-decoration:none;*/ 
	padding-top:4px}
.bulle a:hover{ 
	color:#fff; 
	background:url(/membre/images/bulle_hover.jpg) center no-repeat;
	text-decoration:none!important} 

/*Menu latéral V2*/
ul.navmembre {padding: 0}
.navmembre li{
	list-style-type:none; 
	background-color:#DBD6AE; 
	margin-top:15px;
	color:#7A591C; 
	font-size:small; 
	font-weight:bold
}
.navmembre li a{text-decoration:none}
.navmembre li img{vertical-align:middle}
ul.navmembre_sous_menu {
	background-color:#ECE9D8;
	margin:0; 
	padding:8px
}
.navmembre_sous_menu li{
	background-color:#ECE9D8; 
	/*text-align:left;*/ 
	line-height:12px;
	font-size: x-small;  
	margin-top:0
}
.navmembre_sous_menu li a{
	color:#000099;
	text-decoration:none
}
/*Menu info membre*/
.cat_menu_info_membre {
	background-color:#DBD6AE; 
	text-align:center
}
.cat_menu_info_membre_ref {
	background-color:#FF9966; 
	text-align:center
}
.cat_menu_info_membre p, .cat_menu_info_membre_ref p{background-color:#ECE9D8}		
	
/*Tableaux de la messagerie*/
.boite_message{ /*width:510px;*/ margin-left:30px; margin-right:30px;}
.boite_message a{text-decoration:none;}
.valign {font-size:13px; vertical-align:top; line-height:30px;}
.en_tete_mess_gauche{text-align: left;/* width:300px; float:left;*/}
.en_tete_mess_droite{text-align: right;/* width:200px; float:right;*/}
/*.justifie{text-align: justify;}*/
.fond_blanc{background-color:#FFF}
.bordure_top, .bordure_bottom{
	border:#B89A79 solid 1px; 
	padding:2px 4px}
.bordure_top {background-color:#B89A79}

/* -- Navigation messagerie*/
#navigationmessagerie {
    margin:auto;
    margin-top:50px;
/*    background: #B89A79;*/
    height: 40px;
/*    border: 1px solid #630;*/
	border:none;
    width:95%;
/*    margin-bottom: 20px;*/
	border-radius: initial}

#navigationmessagerie ul{
/*    list-style-type: none;
    position: relative;*/
	margin-top:-40px}

#navigationmessagerie li {
    display: inline-block;
}	/*position: relative;
    float: left;
    width: 125px;
    margin-right: 5px;
    margin-bottom: 20px*/

#navigationmessagerie li a {
	text-decoration: none; display: inline-block;
	font-size: 12px; 
	color: #630}

#navigationmessagerie .active a {
/*	color: #ECE9D8;*/ 
	background-color:transparent;
	font-weight:bold;
	color:#630;
	font-size:14px}
	
#navigationmessagerie li:hover a{background-color:transparent}

/*Présentation Offre Réf+==>à supprimer*/	
#offres h1 {
	color:#930;
	font-size:14px;
	text-transform:uppercase}
.offre{
	height:450px;
	background:#ccc}
.offre_ref_plus{
	background:url(/membre/images/ref.png) #fff top right no-repeat; 
	border:#00CC00 3px solid;
	height:450px}
.offre ul, .offre_ref_plus ul {
	width: 90%;
	border-top: 1px solid #666;
	padding: 5px 0 0 0;
	font-size: 11px;
	margin:0 auto;
	line-height:22px}
.offre ul li, .offre_ref_plus ul li {
	padding-left: 8px;
	list-style: none;
	border-bottom: 1px dotted #999}

/*Présentation des offres nouvelle version Dec 2020*/
.comparison {padding:10px; font-size:0.9em;}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:7px;
}
.comparison td>a { background-color:transparent; text-decoration:none; color:#000;} /*Pour affichage minimaliste des tooltips*/
.compare-heading {
  font-size:18px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
  text-align:center;
}

.comparison tbody tr:nth-child(odd){display:none}
.comparison .compare-row {background:#F5F5F5}
.comparison .tickgreen {color:#009E2C}
.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {text-align:left}
.comparison .tl {border-bottom:0; width:30%}
.comparison .price-was {
  color:#999;
  text-decoration: line-through;
  font-size:1.2em;
}
.comparison .price-info {padding:5px 15px 15px 15px; border-top:0; text-align:center;}
.comparison .price-now, .comparison .price-now span {color:#ff5406}
.comparison .price-now span {font-size:32px}
.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}
.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
/*  text-decoration:none;*/
  border-radius:3px;
  text-transform:uppercase;
/*  margin:5px 0 10px 0;*/
}
@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {display: none}
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {background:#FFF}
  .comparison td, .comparison th {border:1px solid #CCC}
  .price-info {border-top:0 !important}
}

@media (max-width: 639px) {
  .comparison td, .comparison th {padding:10px 5px}
  .comparison .hide-mobile {display:none}
  .comparison .price-now span {font-size:16px}

.comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .compare-heading {font-size:13px;}
}
@media (min-width:321px) and (max-width:639px){
  .comparison .price-buy {padding:5px 10px; margin-top:10px}
}
@media (max-width: 320px) {
.comparison .price-buy {
  font-size:11px;
  padding:5px;
}
.comparison .price-info {padding:5px 15px 15px 8px;}
}

/*Gestion des photos Ref+*/
.imglist  {
	position: relative;
	display: inline
}
.imgsup, .imgfav{ 
	position: absolute;
	bottom: -51px
}
.imgsup{ left: 10px}
.imgfav{ left: 26px}
.fav, .nonfav{
	margin:10px;
/*	margin-top: 25px;*/
	border:3px solid
}
.fav{ border-color: #0C0}
.nonfav{ border-color: #ECE9D8}

/*barre de progression dans gestion des photos*/
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 18px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

/*CARTES SVG*/
.mapSvgContainer {
 position:relative;
 width:85%;
 max-height:800px;
 margin:0 auto;
}
.mapSvgContainerReg {
 position:relative;
 width:70%;
 max-height:800px;
 margin:0 auto;
}
.mapSvgContainer .mapSvg, .mapSvgContainerReg .mapSvg{
 display:block;
 width:100%;
 height:100%
}

@media (max-width: 768px) {
.mapSvgContainer, .mapSvgContainerReg {
  position:relative;
  margin:20px 0;
  margin:2rem 0;
  float:none;
  width:auto;
  padding-top:108.125%
 }
.mapSvgContainer .mapSvg, .mapSvgContainerReg .mapSvg {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
 }
}
@media (max-width: 480px) {
.mapSvg {
  height:auto;
  min-height:330px
 }
}
@media(min-width:769px){.mapSvg{min-height:500px;}}

.stylepath {
	fill:#b89a79;
	stroke:#7f7f7f
}
.stylepath_be {
	fill:#cab39a;
	stroke:#7f7f7f
}
.styledept{
	fill:#630;
	stroke:#5d5d5d;
	stroke-width:0.5
}
.styledept_be{
	fill:#630;
	stroke:#5d5d5d;
	stroke-width:0.5
}
g text{
	font: bold 14px Arial;
	text-anchor:middle;
	fill:#f2f2f2;
}
svg>a:hover, svg>g>a:hover{ 
	text-decoration:none;
}
/*CARTES NON SVG*/
.mapContainer {
	/*border:1px solid #c4c4c4;*/
	margin:0 auto;
	width:590px;
	height:500px;
	position: relative
}
#map {
	position:absolute;
	top:0;
	left:45px
}
/*Messages des controles de formulaires*/
.Validation-Erreur{ color:red;}  
/*Erreur : bandeau pour signaler une erreur */
.MsgErreur {
	background-color:#FCC;
	border:1px dotted #CCC;
	display : inline;
	font-weight: bold;
	padding: 10px;
	line-height: 35px
}
/* CREAWEB photo réalisations*/
.photo {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px
}
.blocreal {
	width:230px;
	margin-left:20px;
	float:left;
	text-align:center;
	height: 170px;
	padding: 15px 5px 35px 5px;
	margin-top: 15px
}	
.blocreal a {text-decoration:none}
.blocreal:hover {background: #999}
/* Mise en forme pour l'auto-complete des formulaires */
   .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 5px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
	cursor: pointer;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
	cursor: pointer;
}
.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
	cursor: pointer;
}
.ui-autocomplete-loading { 
background: url('../lib/form/autocomplete/ajax-loader.gif') right center no-repeat; 
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* Tooltip de bootstrap utilisé*/
/*.tooltip > .tooltip-inner {
	background-color: #963; 
	color: #FFF; 
	border: 1px solid black; 
	padding: 6px;
	font-size: 12px;
}*/
/* couleur et taille de la fleche à personnaliser
.tooltip.top > .tooltip-arrow {
	border-top: 5px solid black;
}
.tooltip.bottom > .tooltip-arrow {
	border-bottom: 5px solid black;
}
.tooltip.left > .tooltip-arrow {
	border-left: 5px solid black;
}
.tooltip.right > .tooltip-arrow {
	border-right: 5px solid black;
}*/
/*Perso fancybox*/
.a_fancy>a:hover, .a_fancy>a:visited, .a_fancy>a:active, .a_fancy>a:focus { 
	text-decoration:none; 
	background-color:transparent; 
}
.fancybox-close-pc{right:0 !important}

/*Masquer les cartes zoomify sur les resolutions inférieures à 360px*/
@media (max-width: 360px) {
#map_dept_1, #map_detail_1 {display:none}
}
/*Page commande progressbar
*/	.stepwizard {
		display: table;
		width: 100%;
		position: relative;
		text-align:left;
	}
	.stepwizard .btn[disabled] {
		opacity:1 !important;
		color:#bbb;
	}
	.stepwizard .btn-success {
		color:#000 !important;
	}
	.stepwizard-row {
		display: table-row;
	}
	.stepwizard-row:before {
		top: 14px;
		bottom: 0;
		position: absolute;
		content:" ";
		width: 100%;
		height: 1px;
		background-color: #ccc;
		z-index: 0;
	}
	.stepwizard-step {
		display: table-cell;
		text-align: center;
		position: relative;
	}
	.stepwizard-step p {
		margin-top: 0px;
		color:#666;
	}*
	.btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 6px 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
		pointer-events: none;
		cursor: none;
	}
	
	hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	}