/* *****************************************************
   Filename: screen.css
   Author  : Revolver 3
   Date    : Aug 13, 2008

   *****************************************************
   main layout, general style
   ***************************************************** */

@import url(typography.css);

.moreinfos .content li.nodot{
	list-style: none;
	margin: 0;	
}
body {
	margin: 0;
	text-align: center;
	background-color: #2b2b2b;
	
}

ul
{
	margin: 0;
	padding: 0;
}

#global-content.planification #pagecontent hr {
  border: 0;
  width: 100%;
  height: 1px;
  color: #e4e1d2;
  background-color:#e4e1d2;
}

#header {
	background: #a7b41a;
}


#container {
	margin: 0 0 0 0;
	padding: 0 0 11px 0;
	width: 898px;
	background: #fff;
	float: left;
	overflow: hidden;  /* used because of the home page animation */
}

#container.nopadding {padding-bottom: 0px;}

#master {
	background:#F9F8F3 none repeat scroll 0 0;
	margin:0 auto;
	padding:8px 10px 10px;
	width:898px;
}
.clearer { 
	overflow: hidden; 
	height: 1px; 
	clear: both;
}


#container * {
	text-align: left;
}

#global-content{
	width:900px;
}

h2.front{
	padding: 7px 0;
}
h2.front.flo-l {float:left;}
h2.page_title
{
	margin-bottom:	2px;
}

/* No title on Planners home page */

#global-content.planification #pagecontent.choisir-laval h2.page_title, #global-content.planification #pagecontent.laval-at-a-glance h2.page_title {
	display:none;
}

h2.node_member
{
	margin-bottom:	25px;
}
h2.complex_visiteurs
{
	margin-bottom:	10px;
}
h2.margin_top_bottom
{
	margin:	10px 0 10px 0;
}

div.box h2
{
	color:			#000;
	margin:		10px 0 10px 0;
	font-size:	12px;
	border-bottom:		1px solid #e4e1d2 !important;
	padding-bottom:15px;
}


/* *****************************************************
   LINKS
******************************************************** */

.link-rarrow{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 20px 5px 5px;
}

.link-larrow{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 5px 5px 20px;
}


.link-rarrow img{
	border:0px;
}

/* *****************************************************
   header style
******************************************************** */

#header-phone {
	position:relative;
	float:right;
	top:-50px;
	right: 15px;
	width:136px;
	height:38px;
}

#header-phone.headerSimplicateur{
	top:-55px;
	right: -20px;
	height:48px;
}

#header #title {
	height: 95px;
	overflow:hidden;
}

#header #title a {
	display: block;
	width: 200px;
	text-indent: -9000px;
	height: 95px;
}

#header .text {
	color:white;
	display:block;
	font-size:11px;
	left:210px;
	position:relative;
	top:-67px;
	width:400px;
	line-height: 13px;
}


#header #menu-global{
	position:relative;
}

#header #menu-head{
	position:absolute;
	top:0;
	right:110px;
	width:400px;
}

#header #social_link {
	position:absolute;
	top:3px;
	right:-102px;
}

#header #menu-head ul{
	float:right;
}

#header #menu-head li{
	float:left;
	height:26px;
}

#header #menu-head li a{
	text-indent:-9000px;
	height:26px;
	display:block;
}

#header #menu-head li a:hover{
	background-position: 0px -30px;
	cursor:hand;
}

#slideshow {
	width:664px;
	height: 149px;
	float:left;
}
#sectionHeader{
	width:664px;
	height: 149px;
	float:left;	
}

/*--------------------------------------
 * 	Header imgs
 --------------------------------------*/

/* Default = visiteurs */

#slideshow {
	background: url(../images/slideshow-visiteur.jpg) no-repeat;
}

/* Sections overrides */

.medias #slideshow {
	background: url(../images/slideshow-media.jpg) no-repeat;
}

/* Subsections overrides (Visiteurs seulement pour l'instant) 

Convention: .subsection #slideshow.section (where .subsection is an URL fragment in the subsection pages)

*/

.visiteur .hebergement #slideshow {
	background: url(../images/1_2_HEADER_HEBERGEMENT.jpg) no-repeat;
}

.visiteur .restos #slideshow {
	background: url(../images/1_3_HEADER_RESTO_BARS.jpg) no-repeat;
}

.visiteur .sports #slideshow {
	background: url(../images/1_4_HEADER_SPORTS.jpg) no-repeat;
}

.visiteur .beaute #slideshow {
	background: url(../images/1_5_HEADER_SPA.jpg) no-repeat;
}

.visiteur .historique #slideshow {
	background: url(../images/1_6_HEADER_CULTURE.jpg) no-repeat;
}

.visiteur .agrotourisme #slideshow {
	background: url(../images/1_7_HEADER_AGROTOURISME.jpg) no-repeat;
}

.visiteur .magasinage #slideshow {
	background: url(../images/1_8_HEADER_MAGASINAGE.jpg) no-repeat;
}

.visiteur .evenements #slideshow {
	background: url(../images/1_10_HEADER_EVENEMENT.jpg) no-repeat;
}

 /*--------------------------------------*/

