/*********************************************/
/******** Author Tsang-Chun-Szé Cédric *******/
/*********************************************/

*{
	margin: 0;
	padding: 0;
}
/****************************************/
/**************** body *******************background-image: url(../images/repeat.png);
/****************************************/
body{
	background-color:#191e1e;
}
/****************************************/
/************** Menu haut****************background-image: url(../images/repeat2.png);
/****************************************/
#menu_haut{
	border-color:#333333;
	height:20px;
	background-color:#191e1e;
	text-align:right;
}

.icon_mail{
	border: 0px dotted #000;
	height:10px;
	width:15px;
}

.icon_cv{
	margin-right:5px;
	border: 0px dotted #000;
	height:10px;
	width:14px;
}
/****************************************/
/************** Baner *******************/
/****************************************/

#baniere{
	background-image:url(../images/baniere2.jpg);
	text-align:center;
	height:216px;
	width:740px;
}
/****************************************/
/************** Container ***************/
/****************************************/
#container{
	background-color:#FFFFFF;
	margin: 0 auto;
	width:740px;
}
/*********************************************/
/************** Menu Principal ***************/
/*********************************************/
#menu{
	margin-left:2px;
	height:40px;
	width:740px;
}

#menu li{
	margin: 0;
	background-image:url(../images/test_btn3.gif);
	background-position:top left;
	height:34px;
	width:121px;
	font-family:"Times New Roman";
	color:#FFFFFF;
	font-size:16px;
	float:left;
	list-style:none;
	margin-right:2px;
}

#menu ul{
	width:100%
}

#menu a{
	padding-top:7px;
	text-align:center;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	height: 27px;
}

#menu a:hover{
	color:#333333;
	background-image:url(../images/test_btn3.gif);
	background-position:bottom left;
	height:27px;
	width:121px;
}

#menu .on a{
	background-image:url(../images/btn_hover2.gif);
	height:27px;
	width:121px;
}

#menu .on a:hover{
	color:#FFFFFF;
	background-image:url(../images/btn_hover2.gif);
	height:27px;
	width:121px;
}


/*****************************************/
/************** Menu droit ***************/
/*****************************************/
#menudroit{
	margin-top:0;
	float:right;
	background-color:#c0c0c0;
	width:244px;
	margin-right:2px;
	clear:right;
}

#savoir{
	padding-bottom:20px;
	width:244px;
}

#voir{
	width:244px;
	background-color:#a3bec7;
	padding-bottom:20px;
}

#visiter{
	padding-bottom:20px;
	background-color:#92B59D;
}
#menudroit li{
	list-style-image:none;
}

.liens a{
	color:#266476;
	text-decoration:none;
}

.liens{
	list-style-type:none;
	text-align:center;
	color:#FFFFFF;
}

.titre_lien{
	padding-top:20px;
	margin-bottom:10px;
	text-align:center;
	color:#333333;
}

.liens a:hover{
	color:#FFFFFF;
	background-color:#333333;
}

/*********************************************/
/************** Section Accueil **************/
/*********************************************/
.petit_img{
	float:left;
	background-image:url(../images/ubi.jpg);
	height:128px;
	width:128px;
	margin-right:5px;
}

.petit_img2{
	float:left;
	background-image:url(../images/presentation.gif);
	height:116px;
	width:115px;
	margin-right:5px;
}

.lien_video{
	margin-left:350px;
}

/*********************************************/
/************** Section création *************/
/*********************************************/
#sections{
	margin-left:25px;
	margin-top:10px;
}

.projets{
	font-weight:bold;
}
/*********************************************/
/************** Section site *****************/
/*********************************************/

#site{
	width:200px;
	float:left;
}

#description{
	border-left-style:double;
	padding-left:6px;
	width:190px;
	float:right;
}

#description p{
	text-align:justify;
}

#other{
	width: 250px;
	float:left;
}

#other li{
	display:inline;
}

#description h5{
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
	color:#266476;
}
/*********************************************/
/************** Section site *****************/
/*********************************************/

.ecran{
	margin-top:10px;
}

.video{
	margin-bottom: 20px;
}

/**************************************/
/************** Content ***************/
/**************************************/

.titre_content{
	margin-top:20px;
	color:#266070;
	margin-bottom:10px;
}

#content{
	margin-left:10px;
	width:450px;
	float:left;
	margin-bottom:20px;
}

.date{
	text-align:right;
	border-bottom-style:groove;
}

.texte{
	margin-top:8px;
	color:#000000;
	text-align:justify;
	font-size:12pt;
	font-family:"times new roman";
	font-weight: normal;
}

#outils li{
	list-style:none;
}

#langue li{
	list-style:none;
}

#editeurs li{
	list-style:none;
}

#langue{
	text-align:right;
	float:right;
}

#editeurs{
	text-align:left;
	float:left;
}

#formu{
	margin-top:20px;
	clear:both;
}
#content a{
	text-decoration:none;
	color:#266476;
}
#content a:hover{
	background-color:#333333;
	color:#FFFFFF;
}

/*************************************/
/************** Footer *****************background-image:url(../images/repeat4.png);
/*************************************/
#footer{
	
	clear:both;
	background-color: #191e1e;
	width:742px;
	height: 50px;
	padding-bottom:20px;
}

.foot{
	padding-top:15px;
	text-align:center;
	color:#FFFFFF;
}

.foot a{
	text-decoration:none;
	color:#FFFFFF;
}

.foot a:hover{
	text-decoration:none;
	background-color:#FFFFFF;
	color:#46A7BA;
}