/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Medianamik 2.0
// Date   : 9 novembre 2007
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(medianamik-common.css);/* Common styles */
@import url(Telerik/Medianamik/Calendar.Medianamik.css);     /* Styles pour Telerik */
@import url(Telerik/Medianamik/Editor.Medianamik.css);/* Styles pour Telerik */
@import url(Telerik/Medianamik/FormDecorator.Medianamik.css);/* Styles pour Telerik */
@import url(Telerik/Medianamik/Grid.Medianamik.css);         /* Styles pour Telerik */
@import url(Telerik/Medianamik/Menu.Medianamik.css);         /* Styles pour Telerik */
@import url(Telerik/Medianamik/TabStrip.Medianamik.css);     /* Styles pour Telerik */
@import url(Telerik/Medianamik/TreeView.Medianamik.css);     /* Styles pour Telerik */
@import url(Telerik/Medianamik/Window.Medianamik.css);       /* Styles pour Telerik */
@import url(Telerik/Medianamik/ToolTip.Medianamik.css);      /* Styles pour Telerik */
@import url(Telerik/Medianamik/ComboBox.Medianamik.css);      /* Styles pour Telerik */
@import url(medianamik-custom.css);/* Custom styles */
/*- Général -------------------------------------------------------------------*/
html, body, form {
	height: 100%;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #7c7c7c;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #e8e8e8;
	margin: 18px 0 10px 0;
	padding: 0 0 9px 0;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 10px 0;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 2px 0;
}
h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 2px 0;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles communs à toutes les pages -------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.xPos { position: relative; }

#PageMinSize {
	min-width: 960px;
	height:100%;
}
/* Min width hack IE 6 */
* html #PageMinSize { width: expression(document.body.clientWidth < 965 ? "960px" : "100%" ); }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -120px;
	background: #ffffff url(/Medianamik/images/Bg_Corps.gif) repeat-y 100% 0%;
}
/*#wrapper.CacherSommaire {
	background-image: url(/Medianamik/images/Bg_CorpsAlt.gif);
}*/

/*--- Entête de la page ---------------------------------------------------------------------------------------------------------*/
#Entete {
	width: 100%;
	background: #FFFFFF url(/Medianamik/images/Bg_Page.png) repeat-x 0% 0%;
}
#Entete .LogoClient {
	position: absolute;
	left: 0px;
	width: 218px;
	height: 125px;
	background: #ffffff;
}
#Entete .Deconnexion {
	position: absolute;
	right: 18px;
	top: 16px;
}
#Entete .Deconnexion p {
	color: #9797a3;
	text-align: right;
	margin: 0 0 4px 0;
}
#Entete .Deconnexion img, #Entete .Deconnexion input {
	margin-left: 6px;
}

#Entete .Recherche {
	width: 554px;
	height: 47px;
	color: #71717e;
	background: #e8e8ea url(/Medianamik/images/Bg_Entete_Recherche.png) no-repeat 100% 0%;
	margin: 0 0 1px 218px;
	padding: 12px 0 0 10px;
}
#Entete .Recherche label,
#Entete .Recherche input,
#Entete .Recherche span {
	float: left;
	display: block;
	margin-right: 4px;
}
#Entete .Recherche select {
	margin-bottom: 4px;
}
#Entete .Recherche label {
	width: 65px;
	font-weight: bold;
	line-height: 18px;
}
#Entete .Recherche span {
    width:170px;
}
#Entete .Recherche span label {
	width: auto;
	font-size: 9px;
	font-weight: normal;
	/*line-height: 1.6em;*/
}

#Entete .MenuPrincipal {
	height: 65px;
	margin-left: 218px;
}

/*--- Barre d'actions relative à la page ----------------------------------------------------------------------------------------*/
.BarreActions {
	position: relative;
	width: 100%;
	height: 33px;
}
#Entete .BarreActions { padding-top: 3px; }
#BasPage .BarreActions { padding-bottom: 1px; }

