/* Grid System CSS ============================================================= */

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

html {background:#FFF url(../images/bg.jpg) repeat center top;}

<!--body {background:url(../images/body.jpg) no-repeat center top;height:1600px}-->
body { height:1600px}
.body1 {background:url(../images/body.jpg) no-repeat center top;height:1600px}
.body2 {background:url(../images/body-2.jpg) no-repeat center top;height:1600px}
.body3 {background:url(../images/body-3.jpg) no-repeat center top;height:1600px}
.body4 {background:url(../images/body-4.jpg) no-repeat center top;height:1600px}
.body5 {background:url(../images/body-5.jpg) no-repeat center top;height:1600px}

/* Page Elements ============================================================= */

/* NEWSLETTER */
#newsletter .field {position: relative;}
#newsletter button {background: #F3F3F3 url(../images/subscribe-newsletter.png) no-repeat center center; border: 1px solid #CCC; cursor: pointer; height: 24px; position: absolute; right: 0; width: 22px;}
#newsletter button:hover {background: #F3F3F3 url(../images/subscribe-newsletter-hover.png) no-repeat center center; border: 1px solid #CCC; cursor: pointer; height: 24px; position: absolute; right: 0; width: 22px;}
#newsletter input {border: 1px solid #CCC; font-family: arial, sans-serif; float: left; height: 14px; padding: 4px 0 4px 4px; width: 180px;}
.newsletter_legals { font-family: arial, sans-serif; font-size: 8px; color:#888 }
.newsletter_text { font-family: arial, sans-serif; font-size: 11px; color:#333 }
.msgnewsletter { font-family: arial, sans-serif; font-size: 8px; }
.green { color:#093; font-size:12px; }
.red { color:#DD0005; font-size:12px; }

/* Pagination */
.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}

.pagination a {
background:#f2f3f3;
border:1px solid #888888;
color:#333333;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#333333;
border:1px solid #333333;
color:#f2f3f3
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#999;
border:1px solid #999;
color:#f2f3f3;
font-weight:700;
margin:2px;
padding:.2em .4em
}


#container{width:980px;margin:0 auto;background:#FFF url('../images/container_bg.jpg') repeat-y center;overflow:auto;border:1px solid #CCC;-moz-border-radius:0px 0px 15px 15px;-webkit-border-radius:0px 0px 15px 15px;}
#wrapper{width:940px;margin:0 auto;padding-top:20px}
#header{margin:0 auto;background:transparent url('../images/head.jpg') no-repeat center;width:980px;height:120px}
#header p.tag {position:relative;float:right;top:60px;right:20px;font-weight:bold;color:#CCC}

.total {color:#FFF; font-weight:bold;}

.menu{margin:0 auto;background:transparent url('../images/menu_bg.jpg') no-repeat center;width:980px;height:40px;}
.menu ul {height:44px; margin-left:25px;}
.menu ul li{display:inline;color:#FFF;line-height:44px;}
.menu ul li a{color:#FFF;font-weight:bold;text-transform:uppercase; margin-left:20px; margin-top:30px;}
.menu p.slogan {color:#FFF;line-height:44px;text-align:center;font-weight:bold;}


/* Home > defilement d'images */

#slider {height:260px;background:#DDD;width:336px;overflow:hidden;position:relative}
#slider img {margin-bottom:20px}
.slideshow {height:220px;width:336px;margin:0 auto;background:#000;overflow:hidden}
.slideshow img {border:0;background-color:transparent;}

.see_more { font-size:14px; font-weight:600; text-align:left; }
.caption { font-size:14px; font-weight:bold }
#apDiv1 {
	position:absolute;
	left:90px;
	bottom:-13px;
	width:336px;
	height:40px;
	color:#000;
	/*background-color:#FFF;*/
    opacity : 0.8; 
    filter : alpha(opacity=8);
	z-index:0;
}


/* IMAGE */
img {border:0 none;}
img.pic1 {border:2px double #eaeaea; margin-bottom:20px }
img.pic1:hover {border:2px double #b6b6b6; margin-bottom:20px }
img.pic1:visited {border:2px double #000; margin-bottom:20px }


/* TITLE SNIPPET */
#apDiv2 {
	position:relative;
	left:2px;
	top:22px;
	width:200px;
	height:20px;
	color:#000;
	/*background-color:#000;*/
	background-image:url(../images/bg.jpg);
    opacity : 0.6; 
    filter : alpha(opacity=6);
	z-index:0;
	text-align:center;
}

.img_title a { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }
.img_title a:hover { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }
.img_title a:visited { font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }
/*.img_title a:hover { font-size:12px; text-decoration:underline; color:#000; }
.img_title a:visited { font-size:12px; text-decoration:none; color:#639; }*/


/* Snipet index*/
#apDiv_index {
	position:relative;
	left:2px;
	top:22px;
	width:220px;
	height:20px;
	color:#000;
	/*background-color:#000;*/
	background-image:url(../images/bg.jpg);
    opacity : 0.6; 
    filter : alpha(opacity=6);
	z-index:0;
	text-align:center;
}

/* VUE FINALE */

.latlon { font-size:10px; font-weight:bold; text-decoration:line-; color:#666666; }
.fullscreen { font-size:11px; text-decoration:line-; color:#666666; }

/* Snipet index*/
#apDiv_vue {
	position:relative;
	left:2px;
	top:22px;
	width:200px;
	height:20px;
	color:#000;
	/*background-color:#000;*/
	background-image:url(../images/bg.jpg);
    opacity : 0.6; 
    filter : alpha(opacity=6);
	z-index:0;
	text-align:center;
}
.vue_sous_title { font-size:12px; font-weight:bold; text-decoration:line-; color:#666666; }


#slider_nav{clear:both;height:40px;background:#EEE;width:336px}
#slider_nav p {line-height:105px;float:left;position:relative;left:10px}
#slider_nav .left{font-weight:bold}
#slider_nav .right{font-weight:bold}

#footer_links {width:940px;padding:20px;background:#ecece7;overflow:auto;margin:0 auto;border:1px solid #CCC;-moz-border-radius:0px 0px 15px 15px;-webkit-border-radius:0px 0px 15px 15px;}
#footer_links p, #footer_links ul {margin:0}
footer{width:980px;margin:0 auto;height:40px;color:#999;}
footer p {margin-left:10px;text-align:center;margin-bottom:5px;}

#content_left {width:200px;float:left;padding:0px;padding-right:20px}
#content_left h1,#content_left h2 {font-size:20px}
#content_right{width:700px;margin-left:20px;float:right;min-height:800px}

/* Layout classes ============================================================= */

.divide{clear:both;height:90px;}
.col_divide{clear:both;height:10px;}
.clr{clear:both}

.right_one{width:220px;float:left;margin-left:0px}
.right_two{width:220px;float:left;margin-left:20px}
.right_three{width:220px;float:left;margin-left:20px}

/*Five Columns*/

.five_col_a{width:172px;float:left}
.five_col_b{width:172px;float:left;margin-left:20px}
.five_col_c{width:172px;float:left;margin-left:20px}
.five_col_d{width:172px;float:left;margin-left:20px}
.five_col_e{width:172px;float:left;margin-left:20px}

/* Search */
#map-searchbar-r { position:relative; top:-26px; left:0px; width:150px; font-size:12px; line-height: 12px; line-height: 12px; font-family:Arial, Helvetica, sans-serif; border: 0px solid #818181; z-index:9999; }

.map-searchbar-r-input { background-image:url(icon_search_large.png); background-repeat:no-repeat; background-position:right bottom; border: 1px solid #818181; height:20px; width:150px; padding:2px 2px 2px 7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

.annonce_text {
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  border-top: 1px solid lightgrey; 
  padding-top: 5px;
}