@charset "iso-8859-1";

html
{
     margin: 0 auto ;
     text-align: center ;
}

body
{
	margin: 0 auto ;
	padding: 0 ;
	text-align: center ;
	background: #000000  ;
	color: #000000 ;
}

/* ----------------- */
/* --- CONTENEUR --- */
/* ----------------- */

div#conteneur
{
	min-height: 610px;
	margin: 0 auto ;
	text-align: left ;
	width: 762px ;
	background: #ffffff ; 
	position: relative ; left: 0px ; top: 10px ;
}

/* ----------------------- */
/* --- COLONNE MILIEU --- */
/* --------------------- */

div#contenu
{
	margin-left: 140px ;
	width: 490px ;
	padding-top: 175px ;
}

div#contenu p
{
    font-family: Arial,sans-serif ;
	font-size: 14px ; 
    text-align: justify ;
	line-height: 1.7em ;
}

div.fiche
{
   	border: 1px solid #000000 ; 
	height: 160px ; 
	width: 470px ;
	margin-top: 15px ;
	position: relative ; left: 0px ; top: 0px ;
}

div.fichehaut1
{
   	border-bottom: 1px solid #000000 ; 
   	height: 35px ; 
	width: 90px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	padding-left: 0px ;
	padding-top: 0px ;
   	position: absolute ; left: 0px ; top: 0px ;
	text-align: left ;
   	background-color: #BFDFFF ;
}

div.fichehaut3
{
   	border-bottom: 1px solid #000000 ; 
   	height: 35px ; 
	width: 218px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	padding-left: 0px ;
	padding-top: 0px ;
   	position: absolute ; left: 252px ; top: 0px ;
	text-align: right ;
   	background-color: #BFDFFF ;
}
div.fichehaut3 a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #000000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichehaut3 a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #000000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichehaut3 a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #FF0000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichehaut2
{
   	border-bottom: 1px solid #000000 ; 
   	height: 35px ; 
	width: 217px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	padding-left: 0px ;
	padding-top: 0px ;
   	position: absolute ; left: 90px ; top: 0px ;
	text-align: left ;
   	background-color: #BFDFFF ;
}

div.fichehaut2 a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #000000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichehaut2 a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #000000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichehaut2 a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: underline ;
	color: #FF0000 ;
	font-size: 14px ;
	font-weight: bold ;
    padding-right: 5px ;
    padding-left: 5px ;
}

div.fichebas
{
   	border-bottom: 1px solid #000000 ; 
   	height: 125px ; 
	width: 465px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	padding-left: 5px ;
	padding-top: 0px ;
   	position: absolute ; left: 0px ; top: 36px ;
   	background-color: #FFFFFF ;
	text-align: left ;
	font-family: Verdana,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 14px ;
}


/* ------------- */
/* --- PIED1 --- */
/* ----------- */

div#pied
{
	margin: 0 auto ;
	width: 610px ;
	line-height: 14px ;
	text-align: center ;
	color: #000000 ;
   	border: 0px solid #999999 ;
   	background: #ffffff ;
    position: relative ; left: 0px ; top: 0px ;
}

div#pied p
{
	text-align: center ;
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 10px ;
}

div#pied a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 10px ;
}

div#pied a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 10px ;
}

div#pied a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #FF0000 ;
	font-size: 10px ;
}



/* ----------------------- */
/* ---    stats    --- */
/* ----------------------- */

div#stats
{
   	background: #ffffff ;
	margin: 0 auto ;
	width: 610px ;
	text-align: center ;
    position: relative ; left: 0px ; top: 0px ;
}

/* ----------------------- */
/* ---    Header       --- */
/* ----------------------- */

div#header
{
	width: 762px ;
	height: 170px ;
	position: absolute ; left: 0px ; top: 0px ;
	text-align:right ;
	border: 0px; 
}

div#hg
{
	width: 280px ;
	height: 80px ;
	position: absolute ; left: 0px ; top: 0px ;
	text-align:left ;
	border: 0px; 
}
div#hd
{
	width: 762px ;
	height: 90px ;
	position: absolute ; left: 0px ; top: 80px ;
	text-align:center ;
	border: 0px; 
}


/* --------------------- */
/* --- COLONE GAUCHE --- */
/* --------------------- */

div#colonnegauche
{
	background: #ffffff ; 
	text-align: left ;
	width: 134px ;
	position: absolute ; left: 0px ; top: 175px ;
	padding-top: 0px ; 
}

