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

div.Spacer {clear: both;}

html, body {
	margin: 0px;
	padding: 0px;		
	background: #c9c2b2 repeat;
	font-family: "Trebuchet MS", Verdana, serif;
}

div#bandeau {
    width: 100%;
    height: 300px; 
	background: #fff url("Banner/banner.png");    
    background-size: 100% 100%;
	overflow:hidden;
    position: relative;
}

div#FirstCadreCentre
{
    width: 100%;
    font-size: 30px;
	font-weight: bold;
	text-align: center;
    position: absolute;
    bottom: 0px;
}

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

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

div#CadreCoinTopLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 30px;
	background: #c9c2b2 url('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('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('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('Cadres/cadre_bottom_right.png') no-repeat;
	font-size: 12px;
	color: #000;
}

div#CadreTopMiddle {
	height: 30px;
	width: 100%;
	background: #c9c2b2 url('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('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('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('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 {
	font-size: 12px;
}

a.Lien {
	font-size: 24px;
}

a.LnkBig {
	font-size: 50px;
	color: #aaaaaa;
}


a.LienYellow {
	font-size: 24px;
    text-decoration: none;
    color: yellow;
}

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

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


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

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

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

div#CompteurOSIU {
	float: right;
	margin: 130px 0px 0px 0px;
	padding: 5px 50px 0px 50px;
	height: 25px;
	width: 100px;
	background: #000000;
}

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

div#CadreIdentifiant {
	height: 30px;
}

.white {
	color: #ffffff;
	margin-right: 10px;
	font-size: 12px;
	}
	
.red {
	color: #cc0000;
	margin-left: 20px;
	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('Cadres/input.png') no-repeat;
}

input.InputTextRequired {
   border: 2px solid orange;
   border-radius: 9px;
}

::placeholder {
    color: orange;
    opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: orange;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: orange;
}

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('Titres/admin.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuMultiMedia {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('Titres/multimedia.png') no-repeat;
	margin-bottom: 5px;
}

div#MenuParoisse {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('Titres/paroisse.png') no-repeat;
	margin-bottom: 5px;
}

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

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

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

div#MenuSofa {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('Titres/sofa.png') no-repeat;
	margin-bottom: 5px;
}

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

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

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

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

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

div#MenuPlanning {
	height: 30px;
	width: 200px;
	background: #c9c2b2 url('Titres/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.Lien {
	text-decoration: none;
	color: #FFF;
}

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

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

#TitreSaisie {	 
	color: #000;
	text-align: left;
	font-size: 22px;
	margin: 10px 0px 20px 2px;
	padding-left: 5px;
}

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

div.CadreNews {
	margin: 10px 30px;
	background: #fff url('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;

}
.PgCentreBlue {
	text-align: center;
	color: #0000AA;
}

.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('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;
	border: none;
}


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

.TableauCentre {
	padding-right: 0px;
	text-align: left;
	font-size: 10px;
}

.PremiereLigneTableauCentre {
	background-color: #c9c2b2;
}

.EnteteTableauCentre {
	text-align: center;
	color: #000;
	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 {
	color: #C26F4D;
	/* font-size: 14pt; */
	border-collapse: separate;
	border: medium solid #F3E874;
	width: 90%;
	margin-left: 50px;
	text-align: center;
	background-color: none;
}

table.TableEmpty {
	margin-left: 0px;
	color: none;
	border: none;
	width: 100%;
	text-align: center;
	background-color: none;
}


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

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

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

tr.LigneTableauStatistiques {
	color: #C26F4D;
}

th.ThEmpty {
	font-size: 20px;
	border: none;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	color: none;
}

td.Selected {
	font-size: 18px;
	border: 2px solid #00FF00;
	text-align: center;
}

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

td.CelluleTableauStatistiquesRouge {
	font-size: 18px;
	border: thin solid #F3E874;
	text-align: center;
	color: red;
	background-color: red;
}

td.CelluleTableauStatistiquesOrange {
	font-size: 18px;
	border: thin solid #F3E874;
	text-align: center;
	color: orange;
	background-color: orange;
}

td.CelluleTableauEmpty {
	font-size: 18px;
	border: thin solid #F3E874;
	text-align: center;
	background-color: white;
	color: white;
}

td.CellFix {
	font-size: 12px;
    min-width: 3em; /* the normal 'fixed' width */
    width    : 3em; /* the normal 'fixed' width */
    max-width: 3em; /* the normal 'fixed' width, to stop the cells expanding */
	border: thin solid #444444;
	text-align: center;
	color: #555522;
}

#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;
}

img.PhotoNews {
    width: 90%;
	margin-bottom: 10%;
}

img.PngAnalyse {
	width: 100%;
}

img.Icon {
	width: 20px;
	height: 20px;
}
img.IconBig {
	width: 50px;
	height: 50px;
}
img.IconLarge {
	width: 60px;
}
img.PhotoPeople {
	width: 250px;
}
img.PhotoPeopleLittle {
	width: 180px;
}
input.IconBig {
	width: 50px;
	height: 50px;
}
img.DelIcon {
	width: 10px;
	height: 10px;
}

#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;
}

.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;
}

.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('Cadres/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('Cadres/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;
}

button.BtnIcon
{
	width:20px;
	height:15px;
    border: 0;
    background: transparent;
}

button.BtnIcon:hover
{
	width:30px;
	height:30px;
}


/* Additions for fixed table headers */
col.infoCol {
    width: 20.2%;
}

col.normalCol {
}

hr {
    border: none;
    border-top: 3px double #333;
    color: #333;
    overflow: visible;
    text-align: center;
    height: 5px;
}

hr:after {
    background: #fff;
    padding: 0 4px;
    position: relative;
    top: -13px;
}