/* ----------------------------| SCRIPT INTRO |---------------------------- */

#intro {
	position: absolute; 
	top: 0; 
	width: 100%;
	height: 820px; 
	z-index: 100;
	}

#fond-couleur {
	position: relative; 
	height: 800px; 
	background-color: rgb(168,56,56); 
	text-align: center; 
	}
	
#fond-couleur a {	
    font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
	line-height: 80px;
	}
	
#fond-degrade {
	height: 20px; 
	background: url(../img/fond-degr.png) repeat-x; 
	}

#lesdates {	
	position: relative;
	left: 200px;
	top: -5em;
    font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #bbb;
	}
	
/* ----------------------------| 6. COL PROGRAM |---------------------------- */

#colprogr {
	width: 245px;
	float: right;
	margin-right: 10px;
	background-color: rgb(248,249,249);
	}
	
#ongletsNews {
	background-color: white;
	padding-top: 1em;
	}
	
#ongletNews1, #ongletNews2, #ongletNews3, #ongletDates1, #ongletDates2, #ongletDates3 {
	position: relative;
	bottom: -4px;
	height: 2em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	padding: 3px 7px;
	background-color: rgb(194,204,247);
	text-align: center;
	color: black;
	text-decoration: none;
	/*outline: none; */ 
	}
	
#ongletNews2, #ongletDates2 {
	background-color: rgb(230,235,246);
	color: #aaa;
	font-weight: normal;
	margin: -500px 0 0 -5000px; /* remis à sa bonne place par JS */
	}
	
#news, #autres, #aujourdhui, #demain {
	width: 245px;
	height: 200px;
	background: url(../img/fond-news.jpg) repeat-x;
	overflow: auto;
	line-height: .8em; 
	}

#aujourdhui, #demain {
	height: 270px; 
	}
	
.news-divers, .spectacleIndex { 
	border-bottom: 1px solid black;
	padding: 5px; 
	}

.news-divers span { font-size: .75em; }
.news-divers h3 { font-size: 1.1em;  color: rgb(183,65,65); margin: 2px 0; }
.news-divers h4 { font-size: .8em; margin: 1px 0; }
.news-divers h5 { font-size: .75em; color: #999; font-weight: bold; }
.news-divers p { font-size: .75em; }

	
.spectacleIndex h3 { font-size: .9em; color: rgb(183,65,65); }
.spectacleIndex h4 {  font-size: .75em; }
.spectacleIndex span.datelieuIndex  { font-size: .75em; color: #999; font-weight: bold; }


/* ----------------------------| 7. PAGE INDEX |---------------------------- */

#pageIndex {
	margin-left: 175px;
	}
	
#ongletsIndex {
	background-color: white;
	padding-top: 1em;
	}
	
#ongletIndex1, #ongletIndex2 {
	position: relative;
	bottom: -4px;
	height: 2em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	padding: 3px 10px;
	margin: 0;
	background-color: #e8e8e8;
	border-left: 2px solid rgb(245,245,245);
	border-right: 2px solid #ddd;
	text-align: center;
	color: black;
	text-decoration: none;
	outline: none;
	}
	
#ongletIndex1 {
	margin-left: 30px;
	}
	
#ongletIndex2 {
	background-color: rgb(245,245,245);
	border-left: 2px solid rgb(250,250,250);
	border-right: 2px solid #eee;
	color: #aaa;
	font-weight: normal;
	margin: -500px 0 0 -5000px; /* remis à sa bonne place par JS */
	}

/* ----------------------------| 8. MYSTRASMED |---------------------------- */

#mySM, #edito {
	margin-right: 250px;
	padding: 5px 10px;
	background: #eee url(../img/fond-page.jpg) repeat-x;
	}
	
/* ----- partie sup (avec login si...) -------- */
	
#mySMtop {
	height: 60px;
	background: url(../img/mySM-top.jpg) repeat-x; 
	}
	
#mySMtop img {
	vertical-align: middle;
	}
	
#mySMtop2 {
	width: 20px;
	height: 60px; 
	float: right;
	background: url(../img/mySM-top-droite.jpg) repeat-x; 
	}
	
#smil1 {
	margin-top: -5px;
	}

/* ----- affichage du bloc arrondi + scroll-------- */
	
#mySMscroll {
	min-height: 430px; 
	background: url(../img/mySM-fond.jpg) repeat-x; 
	}
	
#mySMscroll1 {
	width: 37px;
	height: 430px;
	background: url(../img/mySM-bord-gauche.jpg) no-repeat;   
	float: left;
	}
	
#mySMscroll2 {
	width: 29px;
	height: 430px;
	background: url(../img/mySM-bord-droite.jpg) no-repeat;  
	float: right;
	}
	
#mySMscroll3 {
	overflow: auto; 
	height: 415px; 
	}
	
/* ----- affichage de création de compte -------- */

#mySMcreecompte {
	width: 80%;
	margin : 5px auto;
	padding: 10px;
	color: white;
	background: rgb(88,83,170) url(../img/mySM-bleu.jpg) top left no-repeat;  
	text-align: center;
	}
	
#mySMcreebouton {
	height: 30px;
	width: 180px;
	margin : 0 auto;
	color: rgb(88,83,170);
	background: white url(../img/mySM-bouton.jpg) top center no-repeat;  
	text-align: center;
	}
	
#mySMcreebouton a {
	display: block;
	line-height: 30px;
	color: rgb(88,83,170);
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	}
	
#mySMcreetexte {
	width: 80%;
	margin : 0 auto;
	padding-top: 10px; 
	}
	
#mySMcreetexte p {
	font-size: .9em;
	color: #888; 
	}
	
#mySMcreetexte img#imgpicto {
	float: left;
	margin: 5px 10px 5px -15px;  
	}
	
#mySMcreetexte p#imgprogr {
	height: 120px;
	margin-top: 10px;
	background: url(../img/menuMySM.gif) no-repeat;  
	}
	
#smil0 {
	margin-top: -5px;
	}	
	
/* ----- affichage des programmes SM -------- */
	
#affiche { 
	}
	
.spectacleMySM { 
	border-bottom: 1px solid #ccc; 
	padding: 5px; 
	}
	
h2.h2MySM {
	font-size: .8em; 
	color: #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 3px 0;
	margin: 0;
	text-transform: uppercase; 
	} 
	
h3.titreMySM { font-size: 1em; }
h4.soustitreMySM  { font-size: .85em; }
p.datelieuMySM  { font-size: .8em; color: #999; font-weight: bold; }

/* ----- picto suppr MyStrasMed -------- */

.unlinkMySM { float: right; width: 11px; height: 11px; margin: 5px 5px 0 0; }

/* ----- gestion formulaires -------- */

#FormName legend {
	color:white;
	}
	
#FormName fieldset {
	border:1px solid white;
	}

#FormName input#compteSM, #FormName input#mailSM {
	width: 30%;
	margin: 5px 0 15px 0;
	}
	
#FormName fieldset#Form label {	
	}

#FormName .focus {	
	background: #eee;
	color: black;
	}
	
#FormName .normal {
	background: white;
	color: black;
	}
	
p.alerte {
	font-weight: bold;
	color: red;
	}

/* ----------------------------| 8bis. EDITO |---------------------------- */

#edito {  
	background: url(../img/vide.gif) repeat-x;  /* remise du fond gris par JS */
	padding-top: 20px;
	}
	
#edito p {
	height: 430px;
	margin : 20px 8px;
	font-size: .9em;
	color: #777; 
	overflow: auto; 
	}