﻿/* Feuille de style Master.

	Personnalise l'affichage de la page principale contenant les modules.
 */
html {
	background:url(/image/BG.jpg)  #5B5B5B repeat-x top;
	padding: 0;
	margin: 0;
 }
 html li{margin: 0; padding:0;}
 html ul{margin: 0; padding:0;}
 
.mHomePage {
	width: 1003px;
	height: auto;
	margin: 0 auto;
	background-image: url("/image/BGContenu.png");
	background-repeat:repeat-y;
}
.ie6.mHomePage,
.ie6.mMasterPortal {
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/image/BGContenu.png", sizingMethod="scale");
}
/* --------------------------- Header du Site ---------------------*/
#Header {
	height: 99px;
	background: url("/image/Site/HeaderSFR.jpg") top no-repeat;
	margin: 0 auto;
	padding:0;
	position: relative;
	width:1003px;
}
#Header dl{ margin:0px; padding:0px}
	
ul.Menu li,
ul.PortalMenu li{
	list-style:none;
	overflow: hidden;
	width: 110px;
	margin: 0 3px 0 0;
	padding:0;
	font-size: 11px;
	line-height:19px;
	display: block;
	float: left;
	background: url("/image/Site/OngletHeadSite.png") no-repeat top left;
}
.Menu .Home{
	list-style:none;
	overflow: hidden;
	width: 20px;
	margin: 0 3px 0 0;
	padding:0;
	font-size: 11px;
	line-height:19px;
	display: none;
	float: left;
	background: url("/image/Site/homeHead.png") no-repeat top left;
}
.Menu .Home span{
 color:#000000;
 	width: 20px;
 }
ul.Menu a, ul.PortalMenu a {
	display: block;
	width: 110px;
	text-decoration: none;
	color: White;
	text-align: center;
	letter-spacing:-1px;
}
ul.Menu {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 10px;
	bottom: 3px;
}
.Language {
	padding-top: 5px;
	margin-left: 730px;
}
.Language a img{
border:none;
}
.ColumnMenu
{
	display: none;
}
#Header ul.Membre li a {
	font-size: 12px;
	color: Black;
	padding: 0 15px 0 0;
	text-decoration: none;
	display: block;
	float:left;
	margin: 0 0 0 10px;
}
.connexionOff {
	background: url("/image/Site/puceConnexion.gif") right no-repeat;
}
.connexionOn {
	background: url("/image/Site/puceConnexion-on.gif") right no-repeat;
}

#Header ul.Membre li a:hover {
	text-decoration: underline;
}
#Header ul.Membre li {
	display: inline;
}
#Header ul.Membre {
	list-style: none;
	position: absolute;
	top: 5px;
	right: 40px;
}

#Header ul.MenuAutreSite li {
	display: inline;
}
#Header ul.MenuAutreSite li a {
	display: block;
	width: 120px;
	float: left;
	padding:0;
	margin:0;
}

#Header ul.MenuAutreSite {
	margin: 32px 0 0 570px;
}
#Header ul.MenuAutreSite li.FormationHead a {
	background: url("/image/Site/FormationLien.png") top center no-repeat;
	height: 35px;
	width: 120px;
	color: White;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

#Header ul.MenuAutreSite li.FormationHead a:hover {
	background-position: bottom center;
}
#Header ul.MenuAutreSite li.JfrHead a {
	background: url("/image/Site/SFRLien.png") top center no-repeat;
	height: 35px;
	width: 120px;
	color: White;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
#Header ul.MenuAutreSite li.JfrHead a:hover {
	background-position: bottom center;
}
#Header ul.MenuAutreSite li.FormationHead a span {
	margin: 0;
	line-height: 33px;
	padding: 0 0 0 22px;
}
#Header ul.MenuAutreSite li.JfrHead a span {
	margin: 0;
	line-height: 33px;
	padding: 0 0 0 50px;
}
/* --------------------- Espace Liens images ----------- */
#Body .zoneEspace {
	width: 987px;
	height: 150px;
	padding: 0 0 0 4px;
	margin: 0 0 0 4px;
	overflow:visible;
	background: url("/image/Hborder.gif") bottom repeat-x;
	position: relative;
	z-index: 1;
}
.espaceSFR, .espacePro, .espaceGrandPublic, .espacePresse, .espacePerso {
float:left;
height:54px;
margin:3px 0px 0px;
width:181px;
height:120px;
}
.espaceSFR {left:2px;position:absolute;}
.espacePro {position:absolute;right:605px;}
.espaceGrandPublic {position:absolute;right:400px;}
.espacePresse {position:absolute;right:200px;}
.espacePerso {position:absolute;right:0;}

