/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body#main {margin: 0; padding: 0; text-align:center;}
html {font-size: 11px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:14px;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#content {width:961px; margin: 0 auto 0 auto; padding:0px 5px 0px 5px; text-align:left;}

.header {position:relative; clear:both; width:961px; height:172px; background:#FFFFFF url(gx/vi_header.gif) bottom right no-repeat;}
	.lgExpair {position:relative; clear:both; height:103px; margin:0px 0px 0px 14px;}
			
#contenu {position:relative; clear:both; width:961px; min-height:572px; height:auto; margin:0px; padding:0px;}
*html #contenu {height:572px;}
			
#left {position:relative; float:left; width:440px;}
	.gradientLeft {position:relative; clear:both; width:402px; min-height:200px; margin:1px 0px 0px 1px; padding:15px 19px 114px 19px; background:url(gx/bg_gradientLeft.gif) left top repeat-x;}
	*html .gradientLeft {height:200px;}
		.gradientLeft img.imgContenu {display:block;}
	#adresse {position:relative; clear:both; width:406px; padding:0px 0px 20px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#095177;}
	#adresseContact {padding:0px 0px 20px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#095177;}
	#adresse a {color:#095177; text-decoration:underline;}
	
#right {position:relative; float:left; width:479px; margin:0px; padding:15px 20px 0px 20px;}

#allPage {position:relative; float:left; width:700px; margin:0px; padding:15px 20px 15px 20px;}
	
.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
/* dans div header */
.menuTop {position:relative; clear:both; width:961px; height:30px; font-size:11px; text-align:right; padding:5px 0px 0px 0px;}
	.menuTop a {float:right; color:#095177; margin:0px; padding:0px 10px 0px 10px; text-decoration:none;}
	.menuTop a:hover,a.actif {color:#00a6ff;}

/* dans div header */
.menuSection {position:relative; clear:both; width:961px; height:34px; text-align:right;}
	.menuSection ul {margin:0px; padding:0px;}
		.menuSection ul li {float:right; height:33px; margin:0px 1px 0px 0px; padding:0px; list-style-type:none;}

.menu{width:961px; height:57px; margin:0px; padding:0; background:url(gx/bg_menu.gif) top left repeat-x;}
	.menu ul{margin:0px 0px 0px 1px; padding:0;}
		.menu ul li{height:57px; float:left; padding:0; margin:0; display:inline; list-style-type:none;}

/* PAGE ACCUEIL - RÉSIDENTIEL
--------------------------------------------------------------------------------------- */
.intro {position:relative; cleat:both; width:442px; height:auto; margin:0px 0px 30px 0px; padding:22px 15px 10px 15px; background:#cfe168;}
		
/* PAGE REALISATION (RÉSIDENTIEL & COMMERCIAL)
--------------------------------------------------------------------------------------- */
.item {position:relative; clear:both; width:472px; min-height:100px; height:auto; margin:0px 0px 15px 0px;}
	.item .hsep {position:relative; clear:both; border-top:1px solid #eaeff1; width:462px; height:1px;}


/* PAGE COMMERCIAL MARQUES DESSERVIES
--------------------------------------------------------------------------------------- */
.colMarque {float:left; width:220px;}
	
	
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#map {float:left; width:400px; height:400px; margin-bottom:20px;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited {color:#095177; text-decoration:none;}
a:hover {text-decoration:underline;}
a.actif {font-weight:bold; text-decoration:none;}

h1 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#1b5498; margin:0px; padding:0px 28px 23px 0px;}

h2 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1b5498; margin:0px; padding:0px 0px 0px 0px;}
h2.tiRea {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#1b5498; margin:0px; padding:6px 0px 0px 0px;}
	h2 a {color:#1b5498; text-decoration:none;}
	h2 a:hover {color:#1b5498; text-decoration:underline;}

p {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#529dc5; line-height:17px; margin:0px; padding:0px 0px 23px 0px; text-align:justify;}
	p a {color:#529dc5; text-decoration:none;}}
p.image {float:left;}

p.txtDescRea {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#529dc5; line-height:17px; margin:0px; padding:20px 0px 15px 0px;}
	p.txtDescRea a {color:#1b5498;}

p.txtBlanc {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:17px; margin:0px; padding:0px;}
	.tiBlanc {font-size:18px; color:#FFFFFF; font-weight:bold; margin:0px; padding:0px 0px 13px 0px;}

p.tiRAcc {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#4f9ac2; font-weight:bold; line-height:17px; margin:0px; padding:0px;}
p.txtDescRAcc {width:350px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#626262; line-height:17px; margin:0px 0px 10px 0px; padding:0px;}
	p.txtDescRAcc a {color:#018cd6; text-decoration:underline;}

p.textePetit {font-size:10px;}

sup{position:relative; bottom:0.3em; vertical-align:baseline; float:right;}
ul li {color:#529dc5; font-size:14px; line-height:150%; list-style:square; margin:0px 0px 0px 34px; padding:0px;}
	ul li a {color:#529dc5;}
ol li {color:#1F1F1F; font-size:14px; line-height:150%; margin-left:16px;}

.boitePagination {padding:50px 0px 10px 0;}

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{font-family:Verdana, Arial, Helvetica, sans-serif; width:961px; color:#555; font-size:10px; height:30px; margin: 0 auto 25px auto; padding:0px 5px 0px 5px; text-align:left}
#piedPage a{color:#FFFFFF; text-decoration:none;}
#piedPage a:hover{color:#FFFFFF;}
#piedPage #link a {color:#FFFFFF; height:11px; text-decoration:none;}
#piedPage #copyrights{float:left; color:#FFFFFF; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#FFFFFF;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #FFFFFF;}

/* Partager cette page (bookmarker) */
#socialBookmarker {DISPLAY:NONE;float:right;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {border:0px solid #000; font-size: 11px; margin-bottom:0px; padding:0px 0px 0px 0px;}
fieldset legend {border:0px solid #999; color:#4f9ac2; font-size:14px; font-weight:bold; padding:0px 0px 10px 0px;}
fieldset label {font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label {float:left;width:125px;}
#formulaireQuestion .champTexte {float:left;width:300px;}
#formulaireQuestion .listeDeroulante {float:left;width:300px;}
#formulaireQuestion .boiteTexte {float:left;height:70px;width:330px;}

.champTexte{background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A;	font-size: 11px; margin:2px 0 2px 0;}
.listeDeroulante{background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0;}
.boiteTexte{background: #EEF3F7; border: 1px solid #C9D0D6;	color: #4E677A;	font-family: "Trebuchet MS"; font-size: 11px; margin:2px 0 2px 0;}
.bouton {background-color: #EEF3F7; color: #498ECB; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold;}
.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000; margin:0px;}

/* PROMOTIONS
--------------------------------------------------------------------------------------- */
.photoMortaise{float:left; padding:0 10px 10px 0; clear:left;}
.lienPDF{background: url(Gx/icone_pdf.gif) no-repeat left;padding:5px 0 5px 20px;}
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:125px;float:left;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartageFacebook{width:155px;float:left;}