/*Global page style
bleu très clair : #E1F0F7;
bleu clair : #0097C6;
bleu plus foncé : #0C6681;
*/

@import url('navigation.css');
body{
  padding : 0;
  margin : 0;
}

#page{
  position : relative;
  width : 959px;
  margin : 0 auto;
  padding : 0;
  background-image: url('http://info-tabac.lu/images/fond.gif');
  background-position: center;
  background-repeat : repeat-y;	
}
#outer_wrapper{
  width : 955px;
  margin: 0 2px;
}
#contentPage #outer_wrapper
{
  background :url(http://info-tabac.lu/images/fondContent.gif) repeat-y center; 	
}
#home #outer_wrapper,
#gallery #outer_wrapper{
  background :url(http://info-tabac.lu/images/fondHome.gif) repeat-y center; 	
}


/*header styles*/
#header {
	padding :1.8em 0 0 0;
	background-color : white;
	position:relative;
	background-image: url('http://info-tabac.lu/images/fond_header.gif');
	background-position: right 1.8em ;
	background-repeat : no-repeat;
}
#header h1{
	width : 180px;
	height : 134px;
	padding : 0;
	margin : 0;
	margin : 0 0 3.5em 0 !important;
	margin : 0 0 2.7em 0;
	background: url('http://info-tabac.lu/images/logo_FLCC.jpg');
	text-indent : -3000em;
}
#header h2#mondeSansCancer{
	position : absolute;
	top : 1.8em;
	left : 180px;
	width : 497px;
	height : 135px;
	padding : 0;
	margin : 0;
	text-indent : -3000em;
}

#header h2#mondeSansCancer{
	background: url('http://info-tabac.lu/images/monde_sans_cancer.jpg');
}
#header h2#autresSites{
	position : absolute;
	top : 1.8em;
	right : 52px;
	background: url('http://info-tabac.lu/images/autresSites.gif');
	width : 100px;
	height : 11px;
	margin-top : 20px;
	text-indent : -3000em;
}
#header ul#liensAutresSites{
	position : absolute;
	top : 1.8em;
	margin-top : 40px;
	right : 10px;
	list-style-type : none;
}

#info_tabac,
#relais_vie,
#flcc{
	display:block;
	width : 176px;
	height : 21px;
	text-indent : -3000em; 
}
#relais_vie{
	height : 20px;
	background: url('http://info-tabac.lu/images/relais_vie.gif');
	margin-bottom : 5px;
}
#relais_vie:hover{
	background: url('http://info-tabac.lu/images/relais_vie_hover.gif');
	margin-bottom : 5px;
}
#flcc{
	background: url('http://info-tabac.lu/images/cancer_lu.gif');
	margin-bottom : 5px;
}
#flcc:hover{
	background: url('http://info-tabac.lu/images/cancer_lu_hover.gif');
	margin-bottom : 5px;
}
#header a#donEnLigne{
	position : absolute;
	top : 1.8em;
	right : 0;
	margin-top : 115px;
	background: url('http://info-tabac.lu/images/donEnLigne.gif');
	width : 222px;
	height : 19px;
	text-indent : -3000em; 
}
#header a#donEnLigne:hover{
	background: url('http://info-tabac.lu/images/donEnLigne_hover.gif');
}
#preHeader{
	position : absolute;
	padding :0 ;
	margin :0;
	background : #0097C6;
	top:0;
	left:0;
	height : 1.8em;
	width : 955px;
}
#preHeader ul{
	float:right;
	margin : 1px 0 0 0;
}
#preHeader li{
	list-style-type:none;
	display : block;
        float : left;
	margin : 0;
	padding :0 10px;
	border-right : 1px solid #fff;	
	width : auto;
	color : #dbe3ea;
         line-height : 1.2em;
}
#preHeader li.lang{
     padding :0 5px;
}
#preHeader li.noBorder{
	border : none;
	
}
#preHeader li a img{
	border :none;	
}

#preHeader li img{
	margin-right: 5px;
	margin-bottom : -2px;
}

 
    /*breadcrumb*/
    
    #breadcrumb{
	    background : #E1F0F7;
	    list-style-type :none;
	    margin : 1px 0 0 0;
	    padding : 5px 0 5px 10px;
    }
    #breadcrumb li{
	    display :inline;   
	    margin-right: 2px;
    }
    
    #home #breadcrumb{
	    text-indent : -4000em;
    }
    #breadcrumb li span{
	    margin-left: 5px;
            color : #FDB813;
    }
    
