/***************** VARIOUS *********************/

h3.redTitle{
color:#8065a5;
/* color:#c7102c; couleur 2009 */
font-size:1.9em;
font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;
}

p.messageInformatif{
color:#8065a5;
/* color:#c7102c; couleur 2009 */
font-size:12px;
}

/**********************************************PAGE LOGIN ********************************************************/

#mainlogin {
	padding:20px;
	width:450px;
}

#mainlogin p{
	font-size:14px;
	margin-bottom:30px;
}

#liens {
	font-size:0.8em;
	color:#000;
}

#liens A {
	text-decoration:underline;
}

/******************************************************************************************************/



#header_accreditations h1 {
	color:#fff;
	font-size:24px;
	text-shadow: 2px 2px 7px #111;
	clear:both;
	font-weight:normal;
}

#header_accreditations h2 {
	padding:5px 0 0 0;
	color:#fff;
	font-size:13px;
}


#presentation{
	width:280px;
	padding:0 10px 0 10px;
}

#presentation h3{
	margin:0 0 0 0;
	font-size:15px;
	color:#8065a5;
	/* color:#c7102c; couleur 2009 */
}

#presentation p{
	font-size:12px;
	line-height:14px;
	margin:5px 0 0 32px;
	}


#quota_badge{
	width:670px;
	height:107px;
	padding:10px 10px 10px 40px;
	background:url(../../images/fonds/quota_badge_bck.jpg) 0 5px no-repeat;
}

#quota_badge h3{
	margin:0;
	font-size:13px;
}

#quota_badge p{
	margin:5px 0 0 0;
	}

#quota_badge p,
#quota_badge p span,
#quota_badge p strong{
	font-size:12px;
}

#quota_badge span.RedLibelle{
text-transform:uppercase;
color:#8065a5;
/* color:#c7102c; couleur 2009 */
}

a.link_tooltip{
position:relative;
display:block;
width:185px;
height:20px;
padding:4px 0 0 25px;
color:#333;
font-size:12px;
font-weight:bold;
background:url(../../images/boutons/link_tooltip_OFF.jpg) top left no-repeat;
}

a.link_tooltip:hover{
background:url(../../images/boutons/link_tooltip_ON.jpg) top left no-repeat;
}

/* Pour mes onglets */

#onglets_front{
position:relative;
width:1020px;
height:53px;
background:url(../../images/fonds/onglets_front_general_bck.gif) bottom left no-repeat;	
clear:both;
}

.ongletMesBadges_on{
background:url(../../images/boutons/mes_badges_on.jpg) top left no-repeat;	
}

.ongletMesBadges_off{
background:url(../../images/boutons/mes_badges_off.jpg) top left no-repeat;	
}

.ongletMesInfos_on{
background:url(../../images/boutons/mes_infos_on.jpg) top left no-repeat;	
}

.ongletMesInfos_off{
background:url(../../images/boutons/mes_infos_off.jpg) top left no-repeat;	
}

.ongletMesAuteurs_on{
background:url(../../images/boutons/mes_infos_on.jpg) top left no-repeat;	
}

.ongletMesAuteurs_off{
background:url(../../images/boutons/mes_infos_off.jpg) top left no-repeat;	
}

.ongletMesPublications_on{
background:url(../../images/boutons/mes_badges_on.jpg) top left no-repeat;	
}

.ongletMesPublications_off{
background:url(../../images/boutons/mes_badges_off.jpg) top left no-repeat;	
}

.ongletMesBadges_on a,
.ongletMesInfos_on a,
.ongletMesAuteurs_on a,
.ongletMesPublications_on a{
color:#000;
}

.ongletMesBadges_off a,
.ongletMesInfos_off a,
.ongletMesAuteurs_off a,
.ongletMesPublications_off a{
color:#7c7c7c;
}


/* SPE CSS pour tableau de bord */

.corpsIframe{
background:none;
}

.TBL_oneBlocContainer{
background:url(../../images/fonds/TBL_oneBloc_bck.jpg) top left repeat-y;
}                   

.ESPACE_CLIENT{
position:realtive;
width:1000px;
padding:0 10px 0 10px;
height:auto;
clear:both;
background:url(../../images/fonds/ESPACE_CLIENT_middle_bck.jpg) top left repeat-y;
}



/* FIN SPE CSS pour tableau de bord */

