/*
Design du site cabinet holstein
*/

img.precharge {
	display : none ;
}

body {
	width: 773px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;   
	background-color: #C7C7C7;
   	
}

/* *************************************************************** */
/* ******************************L'ENTETE************************** */
/* *************************************************************** */

#en_tete
{
   background-repeat: no-repeat;
   margin-bottom: 10px;
   text-align : center;
}

/* *************************************************************** */
/* ****************************Le menu**************************** */
/* *************************************************************** */
h1 {
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}


#menu {
	float: left;
	width: 160px;
	background-color: #738998;
	border-width : 3px ;
	border-style : solid;
	border-color : #F564FF;
	border-left : none;
	border-right : none;
	/*position : fixed;  probleme avec IE7 */
	margin-top : 40px;
}

.logo_blanc {
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #C7C7C7;
}


.logo_menu {
	height: 80px;
	margin-top:20px;
	padding-top:20px;
	background-color: #C7C7C7;
	text-align:center;
	vertical-align:center;
}

.img_menu {
	border : none;
}

/* Quelques effets sur les menus */
.element_menu {
	
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin-bottom: 20px;
	border-width : 3px ;
	border-style : solid;
	border-color : #F564FF;
	border-left : none;
	border-right : none;
}

.element_menu h3 {   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size : medium ;
   text-decoration : underline ;
}

.niveau1 strong,
.niveau2 strong,
.niveau3 strong {
	color: white;
	font-weight:normal;
	
}

/* *************************************************************** */
/* 				******* niveaux ******			 */
.niveau1 {
	border: 00px solid black;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-variant: small-caps;
	margin-left: 5px;
	color: #B3B3B3;
}

.niveau2 {
	border: 00px solid black;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-variant: small-caps;
	margin-left: 20px;
	color: #B3B3B3;
}

.niveau3 {
	border: 00px solid black;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-variant: small-caps;
	margin-left: 40#B3B3B3px;
	color: #B3B3B3;
	font-size : small ;
}

.niveau1:hover,
.niveau1:focus ,
.niveau1:active,
.niveau2:hover,
.niveau2:focus ,
.niveau2:active,
.niveau3:hover,
.niveau3:focus ,
.niveau3:active {
	text-decoration: underline;
	color: #F564FF; /*#FA9646;*/
	font-weight:normal;
}

/* *************************************************************** */
/* 				******* niveau 1 ******			 */
.niveau1:before,
.niveau1:visited:before  {
	content : "[ ";
	font-weight: normal;
	
}

.niveau1:after,
.niveau1:visited:after  {
	content : " ]";
	font-weight: normal;
	
}

.niveau1:hover:before,
.niveau1:focus:before ,
.niveau1:active:before {
	content : "( ";
	font-weight: normal;
}

.niveau1:hover:after,
.niveau1:focus:after ,
.niveau1:active:after {
	content : " )";
	font-weight: normal;
}
/* *************************************************************** */
/* 				******* niveau 2 ******			 */
.niveau2:before,
.niveau2:visited:before  {
	content : "{ ";
	font-weight: normal;
	
}

.niveau2:after,
.niveau2:visited:after  {
	content : " }";
	font-weight: normal;
	
}

.niveau2:hover:before,
.niveau2:focus:before ,
.niveau2:active:before {
	content : "( ";
	font-weight: normal;
}

.niveau2:hover:after,
.niveau2:focus:after ,
.niveau2:active:after {
	content : " )";
	font-weight: normal;
}

/* *************************************************************** */
/* 				******* niveau 3 ******			 */
.niveau3:before,
.niveau3:visited:before  {
	content : ": ";
	font-weight: normal;
	
}

.niveau3:after,
.niveau3:visited:after  {
	content : " :";
	font-weight: normal;
	
}

.niveau3:hover:before,
.niveau3:focus:before ,
.niveau3:active:before {
	content : "( ";
	font-weight: normal;
}

.niveau3:hover:after,
.niveau3:focus:after ,
.niveau3:active:after {
	content : " )";
	font-weight: normal;
}
/* *************************************************************** */
/* ****************************La photo sous le  menu**************************** */

#photomenu {
   float: left;
}

.menuphoto {
	border : none;
}
/* *************************************************************** */
/*********************************** Le titre de la page ************************************/
/* *************************************************************** */
#titre {
	margin: 0px;
	margin-left: 170px;
	padding: 0px;
}


