body
/*{padding: 10px 5px;}*/

#global
{width: 900px; margin-left: auto; margin-right: auto; font-family: "Helvetica neue", Arial;font-size: 14px;}


/*-----GENERAL-----*/
p, ul/* propriétés des paragraphes*/
{color: black;
font-size: 14px;
text-align: left;
line-height: 20px;/*interlignes*/}

strong
{font-weight: bold;}

.gras
{font-weight: bold;font-size: 14px;}

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

sup
{font-size: 9px;}

p sup
{font-size: 9px;}

.italic
{font-style: italic;}

.petitp, ul .petitp, li .petitp
{font-size: 12px;
line-height: 16px;/*interlignes*/}

/* propriétés des liens, et dans l'ordre Link Hover Visited Active LOVE HATE*/
.petitlien/*liens pour en savoir plus ET mentions légales*/
{color: gray; font-size: 11px;}
.petitlien:hover/*quand le visiteur pointe sur le lien*/
{color: black;}
p .petitlien
{font-size: 11px;}

h1/*titre du site et de la page*/
{color: gray;/* couleur du texte*/
font-size: 30px;
font-weight: normal;}

h2/*Accroche de page*/
{/* couleur du texte - rgb(0,181,62) vert FG*/
font-size: 20px;/*taille du texte*/
font-style: italic;/*style : normal, italic*/
font-weight: normal;/*mise en gras : normal, bold, lighter*/
text-align: left;}

h3/*Sous-titre de page, après l'accroche*/
{font-size: 16px;
font-style: normal;
font-weight: lighter;}

.soustitre/*texte en gras*/
{font-size: 16px;
font-weight: bold;}
/*-----FIN GENERAL-----*/


/*-----EN TETE-----*/
.effinergieclic
{float: right; width: 240px; height: 50px; border-style: none; margin-right: 23px;margin-top: 5px;}

#entete
{background-image: url("images/bandeaumenu.jpg"); background-repeat: no-repeat; width: 900px; height: 163px; font-size : 14px;}

#entete h1
{padding-left: 150px;padding-top: 15px;}

/*-----MENU-----*/
.tableaumenu th
{height: 13px;
font-size: 12px;
text-align: left;}

.tableaumenu td
{font-size: 12px;
height: 12px;
padding-right: 50px;}

.menuaccueil
{padding-left: 30px;
padding-right: 60px;}

.menuprestations
{padding-right: 300px;}

.lienmenu/* propriétés des liens, et dans l'ordre Link Hover Visited Active LOVE HATE*/
{text-decoration: none;/*pour que les liens n'aient pas les propriétés par défaut*/color: black;}
.lienmenu:link/*liens menant aux pages non visitées*/
{color: black;}
.lienmenu:hover/*quand le visiteur pointe sur le lien*/
{color: gray;}
.pageencours, .menuaccueil, .menugris
{color: gray;}

/*-----CORPS-----*/
#corps
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding: 10px;}

/*-----MENTIONS LEGALES-----*/
#corpsmentionslegales
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding-top: 10px;padding-left: 50px;padding-bottom: 10px;}

/*-----LIENS ET ANNUAIRES-----*/
#corpsliensannuaires
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding-top: 10px;padding-left: 50px;padding-bottom: 10px;}

.liensannuaires, p .liensannuaires
{color: gray; font-size: 13px;}
.liensannuaires:hover
{color: black;}

.traitsdeverdure
{float:left;
margin-right: 5px;
margin-bottom: 10px;
width: 8%;}
.wwebdesign
{float:left;
margin-right: 5px;
margin-bottom: 10px;
width: 13%;}
.dessous/*pour stopper le flottant : que le texte continue en dessous de l'image*/
{clear: both;}

/*-----PAGE ACCUEIL (tableau 2 Col)-----*/
.tableauaccueil
{margin: auto;}

.tableauaccueil .colgauche, .tableauaccueil .coldroite 
{width: 350px;
vertical-align: text-top;
padding: 30px;
text-align: left;
/*border-style: dotted;*/}

