body {
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 95%; 
color: #000000;
background-color: #D8D8D8;
text-align: center;
}



hr {
width: 70%;
height: 1px;
text-align: center;
color: #D2D2D2;
}

/* liens */
a:link {
color: #000000; 
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #000000; 
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #BB0D40; 
font-weight: bold;
text-decoration: none;
}

a:active {
color: #BB0D40; 
font-weight: bold;
text-decoration: none;
}

/* fin liens */


/* titres */
h1 {  
font-size: 100%; 
font-weight: bold; 
color: #BB0D40;
margin-left: 20px;
margin-top: 12px;
margin-bottom: 3px;
border-bottom: 1px solid #BB0D40;
padding-bottom: 10px;
width: 590px;
}

h2 {  
font-size: 95%; 
font-weight: bold; 
color: #BB0D40;
text-align: left;
margin-bottom: 0px;
}

h3 {  
font-size: 95%; 
font-weight: bold; 
font-style: italic; 
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}

h4 {  
font-size: 95%; 
font-weight: bold; 
color: #000000;
text-align: left;
margin-bottom: 0px;
}

h5 {
font-size: 75%;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
}

h6 {
font-size: 75%;
margin-top: 0px;
margin-bottom: 10px;
text-align: right;
}

/* fin titres */


#general {
width: 770px;
border: 1px solid #000000;
background: url(../images/navigation/fond.gif);
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}


#partieprincipale {
width: 770px;
margin: 0px;
padding: 0px;
text-align: left;
}

/* bandeau haut */
#bandeauhaut {
background-color: #999999;
text-align: center;
margin: 0px;
padding: 0px;
z-index: 0;
}
/* fin bandeau haut */

/* barre de navigation */

#logo {
text-align: left;
position: relative;
margin-left: -480px;
margin-top: -45px;
}

#menu {
position: absolute;
width: 140px;
height: 20px;
z-index: 4;
margin-left: 224px;
margin-right: 0px;
margin-top: -37px;
color: #FFFFFF;
}

#menu2 {
position: absolute;
width: 140px;
height: 20px;
z-index: 5;
margin-left: 370px;
margin-right: 0px;
margin-top: -44px;
color: #FFFFFF;
}

#menu3 {
position: absolute;
width: 140px;
height: 20px;
z-index: 3;
margin-left: 12px;
margin-right: 0px;
margin-top: -62px;
color: #FFFFFF;
}

#menu4 {
position: absolute;
width: 140px;
height: 20px;
z-index: 3;
margin-left: 156px;
margin-right: 0px;
margin-top: -62px;
color: #FFFFFF;
}

#menu5 {
position: absolute;
width: 98px;
height: 20px;
z-index: 4;
margin-left: 120px;
margin-right: 0px;
margin-top: -42px;
color: #FFFFFF;
}

#menu6 {
position: absolute;
width: 140px;
height: 20px;
z-index: 6;
margin-left: 400px;
margin-right: 0px;
margin-top: -62px;
color: #FFFFFF;
}

#menu7 {
position: absolute;
width: 93px;
height: 20px;
z-index: 4;
margin-left: 302px;
margin-right: 0px;
margin-top: -62px;
color: #FFFFFF;
}

#menu dd, #menu2 dd, #menu3 dd, #menu4 dd, #menu5 dd, #menu6 dd, #menu7 dd  {
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10;
}

#menu ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10;
}

#menu li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu6 li, #menu7 li {
list-style-type: none;
margin: 0px;
padding: 0px;
z-index: 10;
}

#menu dl {
float: left;
width: 139px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu2 dl {
float: left;
width: 93px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu3 dl {
float: left;
width: 140px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu4 dl {
float: left;
width: 140px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu5 dl {
float: left;
width: 93px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu6 dl {
float: left;
width: 140px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu7 dl {
float: left;
width: 93px;
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a {
margin: 0px;
_height: 15px;
height: 25px;
display: block;
text-align: center;
font-weight: bold;
border: 1px solid #6A938E;
border-top: 0px solid #6A938E;
text-decoration: none;
color: #FFFFFF;
background-color: #6EA59E;
}

#menu a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover {
background-color: #C8DDDA;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {
display: none;
width: 100%;
font-size: 12px;
text-align: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a {
font-weight: bold;
border-top: 0px none;
text-align: left;
_padding: 5px;
padding: 6px;
color: #FFFFFF;
}
/* barre de navigation */


/* navigation droite */
#navigcomplement {
margin-top: 0px;
margin-left: 630px;
width: 125px;
padding-top: 0px;
padding-right: 7px;
font-size: 90%;
vertical-align: baseline;
}

#navigcomplement ul {
margin: 0px;
padding: 5px;
font-size: 85%;
color: #FFFFFF;
}

#navigcomplement li {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 7px;
padding-bottom: 3px;
text-align: left;
}

#usinage img {
margin-right: 5px;
}

#usinage {
background-color: #BB0D40;
}

#traitement img {
margin-right: 5px;
}

#traitement {
background-color: #616896;
}

#montage img {
margin-right: 5px;
}

#montage {
background-color: #69A29B;
}

.imgtitre {
margin-top: 15px;
font-size: 80%;
}

#navigcomplement a:link {
color: #FFFFFF; 
text-decoration: none;
font-weight: normal;
}

#navigcomplement a:visited {
color: #FFFFFF; 
text-decoration: none;
font-weight: normal;
}