/***************** Partie spécifique à MES BADGES ***************************/

/* Onglets ANNEE EN COURS / ANNEE DERNIERE */

#onglets_annee{
width:318px;
height:27px;
clear:both;
}

#ongletAnneeEncours,
#ongletAnneeEncours_alone,
#ongletAnneeDerniere{
position:relative;
float:left;
height:27px;
}

#ongletAnneeEncours a,
#ongletAnneeEncours_alone a,
#ongletAnneeDerniere a{
position:relative;
display:block;
padding:6px 0 0 0;
text-align:center;
font-size:11px;
height:21px;
text-transform:uppercase;
}

#ongletAnneeEncours,
#ongletAnneeEncours a,
#ongletAnneeEncours_alone,
#ongletAnneeEncours_alone a{
width:165px;
}

#ongletAnneeDerniere,
#ongletAnneeDerniere a{
width:153px;                
}

.ongletAnneeEncours_on{
background:url(../../images/boutons/annee_encours_on.jpg) top left no-repeat;	
}

.ongletAnneeEncours_alone_on{
background:url(../../images/boutons/annee_encours_alone_on.jpg) top left no-repeat;	
}

.ongletAnneeEncours_off{
background:url(../../images/boutons/annee_encours_off.jpg) top left no-repeat;	
}

.ongletAnneeDerniere_on{
background:url(../../images/boutons/annee_derniere_on.jpg) top left no-repeat;	
}

.ongletAnneeDerniere_off{
background:url(../../images/boutons/annee_derniere_off.jpg) top left no-repeat;	
}

.ongletAnneeEncours_on a,
.ongletAnneeEncours_alone_on a,
.ongletAnneeDerniere_on a{
color:#fff;
font-weight:bold;
}

.ongletAnneeEncours_off a,
.ongletAnneeDerniere_off a{
color:#fff;
font-weight:bold;
}
       
.ESPACE_PRO_BADGES_table_badge_encours tr th{
	background:url(../../images/fonds/table_badge_encours_header_bck.jpg) top left repeat-x;
}

.ESPACE_PRO_BADGES_table_badge_confirmes tr th{
	background:url(../../images/fonds/table_badge_confirmes_header_bck.jpg) top left repeat-x;
}

td.filtrageBadgesBoClient{
padding:5px 10px 0 10px;
width:150px;
}

td.filtrageBadgesBoClient input{
position:relative;
float:left;
margin:2px 5px 0 0;
}

/* Hack IE7 */
*+html td.filtrageBadgesBoClient input{
margin:0 5px 0 0;
}

td.filtrageBadgesBoClient label{
position:relative;
float:left;
color:#000;
font-size:12px;	
}


/* Recap visuel du badge (thickbox) */

.recap_badge input{
background-color:#fff;
font-size:25px;
height:30px;
}

.recap_badge select{
background-color:#fff;
width:100%;
text-align:center;
font-size:30px;	
height:40px;
}

.disabled_select select{
background-color:#fff;
}

.creation_badge_btn{
position:relative;
display:block;
float:left;
height:25px;
font-size:12px;
color:#000;
padding:5px 0 0 30px;
text-align:center;
cursor:pointer;
}



/***************** FIN Partie spécifique à MES BADGES ***********************/

/* Page de confirmation avant demande d'inscription */

.messageInformatifsInscription{
position:relative;
width:420px;
padding:0 12px;
}

.messageInformatifsInscription p,
.messageInformatifsInscription p a{
font-size:14px;	
font-weight:bold;
}

.infosComplementairesInscription{
position:relative;
clear:both;
}

.infosComplementairesInscription h4{
color:#8065a5;
/* color:#c7102c; couleur 2009 */
font-size:18px;
font-family: "Trebuchet MS", arial, "MS Serif", Arial;
}

.infosComplementairesInscription p{
font-size:13px;
margin:0 0 5px 0;
}

#blocContactInscription{
position:realtive;
clear:both;
padding:10px;
text-align:center;
background-color:#F8F8F8;
}

#blocContactInscription,
#blocContactInscription p,
#blocContactInscription p a{
font-size:10px;
font-weight:bold;
font-family: verdana, arial, "Trebuchet MS", "MS Serif", Arial;
}

.oneDivRecap{
position:relative;
margin:5px 0 0 0;
font-size:12px;
clear:both;
}

/* Fin page de confirmation avant demande d'inscription */

