/* global */
html{
	height: 100%;
/*	background: #2C2C2A; */


	
	}

body
{ height:100%;
font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 0.65em;
  
}


#global {
	min-height:99%;
	height:99%;


/*	background: #2C2C2A; 
background: #2C2C2A;
*/
background:#FFF;
border-top:1px solid #666;
border-bottom: 1px solid;
   border-right: 1px solid;
  border-left:1px solid;


}

#global_vr {


/*
background: #2C2C2A;

*/
background:#FFF;
border-top:1px solid #666;
border-bottom: 1px solid;
   border-right: 1px solid;
  border-left:1px solid;


}
#global_accueil {
	
/*max-width:1600px;*/

height:99%;

/*background: #2C2C2A;*/
background:#FFF;

position:relative;

border-top:1px solid #666;
/*border-bottom: 3px solid;
   border-right: 3px solid;
  border-left:3px solid;
*/

}
#site_content_accueil
{
	position:relative;
/*margin:0px;*/

background:#FFF;
margin-top:1px;
height:70%;
 
  border-bottom: 1px solid;
   border-right: 1px solid;
  border-left:1px solid;

  
}
#krpanoDIV{


height:100%;

}



#txt_accueil
{

position:absolute;
right:0px;
width:40%;


z-index:1;
margin-top:10px;
margin-right:10px;
margin-left:10px;


padding-bottom:10px;
padding-left:20px;
padding-right:20px;
  font-size: 1.3em;
  color:#000;
	 background-image:url("../images/bg_content_accueil.png");
  background-repeat:repeat;
  border:#666 1px solid;
}

#txt_accueil a
{	
font-weight:bold;
	color:#666;
	text-decoration:none;
	
}

#txt_accueil h1
{	
font-weight:bold;
font-size:1.5em;
	color:#666;
	text-align:center;
	
	
}
#txt_accueil a:hover
{
	text-decoration:underline;
	
}
p.conclusion
{
	/*padding-top:0;
	padding-left:25px;
	padding-right:20px;*/
	text-align:center;
	
	
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;

}

#img_logo

{
	/*	display:inline-block;*/
float:left;	

}

a{outline: none;}



/* margin lefts / margin rights - to centre content */
#site_content,#global,#global_accueil,#site_content_accueil,#logo h1, .lst_references,#txt_bandeau, #site_content_vr
{ margin-left: auto; 
  margin-right: auto;
}

#bandeau
{

border-bottom:2px solid;
 border-right: 1px solid;
 border-left:1px solid;
height:23%;
position:relative;
top:0px;
min-height:140px;
}

 #txt_bandeau
 {
	 
	display:block;
width:100%;
margin-left:auto;
margin-right:auto;

height:100%;


	
	
 }
#txt_bandeau h1
{
	
margin-top:0;	
font-family: Verdana, century gothic, sans-serif;
font-size:4.0em;
margin-bottom:0px;
  text-align:center;
}

#txt_bandeau h2
{
	

font-family: Verdana, century gothic, sans-serif;
font-size:2.5em;

margin-top:0px;
 text-align:center;
  
}

 
 .content_vr
 {
	clear:both;
	width:100%;
	padding-top:10px;

 }
 .domaines_appli{
	vertical-align:top;
	text-align:left;

	font-size:0.95em;
	
	width:50%;
	
			padding:10px;
 
 }
  .domaines_appli2{
	
	 	width:45%;
	margin-left:40px;
	float:left;
	  	text-align:left;
			font-size:0.95em;
			border:1px solid #CCC;
			padding:10px;


 }
 
 .domaines_appli h3, .domaines_appli2 h3
 {
	margin-top:0px;
	padding-top:0px;
	font-size:1.05em;
	margin-bottom:5px;
 }
 
 .separateur_domaines
 {
	 
	clear:left; 
	height:20px;
	width:100%;
 }
 
 .img_appli
{
float:left;
margin-right:10px;


}
#img_interface
{
float:right;
}

#table_pres_vr{
width:100%;
display:block;

height:100%;


	
}

#txt_presentation_vr
{

clear:both;
padding-top:20px;
font-size:0.95em;




}



.li_vr
{
	
text-align:center;

display:table-cell;
list-style:none;
background-image:url(../images/btn_noir_degrade.gif);

height:23px;
margin-left:0px;
margin-right:0px;
padding-left:25px;
padding-right:25px;
border:1px solid #999;

  
}

.li_vr_selec
{

text-align:center;
color:#000;
display:table-cell;
list-style:none;
background-image:url(../images/btn_noir_degrade_selec.gif);

height:23px;
margin-left:0px;
margin-right:0px;
padding-left:25px;
padding-right:25px;
border:1px solid #999;

  
}

