/*----------------CSS FFA------------------*/
ul.navigation li.active ul { display: block; }

/*Mise en forme page*/

* {border:0pt none; margin:0;padding:0;}
html, body {margin:0;padding:0; }
ul, li, ol, dl, dt, dd, span, table, td, tr, pre, blocquote {margin:0;padding:0;}
img { border: none; margin:0;padding:0;}

a { outline: none; text-decoration:none; }
a:hover {text-decoration:underline;}

hr{clear:both; visibility:hidden; height:5px;}

p { margin:0;	padding: 0; }
p a{margin:0;padding:0;}
p.align-center { text-align: center; }
p.align-left { text-align: left; }
p.align-right { text-align: right; }
p.align-justify { text-align: justify; }


.rc { position:absolute; left:-2000px; top:-500px; }

#page_type {
float:left; width:720px; padding-left :30px; color:#333333;
}

#page_type p {text-align:justify; font-size:11px; color:#333333;}
#bloc_centre h1,
#page_type h1 { background:#fff url(../img/pointille02.gif) right no-repeat; width:565px; margin:20px 0;}
#bloc_centre h1 strong,
#page_type h1 strong { background-color:#fff; font-size :22px;color:#333333; font-weight:normal; padding-right:10px; }
#bloc_centre h1 { padding-left: 22px; width:500px; }

#page_type h2 { margin-top:15px; margin-bottom:10px; background:#fff url(../img/pointille03.gif) right no-repeat;}
#page_type h2 strong, #page_type h3 strong, #page_type h4 strong, #page_type h5 strong, #page_type h6 strong {background-color:#fff;font-size :14px;color:#9A0C0B; padding-right:10px; }
#page_type h3 {color:#9A0C0B;font-size :14px;}

#page_type a {text-decoration:underline;color:#9A0C0B;}
#page_type li {margin-left:25px; background: transparent url('../images/puce.gif') top left no-repeat; padding-left:15px; list-style:none; vertical-align:middle; font-size:11px;}
#page_type li li {margin-left:25px; background: transparent url('../images/puce2.gif') top left no-repeat; padding-left:15px; list-style:none; vertical-align:middle;}

#page_type .bodytext {padding : 0 20px;}
#page_type .bodytext h1, #page_type .bodytext h2, #page_type .bodytext h3, #page_type .bodytext h4 {margin-top:10px;}


/*Page**************/

html { height: 100%;}
body { 
font: 75%/1.5 Verdana, sans-serif;  
height: 100%; 
top :0; text-align:center; 
}

.conteneur{
	position:relative;
    width:1000px; 
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}

#header {
float:left;
height:154px;
width:100%;
min-width:1000px;
margin:0;padding:0;
background:url('../img/fond01.jpg') no-repeat 50% 0;
}

#header #image {height:112px; width:786px; display:block; position: absolute; left:209px; }
#header #image img{height:112px; }

#header #logo a{
  display: block;
  width: 169px; height: 78px;
  font-size: 1px;
  text-indent: -9000px;
  position: absolute;
  top :15px; left:35px; cursor:pointer;
  background: url('../img/logo.jpg') no-repeat;
}

#header #langue a{
 display: block;
  width: 16px; height: 11px;
  position: absolute; z-index:1000;
  top :120px; left:920px; 
 
}

#header #site a{
display: block;
  width: 120px; height: 30px;
  font-size: 1px;
  text-indent: -9000px;
  position: absolute; z-index:1000;
  top :114px; left:60px; cursor:pointer; 
   }


/*menu du haut */

#header #menu {
 display: block;
  width: 720px; height: 35px;
  position: absolute;
  top :112px; left:210px; cursor:pointer; 
  z-index:500;
}

#header #menu li { 
list-style:none;
float:left; 
background: url(../img/menu_trait.gif) right no-repeat;
}

