/* CSS Document */
body{background-image:url(../imgs/interface/interieur.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000000; margin-top:0; text-align:center; }
div, p, form, h1, h2, h3,td ,tr {margin:0px; padding:0px; color: #FFFFFF; font-family:Arial; font-size:12px;}
p a:hover, a{ color: #FFFFFF; font-family:Arial; font-size:12px;}
/* principal */
#main{margin-left:auto; margin-right:auto; width:780px;}
#bandeau{width:468px; height:60px; margin-bottom:19px; margin-left:auto; margin-right:auto;}
/* tete menu pricipal */
#tete{ height:110px;}
#logo{ width:200px; margin:15px 20px 15px 0; float:left;}
.bouton{width:183px; float:left;}
/* corps */
#corps{ padding-top:20px; text-align:left;}
#corps #centre{width:445px; float:right; }
#corps #droit{width:306px; float:right;}

/* home */
#tete-home{ height:128px;}
#logo-home{ width:282px; margin:40px 0px 0px 0; float:left;}
.bouton-home{width:183px; margin-left:17px; float:left;}
#corps-home{ padding-top:7px; text-align:left;}
#box-home{ padding-left:68px;}
	/* liste */
#box-home-info{ text-align:center; padding-top:23px;}
#box-home-entete{ width:403px; height:28px;}
#info-home{ width:410px; height:185px; min-height:185px; text-align:left; background-image:url(../imgs/interface/info-home-fond.jpg); background-position:left top; background-repeat:no-repeat; margin-left:185px;}
#list-home{ width:391px;margin-left:12px;}
#list-home #detail-home{margin-left:25px;}


/* corps video et radio */
#titre{height:20px; padding-left:25px;}
#tv{width:410px; height:306px; margin:0 0 0 0; padding:0 0 0 0; background-image:url(../imgs/interface/tv-fond.jpg); background-repeat:no-repeat; background-position:center;}
	/* information */
#info{ width:410px; text-align:left; margin-top:8px; background-image:url(../imgs/interface/tv-info.jpg); background-position:left top; background-repeat:no-repeat;}
#box-info-tr{ width:400px;  height:20px; background-color:#404040;}
#box-info{width:400px; background-color:#646464;}
	/* menu */
#menu{ width:288px; text-align:left; background-image:url(../imgs/interface/menu-fond.jpg); background-position:left top; background-repeat:no-repeat; margin-left:10px;}
#box-menu-entete{ width:280px; height:30px; background-color:#404040;}
#box-menu-tr{ width:280px; height:20px; background-color:#404040;}
#box-menu{width:280px; background-color:#646464;}
#box-menu ul {margin:0 0 0 0; padding:0 0 0 15px; list-style:none;}
#box-menu ul a{margin:0 0 0 0; padding:0 0 0 0px; text-decoration:none;}
#box-menu ul a:hover{text-decoration:underline;}

/* corps actualité */
#retour{}
	/* fiche */
#fiche{}
#fiche #detail{}
#urls{}

	/* liste */
#list{ }
#detail{ padding-left:30px;}
.savoirplus a{padding-left:12px; font-size:10px; font-style:italic; text-decoration:none;}
.savoirplus {background-image:url(../imgs/interface/fleche.gif); background-repeat:no-repeat; background-position:left; }

/* corps page texte */
#info-txt{ width:600px; text-align:left; margin-top:8px; padding-left:170px;}
#box-info-txt-tr{ width:400px;  height:20px; background-color:#404040;}
#box-info-txt{width:400px; background-color:#646464;}

.boxin{padding:5px 15px 5px 15px}

h1{background-image:url(../imgs/interface/boulette-wannel.gif); background-position:left; background-repeat:no-repeat; font-weight:bold; padding-left:20px; line-height:20px; margin-left:10px; font-size:16px;}
h2{background-image:url(../imgs/interface/boulette.gif); background-position:left; background-repeat:no-repeat; font-weight:bold; padding-left:18px; line-height:18px;}
h3{font-weight:bold; padding-left:18px; line-height:18px;}

/* nav pied de page */
#pied{ overflow:visible; font-family: Arial; font-size: 11px; padding-top:4px; margin-top:20px;}
#pied a{ color:#FFFFFF; text-decoration:none; }
#pied a:hover, #pied u{ color:#FFFFFF; text-decoration:underline; }
/* Cacher les éléments pour print */
#print-piedpage{ font-family: Verdana; font-size: 11px; color: #FFFFFF; padding-bottom:5px; text-decoration:none;}
#print-tetepage{ display:none;}

/* mise en forme */
.hr{ display:block;clear:both; font-size:0px;}
.sep-2{ height:2px; clear:both; font-size:2px; }
.sep-3{ height:3px; clear:both; }
.sep-6{ height:6px; clear:both; }
.sep-10{ height:10px; clear:both; font-size:10px;}
.sep-15{ height:15px; clear:both; }
.sep-20{ height:20px; clear:both; font-size:20px;}
.sep-40{ height:40px; clear:both; }
.sep-60{ height:60px; clear:both; }
.sep-120{ height:120px; clear:both; }
/*////////////////////////////*/