.espaceSFR a, .espacePro a, .espaceGrandPublic a, .espacePresse a, .espacePerso a  {
	display:block;
	width: 181px;
	height: 120px;
}
.espaceSFR a {
	background: url("/image/Site/SfrImage.jpg") center bottom no-repeat;
}
.espacePro a {
	background: url("/image/Site/ProImage.jpg") center bottom no-repeat;
}
.espaceGrandPublic a {
	background: url("/image/Site/PublicImage.jpg") center bottom no-repeat;
}
.espacePresse a {
	background: url("/image/Site/PresseImage.jpg") center bottom no-repeat;
}
.espacePerso a {
	background: url("/image/Site/PersoImage.jpg") center bottom no-repeat;
}
.espaceSFR a:hover, 
.espacePro a:hover, 
.espaceGrandPublic a:hover, 
.espacePresse a:hover, 
.espacePerso a:hover {
	background-position: center top;
}
.espaceSFR a span, 
.espacePro a span, 
.espaceGrandPublic a span, 
.espacePresse a span, 
.espacePerso a span { 
	position: absolute;
	text-indent: -5000px;
}
/* -------------------- Footer ------------------ */

#Footer {
	background: url("/image/FooterBas.png") bottom no-repeat;
	height: 33px;
	padding: 0;
	width: 1003px;
	margin: 0 auto;
}
#Footer p {
	background: url("/image/Footer.gif") bottom no-repeat;
	padding: 0;
	margin: 0;
	text-align: center;
	color: White;
	font-size: 10px;
	line-height: 24px;
}
#Footer p a{
	color: White;
	text-decoration: none;
}
#Footer p a:hover {
text-decoration: underline;
}


/* ----------- Contenu Accueil SFRadio ------------------*/
#Body .ContentPortal {
	width: 995px;
	margin: 0 0 0 4px;
	top: 0;
	width: 100%;
    background:transparent url(/image/VborderSite.gif) repeat-y 330px;
	position: relative;
}
/*#Body .ContentPortal .mModuleHtmlPublic, 
#Body .ContentPortal .mModuleNewsPublic, .AgendaAccueil {
	padding: 0;
	margin: 0;
	width: 330px;
	float: left;
}*/

.mActu {
	width:330px;
	float: left;

}
.ContentPortal .colonneEdito, .colonneActu, .colonneUneAgenda {
    float:left;
	width: 330px;
}
/*---------------- Editorial Accueil SFRadio  --------------*/
.mEdito .mEditoContent {
	margin:0;
	width: 300px;
	padding: 8px 10px 0 20px;
}

.mEdito .mEditoContent p {
	color:#809292;
	font-size:11px;
	margin:0;
	padding: 5px 0;
	text-align: justify;
}
.mEdito .mEditoContent {
	background: url("/image/Hborder.gif") bottom repeat-x;
}
.mEdito .mEditoContent img {
	margin: 0 5px 2px 0;
}
/************/

