/*Global page style*/

body{
  padding : 0;
  margin : 0;
}

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


/*header styles*/
#header {
	padding :1.8em 0 0 0;
	background-color : white;
	position:relative;
	background-image: url('http://relaispourlavie.lu/images/backgrounds/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://relaispourlavie.lu/images/backgrounds/logo_FLCC.jpg');
	text-indent : -3000em;
}
#header h2#informations,
#header h2#mondeSansCancer{
	position : absolute;
	top : 1.8em;
	left : 180px;
	width : 497px;
	height : 135px;
	padding : 0;
	margin : 0;
	text-indent : -3000em;
}
#header h2#informations{
	background: url('http://relaispourlavie.lu/images/backgrounds/informations.jpg');
}
#header h2#mondeSansCancer{
	background: url('http://relaispourlavie.lu/images/backgrounds/monde_sans_cancer.jpg');
}
#header h2#mondeSansCancer.fondation{
	background: url('http://relaispourlavie.lu/images/backgrounds/notre_fondation.jpg');
}
#header h2#mondeSansCancer.depistage{

}
#header h2#mondeSansCancer.information{
	background: url('http://relaispourlavie.lu/images/backgrounds/informations.jpg');
}
#header h2#mondeSansCancer.mieuxvivre{
	background: url('http://relaispourlavie.lu/images/backgrounds/mieuxvivre.jpg');
}
#header h2#mondeSansCancer.formation{
	background: url('http://relaispourlavie.lu/images/backgrounds/recherche.jpg');
}
#header h2#mondeSansCancer.publications{
	background: url('http://relaispourlavie.lu/images/backgrounds/publications.jpg');
}

#header h2#autresSites{
	position : absolute;
	top : 1.8em;
	right : 52px;
	background: url('http://relaispourlavie.lu/images/backgrounds/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; 
}
#info_tabac{
	height : 20px;
	background: url('http://relaispourlavie.lu/images/backgrounds/info_tabac.gif');
	margin-bottom : 5px;
}
#info_tabac:hover{
	background: url('http://relaispourlavie.lu/images/backgrounds/info_tabac_hover.gif');
	margin-bottom : 5px;
}
#relais_vie{
	background: url('http://relaispourlavie.lu/images/backgrounds/relais_vie.gif');
}
#relais_vie:hover{
	background: url('http://relaispourlavie.lu/images/backgrounds/relais_vie_hover.gif');
}
#flcc{
	background: url('http://relaispourlavie.lu/images/backgrounds/cancer_lu.gif');
	margin-bottom : 5px;
}
#flcc:hover{
	background: url('http://relaispourlavie.lu/images/backgrounds/cancer_lu_hover.gif');
	margin-bottom : 5px;
}

#header a#donEnLigne{
	position : absolute;
	top : 1.8em;
	right : 0;
	margin-top : 115px;
	background: url('http://relaispourlavie.lu/images/backgrounds/donEnLigne.gif');
	width : 222px;
	height : 19px;
	text-indent : -3000em; 
}
#header a#donEnLigne:hover{
	background: url('http://relaispourlavie.lu/images/backgrounds/donEnLigne_hover.gif');
}
#preHeader{
	position : absolute;
	padding :0 ;
	margin :0;
	background : #c7423d;
	top:0;
	left:0;
	height : 1.8em;
	width : 955px;
}
#preHeader ul{
	float:right;
	margin : 3px 0 0 0;
	padding :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 : #fecd76;
	    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;
    }
    
/*general layout -> readMore links and print*/
a.readMore{
	display:block;
	padding : 2px 0 2px 15px;

} 
a.readMore{
	background-image:url('http://relaispourlavie.lu/images/backgrounds/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 ;
}
#main{
	
	z-index : 0;	
}
#main h1{
	margin : 5px 0 5px 0;
	padding : 0 0 5px 0;
	z-index : 500;
        width : 500px;
}

a.print{
	float: right;
	margin : -30px 0 0 0;
	display :block;
	padding : 6px 25px 2px 2px;
 	background-image:url('http://relaispourlavie.lu/images/backgrounds/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://relaispourlavie.lu/images/backgrounds/blanc.gif');
  background-position : top;
  background-repeat : no-repeat;
  background-color : #d68181;
}

