body{
padding:0px;
margin:0px;
background:#18BCCD;
}

.form {
	color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
.form input { color:#000000; }
.form tr { height:30px;}
.form_haut {
	width:220px;
}
.form_haut2 {
	
}
.form1 {
	position:relative; left:0px; top:0px;
}
.form2 {
	position:absolute; left:80px; top:0px;
}
.form3 {
	position:absolute; left:230px; top:0px;
}



.projet { color:#0000ff; text-decoration:underline; font-size:12px; font-weight:bold;}
.projet2 { text-decoration:underline; font-size:12px; font-weight:bold;} 

.droite { width:60px;}

.page { background-image:url(images/fond.png);}

a:hover{text-decoration:none;}

img { border:0px;}

.main_text, table, li, input, textarea, select
	{
		font-family:Arial;
		font-size:12px;
		
		
	}

.h_text { color:#575E5E}
.h2_text { color:#FF4C72}

.s_text a{ color:#838383; font-size:9px; text-decoration:none}
.s_text a:hover{ color:#838383; font-size:9px; text-decoration:underline}

.s2_text { color:#414848; font-size:9px}
	
.l_text { color:#575E5E; text-decoration:none}
.l_text:hover{text-decoration:underline}

.l2_text { color:#A2A9A9; text-decoration:none}
.l2_text:hover{text-decoration:underline}

.l3_text { color:#CF4C68; text-decoration:none}
.l3_text:hover{text-decoration:underline}
	
.c_text, .c_text a { color:#535D5D; font-size:9px}
.c_text strong a { color:#0F1919; text-transform:uppercase; font-size:11px; text-decoration:none}
.c_text strong a:hover{ color:#0F1919; text-transform:uppercase; font-size:11px; text-decoration:underline}
.c_text span { color:#0F1919;}

.fs { font-size:14px}

.ttu { text-transform:uppercase}

.no_class, form, .no_class 
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:0px;
		
	}

.input {width:129px; height:22px; background-color:#F6F6F6; padding-left:5px; vertical-align:middle; color:#414848}

.select {width:129px; height:18px; background-color:#F6F6F6; padding-left:5px; vertical-align:middle; color:#414848; font-size:9px}
.select2 {width:147px; height:17px; background-color:#E9E9E9; padding-left:5px; vertical-align:middle; color:#414848; font-size:9px}

ul {margin:0; padding:0; list-style:none}
li  {background:url(images/a2.gif) no-repeat left center; margin: 0px 0px 0px 0px; padding:0px 0px 0px 13px}
li a  {font-family:Tahoma; font-size:11px; line-height:13px; color:#575E5E; text-decoration:none; font-weight:bold}
li a:hover {text-decoration:underline;}

.ul2 li  {background:url(images/a3.gif) no-repeat left center; margin: 0px 0px 0px 0px; padding:0px 0px 0px 9px}
.ul2 li a  {font-family:Tahoma; font-size:11px; line-height:13px; color:#AFB5B5; text-decoration:none; font-weight:normal}
.ul2 li a:hover {text-decoration:underline;}

#historique {
	width:452px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	padding:10px;
	position:relative;
	left:40px;
	font-family:Tahoma;
	font-size:12px;
}

#historique #image {
	position:relative;
	text-align:right;
}

#historique #annee {
	position:absolute;
	top:10px;
	left:10px;
	font-weight:bold;

}

#historique #description {	
	position:absolute;
	top:10px;
	left:50px;	
}

#historique #direction {
	color:#000000;
	position:absolute;
	top:35px;
	left:80px;
	line-height:15px;
}

#historique #spectacle {
	font-weight:bold;
	position:absolute;
	top:10px;
	left:80px;	
}

#partenaires { margin-left:20px; line-height:20px; }

#photos { font-family:Tahoma; font-size:12px; text-align:center; line-height:15px; width:144px; position:absolute; bottom:10px; left:0px;}

#actualite { font-family:Tahoma; font-size:10px; color:#000000;}
#actualite hr { width:120px; height:1px; border:0px; color:#000000; background-color:#000000; }
#actualite a { color:#000000; text-decoration:none;}
#actualite a:hover { text-decoration:underline;}
#actualite #titre { font-weight:bold; font-size:11px;}
#actualite #date { font-style:italic; font-size:11px;}
#actualite #texte { text-align:justify;}
#actualite #renseignements { font-weight:bold;}
#actualite #cliquez { font-weight:bold; text-align:center; }

#violet { color:#6633CC;}
#violet #sous_menu a {
	text-decoration:underline;
	color:#6633CC;
}
#violet #texte {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:justify; line-height:20px;}
#violet #texte2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; }
#violet #titre { font-family:Arial, Helvetica, sans-serif; color:#6633CC; font-size:14px; font-weight:bold;}
#violet #formulaire { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px;}
#violet #formulaire2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px; font-weight:bold}
#violet input {border-color:#6633CC; border-style:solid; border-width:1px;}
#violet #bouton {border-color:#6633CC; border-style:solid; border-width:1px; background-color:#6633CC; color:#ffffff; }
#violet a {
	color:#6633CC;
	text-decoration:none;
}
#violet a:hover {
	text-decoration:underline;
}

#vert { color:#009933;}
#vert #sous_menu a {
	text-decoration:underline;
	color:#009933;
}
#vert #texte {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:justify; line-height:20px;}
#vert #titre { font-family:Arial, Helvetica, sans-serif; color:#009933; font-size:14px; font-weight:bold;}
#vert #formulaire { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px;}
#vert input {border-color:#009933; border-style:solid; border-width:1px;}
#vert #bouton {border-color:#009933; border-style:solid; border-width:1px; background-color:#009933; color:#ffffff; }
#vert a {
	color:#009933;
	text-decoration:none;
}
#vert a:hover {
	text-decoration:underline;
}

#menu_page {
	color:#444444;
	position: relative;
	line-heught:18px;
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#sous_menu {
	color:#444444;
	text-decoration:underline;
	position: relative;
	left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}

#orange #sous_menu a {
	text-decoration:underline;
	color:#ff3300;
}

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:justify; line-height:20px; padding-left:40px; padding-right:40px;}

.plan {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:14px; line-height:20px; padding-left:40px; padding-right:40px;text-decoration:underline; font-weight:bold;}

.plan a:link {text-decoration:underline;}
.plan a:hover {text-decoration:underline;}
.plan a:visited {text-decoration:underline;}
.plan a {text-decoration:underline;}

.retour {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:center; line-height:20px; padding-left:40px; padding-right:40px; border-style:solid; border-width:1px; border-color:#FF00FF; width:280px;}

h1 { padding-top:10px; padding-left:40px;padding-right:40px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

.spectacle h1{ padding-top:10px; padding-left:40px;padding-right:40px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

#orange h1 a { text-decoration:underline;}
#vert h1 a { text-decoration:underline;}
#violet h1 a { text-decoration:underline;}

li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; line-height:20px; padding-left:60px; padding-right:60px;}
li a {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#orange { color:#ff3300;}
#orange #texte {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:justify; line-height:20px;}
#orange #formulaire { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px;}
#orange #formulaire2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; margin-bottom:10px;}
#orange input {border-color:#ff3300; border-style:solid; border-width:1px;}
#orange #bouton {border-color:#ff3300; border-style:solid; border-width:1px; background-color:#ff3300; color:#ffffff; }
#orange a {
	color:#ff3300;
	text-decoration:none;
}
#orange a:hover {
	text-decoration:underline;
}
#orange #formulaire2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px; font-weight:bold;}
#orange #texte2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; }


#bleu { color:#139292;}
#bleu h1 {font-size:16px;}
#bleu #texte {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px; text-align:justify; line-height:20px;}
#bleu #formulaire { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px;}
#bleu #formulaire2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; margin-bottom:10px;}
#bleu input {border-color:#139292; border-style:solid; border-width:1px;}
#bleu #bouton {border-color:#139292; border-style:solid; border-width:1px; background-color:#139292; color:#ffffff; }
#bleu a {
	color:#139292;
	text-decoration:none;
}
#bleu a:hover {
	text-decoration:underline;
}
#bleu #formulaire2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; text-indent:30px; margin-bottom:10px; font-weight:bold;}
#bleu #texte2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-size:12px; text-align:justify; }

#page {
	position:relative;
	top:0px;
	width:882px;
	left:50%;
	margin-left:-441px;
	margin-top:0px;
	background-image:url(images/fond_bleu.png);
}

#fond {
	position:absolute;
	top:0px;
	left:40px;
	width:802px;
	height:850px;
	background-image:url(images/fond_degrade.png);
}

#titre_site {
	position:absolute;
	top:0px;
	left:60px;
	width:310px;
	height:100px;
	margin-left:-8px;
}

