html, body {
	margin					:0;
	padding					:0;
	height					:100%;
	background-color		:#CFCFCF;
	font-family				:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size 				:small;
}

a {
    font-family				:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size				:small;
    font-weight				:normal;
	color 					:#000000;	
}

p {
	font-size 				:small;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color 					:#000000;
	text-align				:left;
}

h1 {
	display					:inline ;
	font-size 				:medium;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-variant			:small-caps;
	color 					:#FFFFFF;
	padding-left			:5px;
}

h2 {
	display					:inline ;
	font-size 				:small;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color 					:#000000;
}

h3 {
	display					:inline ;
	font-size 				:medium;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-variant			:small-caps;
	color 					:black;
}

.delimiter {
	font-size				:0;
	height					:0;	
	border					:0;
	padding					:0;
	line-height				:0;
}


#wrapper {
	position				:relative;
	width					:900px;
	/*min-height				:auto; */
	height					:100%;
	margin-left				:auto;
	margin-right			:auto;
	padding-top				:20px;
}
								  
#left {					/* (bandeau avec naviguation principale) */
	position				:relative;
	float					:left;
	text-align				:left; 
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	background-color		:#FFFFFF;
	width					:220px;
	/*height					:100%;*/
	margin					:0px;
	padding					:0px; 
}

#logo {
	position				:relative;
	background				:url(images/logo.gif); 
	background-repeat		:no-repeat;
	background-position		:50% 5px;
	text-align				:left;
	width					:220px;
	height					:201px;
	margin					:0px;
	padding					:0px;	
}

#homelink {
	display					:block;
	width					:220px;
	height					:100%;
	padding					:0;
	margin					:0; 	
}

#titrezoom {
	position				:relative;
	text-align				:left;
	width					:220px;
	height					:20px;
	margin					:0px;
	padding					:0px;
	text-indent				:9px;
	
	
}

#zoom {		
	position				:relative;
	width					:202px;
	height					:22px;
	margin					:0px;
	margin-bottom			:5px;
	margin-left				:9px;

}

#zoom1 {
	float					:left;
	position				:relative;
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	background-color		:#FF6666;
	width					:58px;
	height					:17px;
	margin					:0px;
	margin-right			:11px;
	padding					:0px;
}

#zoom1 ul.loop {
	text-align				:center;
	padding					:0px;
	margin					:0px;
}

#zoom1 a.loop1{
	text-decoration			:none;	/* supprime le soulignement */
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	padding-top				:2px;
	padding-bottom			:2px;
					
}

#zoom1 a.loop1:hover {
	text-decoration			:none;	/* supprime le soulignement */
	color					:#FFFFFF; 
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	padding-top				:2px;
	padding-bottom			:2px;
}


#zoom2 {
	float					:left;
	position				:relative;
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	background-color		:#FF6666;
	width					:58px;
	height					:17px;
	margin					:0px;
	margin-right			:11px;
	padding					:0px;
}

#zoom2 ul.loop {
	text-align				:center;
	padding					:0px;
	margin					:0px;
}

#zoom2 a.loop1{
	text-align				:center;
	text-decoration			:none;	/* supprime le soulignement */
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	padding-top				:2px;
	padding-bottom			:2px;
}

#zoom2 a.loop1:hover {
	text-decoration			:none;	/* supprime le soulignement */
	color					:#FFFFFF; 
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	padding-top				:2px;
	padding-bottom			:2px;
}

#zoom3 {
	float					:left;
	position				:relative;
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	background-color		:#FF6666;
	width					:58px;
	height					:17px;
	margin					:0px;
	padding					:0px;
}

#zoom3 ul.loop {
	text-align				:center;
	padding					:0px;
	margin					:0px;
	
}

#zoom3 a.loop1{
	text-align				:center;
	text-decoration			:none;	/* supprime le soulignement */
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	ing-top					:2px;
	padding-bottom			:2px;
}

#zoom3 a.loop1:hover {
	text-decoration			:none;	/* supprime le soulignement */
	color					:#FFFFFF; 
	padding					:0px;
	margin					:0px;
	padding-left			:25px;
	padding-right			:25px;
	padding-top				:2px;
	padding-bottom			:2px;
}

#title {
	position				:relative;
	text-align				:left;
	background-color		:#5C5C5C;
	width					:202px;
	height					:26px;
	margin					:0px;
	margin-left				:9px;
	padding					:0px;  
	text-indent:6px;
}