/*-----PAGE ACCUEIL (tableau 2 Col) PETITES ANNONCES-----*/
.tableauaccueil .annonce
{vertical-align: text-top;
padding-right: 30px;
padding-left: 30px;
text-align: left;
/*border-style: dotted;*/}

.titreannonce
{color: rgb(153,102,51);}

.corpsannonce
{margin-right: 5px;
font-size: 12px;
text-align: left;
line-height: 12px;}

/*-----PAGE PETITE ANNONCE-----*/
#corpspetiteannonce
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding: 50px;}

.terrainVoujeaucourt2
{float: right; margin-left: 20px; margin-top: 50px;}

.maisonPontdeRoide
{float: right; margin-left: 20px; margin-top: 50px;}

.appartementValentigney
{float: right; margin-left: 20px; margin-top: 50px;}


/*-----PAGE LABELS-----*/
.tableaulabels
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.soustitrevert
{color: rgb(0,181,62);
font-size: 18px;/*taille du texte*/
font-style: normal;/*style : normal, italic*/
font-weight: lighter;/*mise en gras : normal, bold, lighter*/}

.coultitrevert, gras .coultitrevert
{color: rgb(0,181,62);}

.tableaulabels .colgauche
{width: 800px;
background-color: transparent;
padding-right: 20px;
/*border: 1px dotted gray;*/}

.tableaulabels .coldroite p
{border: 1px dotted gray;
background-color: white;
padding: 10px;}

.tableaulabels .coldroite
{vertical-align: top;}

.petitpsanspuce
{list-style-type: none;
font-size: 12px;
line-height: 16px;}

/*-----PAGE DEV DURABLE-----*/

.tableaudevdurable
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.tableaudevdurable .colgauche
{width: 550px;
background-color: transparent;
padding-right: 20px;
vertical-align: top;}

.tableaudevdurable .coldroite
{width: 250px;
vertical-align: bottom;}

.contactFGdev
{background-color: white;
border: 1px dotted gray;
padding: 10px; font-weight: lighter; color: rgb(0,181,62);}

/*-----PAGE VOTRE PROJET-----*/

.tableauvotreprojet
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.tableauvotreprojet .colgauche
{width: 550px;
background-color: transparent;
padding-right: 20px;
vertical-align: top;}

.tableauvotreprojet .coldroite
{width: 250px;
vertical-align: bottom;}

.contactFGdev
{background-color: white;
border: 1px dotted gray;
padding: 10px; font-weight: lighter; color: rgb(0,181,62);}

/*-----PAGE REFERENCES-----*/

.tableaureferences
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.tableaureferences .colgauche
{width: 700px;
background-color: transparent;
padding-right: 20px;
vertical-align: top;}

/* propriétés lien vers page labels*/
p .lienlabels
{color: gray; font-size: 14px;}
.lienlabels:hover/*quand le visiteur pointe sur le lien*/
{color: black;}

/*-----PAGE PARTICULIERS-----*/
.tableauparticuliers
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.coultitreparticulier, grasG .coultitreparticulier, .tableauparticuliers .coldroite, .contactFGpart
{color: rgb(255,153,0);}

.tableauparticuliers .colgauche
{width: 550px;
background-color: transparent;
padding-right: 20px;
vertical-align: top;}

.tableauparticuliers .coldroite
{width: 250px;
background-color: transparent;
font-size: 12px;
text-align: left;
vertical-align: top;}

.contactFGpart
{background-color: white;
border: 1px dotted gray;
padding: 10px; font-weight: lighter;}

.lieuxintervention
{background-color: white;
border: 1px dotted gray;
padding: 10px; color: rgb(255,153,0);}

.particuliersmontage
{float: right; margin-left: 0px; margin-top: 50px; vertical-align: bottom;}


/*.lieuxintervention strong
{font-weight: normal;}*/

p .petitlien
{font-weight: normal;}

/*-----PAGE PROFESSIONNELS-----*/

.coultitreprofessionnels, strong .coultitreprofessionnels, h3 .coultitreprofessionnels, .tableauprofessionnels .coldroite, .contactFGprof
{color: rgb(204,51,255);}

