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

html,body {
	width:100%;
	margin:0;
	background:#666666;
}

/* STANDARD SETS */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
p {
	padding:7px;
	text-align:justify;
}
img {
	border:none;
}
img a:link{
	border:none;
}
h1 {
	text-align:center;
	font-size:1.1em;
	text-transform:uppercase;
}
a:link { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }

.dotted_hr {
	border-bottom:#CCCCCC 1px dotted;
}

/* TOP */
#Top {
	background-color:#333333;
	color:white;
}

#PageTitle {
	background:#1B1B1B url(../img/bg_top_title.png) repeat-x;
	text-align:center;
	height:35px;
	border-bottom:black 1px solid;
}

#TopNavBar {
	background:#333333 url(../img/bg_top_navbar.png) repeat-x;
	text-align:center;
	height:46px;
}
#TopNavBar .geolocation_pointer {
	float:right;
	margin-top:5px;
	margin-right:5px;
}


/* PUSH - MISES EN AVANT*/
#Push {
	background:#A0A0A0 url(../img/bg_suggestions.gif) repeat-x;
	height:50px;
}
#Push .text {
	width:90%;
	float:left;
	vertical-align:top;
	padding:3px;
}
#Push .title {
	font-size:1em;
	font-weight:bold;
	color:red;
	text-align:left;
	clear:both;
}
#Push .description {
	font-size:1em;
	text-align:left;
	color:#000;
}
#Push .arrow {
	float:right;
	margin:0 8px 0 0 ;
}
#Push .link {
	display:block;
	width:100%;
	text-decoration:none;
}
#Push a:link { color:#000000; text-decoration:none; }
#Push a:visited { color:#000000; text-decoration:none; }
.bottom{
	padding:3px;
	color:#FFFFFF;
	background:#666666;
	font-size:0.8em;
}

/* GEOLOCATION */
.UserLocation {
	padding:5px;
	background:#0099CC url(../img/bg_title_bar24.png) repeat-x;
	color:white;
	font-weight:bold;
	text-align:center;
	text-shadow: #006F93 -1px -1px; 
	border-top: #0092C1 1px solid;
	border-bottom: #006F93 1px solid;
	height:16px;
}


/* CATEGORY */
#Category h1 {
	text-align:center;
}

.icon {
	margin-top:5px;
	text-align:center;
	float:left;
	width:32%;
	font-size:small;
	vertical-align:top;
}
#Category .title {
	vertical-align:top;
	
}
#Category .description {
	float:left;
	margin-top:10px;
	border-top:#CCCCCC 1px dotted;
	padding:10px;
	text-align:justify;
}
#Category a:link { color:#000; text-decoration:none; }
#Category a:visited { color:#000; text-decoration:none; }
#Category .rating {
	padding:5px;
}

/* BOUTONS LARGE */
.btnAffiner {
	background:#A0A0A0 url(../img/bg_affiner.png) repeat-x;
	padding:15px;
	border-top:#999999 1px solid;
	font-weight:bold;
}
.btnAffiner .arrow {
	float:right;
}
.btnDispo {
	background:#A0A0A0 url(../img/bg_affiner.png) repeat-x;
	padding:15px;
	border-bottom:#999999 1px solid;
	font-weight:bold;
}

/* LISTING */
#Listing {
	width:100%;
}

#Listing .StatusBar {
	background: #0099FF;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	text-align:center;
}
#Listing .StatuBar a:link {
	color:#FF6600;
	text-decoration:none;
}
#Listing .StatusBar a:visited {
	color:#FF6600;
	text-decoration:none;
}

#Listing .bloc0 {
	background: url(../img/bg_listing_bloc.png);
	height:90px;
}
#Listing .bloc1 {
	background: url(../img/bg_listing_bloc2.png);
	height:90px;
}
#Listing .bloc0 .arrow, #Listing .bloc1 .arrow {
	float:right;
	margin-top:36px;
	margin-right:8px;
}
#Listing .date {
	font-weight:bold;
	color:#666666;
}
#Listing .text {
	float:left;
	vertical-align:top;
	padding:2px 0px 0px 0;
	height:80px;
	width:71%;
	/*font-size:12px;*/
}
#Listing .title {
	float:left;
	font-weight:bold;
	color:#0099CC;
}
#Listing .closed_beach {
	font-weight:bold;
	color:red;
}
#Listing .description {
}

#Listing .price {}
#Listing .evaluation{}
#Listing .geoloc {}
#Listing .city{}
#Listing .photo img {
	width:100%;
	height:100%;
}
#Listing .photo {
	float:left;
	margin:3px 5px 0 3px;
	border: #999999 1px solid;
	padding: 1px;
	height:60px;
	width:60px;
	max-width:17%;
}
#Listing .blocLink {
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
}

#Listing .keywords {
	color:#0066CC;
	font-weight:bold;
}
#Listing .result {
	padding:5px;
}

