html{
	width:100%;
}

body {
	width:100%;
	height:100%;
	text-align:left;
	background-color:#545454;
	color:#fff
}

/* les styles de l'entete */
#top {
	width:100%;
	height:233px;
	background-image:url("images/top-background.jpg");
	background-position:1000px;
	background-repeat:repeat-x;
}

#top0 {
	float:left;
	width:1000px;
	height:233px;
}

#top1 {
	float:left;
	width:750px;
	height:233px;
}

#top1 #image1 {
	width:750px;
	height:160px;
}

#top1 #image2 {
	width:750px;
	height:73px;
	background-image:url("images/top2.jpg");
}

#top2 {
	float:left;
	width:250px;
	height:233px;
	background-image:url("images/top3.jpg");
}

#btn_fr{
	position:absolute;
	left:920px;
	top:5px;
	display:block;
	width:22px;
	height:22px;
}

#btn_nl{
	position:absolute;
	left:962px;
	top:5px;
	display:block;
	width:22px;
	height:22px;
}

#cadre_recherche{
	position:absolute;
	left:785px;
	top:140px;
	display:block;
	width:140px;
	height:20px
}

#cadre_recherche .submit, #cadre_recherche label{
	display:none;
}

#cadre_recherche input{
	border:none;
	width:140px;
	height:20px;
}

/* styles d'une page article standard */

#main {
	width:1000px;
	height:100%;
	background-image:url("images/top5.jpg");
	background-repeat:repeat-y;
}

#main #left {
	float:left;
	width:280px;
	margin-left:50px;
	background:transparent;
}

#main #right {
float:left;
	width:670px;
}


#piedpage {
	clear:both;
	width:1000px;
	text-align:center;
	font-size:10px;
	color:#FF0099;
	margin-top:100px;
}

span.rose{
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#ffa7cd;
	padding:5px;
}

span.pink{
	font-weight:bold;
	color:#FF0099;
}

span.grey{
	font-weight:bold;
	color:#614B57;
}

span.red{
	font-weight:bold;
	color:#BC1B07;
}

span.yellow{
	font-weight:bold;
	color:#FFCC00;
}

span.orange{
	font-weight:bold;
	color:#F6A800;
}

span.blue{
	font-weight:bold;
	color:#2AACDD;
}


span.green{
	font-weight:bold;
	color:#09A62;
}

span.white{
	font-weight:bold;
	color:#FFF;
}

span.black{
	font-weight:bold;
	color:#000;
}

/* style d'une page agenda */
#cadre_titre{
	margin-left:70px;
	width:800px;
}

#titre_rubrique{
float:left;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#FF0099;
	padding:5px;
}

#pdf_agenda{
margin-top:10px;
	float:right;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FF0099;
	padding:5px;
}

a, a:hover, a:visited {
	color:#FF0099;
	text-decoration:none
}

.cadre_evenement1{
	clear:both;
	background-image:url('images/cadre.jpg');
	width:840px;
	height:234px;
	margin-left:55px;
}

.cadre_evenement2{
clear:both;
	background-image:url('images/cadre2.jpg');
	width:840px;
	height:234px;
	margin-left:55px;
}

.cadre_evenement3{
clear:both;
	background-image:url('images/cadre3.jpg');
	width:840px;
	height:234px;
	margin-left:55px;
}

.cadre_evenement0{
clear:both;
	background-image:url('images/cadre4.jpg');
	width:840px;
	height:234px;
	margin-left:55px;
}

.cadre_vignette{
	float:left;
	width:315px;
	height:215px;
}

.cadre_vignette img{
	margin:20px;
	margin-top:16px;
}

.cadre_texte {
	float:left;
	width:500px;
}

.cadre_texte .titre{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#B9AB95;
	width:392px;
	margin:10px;
	margin-left:0px;
	margin-top:15px;
	text-align:right;
}
.cadre_texte .sous_titre{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	margin:10px;
	margin-top:25px;
	margin-bottom:0px;
}
.cadre_texte .texte{
	width:380px;
	font-size:12px;
	color:#F8BBDF;
	margin:10px;
	margin-top:0px;
	text-align:justify;
	line-height:
}

/*styles de la page contact */
#cadre_formulaire{
	width:500px;
	padding-top:20px;
	background-color:#000
}

/*styles s'appliquant à toutes les pages */
#right p {
	margin-bottom:20px;
	text-align:justify;
}

#right ul{
	list-style: disc;
	list-style-position:outside;
}



/* styles de la page recherche */
.res_recherche{
	margin-left:100px;
}

.res_recherche .titre{
	font-size:18px;
}

.res_recherche .texte{
	font-size:14px;
}

.row_first th{
	background:#141414;
}

.row_odd td{
	background:#4D4D4D;
}

.row_even td{
	background:#2F2F2F;
}

code {
	color:#fff;
}