/* ------------------- */
/* --- MENU GAUCHE --- */
/* ------------------- */

/* ------- niveau 1 ----------- */

ul.niveau1
{
	width: 134px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}

li.niveau11 
{
	background-image: url(images/menu.gif) ;
	background-repeat: no-repeat ;
	height: 28px ;
	width: 130px ;
	list-style: none ;
	margin-top: 7px ;
	margin-bottom: 0px ;
	margin-left: 0px ;
	margin-right: 0px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
	padding-left: 0px ;
	padding-right: 0px ;
	text-align: center ;
	border: 0px ; 
	font-size: 9px ;
	line-height: 28px ;
	font-family: Arial,sans-serif ;
	color: #9A9A9A ;
}

li.niveau11 a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

li.niveau11  a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

li.niveau11 a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #FF0000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

li.niveau11gras 
{
	height: 28px ;
   	background-image: url(images/menu3.gif) ;
    background-repeat: no-repeat ;
	width: 134px ;
	list-style: none ;
	margin-top: 7px ;
	padding-top: 0px ;
	text-align: center ;
	border: 0px ; 
	font-size: 9px ;
	line-height: 28px ;
	font-family: Arial,sans-serif ;
}

li.niveau11gras a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

li.niveau11gras  a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

li.niveau11gras a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #FF0000 ;
	font-size: 12px ;
	line-height: 15px ;
	font-weight: bold ;
}

/* ------- niveau 2 ----------- */

ul.niveau2
{
display: block ;
	width: 132px ;
	list-style: none ;
	text-align: left ;
	margin-top: 0px ;
	margin-bottom: 0px ;
	margin-left: 0px ;
	margin-right: 0px ;
	padding-left: 0px ;
	padding-right: 0px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
   	border-top: 0px solid #000000 ;  
	border-bottom: 1px solid #000000 ; 
	border-left: 1px solid #000000 ; 
	border-right: 1px solid #000000 ;
	background: #FBFBFF ;
}

ul.niveau2 a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	padding-left: 3px ;
	text-align: left ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
}

ul.niveau2 a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	padding-left: 3px ;
	text-align: left ;
	color: #000000 ;
	font-size: 12px ;
	line-height: 15px ;
}

ul.niveau2 a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	padding-left: 3px ;
	text-align: left ;
	color: #FF0000 ;
	font-size: 12px ;
	line-height: 15px ;
}

ul.niveau2 li
{
display: block ;
	width: 132px ;
}

/* ------- niveau liens divers ----------- */

ul.liensdivers
{
	width: 134px ;
	list-style: none ;
	padding: 0 ;
	margin-top: 10px ;
	margin-bottom: 0px ;
	margin-left: 0px ;
	margin-right: 0px ;
}

ul.liensdivers a:link
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 10px ;
}

ul.liensdivers a:visited
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 10px ;
}

ul.liensdivers a:hover
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #FF0000 ;
	font-size: 10px ;
}

li#contact
{
	width: 130px ;
	list-style: none ;
	border: 0px ; 
	height: 21px;
	margin-top: 3px;
	background: url(images/contact.jpg) no-repeat left top ;
	padding-left: 30px ;
}

li#partenaires
{
	width: 130px ;
	list-style: none ;
	border: 0px ; 
	height: 21px;
	margin-top: 3px;
	background: url(images/partenaires.gif) no-repeat left top ;
	padding-left: 30px ;
}

/* ------------------------ */
/* ---  TOP PARTENAIREs ---- */
/* ------------------------ */

div#toppartenaires
{
	text-align: left;
	width: 128px ;
	margin-top: 10px;
	padding-left: 3px;
	padding-bottom: 7px;
	padding-top: 7px;
	border: 1px solid #000000 ; 
	display: block ;
}


div#toppartenaires a:link
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: none ;
	color: #000000 ;
	line-height: 15px ;
}

div#toppartenaires a:visited
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: none ;
	color: #000000 ;
	line-height: 15px ;
}

div#toppartenaires a:hover
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: none ;
	color: #868686 ;
	line-height: 15px ;
}

/* ----------------------- */
/* --- <COLONE DROITE> --- */
/* ----------------------- */

div#colonnedroite
{
	height: 600px ;
	text-align: left ;
	width: 120px ;
	border: 0px solid #999999 ; 
	background: #ffffff ;
	position: absolute ; left: 637px ; top: 175px ;
}

