@import url('menu.css');
@import url('titre.css');
@import url('form.css');
@import url('fancy.css');

*{
	margin	: 0;
	padding	: 0;
}

body{
	background	: #f2f2f2 url('../img/bg-2.jpg') repeat-x left -1px;
	font		: 11px arial;
	color		: #000;
	text-align	: center;
	margin		: 0;
	padding		: 0;
}

a {
	outline			: none;
	color			: #000;
	text-decoration	: none;
	cursor			: pointer;
}

a:hover, a.selected{
	color			: #936996;
	text-decoration	: none;
}

ul,li {list-style: none;}
img {border: 0;}
.clear {clear: both;}
.first {padding-top:10px;}
.hide {display: none;}
.float {float:left;}

.loading{
	display			: block;
	width			: 16px;
	height			: 16px;
	background		: url('../img/loader.gif') no-repeat top left;
}

/*div#left.violet{
	background		: #d6c1dc url('../img/fd.jpg') repeat-x;
	background		: #8f778b;
	color			: #00000;
	margin-top		: 20px;
	padding-top		: 2px;
	padding-right	: 10px;
	padding-left	: 10px;
	padding-bottom	: 10px;
	width			: 550px;
}*/
div#left.violet{
	background		: #d6c1dc url('../img/fd.jpg') repeat-x;
	color			: #00000;
	margin-top		: 20px;
	padding-top		: 2px;
	padding-right	: 10px;
	padding-left	: 10px;
	padding-bottom	: 10px;
	width			: 550px;
}
p.violet{
	color			: #8f778b;
}

p{
	margin			: 5px 0;
	padding			: 0;
}

p.img{
	float			: left;
	margin			: 0 5px 0 0;
}

p.date{
	font-size		: 18px;
	color			: #936996;
}

div#left p.date{
	color			: #fff;
	font-style		: italic;
	font-size		: 11px;
}

strong{
	/*font-weight		: bold;*/
}

.orange{
	/*color			: #e4973c;*/
	color			:#69085a;
}

div#left.violet p strong{
	/*color			: #e4973c;
	font-weight		: normal;*/
}


/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */


div#global {
	width			: 900px;
	margin			: 0 auto;
}

#top{
	margin			: 0 auto;
	position		: relative;
	width			: 840px;
	height 			: 120px;
	/*background		: transparent url('../img/top.gif') no-repeat top left;*/
}

#top h1 a{
	display			: block;
	position		: absolute;
	width			: 200px;
	height 			: 120px;
	top				: 0px;
	left			: 0px;
	text-indent		: -5000px;
	background		: transparent url('../img/logo.png') no-repeat top left;
}
#flash{
	position		: absolute;
	left			: 0px;
	top				: 0px;
	width			: 200px;
	height 			: 120px;
/*	background		: #063;*/
	z-index			: 5;
	/*background		: transparent url('../img/top.gif') no-repeat top left;*/
}

#contenu{
	width			: 840px;
	margin			: 30px 0 0 0;
/*	margin			: 30px auto  0 auto;*/
}

#right{
	position		: relative;
	float			: left;
/*	width			: 268px;*/
	width			: 258px;
	padding-left	: 6px;
	padding-right:4px;
/*	text-align		: left;*/
	text-align		:justify;
/*	background:#090;*/
}
/*#right a {
	outline			: none;
	color			: #000;
	text-decoration	: underline;
	cursor			: pointer;
}
#right a:hover, a.selected{
	color			: #936996;
	text-decoration	: none;
}*/
#left{
	position		: relative;
	float			: left;
	width			: 570px;
	margin-right	: 2px;
	text-align		: left;

}

#footer{
	position		: relative;
	background		: transparent;
	width			: 900px;
	border-top		: 1px solid #9a8a9a;
	margin-top		: 35px;
/*	color			: #9a8a9a*/;
	color			:#000000;
}

ul.disc li{
	list-style-type	: disc;
	margin-left		: 30px;
}

/* =================================== */
/* ========== TEMPLATE IMAGE ========= */
/* =================================== */

.large{
	position		: relative;
	width			: 569px;
	height			: 134px;
	display			: block;
	background		: #ccc;
}

.medium{
	position		: relative;
	float			: left;
	width			: 283px;
	height			: 133px;
	display			: block;
	background		: #ccc;
}

.marginLeft		{ margin-left 	: 3px; }
.marginBottom	{ margin-bottom : 3px; }

.large h2, .medium h2{
	position		: absolute;
	top				: 5px;
	left			: 5px;
}

.large a, .medium a{
	display			: block;
	width			: 100%;
	height			: 100%;
}

/* =================================== */
/* =============== NEWS ============== */
/* =================================== */

div.news{
	margin			: 0 0 23px 0;
	padding			: 30px 10px 0 0px;
/*	padding			: 50px 10px 0 10px;*/
	height			: 110px;
/*	height			: 130px;*/
	text-align		: justify;
}

div.news div{
	width			: 133px;
}

div.news p{
	margin-top		: 0;
}

/* =================================== */
/* ========== ALBUM PHOTOS =========== */
/* =================================== */

ul#profs li{
	float			: left;
	text-align		: center;
	margin-right	: 7px;
	margin-bottom	: 10px;
	width			: 130px;
}

ul#profs li a:hover{
	color			: #fff;
}

ul#album li{
	float			: left;
	margin-right	: 3px;
}

ul#album li img{
	padding			: 2px;
	border			: 1px solid #8f778b;
}

/* =================================== */
/* ============ PRINCIPES ============ */
/* =================================== */

div.principes{
	overflow		: hidden;
	width			: 234px;
	height			: 150px;
	float			: left;
}

ul.principesImg{
	width			: 1404px;
}

ul.principesImg li{
	width			: 234px;
	height			: 150px;
}

ul.principesImg li{
	float			: left;
}

ul.principes{
	float			: left;
	width			: 234px;
}

ul.principes li{
	margin			: 10px 0 10px 50px;
	cursor			: pointer;
}

ul.principes li:hover, ul.principes li.select{
	color			: #69085a;
}

/* =================================== */
/* ======= QUESTIONS / REPONSES ====== */
/* =================================== */

p.questions{
	background		: url('../img/bg-questions.gif');
	line-height		: 20px;
	padding			: 0 10px;
	cursor			: pointer;
	color			:#000000;
	font-weight		: bold;
	margin			: 10px 0;
}

p.questions:hover, p.questions.select{
	color			: #69085a;
}

p.reponses{
	/*display			: block;*/
}

/* =================================== */
/* ============= HORAIRES ============ */
/* =================================== */

table.horaires th{
	color			: #69085a;
	padding			: 10px 0;
}

table.horaires td{
	padding			: 2px 0;
}
/* =================================== */
/* ============= add-on ============ */
/* =================================== */

.nrv {
	color			: #69085a;
	text-decoration	:underline;
}