#guid {
	position				:relative;
	text-align				:left;
	background-color		:#5C5C5C;
	width					:670px;
	height					:26px; 
	margin					:0px;
	padding					:0px;	 
	text-indent				:22px;
}

#guid a {
	font-size 				:medium;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-variant			:small-caps;
	color 					:#FFFFFF;
	padding-left			:5px;
	font-weight				:bold;
	text-decoration			:none;
}


#events {
	position				:relative;
	background-color		:#FF6666;
	text-align				:left;
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	width					:200px;
	height					:auto;
	left					:9px;
	margin					:0px;
	margin-bottom			:9px;
	padding					:0px;

}

#events ul {
	padding					:0px;
	margin					:9px;
	list-style-type			:none;
}

#events li {
	margin-top				:9px;
}

#events a{
	padding					:0px;
	margin					:0px;
}

#events a:hover {
	color					:#FFFFFF; 
	padding					:0px;
	margin					:0px;
}


#right {					/* (bandeau avec naviguation principale) */	 
	position				:relative;
	float					:right;
	text-align				:left; 
	border-style			:solid; 
	border-width			:1px;
	border-color			:#5C5C5C;
	background-color		:#FFFFFF;
	width					:670px;			 
	height					:auto;	
	/*min-height				:100%;*/
	min-height				:650px;
	padding					:0px;
	margin					:0px;
}

* html #right {
	height					:650px;
}

#header {
	position				:relative;
	background				:url(images/header.jpg) transparent; 
	background-repeat		:no-repeat;
	text-align				:center;
	border-bottom			:solid #5C5C5C 15px;
	width					:670px;
	height					:75px; 
	margin					:0px;
	padding-top				:15px;
}

#header a {
	display					:block;
}

#search {
	position				:relative;
	text-align				:left;
	width					:670px;
	height					:143px; 
	margin					:0px;
	padding					:0px;
}

#menu {
	position				:absolute;
	height					:19px;
	top						:45px;
	left					:25px;
	padding					:0px; 
	margin					:0px;
}

#menu ul {
	padding					:0px;
	margin					:0px;
	margin-right			:11px;
}

#menu ul li {
	display					:inline ;
}

#menu a{
	text-decoration			:underline;
}

#menu a:hover {
	color					:#FF6666; 
}

#menuPartenaire {
	position				:absolute;
	height					:19px;
	top						:100px;
	left					:25px;
	padding					:0px; 
	margin					:0px;
}

#menuPartenaire ul {
	padding					:0px;
	margin					:0px;
	margin-right			:11px;
}

#menuPartenaire ul li {
	display					:inline ;
}

#menuPartenaire a{
	text-decoration			:underline;
}

#menuPartenaire a:hover {
	color					:#FF6666; 
}

#recherche {

	display					:inline;
	position				:absolute;
	width					:400px;
	height					:21px;
	top						:70px;
	left					:25px;
	padding					:0px; 
	margin					:0px;
}
	

.key {
	border					:solid 1px #000000;
	background-color		:#FFFFFF; 
	border					:1px #5C5C5C solid;
	font-family				:Verdana; 
	font-size				:16px;
	width					:300px;
	height					:19px;
	padding					:0px; 
	margin					:0px;
	
}

.go {
	cursor					:pointer;
	background-color		:#FF6666;
	border					:1px #5C5C5C solid;
	width					:75px;
	height					:21px;
	padding					:0px; 
	margin					:0px;
	top						:0px;
	left					:0px;
	font-variant			:small-caps;
}

#rssZone {
	position				:absolute;
	width					:250px;
	height					:19px;
	top						:70px;
	left					:420px;
	padding					:0px; 
	margin					:0px;
	border					:0px;
}

#rssZone a:hover {
	color					:#FF6666; 
}

#rssZone li {
	padding-left			:17px;
	list-style-type			:none;
	background-image 		:url(images/rss.jpg);
	background-repeat		:no-repeat;
	background-position		:0% 65%;
}

#rechercheav {
	position				:absolute;
	width					:200px;
	height					:19px;
	top						:70px;
	left					:420px;
	padding					:0px; 
	margin					:0px;
	border					:0px solid;
}

#rechercheav ul.an, li, a {
	padding					:0px;
	margin					:0px;
	margin-right			:11px;
}

