body {
margin: 0 ;
padding:0;
font-family: arial, Helvetica, sans-serif;
text-align: center ;
font-size: 12px;
color: #222222;
background-color: #000000;
}

div.preload {display:none;}
div.preload img {display:none;}

/********************************** Eléments génréraux de mise en page **************************************/

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

p{
padding: 0;
margin: 0;
text-align:justify;
}

a {
outline: none;
}

img {
border: none;
}

form {
padding:0;
margin: 0;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.lineheight0{
line-height: 0px;
}

ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.color_bleu {
color : #5baaca;
}

.italic {
font-style:italic;
}

.floatleft {
float: left;
}

.margintop5 {
margin-top: 5px;
}

.color_orange {
color: #f38c3f;
}

/********************************** Fin Eléments génréraux de mise en page **************************************/



#main {
margin:0 auto;
width: 960px;
text-align: left ;
}

#top {
width: 960px;
height: 131px;
background: url(../images/bande_top.jpg) no-repeat ;
}

h1#header {
height:131px;
float: left;
}

h1#header a {
width: 182px ;
height: 111px ;
margin-top: 10px;
margin-left: 20px;
display: block ;
background: url(../images/logo.png) no-repeat ;
text-indent: -5000px ;
}

.block_player {
width: 500px;
height: 68px;
margin-top: 35px;
margin-left: 60px;
text-indent: -5000px;
background: url(../images/texte_radio.png) no-repeat;
float: left;
}

#menu_top {
width: 960px;
height: 59px;
background: url(../images/bande_menu.jpg) repeat-x;
}

ul#menu {
width: 960px;
height: 50px ;
margin: 0 ;
padding: 0 ;
margin-left: 20px;
list-style-type: none ;

}

ul#menu li {
float: left ;
font-size: 16px;
}

ul#menu li a.b1 { width: 70px; height: 51px; display: block ; margin-top: 4px; text-decoration: none; text-indent: -5000px; background: url(../images/b1.png) no-repeat;}
ul#menu li a.b1:hover {background: url(../images/b1_on.png) no-repeat;}

ul#menu li a.b2 { width: 70px; height: 51px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b2.png) no-repeat;}
ul#menu li a.b2:hover {background: url(../images/b2_on.png) no-repeat;}

ul#menu li a.b3 { width: 131px; height: 51px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b3.png) no-repeat;}
ul#menu li a.b3:hover {background: url(../images/b3_on.png) no-repeat;}

ul#menu li a.b4 { width: 161px; height: 51px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b4.png) no-repeat;}
ul#menu li a.b4:hover {background: url(../images/b4_on.png) no-repeat;}

ul#menu li a.b5 { width: 161px; height: 51px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b5.png) no-repeat;}
ul#menu li a.b5:hover {background: url(../images/b5_on.png) no-repeat;}

ul#menu li a.b6 { width: 70px; height: 51px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b6.png) no-repeat;}
ul#menu li a.b6:hover {background: url(../images/b6_on.png) no-repeat;}

ul#menu li a.b7 { width: 69px; height: 50px; display: block ; margin-top: 4px; margin-left: 2px; text-decoration: none; text-indent: -5000px; background: url(../images/b7.png) no-repeat;}
ul#menu li a.b7:hover {background: url(../images/b7_on.png) no-repeat;}

a.button_lire { width: 70px; height: 29px; display: block ; text-decoration: none; text-indent: -5000px; background: url(../images/b_lecture.png) no-repeat;}
a.button_lire:hover {background: url(../images/b_lecture.png) no-repeat;}

a.button_download { width: 90px; height: 29px; display: block ; margin-left: 220px ; text-decoration: none; text-indent: -5000px; background: url(../images/b_telecharger.png) no-repeat;}
a.button_download:hover {background: url(../images/b_telecharger_on.png) no-repeat;}

#contenu {
width: 960px;
min-height: 500px;
background-color: #f2ecec;
}


.block_gauche {
width: 233px;
min-height: 725px;
background: url(../images/zone_gauche.jpg) no-repeat 0 226px;
background-position:bottom;
background-color: #1f1d1c;
float: left;
}