.BarreActions .PageActuelle {
	float: left;
	width: 218px;
	height: 33px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 33px;
	text-align: center;
	background: #51b0cf;
	margin: 0;
}
.BarreActions .PageActuelle span {
	background: url(/Medianamik/images/Puce_Titre.gif) no-repeat 100% 55%;
	padding-right: 15px;
}

/*--- Onglets de langue ---*/
.BarreActions .Langues {
	float: left;
	height: 33px;
	background: url(/Medianamik/images/Bg_BarreActions_Langues.gif) no-repeat 0px 0px;
	padding-left: 1px;
}
.BarreActions .Langues li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	background: url(/Medianamik/images/Bg_BarreActions_Langues.gif) no-repeat 100% 0px;
	padding-right: 1px;
}
#BasPage .BarreActions .Langues li { background-position: 100% -33px; }
.BarreActions .Langues a {
	display: block;
	width: 30px;
	height: 33px;
	line-height: 33px;
	text-align: center;
}
#BasPage .BarreActions .Langues a {	height: 32px; line-height: 32px; }

.BarreActions .Langues a:hover {
	color: #09b1e6;
}
.BarreActions .Langues a.Actif,
.BarreActions .Langues a.Actif:hover {
	color: #70707d;
	background: #ffffff;
}

/*--- Actions de la page ---*/
.BarreActions .Action {
	float: left;
	display: block;
	height: 33px;
	font-size: 11px;
	font-weight: bold;
	line-height: 33px;
	background: no-repeat 0% 50%;
	margin: 0 8px;
	padding-left: 21px;
	outline: none;
}

.BarreActions a.BtAide {					background-image: url(/Medianamik/images/Icones/Ico_Aide.gif); }
.BarreActions a.BtAjouter {					background-image: url(/Medianamik/images/Icones/Ico_Plus.gif); }
.BarreActions a.BtAjoutRole {				background-image: url(/Medianamik/images/Icones/Ico_AjoutRole.png); }
.BarreActions a.BtAjoutGroupe {				background-image: url(/Medianamik/images/Icones/Ico_AjoutGroup.gif); }
.BarreActions a.BtAjoutModule {				background-image: url(/Medianamik/images/Icones/Ico_AjoutModule.gif); }
.BarreActions a.BtAjoutPage {				background-image: url(/Medianamik/images/Icones/Ico_AjoutPage.gif); }
.BarreActions a.BtAjoutGabarit {			background-image: url(/Medianamik/images/Icones/Ico_AjoutGabarit.png); }
.BarreActions a.BtAjoutSite {				background-image: url(/Medianamik/images/Icones/Ico_AjoutSite.gif); }
.BarreActions a.BtAjoutUtilisateur {		background-image: url(/Medianamik/images/Icones/Ico_AjoutUtilisateurs.gif); }
.BarreActions a.BtContact {					background-image: url(/Medianamik/images/Icones/Ico_Contact.gif); }
.BarreActions a.BtSauvegarder {				background-image: url(/Medianamik/images/Icones/Ico_Sauvegarder.gif); }
.BarreActions a.BtDesapprouver {			background-image: url(/Medianamik/images/Icones/Ico_Desapprouver.gif); }
.BarreActions a.BtPublier {                 background-image: url(/Medianamik/images/Icones/Ico_Publier.gif); }
.BarreActions a.BtSauvegarderApprouver {	background-image: url(/Medianamik/images/Icones/Ico_SauvegarderApprouver.gif); }
.BarreActions a.BtSupprimer {				background-image: url(/Medianamik/images/Icones/Ico_SupprimerTop.gif); }
.BarreActions a.BtRafraichir, .BarreActions a.BtRefresh { background-image: url(/Medianamik/images/Icones/Ico_Rafraichir.gif); }
.BarreActions a.BtRoulerScript {			background-image: url(/Medianamik/images/Icones/Ico_RoulerScript.gif); }
.BarreActions a.BtUndo {					background-image: url(/Medianamik/images/Icones/Ico_Undo.gif); }
.BarreActions a.BtVisualiser {				background-image: url(/Medianamik/images/Icones/Ico_VisualiserTop.gif); }
.BarreActions a.BtRevision {				background-image: url(/Medianamik/images/Icones/Ico_Revision.png);}