* html #header #menu li a{ list-style:none; padding : 0 0 0 7px;
float:left; margin-right:1px; font-size:10px; width:130px; text-align:center; 
}

* html #header #menu li a:hover {margin-right:1px;}


#header #menu li a {color:#ffffff; font-weight:bold;   text-decoration: none; text-align:left;  height:34px; display:block;  
 height:35px; max-width:140px; line-height:15px; vertical-align:middle; padding : 0 15px 0 15px;margin-right:2px; font-size:12px;}
#header #menu li a:hover {color:#ffffff;text-decoration:none;background-image:url(../img/menu_hover.jpg) ; height:34px; display:block;
max-width:140px; margin-right:2px;}






#content {
float:left;
width:100%;
min-width:1000px;
color:#fff; 
}

#footer {
float:left;
width:100%; height:65px;
min-width:1000px; margin-top:20px;
background-color:#e8e8e8;
}

#footer p, #footer p a {font-size:10px; color:#666666; }

#footer  #footer1 {float:left; padding:20px 0 0 40px;}
#footer  #footer2 {float:right; padding:10px 30px 0 0;}

#footer  #footer2 img {vertical-align:middle;}

/*Acceuil************************/
/*******************************/

/*BLOC GAUCHE*******************/

#bloc_gauche {
width: 223px;
float:left; color:#000000; 
}

#bloc_gauche_fond {
width: 178px;
background: #fff url(../img/menu_fond.jpg) repeat-y;
padding: 0 14px 0 31px; margin:0;
}

#form_search { padding-bottom:15px; border-bottom: 1px dotted #bbb; }

*html #form_search { width:170px; }

#form_search label {display:none;}

#form_search #search_input { 
border:1px solid #3b3b3b; width:130px; 
margin-left:5px; padding : 0 0 0 2px;
font-size:10px;height:16px;
vertical-align:middle;}

* html #form_search #search_input {width:120px; float:left;  }

#form_search #search_submit { 
background-color: #3b3b3b; color:#FFFFFF; 
height:18px; padding:0 2px 0 2px; font-size:10px; 
line-height:18px;
vertical-align:middle;
cursor:pointer;}




#bloc_manif {padding:20px 5px 0 32px; background:#fff url(../img/menu_footer.jpg) top left no-repeat;  }

* html #bloc_manif {height:90px;}

#bloc_manif dt{
 margin:10px 0 10px 7px;
background:transparent url(../img/pointille01.jpg) left no-repeat;
}

#bloc_manif dd {line-height:13px;}
#bloc_manif #bloc_txt{width: 172px;}



#bloc_manif dt a {font-size:12px; font-weight:bold; color:#9a0c0b;background-color:#FFFFFF; padding : 0 10px 0 0;}

#bloc_manif #bloc_illus {margin :5px 0 10px 0;}
#bloc_manif #bloc_illus img{border :3px solid #e8e8e8; }
#bloc_manif #bloc_illus a:hover {text-decoration:none;}
#bloc_manif #bloc_illus span { 
position:relative; font-size:10px; text-align:center; font-weight:bold; 
background:transparent url(../img/publication_date.gif) no-repeat; color:#FFFFFF;
display:block; height:38px; width:35px; margin:0 0 -51px 3px; padding :10px 15px 0 3px; }


#bloc_manif #bloc_txt a{ font-size:10px; color:#333333;}


#menu_footer {padding:0 5px 0 32px; background:#fff url(../img/menu_footer.jpg) bottom left no-repeat; height:90px;  }
/*Menu gauche*******************/

