body{
	font-family:verdana;
	font-size:8px;
	background-color:#E5E5E5;
	background-color:#000000;
	margin:0px;	
}

form{
	margin:0px;
}

/* image par défaut */
IMG{border:0}

a{ font-size:10px; color:#000000; text-decoration:none; }
a:link, a:visited{ font-size:10px; color:#000000; text-decoration:none; }
a:hover{ font-size:10px; color:#000000; text-decoration:underline;  }

.outil{
	width:198px;
	float:right;
	padding:7px 0px 0px 10px;
	height:21px;
	background-image:url("../images/header-outil-bgd.gif");
	background-position:top;
	background-repeat:no-repeat;
	font-size:10px;
}

.outil .client a{
	display:block;
	width:100px;
	float:left;
	margin-right: 8px;
}
.outil .client a:link, .outil .client a:visited {background: url("../images/bt-extranet.gif") no-repeat top;}
.outil .client a:hover {background: url("../images/bt-extranet.gif") no-repeat 0 -15px;}

.outil .contact a{
	display:block;
	width:74px;
	float:left;
}
.outil .contact a:link, .outil .contact a:visited {background: url("../images/bt-devis.gif") no-repeat top;}
.outil .contact a:hover {background: url("../images/bt-devis.gif") no-repeat 0 -15px;}



/*.outil a, .outil a:link, .outil a:hover .outil a:visited{
	font-size:10px;
}*/


.home_left{
	width:380px;
	float:left;
	margin-right:35px;
	background-color:#FFFFFF;	
}

.home_left p{
	background-image:url("../images/home-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 5px 5px 5px;
	margin:0px 0px 18px 0px;
	text-align:justify;
}

.home_left strong{
	color:#FF9000;
}

.home_left a, .home_left a:visited, .home_left a:link {
	font-size:12px;
}

.home_right{
	float:right;
	width:333px;
	font-size:11px;
	background-color:#FFFFFF;	
}

.home_right p{
	background-image:url("../images/home-right-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 2px 2px 0px;
	margin:10px 0px 0px 0px;
	text-align:justify;
	height:82px;
}

.home_right strong{
	color:#FF9000;
	font-size:12px;
}

.home_right a, .home_right span{
	color:#FF9000;
	text-decoration:none;
}
.home_right a:link, .home_right a:visited{
	color:#FF9000;
	text-decoration:none;
}
.home_right a:hover{
	color:#000000;
	text-decoration:none;
}


.contact_left{
	width:380px;
	float:left;
	margin-right:35px;
	background-color:#FFFFFF;
}


.contact_left p{
	background-image:url("../images/contact-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 6px 0px;
}


.contact_left strong, .contact_right strong{
	color:#FF9000;
	padding:0px 3px 0px 3px;
	background-color:#FFFFFF;
}

.contact_left a{ color:#FF9000; text-decoration:none;}
.contact_left a:link, .contact_left a:visited{color:#FF9000;text-decoration:none;}
.contact_left a:hover{color:#000000;text-decoration:none;}

.contact_right{
	float:right;
	width:333px;
	font-size:12px;
	background-color:#FFFFFF;	
}

.contact_right p{
	background-image:url("../images/contact-p.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 0px;
}

.contact_right span{
	float:right;
	padding:0px 3px 0px 3px;
	background-color:#FFFFFF;
}

.contact_right a{ font-size:12px; color:#FF9000; text-decoration:underline;}
.contact_right a:link, .contact_right a:visited{font-size:12px; color:#FF9000;text-decoration:underline;}
.contact_right a:hover{font-size:12px; color:#000000;text-decoration:none;}


.contact_left input{
	float:right;
	color:#000000;
	border:1px solid #737373;
	font-size:11px;
	margin:0px 0px 0px 0px;
}


.contact_left textarea{
	float:right;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #737373;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.extranet{
	background-image:url("../images/extranet-acces-client.gif");
	background-position:top;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	width:418px;
	height:155px;
}

.extranet_page{
	position:relative;
	width:748px;
	border-left:1px solid #A3A3A3;
	border-right:1px solid #A3A3A3;
	margin:0px auto 0px auto;
	padding:0px 5px 50px 5px;
	background-color:#FFFFFF;
	background-image:url("../images/home-bgd.gif");
	background-position:right bottom;
	background-repeat:no-repeat;
	
}
.extranet form{
	position:relative;
	width:258px;
	text-align:left;
	padding:66px 0px 0px 144px;
}

.extranet input{
	color:#000000;
	float:right;
	border:1px solid #737373;
	font-size:12px;
	margin:0px 0px 0px 0px;
}

.extranet p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 6px 0px;
}

.error{
	margin:-5px 0px 8px 0px;
	font-style:italic;
	font-weight:bold;
	color:#FF7200;
}



.spacer{
	font-size:1px;
	clear:both;
	background-color:#FFFFFF;
	color:#FFFFFF;	
}

.mast{
	position:relative;
	width:760px;
	height:103px;
	background-image:url("../images/mast.gif");
	background-position:top;
	background-repeat:no-repeat;
	margin:30px auto 0px auto;
	padding:0px;
}

.nav{
	position:relative;
	width:758px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#FFFFFF;
	margin:0px auto 0px auto;
}

#weblink, #weblink a:link, #weblink a:visited, #weblink a:hover {
	color:#FFFFFF;
	text-decoration:none;
	display: block;
}

/*###### ACCUEIL #######*/
#accueil{ position:relative; float:left; width:120px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #F49953; }
#accueil a:link, #accueil a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#accueil a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#F49953; padding:0px 0px 2px 5px; }

#accueil_on{ position:relative; float:left; width:115px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px; border-top:6px solid #F49953; background:#F49953; padding:0px 0px 2px 5px; }

/*###### PRODUITS #######*/
#produits{ position:relative; float:left; width:120px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #FFE881; }
#produits a:link, #produits a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#produits a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#FFE881; padding:0px 0px 2px 5px; }

#produits_on{ position:relative; float:left; width:115px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px; border-top:6px solid #FFE881; background:#FFE881; padding:0px 0px 2px 5px; }

/*###### PHOTOS #######*/
#photos{ position:relative; float:left; width:121px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #B3BF51; }
#photos a:link, #photos a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#photos a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#B3BF51; padding:0px 0px 2px 5px; }

#photos_on{ position:relative; float:left; width:116px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px;  border-top:6px solid #B3BF51; background:#B3BF51; padding:0px 0px 2px 5px; }

/*###### TARIFS #######*/
#tarifs{ position:relative; float:left; width:120px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #F09F3F; }
#tarifs a:link, #tarifs a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#tarifs a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#F09F3F; padding:0px 0px 2px 5px; }

#tarifs_on{ position:relative; float:left; width:115px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px; border-top:6px solid #F09F3F; background:#F09F3F; padding:0px 0px 2px 5px; }

/*###### PLAN #######*/
#plan{ position:relative; float:left; width:121px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #E1B650; }
#plan a:link, #plan a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#plan a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#E1B650; padding:0px 0px 2px 5px; }

#plan_on{ position:relative; float:left; width:116px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px; border-top:6px solid #E1B650; background:#E1B650; padding:0px 0px 2px 5px; }

/*###### CONTACT #######*/
#contact{ position:relative; float:left; width:121px; font-size:11px; font-weight:bold; color:#5E5E5E; margin-right:7px; border-top:6px solid #B3BF51; }
#contact a:link, #contact a:visited{ display: block; color: #5E5E5E; text-decoration: none; background:#F2F2F2; padding:0px 0px 2px 5px; }
#contact a:hover{ display: block; color:#FFFFFF; text-decoration: none; background:#B3BF51; padding:0px 0px 2px 5px; }

#contact_on{ position:relative; float:left; width:116px; font-size:11px; font-weight:bold; color:#FFFFFF; margin-right:7px;  border-top:6px solid #B3BF51; background:#B3BF51; padding:0px 0px 2px 5px; }



.nav_bar{
	position:relative;
	font-size:1px;
	height:5px;
	background-color:#FFFFFF;
	clear:both;
}

.visuel{
	position:relative;
	width:748px;
	border-left:1px solid #A3A3A3;
	border-right:1px solid #A3A3A3;
	background-color:#FFFFFF;
	margin:0px auto 0px auto;
	padding:5px 5px 5px 5px;
}

.page{
	position:relative;
	width:748px;
	border-left:1px solid #A3A3A3;
	border-right:1px solid #A3A3A3;
	margin:0px auto 0px auto;
	padding:0px 5px 13px 5px;
	background-color:#FFFFFF;
}

.nav_rub{
	position:relative;
	float:left;
	width:207px;
	margin-right:18px;
	border-top:10px solid #FFFFFF;
}

.contenu{
	position:relative;
	float:right;
	width:523px;
	text-align:justify;
}

.titre{
	position:relative;
	float:right;
	width:523px;
	text-align:justify;
}

.footer{
	position:relative;
	width:760px;
	height:37px;
	background-image:url("../images/footer.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px auto 30px auto;
	text-align:center;
	font-size:11px;
	padding-top:5px;
}

#xiti-logo {
	visibility:hidden;
	position:absolute;
}
a:hover img,a:active img{
opacity:.7;
moz-opacity:.7;
border-color:#f00;
}
#arplan{ /* arrière plan */
position:absolute;
top:0;
left:0;
z-index:190;
background-color: #555;
-moz-opacity: 0.6;
opacity: 0.6;
height:100%;
width:100%;
}

#pop{ /* fenêtre */
position:absolute;
left:3px;
top:3px;
z-index:200;
background-color:#FFF;
border:3px outset;
}
#pop img{cursor:pointer;border:0}

#titre,.galerie dt{
font:15px/22px "Comic Sans MS", "Times New Roman", Times, serif;
color:brown;
background-color:#fff;
text-align:center
}
#statIM{ 
text-align:center;
}
#cdeIM{ 
padding:0 3px;
}
#pop a{ 
padding:0;
text-decoration:none;
}
#pop a:active,#pop a:focus,#pop a:visited{ /*evite de marquer le lien actif*/
color:blue;
background-color:#fff;
}
#pop a span{ 
text-decoration:underline
}
#suivant{
position:relative;right:0
}
#fermer{
float:none;text-align:right;
}
/* galerie photos */
.galerie{
margin:15px 5px;
background-color:#DFD;
text-align:center;
padding:1px 5px;
border:1px dotted #000;
height:150px;
}
.galerie dt{
background-color:transparent;
margin:10px 0;
font-size:20px;
}
.galerie li{
list-style-type:none;
margin:0 0 10px 10px;
padding:0;
display:inline;
}

/* liens avec class */
.galerie a,.bul{
background:transparent !important;
}
.galerie a {
}
.galerie a span{
display:none
}
body{height:100%,width:100%}
#croix{ /* croix pour fermer */
cursor:hand/*IE5*/;
}
#pop img{cursor:hand}
#arplan{ /* arrière plan */
filter:Alpha(opacity=60);
cursor:hand/*IE5*/;
}

#pop{
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)
}
a:hover,a:active{z-index:600}/* sinon bug opera */

.galerie li{zoom:1;height:0} /*correction layout IE6*/
a span{top:-5em;}
/*corrige en même temps le bug IE*/
a:hover img,a:active img{
filter:Alpha(opacity=70);