/*
	* Base             100% 
	* -------------------------------------
	* 16px             103%   
	* 15px              96%   
	* 14px              88%   
	* 13px              82%  
	* 12px              77%  
	* 11px              71%
	* 10px              65%
	*  9px              59%
	*/


html {
    	padding:3px; 
   		margin:0;
}

body {
		background: #f1f4f9 url(../medias/communs/fond.jpg) scroll repeat-x top left;
		/*text-align: center;*/
		font-family: Arial;
		/*width: 100%;*/
		font-size: 102%;
		
}

#conteneur{
		width: 964px;
		text-align: center;
		position: relative;
		margin: 0px auto;
}

#bandeau{
		height: 135px;
		background: transparent url(../medias/communs/bandeau.gif) scroll no-repeat top left;
}

#bandeau #menu_principal{
		margin-left: 222px;
		width: 722px;
}



#bandeau #elementsbandeau #menu2{
		height: 24px;
		text-align: right;
		padding: 6px 20px 0 0;
		font-size: 65%;
		font-family: arial;
		color: #2c74b5;
		
}

#bandeau #elementsbandeau a{
		text-decoration: none;
		color: #2c74b5;
}

#bandeau #elementsbandeau a:hover{
		text-decoration: underline;
		color: #2c74b5;
}

#bandeau #elementsbandeau #recherche{
		height: 75px;
		text-align: right;
		padding: 0 28px 0 0;
}
#formulaire_recherche {padding:0px; margin:0px;}

#bandeau #elementsbandeau #recherche input{ 
		color: #4483bd; 
		font-size: 10px; 
		font-family: arial; 
		background-color: #fff; 
		width: 125px; 
		height: 12px; 
		padding-left: 4px; 
		margin-right: 4px;
		border: solid 1px; 
}

/* MENU */
#bandeau #elementsbandeau #menu_principal{
		height: 30px;
		text-align: left;
}

#bandeau #elementsbandeau #menu_principal ul{
		margin: 0;
		padding: 0;
		/*padding-left: 10px;
		padding-top: 16px;*/
		list-style-type: none;
}

#bandeau #elementsbandeau #menu_principal li{
		float: left;
		padding-right: 1px;
}

#bandeau #elementsbandeau #menu_principal li a{
		display: block;
}

#bandeau #elementsbandeau #menu_principal li a span{
		display: none;
}

a.btn1{
		background: url(../medias/menu/prioriterre.gif);
		height: 30px;
		width: 106px;
}

a.btn1-over, a.btn1:hover{
		background: url(../medias/menu/prioriterre_over.gif);
		height: 30px;
		width: 106px;
}

a.btn2{
		background: url(../medias/menu/particuliers.gif);
		height: 30px;
		width: 114px;
}

a.btn2-over, a.btn2:hover{
		background: url(../medias/menu/particuliers_over.gif);
		height: 30px;
		width: 114px;
}

a.btn3{
		background: url(../medias/menu/pros.gif);
		height: 30px;
		width: 126px;
}

a.btn3-over, a.btn3:hover{
		background: url(../medias/menu/pros_over.gif);
		height: 30px;
		width: 126px;
}

a.btn4{
		background: url(../medias/menu/collectivites.gif);
		height: 30px;
		width: 125px;
}

.btn4-over, a.btn4:hover{
		background: url(../medias/menu/collectivites_over.gif);
		height: 30px;
		width: 125px;
}
/*
a#btn5{
		background: url(../medias/menu/forum.gif) no-repeat;
		height: 28px;
		width: 78px;
		margin-top: 2px;	
}

a#btn5:hover{
		background-image: url(../medias/menu/forum_over.gif);
}
*/

a.btn5{
		background: url(../medias/menu/europe.gif) no-repeat;
		height: 30px;
		width: 140px;
		margin-left:30px;
}

.btn5-over, a.btn5:hover{
		background: url(../medias/menu/europe_over.gif) no-repeat;
		height: 30px;
		width: 140px;
		margin-left:30px;
}

a.btn6{
		background: url(../medias/menu/blog.gif) no-repeat;
		height: 26px;
		width: 67px;
		margin-top: 3px;	
}

.btn6-over, a.btn6:hover{
		background-image: url(../medias/menu/blog_over.gif);
		height: 26px;
		width: 67px;
		margin-top: 3px;	
}

a.btn7{
		background: url(../medias/menu/boutique.gif) no-repeat;
		height: 27px;
		width: 104px;
		margin-top: 3px;	
}

.btn7-over, a.btn7:hover{
		background-image: url(../medias/menu/boutique_over.gif);
		height: 27px;
		width: 104px;
		margin-top: 3px;
}

/* FIN MENU  */




.clearfix{
		clear: both;
}


/* HOME MISE EN FORME  */



#contenu-home{ 
		border-right : 1px solid #ababab;
		border-left : 1px solid #ababab;
		background-color:#FFF;
		width: 940px; 
		margin-left : 11px;
		*margin-right : 11px;
		clear: both; 
		padding-bottom : 30px;
}

*+html #contenu-home{ 
		border-right : 1px solid #ababab;
		border-left : 1px solid #ababab;
		background-color:#FFF;
		width: 940px; 
		margin-right : 11px;
		clear: both;
				padding-bottom : 30px;
}

.contenu-repeat {

background-image: url(../medias/communs/fond-page-repeat.gif); 
background-repeat: repeat-y;

}


 #gauche-home{
		width: 234px;
		height : 300px;
		position : absolute;
		margin-left : 0px;
		top : 140px;
}

 #gauche-home #bloc{
		height: 297px;
		background: transparent url(../medias/home/bloc-notes.gif) scroll no-repeat top left;
		padding: 68px 0 0 22px;
		text-align: left;
		margin-bottom : 10px;
}

 #gauche-home #bloc #themes{
		width: 180px;
		color: #3d3d3d;
		font-size: 11px;
		text-align: left;
}


#themes a {
	color : #3d3d3d;
	text-decoration : none;
}

#themes a:hover {
	color : #3d3d3d;
	text-decoration : underline;
}

 #gauche-home #bloc #themes #sepa{
		padding-bottom: 30px;
}

#gauche-home #bloc #themes #sepa2{
		padding-bottom: 30px;
}



 #gauche-home #trombone{
/*
		height: 87px;
		background: transparent url(../medias/home/trombone2.gif) scroll no-repeat top left;
		text-align: left;
*/
		margin-left: -12px;
}

.txt-menu {
padding-top : 3px;
padding-left : 3px;
padding-bottom : 2px;
}


#animflash {
		left: 0;
}


#tit-trombone{
	padding-left: 45px;
	margin-top: 2px;
	left: 0;
	text-align : left;
	
}

#tit-trombone2{
	padding-left: 30px;
	margin-top: 2px;
	left: 0;
	text-align : left;
	
}

/*
#contenu-home #gauche-home #trombone img{
		padding: 19px 0 0 62px;
}
*/
#contenu-home #gauche-home #partenaires{
/*
		margin-left: 25px;
		text-align: left;
*/
		margin-left: 24px;
		text-align: left;
		clear: both;
		position: absolute;
		top: 585px;
		left: 0;
}

#contenu-home #gauche-home #partenaires #tit-decouvsites{
	display: block;
	margin-top: 24px;
}
/*
#contenu-home #gauche-home #partenaires img{
		padding-right: 10px;
}
*/
#contenu-home #droite-home{
		width: 718px;
		float: right;
}

#contenu-home #droite-home #zone-anim{
		margin-top: 18px;
		width: 718px;
		height: 267px;
		text-align: left;
}

#contenu-home #droite-home #elements{
		height: 209px;
		background: #fff url(../medias/home/tache.jpg) scroll no-repeat bottom right;
		padding: 0 40px 0 30px;
		text-align: left;
}

#contenu-home #droite-home #elements #edito{ 
		font-size: 71%; 
		color: #3d3d3d; 
		text-align: justify; 
		width: 365px; 
		float: left;
}

#contenu-home #droite-home #elements #contextuel-home{
		width: 249px;
		text-align: left;
		margin-left: 30px;
		font-size: 71%;		
		float: left;
}

#contextuel .fieldset {
		margin-bottom:1px;
		width:198px;
		padding: 0 0 0 22px;
}

#contextuel .fieldset label {
		width:90px;
		float:left;
		margin-top:3px;
		color: #4a4a4a;
		font-size: 86%;
}

#contextuel .fieldset input {
		width: 101px; 
		height: 11px; 
		border: solid 1px; 
		color: #4a4a4a; 
}

#contextuel .txt-contextuel img{
		margin-bottom: 5px;
}

#contextuel-home .fieldset {
		margin-bottom:1px;
		width:198px;
		padding: 0 0 0 22px;
}

#contextuel-home .fieldset label {
		width:90px;
		float:left;
		margin-top:3px;
		color: #4a4a4a;
		font-size: 86%;
}

#contextuel-home .fieldset input {
		width: 101px; 
		height: 11px; 
		border: solid 1px; 
		color: #4a4a4a;
		margin:0;
		font-size: 77%; 
}

#contextuel-home .txt-contextuel img{
		margin-bottom: 5px;
}

.btnok {
		background: transparent url(../medias/home/ok-gris.gif) no-repeat right;
		display: block; 
		width: 20px;
		height: 14px;
		border:0px;
		float: right;
}

.txt-form span {
		padding: 0 10px 0 0;
}

.txt-form{
		color: #4a4a4a;
		padding-top: 4px;
		padding-left: 15px;
		font-size: 90%;
		display: block;
}

.txt-form2{
		color: #4a4a4a;
		font-size: 100%;
		display: block;
		text-align: left;
		width: 249px;
}

.atxt-form{
		color: #4a4a4a;
		text-decoration: none;
}

.atxt-form:hover{
		color: #4a4a4a;
		text-decoration: underline;
}

.txt-form2 #blocgauche{
		float: left;
		width: 116px;
}

.txt-form2 #blocdroite{
		float: right;
		margin-left: 17px;
		width: 116px;
}
.txt-form2 #blocgauche img {
		display:block;
		margin-bottom:3px;
}

