/***************************************************/
/*                 Elements généraux               */
/***************************************************/

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background: #000 url('images_charte_graphique/fond.jpg') center top;
	/* ajouter au choix : no-repeat */
	margin-top: 5px;
}

object {
	/*display: block;*/
}

img {
    border: 0px;
}

a:link {
    text-decoration: none;
    color: #008800;
    font-weight: bold;
}
a:visited {
	text-decoration: none;
    color: #008800;
	font-weight: bold;
}
a:hover {
    color: #008800;
   	text-decoration: underline;
   	font-weight: bold;
}


h1 {
	font-size: 16px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}



td {
	vertical-align: middle;
}


td.top {
	vertical-align: top;
}


.gris {background-color:#FFFFFF}
.over {background-color:#FFFF00}



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

	/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
	.cachediv {
		visibility: hidden;
		overflow: hidden;
		/* rajouter display pour une meilleur compatibilité sur IE */
		display: none;
		/*height: 1px;*/
		/*margin-top: -1px;*/
		position: absolute;
	}

/***************************************************/
/*                 Div généraux                    */
/***************************************************/
#cadreContent {
	display: block;
	margin: 0px auto;
	width: 900px;
	padding: 0px;
	text-align: left;
	/*
	background: url('http://static.digitick.com/ext/billetterie4/site/digitick/image/css_container.png') repeat-y;
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.digitick.com/ext/billetterie4/site/digitick/image/css_container.png', sizingMethod='crop');
	*/
}

/*
#cadreContent #container {
	background: #558855;
}
*/
#cadreContent #container #header {
	display: none;
}





/*******************************************/
/*     Configuration de l'architecture     */
/*******************************************/



#ligneContentHeader {
	margin: 0px auto 0px auto;
	width: 900px;
	height: 148px;

	background: url('images_charte_graphique/header_logo.png') no-repeat;
	/*_background: url('images_charte_graphique/header_logo.gif') no-repeat;*/
}

/*
#ligneContentHeader #colonneContent1 {
	float: left;
	width: 320px;
	margin-right: 5px;
}
#ligneContentHeader #colonneContent2 {
	float: left;
	width: 205px;
	margin-right: 5px;
}
#ligneContentHeader #colonneContent3 {
	float: left;
	width: 165px;
	margin-right: 10px;
}
#ligneContentHeader #colonneContent4 {
	float: left;
}
*/



#ligneContentMenu {
	margin: 0px 0px 0px 0px;
	width: 878px;
	height: 34px;
	padding: 0px 0px 0px 22px;
	background: url('images_charte_graphique/fond_ligne_menu.gif') no-repeat;
	/*
	background: url('fond_menu.png') no-repeat;
	_background: url('gauche_menu.gif') no-repeat;
	*/
}
/*
#ligneContentMenu #colonneContent1 {
	float: left;
	width: 655px;
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 0px 0px;

	background: #00F;
	*/
	/*
	background: url('gauche_menu_2.png') no-repeat;
	_background: url('gauche_menu.gif') no-repeat;
	*/
/*
}
#ligneContentMenu #colonneContent2 {
	float: right;
	width: 223px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	background: #000 url('bas_logo_cma.gif') no-repeat;
}
*/




#ligneInter {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	height: 28px;

	background: url('images_charte_graphique/inter.gif') no-repeat;
	/*_background: url('images_charte_graphique/inter.gif') no-repeat;*/


	/*background: #000;*/
	/*background: url('header_rub.gif') no-repeat;*/
}


#ligneInter #colonneContent1 {
	/* float: left; indispensable pour la colonne à droite reste à droite sur la même ligne */
	float: left;
	width: 672px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#ligneInter #colonneContent2 {
	/* float: right; indispensable pour ça reste à droite sur la même ligne */
	float: right;
	width: 228px;
	height: 28px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}






/*
#ligneContent2 {
	margin: 0px auto 2px auto;
	width: 900px;
	height: 107px;
	background: url('header_logo.png') no-repeat;
	_background: url('header_logo_test.gif') no-repeat;
}
#ligneContent2 #colonneContent1 {
	float: left;
	width: 320px;
	margin-right: 5px;
}
#ligneContent2 #colonneContent2 {
	float: left;
	width: 205px;
	margin-right: 5px;
}
#ligneContent2 #colonneContent3 {
	float: left;
	width: 165px;
	margin-right: 10px;
}
#ligneContent2 #colonneContent4 {
	float: left;
}
*/