.navigation { 
      margin: 0 0 0 0; 
      padding: 0; 
      list-style: none; 
      color: #fff; 
      width: 178px; 
      } 
	  
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 8px; 
      color: #666666; font-weight:bold;
      text-decoration: none; 
	  border-bottom: 1px dotted #bbb; 
      } 
   * html .navigation a, .navigation span { height:20px; }
   
	.navigation .toggleSubMenu span { border-bottom: 1px dotted #bbb; }
	  
   .navigation .open a, .navigation .open span { 
      background-color:#fff; 
	  border-bottom: 1px dotted #bbb;
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: none; background-color:#333333; color:#FFFFFF;
      } 
   .navigation .subMenu { 
 	  list-style:none;
      margin: 0; 
      padding: 0; 
      border-bottom: 1px dotted #bbb; 
      } 
   .navigation ul.subMenu a { 
      background: none; color:#9a0c0b; font-size:10px; margin:3px 0 3px 0;
      padding: 2px 10px 2px 10px; text-decoration:none; border-bottom: 1px solid #FFFFFF;
      }
	  
	.navigation ul.subMenu a:hover,  .navigation ul.subMenu a:focus, .navigation ul.subMenu a:active{ 
      color:#ffffff; background-color:#9a0c0b; margin:3px 0; border-bottom: 1px solid #FFFFFF;
      }
	  
/*	 .navigation ul.open_at_load .active a { color:#ffffff; background-color:#9a0c0b; margin:3px 0 3px 0; border-bottom: 1px solid #FFFFFF;}
*/	
	 .navigation .active a {text-decoration: none; background-color:#333333; color:#FFFFFF;}	
	 
	.navigation .subMenu li.active a { color:#ffffff; background-color:#9a0c0b; margin:3px 0 3px 0; border-bottom: 1px solid #FFFFFF;}
	 

/*Page accueil mileu et droite*******************/

#page {
float:left; 
}

#bloc_centre {
width: 550px;
float:left; margin :20px 0 0 0;
border-right:1px dotted #bbb;
color:#333333;
}



/* #bloc_centre h1 {background:#666666 url("../img/accueil/titre_accueil.jpg") repeat-x; text-indent:-9000px; font-size:1px;
display:block; width:527px; height:31px; margin : 0 0 0 15px;} */

#bloc_droite {
width: 200px;
float:left; margin :25px 0 0 0;
}


/*Slideshow *******************/
#slideshow { 
position: relative;  
width:511px; height:284px; 
margin: 10px 0 0 25px;
border:2px solid #CCCCCC;
}


#note_slide {
background:#666666 url("../img/accueil/slide_fond.jpg") repeat-x;
 color:#FFFFFF; width:490px;
 text-align:center; height:26px;
 margin-top:-26px; position:absolute;
 z-index:1000; font-weight:bold; font-size:16px;
 }
 
 #note_slide2 {
background:#666666 url("../img/accueil/slide_fond.jpg") repeat-x;
 color:#FFFFFF; width:490px;
 text-align:center; height:26px;
 margin-top:258px; position:absolute;
 z-index:1001; font-weight:bold; font-size:16px;
 }



#slide_fleche1 {
 width:18px;
 height:26px;
 margin-top:-26px; margin-left : 492px; position:absolute;
 z-index:1000; }
 
 #txt {
background-color:#FFFFFF;
color:#000000; z-index: 1001;
width:511px; height:284px;
position: absolute;  top:0px;
}
 
 #slide_fleche2 {
 width:18px; position:absolute;
 height:26px;
 margin-left : 492px; margin-top:258px; 
 z-index:1000; }
 
 #slides_img {
background-color:#FFFFFF;
color:#000000; z-index: 1001;
width:511px; height:284px;
position: absolute;  
}
 
 #slide_fleche3 {
 width:18px; position:absolute;
 height:26px;
 margin-left : 492px; margin-top:258px; 
 z-index:1001; }
 
/*actu acceuil*******************/

#bloc_actu { font-size:10px; line-height:13px; margin:20px 0 0 25px;}

#bloc_actu .img img{border :3px solid #e8e8e8;}

#bloc_actu #actu1, #bloc_actu #actu2 { width:237px; float:left;}

#bloc_actu #actu1 {margin-right:40px;}