#navigcomplement a:hover, a:active {
color: #D2D2D2; 
text-decoration: none;
font-weight: normal;
}
/* fin navigation droite */


/* bas de page */
#bas {
margin: 0px;
background-color: #BB0D40;
height: 20px;
color: #FFFFFF;
font-size: 75%;
padding-top: 3px;
}

#creation {
font-size: 70%;
color: #999999;
margin-top: 2px;
}

#creation a:link, a:visited {
color: #999999; 
font-weight: normal;
text-decoration: none;
}

#creation a:hover {
color: #BB0D40; 
font-weight: normal;
text-decoration: none;
}

#creation  a:active {
color: #BB0D40; 
font-weight: normal;
text-decoration: none;
}

/* fin bas de page */


/* centre de la page */
#contenu {
float: left;
width: 600px;
font-size: 85%;
padding-bottom: 10px;
margin: 10px;
text-align: left;
}

#contenu p {
margin-top: 5px;
}

#contenu a:link {
color: #999999; 
text-decoration: none;
font-weight: bold;
}

#contenu a:visited {
color: #999999; 
text-decoration: none;
font-weight: bold;
}

#contenu a:hover, a:active {
color: #BB0D40; 
text-decoration: none;
font-weight: bold;
}

#contenu ul {
margin-top: 5px;
margin-bottom: 15px;
}

#contenu li {
list-style-image: url(../images/navigation/fleche.gif);
list-style-type: disc;
margin-top: 5px;
margin-bottom: 5px;
}

.decalage li {
margin-left: 200px;
}

.texte {
text-align: justify;
margin-top: 0px;
}

.centrer {
text-align: center;
}


.important {  
font-size: 95%;
font-weight: bold; 
color: #BB0D40;
margin-bottom: 0px;
}

.spacer {
clear: both;
}

.couleur_menu {
color: #6EA59E;
font-weight: bold; 
}

.couleur_usinage {
color: #BB0D40;
font-weight: bold; 
}

.couleur_traitement {
color: #616896;
font-weight: bold; 
}

.couleur_montage {
color: #69A29B;
}

.gras {
font-weight: bold;
}

.datenews {
margin-left: 480px;
}

.emploi {
float: left;
font-size: 95%; 
font-weight: bold; 
color: #BB0D40;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
width: 480px;
}

.dateemploi {
margin-top: 10px;
margin-left: 510px;
font-size: 95%; 
font-weight: bold; 
color: #BB0D40;
}

.textemploi {
margin-top: 0px;
margin-bottom: 10px;
text-align: left;
}
/* fin centre */


/* images */
img {
border: none;
}

.image {
float: left;
margin-top: 3px;
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid #FFFFFF;
}

.imagebord {
float: left;
margin-top: 3px;
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid #000000;
}

.plan img {
border: 1px solid #000000;
}

.icones {
text-align: right;
margin-right: 10px;
}

p#imgcentre {
text-align: center;
margin-top: 20px;
}

#imgcentre span {
margin: 20px;
}

#imgcentre img {
border: 1px solid #000000;
}

p#imgcentresans {
text-align: center;
margin-top: 20px;
}

#imgcentresans span {
margin: 20px;
}

#imgcentresans img {
border: 1px solid #FFFFFF;
}

p#imgreduit {
text-align: center;
margin-top: 20px;
}

#imgreduit span {
margin: 2px;
}

#imgreduit img {
border: 1px solid #000000;
width: 32%;
border: 1px solid #FFFFFF;
}

#imgenfond {
background-image: url(../images/certification/mecabrive_certification.gif);
height: 450px;
background-repeat: no-repeat;
}
/* images */


/* tableau */
table {
border-collapse: collapse;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

th {
border: 1px solid #CFD2D9;
border-collapse: collapse;
background-color: #999999;
color: #FFFFFF;
text-align: center;
}

td {
border: 1px solid #CFD2D9;
border-collapse: collapse;
padding-left: 5px;
padding-right: 5px;
}

#cote {
border: 1px solid #FFFFFF;
}

.acote {
float: left;
}
/* fin tableau */


/* formulaire */
fieldset {
margin-bottom: 10px;
padding: 5px;
padding-bottom: 10px;
}

legend {
font-size: 95%;
font-weight: bold; 
color: #BB0D40;
padding: 10px;
}

label {
float: left;
width: 40%;
font-weight: bold;
text-align: right;
}

.saisie {
margin-left: 41%;
margin-bottom: 10px;
text-align: left;
}


.renseignements li {
list-style-type: none;
margin-left: 0px;
margin-right: 15px;
display: inline;
}
/* fin formulaire */


/* partie administration */
#admingeneral {
width: 770px;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

h4.admin  {
font-size: 90%;
margin-top: 2px;
}

h6.admin  {
margin-top: 2px;
margin-bottom: 10px;
margin-right: 10px;
}

#admincontenu {
font-size: 85%;
padding-bottom: 10px;
margin: 10px;
text-align: left;
}

#admincontenu li {
list-style-image: url(../images/navigation/fleche.gif);
list-style-type: disc;
margin-top: 5px;
margin-bottom: 10px;
}


#adminmenu {
background-color: #E2E2E2;
}

#adminmenu li {
font-size: 80%;
list-style-type: none; 
display:inline;
margin-right: 25px;
}
/* fin partie administration */


/* plan */
.vide {
background-color: #FFFFFF;
}

/* fin plan */