.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 : #fdb813;
	margin : 10px 0 0 0;
	background-image : url('http://relaispourlavie.lu/images/backgrounds/fleche_blanc_sur_jaune.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://relaispourlavie.lu/images/backgrounds/puce_gauche_1.gif');
	background-position : 8px center;
	background-repeat : no-repeat;
        line-height : 1.2em
  }

  #left ul li.current a{
	background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_gauche_1_hover.gif');
	background-position : 8px center;
	background-repeat : no-repeat;
        color : white;
  }
  #left ul li a:hover{
	background-image : url('http://relaispourlavie.lu/images/backgrounds/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,
  #left ul li.current ul li a{
	padding : 2px 10px 2px 32px;
	background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_gauche_2.gif');
	background-position : 17px center;
	background-repeat : no-repeat;
        color : black;
  }
  #left ul li.current ul li a:hover{
        color : white;
}
  #left ul li.current ul li.current a{
       	background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_gauche_2_hover.gif');
	background-position : 17px center;
	background-repeat : no-repeat;  
       color : white;
 }
  #left ul li ul li a:hover{
	background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_gauche_2_hover.gif');
	background-position : 17px center;
	background-repeat : no-repeat;  
  }
  /*Home actus -> liste dl*/
  #home #main dl{
	  background : #fff1e1;
	  border-top : 1px solid #fdb813;
	  border-bottom : 1px solid #fdb813;
	  padding : 5px;
  }
  
  #home dl img{
	  margin : 0 8px 0 0;
	  position : absolute;
	  top:0;
	  left:-100px;
	  border : 2px solid #a7b3c1;
	  width : 90px;
	  height : 62px;
  }
  
  #home #main dt{
	  margin : 8px 0 0 100px;	
	  position : relative;
  }
  
  #home #main dd a.readMore{
	float : right;
	margin : 25px 8px 0 0;
	position:absolute;
	bottom : 5px;
	right : 0;
  }
  #home #main dd{
	 min-height : 55px;
	 height : 100%!important;
	 height : 55px;
	 margin :5px 0 0 0;
	 padding : 0 0 0 100px;
	 position : relative;
	 border-bottom : 1px solid white;
	 position : relative;
  }
  #home #main dd.last{
	border-bottom : none;	  
  }
  
  /*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 : 165px;
	  min-height : 165px;
  }
  .infoColumn h2{
	  width : 220px;
	  padding : 3px 20px 5px 5px;
	  background :#fdb813;
	  color : red;
	  background-image : url('http://relaispourlavie.lu/images/backgrounds/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;
  }
  .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 li{
	padding : 0 0 20px 10px;
	margin : 0;
	list-style-type: none;
	background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_main.gif');
        background-position : left 3px ;
        background-repeat : no-repeat;
   }
   
   #main .outline{
	padding :10px;
	background : #fff1e1;
	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;
   }	

/*Site plan styles*/
ul#plan{
       margin-left : 20px;
}
ul#plan ul{
       margin-bottom : 10px;
       margin-top : 5px;
}
ul#plan ul ul{
       margin-bottom : 5px;
       margin-top : 5px;
}
ul#plan li{
       font-size : 14px;
       padding : 0 0 10px 10px;
}
ul#plan li ul li{
       font-size : 12px;
        margin-bottom : 0;
        padding : 0 0 10px 10px;
}
ul#plan li ul li ul li{
       font-size : 11px;
}

/*Teams List styles*/
table.equipes td{
      border-bottom : 1px solid #888;
      padding-top : 10px;
      padding-bottom : 5px;
      border-collapse : collapse;
}

/*Gallery Style*/
#main ul.gallery{
   padding : 0;
   margin : 0 0 0 -5px;
}
#main ul.gallery li{
     list-style-type : none;
     float : left;
     background-image : none;
     border : 1px solid #777;
     padding : 10px;
     margin : 5px;
}
/*subscription form styles 
/*Sidebar*/
#sidebar h2{
  margin : 0 0 10px 0;
  width : 143px;
  padding : 5px 20px 5px 10px;
  background : #c7423d;
  color : white;
  background-image : url('http://relaispourlavie.lu/images/backgrounds/puce_sidebar.gif');
  background-position : 155px center;
  background-repeat : no-repeat;
  border-top : 1px solid white;	
}
#sidebar li{
	margin-right : 20px;
}
#sidebar form{
	margin : 10px 0 15px 5px;	
}
#sidebar form input{
	font-size: 1.2em;
	margin : 0 3px 0 0;
	width : 130px;
	padding : 2px;
	border : 1px solid #65798d;
}
#sidebar button{
	width : 19px;
	height : 21px;
	background : #65798d;
	border : none;
	cursor:pointer;
	padding : 0;
	text-indent : -3000em;
	background-image : url('http://relaispourlavie.lu/images/backgrounds/button.gif');
}
#sidebar button:hover,
#sidebar button.hover{
	background-image : url('http://relaispourlavie.lu/images/backgrounds/button_hover.gif');
}

#sidebar ul{
	margin : 0 0 15px 10px !important;
	margin : 0 0 0 10px;
	padding: 0;
}
#sidebar li{
	padding : 0;
	margin : 0;
	list-style-type:none;
}

#sidebar li a{
	display:block;
	margin : 0;
}
#sidebar #newsletter li a,
#sidebar #newsletter li a:link,
#sidebar #newsletter li a:visited{
	background-image:url('http://relaispourlavie.lu/images/backgrounds/news.gif');
	background-repeat :no-repeat;
	background-position : center left;
	padding : 8px 0 10px 16px !important;
	margin : 0 10px 0 0;
	border-bottom : 1px solid #a7b3c1;
}
#sidebar #newsletter li a:hover{
	background-image:url('http://relaispourlavie.lu/images/backgrounds/news_hover.gif');
	background-repeat :no-repeat;
	background-position : center left;
}
#sidebar #newsletter li.last a{
	padding-top: 0;
	margin : 0 10px 0 0 !important;
	margin-top :-10px;
	border-bottom : none;
}

#sidebar #nePasManquer li a{
	margin : 5px 10px 5px 0 !important;
	margin : 0 10px 0 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://relaispourlavie.lu/images/backgrounds/fleche_lien.gif');
	background-repeat :no-repeat;
	background-position : 0 5px ;
}
#sidebar #agenda dt a:hover{
	background-repeat :no-repeat;
	background-position : 0 5px ;
}
#sidebar #agenda span{
	display :none;
}

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

a img{
   border :none;
}

.inscription fieldset{
 width : 100%:
}
.inscription li{
    list-style-image : none;
    liste-style-type :none;
}

/* 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-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;
}

#printLogo { display: none; }

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

#main ul.error {
    border: 1px solid red;
    padding: 5px;
    background-color: #ffeeee;
}

#main ul.error li {
    padding:0 0 5px 10px;
}

div#header div.date {
color:white;
font-size:14px;
left:400px;
position:absolute;
top:130px;
}