#bloc_actu  dt{ background:transparent url(../img/pointille02.gif) center no-repeat; 
margin-bottom:10px;}

#bloc_actu  dt a {font-size:12px; font-weight:bold; color:#9a0c0b;background-color:#FFFFFF; padding : 0 10px 0 0;}

#bloc_actu .date {color:#666666;}

#bloc_actu p a{color:#333333;}


/*adherent acceuil*******************/
#bloc_membre, #bloc_membre2 { background:#666666 url("../img/accueil/fond_adherent.jpg") bottom repeat-x; width:170px; height:123px; padding-left:10px;
border-bottom: 1px dotted #bbb;}

#bloc_membre2 {text-align:center;}

#bloc_membre  dt a, #bloc_membre2  dt a {font-size:12px; font-weight:bold; color:#9a0c0b;background-color:#FFFFFF; padding : 0 10px 0 0;}

#bloc_membre2  dt {padding-top:20px;}

#bloc_membre label {display:none;}

#bloc_membre p {padding-top:10px;}

#bloc_membre p a {color:#9a0c0b; font-size:10px; float:left; letter-spacing:-1px;}

#bloc_membre #inscr_log, #bloc_membre #inscr_pass { 
border:1px solid #3b3b3b; width:155px; 
padding : 0 0 0 2px;
font-size:10px;height:16px;
vertical-align:middle;}

#bloc_membre #inscr_submit { 
background-color: #3b3b3b; color:#FFFFFF; 
height:18px; padding:0 2px 0 2px; font-size:10px; margin-left:30px;
line-height:18px;
vertical-align:middle;
cursor:pointer;}


/*publication acceuil*******************/
#bloc_publication {width:170px; padding-left:10px;margin-top:25px;}
#bloc_publication  dt a {font-size:12px; font-weight:bold; color:#9a0c0b;background-color:#FFFFFF; padding : 0 10px 0 0;}

#bloc_publication .img{border :3px solid #e8e8e8; float:left; margin-right:5px;}

#bloc_publication dd {font-size:10px; border-bottom: 1px dotted #bbb; margin :10px 0 10px 0; line-height:13px; padding-bottom:15px;  }

#bloc_publication dd a{color:#333333;}

/*-----------------------------------
/*Page ACIER************************/

#bloc_membre_page { background:#666666 url("../img/accueil/fond_adherent.jpg") bottom repeat-x; width:170px; height:123px; padding-left:10px;
border-bottom: 1px dotted #bbb; border-left: 1px dotted #bbb; position:absolute; display:none;}

#bloc_membre_titre a, #bloc_membre_titre a:visited{font-size:11px; font-weight:bold; color:#9a0c0b; padding : 0 10px 0 10px; 
cursor:pointer; text-decoration:underline; background:#fff url("../img/ico_suite.jpg") right no-repeat;}

#bloc_membre_titre2 {font-size:11px; font-weight:bold; color:#9a0c0b; padding : 0 10px 0 10px; 
cursor:pointer; text-decoration:underline; background-color:#fff;}

#bloc_membre_titre a:hover {background:#fff url("../img/ico_suite2.jpg") right no-repeat;text-decoration:none;}

#bloc_membre_page label {display:none;}

#bloc_membre_page p {padding-top:10px;}

#bloc_membre_page p a {color:#9a0c0b; font-size:10px; float:left; letter-spacing:-1px;}
#bloc_membre_page #messageSent {color:#333333; font-size:11px;}

#bloc_membre_page #inscr_log, #bloc_membre_page #inscr_pass { 
border:1px solid #3b3b3b; width:155px; 
padding : 0 0 0 2px;
font-size:10px;height:16px;
vertical-align:middle;}

#bloc_membre_page #inscr_submit { 
background-color: #3b3b3b; color:#FFFFFF; 
height:18px; padding:0 2px 0 2px; font-size:10px; margin-left:30px;
line-height:18px;
vertical-align:middle;
cursor:pointer;}

