html { 
scrollbar-arrow-color:#8F033E; 
scrollbar-track-color:#C2C2C2; 
scrollbar-face-color:#DFDBD1; 
scrollbar-highlight-color:#3A465D; 
scrollbar-3dlight-color:#FFFFFF; 
scrollbar-darkshadow-color:#000000; 
scrollbar-shadow-color:#B0ADA5
}
body {
padding-right: 0px; 
padding-left: 0px; 
background: url(http://metal-connexion.fr/forum/images/haut.gif) #dfdbd1 repeat-x; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
text-align: center
}
body {
	font-size: 12px; 
	color: #444444; 
	line-height: 18px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	letter-spacing: 0px
}

h1 {
	font-size: 13px; color: #790001; letter-spacing: 0px
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-size:12px;
	letter-spacing: normal
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	font-size:12px;
	letter-spacing: normal
}
a {
	color: #790001;
	text-decoration: none;
	border:0px
}
a:hover {
	background-color: transparent;
	border-bottom-style: solid;
	border:1px
}
a img {
	border-bottom-style: solid;
	border:0px;
	text-decoration: none
}
abbr, acronym {
	cursor: help
}

#entete {
	padding-right: 16px; padding-left: 16px; padding-bottom: 12px; margin: 0px; padding-top: 24px; position: relative; text-align: left
}
#entete_liens {
	padding-right: 0px; padding-left: 0px; font-size: 11px; right: 285px; padding-bottom: 0px; width: 400px; color: #666; padding-top: 0px; letter-spacing: 0px; position: absolute; top: 40px; text-align: right
}
#entete_liens a {
	color: #666; letter-spacing: 0px; text-decoration: none
}
#entete_liens a:hover {
	text-decoration: underline
}

#recherche {
	padding-right: 0px; padding-left: 0px; right: -5px; padding-bottom: 0px; width: 300px; padding-top: 0px; position: absolute; top: 38px
}
.bouton_recherche {
	border-top-width: 0px; padding-right: 2px; padding-left: 2px; border-left-width: 0px; font-size: 11px; border-bottom-width: 0px; padding-bottom: 0px; color: #fff; padding-top: 2px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #333; border-right-width: 0px
}

.brick {
	padding-right: 0px; padding-left: 0px; font-size: 8px; padding-bottom: 0px; margin: 0px; color: #dfdbd1; line-height: 8px; padding-top: 0px; letter-spacing: 0px
}
#couverture {
	padding-right: 9px; padding-left: 9px; font-size: 1px; z-index: 50; left: 0px; padding-bottom: 9px; color: #000; line-height: 1px; padding-top: 9px; position: absolute; top: 33px
}


#main_nav {
	padding-right: 0px; padding-left: 0px; background: url(http://metal-connexion.fr/forum/images/nav_photo.gif) #dfdbd1 repeat-x; padding-bottom: 0px; margin-top: 20px; width: 850px; color: #000; padding-top: 0px; position: relative; height: 226px; text-align: left
}
#main_nav_home {
	padding-right: 0px; padding-left: 0px; background: url() #dfdbd1 repeat-x; padding-bottom: 0px; margin: 0px; width: 850px; COLOR: #000; padding-top: 0px; position: relative; height: 323px; text-align: left
}
#gnl {
	left: 0px; position: absolute; top: 7px
}
#gnr {
	RIGHT: 0px; position: absolute; top: 7px
}
#globalLink {
	padding-right: 0px; padding-left: 0px; z-index: 100; left: 50px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; position: absolute; top: 12px; height: 20px; min-width: 640px
}
#globalLink UL {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
#globalLink LI {
	padding-right: 5px; padding-left: 5px; float: left; padding-bottom: 3px; padding-top: 0px
}
a.glink {
	padding-right: 12px; display: block; padding-left: 12px; font-weight: bold; padding-bottom: 0px; margin: 0px; color: #FFFFFF; padding-top: 1px; letter-spacing: 0px; text-decoration: none
}
a.glink:over {
	padding-right: 12px; display: block; padding-left: 12px; font-weight: bold; padding-bottom: 0px; margin: 0px; color: #FFFFFF; padding-top: 1px; letter-spacing: 0px; text-decoration: none
}
a.glink:visited {
	padding-right: 12px; display: block; padding-left: 12px; font-weight: bold; padding-bottom: 0px; margin: 0px; color: #FFFFFF; padding-top: 1px; letter-spacing: 0px; text-decoration: none
}

