/* ~~~~~~~~ [ Mis ŕ jour le 10/03/2009 ] ~~~~~~~~ */

html, body {	
	margin: 0px;
	padding: 0px;		
	background: #c9c2b2 url("../images/image.png") repeat;
	font-family: "Trebuchet MS", Verdana, serif;
}

div.Spacer {clear: both;}

div#bandeau {
	width:100%;
	height: 160px;
	background: #fff url("../images/Cadres/banner.jpg") repeat-x;
	overflow:hidden;
}

div#CadreInferieur {
	margin: 20px 0px 0px 0px;
	width: 100%;
	overflow:hidden;
}

div#CadreGauche {
	float: left;
	width: 200px;
}

div#CadreCentre
{
	margin-left: 205px;
}

div#CadreGlobalTexte {
	background-color: white;
	position: relative;
}

div#CadreGlobalTextePadding 
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
}

div#CadreCoinTopLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 30px;
	background: #c9c2b2 url('../images/Cadres/cadre_top_left.png') no-repeat;
	font-size: 12px;
	color: #000;
}

div#CadreCoinTopRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 210px;
	height: 30px;
	background: #c9c2b2 url('../images/Cadres/cadre_top_right.png') no-repeat;
	font-size: 12px;
	color: #000;
}

div#CadreCoinBottomLeft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 210px;
	height: 30px;
	background: #c9c2b2 url('../images/Cadres/cadre_bottom_left.png') no-repeat;
	font-size: 12px;
	color: #000;
}

div#CadreCoinBottomRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 210px;
	height: 30px;
	background: #c9c2b2 url('../images/Cadres/cadre_bottom_right.png') no-repeat;
	font-size: 12px;
	color: #000;
}

div#CadreTopMiddle {
	height: 30px;
	width: 100%;
	background: #c9c2b2 url('../images/Cadres/cadre_top_middle.png') repeat-x;
	font-size: 12px;
	color: #000;
}

div#CadreBottomMiddle {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background: #c9c2b2 url('../images/Cadres/cadre_bottom_middle.png') repeat-x;
	font-size: 12px;
	color: #000;
}


div#CadreLeftMiddle {
	position: absolute;
	top: 0px;
	left: 0px;
	width:40px;
	height: 100%;
	background: #c9c2b2 url('../images/Cadres/cadre_middle_left.png') repeat-y;
	font-size: 12px;
	color: #000;
}

div#CadreRightMiddle {
	position: absolute;
	top: 0px;
	right: 0px;
	width:40px;
	height: 100%;
	background: #c9c2b2 url('../images/Cadres/cadre_middle_right.png') repeat-y;
	font-size: 12px;
	color: #000;
}

div#PiedDePage {		
	margin-left: auto;
	margin-right: auto;
	background: #c9c2b2;
	color: #574a44;
	height: 40px;
	width: 630px;
	text-align: center;
}

a.LienBasDePage {
	text-decoration: none;
	font-size: 12px;
	color: #574a44;
	text-align: center;
}

a.LienBasDePage:hover {
	color: #000;
}

/* ~~~~~~~~ [ Cadre d'identification ] ~~~~~~~~ */

div#currentuser {
	position: relative;
	float: right;
	height: 30px;
	width: 100px;
	margin: 100px 0 0 0;
	background: #000;
}

div#CompteurOSIU {
	position: relative;
	float: right;
	margin: 115px 120px 0 0;
	height: 30px;
	background: #000;
}

div#EspaceMusicien {
	float: right;
	margin: 110px 0px 0px 0px;
	height: 30px;
	background: #000000;
}

div#CadreIdentifiant {
	height: 30px;
}

.white {
	color: #ffffff;
	margin-left: 10px;
	font-size: 12px;
	}
	
.red {
	color: #cc0000;
	margin-right: 20px;
	font-size: 12px;
	}

input.InputTextIdentifiant {
	height: 14px;
	width: 80px;
	font-size: 10px;
	padding: 2px;
	border: none;
	margin: 6px 5px 0 5px;
	background: #666666 url('../images/Cadres/input.png') no-repeat;
}