.BarreActions a.BtAnnuler,
.BarreActions a.BtAnnuler-Inactif {
	position: absolute;
	right: 20px;
	background-image: url(/Medianamik/images/Icones/Ico_Annuler.gif);
}
.BarreActions a.BtAnnuler-Inactif,
.BarreActions a.BtAnnuler-Inactif:hover,
.BarreActions a.BtAjouter-Inactif,
.BarreActions a.BtAjouter-Inactif:hover,
.BarreActions a.BtRevision-Inactif, 
.BarreActions a.BtRevision-Inactif:hover{
	color: #b0babd;
}
.BarreActions a.BtAnnuler-Inactif {
	background-image: url(/Medianamik/images/Icones/Ico_AnnulerInactif.gif);
	cursor: default;
}
.BarreActions a.BtAjouter-Inactif {
	background-image: url(/Medianamik/images/Icones/Ico_PlusInactif.gif);
	cursor: default;
}
.BarreActions a.BtRevision-Inactif {
	background-image: url(/Medianamik/images/Icones/Ico_RevisionInactif.gif);
	cursor: default;
}

/*--- Pied de la page -----------------------------------------------------------------------------------------------------------*/
#MargeBasPage,
#BasPage {
	/*width: 100%;*/
	height: 120px;
}
#BasPage {
	position: relative;
	background: #fdfdfd url(/Medianamik/images/Bg_BasPage.gif) repeat-x;
}
#BasPage .Credits {
	font-size: 10px;
	color: #a0a5a7;
	margin: 18px 0 0 17px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles communs aux fenêtres modales -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
#ModalBody {
	height: auto;
	margin: 12px 0 0 12px;
}
#ModalBody fieldset {
	width: 100%;
}
fieldset ul {
    margin:5px 0 12px 12px;
}
fieldset ul li {
    list-style:disc outside;
    padding-right:10px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles spéciaux pour page externe -------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
body.PageExterne {
	color: #9797a3;
	background: url(/Medianamik/images/Bg_Login.gif) repeat-x 0% 0%;
}
.PageExterne #wrapper {
	background: url(/Medianamik/images/Bg_Login.jpg) no-repeat 0% 0%;
}

/*--- Colonne de gauche ---------------------------------------------------------------------------------------------------------*/
#EnteteExterne {
	position: relative;
	width: 100%;
	height: 90px;
}
#EnteteExterne .Logo {
	position: absolute;
	top: 35px;
	left: 24px;
}
#EnteteExterne .Credits {
	position: absolute;
	top: 33px;
	right: 34px;
	color: #d8ecf4;
}
#EnteteExterne .Credits img {
	margin: 0 0 0 10px;
	vertical-align: text-bottom;
}
#EnteteExterne .Date {
	position: absolute;
	top: 100px;
	right: 34px;
}

/*--- Section de contenu externe --------------------------------------------------------------------------------------------------*/
#ContenuExterne {
	margin:80px 0 80px 22px;
	padding:0 34px;
}
#ContenuExterne div.InfoIntro {
    background: url(/Medianamik/images/Icones/Ico_Information.gif) no-repeat 0px 3px;
    padding:0 0 3px 50px;
    font-size:12px;
}
#ContenuExterne div.InfoContenu {
    padding:0 0 0 50px;
    font-size:12px;
}
#ContenuExterne ol li {
    list-style: decimal outside;
    margin:0 0 3px 22px;
}

