/* defaut configuration*/ 
html, body{ 
 margin:-1px; 	
 padding:0px; 	

 text-align:center; 
 font: 11px Georgia, Times New Roman, Times, serif;
 font-style:normal;	
 font-weight:normal;
 letter-spacing: 0.2px ;
 /*font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/
 color: #780000; 	
 background: url(/cake2/app/webroot/img/style/bg.jpg)  repeat top ; 
} 

html, body a { 
	text-decoration: none;
	color:#780000;
 }
 
html, body a:hover { 
	color: #EA8AFF;
 } 
 
 
html, body a img{
	border:none;
}	

	

html, body h1 {
	//text-shadow: 3px 3px 5px red;
	font-size:14pt;
	font-style:normal;	
	font-weight:normal;
	color:#780000;
	text-decoration:none;
	}	
	
/*pre
{
	overflow: auto ;
}*/

#conteneur { 
 min-width:800px;
 width:auto;
 width:75%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 margin-top:30px;
 background-color: #fdf6ee; 
 border: 1px solid #780000;
} 
 
 
#border-left{
position:absolute;
width:10px;
height:160px;
background: url(/cake2/app/webroot/img/style/border-right.jpg)  repeat-y right;
}

#border-right{
position:absolute;
margin-left:99%;
margin-top:-105px;
width:10px;
height:160px;
background: url(/cake2/app/webroot/img/style/border-right.jpg)  repeat-y right;
} 
 
#lang{
display:block;
padding:0px;
margin:0px;
text-align:right;
margin-left:90%;
/*margin-top:-95px; */
margin-top:-20px;
width:70px;
} 
 
#lang li {
float:left;
display:block;
width:35px;
}

#lang li a {
}
 
#header{
position:relative; 
width:100%;
height:100px;
text-align:center;
/*padding-top:70px; */
background: url(/cake2/app/webroot/img/style/titre.gif)  no-repeat top ;
} 


#header h1 {
	//text-shadow: 3px 3px 5px red;
	font: 16px Georgia, Times New Roman, Times, serif;
	position:relative;
	padding-top:70px;
	padding-left:35%;
	text-align:center;	
	text-align:justify;
	display: block;
}	

/*	
#header h1 {	
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(title.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;	
}		
*/	

div#maincol h4
{
    padding:0px;
    margin:0px;
	font-style:normal;	
    font-weight:normal;
	color: #780000 ;
}

div#maincol h5
{
    padding:0px;
    margin:0px;
	font-style:normal;	
    font-weight:normal;
	font: 9px Georgia, Times New Roman, Times, serif;
	color: #780000 ;
}

div#maincol strong {
     font-weight:strong;
}

div#maincol h3
{
    margin:auto;
	text-align:center;
	line-height: 25px;
	font-size: 12px;
	color: #EA8AFF;
}


div#maincol h2
{
	width:100%;
    margin:0px;
	padding:0px;
	font-size: 12px;
	height:10px;
	font-family:Arial, Verdana, sans-serif;
}

div#maincol h2 a {
	padding-left:30px;
	padding-top:3px;
	background: url(/cake2/app/webroot/img/style/h2-bg.jpg)  no-repeat top left;
}
	
div#maincol h2 a:hover
{
	background: url(/cake2/app/webroot/img/style/h2-over.jpg)  no-repeat top left;
}


	
/*------------------------------------------------------------------*/	
		