#page_type #adherent {
float:right; margin-top:-47px; margin-right:45px;}


#page_acier_utilite img {border:3px solid #CCCCCC; float:left; margin-right:10px;}
#page_acier_def img {border:3px solid #CCCCCC; float:left; margin-right:10px;}


#page_type #page_acier_fabrication h2 strong{
color:#333333; font-weight:bold; font-size:14px;
}

#page_type #page_acier_fabrication a { font-weight:bold;}
#page_type #page_acier_fabrication a:hover {text-decoration:none;}

#page_type #page_acier_fabrication #btn_acier { color:#333333; font-weight:bold; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; height:100px; margin : 50px 0 50px 0; padding-top :20px; }
#page_type #page_acier_fabrication #btn_acier li {list-style:none; float:left; display:block; width:170px; line-height:35px;}

#page_type #page_acier_fabrication img {border:none;}


/*-----------------------------------------
/*Page Informations***********************/


/*Page Actus*/
#page_type #page_info_actus h2 strong{
color:#333333; font-weight:bold; font-size:14px;
}

#page_type #page_info_actus h3 a { text-decoration:none; }
#page_type #page_info_actus h3 a:hover { text-decoration:underline; }
#page_type #page_info_actus p a {text-decoration:none; color:#333333;}
#page_type #page_info_actus p a:hover { text-decoration:underline; }

/*Page Brochures*/
#page_type #page_brochure #cadre1{ border-right: 1px dotted #999999; width:360px;  float:left; }

#page_type #page_brochure #cadre1 p, #page_type #page_brochure #cadre2 p {line-height:30px; clear:both;}

#page_type #page_brochure #cadre1 label {width:170px;  font-size:12px; color:#333333; float:left; text-align:left;}
#page_type #page_brochure #cadre1 input, #page_type #page_brochure #cadre1  textarea,  #page_type #page_brochure #cadre1  select {border: 1px solid #9c9ea5;}

#page_type #page_brochure #cadre1 input, #page_type #page_brochure #cadre2 input { width:170px;}



#page_type #page_brochure #cadre1 span {font-size:10px; color:#a2a2a2; padding-left:115px;}

#page_type #page_brochure #cadre2 {float:left; padding-left:50px; width:300px;}

* html #page_type #page_brochure #cadre2 {float:left; padding-left:20px; width:320px;}

#page_type #page_brochure #cadre2 legend {color:#9a0c0b; font-weight:bold; margin-bottom:20px;}

#page_type #page_brochure #cadre2 label {width:125px;  font-size:12px; color:#333333; float:left; text-align:left;}
#page_type #page_brochure #cadre2 #cp input {width:70px;}
#page_type #page_brochure #cadre2 input, #page_type #page_brochure #cadre2 select{border: 1px solid #9c9ea5;}
#page_type #page_brochure #cadre2 select {width:170px;}
#page_type #page_brochure #cadre2 #btn_submit input {  margin-top:20px; float:right;
background:url(../img/contact/btn_envoyer.jpg) no-repeat; 
width:86px; height:44px; color:#FFFFFF; font-weight:bold; border:0;
line-height:44px; cursor:pointer; display:block; padding-bottom:10px;}


#tooltip2{
	position:absolute;
	background: transparent url(../img/adherent/infobulle2.gif) top left no-repeat;
	padding:20px 5px 10px 5px;
	color:#fff;  text-align:left;
	font-size:10px;
	display:none; width:300px;
	margin-top:10px;
	z-index:10000; cursor:pointer;
	}

#page_type #page_brochure #rapport {
margin:30px 0; padding: 30px 0;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;}

#page_type #page_brochure #rapport label { width:500px; float:left;  }
#page_type #page_brochure #rapport label a {text-decoration:none; font-size:12px;font-weight:bold;}
#page_type #page_brochure #rapport select {border: 1px solid #9c9ea5; width:50px;} 
#page_type #page_brochure #rapport p {line-height:25px; clear:both;}

