/* ---------------------
	DEFAUT
--------------------- */


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}


body{


color:#6f8b97;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%; width:100%;
background:#050b11 url(images/body.png) left bottom repeat;}

img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}

ol li{
list-style:decimal inside
}
/*  élments communs   */ 
.clear{
clear:both;}

.hide{
display:none!important; }


.right{
float:right;
}




.bold{
font-weight:bold;}

.left{
float:left;}

.textcenter{
text-align:center;}

.textright{
text-align:right;}

hr{
clear:both;
color: #4c5a5f;
background-color:#4c5a5f;
height: 1px;
border: 0;
margin:12px 0!important;
margin:6px 0;
}

/*  titre   */ 


h1 { font-size: 1.7em;  color:#a1c6d3;  margin:0 auto 25px auto; width:80%;
background:url(images/h1.png) 0 center repeat-x; padding-left:20px;}
h2 { font-size: 1.3em;  color:#3b8cc3;  margin-bottom:15px;   }

#side h2 { background:url(images/bttitle3.png) 0 0 no-repeat; 
padding:2px 0 0 28px;text-transform:uppercase; margin-bottom:5px;
height:25px;color:#58b2c6;font-size: 1.1em;}

#side  h2.rea { background:url(images/bttitle.png) 0 0 no-repeat; }

#side  h2.materiel { background:url(images/bttitle4.png) 0 0 no-repeat;  }
#side  h2.point { background:url(images/bttitle2.png) 0 0 no-repeat;  }
h3 { font-size: 1.3em;color:#6797ac; margin-bottom:5px;}
h3 em{ font-size: 0.9em; font-style:normal;}
h4 { font-size: 1em;color:#8ca2ab; }
h5 { font-size:0.9em; margin-bottom:4px;}
h6 { font-size: 0.8em; }


/*
#side h2 {font-size: 1.1em;color:#95bccd; margin:0 0 5px 0; text-transform:uppercase;}*/
#side h3 {border-bottom:solid 1px #2a3235;color:#5b6b72;font-size: 1em; }


/*  base   */ 

p, td, li, dt, dd { font-size: 1em; }

a{color:#2c91c0;}
a:hover {color:#36dfec;}

.color1{color:#36dfec;}
.color2{color:#309cd0;}


.mention {color:#36dfec; font-size:0.9em; text-align:right; font-style:italic;}



.btslide a{ background:url(images/btplus.png) 0 0  no-repeat!important;
background:url(images/ie6/btplus.gif) 0 0  no-repeat;
margin-top:10px;
padding: 5px 0 0 30px;
height:24px;
display:block;
}

.btback a{ background:url(images/btback.png) 0 3px  no-repeat!important;
 background:url(images/ie6/btback.gif) 0 3px  no-repeat;
margin-top:10px;
padding: 0 0 0 18px;
display:block;
color:#5c7c8b;
text-decoration:none;
}


.btback {float:right;}

/**/


.bloc ul li, .boxside ul li{ background:url(images/pucelist.png) 0 3px no-repeat!important;
background:url(images/ie6/pucelist2.png) 0 3px no-repeat;
padding-left:15px;margin-bottom:10px;}

.linkside ul li, .menuaccordeon2 ul li{ background:url(images/pucelist2.png) 0 2px no-repeat!important; 
background:url(images/ie6/pucelist.gif) 0 2px no-repeat; 
padding-left:15px;margin-bottom:6px;}

ol li{margin-bottom:4px;}


.imprimable {
clear:both;
width:80%;
margin:0 auto;}

.imprimable a{
text-decoration:none;
color:#77b6d1;
background:url(images/btprint.png) 0 3px no-repeat;
padding-left:18px; height:22px;
display:block;
float:right;
}
.imprimable a:hover{color:#89d4f2;}




/*
.location a{
color:#6695a9;
}
.location a:hover{
color:#36c9ec;
}

*/
#main p, .boxside p {margin-bottom:8px;}

.bloc2{width:80%; margin:35px auto 0 auto;}
.bloc{width:80%; margin:35px auto 0 auto; background:#314148;padding:10px;
color:#93a7b0;}
/*
p, ul, li{margin-bottom:4px;}


*/



.btplus{
float:right;
width:2%;}




	
/* ---------------------
  Structure generale
--------------------- */



#container {
min-width:770px!important;
max-width:950px!important;
width:auto!important; width:950px;
margin:25px auto 0 auto;
min-height:453px!important; height:auto!important; height:453px;
background:#1c2123 url(images/cornertop.png) 0 0 no-repeat;
position:relative; }



#banner {
background:url(images/bannerright.png) 0 bottom repeat-x;
height:234px;
width:100%;

 }


#page {
float:left;
position:relative;
background:url(images/page.png) right 0 repeat-y;
width:100%;
padding-bottom:15px;
min-height:625px!important; height:auto!important; height:625px;}


#logo{
position:absolute;
left:45px; 
top:25px;
width:664px;
height:185px;}


#anim{
position:absolute;
right:0; 
top:0;
width:664px;
height:185px;

}


#animintro{
width:525px;
margin:25px auto 25px auto;
height:300px;
padding-right:237px;}


#main, #mainhome{

margin-top:35px;
padding-right:237px;

}

#side{position:absolute;
top:0;
right:0;
padding:50px 20px 5px 20px;
 width: 197px; 
}





 

/* ---------------------
  menu
--------------------- */


#menu{
position:absolute;
left:0; 
top:185px;
width:742px;
padding-right:1px;

}

#menubloc {
position:relative;

height:49px;}


