/* 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:-350px;

/* ne doit pas s'afficher sous IE Mac         
	top:50%;
	margin-top:-250px;  */

	width:700px;
	min-height:400px;
	_height:550px;

	color:#000000;
	border:1px solid #000000;
	background-image:url(fond.gif);
	background-repeat:repeat-x;
}

#entete {
position:relative;
width:700px;
height:122px;
}

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

#logo {
position:absolute;
left:43px;
top:2px;
}
.corpstexte {
font-size:13px;
color:#000000;
line-height:15px;
text-align:justify;
}
.textebleu {
font-size:13px;
color:#019FC4;
line-height:15px;
text-align:justify;
}
.soustitre{
font-size:16px;
color:#e73219;
line-height:35px;
font-weight:bold;
}
.ssoustitre{
font-size:14px;
color:#e73219;
line-height:35px;
font-weight:bold;
}
.titre {
font-size:14px;
color:#019FC4;
font-weight:bold;
}
.lien {
	font-size: 13px;
	font-weight: normal;
	color: #019FC4;
	text-decoration: none;
	line-height: 5mm;
	font-weight:bold;
}
.lien:hover {
	font-size: 13px;
	font-weight: normal;
	color: #019FC4;
	text-decoration: underline;
	line-height: 5mm;
	font-weight:bold;
}
.lienorange {
	font-size: 13px;
	font-weight: normal;
	color: #ea8000;
	text-decoration: none;
	line-height: 5mm;
}
.lienorange:hover {
	font-size: 13px;
	font-weight: normal;
	color: #ea8000;
	text-decoration: underline;
	line-height: 5mm;
}
/*-----MENU-----*/
#menu {
position:absolute;
top:0px;
left:500px;
width:120px;
height:95px;
background-color:#626263;
}
#tete {padding:0; margin:5px 15px; width:0; font-size:18px;}

#tete li {list-style-type:none; width:120px; height:20px; margin:2px 0; clear:both;}

#tete a, #tete a:visited {position:relative; display:block; width:120px; height:25px;  background-color:#626263; color:#ffffff; padding-left:3px; text-decoration:none;}

#tete a span, #tete a:visited span {display:none;}

#tete a:hover {color:#E84131;  border:0px solid #000; text-decoration:none;}

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

* html #tete a:hover span {width:8px; height:25px; w\idth:0; he\ight: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;}