/*-----------------------------------------------*/
/*         CSS du site www.radio3dfm.com         */
/*          par kaliope.net - mars 2008          */
/*-----------------------------------------------*/
/*        REMISE A ZERO DES STYLES HTML          */
/*   Thanks to Eric Meyer for the reset tricks   */
/*   http://meyerweb.com/eric/tools/css/reset/   */
/*              v1.0 | 20080212                  */
/*-----------------------------------------------*/
/*   modification CSS et designe par des élèves  */
/*       de L'IUT DE PROVENCE - Site d'Arles     */
/*-----------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, q, a, em, img, small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	color: #000;
	height: 100%; 
	background: #eee url(./bg-contenu.jpg) repeat-y ;
	background-position : 50% 0;
}
#main {
	position: relative;
	min-height: 100%;
	background: url(./header.jpg) no-repeat center top;
}
#footer{	
	width: 100%;
	height: 73px;
	margin-top: 20px;
	background: url(./footer.jpg) no-repeat center;
}
ol, ul { list-style: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------------------------------------------*/
/*           Les styles typographiques           */
/*-----------------------------------------------*/
h1 {
	margin-bottom:0.5em;
	color:#666;
	font-family:Verdana,Times New Roman,Times,serif;
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
}

h2 {
	color:#923811;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}

small { font-size:0.82em; }

.texte { line-height:1.3; }

.soustitre {margin:5px 0; font-style:italic;}

.chapo {margin:5px 0; color:#923811;}

.lien {margin:5px 0;}

/*-----------------------------------------------*/
/*              Les blocs principaux             */
/*-----------------------------------------------*/

#page {
	position:relative;
	width:800px;
	min-height:450px;
	margin: 0 auto;
}

/* Le bloc de contenu principal, sauf la page d'accueil */
#contenu {
	padding-bottom: 10px;
	margin-left:10px;
	line-height: 1.2;
}
#rubrique6{
	min-height: 240px;
}
#contenu .spip_logos {
	border:1px solid;
}

/* Les blocs de contenu de la page d'accueil */

#date {float:left; width:160px; padding-right:15px; text-align:right; }

.droite, .gauche {
	width:400px;
	padding: 5px 5px 0 5px;
	line-height: 1.3;
	text-align:justify;
}

.droite .chapo, .droite .soustitre {
	color:#923811;
	font-family:"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}

.droite h1, .droite .soustitre {
	display:inline;
}

.gauche {
	float:left;
	background:url(hands-up.jpg) 50% no-repeat;
}

/*-----------------------------------------------*/
/*         Menu Animé					        */
/*-----------------------------------------------*/

#menuAnime{
	width: 800px;
	height: 190px;
	background : url("menuFlash.jpg");
	padding : 0;
	margin : 0;
}
/*-----------------------------------------------*/
/*         Menu Animé					        */
/*-----------------------------------------------*/

#visite{
	margin-left: 10px;
	width: 400px;
	height: 400px;
	padding-top: 100px;
	background: url(./visiteguidee.jpg) no-repeat top left black;
	}
#presentation3d{
	margin-left: 10px;
	margin-top: 10px;
	width: 400px;
	height: 100%;
	background: black;
	background: url(./part3d-m.jpg) repeat-y  black;
}
#presentation3d2{
	width: 400px;
	height: 125px;
	background: url(./part3d-h.jpg) top ;
}
#presentation3d3{
	width: 400px;
	height: 25px;
	background: url(./part3d-b.jpg) top ;
}
#partk29{
	float: right;
	margin-right: 10px;
}

#partenaire{
	width: 370px;
	height: 100px;
	background: #d9d9db;
}

#quoi29{
	background: url(./k29-m.jpg) repeat-y  black;
	margin-top: 10px;
	width: 370px;
	height: 100%;
}
#quoi292{
	width: 369px;
	height: 219px;
	background: url(./k29-h.jpg) top ;
}
#quoi293{
	width: 369px;
	height: 25px;
	background: url(./k29-b.jpg) top ;
}
/*-----------------------------------------------*/
/*        Navigation bas rapide			         */
/*-----------------------------------------------*/
#quoi29 h1{
	padding: 5px 0px 0 15px;
	color: white;
	margin-bottom: 0px;
}
#quoi29 h2{
	padding-left: 25px;
	padding-right: 25px;
	color: #e31b1b;
}
#quoi29 .spip_in{
	color: #fae4b4;
}
#quoi29 p{
	color: white;
}
#quoi29 .texte{
	padding: 5px 12px 5px 15px;
	color: white;
}
#quoi29 .chapo p{
	color: #c4c4c4;
}
#quoi29 .soustitre p{
	color: #c4c4c4;
}
#quoi29 small {
 	color: white;
}
#presentation3d h1{
	padding: 5px 0 0 5px;
	color: white;
	margin-bottom: 0px;
}
#presentation3d .spip_in{
	color: #fae4b4;
}
#presentation3d p{
	color: white;
	padding: 5px 12px 5px 15px;
}
#presentation3d .chapo{
	color: #e31b1b;
	padding: 5px 12px 5px 15px;
}
/*-----------------------------------------------*/
/*        Navigation bas rapide			         */
/*-----------------------------------------------*/
#navigation-rapide{
	float: right;
	margin-top: 15px;
	margin-left: 563px;
	height:50px;
	padding-top : 25px;
	width : 240px;
}

