/* CSS Document */

html, body{
	height:100%;
	width:100%;
}

body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#h-center{
	position:absolute;
	left:50%;
	width:780px;
	height:100%;
	top:0px;
	margin-left:-390px; 
}

#v-center{
	position:absolute;
}

.h-separation{
	height:1px;
	background-image:url(../imgs/h-separation.gif);
	background-repeat:repeat-x;
}

.h-separation-right{
	height:1px;
	background-image:url(../imgs/h-separation-right.gif);
}

.v-separation-top{
	width:1px;
	height:100px;
	background-image:url(../imgs/v-separation-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.v-separation-middle{
	width:1px;
	background-image:url(../imgs/v-separation.gif);
	background-repeat:repeat-y;
}

.v-separation-bottom{
	width:1px;
	background-image:url(../imgs/v-separation-bottom.gif);
	background-repeat:no-repeat;
}

.illustration{
	text-align:center;
}

#main-table{
	width:780px;
}

#main-table td{
	padding:0px;
	margin:0px;
}

#main-table tr{
	padding:0px;
	margin:0px;
}

#logo{
	text-align:center;
	margin-top:3px;
}

#horloge{
	margin-top:2px;
	text-align:right;
	background-image:url(../imgs/bg-horloge.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:194px;
	height:47px;
}

#heure{
	position:absolute;
	text-align:center;
	font-size:11px;
	color:#F9A40E;
	left: 114px;
	top: 84px;
	width: 64px;
}

#date{
	position:absolute;
	text-align:center;
	font-size:10px;
	color:#7F7F7F;
	left: 115px;
	top: 105px;
	width: 80px;
}

#flags{
	position:absolute;
	text-align:center;
	left: 8px;
	top: 105px;
	width: 80px;
}

#menu{
	background-image:url(../imgs/bg-menu.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:194px;
	height:298px;
	text-align:right;
	vertical-align:top;
}

.contenu-menu{
	padding:2px;
}

#menu h1{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
}

#menu h1 a:link{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
	text-decoration:none;
}

#menu h1 a:hover{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
	text-decoration:underline;
}

#menu h1 a:visited{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
	text-decoration:none;
}

#menu h1 a:active{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
	text-decoration:none;
}

#menu h1 a:visited:hover{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	color:#000000;
	text-decoration:underline;
}

.selected{
	background-image:url(../imgs/selected.gif);
	background-repeat:repeat-x;
	width:190px;
	height:14px;
}

#menu h2{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
}

#menu h2 a:link{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
	text-decoration:none;
}

#menu h2 a:hover{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
	text-decoration:underline;
}

#menu h2 a:visited{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
	text-decoration:none;
}

#menu h2 a:active{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
	text-decoration:none;
}

#menu h2 a:visited:hover{
	font-size:10px;
	font-weight:bold;
	margin:0px;
	margin-right:5px;
	color:#FF7200;
	text-decoration:underline;
}

#col-gauche{
	background-image:url(../imgs/carte-afrique-nord.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#texte{
	text-align:left;
	vertical-align:top;
}

.contenu-texte{
	height:100%;
	width:190px;
	overflow:auto;
	padding:2px;
}

.contenu-texte h1{
	font-size:12px;
	margin:0px;
}

.contenu-texte h2{
	font-size:11px;
	margin:0px;
	color:#FF7200;
}

.contenu-texte-2cols{
	height:100%;
	width:380px;
	overflow:auto;
	padding:5px;
	text-align:left;
}

.contenu-texte-2cols h1{
	font-size:12px;
	margin:0px;
}

.contenu-texte-2cols h2{
	font-size:11px;
	margin:0px;
	color:#FF7200;
}

.contenu-texte-2cols h3{
	font-size:10px;
	margin:0px;
	color:#999999;
}

#programmes{
	text-align:left;
	vertical-align:middle;
}

.contenu-programmes{
	padding:2px;
}

#programmes h1{
	font-size:11px;
	margin:0px;
	color:#666666;
}

#forum a:link{
	font-size:11px;
	margin:0px;
	color:#666666;
	text-decoration:none;
}

#forum a:hover{
	font-size:11px;
	margin:0px;
	color:#666666;
	text-decoration:underline;
}

#forum a:active{
	font-size:11px;
	margin:0px;
	color:#666666;
	text-decoration:none;
}

#forum a:visited{
	font-size:11px;
	margin:0px;
	color:#666666;
	text-decoration:none;
}

#forum a:visited:hover{
	font-size:11px;
	margin:0px;
	color:#666666;
	text-decoration:underline;
}

#programmes h2{
	font-size:10px;
	margin:0px;
}

#programmes ul{
	margin-top:0px;
	margin-bottom:0px;
}

#programmes li.orange{
	color:#FF7200;
	font-size:9px;
	list-style-type:none;
	margin-bottom:10px;
}

#programmes li a:link{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#programmes li a:hover{
	color:#FF7200;
	font-size:9px;
	text-decoration:underline;
}

#programmes li a:active{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#programmes li a:visited{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#programmes li a:visited:hover{
	color:#FF7200;
	font-size:9px;
	text-decoration:underline;
}

#forum ul{
	margin-top:0px;
	margin-bottom:0px;
}

#forum li a:link{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#forum li a:hover{
	color:#FF7200;
	font-size:9px;
	text-decoration:underline;
}

#forum li a:active{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#forum li a:visited{
	color:#FF7200;
	font-size:9px;
	text-decoration:none;
}

#forum li a:visited:hover{
	color:#FF7200;
	font-size:9px;
	text-decoration:underline;
}

#csa{
	text-align:right;
	vertical-align:middle;
}

#partenaires{
	background-image:url(../imgs/bg-partenaires.jpg);
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:top;
}

#actu{
	text-align:left;
	vertical-align:top;
}

#smallTable{
	font-size:10px;
}

#smallTable td{
	padding:5px;
	margin:5px;
}

#calendrierTable{
	font-size:10px;
}

#calendrierTable td{
	padding:0px;
	margin:0px;
}


.news{
	margin:5px;
	margin-right:10px;
	width:174px;
	font-size:10px;
	height:120px;
	text-align:justify;
}

.news h1{
	margin:0px;
	font-size:10px;
	font-weight:bold;
	color:#FF7200;
	text-align:left;
}

.news a:link{
	text-decoration:none;
	color:#000000;
}

.news a:hover{
	text-decoration:underline;
	color:#000000;
}

.news a:active{
	text-decoration:none;
	color:#000000;
}

.news a:visited{
	text-decoration:none;
	color:#000000;
}

.news a:visited:hover{
	text-decoration:underline;
	color:#000000;
}

#fenetreNews{
	height:120px;
	width:194px;
	overflow:hidden;
	position:relative;
	top:0px;
	left:0px;
}

#moduleNews{
	font-size:12px;
	margin-left:5px;
	position:absolute;
}

.smallText{
	font-size:9px;
}
#conteneurvid {
position: absolute;
width: 460px;
height: 420px;
line-height:9pt;
left: 9px;
top:10px;
padding: 10px 10px;
background-color: white;
}

#conteneurvid h1 {
font-family: Verdana, Tahoma, Arial, sans-serif;
margin-top: 0;
padding: 0;
font-size: 12px;
color: #FF9900;
font-weight: bold;
}

#conteneurvid p.p1 {
margin-left: 400px;
margin-top: 20px;
padding:0;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color: #FF7200;
}