@charset "UTF-8";
/* CSS Document */

@media 
only screen and (-moz-min-device-pixel-ratio:1.5), 
only screen and (-o-min-device-pixel-ratio:3/2), 
only screen and (-webkit-min-device-pixel-ratio:1.5), 
only screen and (min-device-pixel-ratio:1.5) {

body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

body {
    background: none repeat scroll 0 0 #232323;
    font-family:Helvetica, Arial, sans-serif;
    margin: 0;
	width:100%;
}
a{
	color:#00a6ff;
	text-decoration:none;
	font-size:12px;
}
.spacer10{
	display:block;
	height:10px;	
}
/* header */
#header {
    width: 100%;
}
#header-top {
    background: none repeat-x scroll 0 top #232323;
    border-top: 1px solid #333333;
    height: 45px;
}
#header-top .logo {
    float: left;
    padding-left: 14px;
    padding-top: 14px;
}
#header-top .logo a {
}
#header-top .login {
    float: right;
    padding-top: 15px;
	margin-right:15px;
	display:none;
}
#header-top .login a {
}
#header-lueur{
	position:absolute;
	right:0px;
	top:47px;
	height:39px;
	width:47px;
    background: url("/img/lueur.png") no-repeat scroll right top transparent;
}
#header-bottom {
	background: #00a6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #00a6ff 0%, #00a6ff 50%, #007aba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6ff), color-stop(50%,#00a6ff), color-stop(100%,#007aba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00a6ff 0%,#00a6ff 50%,#007aba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00a6ff 0%,#00a6ff 50%,#007aba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00a6ff 0%,#00a6ff 50%,#007aba 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00a6ff 0%,#00a6ff 50%,#007aba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ff', endColorstr='#007aba',GradientType=0 ); /* IE6-9 */
	height: 52px;
	border-top: 1px solid #80D3FF;
	width:100%;
}

#header-bottom .left {
    float: left;
    padding-left: 15px;
    padding-top: 10px;
}
#header-bottom .left input {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    text-shadow: -1px -1px 0 #128ED0;
	background:none;
	border:none;
	min-width:200px;
	margin-left:-10px;
}
#header-bottom .right input {
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    text-shadow: -1px -1px 0 #128ED0;
	background:none;
	border:none;
	min-width:150px;
	position:absolute;
	margin-left:20px;
	margin-top:-3px;
	display:none;
}

#header-bottom .left a img {
    margin-right: 14px;
}
#header-bottom .right {
    height: 52px;
    padding-right: 14px;
    padding-top: 16px;
    text-align: right;
    width: 40px;
	position:absolute;
	right:0px;
}

#header-bottom .right span{
    background: url("/img/arrow-header.png") no-repeat scroll right 0 transparent;
	position:absolute;
	right:42px;
	height:52px;
	width:10px;
	margin-top:-16px;
}

#recherche_bouton{
	display:none;
	position:absolute;
	right:0px;
	background:none;
	border:none;
	width:40px;
	height:52px;
}
#recherche_bouton button{
	border:none;
	background:none;
	margin-top:15px;
	margin-left:8px;
}

#recherche_bouton span{
	background: url("/img/arrow-header.png") no-repeat scroll right 0 transparent;
	position:absolute;
	right:42px;
	height:52px;
	width:10px;
}