#logo_coteaux {
	position:absolute;
	top:20px;
	right:60px;
}

#logo_opus {
	position:absolute;
	top:0px;
	right:60px;
}

#menu {
	position:absolute;
	top:100px;
	left:60px;
	height:199px;
	width:310px;
}

#banniere {
	position:absolute;
	top:100px;
	right:60px;
	height:199px;
	width:572px;
}

#son{
	position:absolute;
	top:174px;
	right:60px;
	height:20px;
	width:260px;
}

#bouton_reservations {
	position:absolute;
	top:339px;
	left:60px;
}

#actualites {
	position:absolute;
	top:559px;/* Hors actualité 339 sinon 559*/
	left:60px;
	height:1050px;
	width:187px;
	background-color:#FFFFFF;
}

#actualites_ombre {
	position:absolute;
	top:-10px;/* Hors actualité -10 sinon 10*/
	left:-10px;
	height:1070px;
	width:207px;
	background-image:url(images/actualite_ombre.png);
}

#actualites_haut {
	position:absolute;
	top:0px;
	left:0px;
	height:49px;
	width:187px;
	background-image:url(images/actualite_haut.jpg);
}

#actualites_bas {
	position:absolute;
	top:49px;
	left:0px;
	height:1001px;
	width:187px;
	background-image:url(images/actualite_bas.gif);
}

