* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
    font-family: "Arial", Verdana, sans-serif; 
    font-size: 12px;
    color: #96d7ff;
    background: #0065a3 url(../../images/bkgSite.jpg) repeat-x;}

#allContent 
{width: 923px; margin: 0 auto 0 auto; }

#content 
{width: 923px;}

a {color: #fff;}

.zoneTxt ul li,
.zoneTxt ul ol 
{list-style: inside;
margin: 3px 0 3px 0;}

blockquote {margin-left: 30px;}


#entete {
position: relative;
width: 923px;
height: 152px;
background: #0065a3 url(../../images/imgEntete.jpg) no-repeat;
}

#langues {list-style: none; position: absolute; left: 20px; top: 20px;}
#langues li {float: left; margin-left: 5px;}
#langues li a {display: block; width: 16px; height: 11px;}
#langues li a span {display: none;}
#langues li#FR a {background: transparent url(../../images/drapFR.gif) no-repeat;}
#langues li#UK a {background: transparent url(../../images/drapUK.gif) no-repeat;}



/****************************************** Contenu de la page centrale */
#nav {
float: left;
width: 133px; }

#contenu {
float: left;
width: 770px;}

#accroche {
width: 743px;
height: 38px;
display: block;
background: url(../../images/accroche.gif) no-repeat right bottom;}

#accroche span {display: none;}

.ariane {
display: block;
font-size: 11px;
color: #aaa9a9;
margin: 0 0 20px 0;}

#logo a
{background: url(../../images/LogoAcco.jpg) no-repeat;
display: block; 
width: 91px; 
height: 81px;
margin: 12px 0 20px 21px;
border: 0;}

#logo span
{display: none;}

#navigation
{
list-style: none;
width: 133px;}

#navigation li
{float: left;
width: 100px;
padding: 0 0 0 21px;
}


#navigation li a
{display: block;
padding: 0 0 15px 0;}

#navigation li a span {display: none;}


#navigation li#btnA 
{background: url(../../images/btnSociete.gif) no-repeat; 
width: 69px; 
height: 14px;
margin: 0 0 0 21px;
padding: 0 0 15px 0;}
#navigation li#btnB a {
background: url(../../images/btnPresentation.gif) no-repeat; width: 79px; 
height: 14px;}
#navigation li#btnC a {background: url(../../images/btnTransport.gif) no-repeat; width: 78px; 
height: 18px;}
#navigation li#btnD a {background: url(../../images/btnEquipe.gif) no-repeat; width: 51px; 
height: 17px;}
#navigation li#btnE a {background: url(../../images/btnLocalisation.gif) no-repeat; width: 73px; 
height: 14px;}
#navigation li#btnF {background: url(../../images/btnMetiers.gif) no-repeat; width: 81px; 
height: 14px;
padding: 0 0 15px 0;
margin: 10px 0 0 21px;}
#navigation li#btnG a {background: url(../../images/btnAcier.gif) no-repeat; width: 88px; 
height: 14px;}
#navigation li#btnH a {background: url(../../images/btnAlu.gif) no-repeat; width: 63px; 
height: 13px;}
#navigation li#btnI a {background: url(../../images/btnInox.gif) no-repeat; width: 26px; 
height: 14px;}
#navigation li#btnJ a {background: url(../../images/btnMecano.gif) no-repeat; width: 103px; 
height: 14px;}
#navigation li#btnK a {background: url(../../images/btnMethode.gif) no-repeat; width: 103px; 
height: 14px;}
#navigation li#btnL a {background: url(../../images/btnActus.gif) no-repeat; width: 61px; 
height: 14px; margin-top: 20px;}
#navigation li#btnM a {background: url(../../images/btnContact.gif) no-repeat; width: 47px; 
height: 14px;}

#navigation li#btnA span, 
#navigation li#btnB a span, 
#navigation li#btnC a span, 
#navigation li#btnD a span, 
#navigation li#btnE a span, 
#navigation li#btnF span, 
#navigation li#btnG a span, 
#navigation li#btnH a span, 
#navigation li#btnI a span, 
#navigation li#btnJ a span, 
#navigation li#btnK a span, 
#navigation li#btnL a span, 
#navigation li#btnM a span
{display: none;}


/****************************************** Home Page*/
#colGauche{
padding: 0 10px 0 20px;
float: left;
width: 510px;}

#colGauche h2 {
display: block;
height: 19px;
width:115px;
background: url(../../images/titrePartenaire.gif) no-repeat;
margin: 0 0 10px 0;}
			