.img-btn{
		padding-top: 4px;
}

.txt-form2 #blocdroite ul{
		margin: 0 0 0 8px;
		padding:0;
}

.txt-form2 #blocdroite li{
		background: url(../medias/home/fleche-bleue.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left:10px;
		height:1%;
}

#pied-page-home{
	width: 940px;
	border-left : 1px solid #e0e1e3;
	border-right : 1px solid #e0e1e3;
	background-color : #ededed;
	height : 140px;
	padding-top : 15px;
	margin-left : 11px;
	*margin-left :0px;
}

*+html #pied-page-home{
	width: 940px;
	border-left : 1px solid #e0e1e3;
	border-right : 1px solid #e0e1e3;
	background-color : #ededed;
	height : 140px;
	padding-top : 15px;
	margin-left : 0px;
}

#pied-page-home #logos-partenaires{
	float: left;
	margin-left: 7px;
	height: 53px;
}

#pied-page-home #logos-partenaires img{
	float: left;
	border: 0;
}


#pied-page-home #pied-home{
		font-family: arial;
		font-size : 11px;
		color: #707070;
		text-align: right;
		padding: 6px 20px 0 0;
}
/*
#pied-home{
		font-family: arial;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 6px 12px 0 0;
}
*/


/* PARTICULIERS  */ 
#conteneur-pages{ 
		width: 940px; 
		background: url(../medias/pages/fond-gd.gif) no-repeat;
		padding: 0 12px 0 12px; 
		clear: both;
		float: left;
}

/*
#conteneur-pages #bord-gauche{ 
		 background: url(../medias/pages/bord-gauche.gif) no-repeat;
		 width: 12px;
		 min-height: 615px;
		 float: left;
}	

#conteneur-pages #bord-droite{
		 background: url(../medias/pages/bord-droit.gif) no-repeat;
		 width: 12px;
		 min-height: 615px;
		 float: left;
}	
*/
#conteneur-pages #contenu{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu #contenu-gauche h3{
		background: url(../medias/pages/tit-particuliers.gif) no-repeat;
		width: 167px;
		height: 27px;
}

#conteneur-pages #contenu #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		/*margin: 0 0 0 18px;*/
		margin: 0 0 0 13px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu #contenu-gauche .menu-normal li{
		/*float: left;*/
		/*background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;*/
		list-style-type: none;
		/*padding-left:12px;*/
		/*height:1%;*/
		color: #3d3d3d;
		background:url("../medias/pages/menug-select/chap-bottom.gif") no-repeat left bottom;
		margin-bottom:5px;
		padding-bottom:3px;
}

#conteneur-pages #contenu #contenu-gauche .menu-normal li a{
	/*text-decoration: none;
	color: #3d3d3d;*/
	background: url("../medias/pages/menug-select/chap.gif") no-repeat scroll left top #99AC2A;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0;
	padding-left:12px;
    width: 161px;
	text-decoration:none;
}

#conteneur-pages #contenu #contenu-gauche .menu-normal li a:hover{
		/*text-decoration: underline;*/
		color: #3d3d3d;
		background:url("../medias/pages/menug-select/chap02.gif") no-repeat scroll left top #99AC2A;
}



/* MENU DEROULE  */

#menu-deroule{
		display: block;
		clear: both;
		width: 173px;
		margin-left: 13px;
		margin-top: 5px;
		margin-bottom: 10px;
}

#menu-deroule .haut-encart{
		background: #99ac2a url(../medias/pages/menug-select/haut02.gif) no-repeat top left;
		width: 161px;
		font-weight: bold;
		display: block;
		font-size: 71%;
		color: #fff;
		padding-left: 12px;
		margin: 0;
}


#menu-deroule .milieu-encart{
		background: #e1eca4 url(../medias/pages/menug-select/bas02.gif) no-repeat bottom left;
		width: 173px;
		padding-top: 5px;
		padding-bottom: 5px;
}

#menu-deroule .milieu-encart ul{
		font-size: 85%;
		color: #3d3d3d;
		margin: 0 0 0 27px;
		padding:0;
}

#menu-deroule .milieu-encart li{
		list-style-type: none;
		margin-bottom : 10px;
		line-height: 1em;
		color: #3d3d3d;
		font-weight: normal;
}

#menu-deroule .milieu-encart li a {
		background: url(../medias/pages/fleche-gris-pt.gif) 3px 5px no-repeat;
		/*display: block;
		float: left;*/
		list-style-type: none;
		padding-left:8px;
		/*height:20px;*/
		color: #3d3d3d;
		text-decoration: none;
		padding:0 3px 0 8px;	
		
}

#menu-deroule .milieu-encart li a:hover{
		/*background: #a7b93b url(../medias/pages/fleche-blanc-pt.gif) 3px 5px no-repeat;
		color: #fff;*/
		color:#333;
		font-weight:bold;
		width : 100%;
}


/* FIN MENU DEROULE  */



/*  LIENS PERMANENTS GAUCHE   */

#liens-permanents{
		width: 180px;
		height: 249px;
		background: transparent url(../medias/pages/fond-encartperm3.gif) no-repeat top left;
		padding: 25px 0 0 19px;
		text-align: left;
		margin-left: -16px;
		margin-top: 35px;
		margin-bottom: 20px;
		position: relative;
		z-index: 8;
}

#liens-permanents #acces{
		width: 145px;
		text-align: left;
}

#liens-permanents #acces img{
		display: block;
		text-align: left;
		padding-bottom: 2px;
}
#liens-permanents #acces form {
		margin:0;
		padding:0;
}
#liens-permanents #acces input {
		width: 100px; 
		height: 11px; 
		border: solid 1px; 
		color: #4a4a4a; 
		float: left;
		font-size: 9px;
		margin-top: 2px;
		padding: 0;
}

#liens-permanents #acces .btnok {
		background: transparent url(../medias/home/ok-gris.gif) no-repeat right;
		display: block; 
		width: 20px;
		height: 14px;
		border:0px;
		float: left;
		margin-left: 4px;
}

#liens-permanents #acces ul{
		clear: both;
		padding: 5px 0 0 5px;
		text-align: left;
}

#liens-permanents #acces li{
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
		background: url(../medias/home/fleche-bleue.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left:8px;
		/*height:1%;*/
		line-height: 12px;
}

#liens-permanents #acces li a{
		color: #4a4a4a;
		font-size: 10px;
		text-decoration: none;
}

#liens-permanents #acces li a:hover{
		color: #4a4a4a;
		font-size: 10px;
		text-decoration: underline;
}

/* log  */
.txt-02{
	color: #4a4a4a;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

#liens-permanents #acces-log{
		width: 160px;
		text-align: left;
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
}

#liens-permanents #acces-log img{
		display: block;
		text-align: left;
		padding-bottom: 2px;
		border: 0;
}

.align-img-droite{
		float: right;
		margin-right: 7px;
		border: 0;
}

#liens-permanents #acces-log ul{
		clear: both;
		padding: 5px 0 0 5px;
		text-align: left;
}

#liens-permanents #acces-log li{
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
		background: url(../medias/home/fleche-bleue.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left:8px;
		/*height:1%;*/
		line-height: 12px;
}

#liens-permanents #acces-log li a{
		color: #4a4a4a;
		font-size: 10px;
		text-decoration: none;
}

#liens-permanents #acces-log li a:hover{
		color: #4a4a4a;
		font-size: 10px;
		text-decoration: underline;
}


/*   */

#liens-permanents #conseil{
		clear: both;
		display: block;
		width: 145px;
		text-align: left;
		margin-top: 14px;
}

#liens-permanents #conseil #txt{
		margin-top: 5px;		
		font-size: 71%;
		color: #4a4a4a;
}

#liens-permanents #soutenez-nous{
		clear: both;
		display: block;
		width: 160px;
		text-align: left;
		margin-top: 14px;
}

#liens-permanents #soutenez-nous #txt{
		margin-top: 5px;
}

#liens-permanents #soutenez-nous #txt ul{
		clear: both;
		text-align: left;
}

#liens-permanents #soutenez-nous #txt li{
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
		background: url(../medias/home/fleche-bleue.gif) 0 5px no-repeat;
		list-style-type: none;
		padding-left:8px;
		/*height:1%;*/
		line-height: 12px;
}

#liens-permanents #soutenez-nous #txt li a{
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
}

#liens-permanents #soutenez-nous #txt li a:hover{
		color: #4a4a4a;
		font-size: 10px;
		font-weight: normal;
		text-decoration: underline;
}

/*  FIN LIENS PERMANENTS GAUCHE  */     



#contenu #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

/* CONTENU  */

#conteneur-pages #contenu #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-particuliers{ 
		background: url(../medias/pages/titres-accueil/fond-tit-particuliers.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-particuliers #rub{
		/*text-align: left;*/
		display: table;
		height: 157px;
		width: 230px;
}

#contenu-droite #titre-page-particuliers #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-particuliers #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

#contenu-droite #accroche{
		padding: 10px 25px 30px 25px;
		clear: both;
		color: #2068a9;
		font-size: 71%;
		line-height: 18px;
		text-align: justify;
}

#contenu-droite #accroche span{
		color: #2068a9;
		font-size: 105%;
		font-weight: bold;
		display: block;
}

#contenu-droite #theme{
		width: 666px;
		clear: both;
		margin-bottom: 20px;
}

#contenu-droite #theme #titre{
		display: block;
		font-size: 96%;
		font-weight: bold;
		color: #9eb130;
		background: url(../medias/pages/fleche-tit-theme.gif) 7px 2px no-repeat;
		padding-left: 25px;
}

#contenu-droite #theme #bloc-milieu{
		padding: 0;
		margin: 0;
		background-color: #f0f8c0;
		padding-left: 13px;
}

/*  	BLOC 3   */
#bloc-milieu .bloc3{
		clear: both;
		text-align: left;
		/*width: 640px;*/
		background: url(../medias/pages/bloc3-milieu.gif) repeat-y;
		/*height: 223px;*/
}

#bloc-milieu .bloc3 .haut{ 
		display: block;
		background-image: url(../medias/pages/bloc3-ht.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
}

#bloc-milieu .bloc3 .milieu{ 
		/*background: url(../medias/pages/bloc3-milieu.gif) repeat-y; */
		/*padding-left: 11px;*/
		/*height: 199px;*/
}

#bloc-milieu .bloc3 .bas{ 
		display: block;
		background-image: url(../medias/pages/bloc3-bas.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
		clear: both;
}




/* BLOC 2  */
#bloc-milieu .bloc2{
		clear: both;
		text-align: left;
		/*width: 640px;*/
		background: url(../medias/pages/bloc2-milieu.gif) repeat-y;
		/*height: 223px;*/
}

#bloc-milieu .bloc2 .haut{ 
		display: block;
		background-image: url(../medias/pages/bloc2-ht.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
}

#bloc-milieu .bloc2 .milieu{ 
		/*background: url(../medias/pages/bloc2-milieu.gif) repeat-y; */
		/*padding-left: 11px;*/
		/*height: 199px;*/
}

#bloc-milieu .bloc2 .bas{ 
		display: block;
		background-image: url(../medias/pages/bloc2-bas.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
		clear: both;
}


/* BLOC 1  */
#bloc-milieu .bloc1{
		clear: both;
		text-align: left;
		/*width: 640px;*/
		background: url(../medias/pages/bloc1-milieu.gif) repeat-y;
		/*height: 223px;*/
}

#bloc-milieu .bloc1 .haut{ 
		display: block;
		background-image: url(../medias/pages/bloc1-ht.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
}

#bloc-milieu .bloc1 .milieu{ 
		/*background: url(../medias/pages/bloc1-milieu.gif) repeat-y; */
		/*padding-left: 11px;*/
		/*height: 199px;*/
}

#bloc-milieu .bloc1 .bas{ 
		display: block;
		background-image: url(../medias/pages/bloc1-bas.gif); 
		background-repeat: no-repeat; 
		height: 12px;
		font-size: 0;
		clear: both;
}



.milieu .modele-bloc{
		width:211px;
		margin-right: 4px;
		float: left;
		display: block;
}

.milieu .modele-bloc .titre{
		display: block;
		line-height: 13px;
		padding-left: 24px;
		color: #76861b;
		font-weight: bold;
		font-size: 77%;
		background: url(../medias/pages/fleche-tit-theme02.gif) 12px 5px no-repeat;
}

.milieu .modele-bloc ul{
		/*width: 142px;
		padding: 8px 0 0 35px;*/
		margin: 8px 0 5px 12px;
		padding: 0;
}

.milieu .modele-bloc li{
		font-size: 71%;
		color: #3d3d3d;
		margin-bottom: 1px;
		/*height: 18px;*/
		width: 177px;
		list-style-type: none;
		padding: 0 3px 0 3px;
}

.milieu .modele-bloc li .txt{
		display: block;
		width: 150px;
		color: #3d3d3d;
		padding: 0 3px 0 3px;
		font-weight: normal;
		text-decoration: none;
		cursor: hand;
}

.milieu .modele-bloc li a.light {
		display: block;
		/*height: 18px;*/
		width: 177px;
		color: #3d3d3d;
		padding: 3px 3px 3px 3px;
		font-weight: normal;
		text-decoration: none;
		background: #f9f9f9 url(../medias/pages/btnpluslight.gif) no-repeat right 1px;
		
}

.milieu .modele-bloc li a.dark {
		display: block;
		/*height: 18px;*/
		width: 177px;
		color: #3d3d3d;
		padding: 3px 3px 3px 3px;
		font-weight: normal;
		text-decoration: none;
		background: #f5f5f5 url(../medias/pages/btnplusdark.gif) no-repeat right 1px;

}

.milieu .modele-bloc li a:hover.light {
		/*background-color: #f9f9f9;*/
		width: 177px;
		padding: 3px 3px 3px 3px;
		color: #3d3d3d;
		font-weight: bold;
		background: #f9f9f9 url(../medias/pages/btnpluslight_over.gif) no-repeat right 1px;
}

.milieu .modele-bloc li a.dark:hover {
		/*background-color: #f5f5f5;*/
		width: 177px;
		padding: 3px 3px 3px 3px;
		color: #3d3d3d;
		font-weight: bold;
		background: #f5f5f5 url(../medias/pages/btnplusdark_over.gif) no-repeat right 1px;

}


/*  CONTENU PARTICULIERS - PAGE ARTICLE  */

#conteneur-pages #contenu #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}



#contenu-droite #titre-page-particuliers-art{ 
		background: url(../medias/pages/article/fond-titart-chauffage.jpg) no-repeat;
		width: 664px;
		height: 116px;
		text-align: left;
		padding: 0 0 26px 25px;
}

#contenu-droite #titre-page-particuliers-art #rub{
		display: table;
		height: 120px;
		width: 640px;
		margin: 0;
		padding: 0;
}

#contenu-droite #titre-page-particuliers-art #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-particuliers-art #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}



#contenu-droite #intro{
		width: 643px;
		/*height: 142px;*/
		padding: 16px 10px 21px 26px;
		clear: both;
		display: block;	
		margin-bottom: 10px;
}

#contenu-droite #intro #edito{
		width: 327px;
		float: left;
		font-size: 71%;
		color: #2068a9;
		text-align: justify;
		padding-top: 10px;
}

#contenu-droite #intro #edito .titre{
		font-size: 105%;
		font-weight: bold;
}

#contenu-droite #intro #sommaire{
		float: right;
		width: 306px;
		/*height: 157px;*/
}

#contenu-droite #intro #sommaire #elements-sommaire{
		background-color: #f3f7fa;
		width: 256px;
		/*height: 113px;*/
		padding: 0 25px 16px 25px;
}

#contenu-droite #intro #sommaire #elements-sommaire img{
		clear: both;
		float: left;
		border: none;
		margin-top: 14px;
		display: block;
}

#elements-sommaire ul{
		font-size: 65%;
		padding: 0;
		margin: 0;
}

#elements-sommaire li{
		list-style-type: none;
		color: #fff;
		clear: both;
}

#elements-sommaire li a{
		display: block;
		float: left;
		padding: 1px 4px 1px 10px;
		background: #4a85b9 url(../medias/pages/article/fleche-blanche.gif) 3px 5px no-repeat;
		color: #fff;
		text-decoration: none;
		margin-bottom: 1px;
}

#elements-sommaire li a:hover{
		background: #4a85b9 url(../medias/pages/article/fleche-blanche_over.gif) 3px 5px no-repeat;
		color: #07243d;
}



/***********************************************************************************************/
/* ARTICLES PAGES   */
/***********************************************************************************************/


/* >> bloc article global */
.article{
		display: block;
		clear: both;
		width: 669px;
		padding: 12px 10px 0 10px;
		margin-bottom: 0;
}

/* >> titre de l'article  */
.article .tit-article{
		float: left;
		padding: 1px 4px 1px 18px;
		background: #e8f0bb url(../medias/pages/article/fleche-verte.gif) 10px 7px  no-repeat;
		color: #7a8a1b;
		font-size: 100%;
		font-weight: bold;
}

/* >> bloc texte article + img */
.article .txt-article{
		width: 669px;
		clear: both;
		display: block;
		text-align: justify;
		float: left;
		font-size: 71%;
		margin-top: 16px;
		color: #3d3d3d;
}

.article .txt-article a{
		color: #2068a9;
		text-decoration: none;
}

.article .txt-article a:hover{
		color: #2068a9;
		text-decoration: underline;
}
/*
.article img{ 
		border: solid 3px #a7b93b;
		margin: 5px 0 20px 20px;
		float: right; 
}
*/

.article .txt-article ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		margin-top: 5px;
}


.article .txt-article li{
		background: url(../medias/pages/article/fleche-grise.gif) left 5px no-repeat;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

/* >> bloc retour haut de page */
.article .haut-page{
		margin-bottom: 10px;
}

.article .haut-page a{
		display: block;
		clear: both;
		float: right;
		background: transparent url(../medias/pages/article/btn-haut.gif);
		width: 80px;
		height: 16px;
		font-size: 0;
		padding: 0;
		margin: 0;
}

.article .haut-page span{
		display: none;
}


/* >> bloc télécharger fiche pdf  */
.telechgt-fiche {
		padding: 0;
		margin: 0;
		display: block;
		clear: both;
		margin-right: 4px;
		font-size: 0;
		float: right;
		padding-top: 10px;
		margin-bottom: 15px;
}




/*  Menu contextuel 1  */

#contextuel{
		width: 689px;
		display: block;
		clear: both;
}

#contextuel #bloc1{
		background: url(../medias/pages/article/contextuel/gd-milieu.gif) repeat-y;
		width: 689px;
		display: block;
		float: left;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 10px;
}

#contextuel #bloc1 #haut1{
		background: url(../medias/pages/article/contextuel/gd-haut.gif) no-repeat;
		width: 689px;
		height: 22px;
		font-size: 0;
		display: block;
}

#contextuel #bloc1 #milieu1{
		/*background: url(../medias/pages/article/contextuel/gd-milieu.gif) repeat-y;*/
		display: block;
		width: 649px;
		padding: 5px 20px 10px 20px;
}

#contextuel #bloc1 #bas1{
		background: url(../medias/pages/article/contextuel/gd-bas.gif) no-repeat;
		font-size: 0;
		width: 689px;
		height: 22px;
		display: block;
}

#contextuel #bloc1 #milieu1 .titre-tab{
		display: block;
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-weight: bold;
		color: #3d3d3d;
		font-size: 71%;
}

#contextuel #bloc1 #milieu1 ul {
		
		width: 485px;
		list-style-type: none;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0;
		margin-left: 100px;
		padding: 0;
}
		
#contextuel #bloc1 #milieu1 li {
		background-color: #dfe9f2;
		margin-bottom: 1px;
		padding-left: 5px;
		height: 16px;
		width: 480px;
		padding-top: 2px;

}
		
#contextuel #bloc1 #milieu1 li span {
		float: right;		
		margin-right: 22px;
		margin-top: -2px;
}
		
#contextuel #bloc1 #milieu1 li.light {
		background-color: #e8eff5;
}

/*  Menu contextuel 2  */

#contextuel #bloc2{
		background: url(../medias/pages/article/contextuel/gd-milieu2.gif) repeat-y;
		width: 689px;
		display: block;
		float: left;
		text-align: left;
		margin-bottom: 10px;
}

#contextuel #bloc2 #haut2{
		background: url(../medias/pages/article/contextuel/gd-haut2.gif) no-repeat;
		width: 689px;
		height: 17px;
		font-size: 0;
		display: block;
}

#contextuel #bloc2 #milieu2{
		/*background: url(../medias/pages/article/contextuel/gd-milieu2.gif) repeat-y;*/
		display: block;
		width: 649px;
		padding: 5px 20px 10px 20px;
		height: 90px;
}

#contextuel #bloc2 #milieu2 #partenaires{
		width: 410px;
		height: 95px;
		text-align: left;
		float: left;
}

#contextuel #bloc2 #milieu2 #partenaires #liste-partenaires{
		width: 370px;
		text-align: left;
		padding-left: 20px;
		display: block;
		padding-top: 20px;
}

#contextuel #bloc2 #milieu2 #partenaires #liste-partenaires img{
		float: left;
		text-align: left;
		margin-right: 28px;
}

#contextuel #bloc2 #milieu2 #partenaires #liste-partenaires_2{
		width: 410px;
		text-align: left;
		padding-left: 10px;
		display: block;
		padding-top: 20px;
}

#contextuel #bloc2 #milieu2 #partenaires #liste-partenaires_2 img{
		float: left;
		text-align: left;
		margin-right: 18px;
}

#contextuel #bloc2 #milieu2 #conseil{
		width: 200px;
		margin-left: 20px;
		text-align: left;
		font-size: 71%;
		color: #3d3d3d;
		float: right;
}

.txtg-bleu{
		font-size: 100%;
		font-weight: bold;
		color: #3c75a9;
}

#contextuel #bloc2 #bas2{
		background: url(../medias/pages/article/contextuel/gd-bas2.gif) no-repeat;
		font-size: 0;
		width: 689px;
		height: 17px;
		display: block;
}



/*******************************************************************************/
/*  PAGE MENTIONS LEGALES   */
/*******************************************************************************/


#conteneur-pages #contenu-mentions{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-mentions #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-mentions #contenu-gauche h3{
		background: url(../medias/pages/tit-mentions.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-mentions #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-mentions #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 13px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-mentions #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-mentions #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-mentions #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-mentions #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-mentions{ 
		background: url(../medias/pages/mentions/fond-titart-mentions.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-mentions #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-mentions #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-mentions #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}


#contenu-mentions #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}



/*******************************************************************************/
/*  PAGE ACTUALITES   */
/*******************************************************************************/


#conteneur-pages #contenu-actus{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-actus #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-actus #contenu-gauche h3{
		background: url(../medias/pages/tit-actus.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-actus #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-actus #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-actus #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-actus #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-actus #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-actus #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-actus{ 
		background: url(../medias/pages/actus/fond-titart-actus.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-actus #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-actus #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-actus #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

#contenu-droite #chapeau-actus{
		width: 655px;
		height: 79px;
}

#contenu-droite #chapeau-actus #chapeau-haut{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/actus/chapeau-haut.gif) no-repeat;
		display: block;
}

#contenu-droite #chapeau-actus #chapeau-milieu{
		height: 59px;
		font-size: 0;
		background-color: #f0f5d1;
		display: block;
		padding-left: 25px;
		padding-right: 15px;
		width: 615px;
		font-size: 105%;
		font-weight: bold;
		color: #7a8a1b;
		line-height: 18px;
}

#contenu-droite #chapeau-actus #chapeau-bas{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/actus/chapeau-bas.gif) no-repeat;
		display: block;
}


#contenu-actus #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

/* textes spéciaux pour la page actus */

.article-actus{
		display: block;
		clear: both;
		width: 669px;
		padding: 12px 10px 0 10px;
		margin-bottom: 30px;
}

.article-actus .txt-article-actus{
		width: 625px;
		clear: both;
		display: block;
		text-align: justify;
		float: left;
		font-size: 71%;
		margin-top: 16px;
		color: #3d3d3d;
		margin-left: 10px;
}

.article-actus .txt-article-actus a{
		color: #2068a9;
		text-decoration: none;
}

.article-actus .txt-article-actus a:hover{
		color: #2068a9;
		text-decoration: underline;
}


.article-actus img{ 
		/*border: solid 3px #a7b93b;*/
		margin: 5px 0 20px 20px;
		float: right; 
}


.article-actus .txt-article-actus ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		margin-top: 5px;
}


.article-actus .txt-article-actus li{
		background: url(../medias/pages/article/fleche-grise.gif) left 5px no-repeat;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}




/*******************************************************************************/
/*  PAGE PLAN DU SITE   */
/*******************************************************************************/


#conteneur-pages #contenu-plan{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-plan #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-plan #contenu-gauche h3{
		background: url(../medias/pages/tit-plan.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-plan #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-plan #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-plan #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-plan #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-plan #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-plan #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-plan{ 
		background: url(../medias/pages/plan/fond-titart-plan.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-plan #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-plan #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-plan #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}


#contenu-plan #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

/* textes spéciaux pour la page plan */


.article-plan{
		display: block;
		clear: both;
		width: 668px;
		padding: 0;
		margin-bottom: 30px;
}

.article-plan .tit-chap{
		float: left;
		padding: 0 0 0 30px;
		background: transparent url(../medias/pages/plan/fleche-tit.gif) 12px 2px  no-repeat;
		color: #4080bb;
		font-size: 100%;
		font-weight: bold;
		display: block;
		margin-left: 10px;
}

.article-plan .bloc{
		width: 655px;
		display: block;
		clear: both;
		margin-left: 20px;
}

.haut-plan{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/plan/haut.gif) no-repeat;
}

.milieu-plan{
		background-color: #f5f8fa;
		width: 655px;
		display: block;
}

.bas-plan{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/plan/bas.gif) no-repeat;
		display: block;
		clear: both;
}

.clear{
		clear: both;
		visibility: hidden;
}

.milieu-plan h3{
		padding: 0 0 0px 8px;
		background: transparent url(../medias/pages/plan/fleche-sstit.gif) left 4px  no-repeat;
		color: #4080bb;
		font-size: 75%;
		font-weight: bold;
		margin: 0;
		margin-left: 30px;
		display: block;
		margin-bottom: 10px;
}


.milieu-plan ul {
		
		list-style-type: none;
		font-size: 71%;
		color: #fff;
		margin: 0;
		margin-left: 40px;
		padding: 0;
}
		
.milieu-plan li {
		/*background-color: #dfe9f2;*/
		margin: 0;
		/*margin-bottom: 1px;*/
		height: 18px;
		line-height: 18px;
		/*padding: 0;
		padding-top: 1px;*/
		margin-top: -3px;

}
	
.milieu-plan li.light {
		color: #fff;
		padding: 0 5px 0 5px;
}

.milieu-plan li.dark {
		color: #fff;
		padding: 0 5px 0 5px;
}	
		
.milieu-plan li.light a{
		background: #a0beda url(../medias/pages/plan/fleche-blanc.gif) no-repeat 5px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
}

.milieu-plan li.dark a{
		background: #75a2c9 url(../medias/pages/plan/fleche-blanc.gif) no-repeat 5px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
}

.milieu-plan li.light a:hover{
		color: #0e3d65;
		background: #a0beda url(../medias/pages/plan/fleche-bleu.gif) no-repeat 5px 4px;
		text-decoration: none;
}

.milieu-plan li.dark a:hover{
		color: #0e3d65;
		background: #75a2c9 url(../medias/pages/plan/fleche-bleu.gif) no-repeat 5px 4px;
		text-decoration: none;
}




.haut-page{
		margin-top: 20px;
		margin-bottom: 10px;
}

.haut-page a{
		display: block;
		clear: both;
		float: right;
		background: transparent url(../medias/pages/article/btn-haut.gif);
		width: 80px;
		height: 16px;
		font-size: 0;
		padding: 0;
		margin: 0;
}

.haut-page span{
		display: none;
}



.article-plan .txt-article-plan{
		width: 625px;
		clear: both;
		display: block;
		text-align: justify;
		float: left;
		font-size: 71%;
		margin-top: 16px;
		color: #3d3d3d;
		margin-left: 10px;
}

.article-plan .txt-article-plan a{
		color: #2068a9;
		text-decoration: none;
}

.article-plan .txt-article-plan a:hover{
		color: #2068a9;
		text-decoration: underline;
}


.article-plan img{ 
		border: 0;
		margin: 5px 15px 20px 20px;
		float: right; 
}


.article-plan .txt-article-plan ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		margin-top: 5px;
}


.article-plan .txt-article-plan li{
		background: url(../medias/pages/article/fleche-grise.gif) left 5px no-repeat;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}



/***********************************************************************************************/
/*  PIEDS DE PAGES  */
/***********************************************************************************************/

#pages-pied{
		clear: both;
		width: 964px;
		height: 40px;
		background: url(../medias/pages/pied.gif) no-repeat;
		display: block;
		text-align: right;
		margin:auto;
}

#pages-pied .txt{
		font-family: arial;
		font-size: 65%;
		color: #707070;
		padding: 8px 20px 0 0;
		display: block;
}


/***********************************************************************************************/
/*  MENU DEROULANT  */
/***********************************************************************************************/
#menud{
		padding: 0;
		margin: 0;
		width: 119px;
		/*height: 91px;*/
}

#menud ul{
		text-align: left;
		margin-left: 10px;
		margin-top: 6px;
		list-style-type: none;
		padding: 0;
		margin: 0;
		background-color: #2068a9;
		line-height: 14px;
}

#menud li{
		background: url(../medias/communs/fleche-menud.gif) 6px 5px no-repeat;
		padding-left:12px;
		height:1%;
		font-size: 71%;
		color: #fff;
}

#menud li a{
		text-decoration: none;
		color: #fff;
}

#menud li a:hover{
		text-decoration: underline;
		color: #fff;
}

#menud #img{
		font-size: 0;
		width: 119px;
		height: 10px;
}



/*******************************************************************************/
/*  PAGE AGENDA   */
/*******************************************************************************/


#conteneur-pages #contenu-agenda{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-agenda #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-agenda #contenu-gauche h3{
		background: url(../medias/pages/tit-agenda.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-agenda #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-agenda #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-agenda #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-agenda #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-agenda #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-agenda #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-agenda{ 
		background: url(../medias/pages/agenda/fond-titart-agenda.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-agenda #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-agenda #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-agenda #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

#contenu-droite #recherche-mois{
		width: 652px;
		height: 66px;
		display: block;
		background: url(../medias/pages/agenda/fond-rechmois.gif) no-repeat;
		padding: 13px 0 0 16px;
		margin-left: 8px;
		margin-bottom: 5px;
}

#contenu-droite #recherche-mois img{
		margin-bottom: 13px;
		display: block;
}

/* DEBUT LISTE MOIS */
#contenu-droite #recherche-mois #liste-mois{
		height: 18px;
		text-align: left;
}

#contenu-droite #recherche-mois #liste-mois ul{
		margin: 0;
		padding: 0;
		padding-left: 10px;
		list-style-type: none;
}

#contenu-droite #recherche-mois #liste-mois li{
		float: left;
		padding-right: 1px;
}

#contenu-droite #recherche-mois #liste-mois li a{
		display: block;
}

#contenu-droite #recherche-mois #liste-mois li a span{
		display: none;
}

a#btnjanv{
		background: url(../medias/pages/agenda/janvier.gif);
		height: 18px;
		width: 55px;
}

a#btnjanv:hover{
		background: url(../medias/pages/agenda/janvier_over.gif);
}

a#btnjanv.select, a#btnjanv:hover.select{
		background: url(../medias/pages/agenda/janvier_select.gif);
}

a#btnfev{
		background: url(../medias/pages/agenda/fevrier.gif);
		height: 18px;
		width: 54px;
}

a#btnfev:hover{
		background: url(../medias/pages/agenda/fevrier_over.gif);
}

a#btnfev.select, a#btnfev:hover.select{
		background: url(../medias/pages/agenda/fevrier_select.gif);
}

a#btnmars{
		background: url(../medias/pages/agenda/mars.gif);
		height: 18px;
		width: 42px;
}

a#btnmars:hover{
		background: url(../medias/pages/agenda/mars_over.gif);
}

a#btnmars.select, a#btnmars:hover.select{
		background: url(../medias/pages/agenda/mars_select.gif);
}

a#btnavril{
		background: url(../medias/pages/agenda/avril.gif);
		height: 18px;
		width: 42px;
}

a#btnavril:hover{
		background: url(../medias/pages/agenda/avril_over.gif);
}

a#btnavril.select, a#btnavril:hover.select{
		background: url(../medias/pages/agenda/avril_select.gif);
}

a#btnmai{
		background: url(../medias/pages/agenda/mai.gif) no-repeat;
		height: 18px;
		width: 30px;
}

a#btnmai:hover{
		background-image: url(../medias/pages/agenda/mai_over.gif);
}

a#btnmai.select, a#btnmai:hover.select{
		background: url(../medias/pages/agenda/mai_select.gif);
}

a#btnjuin{
		background: url(../medias/pages/agenda/juin.gif) no-repeat;
		height: 18px;
		width: 33px;
}

a#btnjuin:hover{
		background-image: url(../medias/pages/agenda/juin_over.gif);
}

a#btnjuin.select, a#btnjuin:hover.select{
		background: url(../medias/pages/agenda/juin_select.gif);
}

a#btnjuil{
		background: url(../medias/pages/agenda/juillet.gif) no-repeat;
		height: 18px;
		width: 50px;
}

a#btnjuil:hover{
		background-image: url(../medias/pages/agenda/juillet_over.gif);
}

a#btnjuil.select, a#btnjuil:hover.select{
		background: url(../medias/pages/agenda/juillet_select.gif);
}

a#btnaout{
		background: url(../medias/pages/agenda/aout.gif) no-repeat;
		height: 18px;
		width: 41px;
}

a#btnaout:hover{
		background-image: url(../medias/pages/agenda/aout_over.gif);
}

a#btnaout.select, a#btnaout:hover.select{
		background: url(../medias/pages/agenda/aout_select.gif);
}

a#btnsept{
		background: url(../medias/pages/agenda/septembre.gif) no-repeat;
		height: 18px;
		width: 71px;
}

a#btnsept:hover{
		background-image: url(../medias/pages/agenda/septembre_over.gif);
}

a#btnsept.select, a#btnsept:hover.select{
		background: url(../medias/pages/agenda/septembre_select.gif);
}

a#btnoct{
		background: url(../medias/pages/agenda/octobre.gif) no-repeat;
		height: 18px;
		width: 61px;
}

a#btnoct:hover{
		background-image: url(../medias/pages/agenda/octobre_over.gif);
}

a#btnoct.select, a#btnoct:hover.select{
		background: url(../medias/pages/agenda/octobre_select.gif);
}

a#btnnov{
		background: url(../medias/pages/agenda/novembre.gif) no-repeat;
		height: 18px;
		width: 69px;
}

a#btnnov:hover{
		background-image: url(../medias/pages/agenda/novembre_over.gif);
}

a#btnnov.select, a#btnnov:hover.select{
		background: url(../medias/pages/agenda/novembre_select.gif);
}

a#btndec{
		background: url(../medias/pages/agenda/decembre.gif) no-repeat;
		height: 18px;
		width: 67px;
}

a#btndec:hover{
		background-image: url(../medias/pages/agenda/decembre_over.gif);
}

a#btndec.select, a#btndec:hover.select{
		background: url(../medias/pages/agenda/decembre_select.gif);
}


/* FIN LISTE MOIS  */

#evenements{
		width: 668px;
		margin-left: 8px;
}

#evenements #evenements-haut{
		width: 583px;
		height: 33px;
		font-size: 0;
		background: url(../medias/pages/agenda/dates/04-07.gif) no-repeat;
		padding: 12px 0 0 85px;
}

#evenements #evenements-milieu{
		display: block;
		width: 668px;
		background: url(../medias/pages/agenda/dates/milieu.gif) repeat-y;
}

/* liste   */

#evenements-milieu ul {
		
		list-style-type: none;
		font-size: 71%;
		color: #fff;
		margin: 0;
		margin-left: 100px;
		padding: 0;
}
		
#evenements-milieu li {
		/*background-color: #dfe9f2;*/
		margin: 0;
		/*margin-bottom: 1px;*/
		/*height: 18px;*/
		line-height: 18px;
		/*padding: 0;
		padding-top: 1px;*/
		margin-top: -3px;
}
	
#evenements-milieu li.light {
		color: #fff;
		padding: 0 5px 0 5px;
}

#evenements-milieu li.dark {
		color: #fff;
		padding: 0 5px 0 5px;
}	
		
#evenements-milieu li.light a{
		background: #a0beda url(../medias/pages/plan/fleche-blanc.gif) no-repeat 70px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 8px;
}

#evenements-milieu li.dark a{
		background: #75a2c9 url(../medias/pages/plan/fleche-blanc.gif) no-repeat 70px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 8px;
}

#evenements-milieu li.light a:hover{
		color: #0e3d65;
		background: #a0beda url(../medias/pages/plan/fleche-bleu.gif) no-repeat 70px 4px;
		text-decoration: none;
}

#evenements-milieu li.dark a:hover{
		color: #0e3d65;
		background: #75a2c9 url(../medias/pages/plan/fleche-bleu.gif) no-repeat 70px 4px;
		text-decoration: none;
}

#evenements-milieu li.light a span{
		/*float: left;*/
		width: 55px;
		color: #fff;
		text-decoration: none;
		/*padding-left: 10px;*/
		padding-right: 20px;
}

#evenements-milieu li.dark a span{
		/*float: left;*/
		width: 55px;
		color: #fff;
		text-decoration: none;
		/*padding-left: 10px;*/
		padding-right: 20px;
}

#evenements-milieu li.light a:hover span{
		color: #0e3d65;
		text-decoration: none;
}

#evenements-milieu li.dark a:hover span{
		color: #0e3d65;
		text-decoration: none;
}

/* fin liste  */

#evenements #evenements-bas{
		display: block;
		width: 668px;
		height: 20px;
		font-size: 0;
}

#contenu-droite #chapeau-agenda{
		width: 655px;
		height: 79px;
		margin-left: 5px;
}

#contenu-droite #chapeau-agenda #chapeau-haut{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/actus/chapeau-haut.gif) no-repeat;
		display: block;
}

#contenu-droite #chapeau-agenda #chapeau-milieu{
		height: 59px;
		font-size: 0;
		background-color: #f0f5d1;
		display: block;
		padding-left: 25px;
		padding-right: 15px;
		width: 615px;
		font-size: 105%;
		font-weight: bold;
		color: #7a8a1b;
		line-height: 18px;
}

#contenu-droite #chapeau-agenda #chapeau-bas{
		height: 10px;
		font-size: 0;
		background: url(../medias/pages/actus/chapeau-bas.gif) no-repeat;
		display: block;
}


#contenu-agenda #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

/* textes spéciaux pour la page actus */

.article-agenda{
		display: block;
		clear: both;
		width: 669px;
		padding: 12px 10px 0 10px;
		margin-bottom: 30px;
		margin-top: 20px;
}

.article-agenda .txt-article-agenda{
		width: 625px;
		clear: both;
		display: block;
		text-align: justify;
		float: left;
		font-size: 71%;
		margin-top: 16px;
		color: #3d3d3d;
		margin-left: 10px;
}

.article-agenda .txt-article-agenda a{
		color: #2068a9;
		text-decoration: none;
}

.article-agenda .txt-article-agenda a:hover{
		color: #2068a9;
		text-decoration: underline;
}


