html, body {width:100%;}

body {
	margin:0;
	font-family:Arial, Verdana, sans-serif;
	background: #3F6F8D;
}

#conteneur {
	width:768px;
	margin:0 auto 0 auto;
	padding:0;
}


/****************************************menu haut*************************************************************/

#menu_haut{
	width:768px;
	background: url(../images/vivats_03.gif) no-repeat;
	height:39px;
	padding-left:114px;
}

#menu_haut a{
	display:block;
	height:39px;
	float:left;
	width:108px;
}

/*#menu_haut a{
	background: url(../images/vivats_03.gif) no-repeat;
}

#menu_haut a:hover{
	background: url(../images/vivats_03.gif) no-repeat;
}

#menu_haut #accueil, #menu_haut #accueil:hover {background-position:-114px 0;}
#menu_haut #contactez-nous, #menu_haut #contactez-nous:hover {background-position:-222px 0;}
#menu_haut #newsletter, #menu_haut #newsletter:hover {background-position:-330px 0;}
#menu_haut #imprimer, #menu_haut #imprimer:hover {background-position:-438px 0;}
#menu_haut #envoi_ami, #menu_haut #envoi_ami:hover {background-position:-546px 0;}
#menu_haut #favoris, #menu_haut #favoris:hover {background-position:-654px 0;}*/



/************************************fin menu haut*************************************************************/


#bandeau{
	width:768px;
	height:113px;
	/*background: url(../images/vivats_05.jpg) no-repeat;*/
}



/****************************************menu Rubriques*************************************************************/

#rubriques{
	width:768px;
	background: url(../images/vivats_06.gif) no-repeat;
	height:29px;
	padding-left:6px;
}

#rubriques a{
	display:block;
	width:108px;
	height:29px;
	float:left;
}

#rubriques a{
	background: url(../images/vivats_06.gif) no-repeat;
}

#rubriques a:hover{
	background: url(../images/vivats_06.gif) no-repeat;
}

#rubriques #rub1, #rubriques #rub1:hover {background-position:-6px 0;}
#rubriques #rub2, #rubriques #rub2:hover {background-position:-114px 0;}
#rubriques #rub3, #rubriques #rub3:hover {background-position:-222px 0;}
#rubriques #rub4, #rubriques #rub4:hover {background-position:-330px 0;}
#rubriques #rub5, #rubriques #rub5:hover {background-position:-438px 0;}
#rubriques #rub6, #rubriques #rub6:hover {background-position:-546px 0;}
#rubriques #rub7, #rubriques #rub7:hover {background-position:-654px 0;}


/************************************fin menu Rubriques*************************************************************/

/***********************************Les Sous-Rubriques*************************************************************/
#fond_sous_rub{
	background:url(../images/vivats_07.gif); 
	width:768px; 
	height:24px;
}

#sous_rub1, #sous_rub2,
#sous_rub3, #sous_rub4,
#sous_rub5, #sous_rub6,
#sous_rub7{
	position:absolute; 
	top:181px; 
	width:756px; 
	height:auto !important;
	min-height:23px;
	height:23px; 
	border-bottom:1px solid #FFF; 
	margin-left:6px;
	text-align:center;
}

#sous_rub1{background-color:#009FB9;}
#sous_rub2{background-color:#C6DB00;}
#sous_rub3{background-color:#420167;}
#sous_rub4{background-color:#207E74;}
#sous_rub5{background-color:#F9425F;}
#sous_rub6{background-color:#F9AE2D;}
#sous_rub7{background-color:#00153E;}


.sous_rub{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

.page{
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}


/************************************fin Sous-Rubriques*************************************************************/

#content{
	width:768px;
	height:auto;
	min-height:300px;
	clear:both;
	background: url(../images/vivats_08.gif) repeat-y;
}


/************************************Gauche*************************************************************/

#gauche{
	width:194px;
	float:left;
	margin-left:2px !important;
	margin-left:1px;
	font-size:11px;
	color:#343433;
}

#bloc_news, #bloc_sommaire{
	padding:40px 5px 0 5px;
}

#bloc_news{background: url(../images/onglet_news.gif) no-repeat top center;}
#bloc_sommaire{background: url(../images/onglet_sommaire.gif) #D6E1FF no-repeat top center; width:175px; margin-left:5px;}

#bloc_news a{cursor:pointer; text-decoration:underline;}

#bas_bloc_news, #bas_bloc_sommaire{
	height:15px;
	margin:0 0 0 3px !important;
	margin:0 0 0 3px;
}

#bas_bloc_news{background: url(../images/bas_bloc_news.gif) no-repeat;}
#bas_bloc_sommaire{background: url(../images/bas_bloc_sommaire.gif) no-repeat;}

.titre_manif{
	font-weight:bold;
	color:#286F80;
}

#gauche p{
	border-bottom:1px dashed #0266FE;
	font-size:11px;
	padding:3px 0 3px 0;
	margin:0;
}

/*********************************************Menu gauche sommaire*************************************************/

#haut_menu_gauche{
	width:160px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:0 5px 0 5px;
	margin:0;
	color:#E51074;
}

#bas_menu_gauche{
	margin-top:20px;
}

#menu_gauche{
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:170px;
}

#menu_gauche li{
	list-style-type:none;
}