#ligneContentPubLarge {
	clear: both;

	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;

	width: 900px;
	height: 90px;
}




/*
#ligneContent3 {
	width: 900px;
	height: 33px;
	margin: 0px auto 5px auto;
	background: url('css_bgBodyRssPlayer.gif') no-repeat;
}
#ligneContent3 #colonneContent1 {
}





#ligneContent4 {
	width: 900px;
	height: 99px;
	margin: 0px auto;
	background: url('css_recherche.png') no-repeat;
	_background: url('css_recherche.gif') no-repeat;
}
#ligneContent4 #colonneContent1 {
	float: left;
	width: 480px;
}
#ligneContent4 #colonneContent2 {
	float: left;
	width: 270px;
}
#ligneContent4 #colonneContent3 {
	float: left;
}




#pageEtape3 #ligneContent3,
#pageEtape3 #ligneContent4{
    display: none;
}
*/


#ligneContent5 {
	clear: both;
	margin: 0px auto 0px auto;
	width: 900px;
	margin-bottom: 5px;
}
#ligneContent5 #colonneContent1 {
	float: left;
	width: 690px;
	margin-right: 5px;
	/* background:#F00; */
}
#ligneContent5 #colonneContent2 {
	float: left;
	width: 205px;
	/* background:#0F0; */
}




#ligneContent6 {
	clear: both;
	margin: 5px auto 0px auto;
	padding-top: 20px;
	width: 900px;
}




#ligneContent7 {
	clear: both;
}




/*******************************************/
/*       Configuration des composants      */
/*******************************************/



/* A GARDER */
.titleComposants {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	color: #009900;
	margin-bottom: 5px;
}





/********************************************************/
/*                     (A GARDER !!!)                  */
/******************************************************/
#compCopyright {
	text-align: left;
	/*background: #000;*/
	height: 116px;
}

#compCopyright #contentCopyright {
	height: 110px;
	width: 900px;
	color: #FFFFFF;
	/*font-size: 12;*/

	background: url('images_charte_graphique/footer.gif') no-repeat;
	/* text-align: left; */
	/*padding: 10px 5px 0px;*/

}
#compCopyright #contentCopyright #textNormal {
	/* margin-top permet d'ajuster la hauteur du texte , avec 80px il est callé en bas du pied de page */
	margin-top: 80px;
	padding-left: 15px;

/*
	display: block;
	text-align: left;
*/
	float: left;

}
#compCopyright #contentCopyright #link1 a {

	/*display: block;
	float: left;
	*/
	color: #FFFFFF;
	font-size: 12px;
	background: url('images_charte_graphique/ico_flecheRightYellow.gif') no-repeat center left;
	padding-left: 15px;
	margin-left: 20px;
	font-weight: normal;

}

#compCopyright #contentCopyright #link2 a {

	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;

}

#compCopyright #contentCopyright span {
	/* margin-top permet d'ajuster la hauteur du texte , avec 67px il est callé en bas du pied de page */
	margin-top: 67px;
	/*
	display: block;
	text-align: right;
	*/
	float: right;

}







/*******************************************/
/*               Newsletter                */
/*******************************************/

.champSaisieEmail {
	/*
	display: block;
	float: left;
	*/
	padding-left: 20px;
	border: 1px solid #000;
	background: #fff url('images_charte_graphique/champSaisieEmail.jpg') no-repeat;
	/*width: 100px;*/
}

.champSaisie {
	/*display: block;*/
	/*float: left;*/
	padding-left: 2px;
	border: 1px solid #000;
	background: #eee url('images_charte_graphique/champSaisie.jpg') repeat-x;
	/*width: 100px;*/
}

.textarea {
	border: 1px solid #000;
}

/*
input[type=Button],input[type=Submit] {

	width: auto;

	height: 20px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	background: #008800;
	color: #fff;
	border: 1px solid #000;
}

input[type=Button]:hover,input[type=Submit]:hover {
	background: #00FF00;
}
input[type=Button]:active,input[type=Submit]:active {
	background: #000000;
	color: #0f0;
}
*/


