* {
position: relative;
margin: 0px;
padding: 0px;
border: 0px;
background-color: transparent;
font-family : Arial, Tahoma, "Lucida Sans", sans-serif;
color : #000000;
font-size: 16px;
line-height: 20px;
font-weight: normal;
font-style: normal;
text-decoration: none;
list-style-type: none;
}

body {
}



/******     PARTIES SIMULANT LES FRAMES     ******/

#conteneur {
width: 100%;
height: 100%;
}

#haut {
height: 100px;
background-color: #adadbb;	/* #8c8c9c	#9d9daa*/
}

#gauche {
position: absolute;
width: 100px;
background-color: #adadbb;	/* #8c8c9c	#9d9daa*/
}

#frame {
overflow: auto;
width: auto;
margin-left: 100px;
padding-left: 75px;
padding-right: 75px;
background-color: #eaeaff;	/* #e2e2f2 */
}

#bas {
overflow: hidden;
height: 30px;
margin-left: 100px;
background-color: #999999;
}



/******     CONSTRUCTION DU MENU     ******/

#divmenu {
z-index: 50;
position: absolute;
top: 50px;
}

a.menu {
float: left;
display: block;
width: 100px;
height: 55px;
font-family : "Arial Narrow", Arial, Tahoma, sans-serif;
font-size: 16px;
line-height: 55pt;
font-weight: bold;
color: #000000;
text-align: center;
}

a.menu:hover {color : #ffffff;}

.sousmenuposition {
position: absolute;
left: -10px;
top: 55px;
}

a.sousmenu  {
display: block;
width: 120px;
height: 20px;
border: 2px outset #aaaaaa;
background-color: #d8d8ff;	/* #e1e1ff */
font-family : "Arial Narrow", Arial, Tahoma, sans-serif;
font-size: 15px;
line-height: 18px;
color: #000000;
text-align: center;
}

a.sousmenu:hover {border: 2px inset #999999; background-color: #8c8caa; color: #ffffff;}



/******     EFFET DES SOUS-MENUS DEROULANT     ******/

ul.sousmenu {display:none;}
li.menu:hover ul.sousmenu {display:block;}



/******     ELEMENTS SUR LA PAGE PRINCIPALE     ******/

#divtitrecache {
display: none;
}

#divtitre {
position: absolute;
width: 600px;
height: 50px;
background: url(images/gmbtitre.gif) 93px 0% no-repeat;
}

#divlogo {
position: absolute;
left: 8px;
top: 5px;
width: 50px;
height: 50px;
background: url(images/gmblogo.gif);
}

#divrdv {
top: 75px;
width: 100px;
}

a.rdv {
font-family : "Trebuchet MS", Arial, sans-serif;
font-size : 15px;
font-weight: bold;
color : #000000;
}

a.rdv:hover {color: #ffffff;}

#divplandusite {
top: 200px;
width: 100px;
}

#divexpert {
position: absolute;
right: 75px;
top: 5px;
}

p#expert {
font-family : "Arial Narrow", Arial, Tahoma, sans-serif;
font-size: 15px;
font-weight: bold;
color: #0000cc;
}

p.citation {
font-size: 11px;
line-height: 15px;
color: #ffffff;
text-align: center;
}

#citation {
margin-right: 340px;
cursor: default;
}

#compteur {
margin-right: 340px;
cursor:default;
}

#citation2 {display: none;}
div#citation:hover div#citation1 {display: none;}
div#citation:hover div#citation2 {display: block;}
#compteur2 {display: none;}
div#compteur:hover div#compteur1 {display: none;}
div#compteur:hover div#compteur2 {display: block;}

#divlog {
position: absolute;
left: 5px;
bottom: 5px;
border: 1px solid #000000;
}

a#log  {
display: block;
width: 5px;
height: 5px;
cursor: default;
}



/******      STYLES SPECIFIQUES DE CERTAINES PAGES     ******/

#divbienvenue{
left: 500px;
top: 15px;
width: 200px;
}

a#bienvenue {
font-family : Garamond, Tahoma, Arial black, sans-serif;
font-size : 45px;
font-weight: bold;
color : #554466;
}

#noteposition {
position: absolute;
bottom: 10px;
width: 100%;
}

#note {
width: 605;
margin-left: auto;
margin-right: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #554466;
line-height: 14px;
text-align: left;
}

#divlogform {
width: 300px;
margin-left: auto;
margin-right: auto;
}