div#colonnedroite p
{
	line-height: 10px ;
	font-family: Arial,sans-serif ;
	font-size: 10px ;
	text-align: left;
	padding-left: 5px ;
	padding-right: 5px ;
}


/* ---------------- */
/* ---  H1 H2 ----- */
/* ---------------- */

h1
{
    font-family: Arial,sans-serif ;
	text-align: center ;
	font-size: 12px ;
	margin-bottom: 0px;
	margin-top: 3px;
	background: url(images/bloc.gif) no-repeat center bottom ;
	line-height: 61px ;
}

h2
{
    font-family: Arial,sans-serif ;
	text-align: center ;
	line-height: 25px ;
	font-size: 16px ;
	color: #000000 ;
	background: url(images/jeton.jpg) no-repeat left bottom ;
	height: 29px ;
	border-bottom: 3px solid #000077 ;
   	border-top: 1px solid #000077 ;  
	border-right: 2px solid #000077 ; 
	margin-left: 0px ;
	margin-right: 0px ;
	margin-top: 60px ;
	margin-bottom: 20px ;
	padding-left: 29px ;
}

h3
{
    font-family: Arial,sans-serif ;
	text-align: left ;
	line-height: 20px ;
	font-size: 15px ;
	color: #000000 ;
	background: url(images/jeton2.jpg) no-repeat left top ;
	padding-left: 20px ;
	margin-left: 15px ;
	margin-top: 30px ;
}

/* -------------------- */
/* --- FIL D'ARIANE --- */
/* -------------------- */

div#ariane
{
	font-family: Arial,sans-serif ;
	text-align: left ;
	font-size: 10px ;
	color: #8C91B9 ;
	line-height: 11px ;
}

#ariane a:link
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #8C91B9 ;
	line-height: 11px ;
}

#ariane a:visited
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #8C91B9 ;
	line-height: 11px ;
}

#ariane a:hover
{
    font-family: Arial,sans-serif ;
	font-size: 11px ; 
    text-align: left ;
	text-decoration: underline ;
	color: #8C91B9 ;
	line-height: 11px ;
}

/* ------------- */
/* --- LISTE --- */
/* ------------- */

#contenu li a
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	color: #000000 ;
	font-size: 11px ;
}

/* ------------- */
/* --- LIENS --- */
/* ------------- */

a:link
{
    font-family: Arial,sans-serif ;
	font-size: 14px ; 
    text-align: justify ;
	line-height: 1.7em ;
	text-decoration: underline ;
	color: #000000 ;
}

a:visited
{
    font-family: Arial,sans-serif ;
	font-size: 14px ; 
    text-align: justify ;
	line-height: 1.7em ;
	text-decoration: underline ;
	color: #000000 ;
}

a:hover
{
    font-family: Arial,sans-serif ;
	font-size: 14px ; 
    text-align: justify ;
	line-height: 1.7em ;
	text-decoration: underline ;
	color: #FF0000 ;
}

/* -------------------- */
/* ---    IMAGE     --- */
/* -------------------- */

img
{
	border: none ;
}

/* -------------------- */
/* ---    CENTRé    --- */
/* -------------------- */

div.center
{
	text-align: center ;
}

/* -------------------- */
/* ---  TABLE       --- */
/* -------------------- */

tr.jaune
{
	background-color: #FFFF80 ;
}

tr.rose
{
	background-color: #ff99CC ;
}

tr.bleu
{
	background-color: #a0f1ff ;
}

td.jaune
{
	background-color: #FFFF80 ;
}

td.vert
{
	background-color: #80FF80 ;
}

td.bleu
{
	background-color: #a0f1ff ;
}

td.rose
{
	background-color: #ff99CC ;
}

td.petit
{
	font-family: Arial,sans-serif ;
	text-decoration: none ;
	font-size: 10px ;
}

div#popup_contener
{
	z-index:10000;
	display:none;
	width:700px;
	height:430px;
	position: absolute ;left: 40px ;top: 180px ;
	border-style:solid;
	border-color:#cc9e86; border-width:5px;
	background-color: black ;
	background-repeat: repeat;
}

div#popup_header
{
cursor:pointer;
	display:block;
	width:34px;
	height:32px;
	position: absolute ;left: 666px ;top: 0px ;
	border-style:solid;
	border-color:#cc9e86; border-width:1px;
	background-image: url(images/close.gif) ;
	background-repeat: no-repeat;
}

div#popup_content
{
	overflow:auto;
	width:700px;
	height:430px;
}