@import "commun.css";
@import "couleur.css";
@import "menu.css";
@import "kplien.css";

html, body {
	font-size:11px;
	font-family: Helvetica, Verdana, Arial, sans serif;
	text-align:center;
	margin:0;
	padding:0;
}

body {
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}	

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

div.globale {
	width:960px;
	text-align:left;
}

div.contenu_full h1,
div.contenu_texte_gauche h1{
	font-size:14px;
	margin-bottom:5px;
}

div.contenu_full h2,
div.contenu_texte_gauche h2{
	font-size:12px;
	margin-bottom:5px;
}

div.contenu_full h3,
div.contenu_texte_gauche h3{
	font-size:11px;
	margin-bottom:5px;
}

/************************************************
* Disposition des �l�ments
*************************************************/
div.globale {
	width:960px;
}

div.corps{
	margin-left:10px;
	margin-right:10px;
}

/*Ent�te*/
div.header {
	width:940px;
	margin : 10px;
	height:330px;
	background-repeat:no-repeat;
	background-position:top-left;
}

/*colonnage*/
div.menu_g {
	float:left;
	width:220px;
}

div.contenu_full,
div.contenu_texte_gauche{
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:10px;
	text-align:justify;
}

div.contenu_full{
	width:670px;
	position:relative;
}
div.contenu_texte_gauche{
	width:360px;
}

div.contenu_photo {
	width:300px;
	float:left;
	padding:10px;
}

/*haut bas zone contenu*/
div.haut_page {
	width:940px;
	height:10px;
}

div.bas_page{
	width:940px;
	height:10px;
}

/* premiere lettre */
span.firstletter{
	font-size:11px;
	font-family: Helvetica, Verdana, Arial, sans serif;
	font-weight:bolder;
	padding-right:5px;
}
/* Image plan d'acces */

.image_plan {
	max-width:670px;
}
/* Attente */
#attentesaison{
	position:absolute;
	top:20px;
	left:890px;
}

.text_center
{
	text-align:center;
	height:20px;
}
/************************************************
* Galerie
*************************************************/
div.cadre_petit{
	margin-top:10px;
	margin-right:20px;
	width:120px;
	height:96px;
	float:left;
}

div.cadre_grand{
	margin-top:10px;
	width:260px;
	height:204px;
	float:left;
}


div.cadre_grand object,
img.image_grand{
	width:234px;
	height:184px;
	margin-left:14px;
	margin-top:10px;
}

div.cadre_petit object,
img.image_petit{
	width:110px;
	height:86px;
	margin-left:5px;
	margin-top:5px;
}

/************************************************
* Liste Spectacle
*************************************************/
li.liste_spectacle{
	float:left;
	padding-top:4px;
	text-decoration:none;
	list-style-type:none;
	font-size:10px;
	font-family: Verdana;
	font-weight: bolder;
	cursor:pointer;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	width:200px;
}

li.liste_spectacle:hover div.liste_puce
{
	background-color:#3d3d3d;
}

div.liste_puce{
	margin-top:2px;
	height:10px;
	width:10px;
	border-width:1px;
	border-style:solid;
	border-color:#3d3d3d;
	float:left;
}

li.liste_spectacle div.cadre_petit{
	margin-left:30px;
	margin-top:2px
}


div.liste_text{
	height:26px;
	overflow:hidden;
	width:120px;
	margin-left:30px;
}

span.liste_titre{
	margin-left:2px;
	color:#3d3d3d;
	float:left;
	display:block;
	width:105px;
	text-align:left;
}
/************************************************
* Fiche Spectacle
*************************************************/
div.spectacle_texte{
	width:300px;
	float:left;
	margin-top:10px;
}

div.spectacle_contenu{
	width:300px;
	margin-bottom:20px;
	margin-top:5px;
}

h2.titrespectacle,
h3.titredistrib{
	width:300px;
	margin-bottom:10px;
}

div.distrib{
	width:280;
	padding-left:20px;
	margin-bottom:10px;
}

div.spectacle_galerie{
	float:left;
	width:360px;
	height:380px;
	position:relative;
	margin-top:16px;
	margin-left:10px;
	margin-bottom:10px;
}

