body {
	margin : 0px 0px 0px 0px;
	font-size: 11px;
	font-family: "Microsoft Sans Serif", Arial, Verdana;
	
}


.spot {
	height: 22px;
	padding: 0px;
	color: black;
	font: 15px Arial;
	background: transparent;
	top: 0;
	right: 10px;
	position: absolute;
}

.spotlight2 {
	height: 31px;
	min-width: 290px;
	max-width: 290px;
	width: 290px;
	background: url(./MacOSX/spotlight2.png);
	top: 22px;
	right: 11px;
	position: absolute;
}

.spotlight {
	height: 31px;
	min-width: 290px;
	max-width: 290px;
	width: 290px;
	background: url(./MacOSX/spotlight.png);
	top: 22px;
	right: 11px;
	position: absolute;
}

.search2 {
	position: absolute;
	height: 31px;
	width: 200px;
	background: transparent;
	top: 28px;
	font: 15px Arial;
	padding: 0px;
	right: 20px;
}

.search {
	position: absolute;
	height: 31px;
	width: 160px;
	background: transparent;
	top: 29px;
	font: 15px Arial;
	padding: 0px;
	right: 35px;
}


.bback{
	background-color:#5A88D2;
}

.center{
	text-align: center;
}

img{
	border: none;
}

.ico{
	vertical-align: middle;
}