/* Panier de commande */

#recapPanier,
#totalPanier{
border-collapse:collapse;
width:600px;	
}

#recapPanier tr th,
#recapPanier tr td,
#totalPanier tr th,
#totalPanier tr td{
vertical-align:top;
padding:5px;
}

#recapPanier tr th{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#recapPanier tr td{
border:1px dashed #ccc;
vertical-align:middle;
}

#totalPanier tr th{
border:1px solid #ccc;
background-color:#eee;
font-size:14px;
}

#totalPanier tr td{
border:1px solid #ccc;
vertical-align:middle;
font-size:18px;
}

.recapTD {

}

/* Fin panier de commande */

#colGauche {
	z-index:3;
	position: absolute;
	top:140px;
	left:0px;
	width:160px;
	font-size:0.9em;
}

#colGauche A {
	color:#666;
}

#conteneurmenu {
	text-align:right;
}

#conteneurmenu LI {margin-bottom:5px;}

#conteneurmenu LI:hover A,
#conteneurmenu LI A:hover {text-decoration:none; color:#9999FF;}












#choixPaiement{
position:relative;
margin-top:10px;
margin-left:5px;
padding-left:20px;
padding-top:35px;
padding-bottom:20px;
width:500px;
height:auto;

}

#choixPaiement DIV {
	margin-bottom:5px;
}

#choixPaiement label{
position:relative;
padding-left:25px;
font-weight:bold;
top:6px;
font-size:13px;
}

#choixPaiement p{
position:relative;
padding-left:25px;
font-size:11px;
top:4px;
}

img.pictoMoyenPaiement{
position:relative;
margin-left:5px;
top:10px;
}

#choixPaiementBottom{
position:relative;
padding-top:15px;
width:560px;
height:54px;
}

.champFormChoixPaiementBouton{
margin-right:20px;
clear:both;
text-align:right;
}

#actions_panier {
	position:relative;
	clear:both;
	height:40px;
	padding:0 0 20px 145px;
}

.button,
.submit {
	font-size:0.8em;
	background-color:#9999FF;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 20px 2px 20px;
	margin-bottom:1px;	
}

.button {
	margin:10px 0px 20px 204px;
}

.submit:hover,
.button:hover {
	background-color:#fff;
	color:#9999FF;
	border:solid 1px #9999FF;
}

/******************************* Gestion des formulaires ***********************************/

/** Gestion des listes & tableaux **/
table.liste-table th {
	font-weight: bold;
	font-size: 0.9em;
	height: 30px;
	vertical-align:middle;
	padding:5px 10px 5px 10px; 
}

table.liste-table tr { /**background-color: #F9F9F9;**/
	vertical-align: top;
}

table.liste-table td {
	padding:10px;
	font-size:0.8em;
}

table.liste-table td INPUT.button,
table.liste-table td INPUT.submit {
	padding:2px 10px 2px 10px;
	font-size:1em;
}


.spacer {
	height: 5px;
	clear: left;
}

#artiste {
	text-transform: uppercase;
}


.disabled {
	background-color: #EEEEFF;
	border: 1px #EFEFEF ridge;
	padding-left: 3px;
}


h2 {
	font-size: 1.4em;
	font-weight: bold;
	color:#8065a5;
	/* color:#c7102c; couleur 2009 */
}

h3 {
	font-size: 0.99em;
	font-weight: bold;
}



#btnRetour P,
#btnImprimer P {
	position:absolute;
	top:40px;
	width:90px;
	background-color:#9999FF;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 5px 2px 5px;	
}

#btnRetour:hover P,
#btnImprimer:hover P {
	background-color:#fff;
	color:#9999FF;
	border:solid 1px #9999FF;
}

#btnRetour P {
	left:0px;
}

#btnImprimer P {
	right:0px;
}

#VoirAussi {
	position:relative;
	margin:100px 0px 10px 0px;
	padding-right:8px;
}

#VoirAussi LI {
	padding: 0px 0px 5px 10px;	
	background:url(../../images/puce_liste.jpg) 0px 3px no-repeat;
}

#VoirAussi A {
	margin-top:5px;
	font-size:1.0em;
	color:#8065a5;
	/* color:#c7102c; couleur 2009 */
	font-weight:bold;
}




.date{
	color:silver;
}

.credit,
.legende {
	font:0.8em Verdana;
	color:#AD0177;
}