div.spectacle_galerie ul{
	margin-left:0px;
}

/*Menu galerie photo video presse*/
ul.menugalerie a,
ul.menugalerie li{
	float:left;
	text-align:center;
	text-decoration:none;
	list-style-type:none;
	list-style-image:none;
	font-size:10px;
	font-family: Verdana;
	color:#000;
	cursor:pointer;
	width:100px;
	margin:0 10px 0 10px;
}


div.page_3 ul.menugalerie li.current,
div.page_3 ul.menugalerie li:hover a,
div.page_3 ul.menugalerie li:hover{
	color:#663366;
}

div.page_4 ul.menugalerie li.current,
div.page_4 ul.menugalerie li:hover a,
div.page_4 ul.menugalerie li:hover{
	color:#ff9933;
}

div.galerieitem_video object,
div.galerieitem_photo img,
div.galerieitem_video,
div.galerieitem_photo{
	width:360px;
	height:304px;
	margin-top:5px;
	margin-bottom:15px;
}

span.test{
	display:block;
	float:left;
}
div.logopdf{
	float:left;
	height:21px;
	width:22px;
	background: transparent url('../img/design/Fichier/pdf.png') top left no-repeat;
	margin-left:5px;
	margin-top:-5px;
}

/*Menu galerie navigation*/
#nav_video,
#nav_photo{
	position:absolute;
	top:370px;
	width:360px;
}


a.galbtn_current, a#nav_suiv,
a#nav_lect,
a#nav_stop,
a#nav_prec {
	height:12px;
	width:12px;
	margin-left:10px;
	cursor:pointer;
	display:block;
}

div.page_3 a#nav_prec{
	background: transparent url('../img/design/boutons_galerie/btn_prec.png') top left no-repeat;
}

div.page_3 a.nav_stop{
	background: transparent url('../img/design/boutons_galerie/btn_stop.png') top left no-repeat;
}

div.page_3 a.nav_lect{
	background: transparent url('../img/design/boutons_galerie/btn_lect.png') top left no-repeat;
}

div.page_3 #nav_suiv{
	background: transparent url('../img/design/boutons_galerie/btn_suiv.png') top left no-repeat;
}

div.page_4 a#nav_prec{
	background: transparent url('../img/design/boutons_galerie/btn_prec_cal.png') top left no-repeat;
}

div.page_4 a.nav_stop{
	background: transparent url('../img/design/boutons_galerie/btn_stop_cal.png') top left no-repeat;
}

div.page_4 a.nav_lect{
	background: transparent url('../img/design/boutons_galerie/btn_lect_cal.png') top left no-repeat;
}

div.page_4 #nav_suiv{
	background: transparent url('../img/design/boutons_galerie/btn_suiv_cal.png') top left no-repeat;
}

div.page_3 a.galbtn_current,
div.page_3 a#nav_suiv:hover,
div.page_3 a.nav_lect:hover,
div.page_3 a.nav_stop:hover,
div.page_3 a#nav_prec:hover,
div.page_4 a.galbtn_current,
div.page_4 a#nav_suiv:hover,
div.page_4 a.nav_lect:hover,
div.page_4 a.nav_stop:hover,
div.page_4 a#nav_prec:hover {
	background-position:0 -12px;
}

/************************************************
* Repertoire
*************************************************/
div.text_petit{
	height:86px;
	margin-left:5px;
	margin-top:5px;
}

div.rep_text{
	float:left;
	width:510px;
	height:72px;
	overflow:hidden;
}

li.liste_repertoire div.cadre_petit{
	float:left;
	margin-top:-2px;
	margin-bottom:5px;
	margin-left:0;
}

li.liste_repertoire{
	float:left;
	padding-top:4px;
	text-decoration:none;
	list-style-type:none;
	width:650px;
}

/************************************************
* Representation
*************************************************/
div.representation{
	margin-bottom:10px;
	margin-top:5px;
}

div.representation h3{
	font-size:11px;
}

div.representation a{
	text-decoration:none;
}