input.login {
width: 300px;
border: 1px solid #000000;
background-color: #ffffff;
}

input#soumettre {
width: 150px;
border: 3px ridge #000000;
background-color: #ffffff;
cursor: pointer;
}

a.imgcentre {
display: block;
width: 350px;
height: 250px;
margin-left: auto;
margin-right: auto;
background-image: url(accueil/centre.jpg);
background-repeat: no-repeat;
}

a#imgsplit:hover {
width: 700px;
background-position: 175px 0px;
}

img.splitgauche {
position: absolute;
left: 0px;
}

img.splitdroite {
position: absolute;
right: 0px;
}

.divcolonnedroite {
position: absolute;
right: 0px;
}

p.source {
font-size: 12px;
text-align: right;
}

p.titre {
font-size: 20px;
line-height: 40px;
text-align: center;
}

p.auteur {
margin-bottom: 5px;
font-size: 12px;
line-height: 12px;
text-align: left;
}

p.copyright {
font-size: 8px;
line-height: 8px;
text-align: right;
}

p.photo {
font-size: 12px;
line-height: 12px;
text-align: center;
}

.divplanlien {
margin-bottom: 10px;
padding-left: 30px;
}

a.planlien {
font-size : 16px;
font-weight: bold;
}

#jf {
float: right;
width: 150px;
height: 200px;
margin-left: 25px;
margin-bottom: 25px;
background: url(personnel/jf.jpg);
}

#jf:hover {background-position: 0% -200px;}

#doom {
float: right;
width: 150px;
height: 200px;
margin-left: 25px;
margin-bottom: 25px;
background: url(personnel/doom.jpg);
}

#doom:hover {background-position: 0% -200px;}

ul.servicesliste {
margin-top: 10px;
}

li.servicesliste {
margin-left: 100px;
font-size : 15px;
line-height: 20px;
color : #000000;
list-style-type: circle;
}

li.serviceslisteh {
float: left;
margin-left: 40px;
font-size : 15px;
line-height: 20px;
color : #000000;
list-style-type: circle;
}

#divservicessmart {
position: absolute;
right: 75px;
bottom: 0px;
width: 200px;
}

#divcontactgauche {
position: absolute;
width: auto;
}

#divcontactdroit {
position: absolute;
right: 25px;
}



/******      STYLES SPECIFIQUES DE LA PAGE D'AFFICHAGE OUTILS     ******/

#outiltable {
border: 4px ridge #444488;
font-size: 16px;
}

#outiltitre1 {
position: absolute;
width: 185px;
height: 40px;
border-right: 1px dotted #999999;
line-height: 40px;
text-align:center;
}

#outiltitre2 {
height: 40px;
margin-left: 160px;
margin-right: 250px;
border-right: 1px dotted #999999;
line-height: 40px;
text-align:center;
}

#outiltitre3 {
position: absolute;
right: 175px;
width: 75px;
height: 40px;
border-right: 1px dotted #999999;
font-size: 14px;
line-height: 40px;
text-align: center;
}

#outiltitre4 {
position: absolute;
right: 100px;
width: 75px;
height: 40px;
border-right: 1px dotted #999999;
font-size: 14px;
line-height: 40px;
text-align: center;
}

#outiltitre5 {
position: absolute;
right: 0;
width: 100px;
height: 40px;
line-height: 40px;
text-align:center;
}

.outil1 {
overflow: hidden;
position: absolute;
width: 175px;
height: 100px;
padding-left: 5px;
padding-right: 5px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
line-height: 90px;
}

.outil2 {
overflow: auto;
height: 100px;
margin-left: 185px;
margin-right: 250px;
padding-left: 10px;
padding-right: 10px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
}

.outil3 {
position: absolute;
right: 175px;
width: 75px;
height: 100px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
line-height: 90px;
text-align: center;
}

.outil4 {
position: absolute;
right: 100px;
width: 80px;
height: 100px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
line-height: 90px;
text-align: center;
}

.outil5 {
position: absolute;
right: 0;
width: 100px;
height: 100px;
border-top: 5px groove #999999;
}

.outil0 {
height: 40px;
border-top: 5px groove #999999;
line-height: 40px;
text-align: center;
}

input#recherchebrut {
width: 250px;
}

select#recherchetype {
width: 110px;
}

select#recherchelieu {
width: 145px;
}

input#ok {
width: 50px;
border: 3px ridge #000000;
cursor: pointer;
}

