body {color:#F90;background:#f5f5eb;font:8pt Arial;margin:10px 0 0 10px;}

a:link, a:hover, a:visited, a:active{text-decoration:none;font-weight:normal;}
a:link{color:#00F;}
a:hover{color:#F90;}
a:visited, a:active{color:#F30;}


/* menu vertical*/
#marocvert {border:1px solid #f90;width: 132px;}
#marocvert ul {margin: 0;padding: 0;list-style-type: none;font: normal 68% Arial, sans-serif;}
#marocvert li {margin:0;}
#marocvert a {display: block;padding: 2px 0 0 1px;width: 128px;text-decoration: none;color:white;background-color: #f90;border-top: 1px solid #f90;border-bottom: 1px solid white;}
#marocvert li a {width: 130px;}
#marocvert li a:hover {background-color: white;color:#f90;border:1px solid #f90;}
#active a {display: block;color:#f90;border:1px solid blue;background-color: white;width: 128px;padding: 2px 0 0 1px;text-decoration: none;}
#marocvert div.menutitle {color:#630;padding: 3px;background-color:white;font: bold 65% Arial, sans-serif;}

/* menu horizontal*/
#marochor ul
{
text-align: center;
padding: 1px 0 1px 0;
margin-top: 0;
margin-left: 0;
background-color: #f90;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-size: 8pt;
line-height: 18px;
}

#marochor ul li {
display: inline;
padding: 1px 0 1px 0;	
}

#marochor ul li a {
padding: 1px 10px 1px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
border:1px solid #f90;
}

#marochor ul li a:hover {
background-color: #fff;
color: #f90;
}

#marochor #active {
border-left: 1px solid #fff;
}

.prestation/*listes descriptions prestations*/
{
padding-left: 0;
list-style-position: inside;
text-align: left;
font-size: 8pt;
line-height: 11pt;
color:rgb(102,51,0);
font-family:Verdana;
}

.retrait, .retrait2, .km, .km2/*listes descriptions circuits*/
{
padding-left: 10px;
list-style-position: outside;
list-style-image: url(fleche/d.gif);
}

.km, .km2/*listes descriptions km*/
{
padding-left: 10px;
list-style-position: inside;
list-style-image: url(fleche/d.gif);
}

.euro, .euro2/*listes prix circuits*/
{
text-align: left;
padding: 0;
margin: 0;
list-style-type: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 8pt;
line-height: 11pt;
}

/*essai de suppression du premier tableau*/
/*#page
{
margin-left: auto; 
margin-right: auto; 
width: 761px;
background-color: #f90;
}*/	


/* va falloir ordonner et ranger tout ces h pour commencer!*/

h1, h2{font-weight:bold;font-size:14pt;}
h5, h6{font-weight:normal;color:rgb(102,51,0);}
h3 {font-weight:bold;font-size:8pt;text-align:left;}
h5 {font-size:9pt;}
h1, h3, h4{ font-family:Arial;}
h2, h5, h6{font-family:Verdana;}
h1 {color:white;}
h1 {margin: 8pt 0 0 8pt;}
h2 {color:rgb(255,153,0);text-align:left;margin: 6px 28px 0 28px;}
h4 {font-weight:bold;font-size:8pt;color:rgb(153,102,0);text-align:left;margin: 0 28px 10px 28px;}
h5 {font-weight:bold;font-size:8pt;color:rgb(153,102,0);text-align:left;margin: 2px 1px 2px 1px;}
h6 {font-size:8pt;margin: 0 10px 4px 14px;}

hr {
width: 636px;
height: 2px;
padding: 0;
color: blue;
background-color: blue;
border: 0;
}