#menu_gauche a{
	color:#E01750;
	text-decoration:none;
}

#menu_gauche a:hover{
	color:#123139;
}

#menu_gauche li.s_rubrique{
	padding:2px 0 3px 3px;
	background-image:url(../images/fond_s_rub.gif);
	background-repeat:no-repeat;
	border-top:1px dashed #123139;
}

#menu_gauche ul.pages{
	margin-left:2px;
	padding:10px 0 10px 0;	
}

#menu_gauche ul.pages a{
	color:#123139;
	font-size:11px;
	font-weight:normal;	
}

#menu_gauche ul.pages a:hover{
	color:#123139;
}
/********************************Fin Menu gauche sommaire*************************************************/


/************************************fin Gauche*************************************************************/


#texte{
	width:525px;
	float:left;
	padding:0;
	margin-left:20px;
	margin-top:0;
}


h1{
	font-size:25px;
	color:#E51074;
	font-weight:normal;
	margin-top:6px;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url(../images/bas_h1.gif) repeat-x bottom left;
}

.note{
	font-size:16px;
	color:#709E11;
	display:block;
	padding-bottom:30px;
}

h2{
	font-size:16px;
	color:#0266FE;
	padding:10px 0 5px 0;
	margin-bottom:0;
	border-bottom:1px solid #0266FE;
}


p{
	font-size:11px;
	color:#343433;
	margin-bottom:10px;
}

form{display:inline;}

img{border:none;}

a{
	color:#E01750;
	font-weight:bold;
	font-size:11px;
}

/******************************Billetterie****************************************************/

#tab_billetterie{
	font-size:11px;
	color:#4D423F;
	font-family:Arial, Verdana, sans-serif;
}

#tab_billetterie th{
	padding:10 0 10px 0;
	font-size:16px;
	color:#003596;
	font-weight:normal;
}

#tab_billetterie td{
	padding:10px 0 10px 0;
	border-bottom:1px solid #0266FE;
	text-align:left;
}

#tab_billetterie td.date{
  width:17%;
  font-weight:bold;
}

#tab_billetterie td.lieu{
  width:28%;
}

#tab_billetterie td.titre{
  width:45%;
  color:#0266FE;
}

#tab_billetterie td.infos{
  width:10%;
}

#tab_billetterie a{
	cursor:pointer;
}

#recherche{
	border:1px solid #0266FE;
	background:#D6E1FF;
	width:500px;
	padding:5px;
	margin-left:0px;
	font-size:13px;
	color:#343433;
}

#recherche form{ margin-left:20px;}

form{display:inline;}




/****************************Fin billetterie**************************************************/

/****************************Fiche******************************************************/


#content_fiche{
	width:768px;
	height:auto;
	min-height:300px;
	clear:both;
	background:url(../images/content_fiche_08.gif) repeat-y;
}

#texte_fiche{
	padding:5px 50px 20px 50px;
}

/****************************Fin Fiche**************************************************/

/****************************************************Formulaire de proposition**************************************/

#formulaire {
	width:668px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#FFF;
	padding:0 0 10px 0px;
	font-size:12px;
}

#formulaire h1{
	text-align:center;
}


.tab_proposition{
	margin:10px 0 10px 0px;
	font-size:12px;
	border-bottom:3px solid #B3D9E8;
	border-left:1px solid #B3D9E8;
	border-right:1px solid #B3D9E8;
}

.tab_proposition th{
	background-color:#B3D9E8;
	font-size:14px;
	font-weight:normal;
}

.tab_proposition td{
	background-color:#FFF;
	border-bottom:1px solid #B3D9E8;
}

.red{
	color:#CD042A;
	font-weight:bold;
	font-size:12px;
}

/****************************************************Fin formulaire**************************************************/

/****************************Le Plan**************************************************/

.lien_plan_page{
	list-style-image:url(../images/puce_page.gif);
	font-size:11px;
	margin-left:10px;
}

.lien_plan_s_rub{
	list-style-image:url(../images/puce_s_rub.gif);
	font-size:13px;
	margin-top:5px;
}

.lien_plan_page a{ color:#444F52;}

.lien_plan_s_rub a{color:#85BC15;}

.lien_plan_page a, .lien_plan_s_rub a{text-decoration:none;}

.lien_plan_page a:hover, .lien_plan_s_rub a:hover{text-decoration:underline;}

/****************************Fin Plan**************************************************/

#retour_haut{
	clear:both; 
	text-align:center; 
	padding-top:20px;
    padding-right:10px; 
	margin-left:194px; 
	font-size:11px;
	height:60px;
	
}

#retour_haut a{
	color:#011082;
	font-weight:bold;
}


#pied{
	width:768px;
	height:48px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	padding-top:20px;
	background: url(../images/vivats_10.gif) no-repeat;
}

#pied #mentions-legales{
	display:block;
	padding:0 30px 5px 0;
	text-align:right;
}

#pied a{
	color:#FFF;
}


#menu_bas{
	font-size:12px;
	clear:both;
	margin:0 0 0 5px;
}

#menu_bas a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

#ehoui{
	font-size:10px;
	color:#282E30;
	text-align:center;
	margin-top:5px;
	margin-bottom:10px;
}

#ehoui a{
	color:#282E30;
	text-decoration:underline;
}

