@charset "utf-8";
/* CSS Document */
body {
	color: #333333;
	/*background: #FFFFFF url(../images/background.png) no-repeat center top;*/
	font:  80% "Trebuchet MS", "Verdana", "Lucida Grande", "Tahoma, Helvetica", "Sans-Serif";
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}
html>body .menufixe {
  position: fixed;
}

/* ----------------------------- */
/*          ALSA V 3.0           */
/* ----------------------------- */

a img {
  border: 0;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}
p{
	left:inherit;
	text-align:left;

}
.fieldset {
	margin-bottom: 0px;
	border: 2px solid #666666;
}


legend {
	font-weight: bold;
	color: #003399;
}

select, input, textarea  {
	color: #003399;
	font-family: inherit;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background-color: #E9E9E9;
	border: 1px solid #0066CC;
}


#print {
  display:none;
}

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */


h2 {
  color: #FF7800;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 2em;
  letter-spacing:-1px;

}

h3 {
	color : #003399;
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
	color: #FF6600;
}

h5 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

a {
	color: #3573AA;
	text-decoration: none;

	font-size: 14px;
}

a:visited {
  }


a:hover, a:focus, a:active {
  text-decoration: underline;
}

h2 a {
  color: #FF7800;
  /*font-family:Sans-serif;*/
}
h2 a:visited {
  color: #EAA515;
}
h2 a:hover, h2 a:focus, h2 a:active {
  text-decoration: none;
  color: #eb5800;
}


h2 span.hometype {
  color:#999;
}

/*les div*/

.fond_logo {
	background:url(../images/marrakech-promo.png) no-repeat;
}

.fond_menu {
	background:url(../images/tube_02.jpg) no-repeat;
}

.fond_anim {
	background:url(../images/fond_anim.png) no-repeat left;
}


.fond_bat {
	background-image: url(../images/bat.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.fond_centre {
	background:url(../images/fond_centre.png) repeat-y;
}
.fond_bar_gauche {
	background:url(../images/bar_gauche.png) repeat-y;
}
.fond_bar_droit {
	background:url(../images/bar_droit.png) repeat-y;
}
.fond_footer {
	background:url(../images/footer_centre.png) repeat-x;
}
.fond_espace {
	background:url(../images/espace.png) no-repeat top right;
}

.tablebordergris {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size: 12px;
}



a.lien2:link
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;

}

a.lien2:visited
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;
}
a.lien2:hover
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}
a.lien3:link
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;

}

a.lien3:visited
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;
}
a.lien3:hover
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FF6600;
	text-decoration: none;
	font-size: 11px;
}
a.lienb:link
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

a.lienb:visited
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
a.lienb:hover
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #00FF66;
	text-decoration: none;
	font-size: 10px;
}
a.lien_bg:link
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;

}

a.lien_bg:visited
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #3B81BE;
	text-decoration: none;
	font-size: 11px;
}
a.lien_bg:hover
{
	font-family: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	background-color: #006699;
}
.copyright {font-size: 10px}
.textp {font-size: 12px}
.textp_v {
	font-size: 11px;
	color: #33CC66;
}
.textp_r {
	font-size: 11px;
	color: #FF0000;
}
li {
	padding: 1px;
	list-style-type: square;
	list-style-position: outside;
	color: ff6600;
	font-size: 14px;
}
.sousli {
	padding: 1px;
	list-style-position: inside;
	list-style-image: url(../images/souscat.gif);
}

.tumevois{
  visibility:visible;
  display:block;
  position:fixed;
  top:250px;
	left:380px;
	width:40px;
	height:40px;
	z-index:300;
}

.tumevoispas{
visibility:hidden;
  display:none;
}



.plop_rouge {
	text-decoration: blink;
	FONT-SIZE: 12px;
	COLOR: #CC0000;
}
.plop_vert {
	text-decoration: blink;
	FONT-SIZE: 16px;
	COLOR: #33CC66;
}

	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	
.zone_coor {
	height: 120px;
	width: 320px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	background-color: #f3f6f3;
	overflow:auto;
}
.zone_detail {
	height: 190px;
	width: 700px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	background-color: #f3f6f3;
	overflow:auto;
	
}

.divarrondi {
	width:200px;
	background-color: #FF0033;

	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	/* for IE */
  /*filter:alpha(opacity=60);*/
  /* CSS3 standard */
  /*opacity:0.6;*/
}

 
b.dtop, b.dbas{display:block;background:#FFFFFF; font-size:1px; }
b.dtop b, b.dbas b{
	display:block;
	height: 1px;
	font-size:1px;
	overflow: hidden;
	background:#FF0033;
}
b.r1{margin: 0 5px ; font-size:1px;}
b.r2{margin: 0 3px ; font-size:1px;}
b.r3{margin: 0 2px ; font-size:1px;}
b.dtop b.r4, b.dbas b.r4{margin: 0 1px;height: 2px; font-size:1px;}

.divarrondi2 {
	width:100%;
	background-color: #0066FF;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;

}

 
b.dtop2, b.dbas2{display:block;background:#FFFFFF; font-size:1px; }
b.dtop2 b, b.dbas2 b{
	display:block;
	height: 1px;
	font-size:1px;
	overflow: hidden;
	background:#0066FF;
}
b.r12{margin: 0 5px ; font-size:1px;}
b.r22{margin: 0 3px ; font-size:1px;}
b.r32{margin: 0 2px ; font-size:1px;}
b.dtop2 b.r42, b.dbas2 b.r42{margin: 0 1px;height: 2px; font-size:1px;}

.erreur {
	font-size: 10px;
	color: #CC3333;
	text-decoration: blink;
}

marquee {
	margin: 0px;
	padding: 0px;
	color: #0033CC;
	font-size: 18px;
	font-weight: bold;
	border: 1px dotted #999999;
	background-image: url(../images/f.png);
}
#fond_promo {
	position:relative;
	background-image: url(../images/promo.png);
	background-repeat: no-repeat;
	top:    0px;
	left:  10px;
	z-index:1OO;
	height: 25px;
}
#fond_exclusif {
	position:relative;
	background-image: url(../images/exclusivite.png);
	background-repeat: no-repeat;
	top:    0px;
	left:  10px;
	z-index:1OO;
	height: 30px;
}
#fond_promo_exclusif {
	position:relative;
	background-image: url(../images/promo-exclusive.png);
	background-repeat: no-repeat;
	top:    0px;
	left:  10px;
	z-index:1OO;
	height: 30px;
}

.titre {
	color: #D2334C;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
.titreblan {
	color: #FFFFFF;
	text-align: left;
}
.titrevert {
	color: #00FF33;
}
.titrebleu {
	color: #0066CC;
	font-size: 16px;
}
.titreorange {
	color: #FF6600;
}