html,body { color: white; font-size: 12px; background-color:#446FBE; height: 100%; margin: 0; padding: 0; font-family: Verdana;}
.conteneur { margin: 0 auto; height:auto;} /*position: relative;*/
.header { background: #A8C2F0; height:35px; margin-top:5px; width : 100%;  margin-bottom: 2px; } 
.topboutonimg { height:32px; border: 0px; margin : 1px;}
.topboutonimg2 { height:16px; border: 0px; margin : 1px;}
.topboutonimg:hover, .topboutonimg2:hover{ position: relative; top:-2px; }
.mymiddle{border: 0px; margin : 1px; left:180px; top:-35px; position: relative;}
.HeaderIcone{
   border: 0px solid;
height: 32px;
top: 0px;
 }


span {
	display: none;
}

ul{
	list-style-type: circle;
}
.ulLN{
	list-style-type: circle;
}
.LiLN { margin: .5em 0 .5em 0 ;
	list-style-type: circle;}

.altlink{ text-decoration: none;
		  font-size: 10px;
		  color: white;	}
.PrevnPlayBtn{height:48px; width:48px; border: 0px;}		

	/* Sommaire general*/
	#sommaire ul {
	list-style-type: none;
	margin:0;
	padding:0;
	z-index:100;
	top: 3px; /* positionnement du menu, que vous pouvez changer à loisir */
	left: 3px;
	width: 100%; /* précision pour Opera */
	}

	#sommaire li  {
	float: left;
	display:inline;
	padding-left: .6em;
	background-repeat: no-repeat;
	background-position: center center;
	/*background: url(../images/snoopy32.gif) 0 0 no-repeat;*/
	}

	#sommaire a {       /* définition de chaque bouton du menu */
	width: 32px;
	height: 32px;

	float: left;
	display: block;
	text-align: center;
	text-decoration: none;

	}

	#sommaire a:hover {
	/*background: #AAA; */
	border-bottom: 2px solid black;

	background-position: 0 2px;
	}

	#sommaire a span {     /* définition de la balise <span> inclue dans <a> */
	display: none;
	}

	#sommaire a:hover span {   /* définition de la balise <span> au survol */
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	width: 300px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: center;
	z-index:100;
	color: #000;
	}

	.bu0  { background: url(../images/snoopy32.gif) ; }
	.bu1  { background: url(../images/homesnoop.gif); }
	.bu2  { background: url(../images/bonhom32.gif) ; }
	.bu3  { background: url(../images/herbert.gif) ; }
	.bu4  { background: url(../images/book32.gif); }
	.bu5  { background: url(../images/feed-icon-16x16.gif) ;}
	.bu6  { background: url(../images/ln32.gif) ; }



	