.tableauprofessionnels
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

.tableauprofessionnels .colgauche
{width: 550px;
background-color: transparent;
padding-right: 20px;
text-align: justify;
vertical-align: bottom;}

.tableauprofessionnels .coldroite
{width: 250px;
background-color: transparent;
font-size: 12px;
text-align: left;
vertical-align: bottom;}

.contactFGprof
{background-color: white;
border: 1px dotted gray;
padding: 10px; font-weight: lighter;}

p .petitlien
{font-weight: normal;}

#encartbibli
{background-image: url("images/violetprof.jpg"); 
background-repeat: repeat;
font-size: 12px;
line-height: 14px;
padding: 10px;
margin-top: 10px;
border: dotted 1px gray;}

.professionnelsmontage
{float: right; margin-left: 0px; vertical-align: bottom;}

.isoexterieure
{float: right; margin-left: 0px; vertical-align: bottom;}

/*-----PAGE BIBLI-----*/
#corpsbibli
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding: 50px;}

.Bibli-FGEtudes
{float: right; margin-left: 20px; margin-top: 50px;}

/*-----PAGE CONTACT-----*/

#corpscontactplan
{background-image: url("images/fondpage.jpg"); background-repeat: repeat; margin: auto; padding: 50px;}

.Entree-FGEtudes
{float: right;margin-bottom: 10px;padding-right: 65px;}

.mailto
{color: rgb(0,51,204);
font-size: 12px;}

.plan-contact, .plan-legende
{border: 1px gray dotted;}

.plan-legende
{position: relative; top: 10px;}

/*-----PAGE PRESENTATION-----*/
.FGEmiBru
{float: right; margin-top: 15px; margin-left: 20px;}

.tableaupresent
{width: 840px; margin-right: auto;margin-left: auto;margin-bottom: auto;margin-top: 30px;}

#encartdeontologie, .tableaupresent .coldroite, .tableaupresent .coldroite ul, #tableaupresent .coldroite li, .couleurpresent, .soustitrepresent
{color: rgb(0,51,204);}

#encartdeontologie
{border: 1px dotted gray;
background-color: white;
padding: 10px;}

#encartlocalFG
{background-image: url("images/bleupresent.jpg"); 
background-repeat: repeat;
font-size: 12px;
line-height: 14px;
padding: 10px;
margin-top: 10px;
border: dotted 1px gray;}

.tableaupresent .colgauche li 
{text-align: justify;}

.tableaupresent .colgauche
{width: 550px;
background-color: transparent;/*vertical-align: text-top;*/
padding-right: 40px;
text-align: justify;
vertical-align: top;
/*border: 1px dotted gray;*/}

.tableaupresent .colgauche p
{text-align: justify;}

.tableaupresent .coldroite
{width: 250px;
background-color: transparent;/*vertical-align: text-top;*/
font-size: 12px;
text-align: justify; 
vertical-align: top;}

.tableaupresent .coldroite ul, .tableaupresent .coldroite li
{line-height: 17px;}

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

/*-----MENTIONS LEGALES-----*/
#mentionlegale
{color: gray; font-family: Arial; text-align: center; font-size: 10px; width: 900px; height: 20px; margin-left: auto; margin-right: auto; padding-top: 4px;}

.Lieuxintervention
{text-indent: -50000px;}

/*-----ACTUALISATION-----*/
#actualisation
{color: black; font-family: Arial; text-align: left; font-size: 10px; width: 700px; height: 12px; margin-left: auto; margin-right: auto; padding-top: 0px;}


/*-----FORMULAIRE-----*/
/*input
{
font-family: "Helvetica neue", Arial;
color: gray;
font-size: 12px;
display: block;
}*/
label
{
font-family: "Helvetica neue", Arial;/* On modifie la police du texte tapé l'intérieur des champs */
font-size: 12px;
display: block;
width: 200px;
float: left;
padding-right: 5px;
text-align: right;
letter-spacing: 1px;
}