ul#menuindex
{
	width: 830px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	/*background: url(bg_menu.gif) repeat-x 0 -25px ; */

	list-style-type: none ;
	margin-bottom:30px;
	/*border-top: 2px solid #780000;
	border-bottom: 2px solid #780000;*/
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menuindex li
{
	float: left ;
	height:5px;
	text-align: center ;
	list-style-type: none ;

	/*background-color:#F1D1A5;*/
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menuindex li a
{
	width: 158px ;
	height:0px;
	line-height: 12px ;
	padding-bottom:3px;
	color:#F1D1A5;
	display: block ;
	text-decoration: none ;
	
	font: 13px Georgia, Times New Roman, Times, serif;
	font-style:normal;	
	font-weight:normal;
	letter-spacing: 0.2px ;	
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */
  
ul#menuindex li a:hover
{
	display: block ;
	padding-top:3px;
	padding-bottom:0px;
	color:#EA8AFF;
	text-decoration:none;
	/*background: url(/cake/app/webroot/img/style/titre.gif) repeat-x 0 0 ;*/
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */
 	
/*------------------------------------------------------------------*/
ul#menutop
{
	height: 25px ;
	width: 715px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	/*background: url(bg_menu.gif) repeat-x 0 -25px ; */

	list-style-type: none ;
	margin-bottom:40px;
	margin-top:10px;
	/*border-top: 2px solid #780000;
	border-bottom: 2px solid #780000;*/
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menutop li
{
	float: left ;
	text-align: center ;
	list-style-type: none ;

	/*background-color:#F1D1A5;*/
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menutop li a
{
	width: 118px ;
	height:37px;
	line-height: 10px ;
	padding-top:7px;
	padding-bottom:3px;
	color:#F1D1A5;
	display: block ;
	text-decoration: none ;
	
	font: 10px Georgia, Times New Roman, Times, serif;
	font-style:normal;	
	font-weight:normal;
	letter-spacing: 0.1px ;	
	background: url(/cake2/app/webroot/img/style/menutop-bg.jpg)  no-repeat top left;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */
  
ul#menutop li a strong {
	display:none;
}
  
ul#menutop li a:hover
{
	display: block ;
	padding-top:10px;
	padding-bottom:0px;
	color:#EA8AFF;
	text-decoration:none;
    background: url(/cake2/app/webroot/img/style/menutop-bg-over.jpg)  no-repeat top left;
	/*background: url(/cake/app/webroot/img/style/titre.gif) repeat-x 0 0 ;*/
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */
  
  
ul#menutop li:first-child a
{

	background: url(/cake2/app/webroot/img/style/menutop-bg-left.jpg)  no-repeat top left;
}

ul#menutop li:last-child a
{

	background: url(/cake2/app/webroot/img/style/menutop-bg-right.jpg)  no-repeat top left;
}

ul#menutop li:first-child a:hover
{

    background: url(/cake2/app/webroot/img/style/menutop-left-over.jpg)  no-repeat top left;
}  
  
ul#menutop li:last-child a:hover
{

    background: url(/cake2/app/webroot/img/style/menutop-right-over.jpg)  no-repeat top left;
}    


 

#menuleft{
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0px;
}


#menuleft ul{
	padding:0px;
	margin:0px;
}


#menuleft ul li{
	width:100%;
	margin-top:5px;
	list-style-type: none;
}


#menuleft li a{
	display:block;
	background-image: none;
	color:#780000;
	text-align:left;
	width:130px;
	vertical-align: middle;
	text-decoration:none;
	list-style-type: none ;
}	
	
	
#menuleft li a:hover{
 color:#780000;
 padding-left:20px;
 width:110px;
 font-weight:bold;
 background: url(/cake2/app/webroot/img/style/menuleft-arrow.jpg)  no-repeat left ;
}	

 
#menuleft li a:hover, #menuleft li a.on{
  text-decoration:none;
  background-color:#F1D1A5;
}

ul.nav_tools li.picto_link {
  padding-left:38px;
  padding-right:5px;
  margin-bottom:15px;
  list-style-type:none;
}

ul.nav_tools li.picto_link img{
  vertical-align:bottom;
  list-style-type:none;
}

 ul.nav_tools li.picto_link a{
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  list-style-type:none;
}

ul.nav_tools li.picto_link a:hover{
  text-decoration:none;
  list-style-type:none;
}


 
 
 
#maincol{
 background-color:#FDF6EE; 
 float: right; 
 margin:auto;
 padding:auto;
 position: relative; 
 min-width:600px;
 width:80%; 
 }
 
 
/* Corps de page*/

.separator{
position:relative;
width:90%;
border-top:1px dashed #00A8E6; 
margin-top:8px;
margin-bottom:8px;
padding:0px;
}


#maincol  p {   
	
	display: inline;
	line-height: normal;
	border-width: thin; 
	border-style: outset;
	color:#780000;
	

	font-style:normal;
	font-weight:normal;
	text-align:justify;
	font-size:12px;
	}
	
#maincol  a {
		text-decoration:none;
		color:#780000;
}


#maincol a:hover {
		text-decoration:none;
		color:#EA8AFF;
} 

#maincol h3 {
	position:relative;
	text-align:center;	
	text-align:justify;
	color: #780000; 
	font-size:10pt;
	font-style:normal;	
	font-weight:bold;
	margin:0px;
	padding:0px;
	}

#maincol a:hover h3 {
	color:#EA8AFF;
	margin:0px;
	padding:0px;
	}

	
#rightcol {
 background-color:#FDF6EE; 
 width:170px; 
 padding-left:10px;
 padding-bottom:20px;
} 

#rightcol a {
	color:#780000;
	text-decoration:none;
}

#rightcol a:hover {
	color:#EA8AFF;
	text-decoration:none;
}

 #footer{
 height:40px; 
 background-color:#F1D1A5; 
 margin-top:30px;
 } 
 
 #products_selection{
	 }
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


	/* Information frame template */

.info-frame{
	display:block;
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	
}
	
.info-frame-title{
	margin:0px;
	text-align: center;
	padding-top:10px;
	color:#780000;
	font-weight:bold;
	text-decoration:underline;
	width:100%;
	height:20px;
	background: url(/cake2/app/webroot/img/style/item.jpg)  no-repeat top ;
	}	
		