/*general layout -> readMore links and print*/
a.readMore{
	display:block;
	padding : 2px 0 2px 15px;
	background-image:url('http://info-tabac.lu/images/fleche_lien.gif');

}
a.readMore:link,
a.readMore:visited{
	background-repeat :no-repeat;
	background-position : 0 7px ;
}
a.readMore:hover{
	background-repeat :no-repeat;
	background-position : 0 7px ;
}
.numPub a.readMore{
     display : block;
     width : 100%;
     clear : both;
    margin-top : -40px;
}
#main{
	
	z-index : 0;	
}
#main h1{
	margin : 10px 0 10px 0;
	padding : 0;
	z-index : 0;
}
#main h2{
	margin : 10px 0 10px 0;
	padding : 0;
	z-index : 0;
}
a.print{
	float: right;
	margin : -25px 0 0 0;
	display :block;
	padding : 6px 25px 2px 2px;
 	background-image:url('http://info-tabac.lu/images/imprimer.gif');
	background-repeat :no-repeat;
	background-position :  right center ;
	z-index : 0;
}
/*general layout -> columns*/
#outer_wrapper {

}
#wrapper {
}

#container {
  width: 100%;
  float: left;
  margin-right: -173px;
}
#sidebar {
  width: 173px;
  float: right;
}
#content {
  margin-right: 173px;
  padding : 10px 10px 0 10px;
}

#contentPage #content{
  padding-left:0;
}

#main{
  position: relative;
}
#home #main{
  margin-left : 0;
}
#contentPage #main {
  margin-left: 182px;
}

#left {
  width: 172px;
  float: left;
  margin : -10px 0 0 0;
  padding : 0;
  background-image : url('http://info-tabac.lu/images/blanc.gif');
  background-position : top;
  background-repeat : no-repeat;
  background-color : #c3cfdd;
}

.clearing{
  height: 1px;
  clear: both;
  width :100%;
  font-size : 1px;
  display :block;
}
  /*Left column*/
  
  #left h2{
	width : 132px;
	padding : 8px 30px 8px 10px;
	background-color : #0097C6;
	margin : 10px 0 0 0;
	background-image : url('http://info-tabac.lu/images/fleche_blanc_sur_rouge.gif');
    background-position : 150px center;
    background-repeat : no-repeat;
  }
  
  #left ul,
  #left ul li{
	margin : 0;
	padding : 0;
	list-style-type : none;
  }
  #left ul li{
	border-bottom : 1px solid white;
	width : 172px;
  }
  #left ul li a{
	display : block;
	padding : 5px 20px 5px 18px;
	background-image : url('http://info-tabac.lu/images/puce_gauche_1.gif');
	background-position : 8px center;
	background-repeat : no-repeat;
  }
  #left ul li a:hover{
	background-image : url('http://info-tabac.lu/images/puce_gauche_1_hover.gif');
	background-position : 8px center;
	background-repeat : no-repeat;
  }
  #left ul li ul{
	  margin-bottom:5px;
  }
  #left ul li ul li{
	border-bottom : none;
  }
  #left ul li ul li a{
	padding : 2px 10px 2px 32px;
	background-image : url('http://info-tabac.lu/images/puce_gauche_2.gif');
	background-position : 17px center;
	background-repeat : no-repeat;
  }
  #left ul li ul li a:hover{
	background-image : url('http://info-tabac.lu/images/puce_gauche_2_hover.gif');
	background-position : 17px center;
	background-repeat : no-repeat;  
  }
  /*Home actus -> liste dl*/

   #home #main dl,
   #home #main table{
	  background : #e8edf1;
	  border-top : 1px solid #fdb813;
	  border-bottom : 1px solid #fdb813;
	  padding : 5px;
  }
  
  
    #home #main #news {
	  background: #e8edf1;
	  border-top : 1px solid #fdb813;
	  border-bottom : 1px solid #fdb813;
	  padding : 5px;
	  list-style-type: none;
	  margin: 10px 0px;
  }
  
  #home #main #news li{
	  border-top : 1px solid #fff;
	  list-style-type: none;
	  list-style-image: none;
	  padding: 0px 10px 0px 0px;
	  line-height: 140%;
	  margin:0 0 25px 15px;
         overflow:hidden;
  }
  
  *html #home #main #news li{ zoom:1; }
  
    #home #main #news li.first{ border-top-width: 0px;}
    
    #home #main #news li p {
      line-height: 140%;
      margin-bottom: 0px;
    }
    
    #home #main #news li a.title {
      color: #000;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 5px;
    }
    
    #home #main #news li a.readMore{
    	float : right;
    	font-size: 11px;
    	color: #1782A2;
    	font-weight: normal;
    	text-decoration: underline;
    }
    
    #home #main #news li a.readMore:hover{ text-decoration: none; }
    
    #home #main #news li a img {
      float:left;
      margin-right: 10px;
      margin-bottom: 10px;
      border:2px solid #A7B3C1;
      width: 90px;
    }