#actualites_contenu {
	position:absolute;
	top:53px;
	left:13px;
	font-family:Tahoma;
	font-size:10px;
	color:#000000;
}

#actualites_contenu hr { width:120px; height:1px; border:0px; color:#000000; background-color:#000000; }
#actualites_contenu a { color:#000000; text-decoration:none;}
#actualites_contenu a:hover { text-decoration:underline;}
#actualites_contenu #titre { font-weight:bold; font-size:12px;}
#actualites_contenu #date { font-size:12px;}
#actualites_contenu #texte { text-align:justify; font-size:12px;}
#actualites_contenu #renseignements { font-weight:bold;}
#actualites_contenu #cliquez { font-weight:bold; text-align:center; font-size:11px; color:#660066; }

#corp {
	top:0px;
	left:0px;
	position:relative;
	margin-left:250px;
	width:572px;
}

#corp_page_accueil {
	position:relative;
	top:0px;
	right:0px;
	width:572px;
	min-height:1220px;	
}

#corp_page {
	position:relative;
	top:0px;
	left:20px;
	width:552px;
	background-color:#f2fafd;
	min-height:1270px;
}

.soustitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #139292;
	line-height:20px;
	position:relative;
	top:5px;
	
}

.tableau_page {
	position:relative;
	left:40px;
	width:472px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tableau_page_titre {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	height:40px;
	vertical-align:middle;
}

.acte {
	color: #810f5c;
	font-weight:bold;
	text-decoration:underline;
}

.acte2 {
	color: #cc6279;
}

.detail {
	color:#000000;
	font-style:italic;
	font-size:11px;
}

.role {
	line-height:20px;
	text-decoration:underline;
	font-weight:bold;
	color: #810f5c;
	vertical-align:top;
}

.metier {
	line-height:20px;
	vertical-align:top;
}

.personne {
	line-height:20px;
	font-weight:bold;
	font-style:italic;
	vertical-align:top;
}

#corp_pied {
	margin-top:40px;
	font-family:Tahoma;
	position:relative;
	top:0px;
	right:0px;	
	width:572px;
	color:#535D5D;
	font-size:9px;
}

#corp_pied a { color:#535D5D; font-size:9px;}
#corp_pied strong a { color:#0F1919; text-transform:uppercase; font-size:11px; text-decoration:none;}
#corp_pied strong a:hover { color:#0F1919; text-transform:uppercase; font-size:11px; text-decoration:underline;}
#corp_pied span { color:#0F1919;}