/* ITEM ELEMENTS */
#itemBloc {
}
#itemBloc h3 {
	margin:5px 0 5px 0;
	padding:5px;
	color:white;
	border-top: #0092C1 1px solid;
	border-bottom: #006F93 1px solid;
	background: #0099CC url(../img/bg_title_bar24.png) repeat-x;
	text-shadow: #006F93 -1px -1px; 
	height:16px;
}
#itemBloc p {
	margin:5px 0 10px 0;
	padding:10px 5 10px 5;
}
#itemBloc .itemPictures {
	position:relative;
}
#itemBloc .itemPictures img {
	width:100%;
	border-top: #333333 6px solid;
	border-bottom: #333 6px solid;
}
#itemBloc .itemPicturesCommune img {
	width:9%;
	border: #999999 2px solid;
	float:left;
	margin:5px;
	padding:1px;
}

#itemBloc .itemAddress {
	margin-top:5px;
	float:left;
}

#itemBloc .itemLocalise {
	color: #333333;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}

#itemBloc .itemPhone {
	background:#FF9900;
	margin-top:5px;
	padding:10px;
	text-align:center;
	float:left;
}
#itemBloc .itemPhone a:link {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#itemBloc .itemEmail {
	background: #0099CC;
	margin:5px 0 5px 0;
	padding:10px;
	text-align:center;
	float:left;
}
#itemBloc .itemEmail a:link {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#itemBloc .itemWeb {
	background: #99CC00;
	margin:5px 0 5px 0;
	padding:10px;
	text-align:center;
	float:left;
}
#itemBloc .itemWeb a:link {
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#itemBloc .itemWeb a:visited {
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#itemBloc .img_contact {
	margin-right:5px;
}

#itemBloc .itemLeftStd {
	text-align:left;
	clear:left;
	border-bottom:#CCCCCC 1px dotted;
}
#itemBloc .itemDesc  {
	text-align:justify;
	clear:both;
}
#itemBloc .itemAgendaDate  {
	text-align:center;
	margin-bottom:5px;
	clear:both;
}
#itemBloc .evaluation {
	background:#E9E9E9;
	border:#CCCCCC 1px solid;
	margin:5px;
}
#itemBloc h4 {
	text-decoration:underline;
	font-weight:bold;
}
#itemBloc .eval_name {
	font-style:italic;
	padding:5px;
	border-bottom:#CCCCCC 1px solid;
}
#itemBloc .eval_title {
	font-weight:bold;
	padding:5px;
	background:white;
	border-bottom:#CCCCCC 1px dotted;
}
#itemBloc .eval_comment {
	background:white;
	padding:5px;
}

/* ALERTS */
#Success {
	color:#003300;
	background:#339900;
	border:#003300 1px solid;
	padding:10px;
	font-weight:bold;
}

#Error {
	color:#FFF;
	background: #CC0000;
	border:#FFF 1px solid;
	padding:10px;
	font-weight:bold;
}

/* FOOTER */
#PageRoot {
	text-align:left;
	clear:both;
	padding:10px;
	border-top:#CCCCCC 1px dotted;
	border-bottom:#CCCCCC 1px dotted;
}
#PageRoot a:link { color: #0066CC; text-decoration:none; }
#PageRoot a:visited { color:#0066CC; text-decoration:none; }

#CityLink {
	text-align:left;
	clear:both;
	padding:10px;
}
#CityLink a:link { color: #0066CC; text-decoration:none; }
#CityLink a:visited { color:#0066CC; text-decoration:none; }

#Copyrights {
	float:left;
	border-top:#000 1px solid;
	width:100%;
	background:#333333 url(../img/bg_footer.png) repeat-x;
	color:#FFFFFF;
}
#Copyrights a:link { color:white; }
#Copyrights a:visited { color:white; }
#Copyrights p{
	text-align:center;
	margin:0;
	padding-top:15px;
	padding-bottom:15px;
	text-shadow: #000 -1px -1px; 
}

/* LEGAL MENTIONS */
#Legal {
	padding:5px;
}
#Legal p {
	padding:0;
	margin:8px 0 8px 0;
}
#Legalcenter {
	padding:5px;
}
#Legalcenter p {
	padding:0;
	margin:0;
	text-align:center;
}
#Legal h2 {
	margin-top:10px;
	margin-bottom:5px;
	font-size:14px;
}

/* ALERTES FERMETURES PLAGES */
.alert_plage {
	color:#FF0000;
	font-weight:bold;
}

#closed_beach_bloc {
	width:100%;
	/*border-top:2px red solid;
	/*border-bottom:2px red solid;*/
	/*height:80px;*/
	clear:both;
}
#closed_beach_bloc img {float:left; width:20%; margin:2%;}
#closed_beach_bloc .text, #closed_beach_bloc .comment {
	float:left;
	margin-top:2%;
	margin-right:2%;
	vertical-align:top;
	text-align:left;
	width:70%;
}
#closed_beach_bloc .text {color:red; font-weight:bold;}
#closed_beach_bloc .comment {margin-bottom:2%;}
#closed_beach_bloc hr {
	width:100%; 
	clear:both; 
	margin:0px; 
	margin-top:5px; 
	/*margin-bottom:5px; */
	border:1px red solid;
}
   
.videowdg {
	margin: 0%;
	margin-top: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}
.videowdg img {
	width:120px;
	height:90px;
	margin: 0px;
	padding: 0px;
}
.videowdg .divimg {
	width:120px;
	height:90px;
	margin: auto;
	padding: 0px;
}
.videowdg iframe {
	width: 100%;
	height: 240px;
}