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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
strong{ font-weight: bold; }
body{
   background-color:#fff;
   font: 14px arial, helvetica, sans-serif;
}
/** E S S E N T I A L */
p a{
   background-color:#ae0c1f;
   color:#fff;
   text-decoration:none;	     	     
   padding:0 2px;
}
p a:hover{
   background-color:#fff;
   color:#ae0c1f;	     
   text-decoration: none;

}
p a.noback{
   background-color: transparent;
   color: #000;
}
h1{
   text-transform: uppercase;
   margin:20px 0 0 0;
   font-size: 24px;
   font-weight: bold;
}
h1 sup{
   font-size:16px;
}
p{
   line-height:1.5em;
   margin:8px 0;
}
/** B L O C K */
.block{
   border-top:2px solid #000;
   padding:0 20px;
}
#lesloftsrouges{
   width:960px;
   margin:0 auto;
   position:relative;
}
#header{
   height:80px;
}
#photo{
   height:540px;
   width:960px;
	position:relative;
}
#text_photo{
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:30px;
	text-transform: uppercase;
	background-color:#000;
	color:#fff;
	padding:10px;
	z-index:99;
}
#content{
   margin:30px 0;
}
.tips{
   float:left;
   width:250px;
}
.main{
   position:relative;
   margin-left:346px;
   width:570px;
}
.main p{
   width:70%;
}
.plus{
   width:160px;
   position:absolute;
   bottom:10px;
   right:0;
}
.plus h1{
   text-align:right;
   font-size: 60px;
   margin-bottom:0;   
   font-weight: normal;
   line-height:0.8em;  
}
.plus h2{
   margin-top:30px;
   text-align:right;   
}
.plus a{
   color:#ae0c1f;
   background-color:#fff;
   text-align:right;
   float:right;
}
.plus a:hover{
   color:#fff;
   background-color:#ae0c1f;
}
.highlight{
   background-color:#ae0c1f;
   color: #fff;
}
#footer{
   position:relative;
   height:60px;
}

/** H E A D E R */
#logo{
   position:absolute;
   left:20px;
   top:0;
   z-index:99;
}
#menu{
   list-style: none;
   position:absolute;
   right:0;
   top:50px;
   height:20px;
}
#menu li{
   float:left;
}
#menu li a{
   background:none;
   color:#000;
   text-decoration:none;
   display:block;
   padding:5px 2px 2px 2px;
   margin:0 10px;
   text-transform: uppercase;
}
#menu li a:hover, #menu li.current a{
   border-bottom:2px solid #000;

}	
#language_menu{
   list-style: none;
   position:absolute;
   right:7px;
   top:10px;
   height:20px;
}
#language_menu li{
   float:left;
}
#language_menu li a{
   background:none;
   color:#000;
   text-decoration:none;
   display:block;
   padding:5px 2px 2px 2px;
   margin:0 2px;
   text-transform: uppercase;
}
#language_menu li a:hover, #language_menu li.current a{
   border-bottom:2px solid #000;

}
#photo_gallery{
   width:960px;
   height:217px;
}
.item{
   margin-bottom:30px;
}
#photo{
   background-position:0 0;
   background-repeat:none;
}
#photo_on{
   height:540px;
   width:960px;   
   display:none;
   background-position:0 100%;
}

#content .column{
   float: left;
}
#content .middle{
   margin-right: 44px;
   margin-left: 44px;
}

/* photo viewer */
.viewer {  
   position: relative; 
   overflow: hidden;
   margin: 0px;
} 
.viewer ul { 
   margin: 0;
   padding: 0;
   position: relative;
   left: 0;
   top: 0;
   width: 1%;  /* set in javascript??? */ 
   list-style-type: none; 
} 
.viewer ul li {
   float: left;
}

.viewer a.prev{
   position: absolute;
   top: 250px;
   left: 10px;
   z-index: 10;
}
.viewer a.next{
   position: absolute;
   top: 250px;
   right: 10px;
   z-index: 10;
}

#content_footer{
   width:100%;
   clear:both;
}

/** G I S S Y S T E M */
#map_menu{
   display:block;
   height:36px;
}
#map_menu li{
   float:left;
}
#map_menu li a{
   display:block;
   text-decoration: none;
   text-transform: uppercase;
   padding:3px 4px;
   margin-right:10px;
   color:#ae0c1f;	  
   font-weight: bold;                                 
}
#map_menu li a sup{
   font-size:10px;
}
#map_menu li a:hover, #map_menu li a.current{
   background-color:#ae0c1f;
   color:#fff;	  
}

/** F O O T E R */
.diams_block{
   display:block;
   height:23px;
   padding-left:38px;
   padding-top:7px;
   background:url('../images/diams_on_off.gif') 0 0 no-repeat;
}
#contact_link{
   position:absolute;
   right:0;
   top:7px;
   text-transform: uppercase;
   color:#000;
   background-color:#fff;
}
#logo_as{
  position:absolute;
  right:0px;
  bottom:20px;
  height:10px;
  background: url('../images/logo_antistatique_net.gif') 0 0px no-repeat;
  cursor: pointer;
  padding:0;
  padding-left:24px;
  color:#666;
  text-transform: uppercase;
  font: 10px Helvetiva, Arial, Verdana, sans-serif;
  text-decoration:none;
}
#logo_as:hover{
   color:#e2007a;
  background-position:0 100%;
}