
/*commentaire voyage en Toscane*/


html { 
  margin:0;
  padding:0;

}

body{	
    margin:0;
  padding:0;
background: url(sarteano/DSCF2639.jpg) no-repeat center fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */    


}
div.fond
{
	width:1190px;
	margin-left :auto;
	margin-right :auto;
	font-family:  Helvetica,Arial,sans-serif;
	font-size:15px;
}



div.corps0{
top : 0px;	
margin-left: 00px;
 width: 200px;
 height: 100%;
position: fixed ;
background-color : none; 
}


div.corps{
top : 0px;	
 margin-left: 280px;
background-color : #FFFFCC;
 width: 960px;

}

div.menu {		
width:260px;
text-decoration:none;
font-size: 16px; 
text-align: center;
position: fixed ;
          
}

ul {
list-style-type: none;
line-height : 200%;
}


div.bouton {
margin : 10px;
width:210px;
padding : 3px;
-moz-box-shadow: 0px 0px 10px #FFFFCC;
-webkit-box-shadow: 0px 0px 10px #FFFFCC;
-o-box-shadow: 0px 0px 10px #FFFFCC;
box-shadow: 0px 0px 10px #FFFFCC;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
border: 1px solid #656565;
background:#cfcfcf;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#FFFFCC"); /* Pour IE seulement et mode gradient à linear */
background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#D7D7A4));
background: -webkit-linear-gradient(#979764, #D7D7A4);
background: -moz-linear-gradient(#979764, #D7D7A4);
background: -o-linear-gradient(#979764, #D7D7A4);
background: -ms-linear-gradient(#979764, #D7D7A4);
background: linear-gradient(#979764 #D7D7A4); 
text-align: center;
}

 p{
color:black;
line-height : 120%;
font-size:medium;
   text.alig : justify ;

}


h1
{
	font-size: xx-large; 
              color:grey;
              text-shadow:black,20px;	
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
	letter-spacing: 6px;
	text-shadow:1px 1px 2px gray; /*ombrage du titre*/
}

h2 {
	font-size: x-large; 
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
}
h3 {
font-size: x-large; 
 color: white;	
font-family: Helvetica,Arial,sans-serif;
text-align: center;
background-color :#D6AC89 ;
padding : 10px;
   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

div.textseul{
	float : none;
	position : absolute
	margin-left :auto;
	margin-right : auto ;
	padding-left :10% ;
	padding-right : 10% ;
	width:80%;
	text-align: justify;
	background :none ;
       	line-height : 120%;
}


div.legende
{	color:black;
	padding : 8px;
       	font-size:small;
    	width : 380px;
               text.alig : center ;
}

div.legendecentre {	color:black;
	line-height : 150%;
       	font-size:small;
                 text.alig : center ;

}

a{
color : blue; /*couleur du lien normaf*/
text-decoration : none ;
}

div.menu a:hover {	
text-decoration:underline;
color : green ;
}

div.petit{
	font-size:small;
}

div.blocgauche {	
	float: left ;
	width : 35% ;
             padding-left :10% ;
	margin-top : 30px;
	border : none ;
	text-align: justify;
}

div.imagauche {
width:400 px;
float: left ;
padding : 0px ;
margin : 30px;
border : none ;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
text-align: center ;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
}

Span.plop{
font-weight: bold;
color : blue ;
text-decoration: blink;
 }


div.blocdroit {	
	float: right;
	width : 45% ;
	margin : 0px;	
	border : none ;
	text-align: justify;
}


div.imadroite {	
float: right ;
width:400 px;
margin : 30px;
padding : 0px ;
border : none ;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
}


div.petitblocdroit {	
	float: right;
	width : 45% ;
	margin : 0px;
	border : none ;
	text-align: justify;
}

div.petitblocgauche {	
	float:left;
	width : 45% ;
	margin : 0px;
	border : none ;
	text-align: justify;
}

div.bloccentre
{	
width : 600 px;
margin : 10px;
border : none ;
text-align: justify;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
text-align: center;
}