#home #main td{
         border-bottom : 1px solid #fff;
}

#home #main .last td{
       border-bottom : none;
}

#home #main table {
          margin-bottom : 10px;
}
  
  #home dl img,
  #home #main td img{
	  margin : 0 8px 0 0;
	  top:0;
	  border : 2px solid #a7b3c1;
	  width : 90px;
  }
   #home #main dt{
	  margin : 8px 0 0 10px;	
	  position : relative;
  }
  #home #main td img{
    margin : 10px 8px 5px 5px;
}

  #home dt span{
      position : absolute ;
	  top : 5px;
	  left : 103px;
  }
#home #main td h2{
     margin-top : 20px;
}
  
  #home #main dd a.readMore{
	float : right;
	margin : 25px 8px 0 0;
	position:absolute;
	bottom : 0;
	right : 0;
  }

  #home #main td a.readMore{
	float : right;
	margin : 25px 8px 0 0;
	bottom : 0;
	right : 0;
  }

  #home #main dd{

	 margin :5px 0 0 0;
	 padding : 0 0 5px 10px;
	 position : relative;
	 border-bottom : 1px solid white;
  }
  #home #main dd.last{
	border-bottom : none;	  
  }
    #home dd span{
      position : absolute ;
	  top : -55px;
	  left : 112px;
	  width : 630px;
  }
    #home dd span p{
		margin : 0;
		padding : 0;
	}

  /*Home : columns*/
  
  .infoColumn{
	  width : 245px;
	  float : left;
	  margin : 0 13px 10px 0;
	  border-bottom : 1px solid #fdb813;
	  position : relative;
	  padding : 0 0 0 0;
	  height : 190px;
	  min-height : 190px;
  }
#main  .infoColumn h2{
	  width : 220px;
	  padding : 3px 20px 5px 5px;
	  background :#fdb813;
	  color : white;
	  background-image : url('http://info-tabac.lu/images/fleche_blanc_sur_jaune.gif');
          background-position : 226px center;
          background-repeat : no-repeat;
	  margin : 0 0 5px 0;
  }
  .infoColumn h3,
  .infoColumn p{
	  margin-left : 5px;
	  margin-bottom : 10px;
  }
  .infoColumn img{
	 margin :2px 8px 0 0;
	 border : 2px solid #a7b3c1;
         float : left;
  }
  .infoColumn h3{
	  margin-top: 0;
	  margin-bottom :0;
  }
  .infoColumn p{
	  margin-top: 30px;
  }
  
  .infoColumn.last{
	  margin : 0;
   }
   
   .infoColumn a.readMore{
	   position : absolute;
	   bottom : 5px;
	   right : 0;	   
   }
   
   /*Main content*/
   
   #main ul{
	margin : 20px 0 0 0;
	padding : 0;
   }
   #main ul li{
  	padding : 0 0 20px 10px;
  	margin : 0;
  	list-style-type: none;
  	background-image : url('http://info-tabac.lu/images/puce_main.gif');
    background-position : left 3px ;
    background-repeat : no-repeat;
   }
   
   #main ol li {
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 20px;
   }
   
   #main .outline{
	padding :10px;
	background : #E1F0F7;
	border-top: 1px solid #fdb813;
	border-bottom: 1px solid #fdb813;
	
   }
   #main .outline,
   #main dl{
	margin : 10px 0 ;
   }
   #main p.emphasis img{
	margin: 0 10px 10px 0;
   }	

/*publications*/
.numPub img{
   margin : 10px 1px 10px 0;
   border : 1px solid #ddd;
    padding : 3px 15px 3px 3px;
float : right;
}

.numPub{
  position : relative;
   margin-top : 30px;
   border-bottom : 1px solid #A7B3C1;
}

/*formulaire de don en ligne*/
#dons label {
  display : block;
  width : 200px;
  float : left;
}

#dons ul li{
 list-style-image : none;
list-style-type : none;
}

.actu #main img {
  float:left;
  margin:10px 10px 10px 0;
}

/*Sidebar*/
#sidebar h2{
  margin : 0 0 10px 0;
  width : 143px;
  padding : 5px 20px 5px 10px;
  background : #0097C6;	
  color : white;
  background-image : url('http://info-tabac.lu/images/puce_sidebar.gif');
  background-position : 155px center;
  background-repeat : no-repeat;
  border-top : 1px solid white;	
}

