body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #D9D6CF;
}
/*
.clearfix2:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix2 {
	display: inline-block;
}
 
html[xmlns] .clearfix2 {
	display: block;
}
 
* html .clearfix2 {
	height: 1%;
}
*/

.clearfix2{
    clear: both;
	height: 0px;	
}

#conteneur {
	width: 753px; 
	margin: 0 auto; 
	margin-right: auto;
	margin-left: auto;	
	background-color: #ffffff;
	padding:0;
}


/* Structure
--------------------- */

.bloc_outils{
  font-size: 0.8em;
  padding: 4px;   

}

#bloc_outils_1{
	float: left;		
 	background-color: #444444;
    margin-top: 3px;
    margin-left: 4px;	
}

#bloc_outils_2{
	float: right;		
}

.bloc_outils ul {    
    margin: 0px;
	padding: 0px;
     	
}

.bloc_outils ul li{
	display: inline;
	padding: 4px;
}

.bloc_outils a {
	color: #ffffff;
	text-decoration: none;
}

.bloc_outils a:hover {
    text-decoration: underline;
}




#bloc_bandeau {
	clear:both;
	background-image: url('images/bandeau/bandeau-portail-1.jpg');	
	height: 141px;
}

#bloc_bandeau h1{
	display: none;
}

#bloc_navigation {
    clear:both;
	background-color: #ffffff;
	padding-left: 2px;

}

#bloc_navigation_info {
	float: right;
}

#bloc_derniereminute{
    clear:both;
	background-color: #ffffff;
	padding-left: 2px;
}

#bloc_derniereminute p{
    margin: 0;
}




#bloc_contenu {
	margin-top: 0px;
	clear: both;
	padding-top: 5px;
	background-color: #FFFFFF;
}

#bloc_center{
	width: 490px; /*370px;*/
	/* background-color:red; */
	float:left;
	/* margin-right: 7px; */	
}

#bloc_right{
	width: 250px; /* 210px; */
	/* background-color:blue; */
	float:right;
	margin-right: 2px;
}

#bloc_footer{
    clear:both;
	background-color: #333333;
    color: #CCCCCC;
	padding: 5px;	
	font-size: 0.8em;
}

#bloc_footer a{
	color: #CCCCCC;
}

#bloc_footer a:hover{
	color: #ffffff;
}




#bloc_footer .ligne {
	display: block;
	list-style: none;
	padding: 2px;
}

#bloc_footer .ligne ul { display: inline; margin: 0; padding: 0px; }
#bloc_footer .ligne li{ display: inline; padding-right: 4px; }


/* Titres
-------------------------- */
#bloc_bandeau h1{
    margin:0px;
	padding:0px;
}



/* Menu univers */
#bloc_navigation_menu{
   padding-top: 4px;
   padding-left: 4px;   
}

ul.topnav {
	margin: 0; padding: 0;
	float:left;	
	list-style: none;
	margin-bottom: 3px;	
}