.submitbutton {
	/*display: block;*/
	width: auto;
	/*float: left;*/
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	background: #008800;
	color: #fff;
	border: 1px solid #000;
}




.EditModeButton {
	/*display: block;*/
	width: auto;
	/*float: left;*/
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	background: #000000;
	color: #FFFFFF;
	border: 1px solid #008800;
}


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




/*******************************************/
/*                Objet                    */
/*******************************************/

#compObjet {
	display: block;
	float: left;
	margin-bottom: 7px;
}

#compObjet #headerObjet {
	float: left;
	padding-top: 0px;
	/*background: url('css_headerComp690.gif') no-repeat;*/
}


#compObjet #headerObjet #footerObjet {
	float: left;
}

#compObjet #headerObjet #footerObjet #contentObjet {
	display: block;
	float: left;
	/*
	border-width: 0px 1px 1px 1px;
	border-color: #000000;
	border-style: solid;
	*/

	/*
	min-height: 250px;

	_height: 250px;
	*/
	padding: 0px;
	margin: 0px;

}



#topRubSousMenu {
	display: block;

	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 50px;

	height: 18px;
	margin: 0px;

}


#compObjet #headerObjet #footerObjet #contentObjet #topRub {
	display: block;
	/*  largeur totale ligne 5 colonne 1 = 690px
		mais on utilise que 688... !
		638+50=688px => le padding est important !
	*/
	width: 638px;
	/*
	color: #fff;
	*/
	/*padding: 2px 10px 0px 10px;*/

	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;

	height: 18px;
	/* 18+5=23px = hauteur image du fond */
	margin: 0px;
	background: url('images_charte_graphique/header_rub.gif') no-repeat;
}

#compObjet #headerObjet #footerObjet #contentObjet #contenuFlash {
	display: block;
	width: 683px;

	color: #000000;

	min-height: 50px;
	/* height: 50px; Si on ajoute ça, la hauteur sera fixe */

	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;

	margin: 0px;
	background: #FFF;
}


#compObjet #headerObjet #footerObjet #contentObjet #contenuTexte {
	display: block;
	width: 658px;

	color: #000000;
	font-size: 12px;
	min-height: 50px;
	/* height: 50px; Si on ajoute ça, la hauteur sera fixe */

	padding: 15px;

	margin: 0px;
	background: #FFF;
}

#compObjet #headerObjet #footerObjet #contentObjet #bottomRub {
	display: block;
	width: 668px;

	/*color: #000000;*/
	padding: 2px 0px 0px 20px;
	height: 20px;
	margin: 0px;
	background: url('images_charte_graphique/footer_rub.gif') no-repeat;
}

#compObjet #headerObjet #footerObjet #contentObjet dl {
	display: block;
	clear: left;
	float: left;
	padding: 10px;
	min-height: 122px;
	/*_height: 122px;*/
}

#compObjet #headerObjet #footerObjet #contentObjet dt {
    display: block;
    float: left;
}
#compObjet #headerObjet #footerObjet #contentObjet dt img{
    display: block;
	width: 110px;
	height: 110px;
	padding: 5px;
	border: 1px solid #c1c0bc;
}

#compObjet #headerObjet #footerObjet #contentObjet dd {
	display: block;
    float: left;
    width: 541px;
    margin-left: 5px;
	text-align: left;
}


/*******************************************/
/*            Concert  (Perso !!!)         */
/*******************************************/
#compConcert {
	text-align: left;
	margin-bottom: 5px;
}

#compConcert #headerConcert{
    padding-top: 0px;
	/*background: url('css_headerComp205.gif') no-repeat;*/
}
#compConcert #headerConcert #footerConcert{
}
#compConcert #headerConcert #footerConcert #contentConcert{
    /*background: #fff;*/
	padding: 0px;
	/*
		border-color:#D5D3D4;
		border-color:#000000;
   		border-style:solid;
    	border-width:0px 1px 1px;
	*/
}
#compConcert #headerConcert #footerConcert #contentConcert #titleConcert{
	/* color: #fff; */
	/* total largeur = 205px */
	padding: 2px 0px 0px 28px;
	height: 20px;
	margin: 0px;
	background: #FFF url('images_charte_graphique/header_rub_col_right.gif') repeat-x;
}

