.bordure {
	border: 2px solid #8F3ABB;
}
A.vertical {
	DISPLAY: block;
	COLOR: #FFFFFF;
	Font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding: 0px 0px 0px 3px;
	width: auto;
	height: 16px;
	background: #CC0000;
}
A.vertical:hover {
	color: #FFFFFF;
	background: #A42B58;
}
.titre {
	font:italic bold 14px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/fond_titre.jpg) left top repeat-x;
	border: 1px solid #FFFFFF;
}
.important {
	font:bold 13px Geneva, Arial, Helvetica, sans-serif;
	color: #FF9900;
}
.fond {
	
	background-image: url(../img/fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#integr {
	height: 371px;
	width: 636px;
	overflow-y:auto;
	font: 1.1em "Trebuchet MS"; color:#ffffff;
}

div#popup {font: 0.9em "Trebuchet MS"; color:#ffffff; padding: 10px;}
table#type1 td {font-size: 0.8em; font-family:Georgia, "Times New Roman", Times, serif; color:#996600;}
.element_centrer {text-align: center;}
.element_liste {list-style-image:url(../img/puce.gif);}
.element_flottant_droite {
	float: right;
	margin-right: 10px;
}
.element_flottant_gauche {
	float: left;
	margin-right: 8px;
	margin-left: 4px;
}
#up {padding: 0px 15px 0px 150px;font-size: 0.8em;color: #2B628E;font-family:tahoma;text-align: left;float: right;clear:both;}
a{color:#FFFF99;}
a:hover{color:#9966FF;}
a img {border:1px solid #fff; margin: 1px 1px;}
/*h2 {letter-spacing: 6px;font-size:1.1em; border-bottom:1px solid #ff6600; text-align:right;}*/
h2 {
	letter-spacing: 6px;
	font-size:1.4em;
	text-align:right;
	background: url(../img/fond_h2.gif) no-repeat right top;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 66px;
	padding-right: 60px;
	padding-top: 36px;
	
}
h2:first-letter {
	color:#FFFFFF;
	font-size:1.7em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {letter-spacing: 4px;font-size:1em; border-bottom:1px solid #FFFFFF;}
h3 a, .fleche {
	text-decoration:none;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	}
hr { clear:both; color:#666666;}
div#encart {
	display:block;
	border:1px dashed #FFFFFF;
	width:500px;
	margin-left:50px;
	padding:10px;
	color: #FFFFFF;
}
div.paragraphe {
	border-left: 8px double #99CC00;
	padding-left:14px;
}
div.paragraphe2 {
	border-right: 8px double #99CC00;
	padding-right:14px;
}
.td1 { background: url(../img/fond_rubrique.jpg) repeat-x top left; text-align:center; border:1px solid #000000; border-bottom:none;}
.td2 {background-color:#EC6864; padding:7px;border:1px solid #000000; border-top:none;}
table#contact { background-color:#CCCCCC;}
table#contact p { color:#000000;}
table#contact input, textarea { background-color:#FFFFFF; color:#000000;}
#retour {font-size: 0.9em;color: #977a68;font-family:Verdana, Arial, Helvetica, sans-serif;text-align: left;float: right; }
.retour2 { display:block; margin-top:-2px;}
.retour2 a {color:#FFFFFF;}
.retour a:hover {color:#99CC00;}
marquee {
	background:#511376 url(../img/fond_marquee.jpg) repeat-x;
	width:600px;
	color:#FFFFFF;
	
}
.transparent {
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;}
.bouton {
	font-family: trebuchet, arial, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color: #FFFFFF;
	background-color: #511376;
}
.mention {font-style: italic; font-size:10px;}
.voir {
	background-image: url(../img/voir.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left: 15px;
}

.liste_gauche {
	float:left;
	width:300px;
	}
dt {
	font-weight:bold;
	text-decoration:underline;
	color: #FFFF99;
}
.liste_gauche dd {
	border-left:3px solid #ECF2C0;
	padding-left: 3px;
}

.clear { clear:both;}

#pop {
display: none;
position: absolute;
top : 0px;
left : 50px;
right: 100px; 
width: 500px;
height:300px;
border: 3px double #fff;
background: #ffffff;
z-index: 800;
cursor: pointer;
font-size: 14px;
}
#pop p {
margin: 0 0.3em;
color:#CC33CC;
}
#pop ul {
color:#CC33CC;}

#pop h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
border-bottom: 1px solid black;
background: white url(top.gif) left top repeat-x;
color:#CC33CC;
text-align: center;
}
.fermer {
width:480px;
position: absolute;
bottom: 0;
background: white url(bottom.gif) left top repeat-x;
color: #CC33CC;
text-align: center;
clear:both;
}
div#crea { width: 250px;
	float:left;
	margin-right:4px;
	padding-right: 4px;}
div#crea object { 	border:1px solid #fff;}

.formulaire	{
	color:#FFFFFF;
}