/* CSS Document */
*{margin:0;padding:0;}
ul {list-style-type: none;}
img {border:none;}
body{
	font-family:Verdana,Arial,"sans ms";
	font-size:14px;
	width:100%;
	/*line-height: 0;*/
}

div.clearer{clear:both;}
.hidden {display: none;}
div#page {
	position:relative;
	width:1100px;
	height:1600px;
	margin : 0 auto;
	/*line-height: 1em;*/
	/*background:url(imgs/fond.jpg) top left no-repeat;*/
}

#header {height: 159px;background:url(imgs/header.png) top left no-repeat;}

/*HEADER GCO */
a#lien-accueil {
position: absolute;
left: 10px;
top: 14px;
width: 314px;
height: 145px;
}

h1 {
margin: 0;
padding: 0;
display: none;
}
/*FIN HEADER GCO */

#player {height: 355px;}

#player img {
	display : block;
	width : 1100px;
	margin : auto;
}

#infoPlayer {/*height: 270px;*/}

#infoPlayer div	{float:left;margin:10px;}
div.pub			{visibility: hidden;width:250px;height:250px;background-color:#828282;}

div.resume		{width:560px;height:210px;overflow: auto;}
div.resume p img	{float:left;margin-right:10px;width: 120px;height: 96px;}
div.resume p		{padding-top:0px;font-size:12px;}


div.themes		{width:228px;height:210px;}
h3.titre		{font-size:14px;font-weight:bold;}

ul.themes{margin:15px 0 0 2px;}
ul.themes li{float:left;width:220px;}
ul.themes a		{
	font:bold 12px Arial;
	color:#0098e4;
	text-decoration:none;
	display:block;
	height:17px;
	background:url(imgs/puceLien.gif) left top no-repeat;
	padding-left:22px;

}

div#motsclefs {display:none;}

div.resume #urlform {
clear: both;
font-size: x-small;
margin: 10px 0 10px 0px;
}

div.resume #urlform input {
color: #999999;
border : 1px solid #999999;
vertical-align:middle;
background-color : #ffffff;
width: 400px;
font-size:8px;
}

/*METEO*/

#infoPlayer div#meteo {font-size:12px;font-family: arial;margin:9px 0 0 0;}
#infoPlayer div#ville {float: left; margin : 2px 0 2px 0;}
#infoPlayer div#meteo div#infos {width: 137px;margin : 2px 0 2px 0;clear: both;}
#infoPlayer div#meteo div#conditions, #infoPlayer div#meteo div#icon, #infoPlayer div#meteo div#temp, #infoPlayer div#meteo div#wind, #infoPlayer div#meteo div#sun {margin: 2px 0 2px 0;}
#infoPlayer div#meteo div#icon {clear: both;}
#infoPlayer div#meteo div#wind, #infoPlayer div#meteo div#temp {font-size: 10px;line-height: 10px;margin:0;}




#navigation {
	width: 1100px;
	padding:0;
	margin-top:5px;
	margin-top:5px !important!;
	background:url(imgs/naviBckgnd.gif) repeat-x 0 -1px;
}

ul#menu{width:1063px;margin:0 auto 0px auto;}

ul#menu li {float:left;height:42px;}

ul#menu a { 
	display:block;
	height:36px;
	font:bold 16px Verdana;
	text-decoration:none;
	text-align:center;
	padding-top:6px;
	color:#000;
}
ul#menu a.une		{width:126px;background:url(imgs/lien1.jpg) left top;}
ul#menu a.deux	{width:155px;background:url(imgs/lien2.jpg) left top;}
ul#menu a.trois	{width:155px;background:url(imgs/lien3.jpg) left top;}
ul#menu a.quatre	{width:155px;background:url(imgs/lien4.jpg) left top;}
ul#menu a.cinq	{width:155px;background:url(imgs/lien5.jpg) left top;}
ul#menu a.six		{width:155px;background:url(imgs/lien6.jpg) left top;}
ul#menu a.sept	{width:156px;background:url(imgs/lien7.jpg) left top;}

ul#menu a:hover	{background-position:0 -43px;color:#000;}


ul#menu li a#selection { 
background-position:0 -86px;
}


