body { margin: 0; padding: 0; font-family:  Arial, Verdana, "Trebuchet MS" ,sans-serif; font-size: 12px; color: white; background-image: url( '../images/fond.jpg' ); }
a:link { color: #FFFFFF; text-decoration: underline; text-align: right; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: none; }
a img { border: 0 none; }
.telephone { font-size: 26px; }
hr { height: 1px; margin: 0px; padding: 0; color: #FFFFFF; background-color: #396E8F; border: 0; width: 230px; text-align: left; }


.lignehaut { vertical-align: top; }
.lignebas { vertical-align: bottom; }

.conteneur { /*le conteneur global du site, qui sera centré */ position: relative; width: 900px; margin: 0 auto; background-color: #396E8F; margin-top: 5px; }
.header { background-image: url( '../images/fond-header.gif' ); }
.contenuhaut { }
.gauche { float: left; width: 230px; height: 470px; padding: 10px 10px 0px 10px; background-image: url( '../images/fond-technopole-la-reunion.jpg' ); background-repeat: no-repeat; }
.gauche img { padding: 0px 0px 10px 0px; }

.droite { float: left; width: 640px; padding: 20px 0px 0px 0px; }
.prestations { color: #000000; padding: 8px 25px 8px 25px; min-height: 400px; margin-left: 2px; margin-bottom: 10px; margin-right: 30px; text-align: justify; background-color: #C0CFDE; }
.prestations p { margin: 0px 0px 8px 0px; }

.contact { color: #ffffff; padding: 0px; margin-left: 80px; margin-bottom: 10px; margin-right: 30px; text-align: justify; min-height: 450px; background-image: url( '../images/contact-fond.gif' ); background-position: top right; background-repeat: no-repeat; }

.contact p { margin: 0px 0px 10px 8px; }
.rdv p { margin: 0px 0px 10px 8px; }

.rdv { color: #ffffff; padding: 0px; margin-left: 80px; margin-bottom: 10px; margin-top: 60px; margin-right: 30px; text-align: justify; min-height: 450px; }
.texte { width: 300px; }
.contenubas { height: 146px; }
#footer { text-align: left; clear: both; padding: 0px 10px 10px 10px; }
.menu2 { margin: 0px; padding: 5px; text-align: center; }

.menu2 li { margin-bottom: 20px; margin-left: 10px; padding-right: 10px; padding-left: 10px; display: inline; background: url(../images/picto-menu.gif) no-repeat left bottom; }
.menu2 ul { margin-bottom: 20px; margin-left: 15px; padding-right: 15px; display: inline; }
#menu { text-align: right; list-style: none; margin: 0; padding: 0; margin-bottom: 20px; margin-right: 30px; }
#menu li { margin-bottom: 20px; padding-left: 0px; display: inline; }
#menu li a { color: #396E8F; font: 14px Helvetica, Verdana, Arial, "Trebuchet MS" ,sans-serif; text-align: right; text-decoration: none; padding: 7px 16px; background-color: #FFFFFF; border: 1px white solid; }

#menu li a:active { text-decoration: none; color: #FFFFFF; background-color: #396E8F; }
#menu li a:focus { text-decoration: none; color: #FF8A00; }
#menu li a:hover { text-decoration: none; color: #FFFFFF; background-color: #396E8F; border: 1px white solid; }





#menu1 { margin-top: 80px; padding: 5px 80px 5px 80px; list-style-type: none; }

#menu1 li { margin: 30px 0px 30px 0px; padding: 0px; text-decoration: none;  }
#menu1 li a { color: #FFFFFF; font: 18px Helvetica, Verdana, Arial, "Trebuchet MS" ,sans-serif; text-align: right; text-decoration: none; background: url(../images/picto-prestation.gif) no-repeat left bottom; padding-left: 25px; margin: 0px; }
#menu1 li a:hover { text-decoration: underline; color: #FFFFFF; }
input[type=text], input[type="password"] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; margin-bottom: 2px; }
input[type=submit], input[type=button] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.bouton, .suivant, .precedent { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.radioBouton label { width: auto; }
label { display: inline-block; width: 60px; }
textarea, select { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Arial, sans-serif; }
.alerte { display: block; margin-top: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #A6B126; }
.erreur { display: block; margin-top: 5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }