/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
	.p1 span,.p2 span,.p3 span {
		visibility:hidden;
	}

	#menugauche .p1 span, .p2 span, .p3 span{
		visibility:hidden;
	}

	#contenu_new{
		visibility:hidden;
	}
	#DRAP{
		visibility:hidden;
	}
	.bgBandeau,.blancLogo, .logo{
		visibility:hidden;
	}
	.entete{
		visibility:hidden;
	}
	.bloc_separation1{
		visibility:hidden;
	}
 	.bloc_description{
	font-size:16pt; 
	}


}


#conteneur ul{z-index="18"}

/*pour l'alignement du corps à gauche*/
body {margin-left: 125px;}

 
.menu  {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-image:url(../images/bg/fond.png);
	background-repeat:repeat-x;
	font-size:10px;
	border:1px solid #cccccc;
	padding:1px;
	width:150px;
	margin-left:125px;/*au lieux de margin:1em*/
	font-weight:bold;
	color:#666666;
}

.menu a:link {
	color:#000000;
	text-decoration: none;
}
.ssmenu a:link {
	font-weight:inherit;
	color:#333333;
	text-decoration: none;
}
.ssmenu {
	border:1px solid #cccccc;
	color:#333333;
	background-color:#FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	font-size:10px;
	padding:1px;
	width:150px;
	margin:1em;
	color:#666666;
	width:100%;
	font-weight:inherit;
	}
.menu {
	text-align:left;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana;
	text-decoration:none;
	color:black;
	padding:4px 3px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0%;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}


.menu a:hover, .menu a:focus .menu a:visited{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	border:1px solid #ffffff;
	background-image:url(../images/bg/fondonmouse.png);
	color:#66CC00;
	text-decoration:none;
	padding:3px 2px;
	width:100%;
}
.ssmenu a:hover, .ssmenu a:focus{
	background-color:#FFFFFF;
	padding:3px 2px;
	filter:alpha(opacity=90);
	-moz-opacity:1;
	opacity:1;
	background-image:url(../images/bg/fondssmenuon.gif);
	background-repeat:no-repeat;
	border:1px solid rgb(255,255,255);
	font-weight:bold;
	color: rgb(255,138,0);	
	width:100%;
	
	}
	
img {
	border:none;
}

.ssmenu img {
	/* pour le look XP, il faut mettre des icônes de 16x16 pixels, on prévoit une marge*/
	margin-right:1px;
}


.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
	visibility:hidden;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	font-style: normal; 
	font-weight: bold; 
	color: #009933; 
	text-decoration: none
}
.ssmenutext {
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
.ssmenutext a:hover {
	color:#000000;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
/* ///////////////// news //////////////////////// */
#contenu_new {
	background-image:url('../images/picto/clearP.png');
	color:#454545;
	margin	: 2px;
	font-size	: 9px;
	text-align	: center;

}

#contenu_new #img_actu{
	width	: 100px;
	margin	: 0 0 4px 0;
}

#contenu_new #text_new{
	text-align	: justify;
	margin		: 0px 4px 4px 4px ;
}

#contenu_new #text_new a {
	text-align	: right;
	font-size	: 9px;
	font-weight	: bold;
	color  : #00CC00
}

#contenu_new #text_new a:hover {
	font-size	: 9px;
	font-weight	: bold;
}
/* ///////////////// fin news//////////////////////// */




/* /////////////////coté gauche//////////////////////// */

#boiteGauche {
position:absolute;
z-index: 16;
 left:0px;
 top:13px;
 width:176px;
 height:1090px; 
background-color: #FFFFFF;
 layer-background-color: #FFFFFF;
 border: 1 px none #000000;
 visibility: visible  ; 
background-repeat: repeat-y}

#menugauche {
width:174px;
height:1090px;
background-color:#FFFFFF;
background-repeat:repeat-y;
margin:0 1 1px 1px;
color:#454545;
display:block;padding:0;
}

p {margin:0;padding:0;}


#menugauche .p1 span, #menugauche .p2 span, #menugauche .p3 span, #menugauche .p5{
padding:0 0px 5px 11px;
display:block;
}

#menugauche .p1, #menugauche .p2, #menugauche .p3, #menugauche .p5 {
background: url(../images/bg/fontmilieu.jpg) left repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align	: LEFT;
	font-size	: 12px;
	color  	: #454545;
font-style: bold;
}


#menugauche .p1 span {
padding-top:5px;
background: url(../images/bg/fondhaut.jpg) no-repeat left top; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: italic; 
line-height: 20pt; 
font-weight: normal;
color: #00CC00; 
letter-spacing: 1px;
 padding-right: 17px}


#menugauche .p2 span {
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding-bottom:10px;
background: url(../images/bg/fondbas.png) no-repeat left bottom;
font-size: 8pt; 
font-style: NORMAL; 

}

#menugauche .p3 span {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align	: left;
	font-size	: 9px;
	font-weight	: normal;
	color  	: #00CC00;
	padding-bottom:0px;
	background: url(../images/bg/fondbas.png) no-repeat left bottom;
}


#menugauche .p4 span {
padding-top:5px;
background: url(../images/bg/fondhaut.jpg) no-repeat left top; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: italic; 
line-height: 10pt; 
font-weight: normal;
color: #00CC00; 
 padding-right: 17px;}




	

#menugauche .p3 span  a:visited {color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;
}
#menugauche .p3 span a:link { color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;


}

#menugauche .p3 span td { color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;
}
#menugauche .p3 span a:hover { color :#00CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-underline :none
	text-line-through : none;
      text-align	: left;
	font-size	: 11px;
	
}


/*//////////////////////// fin coté gauche /////////////////////// */


/* milieu liste */