#nav{
	display:block;
	position: absolute;
	z-index:5;
	top:2px;
	left:3px;
height:41px;
padding-left:3px;
background:url(images/nav.png) 0 0 no-repeat;
margin:0;}

#nav li{
position:relative;
padding:0;
margin:0;
float:left;
background-image:url(images/menu.png);
background-position: right 0;
background-repeat: no-repeat;
}

#nav li.selected{
background-position: right -41px;
}

#nav a{
padding: 41px 16px 0 16px;float:left;
height: 0px !important;
height /**/:41px;
overflow:hidden;
display:block;
width:60px;
background-image:url(images/home.png)!important;
background-image:url(images/ie6/home.gif);
background-position: center -82px;
background-repeat: no-repeat;}
#nav .selected a{
background-position: center -41px;
}
#nav li:hover{
background-position: right -41px;}
/*
#nav:hover .selected{
background-position: right 0;}

#nav:hover a{
background-position: center -82px;}

#nav:hover a:hover{
background-position: center -41px;}


*/

#nav li #installation{background-image:url(images/installation.png)!important; 
background-image:url(images/ie6/installation.gif);
width:130px;}
#nav li #evenement{background-image:url(images/evenement.png)!important;
background-image:url(images/ie6/evenement.gif);
width:100px;}
#nav li #location{background-image:url(images/location.png)!important;
background-image:url(images/ie6/location.gif);
width:80px;}
#nav li #vente{background-image:url(images/vente.png)!important;
background-image:url(images/ie6/vente.gif);
width:70px;}
#nav li #contact{background-image:url(images/contact.png)!important;
background-image:url(images/ie6/contact.gif);
width:75px;}

/* ---------------------
FOOT
--------------------- */



#foot{
float:left;
background:url(images/footleft.png) 0 0 repeat-x;
width:100%;
height:26px;}

#footbloc{
background:url(images/cornerbottom.png) 0 bottom no-repeat;
width:100%;}

#footlist{
float:right;
background:url(images/footmiddle.png) 0 0 no-repeat;
width:237px;
padding-left:1px;}

#footlist ul{
background:url(images/footright.png) 0 0 repeat-x;
height:26px;
line-height:26px;
margin:0;
}

#foot li{
display:inline;
margin-left:15px;
}

#foot li a{
text-decoration:none;
font-size:0.9em;
color:#21272a;
}

#foot li a:hover{
color:#37deec;
}


/* ---------------------
		SIDE
--------------------- */



   
 /* carousel */    
   
 #galerie {  
    position: relative; /* important */  
   overflow: hidden; /* important */  
    width: 100%; /* important */  
     height: 334px; /* important */  
   
 }  
#galeriebloc {  
     position: absolute;  
     left: 0;  