#boiteGauche { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px 12px 5px; width: 140px; padding-top: 0px; position: relative
}

#content {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px auto; width: 850px; padding-top: 0px; text-align: left
}
#boiteCentrale {
	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; margin: 0px -5px 10px 10px; width: 630px; padding-top: 0px; position: relative
}

#menuRelatif { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 15px; margin: 3px 0px 12px; width: 140px; padding-top: 0px; letter-spacing: 0px; border-right-width: 0px
}
#menuRelatif UL { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
#menuRelatif LI { 
	background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px
}
#menuRelatif LI A:link { background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px; padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; padding-top: 2px; background-color: #790001; color:#FFFFFF; text-decoration: none
}
#menuRelatif LI A:visited { background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px; padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; color: #FFFFFF; background-color: #790001; padding-top: 2px; text-decoration: none
}
#menuRelatif LI A:hover {background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px; padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; color: #FFFFFF; background-color: #666; padding-top: 2px; text-decoration: none; border-color:#000000
}
#menuRelatif UL UL {
	margin: 0px 0px 10px 15px
}
#menuRelatif UL UL A:link {
	font-weight: normal
}
#menuRelatif UL UL A:visited {
	font-weight: normal
}


#piedPage a {
	color: #666
}
#piedPage a:hover {
border-bottom:1px
}
#piedPage {
	clear: both; width: 800px; border-right: #b2afa7 1px solid; padding-right: 20px; border-top: #b2afa7 1px solid; padding-left: 35px; font-size: 11px; padding-bottom: 5px; margin: 0px 0px 30px; border-left: #b2afa7 1px solid; color: #666; line-height: 18px; padding-top: 10px; border-bottom: #b2afa7 1px solid; letter-spacing: 0px; position: relative; text-align:center
}



.menu ul { 
	border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; border-bottom: 0px; margin: 10px 0px 0px; padding-top: 0px; list-style-type: none; border-right-width: 0px
}
.menu li { display:block; float:left; width:90%;
	padding-right: 0px; padding-left: 5px; padding-bottom: 1px; margin: 0px; padding-top: 0px; list-style-type: none
}
.menu a:link {
	padding-right: 8px; DISPLAY: block; padding-left: 8px; padding-bottom: 1px; margin: 0px; border-left: #000 4px solid; color: #444444; padding-top: 2px; letter-spacing: 0px; text-decoration: none
}
.menu a:visited {
	padding-right: 8px; display: block; padding-left: 8px; padding-bottom: 1px; margin: 0px; border-left: #000 4px solid; color: #444444; padding-top: 2px; letter-spacing: 0px;text-decoration: none
}
.menu a:hover {
	border-left: #a50000 4px solid; color: #a50000; border-bottom: none
}
.photo-pres { float:left
}

#thesaurus {
padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; padding-top: 2px; color:#000000; text-decoration: none; border: solid 1px #FFFFCC
}

#thesaurus p {
	color: #FFFFFF;
	text-align:center
}

#thesaurus2 {
padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; padding-top: 2px; color:#000000; text-decoration: none; border: solid 1px #FFFFCC
}

#thesaurus2 p {
	color: #FFFFFF;
	text-align:center
}