#bt-quoi29{
	width: 60px;
	height: 46px;
	margin-top: 10px;
	margin-right: 33px;
	float: right;
}

#bt-visite{
	margin-top: 10px;
	margin-right: 12px;
	float: right;
	width: 60px;
	height: 46px;
}

#bt-partenaire{
	margin-top: 10px;
	margin-right: 12px;
	float: right;
	width: 60px;
	height: 46px;
}


/*-----------------------------------------------*/
/*         Les blocs de navigation du haut         */
/*-----------------------------------------------*/

/* Le logo pour retour à l'accueil */

#entete {
	width: 800px;
	height:140px;
	position: relative;
	padding-top: 0px;
}	
#entete a { text-decoration: none; }

/*  Le menu de navigation, précédé du lien vers le live */
#navigation {
	margin: 0;
	padding: 0;
	top: 0px;
	right:0;
	width:800px;
	font-family: Tahoma, Trebuchet-MS, Arial, Verdana, sans-serif;
	font-weight:bold;
	z-index:01;	
	color: white;
}
/*
#logo{
	width: 150px;
	height: 146px;
	float: left;
	margin-top: 1px;
}*/

.live {
	float: left;
	z-index: 30;
	width:180px;
	height:10px;
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0;
	line-height: 32px;
	
}
.hautp{
	vertical-align: middle;
}
.ecoute{
	color: white;
}
.live a {
	color:white;
	text-decoration:none;
}
.live a:hover {
	color: #fdc8c8;
	text-decoration:none;
}
.live .spip_logos {
	float:right;
	margin:2px 2px 0 0;
}

.live .fluxstream {
	position:absolute;
	top:32px;
	right:0;
	margin:0px 0;
	padding:0px 0;
	font-weight:normal;
	line-height:1.4em;
	background:#fff url(fond_flux.png) bottom left no-repeat;
	z-index:20;
	white-space: normal;
}
.live .fluxstream ul { position:relative; margin:5px 0px; display:block; list-style:none; background-color:transparent; background-image:url(infomaniak_logo.jpg);  background-position:top right;  background-repeat:no-repeat;}

.live .fluxstream ul li {clear:right; color:#A70925; margin-bottom:7px; padding:3px 0 3px 3px; border-top:1px dotted #666; padding-top: 10px;}

.live .fluxstream ul li:first-child {border-top:0 none; padding-top:10px;}

.live .fluxstream ul li a {border:0; color:#A70925}

.live .fluxstream ul li .logo-flux {float:right;}

.live .fluxstream ul li .logo-flux img { vertical-align:middle;}

ul#menulist li ul {
	display:none;
}

ul#menulist li a:hover>ul, ul#menulist li:hover>ul{
	display:block;
	white-space: normal;
}

ul#menulist {
	line-height: 32px;
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style:none;
}

ul#menulist li {
	position:relative;
	display:inline;
	margin: 10px 0 0 0;
	padding: 2px 0;
}

ul#menulist li a{
	padding: 3px 0 9px 8px;
	color: white;
	text-decoration:none;
	line-height:20px;
	border:none;
}

ul#menulist li:first-child a {
	padding-left:0;
	border:none;
}

ul#menulist li a:hover {
	color: #fdc8c8;
	border:none;
}

ul#menulist li ul{
	position:absolute;
	top:25px;
	left:-5px;
	width:90px;
	padding-bottom: 2px;
	/*background-color: #A70925;*/
	z-index:10;
}

ul#menulist li ul.large{
	left:-5px;
	width:160px;
}

ul#menulist ul li {
	display:block;
	margin:0;
	padding:2px 0;
	line-height:1.5em;
	text-align:center;
}

ul#menulist ul li a{
	display:block;
	padding: 0;
	color:#fff;
	font-family: Arial, Trebuchet-MS, Tahoma, Verdana, sans-serif;
	font-weight:normal;
	font-variant:normal;
	text-decoration:none;
	border: none;
}

