/* CSS Document */
/* CMT style v1.0 by Andurance.com
  ____ __  __ _____ 
 / ___|  \/  |_   _|
| |   | |\/| | | |  
| |___| |  | | | |  
 \____|_|  |_| |_|  Comité Martiniquais du Tourisme.
 
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#nav a img{border:0;}
.png{
	behavior: url("images/win_png.htc");
	zoom:1;
}
.barre_rubrique
{
margin:0 0 0 0;
padding:8px 0 3px 20px;
height:22px;
color:#FFFFFF;
}
.barre_rubrique a img,
.barre_rubrique a{
color:white;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
b.texte-barre{
font-weight:normal;
text-decoration:line-through;
}
/*_________________________________________________

  ooo  E X P L I C A T I O N S
  
/*----------------------------------------------------
Pour que le menu puisse fonctionner, il faut fixer une taille XYZ à chaque
li correspond à la liste d'un secteur.
Ensuite, les sous rubriques des rubriques de ce secteur sont décalés par un margin left proche de XYZ.
___________________________________________________*/
/*----------------------------------------- 
 >>> DRAPEAUX
 permet de gérer la longeur du sosu menu des drapeaux
 -----------------------------------------*/
 #nav2 li.secteur_2 ul { /* second-level lists */
	width: 30px;/**/
}
/*----------------------------------------- 
 >>> 02. DÉCOUVREZ
 -----------------------------------------*/

#nav li.secteur_2 ul{ /* second-level lists */
	width: 120px;/**/
}

/*
SOUS SOUS RUBRIQUE
*/
#nav li.secteur_2 ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 110px;
	width: 180px;/**/
}

 /*----------------------------------------- 
 >>> 03. ORGANISEZ
 -----------------------------------------*/
#nav li.secteur_3 ul { /* second-level lists */
	width: 165px;/**/
}
/*
SOUS SOUS RUBRIQUE
*/
#nav li.secteur_3 ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 155px;/*-1em 0 0 125px;*/
}
/*----------------------------------------- 
 >>> 04. RÉSERVEZ
 ----------------------------------------- */
#nav li.secteur_4 ul { /* second-level lists */
display:none;
	width: 165px;/**/
}
/*
SOUS SOUS RUBRIQUE
*/
#nav li.secteur_4 ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 115px;
}
/*----------------------------------------- 
 >>> 05. PRATIQUE
 ----------------------------------------- */
#nav li.secteur_5 ul { /* second-level lists */
	width: 150px;/**/
}
/*
SOUS SOUS RUBRIQUE
*/
#nav li.secteur_5 ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 145px;
}
/*----------------------------------------- 
 >>> 06. COMITÉ MARTINIQUAIS DU TOURISME
 ----------------------------------------- */
 #nav li.secteur_6 ul { /* second-level lists */
	width: 220px;/**/
}
/*
SOUS SOUS RUBRIQUE
*/
#nav li.secteur_6 ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 210px;
	width: 200px;/**/
}
/*______________________________________________________________________________________________


 S T Y L E S     G E N E R I Q U E S       P O U R     L E    F O N C T I O N N E M E N T    D U      M E N U 


______________________________________________________________________________________________*/
#nav, #nav ul ,
#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
}

#nav a,#nav2 a {
	display: block;
	position:relative;
}

#nav li ,#nav2 li { /* all list items */
	float: left;
	
}

/*---------------------------
SOUS RUBRIQUE
---------------------------*/
#nav li ul ,#nav2 li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left			:1px solid  #999;
	border-bottom		:1px solid #666;
	border-right		:1px solid #666;
	background-color:#FFFFFF;
}
#nav li ul a,#nav2 li ul a{
	padding 			: 2px 10px 3px 5px;/**/
	height				: auto;
	color				: #666666;
	font				:normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: none;
		width: auto !important;
		width: 100%;
		margin:0;
		}

#nav li ul a:hover,#nav2 li ul a:hover{
background-color:#6699CC;
color:#FFFFFF;
}

#nav li ul li ,#nav2 li ul li {
	width				: 100%;	
	float				: none;
	height				: auto;
	padding 			: 0;
	border-top			: 1px solid #999;
	vertical-align      : top;
	margin:0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul ,
#nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul ,
#nav2 li:hover ul, #nav2 li li:hover ul{ /* lists nested under hovered list items */
	left: auto;
}
/*==========================

D O M    -    T A B      pour les recherches

=========================*/
div.domtab{
			padding:0 3em;
			width:350px;
			font-size:90%;
		}
		ul.domtabs{
			float:left;
			width:100%;
			margin:2em 0 0 0;	
			padding:0;
			list-style-type:none;		
		}
		ul.domtabs li{
			float:left;
			padding:0 .5em 0 0;
			margin:0;
		}
		/* LES  ICONES */
		#icone-1{background-image:url(../images/bt-recherche.jpg);	background-position: 0 75px;}
		#icone-4{background-image:url(../images/bt-recherche.jpg); background-position: 75px 75px; }
		#icone-3{background-image:url(../images/bt-recherche.jpg); background-position: 150px 75px ; }
		#icone-2{background-image:url(../images/bt-recherche.jpg); background-position: 225px 75px }
		/*----------------------------------------------------*/
		#icone-1:hover{background-image:url(../images/bt-recherche.jpg); background-position: 0 0;}
		#icone-4:hover{background-image:url(../images/bt-recherche.jpg); background-position: 75px 0 ;}
		#icone-3:hover{background-image:url(../images/bt-recherche.jpg); background-position: 150px 0;}
		#icone-2:hover{background-image:url(../images/bt-recherche.jpg); background-position: 225px 0;}
		/*===================================================*/
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			/*width:8em;*/
			/*padding:.2em 1em;*/
			display:block;
			background:#FFF;
			color:#000099;
			height:75px;/**/
			width:75px;
			font-weight:bold;
			border-top:1px solid #006699;
			border-left:1px solid #006699;
			border-right:1px solid #006699;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:75px;
		}
		ul.domtabs a:hover{
			background:#66CCFF;
		}
		div.domtab div{
			clear:both;
			width:auto;
			background:#FFFFFF;
			color:#666666;
			padding:1em 3em;
			border:1px solid #666666;
			min-height:210px;
			height:auto !important;
			height:210px;
		}
		div.domtab div legend{display:none;}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#0066CC;
			color:#fff;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#fff;
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#cfc;
			display:none;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		div.domtab div h2
		{
			font-size:12px;
		}
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:red;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:orange;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:yellow;
	color:#fff;
}
#other div{
	float:left;
}