html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*DÉBUT STYLE -----------------------------------------------------------*/

body{
   background:#231f20;  
   color:#fff; 
   margin:0px;
   padding:0px;
   font-family:'Helvetica Neue', helvetica, arial, sans-serif;
   letter-spacing:0px;
   font-size:0.8em;
}
 h3{
    color:#fff;   
    margin:15px 0 5px 0;
 }
 
 .contact h3{
    margin-top:0px;  
 }
a{
  color:#fff;
  text-decoration:none;   
}

a:hover{
   color:#f7901e;   
}

#langue a{
   padding:2px 7px;   
}
#langue a:hover{
  /* background:#f7901e;  */
   color:#f7901e; 
  /* padding:2px 7px;   */
}

.mactive{
   /*background:#f7901e;  */
   color:#f7901e; 
   /*padding:2px 7px;   */   
}

a.mactive:hover{
   color:#f7901e;
}

#text a{
   color:#fff;
   text-decoration:underline;   
}
#text a:hover{
   color:#f7901e;
   text-decoration:none;   
}
#numeros li{
   cursor:pointer;   
}

#link{
   position:absolute;   
   font-size:1em;
   top:32px;
   left:51px;
}

#link a{
   text-decoration:underline;   
}

#link a:hover{
   text-decoration:none;   
}
/*DIV GÉNÉRAUX -----------------------------------------------------------*/
#main{
   width:922px;
   height:600px;
   position:relative;
   margin:30px auto; 
}

#container{
   width:900px;
   height:483px;
   border:11px solid #000;
   position:relative;
}

#flashmain{
   width:922px;
   height:504px;
   position:relative;
}

.home{
    background:url(../images/img_accueil.jpg) #000 no-repeat -10px -10px; 
}

.contenu{
    background:url(../images/background.jpg) #000 no-repeat center center; 
}

.contenu2{
    background:url(../images/background.jpg) #000 no-repeat center center; 
}


.carriere{
    background:url(../images/background_carriere.jpg) #000 no-repeat center center; 
}
#header{
   height:54px;
   position:relative;
   padding:0 0 0 0px;
   text-transform:uppercase;
}


#langue{
   border-left:2px dotted #94908f;
   height:35px;
   padding:7px 0 0 26px; 
   font-size:1em;
   position:absolute;
   top:11px;
   left:189px;
}

#fiche{
   width:417px;
   height:379px;
   position:absolute;
   top:53px;
   left:51px;
}
.apropos #image_text{
   width:799px;
   height:379px;
   position:absolute;
   top:53px;
   left:51px;
}

#image_text{
   width:417px;
   height:379px;
   position:absolute;
   top:53px;
   left:51px;
}
#thumbs{
   width:339px;
   height:379px;
   position:absolute;
   top:51px;
   right:51px;
}

#thumbspb{
   width:224px;
   height:379px;
   position:absolute;
   top:51px;
   right:166px;
}

#flash{
   width:127px;
   height:379px;
   position:absolute;
   top:48px;
   right:25px;
   line-height:1.1em;
}
#text{
   width:339px;
   height:379px;
   position:absolute;
   top:72px;
   right:51px;
   letter-spacing:0.1px;
   color:#bfb6b5;
   line-height:1.3em;
   text-align:justify;
}

#footer{
   font-size:0.75em;
   color:#7e7a7b; 
   letter-spacing:0px;  
   font-family:arial;
   padding:5px 20px;
   line-height:1.2em;
   position:relative;
}

#footer #lg_newsletter{
   position:absolute;
   right:71px;
   top:10px;
   font-size:1.25em;
   text-transform:uppercase;
      
}

#footer #lg_newsletter .newsletter{
   border:1px solid #f7901e;
   padding:2px 8px;   
   margin:0 0 0 15px;
}

#footer .f2{
   margin:0 0 0 60px   
}

.pastis{
   text-decoration:underline;   
   color:#7E7A7B;
}




#text ul{
   list-style:disc;
   margin:10px 0 15px 25px;   
}



#aboutus{
   position:relative;
   top:-18px;
   left:0px;   
}
/*CÉRAMIQUE ET PLOMBERIE ---------------------------------*/
#image{
   width:379px;
   height:379px;   
   float:left;
   background:black;
}

#choixen{
   width:15px;
   height:380px;
   float:left;
   overflow:hidden;
   background:url(../images/Rect_Tiles_en.jpg) #000 no-repeat top left;   
      margin-top:-1px;  

}

#choixfr{
   width:15px;
   height:380px;
   float:left;
   overflow:hidden;
   background:url(../images/Rect_Tiles_fr.jpg) #000 no-repeat top left; 
   margin-top:-1px;  
}
#noiren{
   width:15px;
   height:378px;
   float:left;
   overflow:hidden;
   background:url(../images/apropos_en_03.jpg) #000 no-repeat top left;   
}
#noirfr{
   width:15px;
   height:378px;
   float:left;
   overflow:hidden;
   background:url(../images/apropos_fr_03.jpg) #000 no-repeat top left;   
}
#numeros{
   width:15px;
   float:right;
   overflow:hidden;
   height:379px; 
   padding:0px 0 0 7px; 
}
#numeros2{
   width:15px;
   float:right;
   overflow:hidden;
   height:379px; 
   padding:0px 0 0 7px; 
}

#numeros2 li{
   width:15px;
   overflow:hidden;
}
#visionner{
  position:relative;
  top:163px;   
}
#visionner2{
   position:relative;
  top:200px;  
display:block;
cursor:pointer;
}

#view2{
   position:relative;
   top:240px;

}