.colonneUneAgenda a.VoirAgenda {
	background: url(/image/Portal/PuceVoir.gif) no-repeat right;
	color:Black;
	font-size:12px;
	padding: 5px 13px 5px 0;
	text-align:right;
	text-decoration:none;
	width: 200px;
	float:right;
	margin-right:10px;
}
.colonneActu a.LienActu{
	background: url(/image/Portal/PuceVoir.gif) no-repeat right;
	color:Black;
	font-size:12px;
	padding: 5px 13px 5px 0;
	text-align:right;
	text-decoration:none;
	width: 200px;
	float:right;
	margin-right:10px;
}
.colonneEdito .mEdito a {
	background: url(/image/Portal/PuceVoir.gif) no-repeat right;
	color:Black;
	font-size:12px;
	padding: 5px 13px 5px 0;
	text-align:right;
	text-decoration:none;
	width: 200px;
	float:right;
	margin-right:10px;
}
.colonneUneAgenda a.mNewsTitle span{
color:#A40F09;
}
.colonneActu a.mNewsTitle span{
color:#000000;
margin-left:20px;
line-height:25px;
}
.colonneUneAgenda .mEventBody {background:transparent url(/image/Hborder.gif) repeat-x scroll center bottom; padding-bottom:3px}

.colonneUneAgenda .mEventTitle{
padding-bottom:10px;
}
.colonneUneAgenda .mEventTitle a{
margin-left:20px;
font-size:11px;
color:#809290;
text-decoration:none; display:block;
}
.colonneUneAgenda .mEventWebsite a {
/*background:transparent url(/image/Portal/PuceVoir.gif) no-repeat scroll right center;*/
color:#000000;
display:block;
font-size:11px;
margin-left:20px;

padding-right:10px;
text-align:right;
text-decoration:none;}

/******************/
.mModuleHtmlPublic .mEdito a {
	right: 670px;
}
a.LienActu {
	right: 345px;
}
.AgendaAccueil a.VoirAgenda {
	right: 8px;
}
.mModuleHtmlPublic .mEdito a:hover,
.mActu a:hover.LienActu,
.AgendaAccueil a:hover.VoirAgenda {
	text-decoration: underline;
}
.ColumnContext {
	display: none;
}
/* ----------------- Actualités -----------------*/
.mSection .mCategoryList .Row1 p span,
.mActu .mNewsReadMore{
	display: none;
}
.mActu .mSection .mCategoryList p {
	color:#809292;
	font-size:11px;
	margin:0;
	padding: 5px 18px;
	text-align: justify;
	width: auto;
	background: url("/image/Hborder.gif") bottom repeat-x;
}
.accueil .mNewsList li a.mNewsTitle {
	margin: 0;
	font-size:12px;
	text-decoration:none;
	color: Black;
}
/* ----------------- A la une-----------------*/
.mSection ul.mLeadList {
	background: url("/image/Site/FondAlaUne.png") left top repeat-y;
	margin: 0 0 0 11px;
}
.mNewsList .mCreatedDate {
	display: none;
}
.mAlaUne{
	background: url("/image/Hborder.gif") bottom repeat-x;
	padding: 0 0 10px 0;
	width: 331px;
}
.mAlaUne ul.mLeadList {
	list-style: none;
}
.mAlaUne ul.mLeadList a {
	color: #A40F09;
	text-decoration: none;
	font-size: 12px;
	padding: 0 0 0 10px;
	line-height: 25px;
}
.mAlaUne span.mCreatedDate,
.mAlaUne li a.mNewsReadMore {
	display: none;
}
.mAlaUne ul.mLeadList .mNewsSummary {
	padding: 0 0 0 10px;
	margin:0;	
	font-size: 11px;
}
.mAlaUne ul.mLeadList .mNewsSummary div {
	padding: 0;
	margin: 0;
}
.mAlaUne ul.mLeadList .mNewsSummary p {
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
}
/*------------------- Agenda Accueil SFRadio  ----------- */
.mModuleCalendarPublic {
	padding: 0;
	margin: 0;
	width: 330px;
}


.mActu {
	padding: 0;
	width: 330px;
}
.mModuleCalendarPublic {
	background: url("/image/Hborder.gif") bottom repeat-x;
}
.AgendaAccueil {
}
.mActu .mNewsList .mNewsSummary div {
	width: 330px;
}.mActu .mNewsList .mNewsSummary a{ padding-left:20px; display:block;text-align:left;

}
.mActu ul.mNewsList {
	width: 330px;
}
.AgendaAccueil .mEventDate {
	font-size: 12px;
	padding: 0 0 0 15px;	
	line-height:25px;
}

