/* <--- GENERAL */

* {
padding:0;
margin:0;
}

body {
	background-color:#FAF9F5;	
	font-family:tahoma;
	font-size:small;
}

h1,h2,h3,h4,h5,h6 {
	font-size:small;	
}

img {
	border:0px;	
}

a {
	color:#000000;	
}

a:hover {
	color:#C83F09;		
}

label{
	display:block;
	width:140px;
	text-align:right;
	padding-right:10px;
	float:left;	
	clear:both;
}

fieldset {
	border:0;
	
}

legend {
	margin-bottom:10px;
	color:black;
	font-weight:bold;
}	

#formLogin .error {
	color:red;
}	

.hidden { display:none; }
.visible { display:block; }


/* ---> */

/* <--- COMMUN (bordure, padding...) */

#menuOutil,
#menuPrincipal,
#sousMenuPrincipal h1, 
#sousMenuPrincipal ul
 {
	border-bottom:2px solid #ffffff;
}

#sousMenuPrincipal h1, 
#agenda,
#questions,
#footer,#arbo, #serviceEnLigne, 
#savoirPlus,#telechargement {
	border-top:2px solid #ffffff;	
}


/* ---> */

/* <--- 2 ou 3 colones */
.gd1 {
	background-image:url(fond/fondGD1.gif);
}

.gd2 {
	background-image:url(fond/fondGD2.gif);
}

.gd3 {
	background-image:url(fond/fondGD3.gif);
}
.gd4 {
	background-image:url(fond/fondGD4.gif);
}

.deuxCol {
	background-image:url(fond/fondG.gif);
}

.troisCol #texte {
	width:350px;
}

.deuxCol #texte {
	width:535px;
}

/* ---> */

/* <--- LAYOUT */


#page {
	width:760px;
	background-repeat:repeat-y;
}

#gauche {
	width:205px;
	float:left;	
}

#texte {
	padding:10px  0px 10px 10px;
	float:left;	
}

#droite{
	width:185px;	
	float:left;	
}

#footer {
	clear:left;
	background-color:#FAF9F5;
	background-image:url(footer.gif);	
	background-repeat:no-repeat;
	height:20px;
	font-size:smaller;
	padding:1px 0 0 5px;
	text-align:center;
}	

#footer a{
	text-decoration:none;
}	



/* ---> */

/* <--- ENTETE */

#gotoContenu {
	display:none;
}

#logo{
	position:absolute;
	top:15px;
	left:40px;
}

#arbo{
	clear:left;
}

/* ---> */

/* <--- ENTETE - menuOutil */

#menuOutil {
	background:url(haut.jpg);
	height:109px;

	padding-left:290px;  /*300px*/
	
	list-style:none;
}

#menuOutil li {	
	float:left;
	margin-right:5px;
	margin-top:6px;
	height:15px;
	line-height:15px;
}

#menuOutil a {
	font-size:smaller;
	text-decoration:none;
	color:#000000;
}

#menuOutil a:hover {
	color:#C83F09;
}

#planSite {
	width:82px; /* 105px */
}

#pratique {
	width:137px; /* 150px */
}

#trouver {
	width:112px; /* 135px */
}
#presse {
	width:60px; /* nouveau, n'existait pas */
}
#contact {
	width:50px; /* nouveau n'était pas defini */
}


/* ---> */

/* <--- ENTETE - arbo */

#arbo {
	background-color:#C5DDEA;
	padding:5px 12px;
	font-size:smaller;
	text-align:left;
}

/* ---> */

/* <--- ENTETE - MENU PRINCIPAL */

#menuPrincipal li, #menuPrincipal li a {
	width:200px;
	height:35px;
	float:left;
	display:block;
}

#menuPrincipal li a{
	width:196px;
	height:27px !important;
	padding:4px 2px;
	
}

#recherche {
	width:150px !important;
	background-color:#C5DDEA;
	height:28px !important;
	padding:7px 0 0 10px;
}

#recherche input.text {
	width:105px;
}
#submitSearch {
	position:relative;
	top:2px;
}

#recherche label {
	margin:0;
	height:0;
	width:0;
	margin-left:-3px;
	border-right:0px solid black;
}

#centreCommunal a{
	background-image:url(menu/menu_orange_200.gif);	
}

#actionInsertion a{
	background-image:url(menu/menu_brun_200.gif);	
}

