/* <--- GENERAL */

* {
padding:0;
margin:0;

}

body {
	background-color:#C5DCEA;	
	font-family:tahoma,sans-serif;
	font-size:0.8em;

}

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

img {
	border:0px;	
}

a {
	color:#000000;	
}

a:hover {
	color:#F3B522;		
}

h2 a { color:white; text-decoration:none; }

/* ---> */


/* <--- LAYOUT */

#page {
	width:760px;
	margin:0 auto;
	border:0px solid black;
}	


#footer {
	clear:left;

	font-size:0.8em;
	
	/* \*/
	font-size:0.75em;
	/**/
	
	padding:1px 0 0 5px;
}	

#footer a{
	text-decoration:none;
}	

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

/* ---> */

/* <--- ENTETE */

#entete #logo {
	
	position:absolute;
	top:56px;
	margin-left:28px;
}
#entete #slogan {
	font-family:arial,sans-serif;
	position:absolute;
	top:40px;
	margin-left:230px;
	font-size:1.6em;
	letter-spacing:0.1em;
	color:#C62300;
}

/* ---> */

/* <--- menuOutil */

#menuOutil {
	background-image:url(index/haut-home.jpg);
	background-repeat:no-repeat;
	
	height:133px;
	padding-left:220px;     /* 290px */
	padding-top:15px;
	list-style:none;
	margin-bottom:7px;
}

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

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

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

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

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

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



/* ---> */

/* <--- CONTENU - commun */

#action,#solidarite,#seniors,#flash,#zoom,#direct {
	float:left;	
	font-size:0.9em;
}

#flash h2 span,#zoom h2 span,#direct h2 span{
	display:none;
}

#action h2, #solidarite h2,#seniors h2{
	font-family:arial, sans-serif;
	padding-left:38px;
	padding-top:5px;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.2em;
	text-transform:uppercase;
}

/* ---> */

/* <--- CONTENU - action */

#action {
	width:188px;
	
}

#action dl, #action p{
	padding:3px 10px;

}

#action h2 {
	background-image:url(index/le_centre/titre_centre.gif);
	height:43px; letter-spacing:-1px;
	
}

#action h3 {
	background-image:url(index/le_centre/agenda.gif);
	height:20px;
	padding-left:10px;
	color:#ffffff;
}

#action .jcarousel-container { height:145px; background-image:url(index/le_centre/degrade.jpg); } /* height:150px; */
#action .jcarousel-clip-vertical { height:140px; }
#action ul li { display:block; }
#action li.jcarousel-item { width:188px; }
#action li.jcarousel-item-vertical { height:46px; }

#action p {
	background-image:url(index/le_centre/bas_centre.gif);
	height:38px;
	color:#ffffff;
}

#action dt {
	font-weight:bold;
}
#action dd.more {
	text-align:right;
}

/* ---> */

/* <--- CONTENU - Solidarite,Seniors */

	
#solidarite,#seniors {
	margin-top:-75px;
	width:279px;
	
	text-transform:uppercase;
}   

#solidarite {
	margin-left:7px;
	margin-right:7px;
	width:279px;
}   

#solidarite h2, #seniors h2 {
	height:19px;
}
#solidarite div, #seniors div {
	height:195px;
}
#solidarite a.visuel, #seniors a.visuel {
	display:block;
	width:272px;
	height:176px;
}

#solidarite div {
	background-image:url(index/senior_solidarite/photo_solidarite.jpg);
}
#seniors div {
	background-image:url(index/senior_solidarite/photo_senior.jpg);
}



#solidarite p {
	background-image:url(index/senior_solidarite/ou_trouver.gif);
	height:20px;
	padding-left:20px;
	color:#000000;
	font-weight:bold;
}


#seniors p {
background-image:url(index/senior_solidarite/ou_trouver.gif);
	height:20px;
	padding-left:20px;
	color:#000000;
	font-weight:bold;
}


#solidarite li, #seniors li{
	background-image:url(index/senior_solidarite/sous_menu.gif);
	height:19px;
	padding-left:20px;
	list-style:none;
	
	color:#ffffff;
	font-weight:bold;
	
}

#solidarite li.all, #seniors li.all{
	background-image:url(index/senior_solidarite/toutes_prestation.gif);
	height:23px;
}

#solidarite li.all a, #seniors li.all a{
	padding-right:40px;
}

#solidarite a, #seniors a{
	color:#ffffff;
	text-decoration:none;
}
#solidarite a:hover, #seniors a:hover{
	color:#F3B522;
}

/* ---> */


/* <--- CONTENU - flash */

#flash, #zoom , #direct {
	margin-top:9px;
	
}


#flash ul, #zoom ul, #direct ul{
	margin:5px 10px;
}

#flash {
	width:247px;
	background-image:url(index/flash/bas_flash.gif);
	background-position:0 40px;
	height:112px;
}

#flash ul {
	list-style:none;
}
/* yanlep */
#flash li {
   float:left;
   width:230px;
   margin-right:10px;
   height:56px;
   /*overflow:auto;*/
}

#flash h2 {
	background-image:url(index/flash/titre_flash.gif);
	height:40px;
}

#flash p a:hover {
	color:#c83f09;
}