h2.titre_parler_sabine {
width: 197px;
height: 37px;
margin: 0 auto;
margin-top: 10px;
display: block;
text-indent: -5000px;
background: url(../images/titre_parler_sabine.png) no-repeat;
}


ul.liste_bouton {
margin-top: 5px;
margin-left: 6px;
}

ul.liste_bouton li  {
}

ul.liste_bouton li a.bouton1 { width: 224px; height: 48px; text-indent: -5000px; display: block; background: url(../images/bouton_consultation.png) no-repeat; }
ul.liste_bouton li a.bouton1:hover { background: url(../images/bouton_consultation_on.png) no-repeat; }

ul.liste_bouton li a.bouton2 { width: 224px; height: 48px; text-indent: -5000px; display: block; background: url(../images/bouton_poser_question.png) no-repeat; }
ul.liste_bouton li a.bouton2:hover { background: url(../images/bouton_poser_question_on.png) no-repeat; }

ul.liste_bouton li a.bouton3 { width: 224px; height: 48px; text-indent: -5000px; display: block; background: url(../images/bouton_dialoguer2.png) no-repeat; }
ul.liste_bouton li a.bouton3:hover { background: url(../images/bouton_dialoguer2_on.png) no-repeat; }

ul.liste_bouton li a.bouton4 { width: 224px; height: 48px; text-indent: -5000px; display: block; background: url(../images/bouton_ecouter_reponse.png) no-repeat; }
ul.liste_bouton li a.bouton4:hover { background: url(../images/bouton_ecouter_reponse_on.png) no-repeat; }

dl.podcast{ width: 250px}
dl.podcast dt{ font-weight:normal }
dl.podcast dd { color:red }
dl.podcast dt,
dl.podcast dd {
	line-height: 30px;
	margin: 5px;
}

.conteneur_compteur {
	width:120px;
	float:right;
	margin-top:10px;
	}
	
.compteur {
	position:absolute;
	border-bottom:1px #e9e5e5 dotted;
	color:#e9e5e5;
	}

.compte_rebour {
width: 232px;
height:176px;
}

h2.titre_club_sabine {
width: 218px;
height: 37px;
margin: 0 auto;
margin-top: 15px;
display: block;
text-indent: -5000px;
background: url(../images/titre_club_sabine.png) no-repeat;
}


ul.liste_club {
width: 218px;
height: 23px;
margin-top: 8px;
margin-left: 10px;
background: url(../images/rond.png) no-repeat 100px 8px;
}

ul.liste_club li  {
float: left ;
}

ul.liste_club li a.club1 { width: 90px; height: 23px; text-indent: -5000px; display: block; background: url(../images/bouton_inscription.png) no-repeat; }
ul.liste_club li a.club1:hover { background: url(../images/bouton_inscription_on.png) no-repeat; }

ul.liste_club li a.club2 { width: 83px; height: 23px; text-indent: -5000px; display: block; margin-left: 30px; background: url(../images/bouton_participer.png) no-repeat; }
ul.liste_club li a.club2:hover { background: url(../images/bouton_participer_on.png) no-repeat; }

h2.titre_livre_sabine {
width: 195px;
height: 37px;
margin: 0 auto;
margin-top: 25px;
display: block;
text-indent: -5000px;
background: url(../images/titre_livre_sabine.png) no-repeat;
}

.lien_livre {
width: 172px;
height: 194px;
display: block;
text-indent: -5000px;
margin: 0 auto;
margin-top: 5px;
background: url(../images/livre_sabine.png) no-repeat;
}

.lien_livre:hover {
background: url(../images/livre_sabine_on.png) no-repeat;
}



.block_droit {
width: 727px;
float: left;
}

.banniere_radio {
width: 727px;
height:223px;
background: url(../images/banniere.jpg) no-repeat;
}

h3.titre_webradio {
width: 338px;
height: 94px;
display: block;
text-indent: -5000px;
position: relative;
top: 10px;
left: 10px;
background: url(../images/titre_sabine_webradio.png) no-repeat;
float: left;
}