div.representation a:hover{
	text-decoration:underline;
}

div.representation div.texte_petit{
	margin-top:8px;
	float:left;
}

div.lieu{
	padding-left:2px;
}
/************************************************
* Calendrier
*************************************************/
h2.titrecalendrier{
	float:left;
	display:block
	width:300px;
	margin-bottom:10px;
}

/************************************************
* Partenaire
*************************************************/

div.partenaire_texte{
	padding-left:20px;
}

div.partenaire_liste{
	padding-top:20px;
	padding-bottom:20px;
}

div.partenaire_liste a{
	text-decoration:none;
}

div.partenaire_liste a:hover{
	text-decoration:underline;
}

/************************************************
* Espace pro
*************************************************/
div.espacepro_spectacle ul{
	margin-left:35px;
}

div.espacepro_spectacle ul a{
	text-decoration:none;
	color:#000;
}

div.espacepro_spectacle ul a:hover{
	text-decoration:underline;
	color:#000;
}

div.espacepro_access{
	width:480px;
}
td.zone_label{ 
	width:120px;
}

div.conteneur_utilisateurtemp{
	margin-left : 230px;
	margin-bottom : 10px;
	padding:10px 10px 0 0;
}

div.page_7 input.zone_saisie{
	width:350px;
	margin-left:10px;
}
div.page_7 .btableform{
	margin-top:20px;
}
div.page_7 .bsepaform{
	margin:10px 0 10px 0;
}

/************************************************
* NEWSLETTER
*************************************************/

form.niceform table{
	margin-bottom:10px;
}

/************************************************
* Boutons
*************************************************/

.brecord{
	height:20px;
	background-color:transparent;
	background-position:5px 2px;
	background-repeat:no-repeat;
	cursor:pointer;
	background-image:url('../img/btn/enregistrer_front.png');
}

.bbtn{
	display:block;
	float:left;
	width:140px;
	padding-left:30px;
	border:1px solid #DEDEDE;
	font-size:12px;
	font-family:Helvetica, Verdana, Arial, sans serif;
	font-weight: bolder;
	color:#000;
	cursor:pointer;
}


/************************************************
* Messages
*************************************************/
/*Succes et echec*/
a.msg_erreur, 
span.msg_succes,
span.msg_echec{
	display:block;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}

span.msg_echec,
span.msg_succes{
	padding-left:20px;
}

span.msg_err{
	color:#C00;
	border:1px solid #C00;
	background-color:#FCC;
}

/*Erreur*/
a.msg_erreur{
	position:relative;
	text-decoration:none;
	cursor:pointer;
	width:16px;
	height:16px;
}

a.msg_erreur span, 
a.msg_succes
{
	display:none;
	width:auto;
	top:20px;
	padding:5px;
}

span.msg_echec,
a.msg_erreur {background-image:url('../img/symbole/echec_form.png');}
div.msg_result,span.msg_succes {background-image:url('../img/symbole/succes_form.png');}

div.attenterecord span,
span.msg_succes,
a.msg_succes span {
	left:-200px;
	color:#0C0;
	border:1px solid #0C0;
	background-color:#CFC;
}

a.msg_erreur:hover, 
a.msg_succes:hover {
	display:block;
}

a.msg_erreur:hover span{
	display:block;
	position:absolute;
	text-decoration:none;
	z-index:100;
}

a.msg_erreur span{
	left:-200px;
	width:200px;
	color:#C00;
	border:1px solid #C00;
	background-color:#FCC;
}

/*Message attente*/
div.message_attente {
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url('../img/symbole/attente_small.gif');
	padding-left:25px;	
	height:25px;
}

/*Message Newsletter*/
div.attenterecord p{
	padding-left:10px 0 10px 10px;
}

#conteneur_inscription_newsletter #msg{
	margin-top:10px;
}

#conteneur_inscription_newsletter p.msg_ok{
	color:#0C0;
	border:1px solid #0C0;
	background-color:#CFC;
}

#conteneur_inscription_newsletter p.msg_err{
	color:#C00;
	border:1px solid #C00;
	background-color:#FCC;
}