/* base css generale */
* { margin:0; padding:0; }
body {
    background:url(../images/fond.jpg) top left no-repeat;
    background-color:#fff;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    line-height:1.5em;
    color:#000;
    cursor:crosshair;
}
#conteneur {
    width:780px;width:780px;width:780px;
    margin:0 auto;
    text-align:left;
}
h1, h2, h3 {
    font-family:verdana, arial, helvetica, sans-serif;
    color:#036;
}
h1 {
    font-size:1.4em;
    letter-spacing:1px;
    margin:10px 0;
}
h2 {
    font-size:1.1em;
    margin-top:25px;
}
h3 {
    background:url(../images/puce.jpg) bottom left no-repeat;
    font-size:0.9em;
    text-decoration:underline;
    padding-left:20px;
}
ul, ol { list-style:none; }

/* elements page */
#page {
    width:775px;
    background-color:#fff;
    border:1px solid #036;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    margin-top:15px;
}
#blocliens, #blocmessier { 
    position:absolute;
    top:50px;
    width:116px;
    float:left;
}
#bloctexte {
    border-left:1px solid #036;
    width:630px;
    padding:10px;
    margin-left:125px;
}
#liens_bas {
    width:618px;
    margin:0 auto;
    text-align:center;
    font-weight:bold;
    padding:5px;
}
#pied, #piedlexique {
    width:756px;
    text-align:right;
    font-size:11px;
    font-weight:bold;
    border:1px solid #036;
    padding:2px 10px;
    margin:10px 0 0px 3px;
}
#pied {
    color:#036;
    background-color:#E6E6E6;
}
#piedlexique {
    color:#fff;
    background-color:#036;
}
#stat {
	margin-top:400px;
}

/* menu secondaire */
li.lientitre, li.lientitre2 {
    width:125px;
    padding:4px 0;
    color:#fff;
    background-color:#3A8EB9;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}

li.lientitre { margin-bottom:10px; }
li.lientitre2 {
    margin-top:20px;
    margin-bottom:10px;
}
li.vue {
    display:block; 
    width:90%;
    height:18px;
    background:url(../images/droite.gif) right no-repeat;
    color:#f63;
    font-weight:bold;
    text-align:right;
    margin-right:0;
    padding-right:28px;
}
#lien a:link, #lien_const a:link {
    color:#036;
    margin-left:5px;
}
#lien a:hover, #lien_const a:hover {
    color:#f63;
    background-color:#dcd8d5;
}
#lien a:visited, #lien_const a:visited {
    color:#898e79;
    margin-left:5px;
}
#lien a:link, #lien a:hover, #lien a:visited {
    display:block; 
    width:99%;
    height:18px;
    text-decoration:none;
    font-weight:bold;
    line-height:1.5em;
    padding-left:5px;
}
#lien_const a:link, #lien_const a:hover, #lien_const a:visited {
    display:block; 
    width:99%;
    height:13px;
    text-decoration:none;
    font-size:0.9em;
    font-weight:bold;
    line-height:1em;
    padding:3px 0 1px 5px;
}

/* affichage du logo et image cadre */
#logo {
    position:absolute;
    top:300px;
    margin-left:8px;
}
#logo_lexique {
    position:absolute;
    top:430px;
    margin-left:8px;
}
#logo_sarmap {
    position:absolute;
    top:700px;
    margin-left:23px;
}
img.cadre {
    position:relative;
    top:-20px;
    float:right;
    margin:0;
    padding-right:18px;
}
img.missions {
    position:absolute;
    top:90px;
    float:right;
    margin:0;
    padding-right:18px;
}

a.info {
	position:relative;
	text-decoration: none;
	color:#000;
	cursor:default;
}
a.info span { display:none; }
a.info:hover {
	background:none;
	color:#000;
	z-index:10;
}
a.info:hover span {
	display:inline;
	position:absolute;
	width:200px;
	text-align:left;
	top:3em;
	left:-80px;
	border:2px solid #f63;
	background:#f5f5f5;
	font-weight:normal;
	color:#036;
	padding:5px;
}
a.info:visited { color:#000; }

/* date et navigation basse */
#bas_page {
    text-align:right;
    border-top:1px solid #dcd8d5;
    margin-top:20px;
}
#date {
    text-align:right;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:bold;
    color:#036;
}