.article-agenda img{ 
		/*border: solid 3px #a7b93b;*/
		margin: 5px 0 20px 20px;
		float: right; 
}


.article-agenda .txt-article-agenda ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: 10px;
		margin-top: 5px;
}


.article-agenda .txt-article-agenda li{
		background: url(../medias/pages/article/fleche-grise.gif) left 5px no-repeat;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}



/*******************************************************************************/
/*  PAGE CHRONIQUES   */
/*******************************************************************************/

.titre-vert{
		font-weight: bold;
		font-size: 75%;
		color: #738218;
}

.titre-vert2{
		font-weight: bold;
		color: #738218;
}

.input-annee{ 
		color: #3d3d3d; 
		background-color: #fff; 
		width: 143px; 
		height: 15px; 
		padding-left: 13px; 
		border: solid 1px #686868; 
		margin-left: 13px;
		font-size: 70%;
}

#conteneur-pages #contenu-chroniques{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-chroniques #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-chroniques #contenu-gauche h3{
		background: url(../medias/pages/tit-chroniques.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-chroniques #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-chroniques #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-chroniques #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-chroniques #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-chroniques #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-chroniques #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-chroniques{ 
		background: url(../medias/pages/chroniques/fond-titart-chroniques.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-chroniques #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-chroniques #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-chroniques #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

#contenu-droite #recherche-mois-chroniques{
		width: 652px;
		height: 66px;
		display: block;
		background: url(../medias/pages/chroniques/fond-rechmois.gif) no-repeat;
		padding: 13px 0 0 16px;
		margin-left: 8px;
		margin-bottom: 5px;
}

#contenu-droite #recherche-mois-chroniques img{
		margin-bottom: 13px;
		display: block;
}

/* DEBUT LISTE MOIS */
#contenu-droite #recherche-mois-chroniques #liste-mois{
		height: 18px;
		text-align: left;
}

#contenu-droite #recherche-mois-chroniques #liste-mois ul{
		margin: 0;
		padding: 0;
		padding-left: 10px;
		list-style-type: none;
}

#contenu-droite #recherche-mois-chroniques #liste-mois li{
		float: left;
		padding-right: 1px;
}

#contenu-droite #recherche-mois-chroniques #liste-mois li a{
		display: block;
}

#contenu-droite #recherche-mois-chroniques #liste-mois li a span{
		display: none;
}

a#btnjanv{
		background: url(../medias/pages/chroniques/janvier.gif);
		height: 18px;
		width: 55px;
}

a#btnjanv:hover{
		background: url(../medias/pages/chroniques/janvier_over.gif);
}

a#btnjanv.select, a#btnjanv:hover.select{
		background: url(../medias/pages/chroniques/janvier_select.gif);
}

a#btnfev{
		background: url(../medias/pages/chroniques/fevrier.gif);
		height: 18px;
		width: 54px;
}

a#btnfev:hover{
		background: url(../medias/pages/chroniques/fevrier_over.gif);
}

a#btnfev.select, a#btnfev:hover.select{
		background: url(../medias/pages/chroniques/fevrier_select.gif);
}

a#btnmars{
		background: url(../medias/pages/chroniques/mars.gif);
		height: 18px;
		width: 42px;
}

a#btnmars:hover{
		background: url(../medias/pages/chroniques/mars_over.gif);
}

a#btnmars.select, a#btnmars:hover.select{
		background: url(../medias/pages/chroniques/mars_select.gif);
}

a#btnavril{
		background: url(../medias/pages/chroniques/avril.gif);
		height: 18px;
		width: 42px;
}

a#btnavril:hover{
		background: url(../medias/pages/chroniques/avril_over.gif);
}

a#btnavril.select, a#btnavril:hover.select{
		background: url(../medias/pages/chroniques/avril_select.gif);
}

a#btnmai{
		background: url(../medias/pages/chroniques/mai.gif) no-repeat;
		height: 18px;
		width: 30px;
}

a#btnmai:hover{
		background-image: url(../medias/pages/chroniques/mai_over.gif);
}

a#btnmai.select, a#btnmai:hover.select{
		background: url(../medias/pages/chroniques/mai_select.gif);
}

a#btnjuin{
		background: url(../medias/pages/chroniques/juin.gif) no-repeat;
		height: 18px;
		width: 33px;
}

a#btnjuin:hover{
		background-image: url(../medias/pages/chroniques/juin_over.gif);
}

a#btnjuin.select, a#btnjuin:hover.select{
		background: url(../medias/pages/chroniques/juin_select.gif);
}

a#btnjuil{
		background: url(../medias/pages/chroniques/juillet.gif) no-repeat;
		height: 18px;
		width: 50px;
}

a#btnjuil:hover{
		background-image: url(../medias/pages/chroniques/juillet_over.gif);
}

a#btnjuil.select, a#btnjuil:hover.select{
		background: url(../medias/pages/chroniques/juillet_select.gif);
}

a#btnaout{
		background: url(../medias/pages/chroniques/aout.gif) no-repeat;
		height: 18px;
		width: 41px;
}

a#btnaout:hover{
		background-image: url(../medias/pages/chroniques/aout_over.gif);
}

a#btnaout.select, a#btnaout:hover.select{
		background: url(../medias/pages/chroniques/aout_select.gif);
}

a#btnsept{
		background: url(../medias/pages/chroniques/septembre.gif) no-repeat;
		height: 18px;
		width: 71px;
}

a#btnsept:hover{
		background-image: url(../medias/pages/chroniques/septembre_over.gif);
}

a#btnsept.select, a#btnsept:hover.select{
		background: url(../medias/pages/chroniques/septembre_select.gif);
}

a#btnoct{
		background: url(../medias/pages/chroniques/octobre.gif) no-repeat;
		height: 18px;
		width: 61px;
}

a#btnoct:hover{
		background-image: url(../medias/pages/chroniques/octobre_over.gif);
}

a#btnoct.select, a#btnoct:hover.select{
		background: url(../medias/pages/chroniques/octobre_select.gif);
}

a#btnnov{
		background: url(../medias/pages/chroniques/novembre.gif) no-repeat;
		height: 18px;
		width: 69px;
}

a#btnnov:hover{
		background-image: url(../medias/pages/chroniques/novembre_over.gif);
}

a#btnnov.select, a#btnnov:hover.select{
		background: url(../medias/pages/chroniques/novembre_select.gif);
}

a#btndec{
		background: url(../medias/pages/chroniques/decembre.gif) no-repeat;
		height: 18px;
		width: 67px;
}

a#btndec:hover{
		background-image: url(../medias/pages/chroniques/decembre_over.gif);
}

a#btndec.select, a#btndec:hover.select{
		background: url(../medias/pages/chroniques/decembre_select.gif);
}


/* FIN LISTE MOIS  */

#evenements-chroniques{
		width: 668px;
		margin-left: 8px;
		background: url(../medias/pages/chroniques/dates/milieu.gif) repeat-y;
}

#evenements-chroniques #evenements-haut{
		width: 583px;
		height: 33px;
		font-size: 0;
		background: url(../medias/pages/chroniques/dates/04-07.gif) no-repeat;
		padding: 12px 0 0 85px;
		/*font-size:0;
		margin: 0;
		padding: 0;*/
}

#evenements-chroniques #evenements-milieu{
		display: block;
		width: 668px;
		padding: 0;
		margin: 0;
}

/* liste gauche */

#evenements-milieu #evenements-milieu-gauche{
		/*width: 220px;*/
		padding: 0 10px 0 10px;
		float: left;
		margin-left: 40px;
}

#evenements-milieu #evenements-milieu-gauche ul {
		list-style-type: none;
		font-size: 71%;
		color: #fff;
		margin: 0;
		margin-left: 40px;
		padding: 0;
		margin-top: 15px;
}
		
#evenements-milieu #evenements-milieu-gauche li {
		/*background-color: #dfe9f2;*/
		margin: 0;
		/*margin-bottom: 1px;*/
		height: 18px;
		line-height: 18px;
		/*padding: 0;
		padding-top: 1px;*/
		margin-top: -3px;

}
	
#evenements-milieu #evenements-milieu-gauche li.light {
		color: #fff;
		padding: 0 5px 0 5px;
}

#evenements-milieu #evenements-milieu-gauche li.dark {
		color: #fff;
		padding: 0 5px 0 5px;
}	
		
#evenements-milieu #evenements-milieu-gauche li.light a{
		background: #c6d183 url(../medias/pages/plan/fleche-blanc.gif) no-repeat 5px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
}

#evenements-milieu #evenements-milieu-gauche li.dark a{
		background: #abbb4e url(../medias/pages/plan/fleche-blanc.gif) no-repeat 5px 4px;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
}

#evenements-milieu #evenements-milieu-gauche li.light a:hover{
		color: #092a48;
		background: #c6d183 url(../medias/pages/plan/fleche-bleu.gif) no-repeat 5px 4px;
		text-decoration: none;
}

#evenements-milieu #evenements-milieu-gauche li.dark a:hover{
		color: #092a48;
		background: #abbb4e url(../medias/pages/plan/fleche-bleu.gif) no-repeat 5px 4px;
		text-decoration: none;
}

#evenements-milieu #evenements-milieu-gauche li.light a span{
		/*float: left;*/
		width: 55px;
		color: #fff;
		text-decoration: none;
		/*padding-left: 10px;*/
		padding-right: 20px;
}

#evenements-milieu #evenements-milieu-gauche li.dark a span{
		/*float: left;*/
		width: 55px;
		color: #fff;
		text-decoration: none;
		/*padding-left: 10px;*/
		padding-right: 20px;
}

#evenements-milieu #evenements-milieu-gauche li.light a:hover span{
		color: #092a48;
		text-decoration: none;
}

#evenements-milieu #evenements-milieu-gauche li.dark a:hover span{
		color: #092a48;
		text-decoration: none;
}

/* fin liste  */


/* liste droite */

#evenements-milieu #evenements-milieu-droite{
		width: 300px;
		padding: 0 25px 0 0;
		float: right;
		display: block;
		/*margin-right: 20px;*/
}