.listefleche {  

padding:0 15px 10px 50px;
display:block;
font-color:#454545;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-align: justify;
font-style: normal; 
list-style-position: outside; 
list-style-image: url(../images/picto/fleche.png); 
list-style-type: none;

}



p {margin:0;padding:0;}


#milieu {
position:absolute; 
z-index: 6; 
left:180px; 
top:13px; 
width:784px; 
height:auto;
margin:0 0;
padding:0 10px;
background:#DFDFDF;
}

#entete
{font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 11px; 
color: #FF9900; text-decoration: none;
margin:3 3 2px 3px;
}


#entete a:link { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FF9900; text-decoration: none
}

#entete a:visited { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FF9900; text-decoration: none
}

#entete a:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
color: #FF9900; text-decoration: underline
}



#centre {
width:751px;
height:auto;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 0px;
color:#454545;
display:block;padding:0;
text-align: justify;
}

#centre p span{
padding:0 30px 10px 10px;
display:block;
font-color:#454545;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
text-align: justify;}



#centre .plu span {z-index=7;}

#centre .p1 span {
padding-top:20px;
padding-right:30PX;
background: url(../images/bg/titreVierge.png) top no-repeat;
; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-style: italic; 
text-decoration: underline;
text-align: justify;
line-height: 20pt; 
font-weight: 100; 
color: #339900}

#centre .pliste span {
padding-top:14px;
background: url(../images/bg/titreVierge.png) top no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8 pt; 
font-style: normal; 
text-align: center;
line-height: 18pt; 
color: #454545}

/* .pliste2 pour detail*/
#centre .pliste2 span {
padding-top:14px;
background: url(../images/bg/titreVierge.png) top no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8 pt; 
font-style: normal; 
text-align: center;
line-height: 55pt; 
color: #454545}
#centre .pliste span form{background: url(../images/bg/fondtri.png) top no-repeat;vertical-align: middle;
}
#centre .pliste span input{vertical-align: middle;}

#centre .p3 span {
padding-top:35px;
background: url(../images/bg/titreVierge.png) top no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14pt; 
font-style: italic; 
text-decoration: none;
text-align: justify;
line-height: 20pt; 
font-weight: 100; color: #339900}


#centre .p2 span {
padding-bottom:20px;
background: url(../images/bg/right_bottom.jpg) bottom no-repeat;
}


/* ///////////// background image ////////////// */

/* right image */
#centre p{
background: url(../images/bg/right_bg2.jpg) right repeat-y;
}

#centre .a{
background: url(../images/bg/right_bg2.jpg) right repeat-y;
}

/*////     bgCorps    /////*/
#bgCorps {position:absolute; 
left:104px;
top:232px; 
width:984px; 
height:1250PX;
 background-color: #DFDFDF; 
layer-background-color: #333333; 
border: 1px none #000000; visibility: visible}

/*////corps/////*/

/*// recherche //*/
input {  vertical-align: text-bottom;color:#454545;
text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;   }
/*// fin recherche//*/



/*//    ejs recherche rapide //*//


#access_box a {color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;
}



#access_box a:visited {color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;
}
#access_box a:link { color : #454545;
	font-family: Verdana; 
	text-decoration : none;
	text-underline : none;
	text-line-through : none;
	text-align	: left;
	font-size	: 11px;


}

#access_box a:hover { color :#00CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-underline :none
	text-line-through : none;
      text-align	: left;
	font-size	: 11px;
	
}
/* fin acces raride*/

/*/////////// pied de page////////////*/
#fixed-footer {
z-index: 18;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:29px;
	line-height:29px;
	background: transparent url(../images/bg/pixel3.png);
	color:#454545;
	text-align:right;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}
#fixed-footer a { color:#000000; }
#fixed-footer a:hover { font-weight: bold;color:#000005; }

#fixed-footer img { float:left }
/* fin  pied*/


/*////   logo entete ////*/
#logo {  position:absolute; left:384px; top:79px; width:360px; height:140px; z-index:15}
#blancLogo {position:absolute; left:437px; top:107px; width:313px; height:86px; z-index:3; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; }
#bgBandeau {position:absolute; left:104px; top:0px; width:983px; height:233px; background-color: #333333; layer-background-color: #333333; border: 1px none #000000; z-index: 2;}
#logosous {position:absolute;left:204px; top:0px; width:850px; height:234px;z-index:1}


/*/// fin logo ///*/

#imprimer {z-index: 17;
	position: absolute; 
	height: 45px; 
	width: 45px; 
	left: 950px; 
	top: 250px; }


legend {
	font-size:14px; 
	font-family: Verdana; 
	color:#454545;
	font-style: italic; 
	font-weight: bold;
}

.fieldsethoraire {
	font-size:12px; 
	font-family: "Century Gothic", Verdana; 
	color:#454545;
	font-style: italic; 
	font-weight: bold;
}

/*============== accueil =================*/

.a  a:link { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; color: #454545; text-decoration: none;
font-weight: bold;
}

.a a:visited { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; color: #454545; text-decoration: none;
font-weight: bold;
}

.a a:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; 
color: #339900; 
text-decoration: underline;
font-style: italic;
font-weight: bold;
}

/*===================fin accueil======================*/



/*=================infobulle image dans listeMaison listeAppart etc======================*/
a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
a:hover {
background: none; /* correction d'un bug IE */
text-decoration: none;
}
a #info img{ /* définition de la balise <span> inclue dans <a> */
display: none;
text-decoration: none;
position: absolute;
}
a:hover #info img{ /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top:-100px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 190px;
background-color: #000000; 
background-color: #00000; border-color: #000000 #000000 #000000 #000000; border: 5px #000000 solid;
}
/*====================fin infobulle===========*/