@charset "utf-8";
/*=========================================================*/
/*========               Normalisations            ========*/
/*=========================================================*/

/* Supression des bordures dans les éléments fieldset et img */
fieldset, img {
	border:0;
}

/* balises interdites */
font,b,center {
	background:red !important;
	color:#fff !important;
}
/*=========================================================*/
.menuAccueil {
}
.menuPresentation {
}
.menuCours {
}
.menuSoirees {
}
.menuStages {
}
.menuVoyages {
}
.menuLocationSalle {
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #550f1a;
	padding: 0;
	margin: 0;
	background: #570d2e url("page-bg.gif") 30% 0% repeat-x;
}
h1 {
	font-size: 16px;
	margin:0 0 15px 0;
	padding:0;
	border-bottom: 1px solid #550f1a;
}
h2 {
	font-size: 16px;
	color:#de3387;
	margin:0 0 10px 0;
	padding:0;
	border-bottom: 1px solid #550f1a;
}
h3 {
	font-size: 14px;
	font-weight: normal;
}
h4 {
	color:#fd4310;
}
hr {
	width:80%;
	margin:auto;
}
table {
	background-color: transparent;
}
th {
	text-align:left;
}
.paraSousTitre {
	color:#de3387;
	font-weight: bold;
}
.important {
	color:#fd4310;
}
/*= Liens =*/
a, a:visited {
	color:#de3387;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.savoirPlus {
	text-align:right !important;
}
a.savoirPlus, a.savoirPlus:visited {
	color:#fd4310 !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
a.savoirPlus:hover {
	text-decoration:underline !important;
}
/*==== menu ====*/
div.menuContainer {
	position:fixed;
	padding:14px;
	margin:0;
	background: #5b0e19 url("menu-bg.gif") 0 0 repeat-x;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	list-style:none;
	list-style-image:none;
}
#menu ul li a {
	text-indent: -4000px;
}
/* Liens menus */
#menu ul li {
	margin-bottom: 2px;
}
#menu ul li a {
	display:block;
	width: 122px;
	height:31px;
}
#menu ul li.menuAccueil a {
	background: url("menu1.gif") 0 0 no-repeat;
}
#menu ul li.menuAccueil a:hover, #menu ul li.menuAccueil a.on {
	background: url("menu1-on.gif") 0 0 no-repeat;
}
#menu ul li.menuPresentation a {
	background: url("menu2.gif") 0 0 no-repeat;
}
#menu ul li.menuPresentation a:hover, #menu ul li.menuPresentation a.on {
	background: url("menu2-on.gif") 0 0 no-repeat;
}
#menu ul li.menuCours a {
	background: url("menu3.gif") 0 0 no-repeat;
}
#menu ul li.menuCours a:hover, #menu ul li.menuCours a.on {
	background: url("menu3-on.gif") 0 0 no-repeat;
}
#menu ul li.menuSoirees a {
	background: url("menu4.gif") 0 0 no-repeat;
}
#menu ul li.menuSoirees a:hover, #menu ul li.menuSoirees a.on {
	background: url("menu4-on.gif") 0 0 no-repeat;
}
#menu ul li.menuStages a {
	background: url("menu5.gif") 0 0 no-repeat;
}
#menu ul li.menuStages a:hover, #menu ul li.menuStages a.on {
	background: url("menu5-on.gif") 0 0 no-repeat;
}
#menu ul li.menuVoyages a {
	background: url("menu6.gif") 0 0 no-repeat;
}
#menu ul li.menuVoyages a:hover, #menu ul li.menuVoyages a.on {
	background: url("menu6-on.gif") 0 0 no-repeat;
}
#menu ul li.menuLocationSalle a {
	background: url("menu7.gif") 0 0 no-repeat;
}
#menu ul li.menuLocationSalle a:hover, #menu ul li.menuLocationSalle a.on {
	background: url("menu7-on.gif") 0 0 no-repeat;
}
/*==== .menu + Container ====*/
tr.contentContainer {
	background: #fff url("content-bg.gif") 0 0 no-repeat;
}
td.header {
	background: #5b0e19 url("header-bg.gif") top right no-repeat;
}
/*==== #mainContent ====*/
#mainContent {
	position:relative;
	_position:static; /* IE6 */
	overflow:hidden;
	margin:15px;
}
/*== .colSeparator ==*/
.colSeparator {
	background: transparent url("separator-v.gif") 370px 0 repeat-y;
}
/*== #colContent ==*/
#colContent {
	position: relative;
	float:left;
	width:100%;
}
#colContent .contentRight {
	position:relative;
	float:right;
	width:100px;
}
#colContent p.images {
	text-align:center;
}
#colContent p.images img {
	margin: 0 5px;
}
/*== .accueil ==*/
.accueil {
	position:relative;
	width:360px;
}
/*== .stat ==*/
.stat {
	position:fixed;
	top:355px;
	background-color: transparent;
	margin:14px;
}
/*== .contact ==*/
.contact {
	position:fixed;
	top:375px;
	background-color: transparent;
	margin:14px;
	font-size:12px;
}
/*== #smenu ==*/
#smenu {
	position:relative;
	overflow:hidden;
	height:30px;
	font-size:14px;