/* textes */
p {
    text-align:justify;
    margin:5px 0;
}
p.indent {
    margin-left:30px;
    padding-left:10px;
    border-left:3px solid #dcdcdc;
}
#cadre, p.cadre {
    background-color:#E6E6E6;
    border:1px dashed #898e79;
    border-radius: 25px;
    margin-top:15px;
    padding:10px;
}
#cadre_2 {
    background-color:#E6E6E6;
    border:1px dashed #898e79;
    border-radius: 25px;
    margin-top:15px;
    padding:10px;
}
#cadre_3 {
    background-color:#F8F8FF;
    border:5px outset #898e79;
    margin-top:15px;
    padding:10px;
}
#cadre, cadre_2, cadre_3 { margin-bottom:20px; }
p.intro {
    background-color:#E6E6E6;
    font-family:verdana, arial, helvetica, sans-serif;
	font-style :italic;
    border:1px solid #036;
    border-radius: 15px;
    margin-bottom:10px;
    padding:10px;
}
p.intro_ital{
    background-color:#f5f5f5;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:bold;
	font-style :italic;
    border:1px solid #036;
    margin-bottom:10px;
    padding:10px;
}
p.bandeau {
    background-color:#99CCCC;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:bold;
	text-align:center;
    border:1px solid #036;
    margin-bottom:10px;
    padding:10px;
}
.lettrine {
    background: url(../images/haut_tableau.jpg);
    border:1px solid #17579d;
    font-family:verdana, cursive;
    font-size:1.8em;
    font-weight:bold;
    text-transform:capitalize;
    color:#fff;
    line-height:1.5em;
    float:left;
    margin-right:2px;
    padding:0 4px;
}
p.titre {
    font-family:verdana, arial, helvetica, sans-serif;
    width:33%;
    float:left;
    font-size:1.1em;
    font-weight:bold;
}
p.titre img {
    border:5px solid #dcd8d5;
    margin-left:6px;
}
p.titre a:hover img {
    border:5px solid #f63;
    margin-left:6px;
}
p.titre a { display:block; }
p.titre span {
    display:block;
    padding:5px;
    color:#000;
    width:185px;
    height:150px;
    font-family:arial, helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    text-align:left;
    cursor:default;
}
p.liens_pages {
    float:right;
    background-color:#D8D8D8;
    font-size:0.9em;
    border:1px solid #036;
    border-radius: 10px;
    width:180px;
    padding:6px 4px;
    margin:0 0 10px 10px;
}
p.encart {
    float:right;
    background-color:#f5f5f5;
    border-top:10px solid #036;
    border-bottom:10px solid #036;
    width:300px;
    padding:10px;
    margin:10px 0 10px 10px;
}
.important {
    width:500px;
    font-weight:bold;
    color:red;
    background:url(../images/coche.gif) left no-repeat;
    padding:5px 25px;
    margin:0 auto 10px auto;
}
p.alerte {
    background:url(../images/eclair.gif) top left no-repeat;
    font-weight:bold;
    color:red;
    margin-top:10px;
    padding-left:20px;
}

