/* CSS Document */
#block1{
	display:block;
	width:320px;
	height:320px;
	background-image:url(Common/IMG/calque/fondn.png);
	background-color:#aaaaaa;
	box-shadow:	2px 2px 2px #cccccc inset,5px 5px 5px #dddddd inset;
	-moz-border-radius:  15px 15px 15px 15px;         
	-webkit-border-radius:15px 15px 15px 15px;             
	border-radius:  15px 15px 15px 15px;
	position:relative;
	top:20px;
	left:20px;
	border:#000000 solid 1px;
	 


}
#block1:hover{ color:#FF0000; }

.menuf:hover{ color:#FF0000; }
#block2{
display:block;
width:300px;
height:300px;
position:relative;
left:10px; top:10px;
background-image:url(../IMG/guerin_yvonnick_RetrouveMonAnimal_titre.jpg);
pading: 10 20 10 20;
-moz-border-radius:  5px 5px 10px 10px;            
-webkit-border-radius: 5px 5px 10px 10px;                
border-radius:  5px 5px 10px 10px;    
background-color:#555;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0p;
}


/* ******************* block droite ******************************** */
#block3{
	display:block;
	width:606px;
	height:270px;
	background-image:url(Common/IMG/calque/fondn.png);
	background-color:#aaaaaa;
	box-shadow:	2px 2px 2px #cccccc inset,5px 5px 5px #dddddd inset;
	-moz-border-radius:  10px 10px 2px 2px;         
	-webkit-border-radius:10px 10px 2px 2px;               
	border-radius:  10px 10px 2px 2px;    
	position:relative;
	left:350px; top:-300px;
	border:#000000 solid 1px;
	 


}

#block4{
display:block;
width:586px;
height:250px;
position:relative;
left:10px; top:10px;
background-image:url(../IMG/titre3.jpg);
pading: 10 20 10 20;
-moz-border-radius:  10px 10px 2px 2px;               
-webkit-border-radius: 10px 10px 2px 2px;                    
border-radius:  10px 10px 2px 2px;       
background-color:#555;
box-shadow:
0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset,
0p;
}

/**** login cected ******/
#connected{
	display:block;
	width:400px;
	height:30px;
	position:relative; left:10px; top:10px;


}

.te{ display:block; position:relative; left:50px; top:-25px;
	color:#FFFFFF; font-size:14px; font-weight:bold;



}

#text{ margin-left:10px;
display:block;
color:#FFFFFF; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;

}
/* ********************* Start menu du site ******************* */
#menutop{
display:block;
width:606px;;
height:40px;
position:relative;
left:350px;
top:-295px;
	/*background-image:url(Common/IMG/calque/fondn.png);*/
	background-color:#aaaaaa;
	box-shadow:	2px 2px 2px #cccccc inset,5px 5px 5px #dddddd inset;
	-moz-border-radius: 2px 2px 10px 10px;        
	-webkit-border-radius:2px 2px 10px 10px;            
	border-radius:  2px 2px 10px 10px;
	border:#000000 solid 1px;
	
	
}

#menutop2{
display:block;
width:586px;;
height:20px;
position:relative;
left:10px;
top:10px;
  text-align:center;
  vertical-align:middle;
	/*background-image:url(../IMG/calque/bouton1.png);*/
	background-color:#333333;
	box-shadow:	2px 2px 2px #cccccc inset,5px 5px 5px #dddddd inset;
	-moz-border-radius: 5px 5px 5px 5px;        
	-webkit-border-radius: 5px 5px 5px 5px;           
	border-radius:   5px 5px 5px 5px;
	  background: #4c4c4c; /* Old browsers */
  background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
  background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;	
}

ul {
 padding:0;
 margin:0;
 margin-left:10px;
 padding-top:4px;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 text-align:center;
 display:block;
 width:auto;
 color:#FFFFFF;
 font-weight:bold;
 padding-left:12px;
 padding-right:12px;
 cursor:pointer;
 border:#000000 solid 2px;
 border-bottom:hidden;
 border-top:hidden;
 }
ul li a {
 display:block;
 float:left;   
 width:100px;
 background-color:#6495ED;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul li:hover {
 height:13px;
 background-image:url(..IMG/calque/bouton.png);
 color:#FFFF00;
 padding-top:4px;
 margin-top:-4px;
 border-color:#FF0000 #FF0000 #FF0000 #FF0000;
 } 
/* ********************* End menu du site ******************* */


/*********************** start block formulaire de recherche *******************/
#titre2recherche{ padding-top:5px;  height:25px; position:absolute; top:203px; left:273px; width:300px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.form{ color:#CCCCCC; background-color:#333333; font-size:10px; size:8px;}