/*	background: #5c0e1f url("smenu-bg.gif") 0 0 repeat-x;*/
}
#smenu ul {
	margin:9px 0 0 5px;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#smenu ul li {
	display: inline;
}
#smenu ul li a {
	display: block;
	float: left;
	height:21px;
	margin:0 5px;
	padding:3px 10px;
}
.smenurub1 ul li a {
	background: transparent url("smenu1-bg.gif") 0 0 repeat-x;
}
.smenurub2 ul li a {
	background: transparent url("smenu2-bg.gif") 0 0 repeat-x;
}
.smenurub3 ul li a {
	background: transparent url("smenu3-bg.gif") 0 0 repeat-x;
}
.smenurub4 ul li a {
	background: transparent url("smenu4-bg.gif") 0 0 repeat-x;
}
.smenurub5 ul li a {
	background: transparent url("smenu5-bg.gif") 0 0 repeat-x;
}
.smenurub6 ul li a {
	background: transparent url("smenu6-bg.gif") 0 0 repeat-x;
}
.smenurub7 ul li a {
	background: transparent url("smenu7-bg.gif") 0 0 repeat-x;
}
#smenu a, #smenu a:visited {
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
#smenu a:hover {
	text-decoration:underline;
}
a.srubOn {
	text-decoration:underline !important;
}
/*== #colRight ==*/
#colRight {
	position:relative;
	float:right;
	width:200px;
	margin-left:10px;
}
/*= .bloc =*/
#colRight .bloc {
	width:100%;
	margin-bottom:12px;
}
#colRight .bloc div.bloc-t {
	margin:0 0 5px 0;
}
#colRight .bloc div.bloc-t p {
	padding:0;
	margin:0;
	color:#fd4310;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
} /* pour IE6 : mettre margin:0; */
#colRight .bloc div.bloc-m h2 {
	font-size: 14px;
	border:none;
}
#colRight p.images {
	text-align:center;
}
#colRight p.icone img {
	margin-right: 10px;
}
#colRight .bloc ul {
	margin-right:15px;
}
#colRight .bloc ul li {
	margin: 0 0 10px 0;
}
#colRight .bloc ul li a {
	background:none !important;
	width:auto;
	height:auto;
}
#colRight .bloc div.bloc-b {
	border-bottom:1px dashed #fd4310;
}
#colRight .evenement {
	display:block;
}
#colRight .actu {
	display:block;
}
#colRight .spectacles {
	display:block;
}
#colRight .sites {
	display:block;
}
#colRight .newsletter {
	display:block;
}
/*==== #footer ====*/
#footer {
	position:relative;
	overflow:hidden;
	background-color: #550f1a;
}
#footer ul {
	position:relative;
	margin:5px;
	padding:0;
} /* pour IE6 : mettre padding-bottom et pas margin-bottom*/
#footer li {
	display: inline;
}
#footer .textSeparator {
	margin: 0 10px;
}
/*==== #footer texte ====*/
#footer {
	font-size: 11px;
	color:#fff;
	text-align:center;
}
#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/*==== #bottom ====*/
#bottom {
	height: 66px;
	background: transparent url("bottom-bg.png") 0 0 repeat-x;
}
/*= Formulaire =*/
.formPopup {
	background-color: #fff;
}
.champFormTexte {
	color: #de3387;
	font-weight: bold;
}
.msgConfirmSucces {
	color: #33CC00;
}
.msgConfirmError {
	color: #FF6600;
}
/*==== transverse ====*/
.razFloat {
	clear: both;
	height:0;
}
#preLoad {
	position:absolute;
	left: -4000px;
	height: 0;
	width: 0;
}
.invisible {
	position: absolute;
	top: -3000em;
	height: 1%;
}
.inexistant {
	display: none !important;
}