.Central { background-color: #446FBE; height: auto;padding-top: 10px;}/*margin-top:15px;*/
.CentralLN{height :auto;}
.menu { width:150px; background:#446FBE; text-align: center; position: absolute; left: 10px; height: auto;  vertical-align:middle; padding-top: 10px; } /*top:70px;*/
.ImageMenu { width:300px; background:#5e6471; text-align: center; position: absolute; left: 10px; height: 400px;  vertical-align:middle; top:50px;}
.ImageMenuR { margin-left: 350px; width:300px; background:#5e6471; text-align: center; position: absolute; left: 10px; height: 400px;  vertical-align:middle; top:50px;}

.Carre{width:400px; vertical-align:top; padding: 10px; margin:10px;}


.mainbody { background:#446FBE; font-size: 14px; height: auto; margin-left: 180px; width: auto; overflow: auto;}
.mainbodyLN{height:auto;}

.mainbodytexte {width: 650px; }
.mainbodystart {margin-left: 350px;}


.galeriewall{ width: 100000px; height: auto;}
/*border: 0;  margin-right: 20px; position: relative; top: 0;padding-right: 30px;padding-left: 30px; margin-top: 15px;*/

.galeriewallfront { border: 0px; margin-top: 0px; margin-right: 0px; position: relative; top: 0px;}

.startpagetable{border: 0;  position: relative; top: 0;}

.cadreabordgris
 {
	color:black;
 border:1px solid silver ;
 padding : 30px;
   background-color:white;
   /*margin-right: 40px;*/
float : left; 
margin-right:15px;
text-align: justify;
 }

.cadreabordgristexte
{
  color:white;
  border:0px ;
  padding : 30px;
  margin-right: 40px;
  width: 400px; 
}
.EnvelImageLN
{
	color:white;
	border:1px solid silver ;
	padding : 30px;
	background-color:white;
	text-align: center;
/*	margin: 40px;*/
}
.imagedansgrandcadre 
 {
   /*height : 400px;*/
   background-color:white;
   border: 3px solid black;
  }
 .imagedanspetitcadre 
 {
   height : 200px;
   background-color:white;
   border: 3px solid black;
  }
.startcadregris
  {
 border:1px solid silver ;
 padding : 15px;
 background-color:white;
  }
.ItemLN
{
	text-align: center;
	}
.pubgalerie
{	   
width : 250px; 
background-color:white; 
border: 3px solid black;
}

/* Pour Me */
.Pochette
{
border : 0px;
height:100px;
width:100px;
}

.menuitem
 { 
 background:#A8C2F0; width:120px; 
color:#FFFF00; 
text-align: center;  
height: 37px;
 border: 2px solid white;
 }
.menuhead 
 {
 background:#A8C2F0 ;width:120px;  color: #474b55;
 text-align: center; font-weight:bold;  height: 25px; 	border: 2px solid white; 
 }
  
 
.footer{ color: gray; margin-left: 0px; height :19px; background:#A8C2F0;}
.AddThis{padding-top:2px;} 

 a:link{color: #FFFF00;  }
 a:visited {color:#FFFF00; }
 a:hover { color: #FFFF00;  }
 
 h1 { color: gray;font-size:30px;text-align: center;}

 h2 { font-size:18px;text-align: center;}

 h3 { font-size:12px;text-align: center;}
menu.h3:hover
{
font-size:13px;text-align: center;
}
 p,h1,h2,h3 { margin: 0px;}



/* Pour le menu voyage */

#menuvoyage {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 10px;
left: 280px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menuvoyage ul {
	position: relative;
	list-style-type: none;
/*	margin: 0;
	padding: 0;*/
}
#menuvoyage dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dt#Headmenuvoy
{
	height: 25px;
	width:120px;
	background-image: url('../images/MultiWorldMenu.jpg') ;
	border: 1px solid white;
}
#menuvoyage dl {
float: left;
width: 120px;
}
#menuvoyage dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
border: 0px solid gray;
margin: 1px;
}
#menuvoyage dd {
display: none;
border: 1px solid gray;
}
#menuvoyage li {
/*padding-top:10px;*/
text-align: center;
color: #FFFF00;
font-weight: bold;
/*background: #fff;*/
height: 37px;
width:120px;
border: 1px solid white;

}
li#MenuVoyAlgerie {background-image: url(../Photos/Algerie/Vie/Viepourmenu.jpg);}
li#MenuVoyChine {background-image: url(../Photos/Chine/HK/HKpourmenu.jpg);}
li#MenuVoyCuba {background-image: url(../Photos/Cuba/Camaguey/Camagueypourmenu.jpg);}
li#MenuVoyMada {background-image: url(../Photos/Madagascar/Tana/Tanapourmenu.jpg);}
li#MenuVoyIndo {background-image: url(../Photos/Indonesie/Bali/Balipourmenu.jpg);}
li#MenuVoyEgypt {background-image: url(../Photos/Egypte/Alexandrie/Alexandriepourmenu.jpg);}
li#MenuVoyJordan {background-image: url(../Photos/Jordanie/Eau/Eaupourmenu.jpg);}
li#MenuVoyYemen {background-image: url(../Photos/Yemen/Aden/Adenpourmenu.jpg);}
li#MenuVoyBolivie {background-image: url(../Photos/Bolivie/Lapaz/Lapazpourmenu.jpg);}
li#MenuVoyUSA {background-image: url(../Photos/USA/Chicago/Chicagopourmenu.jpg);}
li#MenuVoyEthiopie {background-image: url(../Photos/Ethiopie/Eglises/Eglisespourmenu.jpg);}
li#MenuVoyMartinique {background-image: url(../Photos/Martinique/Anses_Arlet/Anses_Arletpourmenu.jpg);}
#menuvoyage li a, #menuvoyage dt a {
color: #FFFF00;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuvoyage li a:hover, #menuvoyage li a:focus, #menuvoyage dt a:hover, #menuvoyage dt a:focus {
background: #eee;
}