/* { padding:0; margin:0; } 
*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	background: #fff;
	text-align: center;
}

.spacer{
clear:both;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

p{
font-size:12px;
}

h1{
font-size:22px;
font-weight:bold;
color:darkblue;
background:url(http://lyonweb.net/i/puce1.gif) no-repeat top left;

padding:0px 0 10px 33px;
}
#container{
  
   width: 760px;
}

#page{
float:left;
	width : 600px;
	text-align: left;
	
}

/* colonne de droite */

#d{
	float:right;
	background-color:#eee;
	width:150px;

}

/* message haut de page */
#avt{
	font: bold .8em/1em verdana, helvetica, sans serif;
	color:#009;
	text-align:center;
	padding: 2px;
	background:#FC3;
	border-bottom:2px #ccc solid;
	margin-bottom:14px;	
}

.entete{

	margin:12px 0px 12px 0px;

	}

.entete tr,.entete td{padding:3px; }
/* */



.hblue{
	border:3px #00c solid; 
}

/* Breadcrumb */
#bc, #bc a:link, #bc a:visited{
	
	font: 20px normal times new roman, serif;	
    text-align: left;
}
#bc{
	margin:10px  15px 0 0px;
	padding : 2px 4px 2px 0px;
}
#bc  a:hover,#bc  a:active{
	color:orange;
	text-decoration:underline;
}

#bc a:active{
	color:red;
}






/* bas de page */

/* 3 lignes de couleurs
don't work 
#lbas {width:600px;}
.l1{
color: #fc0;
background-color: #fc0;
height: 3px;
margin-bottom:2px;border:0px
}
.l2{color: #009;
background-color: #009;
height: 12px;
margin-top:0px;
margin-bottom:0px;border:0px

}
.l3{color: #f90;
background-color: #f90;
height: 3px;
margin-top:0px;
border:0px}
*/

/* Elts divers */
.inputinvisible{visibility:hidden}

/* Annuaire */

/*ss rub*/


#r{
clear:both;
margin:10 0 ;
}

#r ul { 
padding-left:4px;
margin:5px;
float:left;
border-left:1px solid gray;
}

#r ul li {
list-style-type: none; 
 margin-left:4 px;
 padding-right:5px;
 font: 12px/15px normal verdana,arial,sans-serif;	

}



.ssr{
 	margin-top:15px;

}

.ssr b{ font-size:18px; font-weight:bold; margin:0;padding:0;  }

/*haut page */
.ht {
	text-align:right;
	padding-right:10px;

} 
.ht img { border:0 }



/*liste sites */
dl{font:  1em/1em Times New Roman,serif;}
dt{}
dt a {font-weight:bold;}
dd{padding:0px;margin-bottom:20px;}

.taillemoins{ font :0.8em/1em Times New Roman,serif;}

.sites{
	font:  1em/1em Times New Roman,serif;
}

.sites li{

 margin-bottom:14px;	

}

.sites img{
	margin-right:8px;  /* espace apres les puces*/
background:red;
}

a.link, a:hover.link,a:visited.link {
	font-weight :bold

}



 a.url, a:hover.url,a:visited.url {
	font-style : italic;
	color:black;
	text-decoration:none;
}

.rconnexe{
  font-size:12px;
  font-weight:bold;	
}


.voirsitefiche{}
.voirsitefiche img{ margin-left:20px;padding-left:10px;border:0px;}




	
div.spacer {
  clear: both;
  }

/* */
.entetespecial { 
margin:10px;
padding:10px;
	background-color:#ccf;
	 font-size:13px;
}

.entetespecial h3 {
 font-size:15px;
 font-weight:bold;
 
}


/* site semaine */

.ssemaine{
  	margin:7px 10px;
	font: normal 12px Verdana, Arial, sans-serif;
}

.ssemaineactuel{
	border: 1px solid red;
	background-color:#ccc;
	background:url('http://www.lyonweb.net/lyondor-semaine.gif') top right no-repeat;
	padding-right:60px;
	font: normal 12px Verdana, Arial, sans-serif;
}



/* calendrier */
#cal {
	
	padding: 0;
	margin-top: 15px;
	font: bold  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;

  border-top:1px solid;
  border-bottom:1px solid;
}

#cal h2{
font-size:12px;
margin:0;
}

#cal a,#cal .nav,#cal .nav a {
	font:10px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #608194;
	text-align: center;
	text-decoration: none;
}	


#cal caption {
	margin: 0;
	padding: 0;
	width: 150px;
	background: #FF7D0E;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#cal th {
	font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #BEEDF5;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#cal .today,#cal td.today a,#cal td.today a:link,#cal td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #FF9800;
}

#cal td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
  width:20px;
	height: 20px;
	text-align: center;
	background: url(i/agenda_fd.gif) no-repeat right bottom;
}

#cal td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#cal td a:link, #cal td a:visited {	
	color: #608194;
	background: url(i/agenda_fd.gif) no-repeat;
}

#cal td a:hover,#cal td a:active {
	color: #6aa3ae;
	background: url(i/agenda_fd.gif) no-repeat right top;
}

#calpub{
 background-color:#FF7D0E;
 padding:8px 0;
}

#calpub a{
font-weight:bold;
color:fff;

font-size:11px;
}

#calliens{
}

/* publi-redactionnel */

.publi{

 
}
.publititre{
float:left;
background-color:#fc0;
font-size:10px; 
color:#003;
padding:1px 8px 1px 12px;
}

.publicorps{
clear:both;
border:  2px solid  #fc0;
background-color:#eee;
padding: 7px 10px 7px 10px;
font-size:14px;
margin: 0 10px 20px 0;

}


/* maintenance */

.tpsgener{
margin:10px;
text-align:right;
font-size:8px;
}