body {
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
color : #333;
line-height : 150%;
font-size : 80%;
margin : 0;
padding : 0;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, ol, dt, dl, dd, li, p, a {
margin : 0;
padding : 0;
}
h1 {
font-size : 130%;
color : #5c5c5c;
font-variant : small-caps;
}
h2 {
font-size : 130%;
font-variant : small-caps;
}
h3 {
font-size : 110%;
color : #3a5799;
}
#titreh {
color : #2e2e2e;
font-weight : bold;
}
h5 {
color : #3a5799;
}
ul, ol {
list-style : none;
}
img {
border : none;
}
FORM {
margin : 0;
text-decoration : none;
}
select {
padding : 1px;
margin : 1px;
color : #000000;
background-color : #efefef;
}
input {
padding : 1px;
margin : 1px;
color : #000000;
background-color : #efefef;
}
input.img {
padding : 1px;
margin : 1px;
background-color : #ffffff;
}
TEXTAREA {
background-color : #efefef;
border-bottom : 1px outset #000000;
border-left : 1px outset #000000;
border-right : 1px outset #000000;
border-top : 1px outset #000000;
color : #000000;
}
a {
text-decoration : none;
color : #3a5799;
}
a:hover {
text-decoration : underline;
color : #3a5799;
}
#menuHaut {
background : #efefef url(/img/haut-mecatronics.jpg) repeat-x 0% 0%;
height : 40px;
text-align : center;
}
#menuHaut ul {
width : 900px;
margin : 0 auto;
}
#menuHaut ul li {
color : #b0b0b0;
font : 13px/37px Arial, Helvetica, sans-serif;
}
#menuHaut ul li a {
padding : 0 8px;
text-decoration : none;
display : block;
color : #b0b0b0;
}
#menuHaut ul li a:hover {
background : url(/img/flecheHaut.gif) no-repeat center bottom;
color : #ffffff;
}
#menuHaut ul li a.actif {
padding : 0 8px;
text-decoration : none;
display : block;
background : url(/img/flecheHaut.gif) no-repeat center bottom;
color : #ffac17;
}
#Bouton {
text-align : center;
}
#Bouton a {
padding : 0 8px;
text-decoration : none;
display : block;
color : #b0b0b0;
font : 13px/37px Arial, Helvetica, sans-serif;
}
#Bouton a:hover {
background : url(/img/flecheHaut.gif) no-repeat center bottom;
color : #ffffff;
}
#Bouton a.actif {
padding : 0 8px;
text-decoration : none;
display : block;
background : url(/img/flecheHaut.gif) no-repeat center bottom;
color : #ffac17;
}
#header {
height : 130px;
text-align : left;
background : #fff url("/img/headerbg.jpg") repeat-x;
}
#page {
margin : 0 auto;
background : url("/img/pagebg.jpg") repeat;
}
#pageBas {
width : 464px;
height : 78px;
margin : 0 auto;
background : url("/img/logo.jpg") no-repeat;
}
#blog {
margin-left : 215px;
margin-right : 385px;
padding-top : 15px;
padding-bottom : 15px;
}
#blog ul {
padding-left : 40px;
padding-top : 25px;
list-style-image : url("/img/checkmark.jpg");
}
#blog ul li {
line-height : 1.8em;
}
#charte {
float : right;
width : 335px;
margin-top : 15px;
margin-right : 25px;
margin-bottom : 15px;
padding-left : 10px;
border-left : 1px solid #efefef;
}
#charte ul {
padding-left : 40px;
padding-top : 25px;
list-style-image : url("/img/checkmark.jpg");
}
#charte ul li {
line-height : 1.8em;
}
#charte form {
margin-top : 30px;
}
#charte fieldset {
width : 65%;
margin : 0 auto;
border : 1px solid #b0b0b0;
background : #efefef;
}
#charte p {
text-align : center;
}
#ppage {
margin-left : 165px;
margin-right : 40px;
padding-top : 4px;
padding-bottom : 0;
}
#ppage ul {
padding-left : 40px;
padding-top : 25px;
list-style-image : url("/img/checkmark.jpg");
}
#ppage ul li {
line-height : 1.8em;
}
#ptexte {
margin-left : 0;
margin-right : 10px;
padding-top : 4px;
padding-bottom : 0;
}
#ptexte ul {
color : #3a5799;
padding-left : 30px;
padding-top : 5px;
list-style-image : url("/img/checkmark.jpg");
}
#ptexte ul li {
color : #333;
line-height : 1.8em;
}
#footer {
clear : both;
margin : 0 auto;
background : url(/img/bas-mecatronics.jpg) repeat-x 0% 0%;
color : #b0b0b0;
padding-top : 5px;
height : 32px;
text-align : center;
border-top : 1px solid #000;
}
#footer a {
text-decoration : none;
color : #b0b0b0;
}
#footer a:hover {
text-decoration : none;
color : white;
}
#listeFAQ {
margin : 1em 0;
}
#listeFAQ A:link {
font-size : 1em;
color : #3a5799;
text-decoration : none;
}
#listeFAQ A:active {
font-size : 1em;
color : #3a5799;
text-decoration : none;
}
#listeFAQ A:visited {
font-size : 1em;
color : #3a5799;
text-decoration : none;
}
#listeFAQ A:hover {
font-size : 1em;
color : #3a5799;
text-decoration : underline;
}
#listeFAQ H2 {
color : #3a5799;
}
#listeFAQ DT {
font-weight : bold;
margin : 0.5em 0;
}
#listeFAQ DD {
margin : 1em;
text-decoration : none;
font-weight : lighter;
text-align : justify;
}
#text2 {
margin : 1em 0;
}
.calendar {
background-color : #f7f6f3;
position : absolute;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #000000;
}
#pmap ul {
color : #000000;
font-weight : bold;
padding-left : 40px;
padding-top : 2px;
}
#pmap li {
font-weight : lighter;
color : #3a5799;
padding-left : 30px;
padding-top : 2px;
}
blockquote {
margin : 15px;
padding : 0 0 0 16px;
background : #efefef;
border : 0 solid #f2f2f2;
border-left : 1px solid #3a5799;
font : italic 1em/1.5em Arial;
}
.prounded-box {
margin-bottom : 12px;
}
.prounded-box .zone-middle {
background-color : #ffffff;
width : 160px;
}
.prounded-box .zone-middle .zone-content {
padding : 0 18px 3px;
background-image : url(/img/box-bg.gif);
background-repeat : repeat-x;
background-position : bottom;
border-width : 0 1px;
border-color : #c64e0d;
border-style : solid;
}
.prounded-box .zone-top {
margin : 0;
padding : 0;
height : 12px;
}
.prounded-box .zone-bottom {
margin : 0;
padding : 0;
height : 10px;
width : 160px;
background-image : url(/img/2btnp-footer.gif);
background-repeat : no-repeat;
}
.mrounded-box {
margin-bottom : 12px;
}
.mrounded-box .zone-middle {
background-color : #ffffff;
width : 160px;
}
.mrounded-box .zone-middle .zone-content {
padding : 0 18px 3px;
background-image : url(/img/box-bg.gif);
background-repeat : repeat-x;
background-position : bottom;
border-width : 0 1px;
border-color : #942c39;
border-style : solid;
}
.mrounded-box .zone-top {
margin : 0;
padding : 0;
height : 12px;
}
.mrounded-box .zone-bottom {
margin : 0;
padding : 0;
height : 10px;
width : 160px;
background-image : url(/img/2btnm-footer.gif);
background-repeat : no-repeat;
}
.erounded-box {
margin-bottom : 12px;
}
.erounded-box .zone-middle {
background-color : #ffffff;
width : 160px;
}
.erounded-box .zone-middle .zone-content {
padding : 0 18px 3px;
background-image : url(/img/box-bg.gif);
background-repeat : repeat-x;
background-position : bottom;
border-width : 0 1px;
border-color : #3f8325;
border-style : solid;
}
.erounded-box .zone-top {
margin : 0;
padding : 0;
height : 12px;
}
.erounded-box .zone-bottom {
margin : 0;
padding : 0;
height : 10px;
width : 160px;
background-image : url(/img/2btne-footer.gif);
background-repeat : no-repeat;
}
.bottom_footer {
width : 900px;
color : #909090;
font-size : 11px;
}
.bottom_footer h4 {
color : #3a5799;
}
.bottom_footer .div {
width : 25%;
float : left;
}
.bottom_footer ul {
list-style-image : url('/img/puce_gray.png');
margin-left : 35px;
font-size : 10px;
}
.bottom_footer li {
margin : 3px 0 3px 0;
}
.bottom_footer a {
text-decoration : none;
display : block;
}
.bottom_footer .footer_colonne {
float : left;
width : 227px;
}