ul.topnav li.niv1{ /* fix ie 6 5.5 = ul.topnav > li  */  
   
	float: left;
	margin: 0;
	position: relative;	
	font-size: 0.8em;
    margin-right: 7px;
	color: #FFFFFF;
	font-weight:bold;
	
	/* font-size:120%; */
	background-color:#DF3F3F;
	text-align:center;
	/* border:1px solid #DF3F3F; */
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	
	/*css3*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
}

ul.topnav a{
	color: #ffffff;
	text-decoration: none;
}



ul.topnav .sub {	
	position: absolute;	
	top: 26px; left: 0;	
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 8px;
	float: left;	
	display: none;
	text-align:left;
	width: 250px;	
}

ul.topnav .sub h2{
    width: 250px;
	margin:0;
	padding:0;
}

ul.topnav .sub li{
    padding-top: 2px;
}


 ul.topnav li.niv1 {
  font-size: 0.85em;
 
 }

/* ul.topnav li.univers0, ul.topnav li.univers0 .sub {background-color: #113958; }*/
ul.topnav li.univers1, ul.topnav li.univers1 .sub {background-color: #F498CA; }
ul.topnav li.univers2, ul.topnav li.univers2 .sub {background-color: #F86566; }
ul.topnav li.univers3, ul.topnav li.univers3 .sub {background-color: #2381CD; }
ul.topnav li.univers4, ul.topnav li.univers4 .sub {background-color: #FF3366; }
ul.topnav li.univers5, ul.topnav li.univers5 .sub {background-color: #F79932; }
ul.topnav li.univers6, ul.topnav li.univers6 .sub {background-color: #A2C22C; }
ul.topnav li.univers7, ul.topnav li.univers7 .sub {background-color: #996699; }
ul.topnav li.univers8, ul.topnav li.univers8 .sub {background-color: #CC3333; }
ul.topnav li.univers9, ul.topnav li.univers9 .sub {background-color: #21B8C5; }
ul.topnav li.univers10, ul.topnav li.univers10 .sub {background-color: #874371; }
ul.topnav li.univers11, ul.topnav li.univers11 .sub {background-color: #5F9B13; }


/* ancienne version a modifier */
/*
.recherche {
       --float: right; 
   margin-right: 3px;
   margin-top: 3px;
   display:inline;
}

.recherche div{
   display:inline;
}

.recherche_text{
   padding-left: 17px;
   background-image: url(images/search.png);
   background-repeat: no-repeat;
   background-position: 3px 4px; 
   margin-right: 2px;  
}

*/


/* menu over */
  .sub {
	     /*css3*/
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;		
	}
	
	
	
		
	.bloc_module {
	  /* width: 96%; */
	  /* margin-right: 20px; */
	  /* margin-left: 4px;	   */
	  padding-right:4px;
	  padding-left: 4px;
	  padding-bottom: 10px;	 
	}
	
	.bloc_module h2{
	  font-size: 0.80em;
      
	  color: #ffffff;
	  width: 100%;
	  padding: 4px;
	  
	  clear: both;
   	  margin: 0px;
   	  /*margin-left: 5px;
   	  margin-right: 5px; */
	  
	  
	  /*css3*/
	  /* 
	  border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;	
	  */
	}
	
	.bloc_module h2 a{
	     text-decoration: none;
         color: #ffffff;	
	}
	
	.bloc_module h2 a:hover{
		text-decoration: underline;
	 }
				  
	#bloc_module_actualites h2{
		background-color: #F498CA;
	}
	
	#bloc_module_loisirs h2{
		background-color: #FF3366;
	}
	

	.bloc_module_right{
		width: 250px;
		margin-bottom: 10px;
	}
	
	.bloc_module_right h2{
		font-size: 0.80em;
		color: #ffffff; /* #333333; */
		/*border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #999999;*/
		margin:0;
		padding: 4px;
		background-color: #D9D6CF;
		color: #6D6656;
	}
	
	.bloc_module_right h2 a {
		color: #6D6656;		
		text-decoration: none;
	}
	
	

	
	.bloc_module_right h2 a:hover {
		text-decoration: underline;
	}
	
	.bloc_module_right ul{
		list-style: none;
		margin:0;
		padding: 2px;
		background-color: #F1F0ED; 
	}
	
	.bloc_module_right li{
		padding: 2px;
		padding-left: 9px;
		font-size: 0.8em;		
	}
	
	
	
	.bloc_module_right li a{
		color: #6D6656;
		text-decoration: none;	
		width: 100%;
		
	}
	
	.bloc_module_right li a:hover{
		/* color: #6D6656; */
		/* text-decoration: none;
		background-color: #eeeeee;		*/
		text-decoration: underline;
	}
	
/***********
* news
***************/	
	
	
	.news-latest-container {
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
   }
   
   /*
   .news-latest-item IMG {
        margin: 0 5px 5px 0;
        float:left;
        border: none;
   }*/
   
    .news-latest-gotoarchive {
        clear: both;
        text-align: right;
        font-size: 0.8em;         
    }
    
     .news-latest-gotoarchive a {
     	color: #555555;
     	text-decoration: none;
     }
    
    
   
    
        
    .news-latest-container HR.clearer {
        clear: both;
        height: 1px;
        border: none;
        padding: 0;
        margin: 0;
        visibility: hidden;
        background-color: red;                      
        display:none;
    }

   
  
   .news-latest-item img { border: 1px solid #CCCCCC; padding: 1px;}
   .news-latest-item a:hover img { border-color: #777777; }
   
/* import */

.news-latest-texte {
    float: right;
    clear:  right;	
    width: 315px;
    padding-bottom: 4px;  	
 }
 
 .news-latest-texte p{
   margin: 0;
   padding: 0;
   font-size: 0.7em;
 }
 
 .news-latest-texte a {
     font-size: 0.9em;
     color: #000000;
     text-decoration: none;	
 }

 .news-latest-texte h3{
    margin: 0px;
	padding: 0px;
   font-size: 1em;
 }
 
  .news-latest-image {
    float: left;
    clear:  left;	
	width: 150px;
 }
 
 .news-latest-image img{
   padding: 1px;
   border: 1px solid #CCC;
 }
 
 .news-latest-image a:hover img{
    border-color: #777;
 }
 
 .news-latest-gotoarchive{
    float: right;
	clear: right;
	text-align: right;
	width: 300px;	
 }
 
 
 .news-static-publication {
   clear: right;
   float:right;
   /* margin-left: 165px; */
   width: 315px;
 }
 
  #bloc_module_actualites .news-static-publication h2{
    clear: none;
	background-color: #ffffff;
	color: #f498ca;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f498ca;
    margin: 0;
	margin-bottom: 4px;	
	padding:0;
  }
  
   
   .news-static-publication img{
      border: 1px solid #FFF;  
   }
   
   .news-static-publication a:hover img{
     border: 1px solid #777;         
   }
   
   
   
   #bloc_derniereminute .news-latest-gotoarchive {
      display: none;
   }
   

   
   
   
 .news-latest-item.news_0 h3{
    font-size: 0.95em;
 }

/* import */

/*news_2 minisite */
   .news-latest-item.news_2 {
     width: 100%;
	 clear: both;
	 padding-top: 10px;	 
	 padding-bottom: 5px;
	 margin-bottom: 5px;
   }
   
   .news-latest-item.news_2 img {
       float: right;   
   } 
   .news-latest-item.news_2 h3{
      margin:0;
	  padding:0;
      font-size: 0.9em;	  
   }
   
   .news-latest-item.news_2 a {
     color: #000;
   }
   
   .news-latest-item.news_2 img{
      border: 1px solid #FFF;  
   }
   
   
   
   
   .news-latest-item.news_2 p {
      font-size: 0.8em;
	  margin:0;
	  padding:0;
    }  

/*news_3 derniere minute */      
   #bloc_derniereminute  .news-latest-container  {
      padding-top: 0;
   }
      
   .news-latest-item.news_3 {
     clear: both;
	 padding-top: 1px;	 
	 padding-bottom: 1px;
   }
   
   .news-latest-item.news_3 img {
       float: left;   
   } 
   .news-latest-item.news_3 h3{
      display: inline;
	  margin:0;
	  padding:0;
      font-size: 0.8em;	 
      padding-right: 4px;	  
   }
   
   .news-latest-item.news_3 a {
     color: #000;
	 font-size: 0.8em;
   }
        
 
 
   
  /*********************************************************/
  /* nancy loisirs */
   .loisirs-latest-container {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
   }
   
   
   .loisirs-latest-item IMG {
        margin: 0 5px 5px 0;
        float:left;
        border: none;
   }
                  
    .loisirs-latest-container .loisirs_0{
       clear: both;
    }
                    
    .loisirs-latest-container .loisirs_1{
    	width: 50%;
    	float: left;
    	clear: left;
    }
    
    .loisirs-latest-container .loisirs_2{
    	width: 50%;
    	float: left;
    }
    
        
    .loisirs-latest-container HR.clearer {
        clear: both;
        height: 1px;
        border: none;
        padding: 0;
        margin: 0;
        visibility: hidden;
        background-color: red;                      
        display:none;
    }

 
   
   
   .loisirs-latest-item img { border: 1px solid #CCCCCC; padding: 1px;}
   .loisirs-latest-item a:hover img { border-color: #777777; }
   
  .loisirs-latest-item.loisirs_0 h3 {
       font-size: 1em;
       margin: 0;
       padding: 0;
  }
  
  .loisirs-latest-item.loisirs_1 h3, .loisirs-latest-item.loisirs_2 h3 {
       font-size: 0.8em;
       margin: 0;
       padding: 0;
  }
  
  
    
  .loisirs-latest-item h3 a  { 
  	color: #000000;  	
  	text-decoration: none; 	  
  }      
  .loisirs-latest-item p {
       margin: 0;
       padding: 0;
       margin-top: 4px;
       font-size: 0.80em;
       color: #666666;        
  }
  
   .loisirs-latest-item p a {
   	color: #666666;
   	text-decoration: none; 	  
   }
  
  .loisirs-latest-item {
  	padding-bottom: 4px;
  }
       
  .loisirs-latest-container a:hover { text-decoration: underline } 
  
  .loisirs-latest-gotoarchive {
        clear: both;
        text-align: right;
        font-size: 0.8em;         
  }
    
  .loisirs-latest-gotoarchive a {
     	color: #555555;
     	text-decoration: none;
  } 
  
  .loisirs-latest-gotoarchive a:hover { text-decoration: underline } 
	


		/*
  .recherche_text { border: 1px solid #CCCCCC; }
  .recherche_text:focus { border-color: #999999; }
*/

form#recherche {
 /* position: relative; */
  /* #666666; */
 padding: px;
 margin: 0px;
 border:1px solid #666;
 height:20px;
}

#recherche input,#recherche button {
float: left;
}

#recherche input{
  
  
  vertical-align:middle;
  margin: 0px;
  padding: 0px;
  padding-left: 3px;
  border: 0;
  height: 20px;
  border-right-width: 1px;
  border-right-color: #bbbbbb;
  border-right-style: solid;
  /* font-size: 12px;
  line-height: 12px; */
  color: #999999;
  margin-top: 0px;  
}

#recherche input:focus {
  color: #000000;
}

#recherche button{
  /*position: absolute;
  right: 0px;
  top: 0px;
*/
  
  background-color: #ffffff;
  background-image: url("images/ressources_icones.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
  
  border: 0;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
   
  vertical-align: middle;
}

#recherche  button span{display:none; margin:0; padding: 0;}



/******************
liens puces

************************/


 .lien_puce {
  background-image: url(images/ressources_icones.png);
  background-repeat: no-repeat;
  background-position: -40px 0px;
  width: 20px;
  height: 15px;
  padding: 0;
  float: left;
  vertical-align: middle; 
  padding-right: 2px; 
 }
 
 
  .news-latest-texte .lien_puce {
    background-position: -18px 0px;
  }

 .field_547 .lien_puce {
    background-position: 0 -30px;
  }
  

  
  .field_548 .lien_puce {
    background-position: -20px -30px;
  }
  
  .field_552 .lien_puce {
    background-position: -40px -30px;
  }
  
  .field_567 .lien_puce {
    background-position: -60px -30px;
  }
  
  .field_568 .lien_puce {
    background-position: -80px -30px;
  }
  
  .field_575 .lien_puce {
    background-position: -100px -30px;
  }
  
  .field_578 .lien_puce {
     background-position: -120px -30px;
  }
  
  .field_579 .lien_puce {
     background-position: -140px -30px;
  }
  
  .field_549 .lien_puce {
     background-position: -160px -30px;
  }