.credit {
	width: 100%;
	font-weight: normal;
	padding:0;
	margin:0;
}

.legende {
	width: 100%;
	font-weight: bold;
	padding:0;
	margin:0;
}


.texte-info {
	font-size: 1.0em;
	font-weight: normal;
	color:#8065a5;
	/* color:#c7102c; couleur 2009 */
}


.agrandir,
.agrandir:hover {
	font:10px Arial;
	color:#9998FE;
	text-decoration:none;
}

#infosPage {
	color:silver;
}

#titreFocus {
	font-size:1.1em;
	color:#797D80;
	font-weight:bold;
}

#titreVoirAussi {
	font-size:1.3em;
	color:#797D80;
	font-weight:bold;
	margin-bottom:10px;
}

#mentions,
#mentions A {
	font-size:12px;
	color:silver;
}

.lienAction,
.lienAction A {
	font-size:1em;
	font-style: Arial;
	color:#999;
	font-weight:bold;
}


/* Thickbox */


#header_thickbox{
position:relative;
padding:0 10px 0 10px;
margin:0 0 0 0;
width:580px;
height:62px;
background:url(../../images/fonds/header_thickbox_bck.jpg) top left no-repeat;
clear:both;
font-family: "Trebuchet MS", arial, "MS Serif", Arial;
}

#header_thickbox h1 {
	color:#fff;
	font-size:16px;
	margin:0;
	padding:0;
	text-shadow: 2px 2px 7px #111;
	clear:both;
	font-weight:normal;
}

#header_thickbox h2 {
	padding:0 0 0 0;
	margin:0;
	color:#fff;
	font-size:10px;
}


/* TEMP CSS */



ul.legende li {
list-style-position:inside;
list-style-type:disc; 
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}

ul.etapes li {
list-style-position:inside;
list-style-type:decimal; 
margin:5px 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}


/************ Tableau pour étapes dans front *****************/
.etapes {
width:440px;
border: 1px solid #F4F4F4;
/*background-color: #F4F4F4;*/
}

.etapes td {
	border: solid #000 0px;
    font-size:12px;
	padding : 4px 0 2px 4px;
  
}

#texte {
font-color:#8065a5;
color:#8065a5;
/* font-color:#c7102c; couleur 2009 */
}


/* POPUP DE CREATION DE BADGE */

div.badge_popup_separation_form{
position:relative;
display:block;
width:490px;
height:2px;
margin:20px auto;
background:url(../../images/fonds/badge_popup_separation_form_bck.jpg) top left repeat-x;
clear:both;
}

/* PAGE d'accueil SITE PRO */

.pro_accueil_bloc_1{
position:relative;
float:left;
width:310px;
height:155px;
margin:0 0 20px 0; 
padding:10px 15px;
cursor:pointer;
}

.pro_accueil_bloc_1 h2{
color:#8065A5;
text-shadow:1px 1px 1px #fff;
font-size:20px;
text-transform:uppercase;
margin:0 0 5px 0;
}

.pro_accueil_bloc_1 p{
font-size:12px;
line-height:16px;
}

.pro_accueil_bloc_1 p a{
font-size:13px;
font-weight:bold;
color:#000000;
text-shadow:1px 1px 1px #fff;
}


.pro_accueil_bloc_2{
margin:0 0 20px 0;
width:660px;
height:321px;
padding:10px 20px;
clear:both;
}

.pro_accueil_bloc_2,
.pro_accueil_bloc_2 p{
line-height:16px;
}


/* FIN PAGE d'accueil SITE PRO */


/* SITE PRO - PAGE PORGRAMME HEURE PAR HEURE */

.phph_bouton_theme_OFF_left,
.phph_bouton_theme_ON_left,
.phph_bouton_theme_OFF_right,
.phph_bouton_theme_ON_right{
position:relative;
float:left;
width:5px;
height:30px;
}

.phph_bouton_theme_OFF_left{
background:url('../../images/boutons/pro_hph_bouton_theme_OFF_sprite.png') 0 0 no-repeat;
}

.phph_bouton_theme_ON_left{
background:url('../../images/boutons/pro_hph_bouton_theme_ON_sprite.png') 0 0 no-repeat;
}

.phph_bouton_theme_OFF_right{
background:url('../../images/boutons/pro_hph_bouton_theme_OFF_sprite.png') -5px 0 no-repeat;
}