.AgendaAccueil p {
	font-size: 11px;
	color:#809292;
	padding: 5px 0 5px 15px;
	margin: 0;
}
.AgendaAccueil .mEventActions {
	display: none;
}
/*************/
.ZoneDroite {
	display:none;
}
/***********/
.logoPrint, .FooterPrint {
display:none;
}
/************/
.filAriane {
color:#CCCCCC;
margin-left:10px;}
.filAriane a{
color:#C6C6C6;
}
/*********/
.actuList .mNewsReadMore {
background:transparent url(/image/Portal/PuceVoir.gif) no-repeat scroll right center;
color:Black;
font-size:12px;
padding:5px 13px 5px 0;
position:absolute;
text-decoration:none;
}
.mArticle ul {
margin-left:30px; color:#809290}
/*******Menu Gestion des puces et retraits********/
#Menu li.CyimMenuItem { list-style-type:circle; }
#Menu li.CyimMenuItem a span.menuPuce,
#Menu li.CyimMenuItem a span.menuPuceActif{float:left;width:10px;}
#Menu li.CyimMenuItem a span.menuTexte{margin-left:15px; display:block}
#Menu li.CyimMenuItem a:hover{ color:#ffffff}
/**********************/
.mModuleCMSPublic{margin-left:20px;margin-right:20px;margin-top:20px;width:95%; border:1px solid #cccccc; padding:10px;}
.mModuleCMSPublic ul.mContainerList li .mContainerType { font-weight:bold;}
/*********************/
#Header .LogoPortal a {
position:absolute;
}
#Header .LogoPortal a span {
text-indent:-100px; width:100px; height:100px;position:absolute; cursor:hand;}

/* Mini formulaire de connexion quand on clique sur Membre */
.dijitDialogTitleBar
{
	display: none;
}
#FastLoginContent
{
	margin: auto;
	width: 987px; 
}
form.mFastLogin 
{
	background: transparent url(/image/site/HeaderSFRformLog.png) no-repeat scroll center center;
	width: 182px;
	float: right;
	margin-top: 3px;
}
form.mFastLogin dl.Property 
{
	margin: 1px auto;
}
form.mFastLogin dl.Property dt
{
	position: absolute;
	padding: 2px;
	color: #666;
	font-size: 0.8em;
}
form.mFastLogin dl.Property dd input
{
	font-size: 0.8em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border: 1px outset #A40F09;
	padding: 1px;
	width: 178px;
}
form.mFastLogin ul.Actions 
{
	text-align: center;
}
/**********/
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields .mEventCity select{}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields .mEventCountry select{width:100px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dl {font-size:11px;height:110px;margin-left:15px;margin-top:10px; position:relative}

.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventDates, dd.mEventDates{position:absolute;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventCity{}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventCity select{width:200px;margin-left:50px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventCity, dd.mEventCity{position:absolute;top:20px;}

.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventCountry {width:40px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventCountry {margin-left:50px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventCountry select{width:300px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventCountry, dd.mEventCountry {left:300px;position:absolute;top:20px;}


.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventHost {}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventHost select{width:550px;margin-left:100px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventHost, dd.mEventHost{position:absolute;top:40px;}

.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventSection {width:80px; display:none;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventSection {float:left;display:none;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventSearch {}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventSearch {left:100px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dt.mEventSearch, dd.mEventSearch {position:absolute;top:60px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields ul.mSearchFormAction li input{height:20px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields dd.mEventDates {margin-left:50px;}
.agendaList .mModuleCalendarPublicSearchSubmit .mModuleCalendarPublic .mSearchForm #SearchForm .mSearchFields ul.ListActions.mSearchFormAction {display:block;left:240px;*left:245px;position:absolute;top:70px;*top:83px;}
/***************/
.mHomePageEdito .mModuleHtmlPublic .mEdito a{display:none}

.mFichePerso .mContact .mPostCode,
.mFichePerso .mContact .mCity
{
	float: left;
	margin-right: 0.5em;
}
.mFichePerso .mContact .mPhones,
.mFichePerso .mContact .mMails 
{
	clear: left;
}