/* ------------------------------

			Environnement Web
			Tous droits réservés

------------------------------ */

* {
	margin: 0;
	padding: 0;
}

body {
	clear: both;
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: center; /* compatibilité avec IE 5 */
}

h1 {
	font-weight: bold;
	font-size: 12px;
	color: #15326b;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #15326b;
	text-transform: uppercase;
}

h2 {
	clear: both;
	font-weight: bold;
	font-size: 11px;
	color: #15326b;
}

p {
	color: #15326b;
}

ul, ol {
	list-style-position: inside;
	list-style-type: disc;
	color: #15326b;
}

a {
	color: #15326b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	clear: both;
	visibility: hidden;
	margin: 20px 0;
}




/* Structure globale */

#global {
	position: relative;
	width: 850px;
	margin: 0 auto 8px auto;
	text-align: left;
	background: url(images/contenu-haut.jpg) 0 229px no-repeat;
}

#entete {
	position: relative;
	height: 197px;
	background: url(images/header.jpg) top left no-repeat;
}

#menu {
	position: relative;
	height: 32px;
	/*overflow: hidden;*/
	background: url(images/menu-bg.jpg) top left repeat-x;
	z-index: 1;
}

#corps {
	position: relative;
	/*min-height: 280px;*/
	padding: 51px 18px 20px 18px;
	background: url(images/contenu-bas.jpg) bottom right no-repeat;
}

#pied {
	position: relative;
	height: 30px;
	overflow: hidden;
	border-top: 1px solid #072258;
	background: url(images/footer.jpg) top left no-repeat;
}

#signature {
	position: relative;
	width: 850px;
	margin: 0 auto 20px auto;
	padding-top: 8px;
	text-align: right;
	font-size: 10px;
}

#signature a {
	color: #999;
}

#signature a:hover {
	color: #555;
	text-decoration: none;
}

#signature a span {
	padding: 10px 0 4px 18px;
	background: url(images/environnement-web.jpg) center left no-repeat;
}





/* Structure de l'entête */

#entete h1 {
	position: relative;
	width: 200px;
	height: 140px;
	top: 28px;
	left: 50px;
	border: 0;
	padding: 0;
}

#entete h1 a {
	display: block;
	width: 200px;
	height: 140px;
}

#entete h1 a span {
	display: none;
}

#slogan {
	position: absolute;
	top: 0;
	left: 271px;
	width: 253px;
	height: 197px;
}




/* Structure du menu */

#menu ul {
	margin-left: 63px;
	list-style: none;
}

#menu li {
	position: relative;
	display: block;
	float: left;
	width: 122px;
	margin-right: 1px;
}

#menu li a {
	display: block;
	width: 122px;
	height: 30px;
	margin-top: 1px;
	background: #fff600 url(images/menu-elt.jpg) 0 0 no-repeat;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

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

#menu li#menu-accueil a:hover {
	background-position: 0 -30px;
}

#menu li#menu-programmes a {
	background-position: -123px 0;
}
#menu li#menu-programmes a:hover {
	background-position: -123px -30px;
}

#menu li#menu-actualites a {
	background-position: -246px 0;
}
#menu li#menu-actualites a:hover {
	background-position: -246px -30px;
}

#menu li#menu-infos-locales a {
	background-position: -246px 0;
}
#menu li#menu-infos-locales a:hover {
	background-position: -246px -30px;
}

#menu li#menu-evenements a {
	background-position: -369px 0;
}
#menu li#menu-evenements a:hover {
	background-position: -369px -30px;
}

#menu li#menu-partenaires a {
	background-position: -492px 0;
}
#menu li#menu-partenaires a:hover {
	background-position: -492px -30px;
}

#menu li#menu-contact a {
	background-position: -615px 0;
}
#menu li#menu-contact a:hover {
	background-position: -615px -30px;
}

#menu #sous-menu-actualites {
	position: absolute;
	top: 31px;
	left: -64px;
	width: 122px;
	border: 1px solid #072257;
}

#menu #sous-menu-actualites a {
	text-transform: none;
	letter-spacing: -1px;
}




/* Structure du pied de page */

#pied p {
	line-height: 30px;
	text-align: center;
	color: #fff600;
}

#pied a {
	color: #fff600;
}



/* Structure du corps */

#colonne-gauche {
	position: relative;
	float: left;
	width: 177px;
	margin-right: 17px;
}

#colonne-droite {
	position: relative;
	float: left;
	width: 177px;
}

.contenu {
	position: relative;
	float: left;
}

#contenu-3-colonnes {
	width: 426px;
	margin-right: 17px;
}

.precisions {
	font-style: italic;
	color: #0056ff;
}

