@charset "utf-8";

/* generic */
body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #000; margin: 0; padding: 0; }
td {font-size: 10pt; }
p { font-size: 10pt; margin-bottom: 7px; margin-top: 0; }
a { color: #76defc; text-decoration: none; }
a:hover { text-decoration: underline; color: #fff; }
form { margin:0;}

/* header */
#header { width:760px; margin-left:auto; margin-right:auto; }
#header ul { margin: 0; padding-left: 0; height: 44px; line-height: 44px; display: block; list-style: none; background-color: #4d4d4d; background-image: url(../images/bg_topnav.gif); background-repeat: no-repeat; }
#header li { display: inline; background-color: #222;  float: right; }
#header li a { height: 44px; line-height: 44px; display: block; padding-left: 12px; padding-right: 12px; border-left: 1px solid #000;  float: left; }
#header li a:hover { background-color: #444; text-decoration: none; }
#header li#menu_bg2 {background-image: url(../images/bg_topnav2.gif); background-repeat: no-repeat; background-position: right; width :20px; background-color: #4d4d4d;}
#header .visual { height:130px; background-image: url(../images/bg_visual.jpg);  background-repeat: no-repeat; background-position: center; background-color: #4492C8;  border-top: 3px solid #000; }
h1 { margin: 0; padding: 40px 0 0 0; font-family: arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: #fff;  font-size: 20pt; }
#header h1 { height: 70px; background-image: url(../images/logo-gplexpert.png);  background-repeat: no-repeat; margin: 0px; padding: 0px; }
#header h1 span { display: none; }

/* content */
#content { width:760px; margin-left:auto; margin-right:auto; }
h2 { margin: 0; padding: 14px 0 7px 30px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: #fff; font-size: 15pt; }
#text { padding: 25px 40px 35px 40px; border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222; font-size: 14px; zoom:1; overflow: hidden; }
#text p { margin-bottom: 1em; font-size: 14px;}
#text h3 { margin: 0px; padding: 0px; margin-bottom: 12px; }
#content ul, #content ul { list-style-image: url(../images/bullet.png);}

/* footer */
#footer { width:760px; margin-top:27px; margin-left:auto; margin-right:auto;  border-top: 4px solid #ff006b;  text-align: right;  padding-top: 5px; }
#footer p { font-size: 11px; line-height: 14px; margin: 0;  color: #ddd; }
#footer a { font-size: 11px; font-weight: normal; text-decoration: none;  color: #fff;    }
#footer a:hover { color: #fff; text-decoration: underline; }

div#contact { padding: 10px; }
#contact p { font-size: 12px; }

/* form design */
#contact fieldset { width: 80%; margin: 0px auto; -moz-border-radius: 6px; font-size: 12px; }
#contact fieldset label { display: block; width: 11em; float: left; }
#contact fieldset legend {color: #09f; padding-bottom: 15px;}
#contact input {font-size:small;}
#contact .inputLimit {font-size:x-small;}
#contact textarea {font-size:small;}
#contact select {font-size:0.9em;}
#contact .smallInput {font-size: xx-small;}
#contact .frmActionButton {text-align: center; }

/* user messages */
.fieldError {background-color: #c00;}
.fieldMessage {color: #C00; font-size: x-small; font-weight: bold; padding-left: 1em;}
.error {color: #c00; border-color: #c00;}
.warning {color: #f93; border-color: #f93;}
.allok {color: #6c9; border-color: #6c9;}

#integration_design {background-image: url(../images/baie.jpg);  background-repeat: no-repeat; height: 187px; width: 125px; float: right; padding-left: 10px; }
#formation_design {background-image: url(../images/formation.jpg);  background-repeat: no-repeat;  height: 186px; width: 125px; float: right; padding-left: 10px; padding-bottom: 10px; }
#conseil_design {background-image: url(../images/etude.jpg);  background-repeat: no-repeat; height: 83px; width: 125px; float: left; padding-right: 10px; padding-bottom: 10px; }
#infogerance_design {background-image: url(../images/assistance.jpg);  background-repeat: no-repeat; height: 84px; width: 125px; float: right; margin-left: 10px; padding-bottom: 10px; }
#partenaires_design {background-image: url(../images/partenaire.jpg);  background-repeat: no-repeat; height: 88px; width: 125px; float: right; margin-left: 10px; padding-bottom: 10px; }
#developpement_design {background-image: url(../images/developpement.jpg);  background-repeat: no-repeat; height: 88px; width: 125px; float: right; margin-left: 10px; padding-bottom: 10px; }