/* 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{
	background: #FFF url(gx/bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder seulement 3 fontes */
	font-family: Arial, Verdana, "Trebuchet MS";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* TITRES
--------------------------------------------------------------------------------------- */
h1{
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	float: left;
	display: block;
	position: relative;
	z-index: 999;
}
h1.accueil{
	background: url(Gx/00/h1_bg.png) no-repeat left top;
	width: 450px;
	height: 228px;
	margin: 333px 0 0 40px;_margin-left: 20px;
}
h1.agence{
	background: url(Gx/01/h1_bg.png) no-repeat left top;
	width: 435px;
	height: 58px;
	margin: 358px 0 0 40px;_margin-left: 20px;
}
h1.equipe{
	background: url(Gx/02/h1_bg.png) no-repeat left top;
	width: 415px;
	height: 81px;
	margin: 335px 0 0 40px;_margin-left: 20px;
}
h1.realisations{
	background: url(Gx/03/h1_bg.png) no-repeat left top;
	width: 626px;
	height: 81px;
	margin: 335px 0 0 40px;_margin-left: 20px;
}
h1.contact{
	background: url(Gx/04/h1_bg.png) no-repeat left top;
	width: 388px;
	height: 58px;
	margin: 359px 0 0 40px;_margin-left: 20px;
}
h1.plandusite{
	background: url(Gx/00/h1_plan.png) no-repeat left top;
	width: 614px;
	height: 58px;
	margin: 359px 0 0 40px;_margin-left: 20px;
}

h2{
	font: bold 18px "Trebuchet MS"; 
	line-height: 22px;
}
h2.vert{
	font: bold 18px "Trebuchet MS"; 
	line-height: 22px;
	padding: 15px 25px 8px 40px;
	color: #b0c836;
}
h2.gris{
	font: italic 12px Verdana; 
	line-height: 16px;
	padding: 10px 25px 0 40px;
	color: #c7c8c2;
}
h2.bleu{
	font: bold 18px "Trebuchet MS"; 
	line-height: 22px;
	padding: 15px 25px 8px 40px;
	color: #009ac6;
}
h4{
	font: bold 11px Verdana;
	text-transform: uppercase;
	line-height: 15px;
	color: #009ac6;
}
h4 a, h4 a:link, h4 a:visited{
	color: #009ac6;
	text-decoration: underline;
}
h4 a:hover, h4 a:visited:hover{
	color: #818179;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{
	font: 12px Verdana;
	line-height: 16px;
	color: #fff;
}
p.gris{
	font: 11px Verdana;
	line-height: 15px;
	color: #818179;
}

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #fff; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#b0c836; text-decoration:underline;
}
ul.pointvert li{
	font: 12px Verdana;
	color: #fff;
	line-height: 16px;
	list-style-type: none;
	margin-left:40px;
	padding-bottom: 4px;
	padding-left: 10px;
	background: url(Gx/liste_bg.gif) no-repeat left 6px;
	display: inline;
	float: left;
	width: 285px;
}
ul.pointvert ul{padding-top: 5px;}
ul.pointvert ul li{margin-left: 10px;}

.listedouble{
	width: 335px;
	float: left;
}

ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

