/* CSS modifié par Arnaud basé sur celui de la démo (animate_multiple_properties)*/
body {
	background-color:#C0C0C0 ;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
    font-size:14px;
    text-align: justify;
    margin:40px auto 0 auto;
    width:900px; 
}
h1 {
    text-align: left;
}
table {
border: medium solid #000000;
}
td, th {
border: thin solid #6495ed;
width: 20%;
}
#intro {
		height: auto;
	background-color: #F8F8F8;
	padding: 10px;
}
#introTab {
		height: auto;
	background-color: #F8F8F8;
	padding: 10px;
}
#anim1 {
		height: auto;
	background-color: #F8F8F8;
	padding: 10px;
}
#anim2 {
		height: auto;
	background-color: #F8F8F8;
	padding: 10px;
}
/*anim 1*/
#logo1 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo1 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo2 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo2 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo3 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo3 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo4 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo4 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo5 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo5 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo6 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo6 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logo7 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logo7 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
/*anim2*/
#logoUp1 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp1 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp2 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp2 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp3 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp3 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp4 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp4 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp5 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp5 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp6 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp6 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
#logoUp7 {
	position: relative;
	width: 0px;
	height: 60px;
	background: #B22222 url(img/logo_transparent_2.png) no-repeat;
	background-position: 0px 4px;
	color: white;	
    font-family: "Trebuchet MS", Verdana, Geneva, Arial;
	border-bottom: solid #000 10px;
}
#logoUp7 p {
	font-size:14px;
	margin-top: 0px;
	margin-left: 40px;
	line-height: 58px;
}
/*Génération du css des boutons sur ce site : http://css3buttongenerator.com/*/
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}