#lst_menu_vr
{
	

	
	font-size:1.10em;
	padding-left:140px;
	/*padding-top:4px;
	background-color:#404040;
	margin-top:0px;
padding-bottom:4px;

*/

}

.li_vr a
{

color:#FFF;
font-size:1.10em;
vertical-align:middle;
}
.li_vr_selec a
{

color:#FFF;
font-size:1.10em;
vertical-align:middle;
}

/* navigation menu */
#menu
{

position:absolute;
bottom:0px;





/*
margin-bottom:40px;
margin-top:8px;*/
/*display: block;*/
/*height: 44px;*/
/*height: 30%;*/
 
  
}

#menu ul{
	
	padding: 0px;
	margin: 0px;

display: block;
/*height:100%;*/



} 

#menu li
{ 
  margin: 0px; 
  padding: 0px;
  list-style: none;
  display:table-cell;
 /* height: 100%;*/
/*  overflow:hidden;*/
  
  
} 

#menu li a 
{ display: block;

/*  height: 38px;
*/
/*height: 100%;*/
  text-decoration: none; 
padding: 6px 19px 6px 19px;
border-color:#666;
  border-right: 1px solid;
  border-top:1px solid;
  border-left:1px solid;
  font-weight: bold;
  font-size:1.6em;
} 





/* side menu */
#side_menu
{ 


float:left;
 
 width: 15%;
 height:100%;
 font-size:1.3em;
 margin-right:auto;
 margin-top:5px;

}

#container{


	margin-left:16%;
	




}


.side_menu_item
{
	clear:both;
	margin-left: auto;   margin-right: auto; 
 width:90%;
/*  height: 12/;*/
 height: 20px;

  
text-align:center;
margin-top:20%;


/*
background:#40403E;
border-color:#CCC;
border-style:solid;
border-width:3px;


	font-size:1.5em;
	*/


}


.side_menu_item_selec
{
	clear:both;
	margin-top:20%;
	
	margin-left: auto;   margin-right: auto; 
 width:90%;
  height: 30px;
 
  
text-align:center;
/*


*/

}

.side_menu_item_selec a
{
	background:#FFF;
		color:#A2323D;
border-color:#CCC;
border-style:solid;
border-width:3px;
	

	text-decoration:underline;
	font-weight:bold;
	display:block;
		margin:0px;

  height:100%;
  
  padding-top:10px;

}


.side_menu_item a
{

  padding-top:10px;
	margin:0px;
color: #929280;
  height:100%;

display:block;
font-weight:bold;
text-decoration:none;

/*background:#40403E;*/
border-color:#CCC;
border-style:solid;
border-width:3px;

 
}


.side_menu_item a:hover {
	background:#FFF;
	text-decoration:underline ; 
	color:#A2323D;
		  padding-top:10px;
	margin:0px;

  height:100%;

display:block;
font-weight:bold;

	
	}



#sv-container
{ 
border-left:3px solid #A2323D;
height:100%;
overflow:hidden;




}

#container_exemple_visite{

width:45%;
background:#000;
padding:10px;
vertical-align:middle;
height:100%;
}

#exmeple_visite{
	
float:left;
margin-right:25px;
}
#site_content_galerie
{ 



font-size:1.25em;
background-color:#FFF;

  border-bottom: 1px solid;
 
 
min-height:73%;
width:100%;
 
} 

#site_content_galerie h1
{
	
	font-size:2.0em;
display:block;
width:80%;
padding-top:25px;
margin-top:0px;
border-bottom:#999 1px solid;
margin-left:16%;
}


#site_content_vr
{
		font-size:1.25em;
margin-top:0px;
padding-left:4%;
padding-right:4%;
text-align:justify;
background-color:#FFF;
margin-bottom:0px;
}



.bloc_arrondi
{
	
background:#4D4D4D;
border-radius: 20px;
height:100%;
width:100%;
}


#bloc_presta
{
	background:#4D4D4D;
border-radius: 20px;
	margin-left:10px;
	width:200px;
	display:inline-block;
	
}
#site_content
{ 	


height:73%;
	
	font-size:1.25em;
margin:0px;
padding-left:4%;
padding-right:4%;
text-align:justify;
background-color:#FFF;
  
} 



#site_content h1, #site_content_vr h1
{

font-size:1.55em;
display:block;
width:90%;
padding-top:25px;
margin-top:0px;
border-bottom:#999 1px solid;
/*padding-left:0px;

margin-left:30px;

*/

}






#site_visite_virtuelle
{

	position:relative;

/*margin:0px;*/
font-size:1.3em;

height:70%;




  
} 






#exemple_visite
{

width:100%;
height:300px;

}

#krpanoDIV_exemple
{
margin-left:auto;
margin-right:auto;
width:100%;
height:290px;

border:3px solid #666;

 float:left;
}

