body
{ 
color:orange;
background-color:DarkTurquoise;
}
table,th,td{
	
	
	}
a
{

color:white;
text-decoration:none;
}
a:hover {


	color:blue;
transform:rotate(90deg);
	
	transition-duration: 1s;

background-color:cyan;
	
}


#rodi3{

	 border: 4px solid red;  
  border-collapse: collapse;

background-color:DarkSeaGreen;
	color:black;
	font-size:20px;
}
#rodi3t{

	 border: 4px solid red;  
  border-collapse: collapse;

background-color:DarkSeaGreen;
	color:blue;
	font-size:20px;
	font-weight: bold;

}

#riki
{
height:30px;	
	
	
}

#roda3
 {
        padding: 10px;	
        border: 1px solid black;
        border-collapse: collapse;
      }

#rodi4{

	 border: 3px solid red;  
  border-collapse: collapse;

background-color:green;
	color:white;
	font-size:20px;
}

#rodi{

	 border: 1px solid red;  
  border-collapse: collapse;
	padding: 10px;

	color:white;
	font-size:50px;
}


#rodi2 {

	 border: 1px solid red;  
  border-collapse: collapse;
	padding: 10px;
text-align:center;
	color:white;
	font-size:50px;
}
#rodi2:hover {

	 border: 3px solid red;  
  border-collapse: collapse;
	padding: 10px;
text-align:center;
	color:white;

	
	transition-duration: 1s;

font-size:100px;
	
}

#steeve
{  
color:red;


margin-left:5px;
margin-top:5px;
width:230px;

height:80px;

font-size:50px;


}
#steeve2
{  
color:red;


margin-left:5px;
margin-top:5px;
width:115px;

height:28px;

font-size:20px;


}

#steeve:hover {

width:430px;
	height:140px;
	transition-duration: 1s;

font-size:80px;
	
}

#steeve2:hover {

width:215px;
	height:70px;
	transition-duration: 2s;

font-size:40px;
background-color:cyan;
	
}

th
{
	 
}
table{
	
	
	
	
	
}


#hello1 
{
	  width: 700px;
  height: 500px;

  position: relative;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: 2;
  animation-direction: alternate-reverse;  
	
	
	
	
}
@keyframes example
 {
  0%   {background-color:red; left:-100px; top:-100px;}

  50%  {background-color:blue; left:200px; top:200px;}

  100% {background-color:red; left:0px; top:0px;}
}

#yoo
{

color:green;
font-size:100px;


transform:rotate(90deg);
margin-left:-150px;
position:absolute;	
margin-top:150px;

}
#yoo6
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(80deg);
margin-left:-100px;
position:absolute;	
margin-top:500px;

}
#titre2
{

color:orange;
font-size:50px;

 animation-duration: 3s;
  animation-name: slideinp;

}


@keyframes slideinp {
  from {
    margin-top: 50%;
    width: 300%;
  }

  to {
    margin-right: 0%;
    width: 100%;
  }
}




#presente1
{
	background-color:DarkCyan;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 905px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}

#presente2
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 1805px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}


#presente3
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 1405px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}
#presente3di
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 2005px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}

#presente4
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 2005px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}

#presentetchat
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 0px 30px 0px;
	width: 1100px;
   height: 1005px;

   font-size: 40px;
	   margin-left: auto;
 margin-right: auto;
padding:10px;


}

#presentetchat2
{
	background-color:blue;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1100px;
   height: 805px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}
#presentetchat2a
{
	background-color:cyan;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 1905px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}
#presentetchat2a:hover
{
	background-color:gray;
	color:orange;
		border:4px solid orange ;
border-radius: 30px 30px 30px 30px;
	width: 1000px;
   height: 1805px;
   font-size: 30px;
	   margin-left: auto;
 margin-right: auto;
 padding:10px;
}



#yoo68
{

color:green;
font-size:80px;


transform:rotate(70deg);
margin-left:450px;
position:absolute;	
margin-top:1400px;

}


#yoo65
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(60deg);
margin-left:800px;
position:absolute;	
margin-top:500px;

}

#yoo65a
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(-20deg);
margin-left:200px;
position:absolute;	
margin-top:1900px;

}

#yoo65b
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(-20deg);
margin-left:800px;
position:absolute;	
margin-top:1900px;

}



#yoo65c
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(-75deg);
margin-left:1100px;
position:absolute;	
margin-top:1900px;

}


