/***************************
|	Ent�te		|
****************************/

html {margin: 0; padding: 0;}

body {	margin: 0; padding: 0; 
		text-align: center; /*bug IE*/
		font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;}

#centre {margin: 0; top: 0; left: 0; 
		width:788px;
		text-align: left; /*rectification bug IE*/
		margin:0 auto; background-color: #80BA20;}	
		
#headers {
		margin: 0; top: 0;
		position: absolute;
		height:170px;
		}			
		
#header_1 {
		margin: 0; top: 0;
		position: absolute;
		width:114px;
		height:170px;
		background: url(images/site/header_1.jpg) no-repeat;
		}
#header_2 {
		margin: 0 0 0 114px; top: 0;
		position: absolute;
		width:182px;
		height:101px;
		background: url(images/site/header_2.jpg) no-repeat;
		}
#header_3 {
		margin: 0 0 0 296px; top: 0;
		position: absolute;
		width:259px;
		height:101px;
		background: url(images/site/header_3.jpg) no-repeat;
		}	
#header_4 {
		margin: 0 0 0 555px; top: 0;
		position: absolute;
		width:233px;
		height:101px;
		background: url(images/site/header_4.jpg) no-repeat;
		}
#logo { display: yes;
		margin: 101px 0 0 114px; top: 0;
		position: absolute;
		width:137px;
		height:32px;
		background: url(images/site/logo_JMB_travel.gif) no-repeat;
		}

/***************************
|	 Corps de page			|
****************************/

#corps {
		margin: 170px 0 0 0; top: 0;
		position: absolute;
		width:788px;
		}	
#menu {
		margin: 50px 0 0 0; top: 0;
		position: absolute;
		width:180px;
		line-height: 20px;
		}
		
		a {font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C; font-weight: bold; text-decoration: none;}
		
		ul.menu {margin: 0; padding: 0;
		list-style-type: none;} /*sans point de liste*/	
				
		a.lien_menu{padding: 0 0 0 40px; display: block; font-weight: normal;}		
	 
		a:hover.lien_menu {padding: 0px 0px 0px 40px; font-weight: bold; color: #424242; text-decoration: underline;}		
		
		.lien_menu_actif {padding: 0px 0px 0px 40px; color: #424242; font-weight: bold;  text-decoration: underline;
		background: url("images/site/puce.gif") no-repeat 27px 7px;}	
	


/***************************
|	accueil					|
****************************/
	
#m_1 {
		margin: 133px 0 0 295px; top: 0;
		position: absolute;
		width:493px;
		height:37px;
		background: url(images/site/m_1.jpg) no-repeat;
		}		
		
#m_3 {
		margin: 0; top: 133px; left: 788px;
		position: relative;
		width:48px;
		height:133px;
		background: url(images/site/m_3.jpg) no-repeat;
		}		
	
#m_4{
		position: absolute;
		height:509px; 
		width:34px; 
		background: url(images/site/m_4.jpg) no-repeat;
	}
	
#carte_postale{
		margin: 0 0 0 34px; top: 0;
		position: absolute;
		height:382px; 
		width:549px; 
	}	

#m_2 {
		position: absolute;
		margin: 0 0 0 583px; top: 0;
		width:25px;
		height:96px;
		background: url(images/site/m_2.jpg) no-repeat;
	}
		
#deg_droite{
		position: absolute;
		margin: 96px 0 0 583px; top: 0;
		width:25px; height:286px; 
		background: url(images/site/cadre_deg_droite.gif) repeat;
	}		
	
#deg_bas
	{	margin: 382px 0 0 34px; top: 0;
		padding: 25px 0 0 0;
		position: absolute;
		width:574px; height:10px;
		text-align: center;
		font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C; font-size: 8pt; text-decoration: none;
		background: url(images/site/cadre_deg_bas.gif) no-repeat;
	}	

#accueil {
		margin-left: 0; top: 0;
		position: absolute;
		width:549px;
		height:382px;
		background: url(images/site/accueil.jpg) no-repeat;
		}
		
h1.accueil {
		padding: 60px 0 0 0; font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C; font-size: 15pt; text-decoration: none; font-weight: normal; text-align: center;
		}
h2.accueil {
		padding: 15px 0 0 0; font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C; font-size: 12pt; text-decoration: none; font-weight: normal; text-align: center;
		}				

/*		
#a_1 {
		margin-left: 0; top: 0;
		position: absolute;
		width:549px;
		height:19px;
		background: url(images/site/accueil_1.jpg) no-repeat;
		}
#a_2 {
		margin: 19px 0 0 0; top: 0;
		position: absolute;
		width:256px;
		height:76px;
		background: url(images/site/accueil_2.gif) no-repeat;
		}
#a_3 {
		margin: 19px 0 0 256px; top: 0;
		position: absolute;
		width:293px;
		height:76px;
		background: url(images/site/accueil_3.jpg) no-repeat;
		}
#a_4 {
		margin: 95px 0 0 0; top: 0;
		position: absolute;
		width:549px;
		height:170px;
		background: url(images/site/accueil_4.jpg) no-repeat;
		}
#a_5 {
		margin: 265px 0 0 0; top: 0;
		position: absolute;
		width:353px;
		height:99px;
		background: url(images/site/accueil_5.jpg) no-repeat;
		}
#a_6 {
		margin: 265px 0 0 353px; top: 0;
		position: absolute;
		width:196px;
		height:99px;
		background: url(images/site/accueil_6.jpg) no-repeat;
		}
#a_7 {
		margin: 364px 0 0 0; top: 0;
		position: absolute;
		width:549px;
		height:18px;
		background: url(images/site/accueil_7.jpg) no-repeat;
		}
*/