input.boutonok {
	margin: 6px 10px 0 0;
	width: 20px;
	border: none;
	font-size: 10px;
	background: #666666;
}

input.boutonok:hover {
	background: #ffcc00;
}

input.boutondeconnexion {
	margin: 6px 10px 0 0;
	width: 70px;
	border: none;
	font-size: 10px;
	background: #666666;
}

input.boutondeconnexion:hover {
	background: #ffcc00;
}

/* ~~~~~~~~ [ Menus ] ~~~~~~~~ */

div#MenuAdmin {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/admin.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuActualite {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/actu.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuMusiciens {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/musiciens.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuContacts {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/actu.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuOrchestre {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/orchestre.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuDivers {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/extras.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuMail {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/mail.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuPhotos {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/actu.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuSite {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/actu.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuPlanning {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('../images/Cadres/actu.png') no-repeat;
	margin-bottom: 5px;
}

div.MenuMilieu {
	width: 200px;
	margin: 0px;
	background: transparent;
}

div.MenuBas {
	width: 150px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}

ul.MenuCote {
	position: relative;
	margin: 0 0 0 10px;
	padding: 0px;
}

li.ItemMenuCote {
	list-style: none;
	padding: 0px;
	height: 19px;
	
}

a.LienMenuCote {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-left: 5px solid #c9c2b2;
	padding-left: 5px;
}
a.LienMenuCote:hover {
	color: #000;
	border-left: 5px solid #000;
}

/* ~~~~~~~~ [ Cadre principal ] ~~~~~~~~ */

#Titre {
	color: #000;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
}

#TitreGauche {
	color: #CC0000;
	text-align: left;
	font-size: 25px;
	text-decoration: none;
	margin-bottom: 25px;
}

div.CadreNews {
	margin: 10px 30px;
	background: #fff url('../images/Cadres/portee.png') repeat-x top;
}

div.TitreNews {
	padding-top: 50px
}

div.ContenuNews {
	color: #000000;
	text-align: justify;
	padding: 10px;
	font-size:0.9em;
}

span.DateNews {
	color: #574a44;
}

span.TitreNews {
	font-weight: bold;
	font-size: 14px;
}

/* ~~~~~~~~ [ Classes de style ] ~~~~~~~~ */

p {
	text-align: justify;
	margin: 0px 30px 10px 30px;
}

.PremierPg {
	text-indent: 15px;
	text-align:justify;
}

.PgAligneDroite {
	text-align: right;
}

.Tabulation {
    color: #000;
    text-indent: 80px;
}

