/* CSS Document */
body {
background-color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
margin-top:35px;
}
/*==========================================*/

#conteneur
{
	position:absolute;
	/* pour centrer l'interface                     */
	left:50%;
	margin-left:-480px;
	/* ne doit pas s'afficher sous IE Mac         
	top:50%;
	margin-top:-250px;  */

	width:960px;
	min-height:500px;
	_height:550px;
	color:#000000;
	border:1px solid #000000;
	background-image:url(entete.jpg);
	background-repeat:no-repeat;
}

#entete {
position:relative;
width:960px;
height:130px;
}

#corps {
width:960px;
min-height:388px;
margin:20px;
}

#logo {
position:absolute;
left:43px;
top:33px;
}
.corpstexte {
font-size:13px;
color:#000000;
line-height:15px;
text-align:justify;
}
.soustitre{
font-size:16px;
color:#5A0538;
line-height:35px;
font-weight:bold;
}
.ssoustitre{
font-size:14px;
color:#5A0538;
line-height:35px;
font-weight:bold;
}
.titre {
font-size:14px;
color:#821a6a;
font-weight:bold;
}
.lien {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	line-height: 5mm;
	font-weight:bold;
}
.lien:hover {
	font-size: 13px;
	font-weight: normal;
	color: #821a6a;
	text-decoration: underline;
	line-height: 5mm;
	font-weight:bold;
}
.lienrc {
	font-size: 13px;
	font-weight: normal;
	color: #e50071;
	text-decoration: none;
	line-height: 5mm;
}
.lienrc:hover {
	font-size: 13px;
	font-weight: normal;
	color: #e50071;
	text-decoration: underline;
	line-height: 5mm;
}
.violet {
	font-size: 13px;
	font-weight: normal;
	color: #821a6a;
	text-decoration: none;
	line-height: 5mm;
}

#menu {
position:absolute;
top:5px;
left:700px;
width:180px;
height:95px;
}



#tete {padding:0; margin:5px 15px; width:0; font-size:15px; list-style-type:none;}

#tete li { width:200px; height:25px; background:url(menu.jpg) top no-repeat; padding-left:50px; }

#tete a { color:#898989; text-decoration:none; font-weight:bold; }
#tete a:hover { color:#9d0d15; text-decoration:none;}
#tete a span, #tete a:visited span {display:none;}

#tete li:hover {width:200px; height:25px; background:url(menu.jpg) bottom no-repeat; padding-left:50px;}

/*#tete a:hover span {position:absolute; display:block; left:-10px; top:2px; width:0px; height:0px; border-left:8px solid #821a6a; border-top:8px solid #000; border-bottom:8px solid #000; font-size:0px; line-height:0;}*/


/*----------ombre images----------*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../../templates/images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(../../templates/images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../../templates/images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#v2 .wrap1 {background:url(../../templates/images/shadow.gif) right bottom no-repeat;}
#v2 .wrap2 {background:url(../../templates/images/corner_bl.gif) -12px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 9px px 0;
	background:url(../../templates/images/corner_tr.gif) 100% -12px no-repeat;}
.example {clear:both;margin:20px 0;}
.example p{position:relative;left:30px;}
.example a {font-weight: normal !important;}