#yoo65d
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(20deg);
margin-left:200px;
position:absolute;	
margin-top:2200px;

}


#yoo65e
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(5deg);
margin-left:900px;
position:absolute;	
margin-top:2300px;

}

#yoo65f
{

color:green;
font-size:80px;
font-weight:bold;

transform:rotate(45deg);
margin-left:800px;
position:absolute;	
margin-top:2700px;

}

#yoo655
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(60deg);
margin-left:1000px;
position:absolute;	
margin-top:500px;

}



 #yoo656
{

color:green;
font-size:100px;
font-weight:bold;

transform:rotate(60deg);
margin-left:1100px;
position:absolute;	
margin-top:850px;

}
#yoo2
{

color:yellow;
font-size:80px;

font-weight: bold;
transform:rotate(90deg);
	
animation-duration: 3s;
  animation-name: slidein;

   animation-direction: alternate;
}


@keyframes slidein {
  from {
    margin-left: 100%;
    width:50%;
  }

75% {
  font-size: 100%;
  margin-left: 25%;
  width: 100%;
}

25% {
  font-size: 100%;
  margin-left: 25%;
  width: 150%;
}


  to {
    margin-left:-30%;
    width: 100%;
  }
}




#yoo2lien
{

color:green;
font-size:30px;


	

}
#yoo2lien:hover
{

color:yellow;
font-size:50px;

transition-duration: 1s;
	

}

#yoo7
{

color:green;
font-size:80px;

margin-left:250px;
transform:rotate(10deg);
	margin-top:600px;
position:absolute;
}


#yoo72
{

color:green;
font-size:90px;

margin-left:250px;
transform:rotate(10deg);
	margin-top:930px;
position:absolute;
}




#yoo3
{

color:green;
font-size:30px;
transform:rotate(-6deg);
margin-left:210px;

	margin-top:-50px;
position:absolute;
}


#yoo32
{

color:green;
font-size:30px;
transform:rotate(-6deg);
margin-left:210px;

	margin-top:1000px;
position:absolute;
}

#yoo32a
{

color:green;
font-size:30px;
transform:rotate(-6deg);
margin-left:210px;

	margin-top:2200px;
position:absolute;
}



#yoo5
{

color:orange;
font-size:100px;
transform:rotate(10deg);
margin-left:210px;

	margin-top:700px;
position:absolute;
}

#yoo4
{

color:gray;
font-size:30px;

margin-left:610px;

	margin-top:-90px;
position:absolute;
}


#yoo42
{
transform:rotate(10deg);
color:gray;
font-size:30px;

margin-left:1030px;

	margin-top:-123px;
position:absolute;
}
#yoo425
{
transform:rotate(10deg);
color:gray;
font-size:30px;

margin-left:1030px;

	margin-top:1023px;
position:absolute;
}




#two:focus
{

 color:green;
}


#yoo:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}
#yoo6:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}


#yoo68:hover
{
transition-duration: 1s;
color:black;
font-size:100px;
	border:2px solid yellow ;

}


#yoo5:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}

#yoo65:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}
#yoo65a:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}


#yoo65b:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}


#yoo65c:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}

#yoo65d:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}


#yoo65e:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}

#yoo65f:hover
{
transition-duration: 1s;
color:black;
font-size:100px;


}

#yoo655:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}

#yoo656:hover
{
transition-duration: 1s;
color:black;
font-size:130px;


}

#yoo655:active
{
transition-duration: 1s;
transform:translate(-200px,-200px);


}



#yoo2:hover
{
transition-duration: 1s;
color:blue;
font-size:130px;


}

#yoo7:hover
{
transition-duration: 1s;
color:black;
font-size:100px;


}

#yoo72:hover
{
transition-duration: 1s;
color:black;
font-size:110px;


}

#yoo3:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 25px,25px) ;

}
#yoo32:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 25px,25px) ;

}


#yoo32a:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 25px,25px) ;

}




#yoo4:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 50px,25px) ;

}

#yoo42:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 50px,25px) ;

}

#yoo425:hover
{
transition-duration: 1s;
color:black;
font-size:50px;
transform: translate( 50px,25px) ;

}


#alphatitre2
{
	
font-size:50px;

}

#alphatitre2:hover
{
	background-color:cyan;
	transition-duration: 1s;
color:black;
font-size:70px;

}