/*
td#menu_1{ 
 background-image:url(images/maquette_page_interieure_04.gif) ;   
 
}

td#menu_1:hover {
  *background-image: none;
  background-image:url(images/maquette_page_interieure_03.gif) ;  

}

td#menu_2{ 
 background-image:url(images/residences-3-iles_04.gif) ;   
 
}

td#menu_2:hover {
  *background-image: none;
  background-image:url(images/residences-3-iles_b.gif) ;  

}*/

body {
background:url(images/bg.gif);
background-color:#abafad;
background-repeat:repeat-x;

}

.body1 {
background:url(images/bg-image2.gif);
background-color:#abafad;
background-repeat:repeat-x;

}

a {	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#333333;
	font-weight: bold;
}

a:hover, a:active {	
	color:#4a7eb8;
}

.textehaut {
	
font-family: Arial, Helvetica, sans-serif ;
font-size:12px;
font-weight:bold;
color:#9fa9b0;
 letter-spacing: 12px;
 word-spacing: 4px;
text-align: center;
min-width: 900px;
}

.titre_1 {
font-family: Arial, Helvetica, sans-serif ;
font-size:12px;
font-weight:bold;
color:#9fa9b0;
}
.titre_2 {
font-family: Arial, Helvetica, sans-serif ;
font-size:12px;
font-weight:bold;
color:#333333;
}

.titre_3 {
font-family: Arial, Helvetica, sans-serif ;
font-size:15px;
font-weight:bold;
color:#333333;
}

.titre_4 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#333333;
}

.titre_5 {
font-family: Arial, Helvetica, sans-serif ;
font-size:11px;
color:#333333;
font-style:bold;
font-weight:inherit;
}

.texte_1 {
font-family: Arial, Helvetica, sans-serif ;
font-size:11px;
color:#333333;
font-style:italic;
font-weight:inherit;
}

.texte_2 {
font-family: Arial, Helvetica, sans-serif ;
font-size:11px;
color:#333333;
font-weight:inherit;
}

.titre_loisirs {
font-family: Arial, Helvetica, sans-serif ;
font-size:11px;
color:#333333;
font-weight:bold;	
}

.justify {
	text-align: justify;
}


.lien_1 {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:333333; 
}
.lien_1:hover {
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:333333; 
}




.menus_top a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333;
font-weight:bold; 
height:25px;
display: block;
margin: 0 auto;
background:url(images/menus2.gif) ;
line-height:25px ;



}

.menus_top a:hover {
height:25px;
display: block;
margin: 0 auto;
background-image:url(images/menus1.gif) ;
}




.menus_top1 a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333;
font-weight:bold; 
height:25px;
display: block;
margin: 0 auto;
background:url(images/maquette_page_accueil-menu-hover_11.gif) ;
line-height:25px ;



}

.menus_top1 a:hover {
height:25px;
display: block;
margin: 0 auto;
background-image:url(images/maquette_page_accueil-menu-hover_10.gif) ;
}




.menus_top2  {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333;
font-weight:bold; 
height:25px;
display: block;
margin: 0 auto;
/*background:url(images/cadre_menus.gif) ;*/
line-height:25px ;
background-color:#93C9FF;



}

.menus_top2 :hover {
height:25px;
display: block;
margin: 0 auto;
background-color:#93C9FF;
/*background-image:url(images/cadre_menus.gif) ;*/
}


#anim {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	/*background-image:url(images/cadre_menus.gif);*/
	top: 58px;
	width: 187px;
	height:165px;
	background-color:#FFFFFF;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
}

#anim1 {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	background-image:url(images/cadre_menus.gif);
	top: 58px;
	width: 187px;
	height:165px;
}



/* ajouter par Haythem ***/
.blanc12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.noir12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.noir11b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.violet14b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}

.contour {
	border: 1px solid #333366;
}
.blanc11b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.gris11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.violet11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #996633;
	border: 1px solid #666666;
}
.blanc10 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.blanc14b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	word-spacing: 2px;
}

td.tdspace {
	padding: 10px 10px 0px 5px;
}

a.lienactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #145B0C;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
a.lienactu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
a.lienactu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

ul.residence {
	margin: 0;
	padding: 0;
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style: none; margin-left: -41px; width: 940px; }
ul.dropdown li                      
{ 
	font-weight: bold; 
	float: left; 
	border: none;
	zoom: 1; 
	background-repeat: no-repeat;
	background-image: url(images/menus2.gif); 	
	height: 18px;
	width: 188px;
	text-align: center;
	padding-top: 7px;
}
ul.dropdown li:hover                { background-image: url(images/menus1.gif); }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    
{ 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {  position: relative; }
ul.dropdown li.hover a              { }


/* 
	LEVEL TWO
*/
ul.sub_menu						
{ 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: -40px;  
	color: #fff; 
}

ul.sub_menu li 					
{ 
	text-align: center;
	list-style: none; 
	font-weight: bold; 
	color: #fff; 
	border-bottom: 1px solid #ccc;
	float: none; 
	height: auto; 
	padding: 5px;
	width: 180px; 
}

.white {
	color: #fff;
}

.gris_fonce {
	color: #333;	
}

ul#trans li{	
	background-image: url(images/fond_menu_75.png); 
	background-repeat: repeat;
	color: #fff;
}

/*ul#trans li:hover{	
	background-color: #80abd6;
}*/	

ul#trans li:hover a{	
	color: #333;
}								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.sub_menu li a					
{ 
	border-right: none; 
	width: 100%; 
	display: inline-block;
} 

.actu_p {	
	font-family: Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#333333;
}

.actu_a {	
	font-family: Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#333333;
	text-decoration: none;
}

.actu_a:hover {	
	color:#333333;
}

.actu_title {	
	font-family: Arial, Helvetica, sans-serif ;
	font-size:13px;
	color:#333333;
	font-weight:bold;
}

td.actu_accueil p{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:11px;
	color:#333333;	
}



td.actu_accueil h4{
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size:14px;
	color:#333333;	
}

h2{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

h3{
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}