/*--- Formulaire de login ---------------------------------------------------------------------------------------------------------*/
#LoginForm {
	margin: 80px auto;
	width: 660px;
}
#LoginForm .LogoClient {
	float:left;
	padding-right:30px;
}
#LoginForm .LogoClient img {
	border: 1px solid #e0e0e0;
}
#LoginForm p {
	margin: 0 0 5px 0;
}
#LoginForm label {
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 0 4px 3px;
}
#LoginForm .TxtBox {
	height: 30px;
	font-size: 17px;
	border: 1px solid #c6c6c6;
	padding: 11px 8px 4px 8px;
	vertical-align: top;
}
#LoginForm .BtConnecter {
	vertical-align: top;
	margin-left: 10px;
}
table#MedianamikLogin {
    float:left;
}
    
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles spéciaux pour page d'accueil -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
#AccCorps {
	width: 100%;
}

/*--- Bloc d'information --------------------------------------------------------------------------------------------------------*/
#AccBlocInfo {
	position: relative;
	margin: 16px 0 12px 0;
	padding: 0 37px 0 30px;
}
#AccBlocInfo .Contenu {
	width: 557px;
	/*height: 32px;*/
	background: url(/Medianamik/images/Bg_AccBlocInfo.gif) repeat-x bottom left;
	border: 1px solid #ddd;
	padding: 17px 13px;
}
#AccBlocInfo .Contenu p {
	margin: 0;
}
#AccBlocInfo .Contenu strong {
	color: #686868;
}
#AccBlocInfo .Contenu ul  {
	margin-top:				9px;
}
#AccBlocInfo .Contenu li {
	display:				inline;
	border-right:			1px solid #ddd;
	padding:				0 25px;
}
#AccBlocInfo .Contenu li.PremierItem {
	padding-left:			0;
}
#AccBlocInfo .Contenu li.DernierItem {
	border:					0;
}
#AccBlocInfo .OutilAbsolunet {
	position: absolute;
	right:16px;
    top:0px;
	margin: 0;
}

#BasPage .OutilAbsolunet {
	position: absolute;
	right:16px;
    top:35px;
	margin: 0;
	display: none;
}

.OutilAbsolunet img 
{
	width: 251px;
	height: 49px;
}


/*--- Outils avec description ---------------------------------------------------------------------------------------------------*/
#AccContenu {
	margin: 0;
	padding: 0 0 0 30px;
}
#AccContenu .BlocsOutils {
	float: left;
	position: relative;
	width: 274px;
	/*height: 305px;*/
	padding-bottom:68px;
	background:url(/Medianamik/images/Bg_BlocsAccueil.png) repeat-x bottom left;
	border: 1px solid #ddd;
	display: inline;
	margin: 0 30px 55px 0;
}
#AccContenu .BlocsOutils h2 {
	margin: 35px 0 15px 24px;
}
#AccContenu .BlocsOutils p {
	color: #000000;
	margin: 0 12px 12px 24px;	
}
#AccContenu .BlocsOutils ul {
	position: relative;
	margin: 0 12px 12px 24px;
}
#AccContenu .BlocsOutils ul li {
	font-size: 11px;
	color: #686868;
	background: url(/Medianamik/images/Puce_ListeAccueil.gif) no-repeat 0 4px;
	margin-bottom: 7px;
	padding-left: 12px;
}
#AccContenu .BlocsOutils a {
	font-weight: bold;
}
#AccContenu .BlocsOutils img.IconeOutil {
	position: absolute;
	
	left: -14px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles spéciaux pour pages intérieures --------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
#Corps {
	position: relative;
	width: 100%;
}

/*--- Sous-menu -----------------------------------------------------------------------------------------------------------------*/
#SousMenu {
	margin: 0 0 7px 0;
}
#SousMenu li {
	font-size: 11px;
	background: url(/Medianamik/images/Bg_SousMenu.gif);
	margin: 0 0 1px 0;
}
#SousMenu li a {
	display: block;
	width: 220px;
	font-weight: bold;
	color: #fff;
	line-height: 31px;
	padding-left: 13px;
}
#SousMenu li.Actif {
	background: url(/Medianamik/images/Bg_SousMenu-On.gif) no-repeat;
}