#rechercheav ul.an li {
	display					:inline ;
}

#rechercheav a.annu{

}

#rechercheav a.annu:hover {
	color					:#FF6666; 
}

#content {
	position				:relative;
	text-align				:left;
	border-style			:solid; 
	border-width			:0px;
	border-color			:#5C5C5C;
	background-color		:#FFFFFF;
	/*width					:600px;	 /* 660 */*/
	height					:auto;
	min-height				:450px;
	padding					:30px;
	padding-top				:50px;
	background-image		:url('.  .'/resources/picto/');
	background-position		:top right;
	background-repeat		:no-repeat;	
}

* html #content {
	height					:450px;
}

#annuaire_listing ul {
	position				:relative; 
	left					:10px;
	margin					:0px;
	margin-top				:9px; 
	margin-right			:60px;
	padding					:0px;  
}								  

#annuaire_listing li	{
	display					:inline;
}

#annuaire_listing ul.contenu {
	float					:left; 
}

#annuaire_listing ul.contenu li	{
	display					:list-item;
	list-style-type			:none;	
}		

#annuaire_listing ul.contenu a {
	padding-left			:10px;
}

#annuaire_listing ul.contenu2 {
	/* width					:350px;*/
}

#annuaire_listing ul.contenu2 li	{
	display					:inline;
	list-style-type			:none;
}

#annuaire_listing a {
	font-size 				:small;
	font-variant			:normal;
	color					:black;
}

#annuaire_listing a:hover {
	color					:#FF6666; 
}

#annuaire_listing .cont2 {
	font-weight				:bold;
	margin-left				:-10px;	  
}

#content a {
	font-size 				:small;
	/*font-variant			:normal;*/
	color					:black;
	padding					:0;
	margin					:0;
}

#content a img {
	border-color			:black;
}


#content a:hover {
	color					:#FF6666; 
}

.titrecontent {
	position				:relative;
	text-align				:left;
	width					:220px;
	height					:20px;
	margin					:0px;
	margin-top				:15px;
	padding					:0px;
}

#break {
	clear:both;
	font-size:0px;
}

#space {
	clear:both;
	height:25px;
	font-size:25px;
} 

.clearing {
	height					:0;
	font-size				:0;				 
	clear					:both;
}

#footer_space {
	clear:both;
	height:20px;
	font-size:20px;
	padding:0;
}

#admin {
	position				:absolute;
	top						:0;
	right					:0;
}

#floater {
  	position				:absolute;
  	visibility				:hidden;
  	width					:220px;
  	height					:auto;
  	margin					:0;
	margin-left				:1px;
  	padding					:0;
  	border					:none;
}


.calendarTable {
	border					:1px solid #5C5C5C;
	width					:100%;	
	table-layout			:fixed;
}

.eventsTooltipFloater {
	position				:absolute; 
	visibility				:hidden; 
	overflow				:hidden;
	color					:black; 
	background				:#FF6666; 
	border					:1px solid #5C5C5C;
	margin					:0; 
	padding					:1px;
	width					:150px; 
	height					:auto;
	z-index					:10;
	font-weight				:bold;
}

.keyCalendar {
	border					:solid 1px #000000;
	background-color		:#FFFFFF; 
	border					:1px #5C5C5C solid;
	font-family				:Verdana; 
	font-size				:small;
	/*width					:300px;*/
	height					:19px;
	padding					:0px; 
	margin					:0px;
	
}

.goCalendar {
	cursor					:pointer;
	background-color		:#FF6666;
	border					:1px #5C5C5C solid;
	/*width					:75px;*/
	height					:21px;
	padding					:0px; 
	margin					:0px;
	top						:0px;
	left					:0px;
	font-variant			:small-caps;
}
 
#submenu {
	float					:right;
}

#errorForm {
	color					:red;
}

#mailinglist {
	text-align				:center;
}

#annuHome {
	float					:left;
	width					:450px;
}

#loading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	
	width: 100%;
	height: 500px;	   
	
	background-color: #CFCFCF;
	background-repeat: no-repeat;
	background-image: url(/images/loading-circle.gif);
	background-position: 50% 50%;
	
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	visibility: hidden;  
}	 

#loadingText{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;		 
	
	padding-top: 50px;
	height: 200px;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;	
}

.illustrationSign {
	color: #FF6666;
	font-weight: bold;
}