/*--------------------------------------
/*Page Adherent***********************/

#page_type #page_adherent h2 strong{
color:#333333; font-weight:bold; font-size:14px;
}

#page_type #page_adherent .infobulle a{font-size:12px; color:#333333;}
#page_type #page_adherent .infobulle a:hover {font-weight:bold; text-decoration:none; }
#page_type #page_adherent .infobulle a:focus {color:#9a0c0b;text-decoration:none;font-weight:bold; }

#onglets li { margin:0; padding:0; list-style:none; display:inline;color:#333333;}
#onglets li a { font-size:12px; color:#333333; text-decoration:underline; }
#onglets li a:hover { font-weight:bold; text-decoration:none;}

#page_type #page_adherent .onglet {margin-top:30px; display:none;}
#page_type #page_adherent .onglet h3 { background:#fff url(../img/pointille03.gif) right no-repeat; margin-bottom:10px;}
#page_type #page_adherent .onglet {border-bottom: 1px dotted #999999; height:170px;}
#page_type #page_adherent .onglet dt { width:250px; float:left;}
#page_type #page_adherent .onglet .civil {font-weight:bold;border-left: 1px dotted #999999; border-right: 1px dotted #999999; width:220px; float:left; padding:10px 0 20px 30px;}
#page_type #page_adherent .onglet .civil em {font-weight:normal;}
#page_type #page_adherent .onglet a {font-weight:bold;}
#page_type #page_adherent .onglet .adresse {padding-left:10px; width:180px; float:left; padding:10px 0 20px 30px;}
#page_type #page_adherent .onglet p {text-align:left;}
#page_type #page_adherent .onglet img {border:none;}

#onglets li.actif a { color:#9a0c0b;  text-decoration:none; font-weight:bold; } 



#tooltip{
	position:absolute;
	background: transparent url(../img/adherent/infobulle.gif) bottom left no-repeat;
	padding:10px 5px 20px 5px;
	color:#fff; 
	font-size:10px;
	display:none; 
	margin-top:-35px;
	}	

/*--------------------------------------
/*Contact**************-------*********/

#page_type #page_contact #cadre1{ border-right: 1px dotted #999999; width:360px;  float:left; }

#page_type #page_contact #cadre1 p {line-height:25px; clear:both;}

#page_type #page_contact #cadre1 label {width:170px;  font-size:12px; color:#333333; float:left; text-align:left;}
#page_type #page_contact #cadre1 input, #page_type #page_contact #cadre1  textarea,  #page_type #page_contact #cadre1  select {border: 1px solid #9c9ea5;}

#page_type #page_contact #cadre1 input { width:170px;}
#page_type #page_contact #cadre1  textarea {}
#page_type #page_contact #cadre1 select { width:110px;}
#page_type #page_contact #cadre1 #site_ext1 {margin-top:10px;}
#page_type #page_contact #cadre1 #site_ext1 label {width:230px;}

#page_type #page_contact #cadre1 span {font-size:10px; color:#a2a2a2; padding-left:115px;}

#page_type #page_contact #cadre2 {float:left; padding-left:20px; padding-top:170px; width:300px;}

#page_type #page_contact #cadre2  textarea {border: 1px solid #9c9ea5;}
#page_type #page_contact #cadre2 input {  margin-top:20px; float:right;
background:url(../img/contact/btn_envoyer.jpg) no-repeat; 
width:86px; height:44px; color:#FFFFFF; font-weight:bold;
line-height:44px; cursor:pointer; display:block; padding-bottom:10px;}



/****************************************
Validation formulaire-------------------*/

	.formError {
			position:absolute;
			top:300px; left:300px;
			width:120px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background-color:#9A0C0B; 
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				padding:2px 5px 2px 5px;
				
				
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#9A0C0B;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#9A0C0B;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#9A0C0B;margin:0 auto;display:block;}