body, h1, h2, h3, h4, h5, h6, form, ul, li, img, p, a, fieldset, button, object{
	border:0;
	margin:0;
	padding:0;
	outline:none;
}

body{
	background:url('../images/fond-page.gif') #dbdada repeat-x;
	color:#424242;
	font: normal 11px Verdana, Helvetica, sans-serif;
}



/*____________________________________________________________________*/
/*_________________________________=GENERAL_____________________________*/
/*____________________________________________________________________*/

*html img, *html a, *html p, *html input, *html textarea, *html select{
	position:relative;
	z-index:15;
}

a{text-decoration:none;}

.spacer{clear:both;font-size:0px;height:0px;line-height:0px;}

/*____________________________________________________________________*/
/*_______________________________=CONTENEUR___________________________*/
/*____________________________________________________________________*/

#conteneur{  
	background:#fff;
	border:1px #a2a2a2 solid;
	border-top:none;
	margin:0 auto 0 auto;
	padding:0 1px 1px 1px;
	width:978px;
}


/*____________________________________________________________________*/
/*_________________________________=HAUT______________________________*/
/*____________________________________________________________________*/

#haut{
	height:179px;
	padding:0 0 1px 0;
}

#haut h1{
	display:none;
}

#zone-bandeau{
	height:140px;
	padding:0 0 1px 0;
}

#zone-menu-haut{	
	background:url('../images/fond-menuhaut.jpg') repeat-x;
	height:38px;
}
#zone-menu-haut ul{
	height:38px;
	list-style:none;
	padding:1px 0 0 0;
}

#zone-menu-haut li{
	background:url('../images/sep-menuhaut.gif') center right no-repeat;
	float:left;
	height:36px;
	padding:0 1px 0 0;
}
#zone-menu-haut li.btn-contact,
#zone-menu-haut li.btn-accueil{
	background:none;
	padding:0;
}


#zone-menu-haut li a{
	display:block;
	float:left;
	height:32px;
	text-indent:-9999px;
}

#zone-menu-haut li.btn-portraits a{
	background:url('../images/btn-portraits.jpg') no-repeat;
	width:115px;
}
#zone-menu-haut li.btn-admini a{
	background:url('../images/btn-administratif.jpg') top center no-repeat;
	width:150px;
}
#zone-menu-haut li.btn-contact a{
	background:url('../images/btn-contact.jpg') no-repeat;
	width:117px;
}

#zone-menu-haut li.btn-accueil a{
	background:url('../images/btn-accueil.png') no-repeat;
	height:113px;
	margin:-112px 0 0 0;
	padding:35px 0 0 160px;
	position:relative;
	width:250px;
}

*html #zone-menu-haut li.btn-accueil a{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.rochebaron-chalencon.fr/images/btn-accueil.png');
	margin:-111px 0 0 6px;
}

/*#zone-menu-haut li a:hover,#zone-menu-haut li a:focus{
	background-position:0 -32px;
}*/
#zone-menu-haut li.btn-accueil a:hover,#zone-menu-haut li.btn-accueil a:focus{
	background-position:0 0;
}


/*____________________________________________________________________*/
/*_________________________________=CENTRE____________________________*/
/*____________________________________________________________________*/

#centre{
	background:url('../images/fond-centre.jpg') repeat-y;
	clear:both;
	height:auto;
	min-height:300px;
}


#zone-navigation{
	background:url('../images/fond-ariane.jpg') repeat-x;
	font: normal 11px Arial, Helvetica, sans-serif;
	height:21px;
	padding:2px 0 0 180px;
	width:798px;
}
#zone-navigation .fil-ariane{
	color:#b3b3b3;
	float:left;
	font-size:10px;
	padding:5px 0 0 0;
	position:relative;
	width:470px;
}

#zone-navigation .fil-ariane a{
	color:#b3b3b3;
	text-decoration:none;
}
#zone-navigation .fil-ariane a:hover,#zone-navigation .fil-ariane a:focus{
	color:#000;
}

#zone-navigation p.identification{
	float:left;
	font-size:10px;
	position:relative;
	padding:5px 0 0 5px;
	width:70px;
}
#zone-navigation p.identification a{
	color:#484848;
}
#zone-navigation p.identification a:hover,#zone-navigation p.identification a:focus{
	color:#000;
}

#zone-recherche{
	float:right;
	margin:-2px 0 0 0;
	position:relative;
	width:235px;
}
#zone-recherche label,#zone-recherche legend{
	display:none;
}
#zone-recherche input.input{
	background:url('../images/ico-loupe.jpg') #fff no-repeat;
	border:1px #d3d3d3 solid;
	font-size:10px;
	height:13px;
	margin:0;
	padding:1px 2px 1px 20px;
	vertical-align:middle;
	width:152px;
}


#zone-recherche input.submit{
	border:none;
	padding:0;
	vertical-align:middle;
}