ul#menulist ul li a:hover {
	color: #facc9f;
	/*background: url(degrade_inv.jpg) 0 100% repeat-x;*/
}

/* Fil d'Ariane */
#hierarchie {
	width:780px;
	padding: 10px;
	font-size: 10px;
}

/* Utilitaires JQuery */
.utilitaires {
	display:block;
	padding: 0 10px;
	font-size: 10px;
	text-align:left;
	color:#A70925;
}

#utilitaires span:hover {
	text-decoration:underline;
	cursor:pointer;
}

.voir, .voir:hover, .deplier, .deplier:hover  {cursor:pointer; cursor:hand;}

.visible { display:block; position:relative; padding:5px 0; line-height: 1.3; }


/* La grille des programmes, et les autres listes dépliantes */
ul.programme li, ul.liste-depliante li{
	line-height:1em;
	padding: 8px 2px 1px;
	/*background:url(fond_programme.jpg) 0 0 repeat-x;*/
}

ul.programme li:first-child, ul.liste-depliante li:first-child{
	background-image:none;
}

ul.liste-depliante li h2 span {
	margin-left:5px;
	font-weight:normal;
}

ul.programme li span.transistor{
	margin-right: 5px;
	padding-right: 50px;
	font-weight:bold;
	background:url(transistor.png) 100% 4px no-repeat;
}

ul.programme li h2, ul.liste-depliante li h2{
	display:inline;
}

ul.programme li .visible{
	margin-left:110px;
}

.spip_logos {float:left; margin:3px 10px 2px 0; }

a.sans-deco {
	margin-left:10px;
	padding:2px 0 5px 30px;
	border:none;
	background:url(picto_live.jpg) 0 0 no-repeat;
}

a.sans-deco:hover, .deplier:hover {
	color:#ED1A3A;
	border:none;
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio a, #documents_joints a {
	border:none;
}

#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
}

#documents_portfolio a {
	margin:5px 10px;
}

#documents_portfolio h2 { margin-bottom: 1em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une )
---------------------------------------------- */
#documents_joints {
	float:right;
	max-width:230px;
	margin:0 0 20px 10px;
}
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: normal; font-style: italic; }
#documents_joints ul { margin: 0; padding: 5px; list-style: none; border: 1px dotted #923811; }
#documents_joints li {
	margin-bottom: 0.4em;
	padding-left:15px;
	background: transparent url(puce.gif) 0 2px no-repeat;
}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-size: 0.82em; font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

.pagination {padding:0 1em; font-size:10px; border-right:1px dotted #923811; border-bottom:1px dotted #923811; border-left:1px dotted #923811; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { clear:left; width:350px; padding-top:1.5em; text-align: left; background:url(hands-up.jpg) 0 0 no-repeat; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset { padding:20px;}

.formulaire_spip legend, .formulaire_spip label { padding-left: 5px; font-style:italic; color:#923811; }

.formulaire_spip .forml { width: 99%; margin:5px 0 10px; padding:2px; font-family: inherit; font-size: inherit; border:1px solid #923811; }

/* Boutons */
.spip_bouton { text-align: right; }

.spip_bouton input {
	padding:2px 10px;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size:1.2em;
	color:#923811;
	border-top:1px solid #923811;
	border-right:2px solid #923811;
	border-bottom:2px solid #923811;
	border-left:1px solid #923811;
	background-color:#fff;
}

.spip_bouton input:hover {
	color:#ED1A3A;
	border-color:#ED1A3A;
}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Pied de page */
#pied {
	margin-top: 30px;
	clear: both;
	margin: auto;
	width: 800px;
	text-align: center;
}
#pied-info{
	position: relative;
	color: white;
}
#pied-info-sommaire{
	position: relative;
	color: white;
	margin-top: 50px;
}
#pied a {
	color: white;
}
#pied a:hover {

	color: #F89E5D;
}

#pied .utilitaires {
}

#pied .utilitaires a {
	border:0;
}

#pied p a { padding:0 5px; color: black; font-size:10px; font-weight:bold }

#pied small { font-size: 0.77em; }


/* Tableaux */
table.spip {
	width:320px;
	margin: 10px 1.5em;
	border: 1px solid #923811;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }

table.spip tr.row_first { border-bottom: 1px dotted #923811; background: none; }

table.spip tr.row_odd { background:#FFF url(fond_programme.jpg) 0 0 repeat-x; }

table.spip tr.row_even { background: #FFF url(fond_programme.jpg) 0 0 repeat-x; }

table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { border-bottom:1px none #A70925; text-decoration: none; color: #A70925; }
a:hover { border-bottom:1px none #A70925; }