﻿body 
{
    background:url("../App_themes/Images/Structure/fond.gif") repeat-x top;
    background-color:#060606;
    color:White;
    font-family:Arial;
    font-size:10pt;
}

h1
{
	font-family: "Arial", Verdana, serif;
	font-size: 14px;     
	color:#FFFFFF; 
	text-decoration:bold;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

a:link 
{
text-decoration: none;
color: #2367BF;
}

a:visited 
{
text-decoration: none;
color: #2367BF;
}

a:active 
{
text-decoration: none;
color: #2367BF;
}

a:hover 
{
text-decoration: underline;
color: #FFFFFF;
}

/*----------------------------------------*/
/*--------- Structure principale ---------*/
/*----------------------------------------*/

#Conteneur
{
    width:950px;
    margin-right:auto;
    margin-left:auto;
}

.BlocPanTop
{
    background:url("../App_themes/Images/Structure/top.JPG") no-repeat left top;
    background-color:#000000;
    height:175px;
}

.BlocPanBandeauSup
{
    background-color:Black;
    height:30px;
    border-bottom:solid 1px #181818;
    border-top:solid 1px #181818;
    text-align:left;
    padding-top:7px;
    padding-left:10px;
    
}

.BlocPanCentre
{
    float:left;
    background-color:Black;
}

.BlocPanMenuGauche
{
    float:left;
    width:230px;
    padding:10px;
}

.BlocPanContenu
{
    float:left;
    width:680px;
    padding:10px;
}

.BlocPanBottom
{
    float:left;
    background-color:Black;
    border-top:solid 1px #181818;
    height:40px;
    width:950px;
    text-align:center;
    padding-top:10px;
}


/*----------------------------------------*/
/*------------ Menu déroulant ------------*/
/*----------------------------------------*/

.BlocPanMenuGauche .menusouris {
	width: 200px;
	height: 30px;
	overflow: hidden;
	border: 1px solid black;
	background-color:#000000;
	background:url("../App_themes/Images/Structure/header-bg.gif") repeat-x top;
	margin-bottom:10px;
	border-bottom:1px solid #030303;
}

.BlocPanMenuGauche .menusouris h1
{
	padding-left:10px;
	padding-bottom:10px;
	padding-top:7px;	
}

.BlocPanMenuGauche .menusouris ul
{
	margin:0px;
	padding-left:10px;
	list-style:none;	
}

.BlocPanMenuGauche .menusouris ul li 
{
}

.BlocPanMenuGauche .menusouris ul li a {
	display: block;
	color:#FFFFFF;
	padding-left:10px;
}

.BlocPanMenuGauche .menusouris a:hover {
	color: #2367BF;
	background:url("../App_themes/Images/Visuel/pictohover.gif") no-repeat left top;
	background-position: 0px 6px;
}


/*----------------------------------------*/
/*----------- Bandeau Superieur ----------*/
/*----------------------------------------*/
.BlocPanBandeauSup .BlocPanIdentification
{
    float:left;
    width:400px;
}

.BlocPanBandeauSup .BlocPanLogg
{
    float:left;
    width:400px;
    padding-top:3px;
}

.BlocPanBandeauSup .BlocPanIdentification .CaseLogin
{
    background:transparent url(../App_themes/Images/Visuel/bg_login.png) no-repeat scroll left top;
    height:19px;
    padding-left:10px;
    text-align:left;
    width:135px;
    border:0px;
}

.BlocPanBandeauSup .BlocPanIdentification .CasePassword
{
    background:transparent url(../App_themes/Images/Visuel/bg_password.png) no-repeat scroll left top;
    height:19px;
    padding-left:10px;
    text-align:left;
    width:100px;
    border:0px;
}

.BlocPanBandeauSup .BlocPanIdentification .BoutonFormulaire
{
    background:transparent url(../App_themes/Images/Visuel/boutonok.png) no-repeat scroll left top;
    height:24px;
    text-align:center;
    width:31px;
    border:0px;
}

.BlocPanBandeauSup .BlocPanIdentification .BoutonInscription
{
    background:transparent url(../App_themes/Images/Visuel/boutoninsc.png) no-repeat scroll left top;
    height:24px;
    text-align:center;
    width:85px;
    border:0px;
}

.BlocPanBandeauSup .BlocPanBandeauDeroulant
{
    float:left;
    width:530px;
}

.BlocPanBandeauSup .BlocPanBandeauDeroulant .Scroller
{
    padding-top:4px;
}

.BlocPanBandeauSup .LblBandeauSup
{
    padding-top:4px;
}

/*----------------------------------------*/
/*------ Structure commune des pages -----*/
/*----------------------------------------*/

.BlocPanContenu .BlocTitreFlash
{
    width:auto;
    height:55px;
    text-align:center;
    margin-bottom:15px;
}

.BlocPanContenu .BlocCadreRelief
{
    width:672px;
    background:url("../App_themes/Images/Visuel/BlocCadreReliefRepeatY.jpg") repeat-y;
    margin-bottom:15px;
}

.BlocPanContenu .BlocCadreRelief .CadreSup
{
    width:672px;
    height:23px;
    background:url("../App_themes/Images/Visuel/BlocCadreReliefSup.jpg") no-repeat left top;
}

.BlocPanContenu .BlocCadreRelief .CadreInf
{
    clear:both;
    width:672px;
    height:23px;
    background:url("../App_themes/Images/Visuel/BlocCadreReliefInf.jpg") no-repeat left top;
}

.BlocPanContenu .BlocCadreRelief .ContenuCadreRelief
{
    width:auto;
    margin-left:18px;
    margin-right:10px;
}

/*----------------------------------------*/
/*------------- Page Accueil -------------*/
/*----------------------------------------*/

.BlocPanContenu .slideshow
{
    padding:10px;
    float:left;
}

.BlocPanContenu.DerniereSoiree
{
    width:auto;
}

.BlocPanContenu .DescriptionDerniereSoiree
{
    width:auto;
    clear:both;
}

.BlocPanContenu .VisuelProchaineSoiree
{
    width:150px;
    text-align:center;
    float:left;
    padding-right:10px;
}

.BlocPanContenu .DjProchaineSoiree
{
    width:100%;
    height:15px;
    font-style:italic;
    color:#CFCFCF;
    padding-bottom:10px;
}

.BlocPanContenu .DescriptionProchaineSoiree
{
    width:480px;
    float:left;
}

.BlocPanContenu .ProchaineSoiree
{
    width:auto;
}

.TableDescription
{
    width:100%;
    border:0px;
    margin-left:25px;
    margin-right:15px;
}

.TableDescription ul
{
	margin:0px;
	padding-left:10px;
	list-style:none;	
}

.TableDescription li 
{
    list-style:none;
}

.TableDescription a 
{
	display: block;
	color:#FFFFFF;
	padding-left:10px;
	background:url("../App_themes/Images/Visuel/pictohover.gif") no-repeat left top;
	background-position: 0px 6px;
}

.BlocPanContenu .DescriptionProchaineSoiree p 
{
	margin-top:0px;
}

.TableDescription a:hover {
	color: #2367BF;
}

/*----------------------------------------*/
/*-------------- Page Dj's ---------------*/
/*----------------------------------------*/


.BlocPanContenu .VisuelPresentationDj
{
    width:340px;
    text-align:center;
    float:left;
}

.BlocPanContenu .DescriptionPresentationDj
{
    width:280px;
    float:left;
    padding-left:10px;
    padding-right:10px;
}

.BlocPanContenu .DescriptionPresentationDj span
{
    font-weight:bold;
}

/*----------------------------------------*/
/*-------------- Page Casema -------------*/
/*----------------------------------------*/


.BlocPanContenu .PhotoSalle
{
    width:auto;
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
}

/*----------------------------------------*/
/*----------- Structure Agenda -----------*/
/*----------------------------------------*/

.TableAgenda
{
    width:100%;
}

.TableAgenda .ImgAgenda
{
    padding-bottom:10px;
}

.TableAgenda .TitreAgenda
{
    font-family:Arial;
    font-size:12pt;
    height:20px;
    font-weight:bold;
}

.TableAgenda .DjAgenda
{
    height:15px;
    font-style:italic;
    color:#CFCFCF;
}

.TableAgenda .DescAgenda
{
    vertical-align:top;
    padding-top:10px;
}

/*----------------------------------------*/
/*------- Structure Identification -------*/
/*----------------------------------------*/

.TableIdent
{
    width:100%;
}

.TableIdent .Champs
{
    padding:5px;
    padding-left:20px;
    width:200px;
}

.TableIdent .Valeur
{
    padding:5px;
}

.TableIdent .CorrectionTrue
{
    padding:5px;
    color: #2367BF;
}

.TableIdent .CorrectionFalse
{
    padding:10px;
    color:red;
}

/*----------------------------------------*/
/*-------- Structure Compte Perso --------*/
/*----------------------------------------*/

.BlocOptionCompte
{
    padding-top:30px;
    padding-bottom:10px;
}

.BlocOptionCompte ul
{
	margin:0px;
	padding-left:10px;
	list-style:none;	
}

.BlocOptionCompte ul li 
{
    background:url("../App_themes/Images/Visuel/pictohover.gif") no-repeat left 4px;
}

.BlocOptionCompte ul li a {
	display: block;
	color:#FFFFFF;
	padding-left:10px;
}

.BlocOptionCompte a:hover {
	color: #2367BF;
	background-position: 0px 6px;
}

.LblErreur
{
    color:Red;
}

.ErreurIdent
{
    padding-bottom:10px;
    text-align:center;
    width:100%;
    color:Red;
}

/*----------------------------------------*/
/*---------- Structure du Forum ----------*/
/*----------------------------------------*/

.TableCatForum
{
    width:100%;
}

.TableCatForum .tdTitre
{
    padding-top:10px;
    text-align:center;
}

.TableCatForum .tdCategorie
{
    padding-top:5px;
    padding-bottom:10px;
    width:320px;
}

.TableCatForum .tdDernierMessage
{
    padding-top:5px;
    padding-bottom:10px;
    padding-left:30px;
    width:auto;
}

.TableCatForum .tdMessage
{
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
    width:50px;
}

.TableTopicForum
{
    width:100%;
}

.TableTopicForum a:link 
{
text-decoration: none;
color: #2367BF;
}

.TableTopicForum a:visited 
{
text-decoration: none;
color: #2367BF;
}

.TableTopicForum a:active 
{
text-decoration: none;
color: #2367BF;
}

.TableTopicForum a:hover 
{
text-decoration: underline;
color: #FFFFFF;
}

.TableTopicForum .tdTitre
{
    padding-top:10px;
    padding-bottom:5px;
}

.TableTopicForum .tdTopic
{
    padding-top:3px;
    padding-bottom:3px;
    width:380px;
}

.TableTopicForum .tdDernierMessage
{
    padding-left:30px;
    width:auto;
}

.TableTopicForum .tdMessage
{
    text-align:center;
    width:50px;
}

.TableTopicForum .LienClassique a:link 
{
text-decoration: none;
color: #CFCFCF;
}

.TableTopicForum .LienClassique a:visited 
{
text-decoration: none;
color: #CFCFCF;
}

.TableTopicForum .LienClassique a:active 
{
text-decoration: none;
color: #CFCFCF;
}

.TableTopicForum .LienClassique a:hover 
{
text-decoration: underline;
color: #FFFFFF;
}

.TableDiscuForum
{
    width:100%;
}

.TableDiscuForum .ColoneGauche
{
    width:100px;
    text-align:left;
    padding-left:20px;
    padding-bottom:10px;
}

.TableDiscuForum .ColoneDroite
{
    width:460px;
    text-align:left;
    padding:10px;
    padding-bottom:10px;
    padding-right:20px;
}

.TableDiscuForum .DateMessage
{
    padding-bottom:10px;
    padding-top:5px;
    color:#CFCFCF;
    font-style:italic;
    font-size:8pt;
}

.LiensBlanc
{
}

.LiensBlanc a
{
    background:url("../App_themes/Images/Visuel/pictohover.gif") no-repeat left top;
    background-position: 0px 6px;
    color:#FFFFFF;
    padding-left:10px;
    color:#FFFFFF;
}

.LiensBlanc a:hover
{
    color:#2367BF;
}

/*----------------------------------------*/
/*--------- Structure Reportage ----------*/
/*----------------------------------------*/

.ImgListeReportage
{
    padding-right:5px;
}

.ApercuReportage
{
    float:left;
    margin:auto;
    width:140px;
    height:95px;
    padding:10px;
    text-align:center;
    margin-bottom:auto;
    margin-top:auto;
}

.ApercuReportage
{

}

.ApercuReportage:hover
{
    background:url("../App_themes/Images/Visuel/selecphoto.gif") no-repeat left top;
}

/*----------------------------------------*/
/*--------- Panneaux de sessions ---------*/
/*----------------------------------------*/

.PanActivSession
{
    text-align:center;
}

.PanHorsSession
{
    text-align:center;
    height:150px;
    padding-top:70px;
}
    

/*----------------------------------------*/
/*--------- Calendrier JavaScript --------*/
/*----------------------------------------*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