.bleu{color: #019ac6;}
.contenupad{padding-left: 40px;padding-right: 25px;}
.grosvert{color: #b0c836;text-transform: uppercase;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#bggauche{
	top: 0;
	left: 0;
	z-index: 1;
	width: 50%;
	position: absolute;
	height: 584px;
	background: #fff url(Gx/bggauche.gif) repeat-x top;
}
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 1000px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
#grislogo{
	background: #eaeae8;
	position: absolute;
	left: 0;
	top: 0;
	width: 324px;
	height: 90px;
	z-index: 99;
}
#photoenbg{
	position: absolute;
	top: 0;
	right: 0;
	height: 602px;

}
a#logo{
	display: block;
	position: absolute;
	top: 61px;
	left: 40px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 286px;
	height : 37px;
	background : url(Gx/logo.gif) no-repeat left top;
	z-index: 100;
}
#blogue{
	display: block;
	position: absolute;
	top: 583px;
	left: 659px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 279px;
	height : 119px;
	background : url(Gx/blogue.png) no-repeat left top;
	z-index: 101;
}
#blockmenu{
	position: absolute;
	left: 688px;
	top: 416px;
	z-index: 102;
}
#boiteagence, #boiteplan{
	background-color: #009ac6;
	width: 678px;
	float: left;
	position: relative;
	z-index: 997;
	padding-bottom: 20px;
}
#boiteequipe{
	background-color: #818179;
	width: 678px;
	float: left;
	padding-bottom: 20px;
	position: relative;
	z-index: 997;
}
.equipe{background: #fff url(Gx/02/equipe_bg.jpg) no-repeat 17px 104px;width: 1000px;}

#boiterealisations{
	background-color: #b0ca29;
	width: 678px;
	float: left;
	padding-bottom: 20px;
	position: relative;
	z-index: 997;
}
#boitecontact{
	background-color: #6d6d66;
	width: 678px;
	float: left;
	height: 166px;
	position: relative;
	z-index: 997;
}
.carte{background: #fff url(Gx/04/carte.gif) no-repeat 450px 145px;width: 1000px;}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
.realisation1{background: #fff url(DATA/ACCUEIL/1.jpg) no-repeat right top;}
.realisation2{background: #fff url(DATA/ACCUEIL/2.jpg) no-repeat right top;}
.realisation3{background: #fff url(DATA/ACCUEIL/3.jpg) no-repeat right top;}
.realisation4{background: #fff url(DATA/ACCUEIL/4.jpg) no-repeat right top;}
.realisation5{background: #fff url(DATA/ACCUEIL/5.jpg) no-repeat right top;}
.realisation6{background: #fff url(DATA/ACCUEIL/6.jpg) no-repeat right top;}

a#boitebleu, a#boitebleu:link, a#boitebleu:visited,
a#boitegrispale, a#boitegrispale:link, a#boitegrispale:visited,
a#boitegrisfonce, a#boitegrisfonce:link, a#boitegrisfonce:visited{
	width: 197px;
	height: 97px;
	padding: 8px 0 8px 8px;
	float: left;
	margin: 34px 10px 0 0;
	display: block;
	position: relative;
	z-index: 997;
	text-decoration: none;
}

a#boitebleu{background-color: #019ac6;margin-left: 40px;_margin-left: 20px;}
a#boitegrispale{background-color: #a8a9a4;}
a#boitegrisfonce{background-color: #575851;}

#boitebleu h2{color: #aed7e9;}
#boitegrispale h2{color: #585852;}
#boitegrisfonce h2{color: #a8a9a4;}

a#boitebleu:hover h2, a#boitebleu:visited:hover h2,
a#boitegrispale:hover h2, a#boitegrispale:visited:hover h2,
a#boitegrisfonce:hover h2, a#boitegrisfonce:visited:hover h2
{color: #fff;}


#boitebleu p, #boitegrispale p, #boitegrisfonce p{
	font: 10px Verdana;
	line-height: 13px;
	color: #fff;
}

/* PORTFOLIO
--------------------------------------------------------------------------------------- */
a.portfoliotn, a.portfoliotn:link, a.portfoliotn:visited{
	display: block;
	float: left;
	margin: 2px;
}


#portfolio1{margin-left: 34px;_margin-left: 17px;}
#portfolio9{margin-left: 74px;_margin-left: 37px;}
a.portfoliotn img{float: left;display: block;}

.portfolio{
	position: absolute;
	left: 0;
	top: 62px;
	width: 1000px;
	height: 310px;
	display: none;
	border: 1px #fff solid;
	z-index: 9;
}
.portfolio h4, .portfolio p{
	padding-left: 365px;
	display: block;

}
.campagneradio, .campagneradio:link, .campagneradio:visited{
	display: block;
	position: absolute;
	top: 240px;
	left: 580px;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 116px;
	height : 31px;
	background : url(Gx/03/campagne_radio.gif) no-repeat left top;
	z-index: 100;
}
.campagneradio:hover, .campagneradio:visited:hover{
	background : url(Gx/03/campagne_radio_over.gif) no-repeat left top;

}



/* MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
#menusec, #menusecreal{
	padding: 15px 0 0 40px;
}
#menusec ul, #menusecreal ul{margin: 0;padding: 0;}
#menusec ul li, #menusecreal ul li{
	padding: 0 2px;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	font: bold 11px Arial;
	line-height: 15px;
	color: #585852;
}
#menusecreal ul li{color: #fff;}
#menusec ul li a, #menusec ul li a:link, #menusec ul li a:visited{
	text-decoration: none;
	font: bold 11px Arial;
	line-height: 15px;
	text-transform: uppercase;
	color: #fff;
}
#menusec ul li a:hover, #menusec ul li a:visited:hover{color: #b0c836;}
#menusec ul li a.actif, #menusec ul li a.actif:visited{color: #b0c836;}

#menusecreal ul li a, #menusecreal ul li a:link, #menusecreal ul li a:visited{
	text-decoration: none;
	font: bold 11px Arial;
	line-height: 15px;
	text-transform: uppercase;
	color: #585852;
}
#menusecreal ul li a:hover, #menusecreal ul li a:visited:hover{color: #009ac6;}
#menusecreal ul li a.actif, #menusecreal ul li a.actif:visited{color: #009ac6;}

/* MENU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menupp{
	float: right;
	padding-top: 25px;
}
#menupp ul{margin: 0;padding: 0;}
#menupp ul li{
	padding: 0 2px;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	font: 10px Arial;
	line-height: 14px;
	color: #585852;
}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	text-decoration: none;
	font: 10px Arial;
	line-height: 14px;
	text-transform: uppercase;
	color: #009ac6;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{text-decoration: underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#copyrights{
	float: right;
	margin: 0;
	text-align: left;
	padding-top: 4px;
	font: 10px Arial;
	line-height: 14px;
	color: #585852;
	text-transform: uppercase;
}
#bardadresseext{
	margin-top: 60px;
	width: 100%;
	background-color: #eaeae8;
}
#bardadresse{
	width: 960px;
	font: 10px Arial;
	line-height: 14px;
	color: #585852;
	text-align: left;
	margin: 0 auto;
	padding: 5px 0 5px 40px;
}
a#accesclient, a#accesclient:link, a#accesclient:visited{
	display: block;
	float: right;
	width: 83px;
	height: 16px;
	padding: 2px 0 0 23px;
	margin: 6px 44px 0 0;
	color: #fff;
	font: 11px "Trebuchet MS";
	line-height: 15px;
	text-transform: uppercase;
	background: url(Gx/acces_client.gif) no-repeat left top;
	text-decoration: none;
}
a#accesclient:hover, a#accesclient:visited:hover{text-decoration: underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;padding-top: 6px;}
#bookmarker a, #bookmarker a:link, #bookmarker a:visited{
	color:#585852;
	text-decoration: none;
	font: 10px Arial;
	line-height: 18px;
}
#bookmarker a:hover, #bookmarker a:visited:hover{text-decoration: underline;}

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

.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;}