width:100%;
	 padding:32px 0;  } 
	 
	    
 #bt_previous {  position: absolute;top: 0; left: 0; cursor:pointer;}  
 #bt_next { position: absolute;bottom: 0; left: 0;cursor:pointer;}  
  
 .boxside{
 background:url(images/boxside_bottom.png) 0 bottom no-repeat;
 padding:0 0 9px 0;
 display:block;
 margin:0 0 10px 0;
float:left;
color:#85a8b0; }  

 .boxsidebloc{
 background:url(images/boxside.png) 0 0 no-repeat;
 padding:10px 10px 1px 10px;
 min-height:62px!important; height:auto!important; height:62px;
 width:177px;
float:left;
 }  




/* ---------------------
		MAIN
--------------------- */
/* Column */


.column, .column2{
width:50%; float:left; }
.column2 {float:right;}



/* BOX */


.box{
float:left;
  background:url(images/box_bottom.png) 0 bottom no-repeat;
 padding:0 0 10px 0;
 display:block;
 margin:0 auto 15px auto;
}
.boxbloc{
 background:url(images/box.png) 0 0 no-repeat;
 padding:17px 20px 1px 30px;
 width:190px;
 min-height:50px!important; height:auto!important; height:50px;
}
.boxright {
float:right;

}

.box2{
  background:url(images/box2_bottom.png) 0 bottom no-repeat;
 padding:0 0 7px 0;
 display:block;
 margin:0 auto 15px auto;
}
.box2bloc{

 background:url(images/box2.png) 0 0 no-repeat;
 padding:8px 10px 1px 10px;
 width:640px;
 min-height:30px!important; height:auto!important; height:30px;
}



 /* liste realiations */


.listing{
width:660px;
margin:0 auto;}

.listing li{
margin-bottom:10px;}

.listing p, .listing h3, .listing .resume{
float:left; padding:0 1%;}

.listing h3{
width:28%;
color:#237bbf;
}

.listing .info{
width:16%;}



.listing .resume{
width:28%;}



 /* realiations */


 
 .realisation .boxsidebloc{
 min-height:62px!important;
 }   
   

 .realisation a img {  
     display: block;  
     float: right;  
    border: 2px solid #314148;  
max-height:100px; 
  height: 62px;
 }  
 .realisation a:hover img {  
    border: 2px solid #85a8b0;  
 }   
 
.realisation p{
float:left;
font-weight:bold;
 width:90px;}

.realisation p .small{
font-size:0.9em;
font-weight:normal;
}

.bloctext {
width:80%; margin:50px auto 50px auto;
}
 /* VENTE */
 
.vente {

width:76%;
margin:0 auto;
padding:2%;
} 
.vente li {
float:left;

margin:0;
width:auto;

}

.vente a img{
border:solid 4px #2f3b42;
}

.vente a:hover img{
border:solid 4px #455660;
}





/* GAlerie
 */

.thumbs {
padding-top:16px;
width:58%;
float:right;
background:url(images/galerie.png) right 0  no-repeat;
text-align:right;
}

.thumbs a{
color:#272e31;
}
.thumbs a img{
border:solid 2px #2f3b42;
}

.thumbs a:hover img{
border:solid 2px #455660;
}

.presentrea{
float:left;width:40%;
margin-bottom:25px;}


.presentrea h2{
margin:0; font-size: 1.8em;
font-weight:normal;
background:none;margin-bottom:10px; }

.presentrea h3{
margin-bottom:10px;   }

.presentrea .geo {
margin-bottom:20px;
color:#5b7c8b;}


/*  formulaire  */
.formulaire {
width:80%;
margin:0 auto;


 }
.formulaire ul{
 margin-bottom:20px;


 }
 
.formulaire li{
 margin-bottom:6px;
clear:both;
background:none;
padding:0;

 }
  label{
 display:block;

 float:left;
 width:28%;
 }
 

input, textarea{ 
background:#314148;
border:solid 1px #445257;
border-left-color:#36dfec;
padding:2px;
color:#9bb1ba;
 width:70%;} 
 
 textarea{ height:80px;}  
 .biglabel label {width:100%; margin-bottom:6px;}
 .biglabel input {width:100%;}
 
 .bt_form{float:right;}
 
.bt_form input{
font-family:Arial, Helvetica, sans-serif;
width:145px;
height:33px;
line-height:29px;
background:url(images/bt_form.png) 0 0 no-repeat; 
color:#1c2124;
text-align:center;
font-weight:bold;
font-size:1.1em;
font-weight:bold;
border:none;} 

/* location tableau  */ 

.location{width:80%; margin:0 auto;}

.location h2{width:100%;margin-bottom:0;}

.location li{
width:350px;
margin:0 auto;
margin-bottom:4px;}

.location a{
padding: 59px 0 0 0; 
height: 0px !important;
height /**/:120px;
overflow:hidden;
display:block;
width:350px;
background-position: 0 0;
background-repeat: no-repeat;
background-image:url(images/location.jpg);}

.location a:hover{
background-position: 0 -61px;}

.location #pictloc1 a{background-image:url(images/location1.jpg);}
.location #pictloc2 a{background-image:url(images/location2.jpg);}
.location #pictloc3 a{background-image:url(images/location3.jpg);}
.location #pictloc4 a{background-image:url(images/location4.jpg);}
.location #pictloc5 a{background-image:url(images/location5.jpg);}

.menuprod {margin-bottom:3x;}
.menuprod li{ margin-left:25px;}


table{
width:80%;
margin:0 auto;
border-collapse:collapse;
vertical-align: middle;
text-align:center;
 background:#1c2123;
 border:solid 1px #3a484c;
 text-transform:capitalize;}


td, th {padding:5px; height:15px;}


.price {
	white-space:nowrap;
	color:#dee8ee!important;}
	
.tablepict a img{
border:solid 4px #455660;
}

.tablepict a:hover img{
border:solid 4px #36c4ec;
}


td, tbody th {
color:#6f8b97;
border-left:solid 1px #3a484c;
border-bottom:solid 1px #3a484c;}


th[scope=rowgroup] { background:#272e31; padding:8px; text-transform:uppercase;
text-align:left;}
td, th[scope=row]  { background:#314148;  }


th[scope=row]{text-align:left; color:#95a9b2;}
thead tr{ height:42px;  color:96bccd; }

caption{display:none;
}

tfoot {text-align:right;}

table h2{margin:0;  font-size: 1.1em; }




/* JAVA */

.linkfalse { 
border-left:solid 1px #4c5a5f;}

.linkfalse li{cursor:pointer; padding:5px;
margin:0;color:#88a2ad;
border-right:solid 1px #4c5a5f;
border-top:solid 1px #4c5a5f;
}
 .linkfalse li:hover{ 
color:#3b8cc3; }
.linkfalse li.active{ 
 color:#3b8cc3;background:#314148;  }
 
 
 
 
.linkside li{cursor:pointer; color:#88a2ad;}
.linkside li:hover, .linkside li.active{ color:#36c4ec; }

 
 
 
 
  
.next, .prev{ 
cursor:pointer;} 


/* Sample 8*/
#box8{

}


#box8 div{	
	width:470px;
	margin-right:70px;
	padding:15px;
	float:left;
	color:#93a7b0;
}
.sample8 .linkfalse {width:80%;
	margin:0 auto;}
	
.sample8 .linkfalse li{
float:left;
}
#box8 div  a{
color:#77bcc2;
text-decoration:none;
}
#box8 div  a:hover{
color:#55d8e4;
}
.sample8 .mask1{
	border:1px solid #4c5a5f;
	background:#314148;
	position:relative;
	min-width:500px;
	width:80%;
	min-height:250px!important;	
	height:auto!important;		
	height:250px;
	margin:0 auto;}


.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}






/* Sample 5*/
#box5 .sousbox{
clear:both;
	background:#272e31;
	width:99%;
	margin-top:20px;
	}




.mask{
	position:relative;
	width:80%;
	min-height:280px!important;
	height:auto!important;
	height:280px;
	margin:0 auto;
}

/*accordion */


 .menuaccordeon2 h3 { color:#88a2ad; padding:3px; margin:0;}
 .menuaccordeon2 h3 a{ text-decoration:none;}
 .accordeon {background:#314148; }
 .accordeon ul{padding:6px; } 
 .accordeon li{ margin-bottom:3px;} 
 .accordeon a{ color:#a2b5bd;
 text-decoration:none;}
 .accordeon a:hover{ color:#92d6e9;}