.info-frame-title a{
	text-decoration:none;	
	color:#780000;
}

.info-frame-title a:hover  {
	color:#EA8AFF;	
}

		
.info-frame-body{
	margin:0px;
	padding-top:1px;
	padding-bottom:16px;
	padding-left:16px;
	padding-right:15px;
	position:relative;
	text-decoration:none;
	text-align:center;
	height:100%;
	background: url(/cake2/app/webroot/img/style/item.jpg)  no-repeat bottom ;
}	

.info-frame-body table { 
	margin:0px;
	padding: 3px 0px 0px 0px;
	border-spacing: 0px;
}

.info-frame-body tr { 
	padding: 0px; 
	margin: 0px;
}
.info-frame-body td { 
	padding: 0px; 
	margin: 0px;
}

.info-frame-body input {
	padding:0px;
	margin:0px;
}

.info-frame-action td {
	width:100%;
}

.info-frame-body a{

}

.immobilier_bien_selection {
	border-color:#F1D1A5;
	text-decoration:none;
	border-bottom:dotted;
	border-width:thin;
}	


#form{
 padding-top:10px;
 padding-bottom:10px;
}

.form_title{

}
.form_element{
	position:relative;
	padding-top:25px;
	width:95%;
	text-align:left;
	padding-left:5px;
	text-decoration:none;
}


/*  forms for  the pagination */
#pagination{
color:black;
}

#pagination_prev{
position:relative;
margin-left:0%;
width:100%;
}

#pagination_next{
position:relative;
margin-left:85%;
margin-top:-16px;
}

#pagination_range{
position:relative;
margin-left:43%;
margin-top:-16px;
}

/* forms for the multiple checkbox in forms */
ul.checkboxMultiple {
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul.checkboxMultiple li {
    display:block;
    float:left;
    width: 220px;
    margin: 0 8px 0 0;
    } 

	
	
/* list of email alert despay */


#email-alert-list{
	position:relative;
	width:90%;
	text-align:left;
}

#email-alert-element {
	float:left;
	position:relative;
	text-align:left;
	padding-top:15px;
	padding-left:20px;
	padding-right:0px;
	text-align:left;
	text-decoration:none;
	height:120px;
	width:92%;
	background: url(/cake2/app/webroot/img/style/prod-bg.jpg)  no-repeat top left ;
}

#email-alert-element #ieBug {
	height:1px;
}

#email-alert-sample {
	float:left;
	position:relative;
	padding-top:15px;
	padding-left:20px;
	padding-right:0px;
	text-align:left;
	height:120px;
	width:92%;
	background: url(/cake2/app/webroot/img/style/alert-email-bg.jpg)  no-repeat top left ;
}

#email-alert-border {
	float:left;
	position:relative;
	/*margin-top:-14px;*/
	margin-left:0px;
	height:120px;
	width:30px;
	background: url(/cake2/app/webroot/img/style/alert-email-bg.jpg)  no-repeat top right ;
}

#email-alert-element-border {
	float:left;
	position:relative;
	/*margin-top:-14px;*/
	margin-left:0px;
	height:120px;
	width:30px;
	background: url(/cake2/app/webroot/img/style/prod-bg.jpg)  no-repeat top right ;

}

#email-alert-dest{
float:left;
color:#00A8E6;
font-weight:bold;
width:230px;
}


#email-alert-type{
float:left;
color:#00A8E6;
font-weight:bold;
padding-left:100px;
width:70px;

}


#email-alert-date{
color:#00A8E6;
font-weight:bold;
text-align:right;
	
}

#email-alert-desc{
margin-top:5px;
border-top: 1px solid #00A8E6; 
float:left;
padding-top:5px;
padding-bottom:5px;
height:30px;
width:100%;
}

#email-alert-nav{
text-align:right;
height:50px;
}

#nav-list {
display:block;
text-align:center;
margin:auto;
padding-bottom:10px;
width:90%;
}

#nav-list li {
float:left;
display:block;
padding-left:8px;
padding-right:8px;
text-align:center;
}

#nav-list li a
{
	width: 118px ;
	height:37px;
	line-height: 32px ;
	padding-bottom:3px;
	color:#F1D1A5;
	display: block ;
	text-decoration: none ;
	background: url(/cake2/app/webroot/img/style/bt-nav.jpg)  no-repeat top left;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */
  
#nav-list li a:hover
{
	display: block ;
	padding-top:3px;
	padding-bottom:0px;
	color:#EA8AFF;
	text-decoration:none;
    background: url(/cake2/app/webroot/img/style/bt-nav-over.jpg)  no-repeat top left;
	/*background: url(/cake/app/webroot/img/style/titre.gif) repeat-x 0 0 ;*/
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */



#nav-list .submit {
	padding-right:10px;
	float:left;
	width:110px;
}