#evenements-milieu #evenements-milieu-droite ul {
		font-size: 71%;
		margin: 0;
		/*margin-left: 40px;*/
		padding: 0;
		margin-top: 15px;
		padding-left: 40px;
}
		
#evenements-milieu #evenements-milieu-droite li {
		list-style-type: none;
		display: block;
		margin: 0;
		/*height: 18px;*/
		/*line-height: 18px;*/
		/*margin-top: -3px;*/
		/*height: 19px;*/
}

#evenements-milieu #evenements-milieu-droite li .txt{
		display: block;
		width: 190px;
		padding: 0 3px 0 3px;
		font-weight: normal;
		text-decoration: none;
		cursor: hand;
}
	
		
#evenements-milieu #evenements-milieu-droite li a.light{
		background: #c6d183 url(../medias/pages/chroniques/fondclair.gif) no-repeat top left;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
		display: block;
		width: 226px;
}

#evenements-milieu #evenements-milieu-droite li a.dark{
		background: #abbb4e url(../medias/pages/chroniques/fondfonce.gif) no-repeat top left;
		color: #fff;
		text-decoration: none;
		padding-left: 15px;
		padding-right: 8px;
		display: block;
		width: 226px;
}

#evenements-milieu #evenements-milieu-droite li a.light:hover{
		color: #092a48;
		background: #c6d183 url(../medias/pages/chroniques/fondclair_over.gif) no-repeat top left;
		text-decoration: none;
}

#evenements-milieu #evenements-milieu-droite li a.dark:hover{
		color: #092a48;
		background: #abbb4e url(../medias/pages/chroniques/fondfonce_over.gif) no-repeat top left;
		text-decoration: none;
}

/*
#evenements-milieu #evenements-milieu-droite li.light a span{
		padding-right: 20px;
		background: transparent url(../medias/pages/chroniques/fleche-clair.gif) no-repeat right;
		float: right;
		height: 18px;
		width: 28px;
}

#evenements-milieu #evenements-milieu-droite li.dark a span{
		padding-right: 20px;
		background: transparent url(../medias/pages/chroniques/fleche-fonce.gif) no-repeat right;
		float: right;
		height: 18px;
		width: 28px;
}
*/


/* fin liste  */



#evenements-chroniques #evenements-bas{
		display: block;
		width: 668px;
		height: 20px;
		font-size: 0;
		margin: 0;
}




#contenu-chroniques #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}



/*******************************************************************************/
/*  PAGE CONTACT   */
/*******************************************************************************/


#conteneur-pages #contenu-contact{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-contact #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-contact #contenu-gauche h3{
		background: url(../medias/pages/tit-contact.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-contact #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-contact #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-contact #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-contact #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-contact #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-contact #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-contact{ 
		background: url(../medias/pages/actus/fond-titart-actus.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-contact #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-contact #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-contact #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

#contenu-droite #article-contact{
		margin-left: 87px;
}

#contenu-droite #article-contact #chapeau-contact{
		width: 492px;
}

#contenu-droite #article-contact #chapeau-contact .chapeau-haut{
		height: 13px;
		font-size: 0;
		background: url(../medias/pages/contact/haut.gif) no-repeat;
		display: block;
}

#contenu-droite #article-contact #chapeau-contact .chapeau-milieu{
		background-color: #f0f5d1;
		display: block;
		padding-left: 50px;
		width: 442px;
}
/*
#contenu-droite #article-contact #chapeau-contact .chapeau-milieu img{
		border: 0;
		float: right;
		padding: 0;
		margin: 0;
}
*/
.img-droite{
		border: 0;
		float: right;
		padding: 0;
		margin: 0;
}

.img-gauche{
		border: 0;
		float: left;
		padding: 0;
		margin: 0;
}

#contenu-droite #article-contact #chapeau-contact .chapeau-bas{
		height: 13px;
		font-size: 0;
		background: url(../medias/pages/contact/bas.gif) no-repeat;
		display: block;
}

/* */
#contenu-droite #article-contact #chapeau-contact2{
		width: 492px;
		margin-top: 15px;
		margin-bottom: 30px;
}

#contenu-droite #article-contact #chapeau-contact2 .chapeau-haut{
		height: 13px;
		font-size: 0;
		background: url(../medias/pages/contact/haut.gif) no-repeat;
		display: block;
}

#contenu-droite #article-contact #chapeau-contact2 .chapeau-milieu{
		background-color: #f0f5d1;
		display: block;
		padding-left: 30px;
		padding-right: 30px;
		width: 432px;
		color: #424242;
		font-size: 65%;
		line-height: 11px;
}

#contenu-droite #article-contact #chapeau-contact2 .chapeau-bas{
		height: 13px;
		font-size: 0;
		background: url(../medias/pages/contact/bas.gif) no-repeat;
		display: block;
}

#contenu-contact #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

.txt-form-contact{
		font-size: 75%;
		font-weight: bold;
		color: #7a8a1b;
}

.input-champs{
		width: 231px;
		height: 15px;
		color: #3d3d3d; 
		background-color: #fff; 
		padding-left: 5px; 
		border: solid 1px #b5b89d; 
		margin-left: 13px;
		font-size: 70%;
}

.input-champsmess{
		width: 231px;
		height: 84px;
		color: #3d3d3d; 
		background-color: #fff; 
		padding-left: 5px; 
		border: solid 1px #b5b89d; 
		margin-left: 13px;
		font-size: 70%;
}

.txt-pt{
		font-size: 65%;
		color: #707070;
}

.atxt-pt{
		font-size: 65%;
		color: #707070;
		text-decoration: none;
}

.atxt-pt:hover{
		font-size: 65%;
		color: #707070;
		text-decoration: underline;
}

/*******************************************************************************/
/*  PAGE CENTRE DE RESSOURCES   */
/*******************************************************************************/


#conteneur-pages #contenu-ressources{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-ressources #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-ressources #contenu-gauche h3{
		background: url(../medias/pages/tit-ressources.gif) no-repeat;
		width: 180px;
		height: 41px;
}

#conteneur-pages #contenu-ressources #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-ressources #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-ressources #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-ressources #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-ressources #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-ressources #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-ressources{ 
		background: url(../medias/pages/recherche/fond-titart-recherche.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-ressources #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-ressources #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-ressources #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}

/*  */
.article-ressources{
		display: block;
		clear: both;
		width: 668px;
		padding: 0;
		margin-bottom: 30px;
}

.article-ressources .tit-chap{
		float: left;
		padding: 0 0 0 30px;
		background: transparent url(../medias/pages/recherche/fleche-tit.gif) 12px 2px  no-repeat;
		color: #4080bb;
		font-size: 100%;
		font-weight: bold;
		display: block;
		margin-left: 10px;
}

.article-ressources .bloc{
		width: 661px;
		display: block;
		clear: both;
		margin-left: 7px;
		background: url(../medias/pages/recherche/milieu.gif) repeat-y;
}

.haut-ressources{
		height: 15px;
		width: 661px;
		font-size: 0;
		background: url(../medias/pages/recherche/haut.gif) no-repeat;
}

.milieu-ressources{
		/*background: url(../medias/pages/recherche/milieu.gif) repeat-y;*/
		width: 661px;
		display: block;
		padding: 0;
		margin: 0;
}

.bas-ressources{
		width: 661px;
		height: 15px;
		font-size: 0;
		background: url(../medias/pages/recherche/bas.gif) no-repeat;
		display: block;
		clear: both;
}

.clear{
		clear: both;
		visibility: hidden;
}

.milieu-ressources h3{
		padding: 0 0 0px 8px;
		background: transparent url(../medias/pages/recherche/fleche-sstit.gif) left 4px  no-repeat;
		color: #4080bb;
		font-size: 75%;
		font-weight: bold;
		margin: 0;
		margin-left: 30px;
		display: block;
		margin-bottom: 10px;
}
.milieu-ressources h3 a {
	color: #4080BB;
}

.milieu-ressources #niveaux{
		margin-left: 55px;
}

.milieu-ressources #niveaux #niv1{
		color: #4080bb;
		font-weight: bold;
		font-size: 75%;
		padding-left: 23px;
		padding-top: 2px;
		background: transparent url(../medias/pages/recherche/dossier.gif) top left   no-repeat;
		height: 20px;
}

.milieu-ressources #niveaux #niv2{
		margin-left: 25px;
		color: #4080bb;
		font-weight: bold;
		font-size: 75%;
		padding-left: 23px;
		padding-top: 2px;
		background: transparent url(../medias/pages/recherche/dossier.gif) top left   no-repeat;
		height: 20px;
}

.milieu-ressources #niveaux #niv3{
		margin-left: 50px;
		color: #4080bb;
		font-weight: bold;
		font-size: 75%;
		padding-left: 23px;
		padding-top: 2px;
		background: transparent url(../medias/pages/recherche/dossier.gif) top left   no-repeat;
		height: 18px;
}

.milieu-ressources #niveaux #niv4{
		padding-left: 35px;
		margin: 0;
		margin-top: -12px;
}

.milieu-ressources #niveaux #niv4 ul{
		font-size: 71%;
		color: #4080bb;
		line-height: 13px;
}

.milieu-ressources #niveaux #niv4 li{
		background: url(../medias/pages/recherche/fleche-liste.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #4080bb;
}

.milieu-ressources #niveaux #niv4 li a{
		color: #4080bb;
		text-decoration: none;
}

.milieu-ressources #niveaux #niv4 li a:hover{
		color: #4080bb;
		text-decoration: underline;
}


.milieu-ressources #recherche{
		display: block;
		margin-left: 100px;
}

.milieu-ressources #recherche .input{ 
		color: #4080bb; 
		background-color: #fff; 
		width: 124px; 
		height: 13px; 
		border: solid 1px #4483bd;
		font-size: 65%;
		padding-left: 3px; 
}

.article-ressources02{
		display: block;
		/*clear: both;*/
		width: 668px;
		/*padding: 0;*/
		/*padding-bottom: 5px;*/
}