#newsletter {
	width:234px;
	height: 149px;
	overflow-y: hidden;
	float:left;
	background:#f3f3f3 url(../images/bg-newsletter.gif) no-repeat bottom left;
}

#newsletter .newsletterdesc{
	margin:11px;
	padding:20px 0 0 0;
}

#newsletter .newsletterform{
	float:right;
	margin:20px 10px 0 10px;
}

#newsletter .newsletterform input{
	float:right;
	margin-bottom:10px;
	font-size:10px;
	font-family:Verdana;
}

/* *****************************************************
   footer style
******************************************************** */

#footer {
	margin: 0px;
	padding:10px 0 0;
	color:#666666;
	background-color: #F9F8F3;
}

#footer .copyright{
	margin-top:10px;
	float: left;
}

#footer .footer-menu{
	float:left;
}

#footer .footer-logos{
	float:right;
}

#footer .footer-logos a{
	margin-left:45px;
}

/* *****************************************************
   navigation style
******************************************************** */

ul.nav {
	width: 100%;
	overflow: hidden;
}



ul#nav-sub li, ul#nav-main li {
	display:block;
	overflow:hidden;
	float:left;
}

ul#nav-sub li {
	/*width:100px;*/
}

ul.nav li a {
	display: block;
	float: left;
	padding: 8px 10px 0 10px;
	overflow: hidden;
	font-family: "arial narrow", sans-serif;
}

ul.nav li a img{ border:0px; }


ul#nav-main.nav {
	background: #fff;
}

ul#nav-main.nav li a {
	width: 160px;
	height: 42px;
	text-transform: uppercase;
	color: #9d9b92;
	font-size: 16px;
	line-height: 16px;
	text-indent:-9000px;
	cursor: pointer;
}

ul#nav-sub{
	width: 100%;
	margin-top:-1px;
} 

ul#nav-main.nav li a:hover, #current-main {
	color: #2b2b2b;
	background-color: #f9f8f3 !important;
	background-position: 0px -61px !important;
	cursor:pointer;
}

ul#nav-sub.nav li a {
	padding: 5px 0 0 0;
	/*width: 79px;*/
	display: inline;
	height: 24px;
	text-indent:-9000px;
	background-position: 0px 4px;
}


ul#nav-sub.nav li a:hover, #current-sub{
	background-position: 0px -20px !important;
	cursor:pointer;
}

input.error{
	background: #ffffcc;
	border: 1px dotted red !important;
}
.error{
	font-weight: normal !important;
}

#search-form #edit-submit{
border:medium none;
cursor:pointer;
height:17px;
margin-top:10px;
text-indent:-999em;
}

.brochure-text strong {
	color: #B43305;
}

/* Compare Table */
.compare-table td.first-cell, .compare-table td.odd, .compare-table td.even {}
.compare-table .etab-titles td.even, .compare-table .etab-titles td.odd {border-top: 5px solid #4277bf;}
.compare-table .etab-titles td.no-border-top {border-top: none;}
.compare-table td.even {background-color: #f3f3f3;}
.compare-table td {padding: 5px 10px; border-bottom: 1px solid #f4e1d2;}
.compare-table td.first-cell {border-top: none;}
td.no-border{border-bottom: none;}
.compare-table tr.etab-img td, .compare-table tr.etab-img td.even {border-bottom: none; background: none;}
.compare-table td.empt {padding: 2px;}
.blue {color: #4176BE; /*padding-left: 15px;*/}
.compare-table .compare-checkbox {margin-top: 10px;}

.compare-table .thumb img {float: left;}
.compare-table .thumb img.close-bt { float: right; }
.compare-table #btn-watchphotos  {float: left; clear: both;}
.compare-table div.thumb {width: 130px;}
.compare-table #additional{margin-bottom: 10px;}


/**
 * Albums photos 20100331 lavarenj 
 */

/* Views */
.view-albums-photo-list li {
  border-bottom: 1px solid #E4E1D2;
}

.view-albums-photo-list li a {
  display: block;
  background: url("../images/sarrow-red.gif") no-repeat scroll 5px center transparent;
  margin-left: 15px;
  padding: 3px 3px 3px 15px;	
}

.view-albums-photo-list li a.active {
	font-weight: bold;
}

.view-album-photo-display-page td, .view-album-photo-landing-page td {
	width: 160px;
	margin: 0;
	padding: 10px 5px;
	vertical-align: top;
}

.view-album-photo-display-page .views-field-title, .view-album-photo-landing-page a, .view-album-photo-display-page a {
	font-size: 10px;
}

.views-field-field-photo-originale-fid, .view-album-photo-display-page .views-field-title {
	width: 130px;
	margin: 0;
  padding: 0;
}

/* Blocks */
.medias #sidebar-left .block h2 {
	padding: 3px 3px 3px 15px;
	color: #888888;
	font-size: 12px;
	background: url("../images/sarrow-red.gif") no-repeat scroll 5px center #F9F8F3;
	border-bottom: 1px solid #E4E1D2;
	border-top: 1px solid #E4E1D2;
	margin-bottom: 0px;
}

#sidebar-left li.leaf {
	list-style-image: none;
	list-style-type: none;
}

#sidebar-left li {
	list-style: none;
}