#titre_texte h1 {
	width : 300px ;
	padding-top:5px;
	padding-bottom:5px;
	
	color : #FFFFFF;
	background-color: #738998;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size : x-large ;
	text-align : center ;
	border-top: 6px solid #F564FF;
	border-right : 10px solid #F564FF;
	border-bottom : none;
	border-left : none;
}

.titrephotohaut{
   float : right;
   border : none;
   margin-top:10px;
}

.titrephotobas{
	border-bottom : 5px solid #F564FF;
	float : right;
	margin : none;
	
}


/* *************************************************************** */
/******************************************* Le corps de la page **********************************/
/* *************************************************************** */

#corps {
	margin-left: 170px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px;
	color: white;
	background-color: #738998;
	border: 0px solid black;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size : small ;
	height : 100%;
}



#corps h1 {
   color: #B3B3B3 ;
   text-align: center;
}

#corps h2 {
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: #D2D2D2; /*#509696  ;*/
   text-align: left;
}

.corps_accueil {
	color : white;
	text-decoration : underline;
}

.corps_accueil:focus ,
.corps_accueil:hover ,
.corps_accueil:active {
	color : #F564FF;
	text-decoration : underline;
}


/* *************************************************************** */
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
/* *************************************************************** */
#pied_de_page {
	padding: 5px;
	border-bottom : 2px solid #F564FF;
	border-top : 2px solid #F564FF;
	text-align: center;
	color: white;
	background-color: #738998;
	font-size : x-small;
	font-family: Verdana , "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	clear : both;
}

#pied_de_page a {
	color : white;
	text-decoration : underline;
}

#pied_de_page a:focus ,
#pied_de_page a:hover ,
#pied_de_page a:active {
	color : #F564FF;
	text-decoration : underline;
}


/* *************************************************************** */
/***************************** L'INTRODUCTION - INDEX *******************************/
/* *************************************************************** */


.img_index {
	border : 1px solid black;
}

.haut {
	text-align : right;
}

.centre {
	margin-left : 150px;
	margin-right : 150px;
	text-align:center;
	margin-top : 40px ;
	
}

.gauche {
	float : left;
	width : 130;
}

.droite {
	float : right;
	width : 130;
}

.gauche img,
.droite img {
	display : block;
	margin-top : 4px;
	margin-bottom : 4px;
}


.bas {
	clear : both;
}

.noborder{
	border : none;
}


.index_enter a,
.index_enter a:visited
 {
	font-size : small ;
	text-align : center;
	display : block;
	border-bottom : 2px solid #F564FF;
	border-top : 2px solid #F564FF;
	margin-top : 50px;
	margin-left : 100px;
	margin-right : 100px;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-variant: small-caps;
	color: #738998;
}

.index_enter a:hover ,
.index_enter a:focus,
.index_enter a:active {
	/*border-bottom : 2px solid white;
	border-top : 2px solid white;*/
	color : #F564FF;
	background-color: #738998;

}

.index_mentions {
	font-size : x-small ;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	color : #738998;
	text-align : center ;
	
}


/* *************************************************************** */
/* *******************L'ACCUEIL*********************************** */
/* *************************************************************** */
#bandeau_accueil {
	background-color: #D2D2D2;
	height : 70px;
	padding-top:10px;
	text-align:center;

}

.annonces_accueil {
	margin-left: 20px;
	font-size : x-small ;

}
.image_accueil {
	height : 200px;
	width : 200px;
	border : 1px solid black ;
	
}

.citation_ph {
	font-style : italic;
	text-align:center;
}
.signature_ph{
	text-align:center;
}

.avertissement_accueil {
	text-align : center ;
	color: white;
	font-size : x-small;
}

/* *************************************************************** */
/* *******************LE CABINET*********************************** */
/* *************************************************************** */

.image_cabinet {
	border : 1px solid #B3B3B3 ;
	
}

/* *************************************************************** */
/******************************************* LES ANNONCES **********************************/

.filtres{
	font-size :small;
}