.article-ressources02 .tit-chap{
		float: left;
		padding: 0 0 0 30px;
		background: transparent url(../medias/pages/recherche/fleche-tit.gif) 12px 2px  no-repeat;
		color: #4080bb;
		font-size: 100%;
		font-weight: bold;
		display: block;
		margin-left: 10px;
}

#resultats{
		clear: both;
		width: 668px;
}

#resultats .bloc-resultats{
		width: 668px;
		margin-bottom: 15px;
		background: url(../medias/pages/recherche/resultats-milieu.gif) repeat-y;
}

.bloc-resultats .haut-resultats{
		height: 15px;
		width: 668px;
		font-size: 0;
		background: url(../medias/pages/recherche/resultats-haut.gif) no-repeat;
}

.bloc-resultats .milieu-resultats{
		width: 635px;
		padding: 0 25px 0 8px;

}

.bloc-resultats .milieu-resultats .gauche{
		float: left;
		background: url(../medias/pages/recherche/cadenas.gif) no-repeat;
		width: 40px;
		padding-left: 9px;
}

.bloc-resultats .milieu-resultats .gauche-vide{
		float: left;
		width: 40px;
		padding-left: 9px;
}

.bloc-resultats .milieu-resultats .droite{
		float: right;
		width: 570px;
}

.bloc-resultats .milieu-resultats .droite .titre-vert{
		padding: 0 0 0px 8px;
		background: transparent url(../medias/pages/recherche/fleche-sstit-vert.gif) left 4px  no-repeat;
		color: #4738218;
		font-size: 75%;
		font-weight: bold;
		margin: 0;
		margin-bottom: 10px;
}

.accroche{
		color: #363636;
		font-size: 71%;
		margin: 5px 0 10px 0;
		display: block;
}

.texte{
		color: #363636;
		font-size: 71%;
		display: block;
}

.bloc-resultats .bas-resultats{
		height: 15px;
		width: 668px;
		font-size: 0;
		clear: both;
		background: url(../medias/pages/recherche/resultats-bas.gif) no-repeat;
}

/*  */


#contenu-ressources #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

/*******************************************************************************/
/*  PAGE FLUX RSS   */
/*******************************************************************************/


#conteneur-pages #contenu-rss{
		width: 940px;
		background: #fff url(../medias/pages/fond-menugauche.jpg) no-repeat;
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
}

#conteneur-pages #contenu-rss #contenu-gauche{
		margin-top: 20px;
		width: 199px; 
		/*min-height: 615px; */
		text-align: left; 
		float: left;
		
}

#conteneur-pages #contenu-rss #contenu-gauche h3{
		background: url(../medias/pages/tit-fluxrss.gif) no-repeat;
		width: 180px;
		height: 27px;
}

#conteneur-pages #contenu-rss #contenu-gauche h3 span{
		display: none;
}

#conteneur-pages #contenu-rss #contenu-gauche ul {
		font-weight: bold;
		font-size: 71%;
		color: #3d3d3d;
		margin: 0 0 0 18px;
		padding:0;
		display: block;
}

#conteneur-pages #contenu-rss #contenu-gauche .menu-normal li{
		/*float: left;*/
		background: url(../medias/pages/fleche-gris.gif) 4px 4px no-repeat;
		list-style-type: none;
		padding-left:12px;
		height:1%;
		color: #3d3d3d;
}

#conteneur-pages #contenu-rss #contenu-gauche .menu-normal li a{
		text-decoration: none;
		color: #3d3d3d;
}

#conteneur-pages #contenu-rss #contenu-gauche .menu-normal li a:hover{
		text-decoration: underline;
		color: #3d3d3d;
}

/* CONTENU  */

#conteneur-pages #contenu-rss #contenu-droite{
		width: 689px;
		float: right;
		margin-right: 10px;
}

#contenu-droite #titre-page-rss{ 
		background: url(../medias/pages/rss/fond-titart-rss.jpg) no-repeat;
		width: 664px;
		height: 157px;
		text-align: left;
		padding: 0 0 25px 25px;
}

#contenu-droite #titre-page-rss #rub{
		/*text-align: left;*/
		display: table;
		height: 117px;
		width: 230px;
}

#contenu-droite #titre-page-rss #rub span.rubtitre{
		width: 0;
}

#contenu-droite #titre-page-rss #rub .rubtitre{
		display: table-cell;
		vertical-align: bottom;	
		color: #fff;
		font-weight: bold;
		font-size: 105%;
}


#contenu-rss #chemin{
		float: right;
		height: 27px;
		font-size: 65%;
		color: #707070;
		text-align: right;
		padding: 10px 32px 0 0;
		display: block;
}

.achemin{
		color: #707070;
		text-decoration: none;
}

.achemin:hover{
		color: #707070;
		text-decoration: underline;
}

.article-rss{
		display: block;
		clear: both;
		width: 668px;
		padding: 0;
		margin-bottom: 30px;
		margin-left: 15px;
}

.article-rss .blocrss{
		width: 668px;
		display: block;
		clear: both;
		margin-bottom: 20px;
}

.haut-rss{
		height: 21px;
		font-size: 0;
		background: url(../medias/pages/rss/haut.gif) no-repeat;
		width: 668px;
}

.milieu-rss{
		font-size: 0;
		background: url(../medias/pages/rss/milieu.gif) repeat-y;
		display: block;
		width: 635px;
		padding-left: 33px;
}

.bas-rss{
		height: 21px;
		font-size: 0;
		background: url(../medias/pages/rss/bas.gif) no-repeat;
		display: block;
		clear: both;
		width: 668px;
}

.txtrss{
	margin-left: 15px;
	color: #515151;
	font-size: 11px;
}

.tit-rss{
	text-align: left;
	margin-bottom: 15px;
}

.flux{
	margin-left: 15px;
	color: #515151;
	font-size: 11px;
	font-weight: bold;
	height: 12px;
	margin-bottom: 8px;
}

.formrss{
	margin-left: 15px;
}

.inputrss{ 
	color: #515151; 
	font-size: 10px; 
	background-color: #fff; 
	width: 320px; 
	height: 16px; 
	border: solid 1px #b5b7b8; 
}


#espace-gratuit {
width : 200px;
height : 100px;
}

.fond-push-gratuit {
	height : 25px;
	width : 212px;
	background-image: url(../medias/home/espace-conseil.gif);
	background-repeat : no-repeat;
	padding-top : 50px;
	padding-right : 10px;
	
}

.spacer {
clear:both;
}


.edito {
padding-left : 10px;
font-size : 11px; 
font-family : Arial;
color : #666666;
width : 550px;
border-right : 1px solid #ababab;
padding-right : 10px;
text-align : left;
}


.sep-logo {
padding-right : 20px;
margin-right : 20px;
border-right : 1px solid #ababab;
}

.test {
width : 500px;
background-color:#609;
	
}



/* actualite */

#actualite {
width : 346px;
float : left;
text-align : left;
margin-left : 10px;
}



.sous-titre {
background-color: #a6b741;
height : 23px;
width : 326px;
text-align : left;
color : #ffffff;
font-weight : bold;
padding : 2px 10px 0px 10px;
}

.sous-titre a {
text-align : left;
color : #ffffff;
font-weight : bold;
text-decoration : none;
}



.acrroche-actu {
background-color: #f5f7e6;
width : 326px;
text-align : left;
font-size : 11px;
padding : 10px 10px 0px 10px;	
}

.bas-actu {
background-image: url(../medias/home/bas-actu.jpg);
background-repeat : no-repeat;
height : 17px;
width : 346px;
text-align : left;	
}

.puce-actu {
 float : right;
 height : 15px;
 padding-top : 10px;

}

.puce {
	background-image: url(../medias/home/puce.jpg);
	background-repeat : no-repeat;	
	width : 15px;
	height : 14px;
	float : left;
	cursor : pointer;
}

.puce-actif {
	background-image: url(../medias/home/puce-active.jpg);
	background-repeat : no-repeat;	
	width : 15px;
	height : 14px;
	float : left;
	cursor : pointer;
}


/* soutenez-nous */

.soutenez-nous {
	background-image: url(../medias/home/soutenez-nous.jpg);
	background-repeat : no-repeat;	
	width : 177px;
	height : 68px;
	float : right;
	margin-right : 17px;
	padding : 38px 0px 0px 130px;
	text-align : left;
 line-height : 1em;
}

.soutenez-nous a {
font-size : 11px;
color : #666666;
text-decoration : none;
}

.soutenez-nous a:hover {
font-size : 11px;
color : #666666;
text-decoration : underline;
color : #869429;
}

#fiches {
	padding-top : 20px;
	float : right;
	width : 318px;
	font-size : 11px;
	text-align : left;
	margin-right : 10px;
}

#fiches a {
font-size : 11px;
color : #3d3d3d;
text-decoration : none;
}

#fiches a:hover {
font-size : 11px;
color : #3d3d3d;
text-decoration : underline;
}


.haut-fiche {
	background-image: url(../medias/home/push-fiches.jpg);
	background-repeat : no-repeat;	
	width : 318px;
	height : 36px;
}
.int-fiche {
	background-image: url(../medias/home/bas-fiche.jpg);
	background-repeat : no-repeat;
	background-position: left bottom;
	width : 305px;
	background-color:#f2f2f2;
	margin-left : 3px;
	margin-bottom : 15px;
	padding-bottom : 5px;
}

#image_plus_info {

display: table;
}

.bas-fiche {
	background-image: url(../medias/home/bas-fiche.jpg);
	background-repeat : no-repeat;	
	width : 318px;
	height : 14px;
	margin-bottom : 15px;
}

.bloc-push-droite {
float : right;
width : 340px;
}

span.img-fiche {
	width: 0;
}


.img-fiche {
background-image: url(../medias/home/fiche.jpg);
background-repeat : no-repeat;
background-position:right bottom ;

}

.txt-fiches {
width : 165px;
padding-left : 28px;
padding-top : 0px;
float : left;
}


a#facebook{width:20px;height:20px;background:url("../medias/communs/facebook.gif") no-repeat;display:block;float:right;position:relative;top:-3px;margin-left:10px;}
a#facebook:hover{background-position:0 -20px;}
a#facebook img{border:none;}