/* Copyright © 2010 Designed by TUNINFOFORYOU */

/* Tunisia Events */

* {
	margin:0;
	padding:0;
}
body {
	background: #353535;
	background-position: center;
	color: #e4e4e4;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align:center;
}
/* global */
	
#global {
	width:1016px;
	background:#000 url(../img/bg.jpg) repeat-y;
	height:1120px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#global_haut {
	
}
/* logo */

#logo {
	float:left;
	margin-top:33px;
	margin-left:20px;
	
}
/* sous header */

#s_header {
	margin-left:168px;
}
/* menu */

#menu {
	background-image:url(../img/bg_menu.png);
	background-repeat:no-repeat;
	width:836px;
	height:95px;
}
#menu li {
	float:left;
	list-style:none;
}

#menu ul{
	margin-left:70px;
	}
	
#menu li img {
	margin-left:7px;
	margin-right:7px;
}

@font-face {
	font-family: "Eras Demi ITC";	
	src: url("../fonts/ERASDEMI_1.TTF");
}

#menu li h4, #menu li a {
	font-family:"Eras Demi ITC";
	font-size:14px;
	color: #e4e4e4;
}

#menu li h4 {
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}

#menu li a {
	text-decoration:none;
}

/* slogan */

#slog{
	float:left;
	margin-left:22px;
	}
	
/* recherche */

#user{
	margin-left:510px;
	padding-top:70px;
}

#recherche{
	float:left;
	}
	

	
#recherche img{
	position:absolute;
	}
	
#recherche input{
	width:200px;
	height:17px;
	margin-left:26px;
	background-color:#353535;
	border:2px #636262 solid;
	color:#bebdbd;
	font-family:Tahoma, Geneva, sans-serif;
	}
	
marquee li{
	margin-bottom:8px;
	list-style-type: disc;
	}
	
#flag{
	}

#flag img{
	margin-top:5px;
	margin-right:4px;
	margin-left:7px;
	}
	
/* Contenu */

#bloc_haut_left{
	float:left;
	margin-left:20px;
	}
	
#bloc_haut_right{
	height:421px;
	}
	
#bloc_haut_right img{
	margin-bottom:8px;
	margin-left:14px;
	}
	
#news{
	background-image:url(../img/news.jpg);
	background-repeat:no-repeat;
	width:430px;
	height:150px;
	margin-left:577px;
	padding:3px 13px;
	}
	
#news h2{
	font-family: "Century Gothic";
	font-size:22px;
	color:#d8ae00;
	margin-bottom:0px;
	margin-top:10px;
	font-weight:lighter;
	float:left;
	}
	
#news marquee{
	margin-left:10px;
	margin-top:18px;
	margin-bottom:18px;
	}
	
.cont{
	margin-top:18px;
	margin-left:100px;
	}

#news a{
	text-decoration:none;
	color: #e4e4e4;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:pointer;
	}
	
#bloc_bas{
	margin-left:20px;
	}
	
#bloc_bas p{
	text-align: justify;
	padding-left:7px;
	height:50px;
	width:218px;
	}
	
#bloc_bas h1{
	font-family:"Century Gothic";
	font-size:22px;
	font-weight:lighter;
	}
	
#bloc_bas img{
	margin:10px 6px 8px;
	}
	
#bloc_1{
	float:left;
	margin-right:25px;
	width:225px;
	}
	
#bloc_2{
	float:left;
	margin-right:25px;
	width:225px;
	}
	
#bloc_3{
	float:left;
	margin-right:25px;
	width:225px;
	}
	
#bloc_4{
	float:left;
	width:225px;
	}
	
.savoir{
	margin-top:7px;
	margin-left:156px;
	}
	
.savoir a{
	color:#d8ae00;
	}
	
#separ{
	margin-left:20px;
	margin-bottom:6px;
	}
	
#footer{
	margin-top:310px;
	}	
	
#separ_bas1{
	margin-top:35px;
	margin-left:20px;
	width:440px;
	float:left;
	}
	
#separ_bas2{
	margin-top:35px;
	width:440px;
	float:left;
	}
	
#years{
	float:left;
	width:87px;
	}
	
#menu_bas{
	margin-top:25px;
	margin-left:23px;
	}
	
#menu_bas a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	margin-right:7px;
	margin-left:7px;
	}
	
#menu_bas ul{
	width:430px;
	}
	
#menu_bas li{
	list-style:none;
	display:inline;
	}
	
#copyright{
	margin-top:25px;
	margin-left:150px;
	}
	
#copyright a{
	color: #e4e4e4;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	}
	
/* programmes */

#bloc_prog{
	padding-left:77px;
	height:720px;
	_height:380px;
	_padding-left:55px;
	_margin-top:340px;
}

#prog1{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-4.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
	
}

#prog1:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-4-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
}

#prog2{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-3.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
	_margin-left:320px;
}

#prog2:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-3-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
	_margin-left:320px;
}

#prog3{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-6.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
	_margin-left:640px;
}

#prog3:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-6-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	_position:absolute;
	_margin-top:-330px;
	_margin-left:640px;
}

#prog4{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-5.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
}

#prog4:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-5-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
}

#prog5{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-9.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
	_margin-left:320px;
}

#prog5:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-9-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
	_margin-left:320px;
}

#prog6{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-7.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
	_margin-left:640px;
}

#prog6:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-7-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:-100px;
	_margin-left:640px;
}

#prog7{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-2.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
}

#prog7:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-2-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
}

#prog8{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-8.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
	_margin-left:320px;
}

#prog8:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-8-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
	_margin-left:320px;
}

#prog9{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
	_margin-left:640px;
}

#prog9:hover{
	width:230px;
	height:200px;
	background-image:url(../medias/vignette-1-1.png);
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	margin-right:70px;
	margin-top:30px;
	_position:absolute;
	_margin-top:130px;
	_margin-left:640px;
}

.test{
	width:113px;
	_width:116px;
}

#seq{
	width:180px;
	float:left;
	padding-left:60px;
}

#seq img{
	margin-top:11px;
	border:#999999 solid 6px;
}

#seq img:hover{
	margin-top:11px;
	border:#fff solid 6px;
}