.phph_bouton_theme_ON_right{
background:url('../../images/boutons/pro_hph_bouton_theme_ON_sprite.png') -5px 0 no-repeat;
}

.phph_bouton_theme_OFF_center,
.phph_bouton_theme_ON_center{
position:relative;
display:block;
float:left;
width:auto;
height:24px;
padding:6px 5px 0 5px;
font-size:12px;
text-transform:uppercase;
}

.phph_bouton_theme_OFF_center{
color:#888;
background:url('../../images/boutons/pro_hph_bouton_theme_OFF_bck.png') 0 0 repeat-x;	
}

.phph_bouton_theme_ON_center{
color:#fff;
background:url('../../images/boutons/pro_hph_bouton_theme_ON_bck.png') 0 0 repeat-x;	
}

.phph_horaire,
.phph_desc,
.phph_desc p,
.phph_desc em,
.phph_desc p em,
.phph_desc strong,
.phph_desc p strong,
.phph_lieu,
.phph_basic{
font-size:12px;
line-height:16px;
}

.phph_evenement{
font-weight:bold;
font-size:12px;
line-height:14px;
text-transform:uppercase;
}

.phph_titre p,
.phph_titre em,
.phph_titre p em,
.phph_titre strong,
.phph_titre p strong{
font-size:14px;
line-height:14px;
font-weight:bold;
color:#8065a5;
}

.phph_lieu{
font-style:italic;
color:#777;
}

.phph_bouton_jour_ON,
.phph_bouton_jour_OFF{
position:relative;
display:block;
float:left;
margin:0 30px 0 0;
text-align:center;
width:153px;
height:67px;
padding:15px 0 0 0;
font-size:50px;
line-height:32px;
font-weight:bold;
font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;
cursor:pointer;
}

.phph_bouton_jour_ON,
.phph_bouton_jour_ON span{
color:#f7571f;
}

.phph_bouton_jour_ON{
background:url(../../images/boutons/pro_hph_bouton_jour_ON.png) top left no-repeat;
}

.phph_bouton_jour_OFF,
.phph_bouton_jour_OFF span{
color:#c2b8b1;
text-shadow:1px 1px 1px #eee;
}

.phph_bouton_jour_OFF{
background:url(../../images/boutons/pro_hph_bouton_jour_OFF.png) top left no-repeat;
}

.phph_bouton_jour_ON span,
.phph_bouton_jour_OFF span{
font-size:20px;
}


/* FIN SITE PRO - PAGE PORGRAMME HEURE PAR HEURE */

/* SITE PRO - PAGE CONFERENCE */

table.pro_conferences{
position:relative;
clear:both;
font-family:Georgia, "Times New Roman", Times, serif;
}

table.pro_conferences tr th,
table.pro_conferences tr td{
padding:5px;
border:1px solid #333;
}

table.pro_conferences tr th{
font-size:11px;
font-weight:normal;
font-style:italic;
color:#666;
text-align:center;
background-color:#eee;
}

table.pro_conferences tr td{
font-size:12px;
text-align:left;
}

p.pro_conferences_evement_titre,
p.pro_conferences_evement_titre span{
font-size:16px;
color:#A7004A;
text-transform:uppercase;
font-weight:bold;
}


p.pro_conferences_evement_titre span{
color:#306694;	
}

p.pro_conferences_evement_descriptif,
p.pro_conferences_evement_intervenants,
p.pro_conferences_evement_intervenants strong{
font-size:13px;	
}


p.pro_conferences_evement_descriptif{
color:#333;
}

p.pro_conferences_evement_intervenants{
color:#777;
}
	
/* FIN SITE PRO - PAGE CONFERENCE */

/* WEB TV */

#webtv_bloc_categories{
width:220px;
padding:10px;
border:1px solid #ccc;
background-color:#fff;	
}

#webtv_bloc_categories select{
width:100%;
font-size:12px;
border:1px solid #ccc;
padding:0 0 0 5px;
}

#webtv_bloc_categories select option{
padding:0 0 0 5px;
}	
	
p a.webtv_linkCategorie_on,
p a.webtv_linkCategorie_off{
font-size:12px;
color:#000;
text-transform:uppercase;	
}

p a.webtv_linkCategorie_on,
p a.webtv_linkCategorie_off:hover{
color:#479E30;
}


/* FiN WEB TV */