/*--- Barre pour afficher / cacher le sommaire du site à droite -----------------------------------------------------------------*/
/*#BarreSommaire {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
}
#BarreSommaire a {
	display: block;
	width: 20px;
	height: 194px;
	background: url(/Medianamik/images/Bt_AfficherSommaire_FR.png) no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#wrapper.CacherSommaire #BarreSommaire a {
	background-position: -20px 0px;
}*/

/*--- Sommaire du site à droite -------------------------------------------------------------------------------------------------*/
#Sommaire {
	/*
	position: absolute;
	right: 0px;
	top: 0px;
	background: #eff5f7;
	*/
	float:right;
	width: 232px;
	padding: 9px 9px 18px 8px;
}
/*#wrapper.CacherSommaire #Sommaire {
	display: none;
}*/
#Sommaire .Section {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 4px 1px;
}
#Sommaire .BlocInfos {
	line-height: 14px;
	background: #ffffff;
	border: 1px solid #dddddd;
	margin-bottom: 9px;
	padding: 13px 13px 5px 13px;
}
#Sommaire .BlocInfos p {
	color: #939393;
	line-height: 14px;
	margin: 0 0 8px 0;
}
#Sommaire .BlocInfos strong {
	color: #686868;
}
#Sommaire .BlocInfos .Deconnexion {
	font-weight: bold;
	/*background: url(/Medianamik/images/Bt_Fermer.gif) no-repeat 0 50%;*/
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 8px 0;
}
#Sommaire .BlocInfos .Deconnexion a {
	background: url(/Medianamik/images/Bt_Fermer.gif) no-repeat 0 50%;
	padding-left: 18px;
	display:block;
}
#Sommaire .BlocArbo,
div.BlocArbo {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	margin-bottom: 9px;
	padding: 4px;
}
div.BlocArbo {
	margin: 9px 0;
}
#Sommaire .NavFixe li {
	font-size: 11px;
	border-top: 1px solid #dde9ec;
	line-height: 23px;
	padding-left: 2px;
}

/*--- Zone à contenu principale -------------------------------------------------------------------------------------------------*/
ul.FilAriane {
	/*height: 24px;*/
	overflow:hidden;
	padding: 8px 0 12px 0;
}
ul.FilAriane li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: url(/medianamik/images/Bg_FilAriane.gif) no-repeat 100% 50%;
	padding-right: 20px;
}
ul.FilAriane li.DernierItem {
	background-image: none;
	padding-right: 0;
}
ul.FilAriane li a {
	/*color: #000000;
	text-decoration:underline;*/
}

#Contenu {
	margin: 0 294px 0 22px;
	padding: 20px 0 28px;
}
/* Fix IE 6 100% width bug */
#Contenu div.innerContent {
    width:98%;
}
#Contenu .TabPage {
	position: relative;
	border: 1px solid #dddddd;
	border-top: 0;
	padding: 14px 20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles pour Plan du site ----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
ul#SiteMap li ul li ul {
	float:none;
	width:auto;
	margin:10px 0 20px 0;
}
ul#SiteMap li ul li ul li {
	float:none;
	width:auto;
	border:0px;
	background:url(/Medianamik/images/Puce_DoubleFleche.gif) no-repeat 0px 5px;
	padding-left:18px;
	padding-right:10px;
}
ul#SiteMap li ul li ul li a, ul#SiteMap li ul li ul li a:hover {
	color:#9eaa72;
	text-decoration:underline;
	padding:0px;
	font-size:1.1em;
	font-weight:normal;
}
ul#SiteMap li ul li ul li a:hover {
	text-decoration:none;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles pour formulaires -----------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
fieldset {
	width: 600px;
	/*clear: both;*/
}
fieldset.Colonne {
	float: left;
	width: 250px;
	margin-right: 40px;
	clear: none;
}
fieldset p {
	font-size: 12px;
	margin: 0 0 16px 0;
}
fieldset label {
	display: block;
	font-weight: bold;
	margin: 0 0 4px 0;
}
fieldset.Colonne label,
fieldset.Colonne .TxtBox,
fieldset.Colonne .TxtArea,
fieldset.Colonne .SelectList {
	width: 98%;
}