#compConcert #headerConcert #footerConcert #contentConcert #contenuConcert{
	/* color: #fff; */
	/* total largeur = 205px */
	padding: 2px 0px 0px 5px;
	margin: 0px;
	background: #FFF;
}




#compConcert #headerConcert #footerConcert #contentConcert .blocActu {
    display:block;
    padding:5px;
}

#compConcert #headerConcert #footerConcert #contentConcert .blocActu a{
    text-decoration: none;
}

#compConcert #headerConcert #footerConcert #contentConcert .dateActu{
    color:#009900;
    font-size:1.4em;
    font-weight:bold;
    float:left;
}

#compConcert #headerConcert #footerConcert #contentConcert .nomActu{
    font-size:1.4em;
    font-weight:bold;
    margin-left:5px;
    display:inline;
}
#compConcert #headerConcert #footerConcert #contentConcert .infosActu{
    display:block;
    font-size: 1.2em;
    font-weight: normal;
}


#compConcert #headerConcert #footerConcert #contentConcert #navActu {
	padding: 5px;
	height: 16px;
	background: #f4f4f4;
}

#compConcert #headerConcert #footerConcert #contentConcert #bottom {
	padding: 2px 0px 0px 20px;
	height: 20px;
	margin: 0px;
	background: url('images_charte_graphique/footer_rub_col_right.gif') repeat-x;
}

#compConcert #headerConcert #footerConcert #contentConcert #navActu #nextActu {
	display: block;
	height: 13px;
	padding: 3px 19px 0px 0px;
	background: url('images_charte_graphique/ico_flecheRightYellow.gif') no-repeat center right;
	float: right;
}
#compConcert #headerConcert #footerConcert #contentConcert #navActu #prevActu {
	display: block;
	height: 13px;
	padding: 3px 0px 0px 19px;
	background: url('images_charte_graphique/ico_flecheLeftYellow.gif') no-repeat center left;
	float: left;
}




/*******************************************/
/*               Actu Billetterie          */
/*******************************************/
#compActuBilletterie {
	text-align: left;
	margin-bottom: 5px;
}

#compActuBilletterie #headerActuBilletterie{
    padding-top: 5px;
	/*background: url('css_headerComp205.gif') no-repeat;*/
}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie{
    /*background: #fff;*/
	padding: 0px;
	/*
		border-color:#D5D3D4;
		border-color:#000000;
   		border-style:solid;
    	border-width:0px 1px 1px;
	*/
}
#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #titleActuBilletterie{
	/* color: #fff; */
	/* total largeur = 205px */
	/* text-align: left; */
	padding: 2px 0px 0px 28px;
	height: 20px;
	margin: 0px;
	background: url('images_charte_graphique/header_rub_col_right.gif') repeat-x;
}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #contenuBilletterie{
	/* color: #fff; */
	/* total largeur = 205px */
	padding: 2px 0px 0px 5px;

	margin: 0px;
	background: #FFF;
}




#compActuBilletterie #headerActuBilletterie #contentActuBilletterie .blocActu {
    display:block;
    padding:5px;
}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie .blocActu a{
    text-decoration: none;
}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie .dateActu{
    color:#009900;
    font-size:1.4em;
    font-weight:bold;
    float:left;

}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie .nomActu{
    font-size:1.4em;
    font-weight:bold;
    margin-left:5px;
    display:inline;

}
#compActuBilletterie #headerActuBilletterie #contentActuBilletterie .infosActu{
    display:block;
    font-size: 1.2em;
    font-weight: normal;

}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #navActu {
	padding: 5px;
	height: 16px;
	background: #f4f4f4;
}

#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #bottom {
	padding: 2px 0px 0px 20px;
	height: 20px;
	margin: 0px;
	background: url('images_charte_graphique/footer_rub_col_right.gif') repeat-x;
}


#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #navActu #nextActu {
	display: block;
	height: 13px;
	padding: 3px 19px 0px 0px;
	background: url('images_charte_graphique/ico_flecheRightYellow.gif') no-repeat center right;
	float: right;
}
#compActuBilletterie #headerActuBilletterie #contentActuBilletterie #navActu #prevActu {
	display: block;
	height: 13px;
	padding: 3px 0px 0px 19px;
	background: url('images_charte_graphique/ico_flecheLeftYellow.gif') no-repeat center left;
	float: left;
}