/*____________________________________________________________________*/
/*_________________________________=GAUCHE____________________________*/
/*____________________________________________________________________*/

#gauche{
	clear:both;
	float:left;
	height:auto;
	margin:-15px 0 0 0;
	min-height:451px;
	width:170px;
}
#gauche h2{
	text-indent:-9999px;
}
#h2servicesmuni{
	background:url('../images/h2-servicesmuni.jpg') no-repeat;
	height:56px;
	width:170px;
}
#h2viepratique{
	background:url('../images/h2-viepratique.jpg') no-repeat;
	height:49px;
	width:170px;
}
#h2marchespublics{
	background:url('../images/h2-marchespublics.jpg') no-repeat;
	height:49px;
	width:170px;
}

#gauche ul{
	list-style:none;
	padding:0 8px 5px 8px;
}
*html #gauche ul li{
	margin:-7px 0 -5px 0;
}

#gauche ul a{
	background:url('../images/sep-menugauche.gif') left bottom no-repeat;
	color:#303030;
	display:block;
	font-size:12px;
	padding:5px 2px 5px 5px
}
*html #gauche ul a{
	padding:0 2px 5px 5px;
}

#gauche ul a:hover,#gauche ul a:focus{
	color:#54b4e6;
}

#gauche ul li ul{
	display:none;
}

#gauche ul li:hover>ul{
	display:block;
}

#gauche ul ul{
	background:#fff;
	border:1px #e5e5e5 solid;
	border-left:5px #54b4e6 solid;
	height:auto;
	margin:-23px 0 0 145px;
	padding:3px 4px;
	position: absolute;
	z-index:600;
	width:155px;
}

#gauche ul ul a{
	font-size:11px;
	padding:3px 2px 3px 3px;	
}

/*____________________________________________________________________*/
/*________________________________=CONTENU____________________________*/
/*____________________________________________________________________*/

#contenu{
	background:url('../images/fond-contenu.jpg') no-repeat;
	float:left;
	height:auto;
	margin:-15px 0 0 0;
	min-height:522px;
	padding:29px 13px 10px 13px;
	width:527px;
}
*html #contenu{
	height:522px;
}

#zone-lien-raccourci{
	background:url('../images/sep-point.gif') top center no-repeat;
	height:20px;
	margin:30px 0 0 0;
	padding:10px 0 0 0;
}

#contenu #zone-lien-raccourci ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}
#contenu #zone-lien-raccourci li{
	display:inline;
	margin:0 3px;
	padding:0;
}



/*____________________________________________________________________*/
/*________________________________=DROITE____________________________*/
/*____________________________________________________________________*/

#droite{
	background:url('../images/fond-droite.jpg') no-repeat;
	float:right;
	height:auto;
	margin:-15px 0 0 0;
	min-height:400px;
	padding:26px 0 0 1px;
	width:254px;
}
#droite h2{
	height:34px;
	text-indent:-9999px;
}
#zone-avis h2{
	background:url('../images/h2-avis.jpg') no-repeat;
}
#zone-avis ul{
	display:none;
	list-style:none;
}

#zone-avis .phrase{
	height:20px;
	padding:10px;
}

.tickercontainer {
	float:left;
	width: 230px; 
	height: 17px; 
	padding: 0;
	overflow: hidden; 
	position:absolute;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	height: 17px; 
	left: 5px;
	top: 1px;
	width: 225px;
	overflow: hidden;
}
#zone-avis ul.newsticker { /* that's your list */
	position: relative;
	font: 11px Verdana;
	left: 225px;
	list-style: none;
	list-style-image:none;
	margin:0;
	padding: 0;
	width:1700px;
	height: 17px; 
}
#zone-avis ul.newsticker {
	display:block;
}

#zone-avis ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
#zone-avis a{
	color:#424242;
}

#zone-liensexternes h2{
	background:url('../images/h2-liensexterne.jpg') no-repeat;
}
#zone-liensexternes ul{
	list-style:none;
	padding:8px 6px;
}
#zone-liensexternes ul a{
	background:url('../images/f-bigb.jpg') 0 5px no-repeat;
	color:#1c1c1c;
	display:block;
	margin:2px 0;
	padding:5px 0 5px 17px;
}
*html #zone-liensexternes ul a{
	margin:0;
}
*html #zone-liensexternes ul li{
	margin:-5px 0;
}

#zone-liensexternes ul a:hover,#zone-liensexternes ul a:focus{
	color:#54b4e6;
}
#zone-liensexternes p,#zone-images p{
	font-size:10px;
	text-align:right;
	padding:0 5px 8px 0;
}
#zone-liensexternes p a,#zone-images p a{
	color:#4b4b4b;
}
#zone-liensexternes p a:hover,#zone-liensexternes p a:focus,
#zone-images p a:hover,#zone-images p a:focus{
	color:#000;
}