#colGauche h2 span {
display: none;}

#vertical_container {
padding: 20px 0 40px 0;
width: 500px;
}
.accordion_content img {
padding-right: 10px;
float: right;}

.accordion_toggle  {
			display: block;
			height: 38px;
			width: 500px;
			margin: 0 0 3px 0;
      cursor: pointer;}

#acier.accordion_toggle  {
background: url(../../images/titreAcier.jpg) no-repeat;}
#alu.accordion_toggle  {
background: url(../../images/titreAlu.jpg) no-repeat;}
#inox.accordion_toggle  {
background: url(../../images/titreInox.jpg) no-repeat;}
#mecano.accordion_toggle  {
background: url(../../images/titreMecano.jpg) no-repeat;}
#methode.accordion_toggle  {
background: url(../../images/titreMethode.jpg) no-repeat;}

.accordion_toggle span {display: none;}
		
#acier.accordion_toggle_active {
background: url(../../images/titreAcierActive.jpg) no-repeat;}
#alu.accordion_toggle_active {
background: url(../../images/titreAluActive.jpg) no-repeat;}
#inox.accordion_toggle_active {
background: url(../../images/titreInoxActive.jpg) no-repeat;}
#mecano.accordion_toggle_active {
background: url(../../images/titreMecanoActive.jpg) no-repeat;}
#methode.accordion_toggle_active {
background: url(../../images/titreMethodeActive.jpg) no-repeat;}
		

.accordion_content  {
width: 500px;
background: url(../../images/bkgAccordion.gif) no-repeat;
color: #aaa9a9;
overflow: hidden;}

.accordion_content .normes {
font-size: 11px;
color: #aaa9a9;
padding: 10px 0 0 10px;
}

.accordion_content .zoneTxt {
padding: 10px 0 0 10px;
color: #aaa9a9;}

.accordion_footer {
margin : 129px 0 0 0;
height : 1px;
}


#colDroite {
float: left;
width: 229px;}

#Actu {
margin: 30px 0 0 0;
padding: 70px 0 0 0;
display: block;
width: 229px;
background: transparent url(../../images/bkgActuHome.jpg) no-repeat; }

#Projet {
margin: 25px 0 0 0;
padding: 70px 0 0 0;
display: block;
width: 229px;
background: transparent url(../../images/bkgProjet.jpg) no-repeat; }

#Actu h2 span,
#Projet h2 span {display: none;}

#blocActu {
padding: 0 10px 0 10px;
display: block;
width: 209px;}

#blocProjet{
padding: 0 10px 0 10px;
display: block;
width: 209px;}

#blocActu h3 {
display: block;
width: 170px;
color: #c5c7c8;
padding: 0 0 5px 0;}

#blocActu .zoneTxt,
#blocProjet .zoneTxt 
{font-size: 11px;
padding: 0 0 10px 0;
}

#blocActu .dateActuHome,
 {display: block;
 font-size: 11px;
 padding: 5px 0 5px 0;}
 
#blocActu .suite,
#blocProjet .suite
{display: block;
font-size: 11px;
padding: 5px 0 5px 0;
clear: both;}

#piedActu {
display: block;
width: 229px;
height: 11px;
background: transparent url(../../images/piedBlocActuHome.jpg) no-repeat; }

#piedProjet {
display: block;
width: 229px;
height: 11px;
background: transparent url(../../images/piedBlocProjet.jpg) no-repeat; }


/****************************************** Corporate*/
#corporate #contenu {
float: left;
text-align: justify;
width: 747px;
padding: 0 0 25px 40px;}


#corporate #contenu li {
list-style: inside;
padding: 0 0 3px 0;}


#corporate #content h2 span{
display: none;}

#corporate h3 {
color: #c5c7c8;
font-size: 12px;
padding: 0 0 10px 0;}

#corporate h4 {
padding: 15px 0 8px 0;
font-size: 14px;}

#corporate #contenu img {
float: right;
padding: 3px;}

.presentation h2 {
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titrePresentation.gif) no-repeat;}

.presentation h5 {
margin: 10px 0 5px 0;
font-size: 16px;
color: #fff;}

.localisation h2 {
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titreLocalisation.gif) no-repeat;}

.transport h2 {
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titreTransport.gif) no-repeat;}

.equipe h2 {
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titreEquipe.gif) no-repeat;}

.blocEquipe {
width: 236px;
margin: 0 10px 10px 0;
border: 1px #0390e8 solid;
float: left;}