.resultat-recherche {
}
.soumission a:link {
color:#FFCC00
}
.titre {background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px; padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 98%; padding-top: 2px; background-color: #CCCCCC; color: #FFFFFF; text-decoration: none; border-top: solid 1px #790001; border-bottom: solid 1px #790001
}
.titre2 {padding-right: 5px; display: block; padding-left: 12px; width: 98%; background-color: #790001; color:#FFFFFF; text-decoration: none; float:left; margin-bottom: 2px
}
.titre2 a {
	color: #FFFFFF; letter-spacing: 0px; text-decoration: none
}
.titreb {padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 98%; padding-top: 2px; background-color: #CCCCCC; color: #FFFFFF; text-decoration: none; border-top: solid 1px #790001; border-bottom: solid 1px #790001
}
.titrecat {padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 98%; padding-top: 2px; background-color: #790001; color: #FFFFFF; text-decoration: none; border-top: solid 1px #790001; border-bottom: solid 1px #790001; clear: both
}
.titretext {display: block; padding-left: 12px; padding-bottom: 2px; padding-top: 2px; background-color: #790001; color: #FFFFFF; text-decoration: none; border-top: solid 1px #790001; border-bottom: solid 1px #790001; clear: both
}
.titrecarte {padding-bottom: 2px; margin: 1px; padding-top: 2px; background-color: #CCCCCC; color: #FFFFFF; border-top: solid 1px #790001; border-bottom: solid 1px #790001; text-align:center
}