.paragraphe {
	margin-bottom: 16px;
}

.module {
	position: relative;
	background: #ececec url(images/module-bas.jpg) bottom left no-repeat;
	padding: 20px 8px 16px 8px;
	margin-bottom: 20px;
}

.module h3 {
	margin: -20px -8px 0 -8px;
	padding: 7px 0 20px;
	color: #15326b;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	background: #afd9f0 url(images/module-haut.jpg) bottom left repeat-x;
}

.module .mod-precisions,
.module .mod-precisions a {
	color: #a7a7a7;
}

.module .mod-description {
	margin-top: 8px;
}

.module .mod-participation {
	text-align: center;
	margin-top: 6px;
}

.module img.mod-illustration {
	position: absolute;
	border: 0;
}

.module .liste-liens li {
	margin: 6px 0;
}

.module .player-audio-single {
	margin-top: 8px;
}


/* Cas particuliers / Modules */

#a-l-antenne h3 {
	padding-left: 45px;
}

#a-l-antenne .mod-illustration {
	top: -7px;
	left: 3px;
}

#a-venir {
	margin-top: 44px;
}

#a-venir h3 {
	padding-left: 30px;
}

#a-venir .mod-illustration {
	border: 0;
	top: -37px;
	left: -5px;
}

#jeux-en-cours img {
	border: 1px solid #786e4b;
	margin: 6px auto;
}

#jeux-en-cours .mod-description {
	margin-top: 2px;
}

#jeux-en-cours .mod-participation {
	text-transform: uppercase;
	font-weight: bold;
}

#jeux-en-cours h3 {
	padding-left: 34px;
}

#jeux-en-cours .mod-illustration {
	border: 0;
	top: -16px;
	left: 1px;
}

#flash-info {
	border-top: 5px solid #14336c;
	background: #ececec url(images/flash-info.gif) 11px center no-repeat;
	margin-bottom: 16px;
	padding: 10px 10px 10px 194px;
	font-size: 12px;
}

#flash-contenu {
	min-height: 32px;
}

#flash-info h2 {
	font-size: 12px;
}

#flash-info .waiting {
	background: url(images/loader.gif) center no-repeat;
}

#partenaires a.lien-image {
	display: block;
	max-width: 162px;
	margin: 6px auto;
	text-align: center;
}

#partenaires img {
	border: 1px solid #786e4b;
	margin: 0 auto;
}

#interviews-exclusives .cadre-img,
#pleins-feux .cadre-img {
	display: block;
	max-width: 162px;
	margin: 6px auto;
	text-align: center;
}

#interviews-exclusives img,
#pleins-feux img {
	border: 1px solid #786e4b;
	margin: 0;
}

#infos-pratiques h3 {
	padding-left: 30px;
}

#infos-pratiques .mod-illustration {
	border: 0;
	top: -16px;
	left: 2px;
}


/* Cas particuliers / Hits */

#wrapper {
	height: 20px;
}

.hits {
	font-size: 13px;
	margin: 3px 0;
	background: #efefef;
}

.hits .numerotation {
	font-size: 18px;
	color: #35bcf4;
	padding: 8px;
	vertical-align: middle;
}


/* Cas partuculiers / Infos locales */

.player-info-locale {
	float: right;
	width: 162px;
	height: 20px;
	border: 2px solid red;
}


/* Cas particuliers / Programme / Emissions / Animateurs */

#jour1,
#jour2,
#jour3 {
	position: relative;
	float: left;
	width: 266px;
	border: 1px solid #072258;
	margin-right: 5px;
}

#jour3 {
	margin-right: 0;
}

.nom-jour {
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	background: #072258 url(images/programme-jour.jpg) bottom left repeat-x;
}

.nom-jour .suivant,
.nom-jour .precedent {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(images/programme-navigation.jpg);
}

.nom-jour .suivant {
	float: right;
	background-position: top right;
}
.nom-jour .suivant:hover {
	background-position: bottom right;
}

.nom-jour .precedent {
	float: left;
	background-position: top left;
}
.nom-jour .precedent:hover {
	background-position: bottom left;
}

.nom-jour .suivant span,
.nom-jour .precedent span {
	display: none;
}

.emission {
	background: #efefef;
	border-bottom: 1px solid #afd9f1;
	padding: 4px 0;
}

.emission .horaires {
	float: left;
	width: 48px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 14px;
	color: #67aacf;
}

.emission .affiche-emission {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	margin: 5px;
	background: url(images/programme-details.jpg) top left no-repeat;
}

.emission .affiche-emission:hover {
	background-position: bottom left;
}

.emission h1 {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 28px;
}