#content_descripVR
{
	margin-top:20px;
	
	width:100%;
	text-align:center;


}
.legende 
{
	display:block;
	margin-left:auto;
margin-right:auto;


font-size:0.90em;	
}
#VR_col1
{
	margin-bottom:10px;
background:#FFF;
	
}
#colonnes
{



width:100%;
height:230px;
background-color:#FFF;


}


#lst_prestations_droite {
height:100%;
margin-left:0px;
text-align:left;


list-style:square;
	
}
#lst_prestations_droite li{


padding-left:0px;
margin-top:10px;

	
}
.lst_prestations {


height:100%;
width:100%;
list-style:square;
	
}
.lst_prestations li{

text-align:left;
margin-top:10px;
	
}


#panorama
{
width:80%;
margin-left:auto;
margin-right:auto;
height:300px;
text-align:center;

}

#content_pano
{
	padding-top:20px;
	padding-bottom:20px;
background-color:#FFF;
border-bottom:2px solid #CCC;

}
#col1, #col2, #col3 {
	float:left;
	width:30%;
	height:100%;

	font:14px Arial, Helvetica, sans-serif;
	
}
#col1 h3, #col2 h3, #col3 h3
{
text-align:center;
text-decoration:underline;

}
#col2 {
	
	
	border-left:1px solid #CCC;
}
#col3 {
	margin-left:30px;
		border-left:1px solid #CCC;

}

#bloc_img_ex_visite
{
background-image:url(../images/img_ex_visite.gif);
background-repeat:no-repeat;
width:322px;
height:65px;
padding-top:20px;
text-align:center;
color:#000;

margin-top:20px;
}

#bloc_img_ex_visite a
{

color:#000;

}

#bloc_projet
{
	
	background-color:#999;
	margin-top:0px;
	
		
		padding-top:20px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		color:#000;
		vertical-align:middle;
	
}

#img_devis
{

float:right;
margin-left:60px;


}

#bg_visite{
	background:#FFF;

overflow:hidden;
padding:10px;
	
}
#colonne_gauche
{
float:left;	
width:60%;
}
#colonne_droite{
	
width:39%;
float:right;

}

#VR_col2
{
		
	background:#FFF;

	
}
#VR_col3
{
float:left;	
width:60%;
			background:#FFF;
}
#VR_col4
{
	
width:39%;
float:right;

			background:#FFF;
}


.descrip_vr, descrip_perso{
		display: block;
	
	font-size:1.0em;
	text-align:left;
	margin-bottom:0;

	
}





.titre_liste
{
	font-size:1.1em;
	font-weight:bold;
	list-style:none;
	margin-bottom:5px;
	
}


.descrip_vr li, descrip_perso li{
	
	padding-left:0px;
	padding-bottom:8px;
	
}

#VR_col1 h2,#VR_col2 h2, #VR_col3 h2, #VR_col4 h2{
	
	margin-top:0;
	text-decoration:underline;
	text-align:center;
	font-size:1.1em;

}


.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{ 

/*text-align: left;
  width: 653px;
  float: left;
  padding: 12px 0px 18px 14px;
  
  */
}

#content a, #content a:hover{text-decoration: none;}

/* form */
form
{ 
  padding: 0;
  
}

form#contact{


border:#999 1px solid;

height:100%;
padding-top:3%;
padding-left:10px;
padding-right:10px;
border-bottom:3%;

}

div.row1
{ width: 501px; 

  clear: both;
}

div.row1 span.formlabel 
{ float: left;
  width: 164px;
  text-align: left;
}

div.row1 span.forminput
{ float: right;
  text-align: right;
} 

#contact input, #contact textarea
{ width: 299px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  overflow: auto;
  margin: 2px;
}

#contact input.submit
{ width: 99px;
  margin: 8px 0px 0px 220px;
  height: 22px;
  cursor: pointer;
  float:left;
}


.footer 
{


text-align:center;
font-size: 1.0em;

width:100%;

color:#666;


position:absolute;
bottom:0px;
height:4%;


background:#FFF;




border:1px solid #CCC;

}

.footer2 
{
display:block;
font-size: 1.0em;



color:#CCC;
background:#FFF;

border:1px solid #CCC;
text-align:center;
clear:both;

}


.lst_references
{
	
	margin-top:2%;
width:500px;
border:0px;


}

.lst_references_item
{

border:1px solid;
 
text-align:center;

}
#formulaire_contact
{
	height:60%;
	width:65%;
	float:left;

}


#txt_coordonnees
{
	float:right;
	
	
	width:200px;
	padding:25px;
	
margin-right:5%;
margin-top:5%;
font-size:1.3em;
border:1px solid;
text-align:center;
line-height:1.5em;

}



#msg_erreur
{

	width: 200px;
	text-align: left;
	color:#A2323D;
	
	
}

#obj_aspi
{
float:left;

}
#obj_cafetiere
{
float:left;

}