@charset "utf-8";
/* CSS Document */

body{
	background:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

body a{
	color:#FFF;
	text-decoration:none;
}

body a:hover{
	color:#FFF;
	text-decoration:underline;
}

#galerie{
	background:#000;
}

	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		margin-top:0px;
					
	}
	

	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:600px;
		border:1px solid #000000;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}
	#mainMenu{
		background-color: #94a7bc;	/* Background color of main menu */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:0.9em;	/* Font size of main menu items */
		height:20px;	/* Height of main menu */
		
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:35px;	/* Spaces at the left of main menu items */
		padding-right:35px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
		text-decoration:none;
		color:#000;
	}
	
	#mainMenu a:visited{
		padding-left:35px;	/* Spaces at the left of main menu items */
		padding-right:35px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
		text-decoration:none;
	}
	
	#mainMenu a:hover{
		text-decoration:none;
		color:#000;
	}
	
	#submenu{		
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
		background-color:#FFF;	/* Background color of sub menu items */
		
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */	
		background-color: #FFF;	/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
		
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #FFF;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:20px;	/* Space at the left of each sub menu item */
		color: #000;	/* Text color */
		font-size:0.9em; 
	}
	
	#submenu a:hover{
		color: #001934;	/* Red color when the user moves the mouse over sub menu items */
	}
	

#global{
	background-image:url(img/fond/font.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:985px;
	height:769px;
	}

#menu{
	padding-top:175px;
	height:20px;
	}
	
#contenu_accueil{
	position:relative;
	text-align:justify;
	width:620px;
	height:220px;
	top:70px;
	left:310px
	}
	
#contenu{
	position:relative;
	text-align:justify;
	width:925px;
	height:500px;
	top:50px;
	left:10px
	}

#contenu_text{
	position:relative;
	left:305px;
	width:620px;
	height:180px;
	font-size:12px;
	top:-20px;
	margin-bottom:10px;
	}

#contenu_text2{
	position:relative;
	left:305px;
	width:620px;
	font-size:11px;
	top:-20px;
	}
	
#contenu_text3{
	position:relative;
	left:305px;
	width:620px;
	height:180px;
	font-size:12px;
	top:40px;
	}

	#contenu_oran{
	position:relative;
	text-align:justify;
	width:620px;
	height:500px;
	top:50px;
	left:310px;
	font-size:11px;
	}
	
		#contenu_tlemcen{
	position:relative;
	text-align:justify;
	width:620px;
	height:500px;
	top:50px;
	left:310px;
	font-size:12px;
	}
	
#bouton{
	height:30px;
	position:relative;
	left:-12px;
	top:-46px;
	}
	
#bouton2{
	height:30px;
	position:relative;
	left:-12px;
	top:-103px;
	}	
	
#bouton3{
	height:30px;
	top:-300px;
	position:relative;
	left:-5px;
	}	
	
#bouton4{
	height:30px;
	position:relative;
	top:50px;
	left:-10px;
	}
	
#bouton5{
	height:30px;
	position:relative;
	top:-265px;
	left:-8px;
	}	

#bouton a{
	margin-left:315px;
	text-decoration:none;
	color:#FFF;
	}
	
	
#bouton a:hover{
	text-decoration:underline;
	color:#000;
	}

#bouton2 a{
	margin-left:315px;
	text-decoration:none;
	color:#FFF;
	}
	
	
#bouton2 a:hover{
	text-decoration:underline;
	color:#000;
	}
	
#bouton3 a{
	margin-left:315px;
	text-decoration:none;
	color:#000;
	}
	
	
#bouton3 a:hover{
	text-decoration:underline;
	color:#000;
	}
	
	
#bouton4 a{
	margin-left:315px;
	text-decoration:none;
	color:#000;
	}
	
	
#bouton4 a:hover{
	text-decoration:underline;
	color:#000;
	}
	
#bouton5 a{
	margin-left:315px;
	text-decoration:none;
	color:#000;
	}
	
	
#bouton5 a:hover{
	text-decoration:underline;
	color:#000;
	}
	

	
#excursion{
	position:relative;
	width:300px;
	color:#FFF;
	font-size:14px;
	top:-150px;
	}
	
#excursion2{
	position:relative;
	width:300px;
	color:#FFF;
	font-size:14px;
	top:-208px;
	}
h1{
	font-size:12px;
	color:#930;
	text-transform:uppercase;
}

h2{
	font-size:11px;
	color:#930;
	text-transform:uppercase;
}

#text_blanc{
	color:#FFF;
	margin-top:30px;
	}
	
#accueil_photos{
	width:743px;
	height:271px;
	margin-left:192px;
	margin-top:36px;
}

.photos_villes{
	width:650px;
	height:300px;
	margin-left:295px;
}
	
.photos_villes2{
	width:650px;
	height:300px;
	margin-left:295px;
	margin-top:-15px;
}

.photos_villes3{
	width:650px;
	height:320px;
	margin-left:299px;
}