/* Styles de control specifique -------------------*/
div.EditionControl {
	margin: 0 0 16px 0;
}
img.IconeLabel {
    vertical-align:text-bottom;
}    

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles de l'éditeur ---------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Classes spéciales pour les boutons custom */
.rade_toolbar span.MedianamikLink
{
   background-image: url(Telerik/Medianamik/Editor/MedianamikLink.gif) !important;
   background-position: 1px 1px !important;
}
.rade_toolbar span.InsertNbsp
{
   background-image: url(Telerik/Medianamik/Editor/NonBreakingSpace.gif) !important;
   background-position: -4px -2px !important;
}

/*- Classes pour les listes ----*/
#Contenu .ZoneTexte ul, .BlocResume.ZoneTexte ul {
	font-size: 11px;
	margin: 0 0 12px 24px;
}
#Contenu .ZoneTexte ul li, .BlocResume.ZoneTexte ul li {
	list-style: disc outside url(/Medianamik/images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#Contenu .ZoneTexte ol, .BlocResume.ZoneTexte ol {
	font-size: 11px;
	margin: 0 0 12px 24px;
}
#Contenu .ZoneTexte ol li, .BlocResume.ZoneTexte ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
.TableauGestion {
	width: 100%;
	background: url(/Medianamik/images/Bg_HeaderTableaux.gif) repeat-x;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	margin: 12px 0;
}
.TableauGestion td, .TableauGestion th {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 9px 14px;
}
.TableauGestion th {
	font-size: 12px;
	font-weight: bold;
	color: #7c7c7c;
	/*text-align: center;*/
}
.TableauGestion td {
	font-size: 11px;
	color: #6c6c6c;
	/*text-align: center;*/
}
.rgMasterTable td img.IconesElements {
	float: left;
	margin-right: 12px;
}
.rgMasterTable td p {
	float: left;
	margin-top: 3px;
	font-size:11px;
	margin-bottom:0px;
	width:90%;
}
tr.ElementBrouillon {
	background: #FFFFD0;
}
#Legende li.ElementBrouillon span {
	background: #fefeb0;
}
tr.Selection {
	background: #effaff;
}
#Legende li.Selection span {
	background: #e0f5fe;
}
tr.ElementInactif,
#Legende li.ElementInactif span {
	background: #f3f3f3;
}
tr.ElementNonTraduit {
	background: #F3F3F3;
}
#Legende li.ElementNonTraduit span {
	background: #e7e7e7;
}
.TableauLegende td.Type {
	width: 21px;
	height: 21px;
	background: url(/Medianamik/images/Bg_Legende.gif) no-repeat;
}
.TableauLegende td.Description {
	font-size: 11px;
	padding-left: 2px;
}


/* Légende */
.Titre12pxBordure {
	font-size:12px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:9px;
	margin-bottom:10px;
}
#Legende li {
	font-size:11px;
	line-height:21px;
	background-repeat:no-repeat;
	padding-left:27px;
	margin-top:8px;
	position:relative;
}
#Legende li div {
    position:absolute;
    margin-left:-27px;
    border:1px solid #E5E5E5;
    padding:2px;
    *top:-3px;
}
#Legende li span {
    display:block;
    width:10px;
    height:10px;
    border:1px solid #E5E5E5;
    _overflow:hidden;
}
#Legende li.Picto {
	padding-left:0px;
}

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


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles page de prévisualisation ---------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
body.PreviewPage {
    background:#FDFDFD url(/Medianamik/images/Bg_BasPage.gif) repeat-x;
}
div#PreviewPageContainer {
    height:100%;
    width:100%;
}
body.PreviewPage .BarreActions .PageActuelle {
    margin-right:20px;
}
div#PreviewPageContainer p.RadioGroup {
    float:left;
    height:33px;
    line-height:33px;
    margin:0px;
    margin-right:20px;
}
div#PreviewPageContainer p.RadioGroup input {
    float:left;
    margin:10px 8px 0 0;
    *margin-top:6px;
}
div#PreviewPageContainer p.RadioGroup label {
    font-weight:bold;   
    float:left;
}
div#PreviewPageContainer iframe {
    height:95%;
    width:100%;
    border:0px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Overview gestion securite ---------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.BlocResume {
	width:30%; 
	margin-right: 15px; 
	float: left;
}
.BlocResume ul li {
	margin-bottom: 10px;
}
.BlocResume.ZoneTexte ul li {
	margin-bottom: 0;
}
.BlocResume ul li ul {
	margin-left: 21px;
}
.BlocResume img {
	/*margin-bottom: 15px;*/
	vertical-align: middle;
	margin-right: 5px;
	float: left;
}

