/* la police et le soulignement dans le menu du recit*/
a.menu_recits { color:#000000; text-decoration:none; }
a:hover.menu_recits { padding-left:0px; color:#0000FF; text-decoration:underline; }







/* les images dans le a propos*/

div#troisl img
{
float:left;
margin:5px 10px 5px 10px;
}
div#troisr img
{
float:right;
margin:5px 10px 5px 10px;
}

/* les images dans le a propos*/
.imgactul{
	float: left;
margin:5px 10px 5px 10px;
padding:15px;

	background: #d7d7d7;
}

.imgactur{
	float: right;
margin:5px 10px 5px 10px;
padding:15px;
	background: #d7d7d7;
}


.txtphoto{
	margin:0px;
	padding:0;
	font-size:15px;
	font-style:italic;
	font-color:black;
}







/* la ligne hr avant le copyright */

hr {
	align:center; width:100%;  size:1px; color:#fff; background-color:#fff;
}

/* le dégradé en fond de page */
.degrade{
	background-image: -webkit-linear-gradient(bottom, rgb(126,172,203) 14%, rgb(15,62,119) 92%);
	background-image: -moz-linear-gradient(bottom, rgb(126,172,203) 14%, rgb(15,62,119) 92%);
	background-image: -ms-linear-gradient(bottom, rgb(126,172,203) 14%, rgb(15,62,119) 92%);
	background-image: -o-linear-gradient(bottom, rgb(126,172,203) 14%, rgb(15,62,119) 92%);
	background-image: linear-gradient(bottom, rgb(126,172,203) 14%, rgb(15,62,119) 92%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.14, rgb(126,172,203)),	color-stop(0.92, rgb(15,62,119)));

background-attachment:fixed; 
}



/* the wall  */
#viewport{    width:99%;    height:99%;    position:relative;    overflow:hidden;    margin:0 auto;    background:#212121; }


/* pour aficher le message de travers */
 #ribbon {	position:absolute;	top:-3px;	left:-3px;	z-index:100;}
 
 
/* le menu deroulant des spheriques mettre 1050 px à 1200px après kirghizistan */
div#conteneurmenu{width:1270px;margin:auto;}
.nav{height:35px;background:url(../medias/spheriques/css_menu/images/WWVYdw.png) repeat-x;position:relative;font-family:arial, verdana, sans-serif;font-size:14px;width:100%;z-index:250;margin:0;padding:0;}
.nav .table{display:table;margin:0 auto;}
.nav .select,.nav .current{list-style:none;display:table-cell;white-space:nowrap;margin:0;padding:0;}
.nav li{height:auto;float:left;margin:0;padding:0;}
.nav ul{max-width:1200px;}
.nav .select a{display:block;height:35px;float:left;font-weight:700;background:url(../medias/spheriques/css_menu/images/WWVYdw.png);text-decoration:none;line-height:35px;white-space:nowrap;color:#000;padding:0 7px;}
.nav .select a:hover,.nav .select li:hover a{background:url(../medias/spheriques/css_menu/images/hover2.gif);cursor:pointer;color:#027bca;padding:0 0 0 7px;}
.nav .select a b{font-weight:700;}
.nav .select a:hover b,.nav .select li:hover a b{display:block;float:left;background:url(../medias/spheriques/css_menu/images/hover2.gif) right top;cursor:pointer;padding:0 7px 0 0px;}
.nav table{border-collapse:collapse;font-size:1em;width:0;height:0;margin:-1px;}
.nav .sub{display:table;list-style:none;margin:0 auto;padding:0;}
.nav .sub_active .current_sub a,.nav .sub_active a:hover{background:transparent;color:#000;}
.nav .select :hover .select_sub,.nav .current .show{display:block;position:absolute;width:200px;top:35px;background:url(../medias/spheriques/css_menu/images/back3.gif);z-index:250;float:right; margin:0 0 0 -55px;text-align:center;padding:0;}
.nav .current .show{z-index:300;}
.nav .select :hover .sub li a,.nav .current .show .sub li a{display:block;float:left;background:transparent;white-space:nowrap;border:0;color:#000;margin:0;padding:0 10px;}
.nav .select .sub li a{font-weight:400;}
.nav .select :hover .sub li a:hover,.nav .current .sub li a:hover{visibility:visible;color:#027bca;font-weight:900;}
.nav .select_sub,a.tooltip1 em,a.tooltip1:hover em:hover,a.tooltip em,a.tooltipcr em,.cache,a.imagtoto span{display:none;}


/* le code css du sitemap */
div.menu {margin-left:170px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 250px; padding:4px 0px 4px 20px; text-align:left; background: #fb911f; background: -moz-linear-gradient(top, #fce164 0%, #fb911f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce164), color-stop(100%,#fb911f));  }
	
div.pays {margin-left:220px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 250px; padding:4px 0px 4px 20px;  text-align:left; background: #FFEEFF; background: -moz-linear-gradient(top, #FFEEFF 0%, #fd89f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEEFF), color-stop(100%,#fd89f3));  }
      
div.ville {margin-left:270px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 250px; padding:4px 0px 4px 20px;   text-align:left; background: #d7d7fd; background: -moz-linear-gradient(top, #d7d7fd 0%, #8484fc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7fd), color-stop(100%,#8484fc));  }
     
div.panorama {margin-left:320px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 310px; padding: 10px;  background: #EEEEEE; background: -moz-linear-gradient(top, #EEEEEE 0%, #707070 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#707070)); }


/* pour les box */
/* les titres des panoramas */
a.titre:hover  {color:#1e90db;}
a.titre {text-decoration:none; color:#01426d;}

.visu2 {
background:#F5F5F5 ; color:#404040; padding:0px; margin:0px; 
border:2px solid #505050;
/*css3*/
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:5px 5px 15px #A9A9A9;
-moz-box-shadow:5px 5px 15px #A9A9A9;
-webkit-box-shadow:5px 5px 15px #A9A9A9;
}

.coin2 {
background-color:#E4EFFF;
border:1px solid #000;
padding:5px;
margin:10px 10px 5px 10px;
border-radius:10px; 
-moz-border-radius:10px;
-webkit-border-radius:10px;
}



.coin3 {
background-color:#e4fcf4;
border:1px solid #000;
padding:5px;
margin:10px 10px 5px 10px;
border-radius:10px; 
-moz-border-radius:10px;
-webkit-border-radius:10px;
}




ul{list-style-type:none;height:2px;margin:0 0 0 15px;padding:0;}
img.centered{display:block;margin-left:auto;margin-right:auto;clear:both;text-align:center;}
img.centerqtvr{margin-left:auto;margin-right:auto;clear:both;text-align:center;border:0;height:250px;width:900px;z-index:1;box-shadow: 0px 0px 25px #000;}
img.play{position:absolute; margin-left:830px;margin-top:10px;text-align:center;border:0;height:60px;width:60px;z-index:2;
opacity: 1;filter: alpha(opacity=100);    }
img.play:hover {position:absolute; margin-left:830px;margin-top:11px;text-align:center;border:0;height:60px;width:60px;z-index:2;}

img.play2{position:absolute; margin-left:740px;margin-top:10px;text-align:center;border:0;height:60px;width:60px;z-index:2;
opacity: 1;filter: alpha(opacity=100);    }
img.play2:hover {position:absolute; margin-left:740px;margin-top:11px;text-align:center;border:0;height:60px;width:60px;z-index:2;}

img.centerqtvr:hover {margin-left:auto;margin-right:auto;clear:both;text-align:center;border:0;height:250px;width:900px;z-index:1;box-shadow: 0px 0px 50px #000;}
img.centerqtvr_unesco{position:absolute;left:25px;margin-top:10px;border:none;height:44px;width:100px;z-index:2;}
img.centerqtvrtableau{display:block;margin-left:auto;margin-right:auto;clear:both;text-align:center;border:none;height:80px;width:288px;}
img.centerqtvrmenu{display:block;margin-left:auto;margin-right:auto;clear:both;text-align:center;border:none;height:75px;width:270px;}
a#textecentre{text-transform:none;text-decoration:none;color:#dcdcdc;font-style:normal;font-size:20px;display:block;margin-left:auto;margin-right:auto;clear:both;text-align:center;}
.textecentretableau{text-transform:none;text-decoration:none;color:#000;font-style:normal;font-size:14px;display:block;margin-left:auto;margin-right:auto;clear:both;text-align:center;}

.zone2{float:left;width:1050px;height:124px;margin-left:0;margin-top:5px;}

#globalheader{width:1100px;height:124px;position:relative;z-index:2;text-decoration:none;margin:0 auto 25px;}
#globalheader #globalnav{margin:0;padding:0;}
#globalheader #globalnav li{display:inline; }
#globalheader #globalnav li a{float:left;width:94px;height:100px;margin-top:15px;padding-top:0;overflow:hidden;}
#globalheader #globalnav li a:hover{float:left;width:94px;height:124px;margin-top:2px;padding-top:0;overflow:hidden;}
#globalheader #globalnav li a,#globalheader #globalsearch{background-image:url(images/dock/menu8.png);background-repeat:no-repeat;}
#globalheader #globalnav li#zaccueil a{background-position:0 0; margin-right:80px;}
#globalheader #globalnav li#zpanoramas a{background-position:-94px 0;}
#globalheader #globalnav li#zgeolocalisation a{background-position:-188px 0;}
#globalheader #globalnav li#zcontact a{background-position:-282px 0;}
#globalheader #globalnav li#zrealisation a{background-position:-376px 0; margin-right:80px;}
#globalheader #globalnav li#zapropos a{background-position:-843px 0; }
#globalheader #globalnav li#zblog a{background-position:-470px 0; }
#globalheader #globalnav li#zflux a{background-position:-564px 0;}
#globalheader #globalnav li#zlangue_en a{background-position:-654px 0; margin-left:70px;margin-right:20px;}
#globalheader #globalnav li#zlangue_fr a{background-position:-743px 0; margin-left:70px;margin-right:20px;}
#globalheader #globalnav li#zaccueil a:hover{background-position:0 -122px;}
#globalheader #globalnav li#zpanoramas a:hover{background-position:-94px -122px;}
#globalheader #globalnav li#zgeolocalisation a:hover{background-position:-188px -122px;}
#globalheader #globalnav li#zcontact a:hover{background-position:-282px -122px;}
#globalheader #globalnav li#zrealisation a:hover{background-position:-376px -122px;}
#globalheader #globalnav li#zapropos a:hover{background-position:-845px -122px;}
#globalheader #globalnav li#zblog a:hover{background-position:-470px -122px;}
#globalheader #globalnav li#zflux a:hover{background-position:-564px -122px;}
#globalheader #globalnav li#zlangue_en a:hover{background-position:-654px -122px;}
#globalheader #globalnav li#zlangue_fr a:hover{background-position:-743px -122px;}
#globalheader #globalnav li a span{display:block;padding-top:65px;font-size:14px;text-align:center;text-decoration:none;color: #c6c6c6;}
#globalheader #globalnav li:hover a span{display:block;padding-top:85px;font-size:16px;text-align:center;text-decoration:none;color:#ffffff;}

/* google maps */
#gmapmarker{font:normal small verdana, arial, helvetica, sans-serif;font-size:10pt;width:317px;height:150px;overflow:auto;text-align:center;margin:0;}
#gmapmarker p{margin:0;padding:2px 0;}
#gmapmarker a{text-decoration:none;color:#06C;background-color:transparent;}
#gmapmarker a:hover{color:#F60;background-color:transparent;}
#gmapmarker h1{font-weight:700;font-size:13px;color:#369;border-bottom:2px solid #369;margin:0;padding:2px;}
#map{float:left;}


.centre{text-align:center;color:#fff;font-size:16px;}
#global{margin-left:auto;margin-right:auto;width:1392px;}
.box{position:absolute;text-align:center;background-color:#eee;margin:10px auto;}
.boxsphere{margin-top:10px;margin-bottom:10px;text-align:center;background-color:#eee;}
.content h1{color:#8f68db;font-weight:700;font-size:16px;font-family:helvetica, geneva, arial, sans-serif;padding-top:5px;text-align:center;}
.content p{color:#3b3b3b;font-size:14px;font-family:arial, helvetica, sans-serif;text-align:center;padding:0 10px 0.1px;}
.contentrss h1{color:#8f68db;font-weight:700;font-size:16px;font-family:helvetica, geneva, arial, sans-serif;padding-top:10px;text-align:center;}
.contentrss p{color:#3b3b3b;font-size:14px;font-family:arial, helvetica, sans-serif;text-align:left;padding:0 10px 0.1px;}
/* .aff{display:display;z-index:0;} */

.textecentreaide,a#textecentreaide2{font-style:normal;font-size:16px;}
#menuDeroulant li,#menuDeroulantg li{float:left;border:0;margin:0;padding:0;}
#menuDeroulant li a:hover,#menuDeroulantg li a:hover,#menuDeroulantg2 a:hover{background-color:#505050;}
#menuDeroulantg li a:link,#menuDeroulantg li a:visited,#menuDeroulantg2 a:link,#menuDeroulantg2 a:visited{display:block;color:#FFF;background:#141e23;text-decoration:none;}
#menuDeroulantg li a:active,#menuDeroulantg2 a:active{background-color:#141e23;}

#centpourcent {   height: 100%;   width: 95%; }

  
/* lire le récit en italique...*/
a.tooltip1:hover,a.tooltip:hover,a.tooltipcr:hover{border:0;position:relative;text-decoration:none;}
a.tooltip1:hover em{font-style:normal;display:block;position:absolute;top:0;left:30px;color:#c8c8c8;}
a.tooltip:hover em,a.tooltipcr:hover em{font-style:normal;display:block;position:absolute;top:0;left:0;color:#c8c8c8;border:2px solid #bbb;background:#000;width:280px;padding:0;}










/* pour l'affichage de la nouvelle page d'accueil */

html,body {
	margin:0;
	padding:0;
	height:100%;
}

table { height: 100%; }




#moncadre {
position:absolute;
top:5px;
left:5px;
z-index:200;

text-shadow: 2px 2px 6px #000000;
color:white;

width:auto;
margin:0 auto;
padding:15px;
background:rgb(15,62,119);
border:1px solid #DDD;
border-radius:5px;
-webkit-border-radius:5px;
 -moz-border-radius:5px;
}


#menu-demo2 {
padding:0;
margin:0 0 0 0px;
list-style:none;
text-align:left;
display:inline-block;

border: 0px solid grey;

}


#menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
text-align:center;
margin:0 0 0 0px;

}


#menu-demo2 ul{
position:absolute;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all 0s;
-webkit-transition: .8s all 0s;
transition: .8s all .3s;
}


#menu-demo2 a{
text-decoration:none;
display:block;
padding:5px 15px;
color:#ffffff;
font-family:arial;
}


#menu-demo2 li:hover a{
color:#000000;
background:#f1f1f1;
text-decoration:underline;
border-radius:8px;

}




  table{
  //  border-collapse: collapse;
    border: 2px solid black;
  }
  table td{
    border: 2px solid black;
  }
  table tr{
    border: 2px solid black;
  }