/***************************
|	 Page					|
****************************/

#page {
		margin-left: 180px; top: 0;
		position: absolute;
		width:608px;
	}			
		
#cadre {width: 608px;}
	
#cadre_haut {
		height:52px;
		margin: 0; padding: 0;
		text-align: center;
		background: url(images/site/cadre_haut.jpg) top center no-repeat;
		}
		
#cadre_fond {
		margin: 0; padding: 42px 70px 42px 72px;
		/*min-height:200px;*/
		text-align: justify;
		background: url(images/site/cadre_fond.jpg) top center repeat;
		}
		
#cadre_fond_mail {
		margin: 0; padding: 42px 70px 10px 72px;
		/*min-height:200px;*/
		text-align: justify;
		background: url(images/site/cadre_fond.jpg) top center repeat;
		}		
		
#cadre_fond_voyages {
		margin: 0; padding: 0 30px 12px 32px;
		/*min-height:200px;*/
		text-align: justify;
		background: url(images/site/cadre_fond.jpg) top center repeat;
		}		

/*dessous de mini-carte*/
#cadre_vignette_carte {
		position: absolute;
		width: 115px;
		height:67px;
		margin: 49px 0 0 448px; padding: 0;
		background: url(images/site/cadre_vignette_carte.gif) top center no-repeat;
		}
/*mini-carte*/
#vignette_carte {
		position: absolute;
		width: 95px;
		height:95px;
		margin: 13px 0 0 458px; padding: 0;
		}		
		
#carte_inde {
		margin: 0; padding: 0;
		height:600px;
		background: url(images/site/carte_inde.jpg) top center  no-repeat;
		}		



div.cadre_vignette_texte {
margin: 0; padding: 0;
}
hr {
clear: both;
visibility: hidden;
}
	div.photos {
	margin: 0; padding: 80px 0 0 15px;
	float: left;
	width: 86px;
	}
			
		img  {padding: 0; margin: 0; border: 0; } 
		a {padding: 0; margin: 0;}
		a.miniatures {display:block; margin: 0 0 2px 0;}
		a.miniatures img {border: 2px solid;}
		a.miniatures:link, a.miniatures:link img {border-color: #FFFFFF;}
		a.miniatures:visited, a.miniatures:visited img{border-color: #FFFFFF;}
		a.miniatures:hover, a.miniatures:hover img {border-color: #757575;}
		a.miniatures:active,a.miniatures:active img{border-color: #757575;}
	
	div.texte_voyage {
	margin: 0; padding: 80px 0 0 25px;
	float: left;
	width: 390px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C;  text-decoration: none;
	}

		h3.titre {
		margin: 0; padding: 0; font-size: 14px; font-weight: bold;
		font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #424242;  text-decoration: none;
		}
		.sous_titre {
		margin: 0; padding: 0; font-size: 11px; font-weight: bold;
		font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #22BA75;  text-decoration: none;
		}
		div.separateur {
		margin: 15px 0 0 0; padding: 0;
		border-bottom: 1px solid #A8A8A8;
		}
		
#cadre_bas {
		width: 608px;
		height:67px;
		margin: 0; padding: 18px 0 0 0;
		text-align: center;
		background: url(images/site/cadre_bas.jpg) top center no-repeat;
		}
	
	.texte_cadre_bas{
	font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #8C8C8C; text-decoration: none;
	font-size: 10px;
	}

/***************************
|	 Styles gŽnŽraux			|
****************************/

h1{	line-height:52px; margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #823A13;
	font-size: 20px; font-weight: normal;}
h2.debut{margin: 0 0 20px 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #656565;
	font-size: 14px; font-weight: bold;}		
h2.milieu{margin: 30px 0 20px 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #656565;
	font-size: 14px; font-weight: bold;}	
h3{	margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #823A13; 
	font-size: 13px; font-weight: normal;}	
p {	margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #656565; 
	font-size: 12px; font-weight: normal; }
ul.texte {margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #656565; font-size: 12px; 
	line-height:18px;
	list-style-type: square;}
li.texte{margin: 0 0 20px 0;}

.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }
.italique { font-style: italic; }
.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: rgb(100, 100, 100); }
.rouge { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.magenta { color: rgb(243, 54, 153); }

.verdana { font-family: Verdana, serif; }
.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: Courier, serif; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.flot_gauche { float: left; margin:0 10px 0 0;}
.flot_droite { float: right; margin:0 0 0 10px;}

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }
.gras { font-weight:bold; }