#sidebar form{
	margin : -2px 0 15px 5px;
	position : relative;	
	padding :0;
}
#sidebar form input{
	font-size: 12px;
	margin : 1px 0 0 0;
	width : 135px;
	height : 16px;
	padding : 2px;
	border : 1px solid #65798d;
}
#sidebar button{
	position : absolute;
	top : 1px;
	right : 5px;
	width : 19px;
	height : 22px;
	background : #0C6681;
	border : none;
	cursor:pointer;
	padding : 0;
	text-indent : -3000em;
	background-image : url('http://info-tabac.lu/images/button.gif');
	margin : 0;
}
#sidebar button:hover,
#sidebar button.hover{
	background-image : url('http://info-tabac.lu/images/button_hover.gif');
}
#sidebar #newsletter h2,
#sidebar #nePasManquer h2{
	margin : 0;
}
#sidebar ul{
	margin : 0 0 10px 10px !important;
	margin : 0 0 0 10px;
	padding: 0;
}
#sidebar li{
	margin : 0;
	list-style-type:none;
}
#sidebar li{
	margin-right : 20px;
}
#sidebar li a{
	display:block;
	margin : 0;
}
#sidebar #newsletter ul{
	margin : ;
}
#sidebar #newsletter li a,
#sidebar #newsletter li a:link,
#sidebar #newsletter li a:visited{
	background-image:url('http://info-tabac.lu/images/news.gif');
	background-repeat :no-repeat;
	background-position : center left;
	padding : 8px 0 10px 16px;
	margin : 0 10px 0 0;
}
#sidebar #newsletter li a:hover{
	background-image:url('http://info-tabac.lu/images/news_hover.gif');
	background-repeat :no-repeat;
	background-position : center left;
}
#sidebar #newsletter li.last a,
#sidebar #newsletter li#lastNews a
{
	padding : 8px 0 10px 16px;
	margin : 0 10px 0 0 !important ;
	margin : -10px 10px 0 0;
	border-bottom : none;
}
#sidebar #nePasManquer ul{
}
#sidebar #nePasManquer li a{
	margin : 5px 10px 5px 0 !important;
	margin : 5px 10px -12px 0;
}

#sidebar #agenda dl{
	margin : 0 10px;
}
#sidebar #agenda dd{
	margin : 4px 10px 10px 15px;
}
#sidebar #agenda dt a{
	display:block;
	padding : 2px 0 2px 15px;
	background-image:url('http://info-tabac.lu/images/fleche_lien.gif');
	background-repeat :no-repeat;
	background-position : 0 5px ;
}
#sidebar #agenda dt a:hover{
	background-image:url('http://info-tabac.lu/images/fleche_lien_hover.gif');
	background-repeat :no-repeat;
	background-position : 0 5px ;
}
#sidebar #agenda span{
	display :none;
}

/*footer*/
#footer {
  background-color: #0C6681;
  clear: both; 
  border-top: 1px solid white;
  padding :  2px 0  5px 0;
  text-align: center;
  color:white;
  background-image:url('http://info-tabac.lu/images/fond_footer.gif');
  background-repeat :repeat-x;
  background-position : bottom;
}

/* Gallery */
#galleryBox {
  width: 762px;
}

#galleryPagination {
  /*width: 100%; */
  margin-top: 10px;
  margin-left: 2px;
}

#galleryPagination .pager .unavailablePage {
  color: #AAAAAA;
}

#galleryPagination .pager a {
  /*border: 1px solid #AAAAAA;*/
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  line-height: 15px;
}

#galleryPagination .pager a, #galleryPagination .pager b{
  margin-left: 1px;
  margin-right: 1px;
}

#galleryList li {
  background-image: none;
  padding-left: 0;
}

#galleryList li .clear {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
}

#galleryList li .preview {
  float: left;
  width: 80px;
}

#galleryList li .detail h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#galleryList li .detail {
  magin-left: 90px;
  float: left;
}


#galleryBox .image a {
  opacity: 0.65;
  filter: alpha(opacity = 65);
  zoom: 1;
}

#galleryBox .image a:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
  zoom: 1;
}

#galleryList img, #galleryBox img { 
 border: none;
}

#galleryList p, #galleryBox p{ 
  margin: 0
}

#printLogo { display: none; }

#sidebar #nePasManquer li a {
  font-family: Verdana !important;
  font-size: 100% !important;
}