#telecharger{
  position:relative;
  top:184px;
}

#view{
  position:relative;
  top:186px;   
}

#download{
  position:relative;
  top:203px;
}
#numeros img, #numeros2 img{
    margin:5px 0px;
  
}

#thumbs .thumb{
   width:101px;
   height:38px;
   overflow:hidden; 
   float:left; 
   margin:0px 18px 20px 0; 
   position:relative;
}

#thumbspb .thumbpb , #thumbs .thumbpb{
   width:101px;
   height:113px;
   overflow:hidden; 
   float:left; 
   margin:0px 18px 20px 0; 
   position:relative;
   background:white;
}


#thumbs .last, #thumbspb .last{
   margin:0px 0px 20px 0; 
}

#thumbs .active, #thumbspb .active{
   position:absolute;
   top:0px;
   left:0px;
   z-index:50;   
}

#pos_flash{
   width:100px;
   height:245px;
   margin:0 26px 20px 0;
}


#liste{
   font-size:0.9em; 
   letter-spacing:0px;   
  
}

#liste ul{
   margin:10px 0 0 0;
   font-size:0.9em;
   letter-spacing:0px;   
}

#image_note{
   position:absolute;
   letter-spacing:0px; 
   top:451px;
   left:23px;  
}


#numeros li a img.large, #numeros2 li a img.large{
   position:absolute;
   top:-6px;
   left:0px;
   z-index:15;   

}


#numeros li a img.first, #numeros2 li a img.first{
   position:absolute;
   top:-6px;
   left:0px;
   z-index:10;   

}


#numeros li a:active img.large, #numeros li a:focus img.large, #numeros2 li a:active img.large, #numeros2 li a:focus img.large  {

}
#image_text img.large{
   cursor:default;   
}

/*MENU EN HAUT A DROITE---------------------------------*/
#pbcm{
   position:absolute;
   right:35px;
   top:12px;
   text-transform:uppercase;
}
#pbcm li a{
   padding:2px 7px;

}
#menu{
   position:absolute;
   left:166px;
   top:27px;

}
#menu ul li, #pbcm ul li{
   float:left;
   background:url(../images/sep.jpg) no-repeat top left; 
   padding:5px 9px;
}

#menu ul li.first,  #pbcm ul li.first{
   background:none;   
}




/*NEWSLETTER ---------------------------------*/
div.newsletter{
 background:url(../images/NewsletterForm_fond.jpg) no-repeat -10px -10px;   
}
div.newsletter span{
   color:#f7901e;   
}
form{
   position:relative;
   margin-top:49px;
   margin-left:39px;
   color:#fff;
   letter-spacing:0px;
}

#submit{
   background:#f7901e; 
   border:1px solid #000; 
   color:#fff; 
}

#submit:hover{
   text-decoration:underline; 
}

#col1{
   float:left;
   width:489px;   
   color:#fff;
}

#col2{
   float:left;   
   width:341px;
   color:#fff;
}
#col1 label{
   display:block;
   float:left;
   width:110px;
   line-height:14px;
   padding:3px 0 0 0;
   margin:7px 0;
   overflow:hidden;
}

#col1 input, #col1 select{
   display:inline;
   width:155px;
   height:17px;
   line-height:17px;
   padding:0px;
   margin:7px 0;
   background:#444041;
   border:1px solid #a1989a;
   color:#fff;
}

#col2 textarea{
   width:255px;  
   background:#444041;
   border:1px solid #a1989a;
   color:#fff;
}



#image_note {
position:relative;
width:359px; /*largeur de la zone d'affichage*/
height:23px; /*hauteur de la zone d'affichage*/
overflow:hidden;
color:inherit;
margin:0 0 0 40px;
}
#defile {
position:absolute;width:1000px;
}


#numeros li{
   overflow:hidden;   
}
.moreimages{
   display:none;   
}

a #img1, a #img2,a #img3,a #img4,a #img5,a #img6,a #img7{
   position:relative;
   left:-13px;   
}

a:hover #img1, a:hover  #img2,a:hover  #img3,a:hover  #img4,a:hover  #img5,a:hover  #img6,a:hover  #img7{
   position:relative;
   left:-26px;   
}
.cimg7 #img7, .cimg6 #img6, .cimg5 #img5, .cimg4 #img4, .cimg3 #img3, .cimg2 #img2, .cimg1 #img1{
   position:relative;
   left:-26px;   
     
}

.cimg3 a:hover #img3, 
.cimg1 a:hover #img1, 
.cimg2 a:hover #img2, 
.cimg4 a:hover #img4, 
.cimg5 a:hover #img5, 
.cimg6 a:hover #img6,
.cimg7 a:hover #img7{
   position:relative;
   left:-26px;  
}

#names{
position:absolute;
bottom:20px;
width:100%;
display:block;
text-align:center;   
}

#link-det{
display:block;
position:relative;
   
}
#link-det a, #text h3 a{
   color:#f7901e;   
   text-decoration:underline;  
   font-weight:normal; 
}
#link-det a:hover, h3 a:hover{
   text-decoration:none;   
}




#image_text.left-text{
   text-align:right;
   top:70px;
   width:378px;
   color:#BFB6B5;
   line-height:1.3em;
}


#text.right-text{
   text-align:left;
   top:70px;
   color:#BFB6B5;
   }

.apropos #text{
 display:none;  
}

#message{
   display:block;
   background:none;
   color:#fff;
   border:none;
   font-weight:bold;
   position:absolute;
   left:0px;
   width:370px;
   top:-40px; 
   height:37px; 
   padding:0px;
   margin:0px; 
}


form .test{
      
}