/* CSS Document */
body{
background-image: url(images/fond.jpg);
background-repeat: repeat-x;
}
#global{
margin-top: -30px;
	width:737px;
	height:1000px;
	background-repeat:no-repeat;
	background-image: url(images/templete.jpg);
	margin-left: auto;
	margin-right: auto;
}

#logo{
width:737px;
height:260px;
}
#promo{
   width:83px;
   height:235px;
   margin-left: 14px;
	padding-top: 23px;
	}
}
ul#expoalouer
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#expoalouer li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#expoalouer li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 107px ;
	height:30px;
	position: absolute;
	margin-top: 50px;
	background: url(images/expoalouer.jpg) no-repeat 0 0px; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#expoalouer li a:hover
{
	background: url(images/expoalouer2.jpg) no-repeat 0 0px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
/*#expoalouer {
width:107px;
height:30px;
margin-top: 50px;
position: absolute;
border: none;
background: url(images/expoalouer.jpg);
z-index: auto;
}*/
ul#dvd
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#dvd li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#dvd li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 107px ;
	height:30px;
	position: absolute;
	margin-top: 80px;
	background: url(images/ledvd.jpg) no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#dvd li a:hover
{
	background: url(images/ledvd2.jpg) no-repeat 0 0px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
	/* 	
#ledvd{
background-image: url(images/ledvd.jpg);
width:107px;
height:30px;
margin-top: 80px;
position: absolute;
background-repeat:no-repeat;
}
*/
ul#dossierpedago
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#dossierpedago li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#dossierpedago li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 107px ;
	height:30px;
	position: absolute;
	margin-top: 107px;
	background: url(images/dossierpedago.jpg) no-repeat 0 0 ; 
	/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#dossierpedago li a:hover
{
	background: url(images/dossierpedago2.jpg) no-repeat 0 0px ; 
	/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
/*#dossierpedago{
background-image: url(images/dossierpedago.jpg);
width:107px;
height:30px;
margin-top: 107px;
position: absolute;
background-repeat:no-repeat;
}*/

#menu{
	width:737px;
	height:51px;
}
#espace_txt{
	width:737px;
	height:320px;
	position: static;
}
#flash{
	width:737px;
	height:124px;
	margin-left: 18px;
	margin-top: 30px;
}

#titre {
	left:246px;
	top:33px;
	width:636px;
	height:22px;
	z-index:19;
	padding-top: 20px;
	padding-left: 100px;
}

#iframe
	{	
	overflow:auto;
		float:left;
		width:600px;
		height:320px;
		margin-top: 0px;
    	scrollbar-face-color:#7b642b;
		scrollbar-arrow-color:#cfb370;
 		scrollbar-track-color:#cfb370;
 		scrollbar-shadow-color:#cfb370;
  		scrollbar-highlight-color:#cfb370;
 		scrollbar-3dlight-color:#cfb370;
 		scrollbar-darkshadow-Color:#cfb370;
	}
#gauche_iframe{
	width:100px;
	height:280px;
	float: left;
}
#top_txt{
width:737px;
height:60px;
}


dt, dl, dd, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 3px;
	
}

#menu {
	left: 330px;
	top: 22px;
	margin-left: 55px;
}



#menu dl {
float: left;
}
#menu li {
display: inline;

}

#menu a {
	text-decoration: none;
	color:#382605;
	background: transparent;
	left:250px;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
	position: absolute;
	font-size: 4.8em;
	width: 500px;
	top: 263px;
}


#logo {

	margin-top: 0px;
}
#photoexpoalouer{
   margin-top: -30px;
	width:722px;
	height:522px;
	background-repeat:no-repeat;
	background-image: url(images/photo1expoalouer.jpg);
	margin-left: auto;
	margin-right: auto;
}
.surtitre{
    font-weight: bold;
	font-size: 14pt;
	color: #623722;
	text-decoration: underline;
	font-weight: bold;
}

.titre{ 
    font-weight: bold;
    font-size: 13pt ; 
	color: #4F391C;
	text-decoration: underline;
}

a.titreDossier:hover { 
    text-decoration: underline overline; 
    font-weight: bold;
    font-size: 13pt ; 
	 color: #4F391C;
	 }
.titreDossier{
	margin-left: 50px;
    font-weight: bold;
    font-size: 13pt ; 
	color: #4F391C;
}
.titrenotunderline{
	font-size: 12pt;
	color: #623722;
	text-decoration:none;
	font-weight: bold;
}

.lien{ 
    font-size: 10pt ; 
	color: #623722;
	text-decoration:none;
}


ul#carte
		
		
		ul#carte li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#carte li a
		{
			display: block ;
			width: 150px ;
			height: 150px;
			background: url(images/carte.png) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}
		
		ul#carte li a:hover
		{
			background: url(images/carteptit.png) ;
			border:solid 3px black;	
			float: left;
		}


ul#indeximg
		
		
		ul#indeximg li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#indeximg li a
		{
			display: block ;
			width: 122px ;
			height: 110px;
			background: url(images/indeximg.jpg) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}

ul#indeximg2
			ul#indeximg2 li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
ul#indeximg2 li a
		{
			display: block ;
			width: 122px ;
			height: 177px;
			background: url(images/hommemer.jpg) no-repeat 0 0;
			border:solid 3px black;	
			float: left;
		}
ul#expoimg
			ul#indeximg2 li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
ul#expoimg li a
		{
			display: block ;
			width: 122px ;
			height: 130px;
			background: url(images/lyceeDakar.jpg) no-repeat 0 0;
			border:solid 3px black;	
			float: left;
		}
ul#ccimg
		
		
		ul#ccimg li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#ccimg li a
		{
			display: block ;
			width: 100px ;
			height: 114px;
			background: url(images/logocc.jpg) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}

ul#kayakimg
		
		
		ul#kayakimg li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#kayakimg li a
		{
			display: block ;
			width: 150px ;
			height: 145px;
			background: url(images/kayakimg.jpg) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}			
		
ul#portoimg
		
		
		ul#portoimg li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#portoimg li a
		{
			display: block ;
			width: 94px ;
			height: 140px;
			background: url(images/portoimg.jpg) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}

ul#devantlamer2
		
		
		ul#devantlamer2 li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
		}
		
		ul#devantlamer2 li a
		{
			display: block ;
			width: 94px ;
			height: 140px;
			background: url(images/devantlamer2.jpg) no-repeat 0 0 ;
			border:solid 3px black;	
			float: left;
		}
		
a:visited {
    color:black;
    font-weight: ;
    text-decoration:none;        
}
a:hover {
    color:866526;
    font-weight:;
	 text-decoration:none; 

  }