/* casadarno CSS Document */

/*-----------------------------------------------------style general---------------------------------------------------------------*/

* div{
		border: 0px;
		margin:0px;
		padding:0px;
		}
		
* img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	outline:0;
   		}	

body{
	font: 12px "Times New Roman", Times, serif;
	scrollbar-3dlight-color:#ccc;
	scrollbar-arrow-color:#DOAD4D;
	scrollbar-base-color:#DOAD4D;
	scrollbar-darkshadow-color:#DOAD4D;
	scrollbar-face-color:#F4E1C0;
	scrollbar-highlight-color:#F4E1C0;
	scrollbar-shadow-color:#F4E1C0;	
	background-color: #F4E1C0;
		}
/*------------------------------------------------style index principal-------------------------------------------------------------*/
#conteneur{
	position: absolute;
	width: 1024px;
	height: 768px;
	left:50%;
	margin-left: -500px;
	top: 270px;
	margin-top: -480px;
}

#rosone1{
position: absolute;
width:140px;
height:150px;
left:30px;
top:30px;}

#rosone2{
position: absolute;
width:140px;
height:150px;
top:30px;
right:20px;
}

#rosone3{
position: absolute;
width:140px;
height:150px;

right:20px;
bottom:90px;}

#rosone4{
position: absolute;
width:140px;
height:150px;
left:20px;
bottom:90px;
}

#contenu{
	position: absolute;
	width: 800px;
	height: 600px;
	top:238px;
	left:128px;	}
	
#logo{
	position: absolute;
	color:#F4E1C0;
	top: 200px;
	left: -190px;
	}
#logo2{
	position: absolute;
	color:#F4E1C0;
	top: 8px;
	left: 793px;
	}	
#menu1{
	display: block;
	position: absolute;
	top: -20px;
	left: 2px;
	color:#F4E1C0;
	padding-top: 3px;	

	}

#menu2{
	position: absolute;
	width: 100px;
	height: 500px;
	top: 23px;
	left: -15px;
	
	}

#menu3{
	position: absolute;
	width: 100px;
	height: 500px;
	top: 23px;
	left: 670px;

	}

#menu{
	position: absolute;
	width: 580px;
	left:90px;
	padding:5px;
	top:446px;
	
	}
	
	
	
	#page{
	overflow: auto;
	position: absolute;
	width: 800px;
	height: 500px;
	top: 0px;
	left: 0px;
	
	}
#main{
	overflow: auto;
	position: absolute;
	width: 550px;
	height: 400px;
	top: 40px;
	left: 110px;
	background-color: #F4E1C0;
	}
	
	#floatleft{
	
	width:208px;
	height:300px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	
	}
	
	
	
	#floatright{
	position: relative;
	width:270px;
	float:right;
	height:300px;
	text-align: justify;
	margin-bottom:20px;
	}
	
	#texte * img{
	border:thin solid #990033;
	
	
	}
	
	
#pied{
	position: absolute;
	width: 600px;
	height: 61px;
	bottom: 25px;
	left: 87px;
	font-size: 14px;
	color: #990033;
	background-image: url('../images/boite.gif');
	background-repeat: no-repeat;
	margin-top:10px;
	}


	
#texte{
	
	text-align: justify;
	margin:20px;
	margin-top:5px;
}
#cadre{
	
	width: 460px;
	margin: 10px;
	border: medium double #990000;
	padding:10px;
	}
	
	#cadre * img{
	
	border:2px solid #7C061C;
   		/*cell border color : #7C061C;*/
   		margin:5px;
	}


/*------------------------------------------------style texte--------------------------------------------*/
.entete{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #F4F5EB;
	background-image: url(../images/motifs/motif8.jpg);
	background-repeat: repeat;
}

#titre{
	font-size: 16px;
	text-transform: uppercase;
	color: #c17689;
	background-color: #990033;
	text-align: center;
	font-weight: bolder;
	
}



.italique{
	font-style: italic;
}

.bold{
	font-weight: bold;
}

.p{
font-weight: bold;
	}

/*----------------------------------menu2 & menu 3 (../images/)-------------------------------------------------*/
#menu2 a span { display: none; }

#menu3 a span { display: none; }

#prechargement{ display: none; }

 #menu2 h1 a {
	outline:0;
	display: block;
	width: 116px;
	height: 106px;
	background-repeat: no-repeat;
	margin-bottom:10px;
	margin-top: 10px;
 }
 
  #menu3 h1 a {
	outline:0;
	display: block;
	width: 116px;
	height: 106px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
 }
 
 a.rub1 { background-image: url(../images/venise_off.jpg); }
 a.rub1:hover { background-image: url(../images/venise_on.jpg); }
 a.rub2 { background-image: url(../images/florence_off.jpg); } 
 a.rub2:hover { background-image: url(../images/florence_on.jpg); }
 a.rub3 { background-image: url(../images/rome_off.jpg); }
 a.rub3:hover { background-image: url(../images/rome_on.jpg); }
 a.rub4 { background-image: url(../images/naples_off.jpg); }
 a.rub4:hover { background-image: url(../images/naples_on.jpg); }
 
 a.rub5 { background-image: url(../images/italie_off.jpg); }
 a.rub5:hover { background-image: url(../images/italie_on.jpg); }
 a.rub6 { background-image: url(../images/chambre_off.jpg); } 
 a.rub6:hover { background-image: url(../images/chambre_on.jpg); }
 a.rub7 { background-image: url(../images/cuisine_off.jpg); }
 a.rub7:hover { background-image: url(../images/cuisine_on.jpg); }
 a.rub8 { background-image: url(../images/surmesure_off.jpg); }
 a.rub8:hover { background-image: url(../images/surmesure_on.jpg); }
 

 #venise a.rub1 { background-image: url(../images/venise_on.jpg); }
 #florence a.rub2 { background-image: url(../images/florence_on.jpg); }
 #rome a.rub3 { background-image: url(../images/rome_on.jpg); }
 #naples a.rub4 { background-image: url(../images/naples_on.jpg); }
 
 #italie a.rub5 { background-image: url(../images/italie_on.jpg); }
 #chambre a.rub6 { background-image: url(../images/chambre_on.jpg); }
 #cuisine a.rub7 { background-image: url(../images/cuisine_on.jpg); }
 #surmesure a.rub8 { background-image: url(../images/surmesure_on.jpg); }
 
 
/*------------------------------------------------style des liens-----------------------------------------*/
#menu1 a:link {
color: #F4E1C0;
text-decoration: none;
outline:0;
}

#menu1 a:hover {
outline:0;
color: #c17689;
text-decoration: none;
}

#menu1 a:active {
outline:0;
color: #CC9999;
text-decoration: none;
}

#menu1 a:visited {
outline:0;
color: #CC9999;
text-decoration: none;
}




#texte a:active{
outline:0;
color:#990000;
text-decoration: none;
	}
	
#texte a:hover {
outline:0;
color:#C17689;
text-decoration: none;
	}
	
#texte a:visited {
outline:0;
color:#C17689;
text-decoration: none;
	}
#texte a:link {
outline:0;
color:#990000;
text-decoration: none;
	}