.no-search{
	padding:10px 10px 10px 10px;
	font-size:14px;
}
.search-step2{
	display:none;
}
.no-search a{
	font-size:14px;
}
/* content */
#content {
    background: none repeat scroll 0 0 #F3F3F3;
    width: 100%;
}
#content .box {
    color: #B3B3B3;
    font-size: 11px;
    left: 0;
    padding-bottom: 19px;
    padding-top: 74px;
    position: absolute;
    text-decoration: none;
    width: 99.5%;
}
#content .box:hover {
	border: 1px solid #161c21;
    color: #FFFFFF;
}
#content .bg-hover {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    float: left;
    height: 108px;
    position: relative;
    text-align: center;
    width: 33.1%;
}
#content .bg-hover:hover {
	background: #0077b7; /* Old browsers */
	background: -moz-linear-gradient(top, #0077b7 0%, #00a6ff 30%, #00a6ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077b7), color-stop(30%,#00a6ff), color-stop(100%,#00a6ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0077b7 0%,#00a6ff 30%,#00a6ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0077b7 0%,#00a6ff 30%,#00a6ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0077b7 0%,#00a6ff 30%,#00a6ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0077b7 0%,#00a6ff 30%,#00a6ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077b7', endColorstr='#00a6ff',GradientType=0 ); /* IE6-9 */
}
#content .box1 {
    background: url("/img/super-market.png") no-repeat scroll center 25px transparent;
}
#content .box1:hover {
    background: url("/img/super-market-hover.png") no-repeat scroll center 25px transparent;
}
#content .box2 {
    background: url("/img/coffee.png") no-repeat scroll center 25px transparent;
}
#content .box2:hover {
    background: url("/img/coffee-hover.png") no-repeat scroll center 25px transparent;
}
#content .box3 {
    background: url("/img/burger.png") no-repeat scroll center 25px transparent;
}
#content .box3:hover {
    background: url("/img/burger-hover.png") no-repeat scroll center 25px transparent;
}
#content .box4 {
    background: url("/img/restaurant.png") no-repeat scroll center 25px transparent;
}
#content .box4:hover {
    background: url("/img/restaurant-hover.png") no-repeat scroll center 25px transparent;
}
#content .box5 {
    background: url("/img/sac.png") no-repeat scroll center 25px transparent;
}
#content .box5:hover {
    background: url("/img/sac-hover.png") no-repeat scroll center 25px transparent;
}
#content .box6 {
    background: url("/img/bar.png") no-repeat scroll center 25px transparent;
}
#content .box6:hover {
    background: url("/img/bar-hover.png") no-repeat scroll center 25px transparent;
}
#content .box7 {
    background: url("/img/valise.png") no-repeat scroll center 25px transparent;
}
#content .box7:hover {
    background: url("/img/valise-hover.png") no-repeat scroll center 25px transparent;
}
#content .box8 {
    background: url("/img/photo-m.png") no-repeat scroll center 25px transparent;
}
#content .box8:hover {
    background: url("/img/photo-hover.png") no-repeat scroll center 25px transparent;
}
#content .box9 {
    background: url("/img/men.png") no-repeat scroll center 25px transparent;
}
#content .box9:hover {
    background: url("/img/men-hover.png") no-repeat scroll center 25px transparent;
}
#content .box10 {
    background: url("/img/essence.png") no-repeat scroll center 20px transparent;
}
#content .box10:hover {
    background: url("/img/essence-hover.png") no-repeat scroll center 20px transparent;
}
#content .box11 {
    background: url("/img/livres.png") no-repeat scroll center 25px transparent;
}
#content .box11:hover {
    background: url("/img/livres-hover.png") no-repeat scroll center 25px transparent;
}
#content .box12 {
    background: url("/img/atm.png") no-repeat scroll center 20px transparent;
}
#content .box12:hover {
    background: url("/img/atm-hover.png") no-repeat scroll center 20px transparent;
}
#content .bg-hover:nth-child(3), #content .bg-hover:nth-child(6), #content .bg-hover:nth-child(9), #content .bg-hover:nth-child(12) {
    border-right: medium none;
}

#footer {
    background: none repeat scroll 0 0 #232323;
    border-top: 1px solid #2E2E2E;
    bottom: 0;
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#footer a {
	color:#00a6ff;
	text-decoration:none;
	font-size:12px;
}