/*.BlocResume.TreeViewBox ul {
	background: url(/Medianamik/images/Bg_PlanSite-V.gif) no-repeat 9px 10px;
	margin-bottom: 0;
}
.BlocResume.TreeViewBox ul li {
	/*padding-left: 6px;
	margin-bottom: 0;
	padding-bottom: 10px;*/
/*}
.BlocResume.TreeViewBox ul li ul {
	/*margin-top: 3px;
	margin-left: 0;*/
	/*padding-top: 10px;
}
.BlocResume.TreeViewBox ul li {
	background: url(/Medianamik/images/Bg_PlanSite-H.gif) no-repeat 9px 9px;
	padding-left: 15px;
}
.BlocResume.TreeViewBox img {
	/*margin-left: 30px;*/
	/*margin-bottom: 15px;
}
.BlocResume.TreeViewBox ul li.DernierItem {
	background: url(/Medianamik/images/Bg_PlanSite-H-Last.gif) no-repeat 9px 5px;
}
*/

.BlocResume.TreeViewBox img {
	float: none;
	position: absolute;
	margin: 0 0 0 -22px;
}
.BlocResume.TreeViewBox ul li {
	line-height: 16px;
	margin: 0;
	padding: 4px 0 0 22px;
}
.BlocResume.TreeViewBox ul li ul {
	clear: both;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Module de gestion des révision ----------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.TableauRevision {
	width: 99%;
	empty-cells:show;
	border-left: 1px solid #dddddd;
	/*border-top: 1px solid #dddddd;*/
	margin: 12px 0;
}
.TableauRevision td, .TableauRevision th {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 9px 14px;
	vertical-align:top;
}

.TableauRevision th {
	font-size: 12px;
	font-weight: bold;
	color: #7c7c7c;
	/*text-align: center;*/
	background: url(/Medianamik/images/Bg_HeaderTableaux.gif) repeat-x;
	border-bottom: 3px double #dddddd;
}
.TableauRevision .CellVide {
	background: none;
	border-bottom: 0;
	padding:0;
	text-align: center;
}
.TableauRevision td {
	font-size: 11px;
	color: #6c6c6c;
	/*text-align: center;*/
}
.TableauRevision td.CellOnglet {
	font-weight: bold;	
	background: #f7f7f7;
}
.TableauRevision td.CellNomChamp {
	color: #333;
}
.iFrame {
	overflow: hidden;
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*- Styles de controles custom --------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Redefinition Entete dans le dropdown Editeur Telerik */
.reDropDownBody td p,
.reDropDownBody td h1,
.reDropDownBody td h2,
.reDropDownBody td h3,
.reDropDownBody td h4,
.reDropDownBody td h5 {
    margin:0px;
    padding:5px 0;
    color:#000;
    border:0px;
    font-weight:bold;
    text-transform:none;
}
.reDropDownBody td p {
    font-size:11px; 
    font-weight:normal;
}
.reDropDownBody td h1 {
    font-size:22px; 
}
.reDropDownBody td h2 {
    font-size:20px; 
}
.reDropDownBody td h3 {
    font-size:18px; 
}
.reDropDownBody td h4 {
    font-size:16px; 
}
.reDropDownBody td h5 {
    font-size:14px; 
}