/* texte special */
sup {
    valign: super;
    font-size: 70%;
    line-height: 80%;
} 
cite {
    font-family:verdana, serif;
    font-style:normal;
}
code { background-color:#dcd8d5; }
.note { 
    font-size:0.9em;
    border-left:4px double #f63;
    margin:10px 0;
    padding:4px 10px;
}
.legendegauche, .legendecentre, .legendedroite, .legende {
    font-weight:bold;
    font-style:italic;
    color:#708090;
    font-size:11px;
    margin:0;
}
.legendegauche { text-align:left; }
.legendecentre { text-align:center; }
.legendedroite { text-align:right; }
.legende { margin-left:20px; }
.texteg {
    text-align:left;
    font-style :italic;	
	}
.textec { 
    text-align:center;
    font-style :italic;	
 }
 .texted { 
    text-align:right;
    font-style :italic;	
 }
 .textes {
    text-decoration:underline;   
 }
 .texteml {
    text-align:right;
    text-decoration:underline;   
 }
.grascentre {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
}
.repere {
    background: url(../images/fleche.gif) left no-repeat;
    padding-left: 10px;
}
htm.intranet {
    border:1px solid #036;
    background-color:#dcd8d5;
    text-align:center;
    font-size:11px;
    font-weight:bold;
}
.credit {
    font-size:0.9em;
    background-color:#3A8EB9;
    color:#fff;
    font-weight:bold;
    text-align:right;
    padding-right:5px;
    margin-top:10px;
} 
sup { vertical-align:top; }
sub { vertical-align:bottom; }
.hr {
    background-image:url(../images/hr.gif);
    background-repeat:no-repeat;
    width:240px;
    height:10px;
    margin:10px auto;
}
p.signature {
    font-size:0.9em;
    font-weight:bold;
    text-align:right;
    color:#036;
    margin-right:50px;
}
ul.liste { margin-bottom:10px; }
ul.liste li, ul.liste2 li { 
    margin-left:25px;
    padding-left:16px;
}
ul.liste li { background:url(../images/point.jpg) left no-repeat; } 
ul.liste2 li { background:url(../images/point.jpg) top left no-repeat; }

/* images */
img {
    border:0;
    margin-top:10px;
}
img.gauche {
    float:left;
    margin:5px 10px 0 0;
}
img.centre {
    display: block;
    margin-left: auto; 
    margin-right: auto; 
}
img.droite {
    float:right;
    margin:5px 0 0 10px;
}
img.simple { margin:0; }
img.vue { margin:0 5px; }
.langue {
    float:right;
    margin:0 0 5px 5px;
    font-weight:bold;
    color:#bebebe;
    font-size:14px;
}

/* transparence */

img.trs
{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
}
img.trs:hover
{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
img.trsdr
{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    float:right;
    margin:5px 0 0 10px;
}
img.trsdr:hover
{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
img.trsct
{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    display: block;
    margin-left: auto; 
    margin-right: auto; 
}
img.trsct:hover
{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
img.trsga
{
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    float:left;
    margin:5px 10px 0 0;
}
img.trsga:hover
{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* transparence */

a.vue_gauche, a.vue_droite {
    background:url(../images/agrandir.gif) bottom right no-repeat;
    background-color:#f1f1f1;
    border:2px dashed #fff;
    text-align:center;
    font-weight:bold;
    color:#000;
    padding-top:10px;
}
a.vue_gauche {
    float:left;
    margin:10px 10px 5px 0;</li>
}
a.vue_droite{
    float:right;
    margin:10px 0 5px 10px;
}
a.vue_gauche:visited, a.vue_droite:visited { color:#000; }
a.vue_gauche:hover, a.vue_droite:hover { background-color:#dcd8d5; }
img.lien {
    float:left;
    margin:0 15px;
    border:1px solid #036;
    background-color:#f1f1f1;
}

/* liens */
a { color:#17579d;
    text-decoration:none;
}
a:visited { color:#898e79; }
a:hover { color:#f63; }
a.liste {</li>
    display:block;
    width:150px;
}
a.dossier {
    background:url(../images/fichier.gif) left no-repeat;
    font-weight:bold;
    color:#036;
    padding-left:14px;
}
a.info {
	position:relative;
	text-decoration: none;
	color:#000;
	cursor:default;
}
a.info span { display:none; }
a.info:hover {
	background:none;
	color:#000;
	z-index:10;
}
a.info:hover span {
	display:inline;
	position:absolute;
	width:200px;
	text-align:left;
	top:3em;
	left:-80px;
	border:2px solid #f63;
	background:#f5f5f5;
	font-weight:normal;
	color:#036;
	padding:5px;
}
a.info:visited { 
    color:#000;
    background-color:#D9D9F3;
    color:#000;
    text-decoration:none;
    padding-left:14px;
}
a.dossier:visited {
    color:#000;
    background-color:#dadada;
}
a.dossier:hover {
    background:url(../images/fichier.gif) left no-repeat;
    color:#fff;
    background-color:#f63;
}
a.lexique {
    background-color:#C0D9D9;
    color:#000;
    text-decoration:none;
}
a.lexique:visited {
    color:#000;
    background-color:#ffc;
}
a.lexique:hover {
    color:#fff;
    background-color:#f63;
}
a.tele {
    background:url(../images/telechargement.gif) left no-repeat;
    font-weight:bold;
    color:#036;
    padding-left:14px;
}
a.site {
    background:url(../images/www.gif) left no-repeat;
    font-weight:bold;
    color:#036;
    padding-left:14px;
}

p.bouton {
    padding:10px 0;
    margin:10px auto;
    width:570px;
}
p.bouton a {
    background-color:#fff;
    border:1px solid #dcd8d5;
    font-weight:bold;
    text-align:center;
    padding:2px;
    margin:0 2px;
    display:inline; 
    width:85px;
    height:16px;
    float:left;
}

/* lexique */
dt {
    font-weight:bold;
    margin-top:30px;
}
dt.biographie {
    font-weight:bold;
    margin-top:30px;
    border-left:3px solid #dcd8d5;
    border-right:3px solid #dcd8d5;
    border-top:3px solid #dcd8d5;
    background-color: #dcd8d5;
    padding:10px;
}
dd {
    text-align:justify;
    border-left:3px solid #dcd8d5;
    padding-left:10px;
}
dd.biographie {
    text-align:justify;
    border-left:3px solid #dcd8d5;
    border-right:3px solid #dcd8d5;
    border-bottom:3px solid #dcd8d5;
    background-color: #f7f7f7;
    padding:10px 20px 10px 40px;
}

/* tableaux */
table {
    border:1px solid #036;
    border-collapse:collapse;
    margin-top:15px;
    font-size:0.9em;
}
table.vide{
    border:0px solid #036;
    border-collapse:collapse;
    margin-top:15px;
    font-size:0.9em;
}
table.totale { width:630px; }
table.centre { 
     border:1px solid #036;
     margin:10px auto; }
table.centrevide { 
     margin:10px auto; 
     border:0px solid #036;
}
table.gauche { 
    float:left;
    margin-right:10px;
}
table.droite {
    float:right;
    margin-left:10px;
}
th.head {
    background:url(../images/haut_tableau.jpg);
    height:30px;
    border:1px solid #036;
    font-family:verdana, arial, helvetica, sans-serif;
    color:#fff;
    text-align:right;
    padding:0 20px;
}
th.head_centre {
    background:url(../images/haut_tableau.jpg);
    height:30px;
    border:1px solid #036;
    font-family:verdana, arial, helvetica, sans-serif;
    color:#fff;
    text-align:center;
    padding:0 20px;
}
td.normal {
    border-top:1px solid #dcd8d5;
    padding:6px 4px;
    vertical-align:top;
    text-transform:none;
}
td {
    padding:10px;
    vertical-align:top;
}

/* tables données */
p.nuit {
    width:630px;
    background-color:#000;
    text-align:center;
    font-weight:bold;
    color:#fff;
    padding-bottom:10px;
}
th.mission {
    width:140px;
    padding-left:10px;
}
td.mission {
    padding:5px 10px;
    font-weight:bold;
}
td.t1, td.t2 {
    padding:5px 10px 5px 0;
    vertical-align:top;
}
th.tabcolor, th.tabcolor_c, th.tabcolor_r, th.tabcolor_sp {
    border-top:3px solid #036;
    border-bottom:3px solid #036;
    padding:6px 4px;
}
th.tabcolor { text-align:left; }
th.tabcolor_c { text-align:center; }
th.tabcolor_r { text-align:right; }
th.tab_r { text-align:right; }
td.tab, td.tab_c, td.tab_r {
    border-top:1px solid #dcd8d5;
    font-weight:bold;
    padding:6px 4px;
}
td.tab_col_fin { 
    vertical-align:middle;
    text-align:left;
    border-bottom:1px solid #036;
    padding:6px 4px;
}
td.tab_col_gras { 
    vertical-align:middle;
    text-align:left;
    font-weight:bold;
    border-bottom:1px solid #036;
    padding:6px 4px;
}
td.tab_col_fin_inf { 
    vertical-align:middle;
    text-align:left;
    border-bottom:3px solid #036;
    padding:6px 4px;
}
td.tab_col_gras_inf { 
    vertical-align:middle;
    text-align:left;
    font-weight:bold;
    border-bottom:3px solid #036;
    padding:6px 4px;
}
td.tab_col_titre { 
    vertical-align:middle;
    text-align:left;
    font-weight:bold;
    padding:6px 4px;
}
td.tab_col_vide { 
    vertical-align:middle;
    text-align:left;
    font-weight:bold;
    padding:6px 4px;
}
td.lun_g { text-align:left; }
td.lun_c { text-align:center; }
td.lun_r { text-align:right; }
td.tab { text-align:left; }
td.tab_c { text-align:center; }
td.tab_r { text-align:right; }
td.tab_sp {
    font-weight:bold;
    text-align:center;
    background-color:#dcd8d5;
}
/* constellations */
th.tabcolor_sp { width:200px; }
p.stellaire, p.non_stellaire {
    line-height:1.3em;
    float:left;
    border:1px solid #898e79;
    border-radius: 8px;
    width:165px;
    padding:6px 4px;
    margin-right:10px;
}
p.stellaire_dr {
    line-height:1.3em;
    float:right;
    border:1px solid #898e79;
    border-radius: 8px;
    width:165px;
    padding:6px 4px;
    margin-right:10px;
}
p.non_stellaire { background-color:#dcd8d5; }
p.comment, p.comment2 {
    text-align:left;
    letter-spacing:1px;
    padding:6px 4px;
}
p.comment { border-top:1px solid #898e79; }
.barre { text-decoration:line-through; }

/* bouton interactif à droite page accueil*/

.btn {
    float:right;	
    -moz-box-shadow:inset 7px 10px 14px -20px #fff;
	-webkit-box-shadow:inset 7px 10px 14px -20px #fff;
	box-shadow:inset 7px 10px 14px -20px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background-color:#fff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:solid #45615e 1px;
	display:inline-block;
	color:#585858;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	height:25px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 4px #ffffff;	
}
.btn:hover {
    float:right;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background-color:#819FF7;
	font-size:11px;
}
.btn:active {
	position:relative;
}

/* bouton interactif en haut toutes les pages */
.btnhaut {
  	position:relative;
	top:5px;
	-moz-box-shadow: 4px 3px 0px 0px #cfd1c5;
	-webkit-box-shadow: 4px 3px 0px 0px #cfd1c5;
	box-shadow: 4px 3px 0px 0px #cfd1c5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #edf0df), color-stop(1, #a8a79e));
	background:-moz-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-webkit-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-o-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-ms-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:linear-gradient(to bottom, #edf0df 5%, #a8a79e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf0df', endColorstr='#a8a79e',GradientType=0);
	background-color:#edf0df;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#030303;
	font-family:Georgia;
	font-size:13px;
	width:90px;
	padding:5px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	text-align:center;    
}
.btnhaut:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a8a79e), color-stop(1, #edf0df));
	background:-moz-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-webkit-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-o-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-ms-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:linear-gradient(to bottom, #a8a79e 5%, #edf0df 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a79e', endColorstr='#edf0df',GradientType=0);
	background-color:#a8a79e;
}
.btnhaut:active {
	position:relative;
	top:1px;
}

/* bouton interactif en bas page accueil*/
.btnbas {
	-moz-box-shadow:inset 7px 10px 14px -20px #ffffff;
	-webkit-box-shadow:inset 7px 10px 14px -20px #ffffff;
	box-shadow:inset 7px 10px 14px -20px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background-color:#fff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:17px;
	-moz-border-radius-topright:17px;
	border-top-right-radius:17px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:17px;
	-moz-border-radius-bottomleft:17px;
	border-bottom-left-radius:17px;
	text-indent:0;
	border:solid #45615e 1px;
	display:inline-block;
	color:#585858;
	font-family:Verdana;
	font-size:15px;
	font-weight:normal;
	font-style:italic;
	height:30px;
	line-height:30px;
	width:116px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 4px #ffffff;
}
.btnbas:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background-color:#D8D8D8;
	font-size:12px;
}
.btnbas:active {
	position:relative;

}
.btnonglet {
  	position:relative;
	top:5px;
	-moz-box-shadow: 4px 3px 0px 0px #cfd1c5;
	-webkit-box-shadow: 4px 3px 0px 0px #cfd1c5;
	box-shadow: 4px 3px 0px 0px #cfd1c5;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #edf0df), color-stop(1, #a8a79e));
	background:-moz-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-webkit-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-o-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:-ms-linear-gradient(top, #edf0df 5%, #a8a79e 100%);
	background:linear-gradient(to bottom, #edf0df 5%, #a8a79e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf0df', endColorstr='#a8a79e',GradientType=0);
	background-color:#edf0df;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#030303;
	font-family:Georgia;
	font-size:10px;
	width:88px;
	padding:5px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	text-align:center;    
}

/* bouton interactif toutes les pages à gauche */
.btnonglet:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a8a79e), color-stop(1, #edf0df));
	background:-moz-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-webkit-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-o-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:-ms-linear-gradient(top, #a8a79e 5%, #edf0df 100%);
	background:linear-gradient(to bottom, #a8a79e 5%, #edf0df 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a79e', endColorstr='#edf0df',GradientType=0);
	background-color:#a8a79e;
}
.btnonglet:active {
	position:relative;
	top:1px;
}