.emission .emission-details {
	position: relative;
	margin-top: 4px;
	padding: 6px;
	background: #afd9f1;
}

.emission .emission-img {
	position: relative;
	float: left;
	margin-right: 6px;
	border: 1px solid #ccc;
}

.emission .emission-animateurs {
	clear: left;
	margin-top: 6px;
	text-align: right;
}

.emission .emission-animateurs p {
	font-weight: bold;
	font-style: italic;
}

.emission .emission-animateurs li,
.details-animateurs li {
	list-style: none;
	margin: 2px 0;
}

.emission .emission-animateurs .anim-img,
.details-animateurs .anim-img {
	vertical-align: middle;
	margin-left: 8px;
	border: 1px solid #ccc;
}

.illustration {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #666;
}

.details-diffusion {
	clear: both;
	float: left;
	width: 210px;
	margin-bottom: 12px;
}

.details-animateurs {
	clear: both;
	float: right;
	width: 210px;
	text-align: right;
	margin-bottom: 12px;
}

.liste-anim-1 {
	clear: both;
	float: left;
	width: 210px;
	margin-bottom: 12px;
}

.liste-anim-2 {
	float: right;
	margin-bottom: 12px;
	width: 210px;
}

.liste-anim-1 li,
.liste-anim-2 li {
	list-style: none;
	margin: 2px 0;
}

.liste-anim-1 .anim-img,
.liste-anim-2 .anim-img {
	vertical-align: middle;
	margin-right: 8px;
	border: 1px solid #ccc;
}

#programme-pdf {
	display: block;
	width: 252px;
	margin-top: 18px;
	padding: 3px 4px 3px 28px;
	font-size: 13px;
	background: url(images/programme.gif) center left no-repeat;
}

#programme-pdf:hover {
	color: #2ebbff;
	text-decoration: none;
}



/* Cas particuliers / ITW exclusives / Chroniques Plein Feu */

.player-audio-itw,
.player-audio-chr {
	float: right;
	margin-bottom: 12px;
	width: 210px;
}


/* Cas particuliers / Jeux / Participation */

.details-participation {
	float: right;
	margin-bottom: 12px;
	width: 210px;
}

a.lien-participation {
	display: block;
	background: #ececec;
	border: 1px solid #ccc;
	padding: 6px 0;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

a.lien-participation:hover {
	background: #e0eaef;
	border-color: #a8c1cf;
}

.form-participation {
	clear: both;
	padding: 10px;
	background: #ececec;
	margin-top: 10px;
}

.field {
	clear: both;
	margin: 0 0 4px 0;
}

.demi-field {
	clear: none;
	float: left;
	width: 190px;
	padding-right: 10px;
}

.input {
	display: block;
	padding: 2px;
	font-weight: 11px;
	border: 0;
	border-bottom: 1px solid #ccc;
	width: 380px;
}

.demi-input {
	width: 180px;
}

.field-submit {
	padding-top: 10px;
	margin-bottom: 0;
}

.submit {
	margin: 12px 0;
	display: block;
	color: #14336c;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 6px 0;
	width: 384px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}

.participation-impossible {
	clear: left;
	color: #fc0814;
	font-weight: bold;
}


/* Cas particuliers / Partenaires */

.partenaire {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
}

.partenaire h2 {
	margin-bottom: 4px;
}

.partenaire .illustration {
	margin-bottom: 2px;
}

.partenaire .paragraphe {
	margin-bottom: 4px;
}

.partenaire .lien-complementaire {
	text-align: right;
}

.partenaire .lien-complementaire a {
	padding-left: 20px;
	background: url(images/lien-complementaire.png) center left no-repeat;
}


/* Cas particuliers / Contact */

.form-contact {
	padding: 10px;
	background: #ececec;
	margin-top: 10px;
}

#cryptogram {
	margin-top: 6px;
	border-bottom: 1px solid #ccc;
}

.erreur-form {
	clear: left;
	margin-top: 8px;
	text-align: center;
	border: 1px solid #fc0814;
	padding: 8px;
}

.erreur-form p {
	color: #fc0814;
	font-weight: bold;
}

.confirm-form {
	clear: left;
	margin-top: 8px;
	text-align: center;
	border: 1px solid #4da1cf;
	padding: 8px;
}

.confirm-form p {
	color: #4da1cf;
	font-weight: bold;
}

.label-erreur {
	color: #fc0814;
}

.input-erreur {
	border-bottom-color: #fc0814;
}


/* Classes génériques */

.clearer {
	clear: both;
}

.clear-left { 
	clear: left;
}

.asterisque {
	color: red;
	margin-left: 4px;
}