.SousTitre {
	color: #000;
	text-align: left;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

.SousTitreCentre {
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.PgCentre {
	text-align: center;

}

.PgGauche {
	text-align: left ;
}

.PgErreur {
	color: #FF0000;
	text-align: center;
}

.PetitPgCentre {
	color: white;
	font-size: 18px;
	text-align: justify;
	width: 70%;
	margin: auto;
}

.TitreAnnonce {
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 10px;
}

.PgAnnonce {
	text-align: center;	
	font-weight:bold;
	color:black;
}

.SautDeLigne {
	width: 100px;
	height: 16px;
}

.MotImportant {
	color: #cc0000;
	font-weight: bold;
}

.MotSouligne {
	text-decoration: underline;
}

.Nom {
	font-style: italic;
	font-weight: bold;
	color: #cc0000;
}

.ListeJustifiee {
	color: #000;
	text-align: justify;
	list-style-image: url('../images/Liste/cacbul1a.gif');
	padding-left:5px;
	margin: 0px 30px 10px 30px;
}

.ListeCentree {
	text-align: center;
	list-style: none;
	font-weight: bold;
}

.ListeGauche {
	text-align: left;
	list-style: none;
	font-weight: bold;
}

.ListeRubrique {
	margin-top: 8px;
}

.LienRubrique {
	color: #D29882;
	text-decoration: none;
}

.LienRubrique:hover {
	color: white;
}

.LienTheme {
	color: #F3E874;
	text-align: center;
	text-decoration: underline;
	font-size: 23px;
}

.LienTheme:hover {
	color: white;
}

.Lien {
	color: #CC0000;
}

.Lien:hover {
	color: #666;
}

.LienPhoto {
	border: 0px;
	color: black;
}

.Email {
	color: #666;
	text-decoration: none;
}

.MenuHorizontalCentre {
	margin-left: auto;
	margin-right: auto;
	width: 375px;
}

.MenuHorizontal1Bouton {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 125px;
}

.MenuHorizontal2Boutons {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

.ItemMenuHorizontal {
	list-style: none;
	float: left;
	width: 125px;
	height: 50px;
}

.TableauSansBordure {
	border: none;
	width: 70%;
	margin: auto;
}

.LigneSansBordure {
	border: none;
}

.CelluleSansBordure {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
}


/* ~~~~~~~~ [ Tableau centré ] ~~~~~~~~ */

.TableauCentre {
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 10px;
	width: 95%;
}

.PremiereLigneTableauCentre {
	background-color: #c9c2b2;
}

.EnteteTableauCentre {
	text-align: center;
	color: #000;
	margin: 1px 5px;
	font-weight: bold;
}

.LignePas1TableauCentre {
	background-color: #ccc;
}

.LignePas0TableauCentre {
	background-color: #ddd;
}

.CelluleTableauCentre {
	color: #666;
	margin: 2px;
}

.CelluleTableauCentre a {
	font-size: 0.9em;
	font-weight: bold;
}

.CelluleTableauCentre a:hover {
	font-size: 0.9em;
	font-weight: bold;
}

#TableauConcerts {
	border-collapse: separate;
	border: 1px solid #c9c2b2;
	text-align: center;
	margin: 10px 30px;
}

.PremiereLigneTableauConcerts {
	background-color: #F3E874;	
}

.EnteteTableauConcerts {
	text-align: center;
	color: #C26F4D;
	font-weight: bold;
	font-size: 16px;
}

.LigneTableauConcerts {}

.CelluleTableauConcerts {
	border: 1px solid #c9c2b2;
	width: 50%;
	text-align: center;
}

table.TableauStatistiques {
	color: #C26F4D;
	/* font-size: 14pt; */
	border-collapse: separate;
	border: medium solid #F3E874;
	width: 90%;
	text-align: center;
	margin: auto;
}

table.Tnormal {
	border-collapse: collapse;
	border: 4px solid #eec;
}

table.Tnormal td, th {
	border: 1px solid #dbc;
	background-color: #c4ac94;
	text-align: left;
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
	color: #642;
}

tr.LigneTableauStatistiques {
	color: #C26F4D;
}

td.CelluleTableauStatistiques {
	font-size: 18px;
	border: thin solid #F3E874;
	text-align: center;
	width: 25%;
	color: #C26F4D;
}

#TableauAlbumsPhotos {
	border-collapse: separate;
	width: 50%;
	text-align: center;
	margin: auto;
	border: no;
}

.LigneTableauAlbumsPhotos {
	background-color: white;
}
	
.CelluleTableauAlbumsPhotos {
	border: no;
	text-align: center;
	width: 50%;	
}

table.TableauPhotos {
	padding-right: 0px;
	border-collapse: separate;
	width: 90%;
	text-align: center;
	margin: auto;
	border: no;
}

.LigneTableauPhotos {
	background-color: white;
}
	
.CelluleTableauPhotos {
	border: no;
	text-align: center;
}

.divPhotoAlbum {
	text-align: center;
	margin-left: 10%;
	width: 80%;
}

.TextePhoto {
	text-align: center;
	margin-left: 10%;
	width: 80%;
}

.PhotoAlbum {
	width: 80%;	
}

table.TableauTrombinoscope {
	padding-right: 0px;
	border-collapse: separate;
	width: 90%;
	margin: auto;
	text-align: center;
	border: no;
}

.LigneTableauTrombinoscope {
	background-color: white;
}
	
.CelluleTableauTrombinoscope {
	border: no;
	text-align: center;	
}

.divPhotoTrombi{
	text-align: center;
	margin-left: 10%;
	width: 80%;
}

.TextePhotoTrombi {
	text-align: center;
	margin-left: 10%;
	width: 80%;
}

.PhotoTrombi {
	border: no;
	width: 80px;	
}

.PhotoGardeAlbumPhotos {
	width: 200px;
}	

.DiaporamaPhoto {
    width: 100%;
	margin-bottom: 5px;
}

#Image1Historique {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 550px;
}

