.html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: small;
	color: #333;
}
body {
	background: #eee;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
table, td, form {
	margin: 0;
	font-family: Arial;
}


A:link { text-decoration: none }
A:visited { text-decoration: none; }
A:hover { text-decoration: underline; }






/********     Ossature générale    ********/


.ban {
	height: 105px;
	background: #000;
	color: #CD18D8;
	margin: 0;
}

/* tab principal */

.principale {
	color: #333;
	font-size: small;
	width: 840px;
	margin: auto;
}
.principale td {
	vertical-align: top;
	margin: 0;
}

.marge_gauche {
    background: #fff url(img/ombre_g.jpg) right repeat-y;
    color: #333;
    overflow: hidden;
    width: 200px;
}
.centre {

}
.marge_droite {
    background: #313439;
    overflow: hidden;
    width: 200px;
}

/* pied de page */

.tab_pied {
    width: 100%;
}
.pied {
    background: #000 url(img/fond_ipod.jpg)  center no-repeat; 
    border-top: 15px solid #223;
    margin-top: 40px;
    padding-top: 20px;
    color: #fff; 
    text-align: center;
    font-size: small;
    line-height: 2;
    height: 300px;
    text-shadow: 1px 1px 3px #000;
}

/******************************************/




/********        NAVIGATION        ********/

.barre_navigation {
    background: #000;
    color: #fff;
    text-align: center;
}
.barre_navigation A {
    color: #fff;
    font-size: 18px;
    text-decoration:none;
    padding: 2px 5px;
    background: #555;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.barre_navigation A:hover {
    background: DodgerBlue;
    font-size: 18px;
    padding: 6px 5px 2px;
}



.barre_pagination {
    background: #000;
    padding: 2px;
    color: #fff;
    text-align: center
}
.pagination {
    background: #eee; 
    border: 1px solid #567; 
    padding: 0 2px 0;
    color: #535;
    font-size: 9pt;
}
.pagination A {
    color: #535;
}
.paginationD {
    background: #eee; 
    border: 1px solid #567; 
    padding: 0 2px 0;
    color: #88a;
    font-size: 9pt;
}
.paginationA {
    background: #c5c; 
    border: 1px solid; 
    padding: 0 2px 0;
    color: #fff;
    font-size: 14pt;
}


input { border-width: 1px; }
textarea { font-size: x-small }
.ann {
    overflow: hidden; 
    margin: 0px;
    padding: 0px;
    background: #000;
}

.bout {
	background: #a02;
	color: #fff;
}
.important {
	color: #f58;
	text-shadow: 1px 1px 2px #aaa;
}


.stitre {
	font-family: Arial black;
	font-size: medium;
	color: #334;
	text-align: center;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #aaa;
}
.titre {
	font-family: Arial black;
	font-size: large;
	color: #667;
	border-bottom: 1px solid;
	text-shadow: 1px 1px 1px #aaa;
}
.faible {
	color: #4E5A71;
	font-size: 8pt;
	font-family: Verdana;
}


.menu {
    height: 22px;
	padding: 1px 10px 1px;
	color: #000;
	text-decoration: none;
}
.menu_h {
    height: 100%;
	padding: 1px 8px 1px;
	font-family: Geneva;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #047;
	background: none;
}
.menu_h2 {
	padding: 1px 12px 1px;
	font-family: Geneva;
	color: #fff;
	text-decoration: none;
	background: #000 url(img/lo_bandeau.gif) repeat-x;
	border-bottom: 1px solid #666;
	vertical-align: top;
}
.menu_h2 td {
    padding: 4px;
}

.menu_h:hover {
	color: #fff;
	text-decoration: none;
	background: #7F8797;
}
.menu_g {
	margin: 0 0 0 4px;
	color: #eee;
	text-decoration: none;
	font-size: x-small;
}
.nota {
	font-size: 11px;
	color: #888;
	text-shadow: none;
}
.nota td {
	font-size: 6px;
	color: #889;
}
.liste {
	margin-left: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #235;
	background: transparent url(img/bout2.png) no-repeat left bottom;
	padding-left: 18px;
	line-height: 1.4;
}
.liste:visited {
	margin-left: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #456;
	background: transparent url(img/bout3.png) no-repeat left bottom;
	padding-left: 18px;
	line-height: 1.4;
}
.liste:active {
	margin-left: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #346;
	background: transparent url(img/boutA.gif) no-repeat left bottom;
	padding-left: 18px;
	line-height: 1.4;
}

.link {
	margin-left: 5px;
	font-weight: bold;
	color: #333;
	background: transparent url(img/lien.gif) no-repeat;
	padding-left: 32px;
	line-height: 1.4;
}
.order {
	margin-left: 5px;
	font-weight: bold;
	color: #ddd;
	background: transparent url(img/bout_class.gif) no-repeat;
	padding-left: 18px;
	line-height: 1.4;
}
.bleu {
	color: #7685a3;
}





.apercu {
    -webkit-border-radius: 10px;
    border: 1px inset;
    width: 120px; 
    height: 70px; 
    background-image: url(img/load.gif); 
    background-repeat: no-repeat; 
    background-position: center center; 
    position: absolute;
    cursor: pointer;
    border: 1px inset;
}






.ref {
	margin-top: 5px;
	width: 780px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	color: #eee;
	text-align: justify;
}



.zone_centre {
    margin: 5px;
    padding: 20px;
}


.filtre_ecran {
    position: absolute;
    background: #000;
    opacity: 0.7;
    color: #fff;
    font-size: 16pt;
    height: 100%;
    width: 100%;
    z-index: 1001;
    text-align: center;
}







.zone_h {
    background: #000 url(img/zone_h.gif) no-repeat;
    height: 5px;
    width: 100%;
}
.zone {
    -webkit-border-radius: 5px;
    border: 1px outset;
	background: #ddd;
	padding: 5px;
	padding-bottom: 0;
	font-family: helvetica;
	color: #333;
}
.zone td {
	font-family: Arial;
	padding: 2px 0 4px;
}

.zone1 td {
	background: #fff;
	padding: 15px 10px 5px;
	font-family: Helvetica;
	font-size: 12px;
	color: #445;
	vertical-align: middle;
}
.zone2 td {
	background: #fff;
	padding: 0 15px 15px;
	font-family: Helvetica;
	font-size: 12px;
	color: #558;
	border-bottom: 1px solid #ccf;
}






.zone_b {
	height: 20px;
	background: url(img/l_cadre_centre2.gif) repeat-x;
}
.zone_g {
	padding: 5px 5px 0; 
	background: #63686C;
	color: #eee;
}
.zone_gb {
	height: 17px;
	background: #000;
	background: #63686C url(img/zone_bas.jpg) no-repeat;
}
.zone_g_bleu {
	width: 150px;
	padding: 5px 5px 0; 
	background: #63686C url(img/fond_img2.jpg) no-repeat;
	color: #eee;
}
.zone_gb_bleu {
	width: 160px;
	height: 17px;
	background: #63686C url(img/fond_img2_bas.gif) no-repeat;
}





.growl {
    width: 176px;
    margin: auto;
    padding: 7px;
    color: #aaa;
    font-size: 8pt;
    background: url(img/growl.gif);
}
.growl A {
    color: #eee;
}
.growl_b {
    width: 190px;
    height: 16px;
    margin: auto;
    background: url(img/growl_b.gif);
}







.ajax {
	width: 300px;
	height: 180px;
	padding: 10px;
	padding-top: 14px;
	float: right;
	text-align: center;
	background: url(img/fond.jpg);
	color: #aaa;
}


.navigation {
	background: #eee;
	padding: 7px 1px 1px 40px;
	overflow: hidden;
	height: 23px;
	border-bottom: 1px solid #aab;
}
.navigation A {
    color: #333;
}





.onglet {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #a8a;
	padding: 1px 5px 1px;
	background: #606;
	color: #a8a;
	font-size: small;
	text-decoration: none;
}
.ongletA {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #a8a;
	padding: 4px 5px 1px;
	background: #faf;
	color: #333;
	font-size: medium;
	text-decoration: none;
}


.popup {
	position: absolute;
	display: none;
	background: url(img/info.png) no-repeat;
	color: #eee;
	text-align: center;
	padding: 4px;
	width: 120px;
	overflow: hidden;
}

.memoire {
  background: #eee;
}













.m_titre {
	font-family: helvetica;
	font-weight: bold;
    height: 16px;
    color: #ddd;
    white-space: nowrap;
    padding: 3px 2px 1px 15px;
	text-decoration: none;
	background: #000 url(img/titre_hg.gif) no-repeat;
	cursor: pointer;
}


.m_sousmenu_hover { 
    font-family: helvetica;
    font-size: small;
    background: #63686C url(img/sousmenu.jpg) no-repeat;
    color: #fff; 
    padding: 1px 0px 0px 10px;
    overflow: hidden;
    height: 0;
    line-height: 1.5;
}

.smenu {
    color: #eee; 
    text-decoration: none;
    background: none;
}