#actionSenior a{
	background-image:url(menu/menu_rouge_200.gif);	
}

#centreCommunal a:hover, .social #centreCommunal a{
	color:#F3B524;
}

#actionInsertion a:hover, .insertion #actionInsertion a{
	color:#E07D17;
}

#actionSenior a:hover, .senior #actionSenior a{
	color:#C83F09;	
}

#menuPrincipal li a {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
	line-height:13px;
	
}
#menuPrincipal li a:hover, 
.social #centreCommunal a, 
.insertion #actionInsertion a, 
.senior #actionSenior a {
	background-position:200px;
}

/* ---> */

/* <--- CONTENU */


/* ---> */

/* <--- GAUCHE */

#gauche, #menuOutilSuite {

	background-color:#C5DDEA;
}

/* ---> */

/* <--- GAUCHE - sousMenuPrincipal, menuOutilSuite */


.social #sousMenuPrincipal h1, .social #sousMenuPrincipal ul {
	background-color:#F3B522;
	color:#ffffff;
}

.insertion #sousMenuPrincipal h1, .insertion #sousMenuPrincipal ul {
	background-color:#E07D16;
	color:#ffffff;
}

.senior #sousMenuPrincipal h1, .senior #sousMenuPrincipal ul {
	background-color:#C83F0A;
	color:#ffffff;
}


#sousMenuPrincipal h1 {
	background-image:url(puces/fleche_bas_orange.gif);
	background-repeat:no-repeat;
	background-position:5px 10px;
	padding:5px 5px 5px 20px;	
}

#sousMenuPrincipal ul, #menuOutilSuite {
	padding:10px 0;
}

#sousMenuPrincipal li ul{
	margin-left:20px;
	list-style:none;
	border:0;
}

#sousMenuPrincipal li a, #sousMenuPrincipal li.active, #sousMenuPrincipal li span.active{
	color:#ffffff;
	background-image:url(puces/puce_orange.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:20px;
}

#sousMenuPrincipal li.active, #sousMenuPrincipal li.active a:hover { font-weight:bold; }
#sousMenuPrincipal li.active li { font-weight:normal; }


.insertion #sousMenuPrincipal li a, .insertion #sousMenuPrincipal li.active, .insertion #sousMenuPrincipal li span.active {
background-image:url(puces/puce_brun.gif);
}

.insertion #sousMenuPrincipal h1 {
background-image:url(puces/fleche_bas_brun.gif);
}

.senior #sousMenuPrincipal li a, .senior #sousMenuPrincipal li.active, .senior #sousMenuPrincipal li span.active {
background-image:url(puces/puce_rouge.gif);
}

.senior #sousMenuPrincipal h1 {
background-image:url(puces/fleche_bas_rouge.gif);
}

#menuOutilSuite li{
	height:28px;
	list-style:none;
	font-weight:bold;
}

#menuOutilSuite li a{
	color:#000000;
	background-repeat:no-repeat;
	background-position:2px 2px;
	height:28px;
	display:block;
	padding:5px 0 0 28px;
	text-decoration:none;
}

#actualite a{
	background:url(icones/actualite_bleu.gif);
}

#outilAgenda a{
	background:url(icones/agenda_bleu.gif);	
}

#annuaire a{
	background:url(icones/annuaire_bleu.gif);	
}

#planVille a{
	background:url(icones/plan_bleu.gif);	
}

#menuOutilSuite li a:hover{
	color:#ffffff;
	text-decoration:none;

}



/* ---> */

/* <--- TEXTE */

#texte h1 {
	color:#E07D17;
	font-size:1.2em;
	margin-bottom:10px;
}

#contenu #texte ul {

	list-style:none;
}

/*#contenu #texte ul li{
      list-style-position:outside;
	background-image:url(puces/fleche.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0 5px;
}*/

#contenu #texte ul li{	
	background-image:url(puces/puce.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0 5px;
}


#texte p, #texte ul {
	margin:5px 0;	
}

/* ---> */

/* <--- DROITE */

#droite div {
	padding-top:3px;	
}


#agenda  {
	background-color:#458BC6;
}

#questions  {
	background-color:#4D9DDF;
}

#serviceEnLigne  {
	background-color:#8CBFE4;
}

#savoirPlus {
	background-color:#C5DDEA;
}

#telechargement {
	background-color:#C5DDEA;
}