input#ajouter {
width: 350px;
border: 3px ridge #000000;
cursor: pointer;
}

a#listecontact {
font-size : 20px;
}



/******      STYLES SPECIFIQUES DE LA PAGE D'AFFICHAGE DE PIECES     ******/

#outiltitre34 {
position: absolute;
right: 100px;
width: 150px;
height: 40px;
border-right: 1px dotted #999999;
line-height: 40px;
text-align: center;
}

.outil11 {
overflow: hidden;
position: absolute;
width: 175px;
height: 75px;
padding-left: 5px;
padding-right: 5px;
padding-top: 25px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
line-height: 25px;
}

.outil34 {
position: absolute;
right: 100px;
width: 150px;
height: 75px;
padding-top: 25px;
border-top: 5px groove #999999;
border-right: 1px dotted #999999;
line-height: 25px;
text-align: center;
}

input#recherchebrutpiece {
width: 353px;
}

select#recherchegroupe {
width: 135px;
}

select#recherchecondition {
width: 140px;
}



/******      STYLES SPECIFIQUES DE LA PAGE ADMINISTRATEUR OUTILS ET PHOTOS   ******/

.adminoutil {
height: 110px;
padding-top: 5px;
border-bottom: 2px dotted #999999;
font-size: 16px;
}

.adminoutil1 {
position: absolute;
width: 175px;
}

.adminoutil2 {
margin-left: 175px;
margin-right: 235px;
padding-top: 3px;
padding-left: 3px;
}

.adminoutil3 {
position: absolute;
right: 30px;
width: 200px;
line-height: 34px;
}

.adminoutil4 {
position: absolute;
right: 0px;
width: 30px;
padding-top: 2px;
}

input.nom {
width: 165px;
}

select.type {
width: 125px;
}

select.photo {
width: 45px;
}

input.prix {
width: 82px;
}

input.image {
height: 25px;
width: 25px;
border: 2px ridge #000000;
}

.adminphoto1 {
position: absolute;
width: 250px;
padding-top: 50px;
}

.adminphoto2 {
height: 100px;
margin-left: 250px;
margin-right: 250px;
padding-top: 50px;
}

.adminphotoimpair {
float: left;
height: 100px;
width: 100px;
}

.adminphotopair {
float: right;
height: 100px;
width: 100px;
margin-right: 10px;
}

.adminphoto3 {
position: absolute;
right: 0px;
width: 250px;
padding-top: 50px;
}

input.fichierphoto {
width: 225px;
}

input.continuer {
width: 100px;
border: 3px ridge #000000;
cursor: pointer;
}



/******      STYLES SPECIFIQUES DE LA PAGE ADMINISTRATEUR PIECES     ******/

.adminpiece {
height: 135px;
padding-top: 8px;
border-bottom: 2px dotted #999999;
font-size: 16px;
}

.adminpiece1 {
position: absolute;
width: 175px;
}

.adminpiece2 {
margin-left: 175px;
margin-right: 235px;
padding-top: 3px;
padding-left: 3px;
}

.adminpiece3 {
position: absolute;
right: 30px;
width: 200px;
padding-top: 12px;
line-height: 34px;
}

.adminpiece4 {
position: absolute;
right: 0px;
width: 30px;
padding-top: 15px;
}

.divmarque {
width: 125px;
}

.divmodele {
position: absolute;
right: 0px;
}

select.groupe {
width: 111px;
}

select.condition {
width: 118px;
}

select.marque {
width: 125px;
}

input.modele {
width: 135px;
}

input.annee {
width: 38px;
}



/******      STYLES GENERALS DES PAGES     ******/

img.imgdroite {
float: right;
margin-left: 25px;
margin-bottom: 25px;
}

img.imggauche {
float: left;
margin-right: 25px;
margin-bottom: 25px;
}

a.redirection {
font-size : 22px;
margin-left: 200px;
}

h2 {
font-family : "Arial Narrow", Arial, Tahoma, sans-serif;
font-size : 27px;
line-height: 70px;
font-weight: bold;
text-align: center;
}

h3 {
font-size : 20px;
}

p {
text-align: justify;
}

p.centrer {
text-align: center;
}

a {color: #0000ff}

a:hover {color : #8e228e;}

select {
border: 1px solid #000000;
background-color: #ffffff;
text-align: center;
}

input {
border: 1px solid #000000;
background-color: #ffffff;
}

textarea {
border: 1px solid #000000;
background-color: #ffffff;
}