/* ---> */

/* <--- CONTENU - zoom */

#zoom {
	width:247px;
	background-image:url(index/zoom/bas_zoom.gif);
	background-position:0 40px;
	height:112px;
	margin:9px;
}
#zoom .scroll-pane { 
	width:237px;
	height:56px;
	overflow:hidden;
}

#zoom ul, #zoom ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#zoom ul {
	/*overflow:auto;
	height:56px;
	width:243px;*/
}

#zoom ul li {
   height:auto;
   padding:0 10px 4px;
}


#zoom h2 {
	background-image:url(index/zoom/titre_zoom.gif);
	height:40px;
}

#zoom a {
	color:#ffffff;	
}

#zoom a:hover {
	color:#F3B522;
}



/* ---> */

/* <--- SCROLL */

#divScrollTextCont {
	position:absolute; 

	/* \*/
	position:relative;
	/**/
	
	border:0px solid black;
	width:200px; 
	height:60px; 
	clip:rect(0px, 300px, 150px, 0px); 
	overflow:hidden; 
	visibility:hidden;
	
	float:left;
}

#divText {
	position:absolute; 
	left:0px; 
	top:0px;
	padding-left:10px;
}

#btnUpDown {
	position:relative;
	left:220px;
	
	/*\*/
	position:static;
	margin-left:20px;
	/**/
	
	
	
	width:19px;
	overflow:hidden;
	margin-top:10px;
}

#btnUpDown li a span {
	visibility:hidden;
}


#divUp a,#divDown a{
	
	height:15px;
	
	text-decoration:none;
	display:block;
	
	width:19px;
	list-style:none;
}

#divUp, #divDown {
	background-repeat:no-repeat;
	height:15px;
	width:19px;
	list-style:none;
	padding-bottom:4px;
}

#divUp {
	background-image:url(index/scroll/scroll_haut.gif);
}

#divDown {
	background-image:url(index/scroll/scroll_bas.gif);
}

.noJavascript {
	overflow:auto;
	width:220px; 
	height:60px; 
	margin-left:10px;
	margin-top:5px;	
	border:0px solid black;
}


/* ---> */


/* <--- CONTENU - acces direct */

#direct {
	width:247px;
	background-image:url(index/acces/bas_acces.gif);
	background-position:0 40px;
	height:112px;	
	color:#ffffff;
	
}

#direct .scroll-pane { 
	width:237px;
	height:56px;
	overflow:hidden;
}


#direct ul, #direct ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#direct ul {
	/*overflow:auto;
	height:56px;
	width:243px;*/
}

#direct ul li {
   height:auto;
   padding:0 10px 4px;
}

#direct h2 {
	background-image:url(index/acces/titre_acces.gif);
	height:40px;
}

#direct a {
	color:#ffffff;	
}

#direct a:hover {
	color:#F3B522;
}

/* yanlep : carousel */
#flash .jcarousel-container, #zoom .jcarousel-container, #direct .jcarousel-container { width:240px; }

#action .jcarousel-clip-vertical { width:182px; }
.jcarousel-clip-horizontal { left:4px; width:238px; }


/* ---> */


/* <--- FOOTER */



#footer form {

	
	border:0px solid black;
	background-image:url(index/recherche/fond_recherche.gif);
	background-repeat:no-repeat;
	
	height:25px;
	width:220px;
	
	margin-top:-12px;
	
	padding-top:2px;
	padding-left:25px;
	
	float:right;
	
	color:#ffffff;	

}

#footer form #search{
		width:130px;
}

#footer form .submit{
		
}

/* ---> */

/* jscroll */
.scroll-pane { overflow:auto; /* specifier width et height pour skin */ }
.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0;	top:0; height:100% !important; background:#e07d17; width:11px !important; }
.jScrollPaneDrag { position:absolute; background:/*#666*/ url(scroller-zoom.gif) no-repeat 0 0; cursor:pointer; overflow:hidden; width:11px !important; height:24px !important; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }

#zoom .jScrollPaneTrack { background:#e07d17; display:none; }
#zoom .jScrollArrowUp { position:absolute; right:0; top:0; display:block; width:16px; height:19px; background:url(index/scroll/scroll_haut.gif) no-repeat left top; text-indent:-5000px; }
#zoom .jScrollArrowDown { position:absolute; right:0; bottom:0; display:block; width:16px; height:19px; background:url(index/scroll/scroll_bas.gif) no-repeat left top; text-indent:-5000px; }

#direct .jScrollPaneTrack { background:#c83f09; display:none; }
#direct .jScrollArrowUp { position:absolute; right:0; top:0; display:block; width:16px; height:19px; background:url(index/scroll/scroll_haut_red.gif) no-repeat left top; text-indent:-5000px; }
#direct .jScrollArrowDown { position:absolute; right:0; bottom:0; display:block; width:16px; height:19px; background:url(index/scroll/scroll_bas_red.gif) no-repeat left top; text-indent:-5000px; }


#zoom .jScrollPaneDrag { background:/*#666*/ url(scroller-zoom.gif) no-repeat 0 0; }
#direct .jScrollPaneDrag { background:/*#666*/ url(scroller-direct.gif) no-repeat 0 0; }