#agenda h2,
#questions h2, 
#serviceEnLigne h2, 
#savoirPlus h2, 
#telechargement h2 {
	background-image:url(icones/agenda_titre.gif);
	background-repeat:no-repeat;
	background-position:0;
	padding:3px 5px 7px 28px;
}

#questions h2 {
	background-image:url(icones/questions_titre.gif);
}

#serviceEnLigne h2 {
	background-image:url(icones/services_titre.gif);
}

#savoirPlus h2 {
	background-image:url(icones/savoir_titre.gif);
}

#telechargement h2 {
	background-image:url(icones/telecharger_titre.gif);
}

#droite dl {
	margin-bottom:5px;	
	margin-left:25px;	
}

#droite dt {
	font-weight:bold;
	margin-top:5px;
}

#droite dd {
	font-size:smaller;
}	


#droite ul li {
	list-style:none;
	padding-left:25px;
	background-repeat:no-repeat;
	background-image:url(puces/fleche.gif);
	background-position:6px 5px;
	
}
#questions ul li, #serviceEnLigne ul li {
	background-image:url(puces/fleche.gif);

}

#agenda ul {
	margin-top:20px;
}

#agenda,
#questions,
#serviceEnLigne,
#savoirPlus,
#telechargement {
	padding-bottom:20px;
}

/* ---> */

/* <--- TABLEAU */

caption {
	display:none;	
}

table,th {
	border-collapse:collapse;	
	border:1px solid black;

	
}


td,th {
	border-collapse:collapse;	
	border-right:1px solid black;
	border-left:1px solid black;
	padding:3px;

}

table.smallCalMonth {
width:100%;
}

table.smallCalMonth td, table.smallCalMonth th { 
text-align:center; 
border-bottom:1px solid black;
border-top:1px solid black; 
padding:0;
}

table.smallCalMonth a { display:block; padding:3px; }
table.smallCalMonth a.smallCalMonth_linkActivated { 
background:#FFE3E3;
}

table.smallCalMonth td.smallCalMonth_tdToday {
background:#E4DAFF; 
}



tr.un {
	background-color:#ffffff;	
}
/* ---> */



/* <--- PAGES - #pageSocialTablo */

#pageSocialTablo #texte p {
	text-align:right;	
}

#pageSocialTablo #texte label {
	width:50px;
}

/* ---> */

/* <--- PAGES - #pageLogin */

#pageLogin caption{
	font-weight:bold;
}

#pageLogin #texte div {
	margin:5px;
}

#pageLogin #formLogin {
	width:280px;
	
	float:left;
}

#pageLogin #pasInscrit {
	width:220px;
	float:left;
}

#pageLogin #texte label {
	width:100px;
}

#pageLogin #texte .submit {	
	margin-left:110px;
}

/* ---> */

/* <--- PAGES - #pageForm */

#pageForm #texte fieldset {
	margin-bottom:25px;
		
}

#pageForm #texte .submit label {
	visibility:hidden;
		
}
/* ---> */

/* <--- PAGES - #pageResidence */

#pageResidence #texte div{
	
}

#pageResidence #texte div .contenu{
	width:380px;	
	float:left;
}
#pageResidence #texte div p.more{
	clear:both;	
	float:auto;
	width:100%;
	
	padding-bottom:10px;
	border-bottom:1px solid #A1C5D5;
}

#pageResidence #texte div img{
	border:1px solid black;
	margin-left:20px;
}

#pageForm #texte .submit label {
	visibility:hidden;
		
}
/* ---> */

/* <--- PAGES - #pageFAQ */

#pageFAQ #texte ol{
	margin:20px;		
}
#pageFAQ #texte ul li{
	display:inline;
	margin-right:15px;		
}

/* ---> */


/* <--- PAGES - #pageACTU */

#pageActu #texte div{
	border-bottom:1px solid #A1C5D5;
	padding:10px 0;
}

#pageActu #texte div img{
	float:left;
	margin-right:10px;	
	border:1px solid black;
}

#pageActu #texte dt{
	font-weight:bold;
	margin-top:5px;
}
/* ---> */

/* plan du site*/

#plangauche {
width:100px
float:left;	

}

#plancentre {
width:100px
float:center;	

}

#plandroite {
width:100px
float:right;	

}


#pagePlanSite #texte {
width:233px;
}