#Image2Historique {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 600px;
}

#Image1AnciensConcerts {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 350px;
}

#Image1BiographieChef {
	width: 171px;
	margin-top: 15px;
	margin-bottom: 40px;
}

.AfficheConcert {
	width: 300px;
	height: 440px;
}

#AccesRouteInsa {
	width: 450px;
	height: 370px;
}

#PlanCampusDoua {
	width: 568px;
	height: 420px;
	margin: auto;
	background-image: url('../Presentation/Actualite/Images/PlanCampusDoua.JPG');
	background-repeat: no-repeat;
}

.Formulaire {
	width: 75%;
	margin: auto;
}

.BoutonFormulaire {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.SelectFormulaire {
	background-color: #F3E874;
	margin-right: 10px;
	margin-left: 5px;
}

.TextAreaFormulaire {
	background-color: #F3E874;
}

form.PgCentre {
	color: #F3E874;
}

.InputTextFormulaire {
	background-color: #F3E874;
}

.InputRequete {
    background-color: #F3A874;
}

#Corps {
	text-align: center;
	margin-left: 20%;
	padding-right: 30px;
	height: 1%;
	/*background-color:green;*/
}

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

.ItemMenuVertical {
	list-style: none;
	margin-bottom: 30px;
}

.Bouton {
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
	margin-right: 20px;
}

.Bouton:hover {
	color: #666;
}

ul#MenuBasDePage {
	list-style: none;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 7px;
}

li#ItemMenuBasDePage {
	display: inline;
	margin-left: 20px;
    font-size: 12px;   
}

li#ItemMenuBasDePageAdmin1 {
	display: inline;
	margin-left: 35px;
}

li#ItemMenuBasDePageAdmin2{
	display: inline;
	margin-left: 65px;
}

p.PgErreurMusicien {
	color: red;
	font-weight: bold;
	font-size: 0.6em;
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: center;
}

div.EnConstruction {
	width: 216px;
	height: 144px;
	margin: auto;
	background-image: url('../images/EnConstruction.JPG');
	background-repeat: no-repeat;
}

div#TitreNewsletter {
	width: 515px;
	height: 57px;
	margin: auto;
	background-image: url('../images/Cadre_Newsletter.JPG');
	background-repeat: no-repeat;
}

div.CadreTexteHaut {
	width: 530px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	background-image: url('../images/Cadre_Texte_Haut.JPG');
	background-repeat: no-repeat;
}

div.CadreTexteBas {
	width: 530px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 0px;
	background-image: url('../images/Cadre_Texte_Bas.JPG');
	background-repeat: no-repeat;
}

div.CadreTexteMilieu {
	width: 530px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url('../images/Cadre_Texte_Milieu.JPG');
	background-repeat: repeat-y;
}

div#CadreAccueilAdministration {
	width: 530px;
	height: 440px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	background-image: url('../images/Cadre_Accueil_Admin.JPG');
	background-repeat: no-repeat;
}

.decal {
    margin-bottom: -10px;
}

table#TableauBureau
{
	width:500px;
}

table#TableauCommissions
{
	width:450px;
}

table#TableauCommissions ul
{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

table#PlanningRepetitions
{
	width:580px;
}

ul.Enumeration1
{
	margin-left:0px;
	padding-left:0px;
	margin-bottom:40px;
}

ul.Enumeration1 li
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:100px;
	padding-left:5px;
	list-style-image: url('../images/Liste/cacbul1a.gif');
}

ul.Enumeration2
{
	margin-left:0px;
	padding-left:0px;
	margin-top:20px;
	margin-bottom:20px;
}

ul.Enumeration2 li
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:260px;
	padding-left:5px;
	list-style-image: url('../images/Liste/cacbul1a.gif');
}

.SousTitre1
{
	text-align:center;
	color:#CC0000;
	text-decoration:underline;
}

.SousTitre2
{
	text-align:center;
	color:#C26F4D;
}

div.DescriptionCommission
{
	width:450px;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
}