.champ  {
background-image:url(http://metal-connexion.fr/forum/images/loupe.gif);
background-repeat:no-repeat;
background-position:right;
border:solid 1px #790001;
color:#000000
  } 
.adresses {
	display: inline;
	width: 47%;
	float: left;
	border-color: #FFFFCC;
	border:thin;
	padding: 5px;
	margin-bottom:3px;
	margin-right:0%;
	margin-left:1px;
	height: 200px
}


.photo {
	float: right;
	border:ridge #CC0000;
	background-color: #000000;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 5px;
	}


.adresses2 {
	display:block;
	width: 98%;
	border: 2px ridge #8F033E;
	padding: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-top: 7px;
	background-color: #EDEDED
}
.adresses3 {
	width: 45%;
	float: left;
	display: table-cell;
	border: 1px solid #FFFFCC;
	padding: 5px;
	margin: 5px;
	background-color: #CCCCCC
	}
.adresses4 {
	display:block;
	min-height: 105px!important;
	font-size:12px;
	width: 99%;
	border-right: 1px solid #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-top: 7px;
	background-color: #FFFFFF;
	background-image: url(http://metal-connexion.fr/forum/images/motif.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: justify
}
.adresses5 {
	width: 90%;
	float: left;
	border: 2px dotted #003366;
	padding: 3px;
	margin: 4px;
	background-color: #FFFFCC;
	background-image: url(http://metal-connexion.fr/forum/images/motif.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align:center;
	border-bottom-style: dashed;
	border-bottom-color: #FFCC00
}
.auteur {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:11px;
margin-left:5px
}
.categorie-annuaire {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-style: solid;
	color:#ffffff
}
.categorie-annuaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-bottom-style: solid;
	color:#790001
}
.code{
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color:#009900;
	border: 1px solid #000000;
	background-color: #ffffee;
	background-position:right bottom;
	background-repeat: no-repeat;
	background-image: url(http://metal-connexion.fr/images/code.png); 	
	width: 96%;
	padding:7px;
	display:block;
	text-align:center;
	margin-bottom:5px
}
.commentaire {
	width: 99%;
	float: left;
	border: 1px solid #009933;
	padding: 5px;
	margin-top:2px;
	margin-bottom:2px;
	background-color: #FFFFFF
}
.commentaires {
color:#666666;
font-family: Georgia, "Times New Roman", Times, serif;
margin-left:10px;
margin-right:10px;
font-weight:bold;
font-size:11px
}
.erreur {
	text-decoration: line-through
}
.forum {
	width: 99%;
	float: left;
	border: 1px solid #009933;
	padding: 5px;
	margin-top:2px;
	margin-bottom:2px;
	background-color: #FFFFFF
}
.forum_topic {
color:#666666;
font-family: Arial, Verdana, sans-serif;
margin-left:10px;
margin-right:10px;
font-size:12px
}
.field_data_add_site_annuaire {
border-bottom-style: dashed;
border-bottom-color: #FFCC00
}
.grasCouleur {
	font-weight: bold;
}
.idem {
color: #006633;
border: solid 1px #000000;
background-image: url();
background-repeat: no-repeat;
background-position: top right;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:10px;
padding-bottom:3px;
padding-top:3px;
margin-top:2px
}
.intro {
color:#000000;
width: 100%;
clear: both;
padding:5px
}
.introduction {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:5px
}
li {
	left: -30px
}
.menuCat {
border-left:thin #FF0000
}

.nb-categorie-annuaire {
	font-weight:bold;
	padding-top: 15px;
	line-height:30px;
	color: #790001
}
.position-annuaire {
color: #009900;
font-weight:bold
}
.promo1 {
margin:5px;
padding:5px;
color:#000000;
width: 50%;
float:left;
display:block;
text-align:justify
}
.promo2 {
border: solid 1px #FFFFCC;
margin:5px;
padding:5px;
color:#000000;
width: 43%;
float:left;
display:block;
text-align:justify;
background-color:#FFFFFF

}
.promo3 {
border: solid 1px #FFFFCC;
padding:5px;
color:#000000;
width: 63%;
float:left;
display:block;
text-align:justify;
background-color:#FFFFFF

}

.promo4 {
border: solid 1px #FFFFCC;
margin:5px;
padding:5px;
color:#000000;
width: 60%;
float:left;
display:block;
text-align:justify;
background-color:#FFFFFF

}

.rouge{
color: #990000
}
.soumission {
color: #FF6600;
font: bolder
}
.Style1 {
	font-weight: bold;
	color: #990033
}
.Style2 {
	font-weight: bold;
	color:#FFFFFF
}
.Style3 {
	color: #339933;
	font-style: italic;
	font-weight: bold
}
.vert{
color: #009933
}
.voir{
color: #990000;
text-decoration:underline;
margin:0px;
padding:0px
}
.photos-menu {
display: block; width: 155px; padding-top: 7px; border: solid 1px #FFFFCC; padding-bottom:5px; background-color: #FFFFFF
}
.titremenu { background: url(http://metal-connexion.fr/forum/images/white.gif) no-repeat 0px 6px; padding-right: 5px; display: block; padding-left: 12px; padding-bottom: 2px; margin: 1px; width: 100%; padding-top: 2px; background-color: #000000; color:#FFFFFF; text-decoration: none
}




#principal {
width: 100%
}
#map {
color:#000000;
border-color:#009900;
border: 20px;
width: 100%;
height: 450px;
}






#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto
	}

#imageContainer{
	padding: 10px
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://metal-connexion.fr/forum/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://metal-connexion.fr/forum/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://metal-connexion.fr/forum/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	




#boiteDroite {
	position: absolute;
	right:0;
	margin-top: 30px;
	width: 170px;
	background-color: #DFDBD1;
	padding-right:3px
}


#principal #boiteDroite p {
	padding-left: 5px;
	padding-right: 5px
}
#principal #boiteDroite #definition #definir {
	padding-left: 5px;
	padding-right: 5px
}
#principal #boiteDroite em {
	color: #000099;
	font-weight: bold
}
#principal #boiteDroite #definition {
	background-color: #FFFFCC;
	background-image: url(http://metal-connexion.fr/forum/images/motif.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	margin-bottom: 4px;
	margin-top: 18px
}
.phot1 {float:right; background-color:#333333; margin-left:5px; margin-right:3px; padding:3px; color:#FFFFFF; font:"Courier New", Courier, mono; font-size:9px}
.phot2 {float:left; background-color:#333333; margin-left:3px; margin-right:5px; padding:3px}
.phot3 {float:right; margin-left:7px; margin-right:3px; margin-top:5px; color:#FFFFFF; font:"Courier New", Courier, mono; font-size:9px}
.phot4 {float:left; background-color:#333333; margin-left:3px; margin-right:0px; margin-top:15px; padding:3px}

.formulaire {font-size:12px; }
.titre-formulaire {font-size:12px; color:#009933; font-weight:bold }
.titre2-formulaire {font-size:12px; color: #CC0000; font-weight:bold }