.lien_lancement_radio {
width: 181px;
height: 223px;
display: block;
position: absolute;
}

.conteneur_lancement_radio {
width: 181px;
float: right;
margin-top:10px;
}

.lien_savoirplus {
width: 236px;
height: 65px;
display: block;
text-indent: -5000px;
position: relative;
top: 130px;
left: 50px;
background: url(../images/bouton_svoir_plus.png) no-repeat;
}

.lien_savoirplus:hover {
background: url(../images/bouton_svoir_plus_on.png) no-repeat;
}

.block_contenu {
width: 727px;
}

.titre_page {
margin-top: 10px;
margin-left: 10px;
font-size: 24px;
color: #363534;
}

.photo_sabine {
width: 195px;
height: 226ppx;
margin-top: 10px;
margin-left: 10px;
float:left;
}

.block_texte {
width: 470px;
margin-top:10px;
margin-left: 20px;
float:left;
}

.zone_flash {
text-align: center;
}


.texte_references {
font-size: 12px;
color: #474443;
}

.lien_contacter-nous {
width: 482px;
height: 48px;
margin-top: 10px;
display: block;
text-indent: -5000px;
background: url(../images/bouton_poser_question2.png) no-repeat;
}

.lien_contacter-nous:hover {
background: url(../images/bouton_poser_question2_on.png) no-repeat;
}

.lien_inscription_emission {
width: 482px;
height: 48px;
margin-top: 10px;
display: block;
text-indent: -5000px;
background: url(../images/bouton_dialoguer.png) no-repeat;
}

.lien_inscription_emission:hover {
background: url(../images/bouton_dialoguer_on.png) no-repeat;
}



#footer{
height: 27px;
font-size:11px;
color: #145f95;
}


ul#basdepage {
height: 45px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
text-indent:4px;
text-align:center;
}

ul#basdepage li {
display:inline;
text-align: center ;
}

ul#basdepage li a {
line-height: 31px ;
font-size: 12px ;
color: #ffffff;
text-decoration: none;
}

ul#basdepage li a:hover {
text-decoration: underline;
}

.lienref {
font-size: 12px;
color: #bc2b24;
text-decoration:none;
}

.lienref:hover {
text-decoration:underline;
}


/* ********************************************************** intérieure ********************************************************************* */

h3.titre_standard {
width: 914px;
height: 36px;
margin-top: 30px;
margin-left: 25px;
display: block;
text-indent: -5000px;
background: url(../images/titre_metier.jpg) no-repeat;
}

.texte_standard, .texte_standard2 {
width: 800px;
margin-top: 35px;
margin-left: 65px;
color: #756f6f;
}

.texte_standard2 {
margin-top: 10px;
color: #282863;
}

.block_rss {
width: 960px;
height: 65px;
background: url(../images/icone_rss.png) no-repeat 7px 13px;
background-color: #e3e4e5;
}

.block_actus_bas, .block_actus_bas2 {
width: 265px;
height: 65px;
margin-left: 55px;
padding: 0 10px 0 10px;
background: url(../images/pointille_verti.png) no-repeat left;
float: left;
}

.block_actus_bas2 {
padding: 0 10px 0 20px;
margin-left: 10px;
}

h4.titre_actus_bas {
font-size:12px;
font-weight: bold;
padding-top: 4px;
color: #04375b;
margin-bottom: 1px;
}

.texte_standard_bas {
font-size: 11px;
color: #04375b;
}

/********************************************** Mention légales ***************************************************/

#zone_centre_produits {
	padding:20px;
	}

h3.titre_ml {
width: 243px;
height: 40px;
display: block;
margin-top: 10px;
margin-left: 10px;
text-indent: -5000px;
background: url(images/titre_ml.png) no-repeat;
float: right;
}

h5.descriptif {
	text-indent:50px;
	margin-bottom:5px;
	font-size:15px;
	font-weight:bold;
	}


p.facebook {
	width : 100px;
	}

p.facebook a {
	color:black;
	text-decoration:none;
	text-align:center;
	width:120px;
	margin-left:50px;
	display:block;
	}

p.facebook a.image {
	overflow: hidden;
	}