/*
Theme Name: TV5Monde
Theme URI: http://www.TV5Monde.org
Description: Theeme for TV5Monde5
Version: 1.0
*/

/*--- Table of Contents ---

0 - CSS Global Reset
1 - Common
2 - Layout
3 - Header
4 - Nav bar
5 - Body
6 - Footer


--------------------------*/

/*---- 0 CSS Global Reset----*/
* {
	margin: 0;
	padding: 0;
}
img { border:0}
.body2{
	padding:0px; 
	margin:0px;
	background:url("../images/img_bodyBg.gif") 0 0 repeat-y #fff; color:#1d5587; 
	
	font:13px "Arial",Helvetica Neue,Trebuchet MS;
}

/*----1 Common----*/
.left{float:left;}
.right{float:right;}

/*----2 Layout----*/
#mainWrap{
margin:0 auto;
}
#subWrap{
	width:971px; 
	position:relative;
	background:url("../images/img_slideBg.gif") no-repeat center top;
	float:left;
	
}

/*----3 Header----*/
#header, #header2 { 
	height:68px; width:971px;
	background:url("../images/img_header1.jpg") no-repeat;
	float:left;
}
#header2 { 
	background:url("../images/img_header2.jpg") no-repeat;
}
#header h1, #header2 h1{
	text-indent:-989898px;
}
#invitations{
	height:27px; width:971px;
	float:left;
	clear:both;
}
#invitations span{
	font-weight:bold;
}
#invitations p{ font-size:11px; color:#000567; padding:6px;}
/*----4 Nav bar----*/
#navBar{
	width:900px; height:52px;
	float:left;
	/*background-color:#0099FF;*/
	position:absolute;
	top:30px; left:70px;
}
#menu{
	list-style: none;
	padding: 0;
	margin: 0;
	height: 52px;
}

/*----5 Body----*/
#tagline, #tagline2{
	width:971px; height:95px;
	margin:0 0 5px 0;
	background:url("../images/img_tagline.gif") #0066cc no-repeat left;
	float:left;
	position:relative;
}
#tagline h1, #tagline2 h1{
	width:517px;
	font-size:22px;
	color:#fff;
	position:absolute;
	top:20px; left:237px;	
}
#tagline2 h1{
	width:597px;
	top: 20px;
	left:207px;	
}
#content{
	width:971px;
	/*margin:5px 0 0 0;*/
	padding:0 0 5px 5px;
}
#sidebar{
	width:290px;
	background-color:#ebebeb;
	float:left;
}
#sidebar p{
	margin:20px 10px 50px 10px;
	color:#1d5587;
	font-size:12px;
}
#sidebar span{
	font-weight:bold;
}
#video{
	width:279px; height:233px;
	margin:5px;
}
#slideshow{
	width:680px; height:358px;
	margin:5px 0 0 0;
	float:left;
}
#invitation, #invitation2{
	width:560px; height:127px;
	margin:20px 0 0 65px;
	background:url("../images/img_invitationBg.gif") no-repeat;
	float:left;
}
#invitation h1, #invitation2 h1{
	width:510px;
	margin:20px 0 0 20px;
	font-size:13px;
}
#invitation2 h1{
	margin:15px 0 0 15px;
}
#invitation p, #invitation2 p{
	width:510px;
	font-size:12px;
	margin:5px 0 0 20px;
}
#invitation2 p{
	margin:5px 0 0 15px;
}
#mobileWidget{
	width:570px; height:298px;
	margin:12px 0 0 60px;
	padding:0 0 0 21px;
	background:url("../images/img_roundBoxLeft.gif") no-repeat left top;
	float:left;
}
#roundBoxBody{
	width:525px; height:298px;
	padding-top:20px;
	background:url("../images/img_roundBoxBg.gif") repeat-x;
	float:left;
}
#roundBoxBody span{ font-weight:bold;}
.span2{ font-style:italic}
#roundBoxBody div, .div2, .div3{
	width:240px; height:29px;
	padding:2px 0 0 2px;
	background:url("../images/bg_txtbox.gif") no-repeat;
}
.div2{
	width:78px !important;
	background:url("../images/bg_txtbox2.gif") no-repeat !important;
	float:left;
}
.div3{
	width:154px !important;
	margin-left:5px;
	padding-left:2px !important;
	background:url("../images/bg_txtbox3.gif") no-repeat !important;
	float:left;
}
.field{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-size: 15px;
	color: #000000;
}
.error{
	font-weight: bold;
	font-size: 13px;
}
#roundBoxBody div input, .input2, .input3{
	width:221px; height:20px;
	border:0; background-color:transparent;
	padding:5px 10px 0 5px;
	color:#1d5587;
}
.input2{
	width:58px !important;
}
.input3{
	width:135px !important;
}
#roundBoxRight{
	width:21px; height:298px;
	background:url("../images/img_roundBoxRight.gif") no-repeat;
	float:left;
}
/*----6 Footer----*/
#footer{
	height:120px; width:971px;
	margin-top:12px;
	background:url("../images/img_footerBg.gif") repeat-x;
	float:left;
	position:relative;
}
#footerNav{
	display:block;
	position:absolute;
	top:50px; left:300px
}
#footerNav li{
	padding:0 0 0 10px;
	list-style-type:none;
	font-size:12px;
	float:left;
	color:#25a0d9;

}
#footerNav li a{ color:#25a0d9; text-decoration:none;}
#footerNav li a:hover{ color:#0e82b8; text-decoration:underline;}