ul#sousMenu	{clear:both;width:1061px;margin:0 auto;height:38px;background:url(imgs/sousMenu.jpg) bottom left no-repeat;padding-top: 16px;}
ul#sousMenu li	{display:inline;margin-left : 5px;list-style-type:square;}
ul#sousMenu li a {font-family: verdana;font-size: 20px;text-decoration: none;color:#000;margin: 0 20px 0 10px;}
ul#sousMenu li a:hover {text-decoration: underline; color: rgb(0,0,102);}
ul#sousMenu li a#actif {font-weight: bold;}

ul#sousMenu.une		{background-position:0 -349px;}
ul#sousMenu.deux		{background-position:0 -290px;}
ul#sousMenu.trois	{background-position:0 -232px;}
ul#sousMenu.quatre	{background-position:0 -174px;}
ul#sousMenu.cinq		{background-position:0 -117px;}
ul#sousMenu.six		{background-position:0 -58px;}
ul#sousMenu.sept		{background-position:0 0px;}

div#content 	{
  background:url(imgs/contentBckgnd.gif) top left repeat-x;
	float:left;
	width:1075px;
	padding-left:25px;
}

ul#listeVideos a, ul#listeVideos a:visited {color:#000;text-decoration: none;}
ul#listeVideos a:hover {text-decoration: underline;}

ul#listeVideos li{
	float:left;
	margin-bottom:8px;
	width:100%;
	height:116px;
}
ul#listeVideos li.deux {
background:url(imgs/un.gif) top left no-repeat;}
ul#listeVideos li.trois {
background:url(imgs/deux.gif) top left no-repeat;}
ul#listeVideos li.quatre {
background:url(imgs/trois.gif) top left no-repeat;}
ul#listeVideos li.cinq {
background:url(imgs/quatre.gif) top left no-repeat;}
ul#listeVideos li.six {
background:url(imgs/cinq.gif) top left no-repeat;}
ul#listeVideos li.sept {
background:url(imgs/six.gif) top left no-repeat;}

ul#listeVideos li:hover {background-position:0 -116px;}

ul#listeVideos li *	{float:left;}

ul#listeVideos h3				{height:100%;width:160px;padding: 10px 0 0 10px;}
ul#listeVideos p				{font-size: 12px;height:100px;width:630px;padding:10px 0 5px 0;}
ul#listeVideos span.accroche	{font:bold 16px Arial;display:block;margin-bottom:2px;width:470px;}
ul#listeVideos img			{width:120px;height:96px;margin:0 15px;border: 2px solid #fff;}
ul#listeVideos a#fleche				{
	float:left;
	position:relative;
	display:block;
	width:145px;
	height:100%;
	background:url(imgs/puceLienVideo.gif) 50% 50% no-repeat;
	text-decoration:none;
}
ul#listeVideos a#fleche:hover				{
	background:url(imgs/puceLienVideoHover.gif) 50% 50% no-repeat;
	color : #000000;
}


ul#listeVideos a#gauche				{
	float:left;
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
ul#listeVideos a#gauche:hover			{
	text-decoration:underline;
}

ul#listeVideos a span{
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	font:bold 14px Arial;
	color:#979797;
}
/* MOTEUR DE RECHERCHE */
form#search {
position: absolute;
top: 99px;
right: 378px;
width: 259px;
height: 32px;
float: right;
background:url(imgs/searchBg.gif) 50% 50% no-repeat;
padding : 10px 0 0 30px;
}
form#search input {
background:transparent none repeat scroll 0 0;
border : none;
color: #B0B0B0;
}
form#search input#recherche {
font-size: 16px;
height: 19px;
width: 182px;
float: left;
}

form#search input.btn_submit {
height: 24px;
width: 34px;
margin-left: 10px;
}
#clearer {clear: both;}

#footer {
height: 40px;
margin: -10px 0 0 0;
padding-top: 25px;
list-style-type: none;
font-size: 0.89em;
text-align:center;
background:url(imgs/footer.jpg) top center no-repeat;
}

#footer li {
display:inline;
color: #666666;
}

#footer li a {
color: #ff9900;
text-decoration: none;
}

#footer li a:hover {
color: #006699;
text-decoration: underline;
}


/* Formulaire de contact*/
#contact{
width: 26%;
height: 200px;
float: left;
margin-left: 270px;
}
form#ident label {
float: right;
margin-top: 5px;
}

#contact input.btn_submit {
clear: both;
float: right;
}

#postal{
float: left;
margin-left:50px;
}

#bckg_left_content{
clear: both;
}