.blocEquipe .nom {
padding: 0 5px 0 0;
text-align: right;
font-size: 13px;
color: #96d7ff;}

.blocEquipe .titre {
padding: 0 5px 3px 0;
text-align: right;
font-size: 11px;
color: #fff;}


.transport .imgtransport {
margin: 10px 5px 0 0;
display: block;
float: left !important;
border: 1px #37b2fc solid;}



.localisation img {float: right;}


#planAcces a {
border: 0;
margin: 20px 0 0 0;
display: block;
float: left;}


/****************************************** Actualités */

.actualites #contenu {
float: left;
width: 710px;
padding: 0 0 25px 0;}

.actualites h2 {
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titreActualites.gif) no-repeat;}

.actualites h2 span {
display: none;}

.actualites .blockActu {
margin: 0 0 10px 0;
width: 600px;
border-bottom: 1px #41a7e6 solid;}

.actualites .blockActu img {
float: right;
padding: 0 0 5px 5px;}

.actualites #contenu .blockActu h3 
{font-size: 14px;
padding: 0 0 5px 0;}

.actualites #contenu .blockActu .date 
{color: #c5c7c8;
font-size: 11px;
padding: 0 0 5px 0;}

.actualites #contenu .blockActu .suite
 {display: block;
 font-size: 11px;
 padding: 0 0 5px 0;}
 
 .actualites #contenu .blockActu img
 {margin: 0 0 5px 5px;}
 
 .actualites #contenu .retour
 {display: block;
 float: right;
 font-size: 11px;
 padding: 5px 0 5px 0;}

.actualites #contenu .zoneTxt 
{padding: 0 0 10px 0;}


/****************************************** Pages métiers*/
#metiers #contenu {
float: left;
text-align: justify;
width: 720px;
padding: 0 0 25px 40px;}

#metiers #contenu h1 {
margin: 40px 0 0 0;
display: block;
height: 38px;
width: 500px;}

#metiers #contenu .mecano {
background: url(../../images/titreMecano.jpg) no-repeat;}

#metiers #contenu .inox {
background: url(../../images/titreInox.jpg) no-repeat;}

#metiers #contenu .alu {
background: url(../../images/titreAlu.jpg) no-repeat;}

#metiers #contenu .acier {
background: url(../../images/titreAcier.jpg) no-repeat;}

#metiers #contenu .methode {
background: url(../../images/titreMethode.jpg) no-repeat;}


#metiers #contenu h1 span {display: none;}

#metiers #contenu .zoneTxt {
font-weight: bold;
display: block;
padding: 10px 0 0 15px;}

/****************************************** Contact*/
.contact #contenu {
float: left;
text-align: justify;
width: 710px;
padding: 0 0 25px 0;}

.contact h2 {
width: 650px;
padding: 0 0 10px 0;
display: block;
height: 19px;
width:115px;
background: url(../../images/titreContact.gif) no-repeat;}

.contact h2 span {
display: none;}

.contact fieldset {
    border: 1px #99BFD1 dotted;
    padding: 15px; margin: 10px 0 10px 0;}

.contact legend {font-weight: bold; padding: 0 10px 0 0; font-size: 14px; background-color: #0065a3;}

.contact .lineForm {width: 640px; float: left; padding-bottom: 6px;}

.contact .lineForm select {margin-bottom: 6px;}


.contact .lineForm label {
    display: block; text-align: right; 
    width: 220px; float: left; padding-right: 3px;}

.contact .uneLigne {width: auto; float: none;}
.contact .uneLigne textarea {width: 458px;}

.contact .lineNewsletter {padding-left: 138px;}
.contact .lineNewsletter label {width: auto; float: none; display: inline;}

.contact .lineSubmit {
width: 450px;
text-align: right;
padding: 10px 0 10px 0;}

.contact #blocSearchMail .lineForm {padding: 10px 0 0 0;}


.contact #blocSearchMail label {width: 100px; padding-bottom: 0;}
.contact #blocSearchMail .btn {margin-left: 5px;}

.contact .mentions {font-size: 11px;}

.contact .obligatoire {
padding: 0 0 0 220px;
font-size: 11px;}


/****************************************** Footer */
#footer {
float: right;
background: transparent url(../../images/filetFooter.jpg) no-repeat right bottom; 
width: 480px;
font-size: 11px;
color: #fff;
text-align: right;
padding: 15px 0 5px 0;}

#footer a {
text-decoration: none;}

#footer a:hover {
text-decoration: underline;}