#zone-liensexternes h3{
	color:#55b5f1;
	font-size:13px;
	font-weight:normal;
	padding:0 5px;
}


#zone-newsletter h2{
	background:url('../images/h2-newsletter.jpg') no-repeat;
}

#zone-newsletter p,#zone-participer p{
	color:#54b4e6;
	font-weight:bold;
	padding:10px 0 0 25px;
}
#zone-newsletter p.important{
	color:#f00;
	padding:10px 0 10px 10px;
}

#zone-newsletter fieldset,#zone-participer fieldset{
	padding:0 0 15px 0;
}

#zone-newsletter label,#zone-participer label{
	display:none;
}

#zone-newsletter input.input{
	background:url('../images/ico-mail.jpg') #fff 1px 0 no-repeat;
	border:1px #e5e5e5 solid;
	float:left;
	height:14px;
	margin:5px 0 0 10px;
	padding:3px 2px 2px 25px;
	width:200px;
}

#zone-newsletter input.inscription,
#zone-newsletter input.desinscription{
	background:url('../images/btn-sabonner.jpg') no-repeat;
	border:0;
	cursor:pointer;
	display:block;
	float:left;
	font-size:0px;
	height:22px;
	line-height: 0px;	
	margin:3px 0 0 9px;
	padding:0;
	text-indent:-9999px;
	width:81px;
}
#zone-newsletter input.desinscription{
	background:url('../images/btn-desinscrire.jpg') no-repeat;
	margin:3px 0 0 5px;
	width:108px;
}

#zone-participer h2{
	background:url('../images/h2-participer.jpg') no-repeat;
}

#zone-participer p{
	padding:0;
}
#zone-participer p.big{
	padding:0 0 5px 10px;
}


#zone-login{
	padding:10px 5px 10px 5px;
}

#zone-login a{
	color:#727272;
	font-weight:normal;
}
#zone-participer #zone-login a:hover,#zone-participer #zone-login a:focus{
	color:#000;
}
#zone-login a.deconnexion{
	background:url('../images/ico-logout.jpg') 0 2px no-repeat;
	color:#f00;
	padding:0 0 0 13px;
}
#zone-login a.intranet{
	background:url('../images/ico-intranet.jpg') 0 2px no-repeat;
	color:#617487;
	padding:0 0 0 13px;
}


#zone-login .inplogin{
	float:left;
	margin:0 2px 0 0;
	width:100px;
}

#zone-login label{
	color:#727272;
	float:none;
	font-size:10px;
	display:block;
	width:90px;
}

#zone-login input.inp_text{
	background:#fff;
	border:1px #e5e5e5 solid;
	float:left;
	height:14px;
	margin:1px 0 0 0;
	padding:3px 2px 2px 2px;
	width:90px;
}

.zone-form input.input{
	background:#fff;
	border:1px #e5e5e5 solid;
	float:left;
	height:14px;
	margin:5px 0 0 10px;
	padding:3px 2px 2px 25px;
	width:160px;
}

#zone-login input.inp_submit{
	background:url('../images/btn-oknews.jpg') no-repeat;
	border:0;
	cursor:pointer;
	display:block;
	float:left;
	font-size:0px;
	height:26px;
	line-height: 0px;	
	margin:15px 0 0 0;
	padding:0;
	text-indent:-9999px;
	width:39px;
}

#zone-login p.new{
	font-style:italic;
	text-align:right;
}


.zone-form select{
	margin:5px 0 0 10px;
}

#contenu .zone-form label{
	padding:8px 0 0 0;
	width:80px;
}
.zone-form input.big{
	margin-left:90px;
}

#zone-images h2{
	background:url('../images/h2-diaporama.jpg') no-repeat;
}
#zone-images .content{
	height:150px;
	margin:0 auto;
	padding:10px;
	width:200px;
}

#zone-images ul#diapo-img{
	list-style:none;
	margin:0;
	padding:0;
    	position:relative;
}
 
#zone-images ul#diapo-img li{
	height:150px;
	margin:0;
    	overflow:hidden;
	padding:0;
    	position:absolute;
    	text-align:center;
    	width:200px;	
}

/*____________________________________________________________________*/
/*_________________________________=BAS_____________________________*/
/*____________________________________________________________________*/


#bas{
	background:url('../images/fond-bas.jpg') repeat-x;
	clear:both;
	font-size:10px;
	height:28px;
	padding:2px 0 0 150px;
	text-align:center;	
}


#bas ul{
	list-style:none;
}

#bas ul li{
	background:url('../images/sep-menubas.gif') center right no-repeat;	
	float:left;	
	padding:8px 20px;
}
#bas ul li.last{
	background:none;
}

#bas ul li a{
	display:block;
	color:#6b6b6b;	
}

#bas ul li a:hover,#bas ul li a:focus{
	color:#000;
}