/* HTML DE BASE 
****************************************************************************/  
body, td, p
  {
    margin: 0px;
	  font-family:Geneva, Arial, Helvetica, sans-serif;
	  font-size:12px;
	  background-color:transparent;
		marin:0;
		padding:0;
   }	

h2 
  {
    font-size:16px;
	  font-weight:bold;
	  color:#003399;
	  margin-top:0;
	  margin-bottom:6px;
	  padding-top:0px;
  }	
  
 h3
   {
    font-size:14px;
	  font-weight:normal;
	  color:#666666;
	  margin-top:0px;
	  margin-bottom:6px;
	  border-bottom:1px dotted silver;
   } 
   
 h4
   {
     font-size:12px;
	   font-weight:bold;
   }   

table 
  { 
	  width:99%;
	  padding:0;
	  margin:0;
  }
  
table .odd { background-color:#FFFFFF; vertical-align:middle;}
table .even { background-image:url(../theme/default/bg_row.jpg);vertical-align:middle }

tr { vertical-align:top;}

label
  {
    display:block;
    font-weight:bold;
	  color:black;
    margin-top:6px;
  } 

img {border:0;}

#last_update
  {
    font-size:10px;
	  color:#999999;
	  text-align:center;
	  padding:6px 0 12px 0;
  }	

#constructions
  {
    font-size:36px;
	  color:#CCCCCC;
    text-align:center;
	  border-top: 2px dotted silver;
	  border-bottom: 2px dotted silver;
	  margin:50px 0 0 0;
  }
  
	
form
  {
	  margin:0;
		padding:0;
	}
	  	
/*
UNIQUEMENT A IMPRIMER
****************************/ 
.print {display:none;}  

/* STRUCTURE DE LA PAGE 
****************************************************************************/  
#wrapper
  {
    width:760px;
	  margin: 0px auto;
	  background-color:white;
   }	
   
#header
  {
    margin-top:5px;
    width:760px;
	height:104px;
	background-image:url(../theme/default/header.jpg);
	background-repeat:no-repeat;
  }   
  
#header h1
  { display:none; }  

   
#anim_text   
  {
    display:block;
	margin-right:10px;
	margin-top:4px;
	float:right;
	width:450px;
	height:50px;
	clear:right;
  }

#anim_logo
  {
	  float:left;
	}	

#gutter
  {
	
	}
   
/* MENU PRINCIPAL 
****************************************************************************/  
 
#menu
  {
    position:absolute;
	float:left;
	top:85px;
	height:19px;
	background-image:url(../theme/default/menu_bg.jpg);	
	/* IE5Mac */
	margin-left:-430px;	
	margin-right:200px;
	/* Les autres \*/
	margin-left:39px;	
	width:590px;
   /**/   
  }
  
#menu ul 
  {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:normal;	
	color:white;
  }	

#menu li
  {
		padding:0px 5px 0 5px;
		/* Les autres \*/
		float:left;	
		/**/  
  }	  
    

#menu a, #menu .selected 
  {
		color:white;	
		display:table;
		float:left;
		height:19px;
		padding-top:1px;
		padding-left:5px;
		padding-right:5px;
  }	
	
#menu a:link, #menu a:visited, #menu a:active
  {
		color:white;	
		text-decoration:none;
		background-image:url(../theme/default/menu_bg.jpg);
  }	
  
#menu .selected   
  { background-image:url(../theme/default/menu_bg_sel.jpg);  }  

#menu a:hover
  { background-image:url(../theme/default/menu_bg_hover.jpg); }  
	
	
/* BARRE DE NAVIGATION 
****************************************************************************/  
   
#navbar, #left_col
  { 
    width:140px;
    display:block;
	  float:left;
	  background-color:transparent;
	  background-image:url(../theme/default/background.jpg);	
  }	     
   
#navbar ul 
  {
    background-color:transparent;
	  margin:0px;
	  padding-left:45px;
	  list-style-type:none;
    width:160px;
  }
  
#navbar a
  {
    color:#2B5A92;
	  text-decoration:none;
  }   
  
#navbar li
  {
    width:160px;
	  height:20px;
	  padding:4px 0px 4px 0px;  
    font-size:11px;	  
	  border-top:1px dotted #F1F1F1;
  }	  
  
#navbar .selected, #navbar a 
  { 
    display:block;  
    padding:2px 0px 0px 4px;
    height:20px;
	 	width:160px;
  }  
  
#navbar .selected
  {
	color:white;
    background-image:url(../theme/default/navbar_sel.jpg);
	background-repeat:no-repeat;
  } 
  
#navbar a:hover  
  {
	color:#333333;
    background-image:url(../theme/default/navbar_hover.jpg);
	background-repeat:no-repeat;	
  } 
	
/*BOUTON D'ADHESION
****************************************************************************/  	
#adherer
  {
    position:relative;
    top:80px;
    left:460px;
    display:block;
		height:19px;
		width:100px;
		float:right;
  }	
  
#adherer a
  {
		display:block;
		height:19px;
		width:100px;  
  }  

/* RECHERCHE	
****************************************************************************/  	
#search_box	
  {
    margin:0px;
	  background-image:url(../theme/default/background.jpg);
	  padding:0 0 0 45px;
	  background-color:transparent;
  }

#search_button
  { 
    vertical-align:middle;
  }

#search_string
  { width:123px; }
  
  
/* CONTENU  
****************************************************************************/  
#content
  {
    padding-top:6px;
	  padding-left:220px;
	  padding-right:2px;
		padding-bottom:32px;
	  background-image:url(../theme/default/background.jpg);
	  background-repeat:repeat-y;
	  font-size:12px;
    min-height:290px;
	}	   

#content img
  {
    margin:4px;
  }
	
#content ul
  {
	  padding-bottom:12px;
		margin-top:0;
		margin-bottom:0;
		
	}	


/* BARRE D'OUTILS  
****************************************************************************/    
#toolbar
  {
	position:absolute;

	margin-right:10px;
	top:68px;
	font-size:10px;
	color:white;
	
	margin-left:70px;
	/* Les autres \*/
	margin-left:550px;	
	/**/  
	
  }  
  
#toolbar a
  {
    color:white;
    text-decoration:none; 
  }
  
#toolbar a:hover
  {
    text-decoration:underline; 
  }  
  
/* PIED DE PAGE
****************************************************************************/    
#footer
  {
		margin:0 0 10px 0;
		padding:2px 0 10px 0;
		clear: none;
		background-image:url(../theme/default/footer.jpg);
		background-repeat:no-repeat;
	  width:100%;
		font-size:10px;
		display:block;

  }  
  
#footer a:link, #footer a:visited, #footer a:active
  {
		text-decoration:none;
		color: black;
  }
  	
#footer a:hover
  {
		text-decoration:underline;
		color: black;
  }	 
  
  
#footer_print { display:none; }  
  
#footer .realisation
  {
	  float:left;
		margin-left:38px;
	}  
	
#footer .realisation a, #footer .realisation 
  {
    color:#CCCCCC;
	}  	
	
#footer .cep
  {
	
	  float:right;
	}
		
/* FORMULAIRES DE CONTACT
****************************************************************************/  
#form_contact 
  {
		margin:0 15px 0 0;
		padding:0;
  }
  
.form_success
	{
	  display:block;
		width:auto;
		margin:60px auto;
	}
	
#form_caontact image, #form_contact img
  { vertical-align:bottom; }	
	
/* REVUE
****************************************************************************/  

#revue_nav
  {
	  background-image:url(../theme/default/revue_nav.jpg);
		background-repeat:repeat-x;
		color:white;
		font-size:12px;
		padding:1px;
		font-weight:bold;
	  border-left: 1px solid #275796;
		border-right: 1px solid #275796;
	}

#revue_nav a
  {
	  float:left;
		text-decoration:none;
		color:white;
		padding-top:4px;
	 }		
.revue_subnav
  {
		background-image:url(../theme/default/revue_subnav.jpg);
		background-repeat:repeat-x;
		color:white;
	  height:24px;
		padding:0;
	  margin:1px 0;	
	  border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;	  
	}
	
#content .revue_subnav img
  {
	  vertical-align:middle;	
		padding:0;	
		margin:-3px 2px 0 2px;
	}	
	
.revue_subnav a
  {
	  color:#333333;
		text-decoration:none;
		display:inline;
		padding:0;
		margin:0;	
		font-size:10px;
	}		
.revue_subnav tr
  { 
	  vertical-align:middle;
	}

.revue_subnav td
  { 
	  width:33%;
	  padding:4px 0 0 0;
	}
	
#content .revue_subnav td.left,  #revue_nav  td.left { text-align:left;}
#content .revue_subnav td.center,  #revue_nav  td .center { text-align:center;}
#content .revue_subnav td.right, #revue_nav .right { text-align:right;}

.no_data
  { 
    text-align:center;
    margin-top:90px;
	color:#990000;
	font-size:110%;
  }
		
#revue_couverture img
  {
	  float: left;
		margin-right:1px;
	}
	
#revue_couverture 
  { 
		padding:20px 0;
	}	
	
#revue_page h2, #revue_page h3
  { 
	 margin:12px 0;
	 text-align:left;
	}	
	
#revue_page h2
  {
	  font-size:36px;
	}		
	
	
#revue_page h3
  {
	  padding-bottom:4px;
		font-size:16px;
	}
		
.revue_content
  {
	  background-image:url(../theme/default/revue_bg.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
		padding-bottom:36px;
	}	
  
	
#revue_page
  {
	  background-image:url(../theme/default/revue_bg.gif);
		background-position:top right	;
		background-repeat:no-repeat;	
		text-align:justify;
	}

#revue_content
  {
	  line-height:1.8em;
	}  	
	
.revue_toc
  {
    margin-top:12px;
    margin-bottom:6px;
  }
  
	
.revue_toc
  {
    margin-left:20px;
		padding:0;
		margin:0;
  } 

.revue_toc ul
  {
		list-style-image:url(../theme/default/bullet_page.gif);
		padding:0;
		margin:12px 0 0 44px;
  }	
  
.revue_toc li
  {
	  padding:0;
		margin:12px 0 0 0;
  }  
.revue_toc a:link, 	.revue_toc a:visited, .revue_toc a:active
  {
    font-size:12px;
	  text-decoration:none;
	  color: black;
  }

.revue_toc a:hover
  {
    font-size:12px;
	  text-decoration:underline;
  }	
/* ACTIVITES 
****************************************************************************/  
#activite p
  {
    margin-bottom:12px; 
  }

.activite_liste a:link, .activite_liste a:visited, .activite_liste a:active
  {
    text-decoration:none;
	  color:black;
	  display:block;
  }

.activite_liste a
  {
    text-decoration:none;  
  }	
  
.activite_liste a:hover
  {
    text-decoration:underline;  
  }	
  
.activite_liste
  {
    margin-bottom:0px;
		padding:0 0 12px 0;
  }  
	
.activite_liste td
  { padding:6px;}	
	
#revue_header_print { display:none; }	
  
/* MANIFESTATIONS
****************************************************************************/  

#navmonth
  {
    background-color:#F0F0F0;
	  border:1px solid silver;
	  border-collapse:collapse;
	  font-size:11px;
	  font-weight:bold;
    display:block;
    padding:0;
  
	  /*IE5 Mac */
	  clear:left;
	  margin-top:-30px;
	 
	  /* Autres navigateurs \*/
	  clear:none;
	  margin-top:0;
	  /**/
  }  
  
#navmonth td
  {
	  border:1px dotted silver;  
	  width:90px;
	  padding: 2px;
  }  
  
.inactive
  {
    color:gray;
	background-image:url(../theme/default/bg_gray.jpg);
  }  
  
.active
  {
    background-image:url(../theme/default/bg_blue.jpg);
  }  
  
.active a:link, .active a:visited, .active a:active
  {
    display:block;
		text-decoration:none;
		color:black;
		cursor:hand;
  }  
  
.current
  {
    background-image:url(../theme/default/bg_darkblue.jpg);
	  color:white;
  }  
  
#manifestation_detail, #form_inscription  
  {   
		margin: 0 0 0 0; 
		padding-bottom:24px;
  }


/* BARRE D'ONGLETS
****************************************************************************/  
#subnav
  {
    position:relative;
    background-image:url(../theme/default/bg_subnav.jpg);
	  background-position:bottom;
	  background-repeat:repeat-x;
    display:block;
	  clear:right;
	  left:0px;
	  top:-18px;
	  height:20px;
		border-collapse:collapse;
  
	  /*  Pour IE Mac\*/
	  top:-26px;
    margin:0px auto 0px auto;
	  /**/
  }
  
#subnav ul
  {
    list-style-type:none;
	  position:relative;
    padding:0;

    margin: -18px 0 0 5px;

	  /*  Pour IE Mac\*/	
	  margin: 0 0 0 5px;
	  /**/
  }
  
#subnav ul li
  {
		font-size:10px;
		display:block;
		float:left;
  }  

#subnav  a:link, #subnav a:visited, #subnav a:active, #subnav  span 
  {
		display:block;
		margin:4px 2px 0 2px;
		padding:0 8px 0 8px;
		border-top:1px solid gray;
		border-left:1px solid gray;
		border-right:1px solid gray;
		color:#666666;
		text-decoration:none;
		float:left;
		height:14px; 
		 top:-50px;
		/*  Pour IE Mac\*/
		top:-20px;
		/**/		
  }
  
#subnav a:link, #subnav a:visited, #subnav a:active
  {
		background-color:#CCCCCC;
		border-bottom:1px solid gray;
  }  
  
#subnav span
  {
		background-color:white;
		border-bottom:1px solid white;
  }

#subnav a:hover
  {
    background-image:url(../theme/default/bg_darkblue.jpg);
    background-color:#333333;
		color:#FFFFFF;
  }    

/* PRESSE
****************************************************************************/  
#folder_detail
  {

  }

#folder_detail p
  {
     padding-bottom:10px;
  }

.thumbnail td, .thumbnail td h4
  {
	font-size:90%;
  }

 ul.thumbnail li
  {
    width:200px;
	height:200px;
	float:left;
	display:inline;
	border:1px dotted red;

  }  
  
 
  
  
.thumbnail img
  {
    border:1px solid black;	
    background-image:url(../theme/default/bg_black.jpg);
    background-repeat:repeat-x;
    background-color:#000000;
    padding: 15px 4px 15px 4px;	
  }   
  
.thumb
  {
		margin-right: 20px;
		margin-bottom: 30px;
		float:left;
  }
  
.thumb img
  {
    border:1px solid black;	
    background-image:url(../theme/default/bg_black.jpg);
    background-repeat:repeat-x;
    background-color:#000000;
    padding: 15px 4px 15px 4px;	
  }  
  
.thumb h4
  { 
    margin:0 0 4px 0;
  }  
  

/* ACCUEIL
****************************************************************************/   
#revue_thumb
  { 
    display:block;
    width:140px;
	  float:left;
	  clear:both;
	  text-align:center;
	  font-size:10px;
	  font-weight:bold;
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;
	  margin-bottom:12px;
  }

  
#left_col #bar
  {
    width:165px;
    padding-left:45px;
	  display:block;
  }
  
  
#agenda_accueil
  {
    clear:both;
	 margin-bottom:36px;
  } 
  
#agenda_accueil h1
  {
    font-size:12px;
	  font-weight:bold;
	  padding:0;
	  margin:12px 0 0 0;
  } 
 
#agenda_accueil h2
 {
	 font-size:11px;
	 font-weight:bold;
	 padding:0;
	 margin: 4px 0;
	 color:gray;
 }   
 
#agenda_accueil a
	{
		font-size:10px;
		text-decoration:none;
		color:#000000;
  } 
	
.news
	{ 
	  list-style-image:url(../theme/default/puce_plus.gif);
	  padding:0;
	  margin:0;
	  list-style-position:inside;
  }	

.news li
	{
	  font-weight:bold;
	  cursor:pointer;
	  padding:0;
	  margin:0;
  }	

.news a, .news ol
	{
	cursor:pointer;
	color:black;
 } 	
 
.news_item
	{
	  display:none;
	  margin-top:12px;
	  padding-left:18px;
	}	 
	
/* ANNUAIRE
****************************************************************************/ 	
.annuaire h1
  { 
	  font-size:16px;
	  padding:0;
		margin:6px 0 0 0;
	}
	
.annuaire
  {
	  margin:12px 0 0 0;
		width:530px;
		padding-bottom:6px;
		clear:right;
	}	
	
.annuaire_popup
  {
	  width:160px;
	}	
	
.annuaire_textbox
  { width:130px;}	
	
.annuaire .even
  {
	  background-image:url(../theme/default/bg_blue.jpg);
		background-repeat:repeat-x;	
		border-top:1px solid #DEE2EB;
		border-bottom:1px solid #BDC1CA;
		border-right:1px solid #DEE2EB;
	}	
	
.annuaire .odd
  {
	  background-image:url(../theme/default/bg_light_gray.jpg);
		background-repeat:repeat-x;	
		border-top:1px solid #F1F1F1;
		border-right:1px solid #silver;
		border-bottom:1px solid silver;
	}		
	
.annuaire .odd, .annuaire .even
  {
	  padding:4px;	
		margin:0;
	}	
	
.search_button	
  {
	  vertical-align:top;
	}
	
.annuaire_box
  {
	  width:170px;
		height:70px;
		background-image:url(../theme/default/bg_annuaire.jpg);
		background-repeat:no-repeat;
		padding:4px 0 0 6px;
	}	
	
#alphabar
  {
		background-image:url(../theme/default/alphabar_bg.jpg);
		background-repeat:no-repeat;
		float:left;
		clear:right;
		height:20px;
		width:530px;
		margin:0 0 12px 0;
		padding:0 0 0 20px;
	}	
	
#alphabar span, #alphabar a
  {
	  display:block;
		width:17px;
		height:18px;
		text-align:center;
		float:left;
	  padding:2px 0  0 0;
		margin:0 2px 0 0;
	}	
	
#alphabar a
  {
	  background-image:url(../theme/default/alphabar_active.jpg);
	  text-decoration:none;
	  color:black;
		font-weight:bold;
	}	
	
#alphabar a:hover
  {	
	  color:white;
		background-image:url(../theme/default/alphabar_on.jpg);
	}	
	
#alphabar_letter
  {
	  width:567px;
		height:37px;
		background-image:url(../theme/default/alphabar_bg_letter.jpg);
		background-repeat:no-repeat;
		margin:0 0 0 -37px;
	}	
	
#alphabar_letter h1
  { 	
	  display:block;
		width:29px;
		text-align:center;
	  padding:4px 0 0 3px;
	}	
	
#alphabar_letter a
  {	
	  display:block;
		width:14px;
		height:16px;
		position:relative;
	  top:-38px;;
	  left:550px;
	}		
	
/* PUBLICITE
****************************************************************************/ 	
#pub
  {
	  width:440px;
		margin:0 auto 24px auto;
		font-size:9px;
		text-align:right;
	  color:grey;
	}
	
#pub img
  { border:0; }	
	
/* PLAN
****************************************************************************/ 	
#plan h1
  {
	  font-size:14px;
		margin-top:12px;
	}	
	
#plan h2
  {
	  font-size:12px;
		margin-left:20px;
	}	
	
/* PLAN DE SITUATION
****************************************************************************/ 
#plan_de_situation img
  {

	border:0;
  }		
	
#plan_de_situation .comment
  {
    font-size:80%;
	color:#666666;
	font-style:normal;
	text-align:center;
	width:100%
  }	
  
/* FORMULAIRE PRIVE
****************************************************************************************************/
#frmPrive
  {
    width: 300px;
    height: 200px;
    margin: 100px auto;
  } 
  
#frmPrive label { float: left}   
    
#loginError
  {
    font-weight: bold;
    color:maroon;
    text-align: center;
    margin: 0 0 20px 0;
  }    