/* Page-list */
/* header */
#header-liste {
    background: url("/img/bg-header-liste.png") repeat-x scroll 0 bottom transparent;
    margin-bottom: -13px;
    padding-bottom: 13px;
    position: relative;
    width: 100%;
    z-index: 1;
}
#header-liste #header-top .logo #go-back{ /*Back Index*/
	position:absolute;
	top:19px;
	left:5px;
}
#header #header-top .logo #go-back{ /*Back List & Shop*/
	position:absolute;
	top:13px;
	left:5px;
}
#header-liste #header-bottom-liste .close {
	right:65px;
	position:absolute;
	top:60px;
}
#header-bottom-liste {
    background: none repeat scroll 0 0 #F3F3F3;
    height: 52px;
	box-shadow: 0px 5px 5px #CCC;
}
#header-bottom-liste .left {
    float: left;
    height: 74%;
    padding-left: 15px;
    padding-top: 14px;
}
#header-bottom-liste .left a {
    color: #000000;
    float: left;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}
#header-bottom-liste .right {
    background: url("/img/bg-header-bottom-right-liste.png") no-repeat scroll right top transparent;
    float: right;
    height: 69%;
    padding-right: 14px;
    padding-top: 16px;
    text-align: right;
    width:40px;
}

/* content-liste */
#content-liste {
    background: none repeat scroll 0 0 #F3F3F3;
    width: 100%;
	padding-bottom:15px;
}
.box-annonce {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #E6E6E6;
    height: 95px;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.last-box-annonce {
    border-bottom: none;
}
.box-annonce .left {
    float: left;
    padding-left: 15px;
    width: 80px;
}
.box-annonce .left .logo {
	-moz-box-shadow: 0px 1px 2px 0px #cfcfcf;
	-webkit-box-shadow: 0px 1px 2px 0px #cfcfcf;
	-o-box-shadow: 0px 1px 2px 0px #cfcfcf;
	box-shadow: 0px 1px 2px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=3);
	width: 56px;
}
.box-annonce .left .note {
    color: #B3B3B3;
    font-size: 9px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.box-annonce .left .note-icon {
}
.box-annonce .right {
    float: left;
    width: 70%;
}
.box-annonce a {
    cursor: pointer;
    display: block;
}
.box-annonce .right .title {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    line-height: 19px;
}
.box-annonce .right .sub-texte {
    color: #B3B3B3;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.box-annonce .right .infos {
    color: #00A6FF;
    font-size: 17px;
}
.load-more {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	-webkit-box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	display:block;
	border: 1px solid #dbdbdb;
	text-shadow: 2px 1px 1px #FFFFFF;
	color: #666666;
	border-radius: 20px 20px 20px 20px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	font-size: 25px;
	cursor:pointer;
}


/* Page-details */
/* content-details */
#content-details {
    background: none repeat scroll 0 0 #F3F3F3;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}
.top {
}
.top .left {
    float: left;
    margin-left: 15px;
	width:80%;
}
.tr {
    clear: both;
    height: 40px;
}
.tr .texte {
   float: left;
   margin-left: 20px;
   position: absolute;
}

.tr img {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}
.tr1 {
    font-size: 23px;
    font-weight: bold;
	
}
.tr1 .texte{
	width:70%;
}
.tr2 {
    color: #00A6FF;
    font-size: 13px;
}
.tr3 {
    color: #333333;
    font-size: 13px;
}
.top .right {
	-moz-box-shadow: 0px 1px 2px 0px #cfcfcf;
	-webkit-box-shadow: 0px 1px 2px 0px #cfcfcf;
	-o-box-shadow: 0px 1px 2px 0px #cfcfcf;
	box-shadow: 0px 1px 2px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=3);
	float: right;
    margin-right: 15px;
	width: 56px;
}
.btn-box {
    clear: both;
    padding-top: 10px;
}
.yelow {
	background: #ffffcf; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffcf 0%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffcf), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffcf 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffcf 0%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffcf 0%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffcf 0%,#ffff00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcf', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: 0px 2px 1px 0px #bfbfbe;
	-webkit-box-shadow: 0px 2px 1px 0px #bfbfbe;
	-o-box-shadow: 0px 2px 1px 0px #bfbfbe;
	box-shadow: 0px 2px 1px 0px #bfbfbe;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bfbfbe, Direction=180, Strength=1);
	color: #000000;
    cursor: pointer;
    display: block;
    font-size: 23px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: left;
    text-shadow: 1px 1px 1px #FFFFFF;
	border-radius: 20px 20px 20px 20px;
	padding-left:25px;
	text-decoration:none;
	margin-bottom:20px;
	font-weight:bold;
}
.yelow:hover {
	background: #abab00; /* Old browsers */
	background: -moz-linear-gradient(top, #abab00 0%, #ffff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abab00), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #abab00 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #abab00 0%,#ffff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #abab00 0%,#ffff00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #abab00 0%,#ffff00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abab00', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
}
.yelow img {
    float: right;
    margin-right: 25px;
    margin-top: 4px;
}
.btn-box .load-more {
    margin-bottom: 20px;
    text-decoration: none;
}
.note-globale {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	-webkit-box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	box-shadow:inset 0px 0px 15px 3px #f5f5f5;
	display:block;
	border: 1px solid #dbdbdb;
	text-shadow: 3px 2px 1px #FFFFFF;
	color: #666666;
	border-radius: 20px 20px 20px 20px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	font-size: 25px;
	cursor:pointer;
	margin-bottom:20px;
	overflow:hidden;
}

.section .top {
    color: #333333;
    font-size: 13px;
    margin-bottom: 10px;
	text-align:left;
	padding-left:4px;
}
.section .top span {
    color: #333333;
	position:absolute;
	right:8%;
}


/*  SECTIONS  */
.section {
	clear: both;
	width:98%;
	margin:0 1% 0 2%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	height:10px;
	margin: 3px 0 3px 3px;
	background: #0079b9; /* Old browsers */
	background: -moz-linear-gradient(top, #0079b9 0%, #00a6ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0079b9), color-stop(100%,#00a6ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0079b9 0%,#00a6ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0079b9 0%,#00a6ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0079b9 0%,#00a6ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0079b9 0%,#00a6ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079b9', endColorstr='#00a6ff',GradientType=0 ); /* IE6-9 */	
}
.col:first-child { margin-left: 0; }

.col-no {
 display: block;
 float:left;
 border:1px solid #D8D8D8;
 height:10px;
 margin: 3px 0 3px 3px;
 background: #DFDFDF; /* Old browsers */
 background: -moz-linear-gradient(top, #EFEFEF 0%, #DFDFDF 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#DFDFDF)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #EFEFEF 0%,#DFDFDF 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #EFEFEF 0%,#DFDFDF 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #EFEFEF 0%,#DFDFDF 100%); /* IE10+ */
 background: linear-gradient(to bottom, #EFEFEF 0%,#DFDFDF 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#DFDFDF',GradientType=0 ); /* IE6-9 */
}

.col-no:first-child { margin-left: 0; }

.span_5_of_5 {
	width: 18%;
	border-radius: 0 15px 15px 0;
}
.span_3_of_5 {
	width: 17.8%;
}
.span_4_of_5 {
	width: 17.8%;
}
.span_2_of_5 {
	width: 17.8%;
}
.span_1_of_5 {
	width: 17.8%;
	border-radius:  15px 0 0 15px ;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}


.load-more {
	border-radius: 15px 15px 15px 15px;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.time{
	height:30px;
	display:block;
	background:url(/img/bg_time.png) -0px -0px;
	height:30px;
	position:relative;
	margin-left:53px;
	margin-right:15px;
	margin-bottom:10px;
	border-radius: 5px 5px 5px 5px ;
}

.day.selected{
	background-color:#306;
}

.time-line{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-left:5.16%;
	padding-top:8px;
	z-index:100;
}
.close{
	color:#969696;
    text-shadow: 1px 1px 0 #fff;
}

.time-indicator{
	background:#666666;
	height:29px;
	border-radius: 5px 5px 5px 5px;
	z-index:10000;
	margin-top:-22px;
	width:83.33%;
	margin-left:4.16%;
}

.time-indicator-selected{
	background-color:#00a6ff;
	height:29px;
	border-radius: 5px 5px 5px 5px;
	z-index:10000;
	margin-top:-22px;
	width:83.33%;
	margin-left:4.16%;
}
.time-indicator-close{
	display:none;
}

.time .day{
	color:#999999;
	font-size:12px;
	font-weight:bold;
	background-color:#f3f3f3;
	box-shadow: 1px 1px 2px #CCC;
	padding-top:5px;
	border-radius: 2px 2px 2px 2px;
	float:left;
	height:20px;
	margin-left:-36px;
	border:0.1em solid #EAEAEA;
	text-align:center;
	width:26px;
}

.day-selected{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background-color:#00a6ff;
	box-shadow: 1px 1px 2px #CCC;
	padding-top:5px;
	border-radius: 2px 2px 2px 2px;
	float:left;
	height:20px;
	margin-left:-36px;
	border:0.1em solid #EAEAEA;
	text-align:center;
	width:26px;
}

.horaire{
	margin-bottom:30px;
}

/*MAPS*/
.maps-content{
	height:250px;
	overflow:hidden;
	margin:0;
}

.map-title{
	background-color:#000;
	height:40px;
	position:absolute;
	width:100%;
	color:#FFF;
	font-weight:normal;
	font-size:12px;
    -khtml-opacity:0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
    filter : alpha(opacity=50); 
    opacity : 0.5;
    z-index: 1000;
}
.map-title div{
	position:absolute;
	margin-top:-14px;
	margin-left:43px;
}

.map-title img{
    -khtml-opacity:0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
    filter : alpha(opacity=50); 
    opacity : 0.5;
	margin-top:13px;
	margin-left:20px;
	margin-right:8px;
}

.map {
    width: 100%;
    height: 250px;
}
/*Avis client*/

.avis{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

.avis h1{
	font-size:17px;
	color:#333333;
	margin-left:20px;
}

.avis textarea{
	height:100px;
	width:90%;
	margin:auto;
	border-radius: 20px 20px 20px 20px;
	resize:none;
	-moz-box-shadow:inset 5px 0px 15px 3px #f5f5f5;
	-webkit-box-shadow:inset 5px 0px 15px 3px #f5f5f5;
	box-shadow:inset 2px 1px 2px 0px #999;
	display:block;
	border: 1px solid #CCC;
	margin-bottom:10px;
}

.avis-rating .top {
    color: #333333;
    font-size: 13px;
    margin-bottom: 10px;
	text-align:left;
	padding-left:10px;
}
.avis-rating .top span {
    color: #333333;
	position:absolute;
	right:8%;
}


#where{
	display:none;
}

#phone-info{
	color: #999;
    font-size: 13px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
	background:none;
	border:none;
	display:block;
	margin-top:-12px;
	padding-left:13px;
	padding-right:13px;
	margin-bottom:15px;
	text-align:center;
}




/*Font size rules*/
@media screen and (min-width: 319px) and (max-width: 480px) {
.box-annonce .right .title {
    font-size: 17px;
}
.box-annonce .right .sub-texte {
    font-size: 12px;
}
.box-annonce .right .infos {
    font-size: 12px;
}

}

@media screen and (min-width: 481px) and (max-width: 550px) {
.box-annonce .right .title {
    font-size: 19px;
}
.box-annonce .right .sub-texte {
    font-size: 13px;
}
.box-annonce .right .infos {
    font-size: 13px;
}

}


/*Smartphone*/
@media screen and (min-width: 319px) and (max-width: 520px) {
	.top .left {
		float: left;
		margin-left: 15px;
		width:200px;
		font-size:12px;
	}
	.tr1 .texte{
		font-size:17px;
	}
}
@media screen and (min-width: 319px) and (max-width: 846px) {
	.tr1 .texte{
		font-size:17px;
	}
}

@media screen and (min-width: 421px) and (max-width: 480px) {
.top .left {
    float: left;
    margin-left: 15px;
	width:200px;
	font-size:12px;
}
}