@charset "utf-8";
body{
margin: 0;
padding: 0;
}

h1{
font-weight: bold;
font-size:18px;
color:#7ca0c7;
}

h2{
font-weight: bold;
font-size: 16px;
color: #e9ae30;
}

h3{
font-weight: bold;
font-size: 14px;
margin: 10px 0;
}

#site{
width: 800px;
margin: 0;
}

#wrapper125{
}


	li{
	margin: 5px 10px 0 10px;
	}

	
#content{
padding: 0 20px 20px 20px;
text-align:justify;
}

	.photodroite{
	float: right;
	padding: 10px;
	}
	
	ul{
	list-style: square;
	}
	
	.photogauche{
	float: left;
	padding: 10px;
	margin: 0 40px 0 0;
	}
	
	.plusinfo{
	padding: 20px 0 20px 20px;
	margin: 0 auto 0 auto;
	}


	.chapeau{
	font-weight: bold;
	text-align: justify;
	}

#footer{
}

/**********************************/
.msg_list {
	margin: 0px;
	padding: 0px;

}
.msg_head {

	cursor: pointer;
	position: relative;


}
.msg_body {


}
/****************** nav hori ligne du temps***********/
		  #parent1 li{
			  padding: 10px;
			  color: #000000;
		  }
		  #menu1{
			  font-size: 12px;
		  }
		  #menu1 a{
			  margin: 15px;
			  font-size: 12px;
		  }
		  #menu1 a.wactive{
			  padding: 0 3px;
			  border: 1px solid gray;
		  }
		  #parent2 li{
			  padding: 10px;
			  color: white;
		  }
		  #menu2{
		  line-height: 57px;
		  background:url(pics/timeline/time.jpg) no-repeat top;
		  height: 80px;
		  width: 800px;
		  color: white;
		  font-size:12px;
		  }
		  #menu2 a{
		  margin: 20px;
		  color: white;
		  font-weight: bold;
		  }
		  #menu2 a.wactive{
			  padding: 0 3px;
			  border: 1px solid gray;
			  color: white;

		  }
		  
		  #parent3 li{
			  padding: 10px;
			  color: white;
		  }
		  #menu3 a.wactive{
			  padding: 0 3px;
			  border: 1px solid gray;
		  }
		  
		  /*******-------------***/
#timeline{
width: 1300px;
height: 100px;
}

.phototime{
	float:left; 
	padding: 0 10px;
}

.world{
background:#1065a7; 
display:block; 
padding:10px;
margin: 10px 0;
}

.transport{
background:#08a313; 
display:block; 
padding:10px;
margin: 10px 0;
}

.uitp{
background:#ff8124; 
display:block; 
padding:10px;
margin: 10px 0;
}

.contentyear{
	 width:800px; 
	 color:#FFF;
	 }


.220px{
float:right; 
height: 220px;
}

.125px{
 width: 125px; 
 height: 220px;
 }
 
 .95px;{
  width:95px;
  }
			
/*---------*/			  
.boxinfo{
	border: 2px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	}

.boxpdf{
	border: 2px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	width: 150px;
	float: right;
	margin: 0 0 10px 10px;
	}


/*--------members testimonials--------*/
.listvideo{
	margin:0 30px;
	padding:0;
	color: #88a0c7;
	font-weight: bold;
	}
	
	.listvideo li{
	margin:10px 0;
	}

.listvideo a{
	color: #88a0c7;
	font-weight: bold;
	list-style: square;
	}
	
.souslistevideo{
	list-style: circle;
	}

.souslistevideo a{
	color: #000;
	font-weight: normal;
	}
	
.soussouslistevideo{
	list-style: none;
	}
	
	.soussouslistevideo a{
	color: #000;
	font-weight: normal;
	}
/*-----------celebration---*/
.menucelebration{
	width: 723px;
	margin: 10px; auto;
	clear: both;
	height: 40px;
	text-align: center;
	font-size: 16px;
	}

.menucelebration li{
	display:inline;
	list-style: none;
	line-height: 40px;
	width: 220px;
	text-align: center;
	background: #e9ae30;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

.menucelebration li a{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

.menucelebration li a:hover{
	color:#70a1f0;
}

.programmetable{
	border: 1px solid #999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	}

.heure_programmetable{
	font-weight: bold;
	padding: 5px;
	width: 50px;
	text-align:center;
	}
	
.box_button{
	float:left;
	width: 180px;
	height: 57px;
	text-align: center;
	line-height: 57px;
	background:url(../pics/homepage/boutonbox125.jpg) no-repeat;
	}
	
	.box_button a{
		color:#FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
		}
		
		.box_button a:hover{
		text-decoration: none;
		color: #ff9900;
		}