.borderinfo{
	text-align: left;
	border: 1px solid #CCCCCC;
	margin-left: 100px;
	margin-right: 100px;
	padding: 3px;
	font-size: 11px;
	font-weight:none;
}
.borderinfo a:link { color:#002280; text-decoration:underline }
.borderinfo a:visited { color:#002280; text-decoration:underline }
.borderinfo a:hover { color:#296DC1; text-decoration:none}


.tn{
	text-align: center;
	border: 0px solid #BBBBBB;
    	padding: 0px;
	width: 106px;
	height: 106px;
	background-color: white;
}

.tn2{
	text-align: center;
	border: 0px solid #BBBBBB;
    	padding: 0px;
	background-color: white;
}

.tn:hover{
	text-align: center;
	border: 0px solid #BBBBBB;
    	padding: 0px;
	background: no-repeat url('./MacOSX/on.png');
}

.bande { 
	 font-size: 11px;
	 height:54px;
	 color: #000000;
	 background-image:url('./MacOSX_Leopard/barresuperieurback.png');
}
.bande a:link { color:#000000; text-decoration:none }
.bande a:visited { color:#000000; text-decoration:none }
.bande a:hover { color:#296DC1; text-decoration:none }

.gestfile { 
	 font-size: 11px;
	 height:19px;
	 font-weight:bold;
	 color: #215195;
	 background-image:url('./MacOSX/5.png');
}
.gestfile a:link { color:#002280; text-decoration:none }
.gestfile a:visited { color:#002280; text-decoration:none }
.gestfile a:hover { color:#296DC1; text-decoration:none }

.diaporama {
	background-color: #CCCCCC;
}

.message {
	border: 1px solid #BBBBBB;
    	padding: 0px;
	font-weight:bold;
	background-color: white;
}
.message a:link { color:black; text-decoration:none }
.message a:visited { color:black; text-decoration:none }
.message a:hover { color:black; text-decoration:none }

.lien { 
	font-size: 11px;	
	font-weight:none;
}
.lien a:link { color:black; text-decoration:none }
.lien a:active { color:black; text-decoration:none }
.lien a:visited { color:black; text-decoration:none }
.lien a:hover { color:#296DC1; text-decoration:none }


.titre1 { 
	 font-size: 11px;
}
.titre1 a:link { color:#002280; text-decoration:none }
.titre1 a:active { color:#002280; text-decoration:none }
.titre1 a:visited { color:#002280; text-decoration:none }
.titre1 a:hover { color:#296DC1; text-decoration:none }

.titre2 { 
	 font-size: 11px;
	 font-weight:bold;
	 color:#D9E1F6;
}

#onglets{
	text-align: center;
	display: inline;
	height: 22px;
	width: 200px;
	list-style-type : none;
}

.sousonglet{
background:no-repeat url(./MacOSX/back.png);
}

#onglets2{
	list-style-type : none;
	display: inline;
	height: 22px;
	width: 200px;
}

#ongletliston{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/DossierB.png);
	float: center;
	display: inline-block;
	display: -moz-inline-box;
	text-align: center;
	width: 68px;
	height: 22px;
	padding-top: 4px;
}

#ongletliston a:link { color:black; text-decoration:none }
#ongletliston a:active { color:black; text-decoration:none }
#ongletliston a:visited { color:black; text-decoration:none }
#ongletliston a:hover { color:black; text-decoration:none }

#ongletlistoff{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/DossierA.png);
	float: center;
	display: inline-block;
	display: -moz-inline-box;
	text-align: center;
	width: 68px;
	height: 22px;
	padding-top: 4px;
}

#ongletlistoff a:link { color:black; text-decoration:none }
#ongletlistoff a:active { color:black; text-decoration:none }
#ongletlistoff a:visited { color:black; text-decoration:none }
#ongletlistoff a:hover { color:black; text-decoration:none }

#ongletmoduleoff{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/ModulesA.png);
	display: inline-block;
	float: center;
	display: -moz-inline-box;
	text-align: center;
	width: 68px;
	height: 22px;
	padding-top: 4px;
}

#ongletmoduleoff a:link { color:black; text-decoration:none }
#ongletmoduleoff a:active { color:black; text-decoration:none }
#ongletmoduleoff a:visited { color:black; text-decoration:none }
#ongletmoduleoff a:hover { color:black; text-decoration:none }

#ongletmoduleon{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/ModulesB.png);
	float: center;
	display: inline-block;
	display: -moz-inline-box;
	text-align: center;
	width: 68px;
	height: 22px;
	padding-top: 4px;
}

#ongletmoduleon a:link { color:black; text-decoration:none }
#ongletmoduleon a:active { color:black; text-decoration:none }
#ongletmoduleon a:visited { color:black; text-decoration:none }
#ongletmoduleon a:hover { color:black; text-decoration:none }

#ongletinfooff{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/InfosA.png);
	display: inline-block;
	float: center;
	display: -moz-inline-box;
	text-align: center;
	width: 55px;
	height: 22px;
	padding-top: 4px;
}

#ongletinfooff a:link { color:black; text-decoration:none }
#ongletinfooff a:active { color:black; text-decoration:none }
#ongletinfooff a:visited { color:black; text-decoration:none }
#ongletinfooff a:hover { color:black; text-decoration:none }

#ongletinfoon{
	background-repeat: no-repeat;
	background-image: url(./MacOSX/InfosB.png);
	display: inline-block;
	float: center;
	display: -moz-inline-box;
	text-align: center;
	width: 55px;
	height: 22px;
	padding-top: 4px;
}

#ongletinfoon a:link { color:black; text-decoration:none }
#ongletinfoon a:active { color:black; text-decoration:none }
#ongletinfoon a:visited { color:black; text-decoration:none }
#ongletinfoon a:hover { color:black; text-decoration:none }

.Ctitre2{
	 font-size: 12px;
	 font-weight:bold;
	 text-align: right;
	 padding-right: 5px;
	 color:#000000;
	 background-image:url('./MacOSX/2.png');
}

#cadre-bkg{
    font-size: 11px;
	background-color:#FFFFFF;
	border: 1px solid #B3B3B3;
	border-top: 0px;
}

#cadre-bkg a:link { color:#002280; text-decoration:none }
#cadre-bkg a:active { color:#002280; text-decoration:none }
#cadre-bkg a:visited { color:#002280; text-decoration:none }
#cadre-bkg a:hover { color:#296DC1; text-decoration:none }

.Ctitre2back{
    font-size: 11px;
	background-color:#FFFFFF;
}

.Ctitre2back a:link { color:#002280; text-decoration:none }
.Ctitre2back a:active { color:#002280; text-decoration:none }
.Ctitre2back a:visited { color:#002280; text-decoration:none }
.Ctitre2back a:hover { color:#296DC1; text-decoration:none }

.Ctitre3 {
	 font-size: 11px;
	 text-align: right;
	 padding-right: 5px;
	 font-weight:bold;
	 color:#000000;
	 background-image:url('./MacOSX/2.png');
}

.searchleopard {
	margin-bottom: 17px;
	right: 0px;
	top: 0px;
	position: absolute;
	margin-right: 5px;
	margin-top: 17px;
	display: block;
}

.searchleopard_text {
	background-image:url('./MacOSX_Leopard/search.png');
	top: 0px;
	float: left;
	right: 0px;
	height: 54px;
	width: 212px;
	position: absolute;
}

.searchleopard_search {
	position: relative;
	top: 18px;
	left: 25px;
	right: 0px;
	width: 185px;
}

.Ctitre3back{
	font-size: 11px;
	background-color:#FFFFFF;
}

.Ctitre3back a:link { color:#002280; text-decoration:none }
.Ctitre3back a:active { color:#002280; text-decoration:none }
.Ctitre3back a:visited { color:#002280; text-decoration:none }
.Ctitre3back a:hover { color:#296DC1; text-decoration:none }

.cadre{
}

.miniatureliste { 
	padding: 20px;
	 font-size: 12px;
	position: relative;
	font-family: Arial;
	text-align: left;
}
.miniatureliste a:link { color:black; text-decoration:none }
.miniatureliste a:active { color:black; text-decoration:none }
.miniatureliste a:visited { color:black; text-decoration:none }
.miniatureliste a:hover { color:black; text-decoration:none }

.nom { 
	 font-size: 12px;
	 font-weight:none;
}
.nom a:link { color:black; text-decoration:none }
.nom a:visited { color:black; text-decoration:none }
.nom a:hover { color:black; text-decoration:none; font-weight:bold; }

.recherche { 
	 font-size: 11px;
	 font-weight:bold;
	 color: blue;
}