input.bouton_trier {
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	background-color: #626262 ;
	text-decoration : underline ;
	font-size : small ;
	color: white;
	font-weight : bold ;
	border : 0;
	text-indent : 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

input.bouton_ref {
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	background-color: #626262 ;
	text-decoration : none ;
	font-size : small ;
	color: white;
	font-weight : bold ;
	border : 0px;
	text-indent : 0px;

}

input.bouton_lieu {
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	background-color: #738998;
	text-decoration : none;
	color: white;
	font-size : small ;
	text-indent : 0px;
	text-align : left;
	border : 0px;
	margin-left :0px;
	padding-left : 0px;

}
.liste_annonce {
	border : 1px solid white;
	margin-bottom : 10px;


	padding-bottom : 12px;
}

.list_annonce_miniature {
	float : left;
	margin-left : 5px;
}

.list_annonce_infos_droite{
	float : right;
	width : 130px;
}
.list_annonce_infos {
	margin-left : 170px;
}

.liste_annonce>.reset_annonce{
	clear : both;
}

.annonce_titre {
	margin-left: 0px;
	color : black;
}

.miniature_annonce {
	border-width : 1px ;
	border-style : solid;
	border-color : black;
	margin:0px;
	
}

/* *************************************************************** */
/*			****** Les photos des annonces *****		*/



.annonces_photos {
  position:relative; 
  top:0;
  left:0; 
  min-height:320px;
  margin-left : 20px;
}

.photo_agrandie {
	height : 450px;
	width : 300px;
	float:right;

}

.annonces_photos img {
	border:2px solid white;
	display : inline;
}

.annonces_photos a {
  margin:0;
  text-decoration:none;
  }

.annonces_photos a:hover {
  border:none;
  }

.miniatures {
	max-width : 100px;
	max-height : 100px;
	min-width : 100px;
	min-height : 100px;
}

.annonces_photos a .agrandir {
  position:absolute; 
  width:0px;
  border : none;
  }	  

.annonces_photos a:hover .agrandir { 
  position:absolute; 
  top:0px;
  left:225px;
  width: 300px;
  border:1px solid black;
  }

.reinit {
	clear : both ;
}

  
/* *************************************************************** */
/*			****** Les textes des annonces (détails)*****		*/
.annonces_ref_titre {
	background-color: #B3B3B3;
	color : black;
	font-variant: small-caps;
	text-decoration : underline ;
	margin-top : 10px;
	margin-bottom : 5px;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 10px;
	padding-bottom : 10px;
	border : 1px black solid;
	
}

.annonces_description,
.annonces_lieu {
	float : left;
	width : 400px;
	text-align : justify;
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 5px;
	margin-bottom : 15px;
}

.annonces_recap {
	text-align : center;
	float : right;
	width : 100px;
	/*background-color: #D2D2D2;*/
	color : white;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 10px;
	padding-bottom : 10px;
	border-width : 2px ;
	border-style : solid;
	border-color : #F564FF;
}
.acheter_reference {
	color : white;
}

.acheter_reference:hover ,
.acheter_reference:focus ,
.acheter_reference:active  {
	color : white;
	color : #F564FF;
}

/* *************************************************************** */
/***************************** LES CONTACTS *******************************/
/* *************************************************************** */

.messageerreurcontact {
	color : black;
	font-weight : bold ;
	background-color : red;
	text-align : center;
	padding : 20px;
	
}

.messageenvoye {
	color : white;
	font-weight : bold ;
	background-color : black;
	text-align : center;
	padding : 20px;
}

.contactform {
	margin-left : 20px;
	
}

.contactform strong {
	color : black;
}

.fondboutoncontact{
	text-align : center;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-right : 105px;
	padding-top : 4px;
	padding-bottom : 4px;

}

.boutoncontact{
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
	background-color: white;
	font-size : small ;
	color: #738998;/*#FA9646;*/
	font-weight : bold ;
	border : 2px solid #F564FF;
}

.droitsacces {
	margin-top : 40px;
	font-size : x-small;
	text-align : justify;
	font-family: "Trebuchet MS" , Arial, "Arial Black", "Times New Roman", Times, serif;
}

.contacts {
	color : white;
	text-decoration : underline;
}

.contacts:focus ,
.contacts:hover ,
.contacts:active {
	color : #F564FF;
	text-decoration : underline;
}


/* Galerie JP*/

#thumbs li{
	list-style: none outside none;
	float: left;
}

#thumbs ul{
    margin-left: -30px;
}