.blanc {font-size:9pt;color:white; margin: 2px 0 2px 5px;}/*special h3*/
.marron {font-size:8pt;color:rgb(153,102,0); margin: 2px 0 4px 14px;}/*special h3*/
.ret {margin-left:18px;}
.ret28 {text-align:left;margin: 0 30px 10px 28px;}
.ret28r {margin-right:28px;}
.hr2 {width:510px; color: #f90; height :1px; border:0;}
.said { font-family:Arial; font-weight:bold; font-size:18pt; color:white; margin-bottom:4px/**/; margin-left:10pt/**/; }
.index { color:rgb(255,153,0);}
.accueil { font-family:Arial; font-size:9pt; color:rgb(102,51,0); margin-top:0; margin-bottom:4pt/**/;}
.haut { font-family:Arial; font-size:12pt; color:white; margin-top:5px; margin-bottom:4px; margin-left:4px;}
.page { font-family:Arial; font-weight:bold; font-size:9pt; color:rgb(245,244,235); letter-spacing:2pt/**/; margin-top:25px;}
.titre { font-family:Arial; font-size:14pt; color:rgb(102,51,0); margin-bottom:4px; margin-top:0px; margin-left:4px;}
.circuit { font-family:arial; font-weight:bold; font-size:8pt; color:white; margin-top:2px; margin-bottom:4pt; }
.vtt { color:blue; }
.km { font-family:Verdana; font-style:italic; font-size:8pt; color:rgb(153,102,0); margin-top:0; margin-bottom:0; }
.km2 { font-family:Verdana; font-style:italic; font-size:8pt; color:#C33; margin-top:0; margin-bottom:0; }
.excursion { font-family:Verdana; font-size:8pt; color:/*blue*/rgb(153,102,0);  margin: 10px 0 6px 4px;}
.4x4 { font-family:Arial; font-size:8pt; color:white;  margin: 3px 0 3px 10px;}
.excursion-li { font-family:Verdana; font-size:8pt; color:rgb(153,102,0); margin:0; }
.flh {text-align:right; margin:12px 50px 12px 0;}/*flèche haut*/
.faq, .faqi { font-family:Verdana; font-size:8pt; color:rgb(102,51,0);  margin: 0 0 5px 0;}
.faqi {font-style: italic;}
.h6 {text-align:left;font-family:Verdana;font-weight:normal;color:rgb(102,51,0);font-size:8pt;margin: 0 5px 4px 5px;}

.d, .d2, .dr, .dr2, .retrait, .retrait2, .prix, .prix2, .treks, .treks2, .Talt, .Tville, .Ttable, .T, .end{ font-family:Arial; font-size:8pt;}
.treks, .treks2{font-weight:bold;} 
.treks{color:rgb(153,102,0);}
.treks2, .prix2, .retrait2, .dr, .dr2, .euro2{color:#C33;}


.d, .d2, .dr, .dr2, .retrait, .retrait2, .prix, .raid, .treks{margin-top:0; margin-bottom:0;}
.d, .dr {margin-left:4pt; }
.retrait, .retrait2 {margin-left:18pt/**/;}
.d2, .dr2 {margin-left:13pt;}

.mois-niveau, .trek retour, .Maroc { font-family:Arial; font-weight:bold;}
.mois-niveau {font-size:9pt; color:white; margin-top:1px; margin-bottom:1px; margin-left:5px; }
.trek-retour {font-size:12pt; text-decoration:none; margin-top:6px; margin-bottom:6px; }
.Maroc {font-size:12pt; color:rgb(245,244,235); margin-bottom:0; margin-left:2px; }

.pp { font-family:Verdana; font-weight:bold; font-size:8pt; color:rgb(244,187,101); text-align:center; margin-top:2px; margin-bottom:3px; }
.pp2 { font-family:Arial; font-size:9pt; color:white; text-align:center; margin-top:3px; margin-bottom:4px;}

.b, .Tmax, .Tmin, .Tmaxi, .Tmini{ font-family:Verdana; font-size:8pt;}
.b { font-weight:bold; color:white;}
.trek, .trek-retour, .Tmin, .Tmini, .table  {color:blue;}
.Tmax, .Tmin {text-align:right; margin-right:8pt;}
.prix, .Tmax {color:rgb(255,153,0);}
.Tmaxi {color:rgb(255,171,45);}
.d, .d2, .retrait, .Talt, .T {color:rgb(102,51,0);}
.Tmax {margin-left:0; }

.Talt {margin-top:1px; margin-bottom:2px; margin-left:8pt; } /*quelle fonte*/
.Tville {font-weight:bold; color:rgb(153,102,0); margin-top:1px; margin-bottom:2px; margin-left:9pt; }/*quelle fonte*/
.table {margin-left:2pt;}
.T {font-weight:normal; margin-left:1pt;}
.T2 {color:#C33; font-size:12pt;}
.end {font-weight:normal;color:white; text-align:center;}

/* Style des lignes de séparation */
.table-separateur {
background-color : #ECE9D8;
}

/*....tableau-prix*/
/* Style du titre du tableau */
.tab-titre {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : white;
text-align : center;
font-weight : bold;
background-color : #f90;
}

/* Style des en-têtes du tableau */
.tab-tete {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #630;
background-color : #F6F5F1;
}

/* Style des en-têtes du tableau (centré) */
.tab-tetec {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #630;
text-align : center;
background-color : #F6F5F1;
}

/* Style des en-têtes du tableau (droite) */
.tab-teted {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : white;
text-align : right;
background-color : #a7ada7;
}

/* Style 1 des cellules */
.tab-l1 {
font-size : 10px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #630;
background-color : #F6F5F1;
}

/* Style 2 des cellules */
.tab-l2 {
font-size : 10px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #f90;
background-color : white;
}

/* Style 1 des cellules (centré) */
.tab-l1c {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #333333;
text-align : center;
background-color : #c6c3bd;
}

/* Style 2 des cellules (centré) */
.tab-l2c {
font-size : 12px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #333333;
text-align : center;
background-color : #cccccc;
}

/* Style 1 des cellules (droite) */
.tab-l1d {
font-size : 10px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #630;
text-align : right;
padding: 0 10px;
background-color : #F6F5F1;
}

/* Style 2 des cellules (droite) */
.tab-l2d {
font-size : 10px;
font-family : Verdana, arial, helvetica, sans-serif;
color : #f90;
text-align : right;
padding: 0 10px;
background-color : white;
}





/***A quoi cela sert? Ne sais plus
#tab {
border:0
border-collapse:collapse;
width:100%;
margin:auto;
}

.tbody {
background-color:#FFFFFF;
border:0;
}
.tab td
{
/*color: #996600;*/
background-color: #FFCC66;
border: none;
}

.tab td {
font-family:verdana;
font-size:8px;
border:none;
padding:0;
text-align:left;
}
caption {
font-family:sans-serif;
}
***/