/* © 2006 Bexter Ben CSS */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background : #336699 url(../images/bg-site.jpg) repeat-x ;
}
p{
	margin: 1em 0;
}
#site {
	width: 768px;
	position: absolute;
	margin-left: -384px;
	left: 50%;
	background: #fff;
}
#header{
	width: 768px;
	height: 104px;
	background: transparent url(../images/header.jpg) no-repeat;
	display: block;
}
#header a{
	display: block;
	width: 170px;
	height: 104px;
}
#header strong{
	display: none;
}

/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	width: 768px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/menu.jpg) no-repeat;
}
#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li a{
	display: block;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
#menu ul li strong{
display: none;
}
li#menu_01 a { width: 68px; }/*96*/
li#menu_02 a { width: 70px; }/*91*/
li#menu_03 a { width: 45px; }/*64*/
li#menu_04 a { width: 58px; }/*101*/
li#menu_05 a { width: 82px; }/*72*/
li#menu_06 a { width: 90px; }/*102*/
li#menu_07 a { width: 72px; }/*95*/
li#menu_08 a { width: 92px; }/*95*/
li#menu_09 a { width: 81px; }/*147*/
li#menu_10 a { width: 110px; }/*147*/
li#menu_01 a:hover { background: transparent url(../images/menu-on.jpg) 0px 0px no-repeat; }/*0 0*/
li#menu_02 a:hover { background: transparent url(../images/menu-on.jpg) -68px 0px no-repeat; }/*-96*/
li#menu_03 a:hover { background: transparent url(../images/menu-on.jpg) -138px 0px no-repeat; }/*-187*/
li#menu_04 a:hover { background: transparent url(../images/menu-on.jpg) -183px 0px no-repeat; }/*-251*/
li#menu_05 a:hover { background: transparent url(../images/menu-on.jpg) -240px 0px no-repeat; }/*-352*/
li#menu_06 a:hover { background: transparent url(../images/menu-on.jpg) -322px 0px no-repeat; }/*-424*/
li#menu_07 a:hover { background: transparent url(../images/menu-on.jpg) -412px 0px no-repeat; }/*-526*/
li#menu_08 a:hover { background: transparent url(../images/menu-on.jpg) -484px 0px no-repeat; }/*-526*/
li#menu_09 a:hover { background: transparent url(../images/menu-on.jpg) -576px 0px no-repeat; }/*-621*/
li#menu_10 a:hover { background: transparent url(../images/menu-on.jpg) -657px 0px no-repeat; }/*-621*/

/*----------------------------------------------------------------------*/
/* fin - gestion du menu général */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
#contenu {
	width:768px;
	padding: 0px;
	margin: 0px;
}
#contenu p {
}
#contenu a {
}
#contenu a:hover {
}
.content{
	padding: 10px 30px;
	margin: 0px;
	background: #9FC7E7;
}
.content h2 {
	padding: 0px;
	margin: 0px;
}
.content p{
}
.actu{
	padding: 5px 30px;
	margin: 0px;
}
.actu a{
	font-weight: bolder;
	color: #00375E;
	text-decoration: none;
}
.actu a:hover{
	color: #9FC7E7;
}
.news{
	border: 1px solid #D1E3F0;
	background: #F1F5F8;
	padding: 5px;
}
.nouveaux{
	padding: 5px 30px;
	margin: 0px;
}
.nouveaux a{
	font-weight: bolder;
	color: #00375E;
	text-decoration: none;
}
.nouveaux a:hover{
	color: #9FC7E7;
}

.urbain{
	background: #F1F5F8;
	padding: 5px 30px;
}
.urbain a{
	font-weight: bolder;
	color: #00375E;
	text-decoration: none;
}
.urbain a:hover{
	color: #9FC7E7;
}
.contentin{
	border: 1px solid #D1E3F0;
	background: #F1F5F8;
	padding: 5px 30px;
}
.contentin a{
	font-weight: bolder;
	color: #00375E;
	text-decoration: none;
}
.contentin a:hover{
	color: #9FC7E7;
}
.flash{
	width: 628px;
	height: 350px;
	border: 1px solid #00375E;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}
.links{
	width: 70px;
	padding: 0px;
	margin: 0px auto;
	text-align: right;
	position: absolute;
	top: 165px;
	left: 665px;
}
.links p{
	padding: 0px;
	margin: 0px;
	height: 21px;
}
.graph{
	text-align: center;
}
.pargraphe1{
	width: 450px;
	float: right;
	padding: 0px 0px 0px 15px;
	text-align: justify;
}
.pargraphe2{
	width: 450px;
	float: left;
	padding: 0px 15px 0px 0px;
	text-align: justify;
}
.pargraphe0{
	width: 670px;
	float: left;
	padding: 20px 0px 0px 15px;
	text-align: justify;
}
.image{
	width:208px;
	padding: 65px 0px 0px 15px;
	float: left;
}
.image2{
	width: 208px;
	padding: 30px 0px 0px 20px;
	float: left;
}
h3.graph{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
}
#MODCREA_table{
	background: #fff;
	margin: 5px 10px;
	padding: 3px;
}
.MODCREA_TH{
	background: #B2CDE6;
}
.MODCREA_TR{
	background: #fff;
	padding: 2px;
}
.MODCREA_TD{
	background: #F2F7FB;
	padding: 4px;
	margin: 0px;
	text-align: center;
}
.imgleft{
	float: left;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}
.imgleft2{
	float: right;
	margin: 0px;
	padding: 15px 0px 60px 20px;
}
.imgright{
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.wash{
	clear: both;
	height: 5px;
	font-size: 5px;
}
/*-- debut titre page ------------------------------------------------*/
#titre-accueil{
	background: transparent url(../images/titre-accueil.jpg) no-repeat;
	display: block;
	width: 768px;
	height: 50px;
}
#titre-accueil h1{
	padding: 0px;
	margin: 0px;
	display: none;
}
/*-- fibn titre page ------------------------------------------------*/
/*-- debut titre h2 ------------------------------------------------*/
.vide{
	background: transparent url(../images/vide.jpg) no-repeat;
	display: block;
	width: 537px;
	height: 33px;
}
.vide strong{
	display: none;
}
h2{
 font-size:11px;
 clear: both;
 }
h1{
 font-size:13px;
}
h2.titrenews{
	background: transparent url(../images/titrenews.jpg) no-repeat;
	display: block;
	width: 500px;
	height: 20px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h2.titrenouv{
	background: transparent url(../images/titrenouveau.jpg) no-repeat;
	display: block;
	width: 500px;
	height: 20px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#accueil {
	background: transparent url(../images/accueil.jpg) no-repeat -65px top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#actualite {
	background: transparent url(../images/actualite.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#nouveautes {
	background: transparent url(../images/nouveautes.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#mobilier {
	background: transparent url(../images/mobilier.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#calendrier {
	background: transparent url(../images/calendrier.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#sitemap{
	background: transparent url(../images/sitemap.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#cles{
	background: transparent url(../images/cles.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#contact{
	background: transparent url(../images/contact.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#financiers{
	background: transparent url(../images/financiers.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#investisseurs{
	background: transparent url(../images/investisseurs.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#groupe{
	background: transparent url(../images/groupe.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#pgga{
	background: transparent url(../images/pgga.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#cours{
	background: transparent url(../images/cours.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
h1#abonnement{
	background: transparent url(../images/abonnement.jpg) no-repeat right top;
	display: block;
	width: 708px;
	height: 30px;
	text-indent: -999em;
	padding: 0px;
	margin: 0px;
}
/*-- fibn titre h2 ------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - formulaire */
/*----------------------------------------------------------------------*/

#formulaire fieldset {
	width: 500px;
	padding: 2em 1.5em 1em 1.5em;
	border: 1px solid #4b4b4b;
	position: relative;
	margin: 0px auto;
}
#formulaire fieldset div {
	width: 100%;
	margin-bottom: 0.5em;
	position: relative;
}
#formulaire legend {
	font-weight: bold;
	text-transform: uppercase;
/*	font-size: 0.9em;*/
}
#msg {
	display: block;
	margin-bottom: 0.5em;
}
#formulaire .icontain {
	position: absolute;
	right: 0;
	width: 55%;
	background: white url(file:///E|/Projets/Groupe GA/img/corner_tr_form.gif) top right no-repeat;
}
#formulaire input {
/*	position: relative;
	left: 10px;
	width: 100%;*/
}
#formulaire .inputext {
	position: relative;
/*	left: 10px;*/
	width: 100%;
}
#formulaire .checkbox {
	width: auto;
}
#formulaire .tcontain {
	width: 100%;
	display: block;
}
#formulaire .tcontain span {
	display: block;
}
#formulaire input, #formulaire textarea {
/*	font: 1em Arial, Helvetica, sans-serif;*/
	width: 100%;
/*	padding: 0;*/
}
#submit {
	text-align: center;
/*	background: #304968;
	padding: 1em 0;*/
	margin-top: 0.5em;
}
#submit input {
	position: static;
	width: 40%;
}
#joindre{
	display: none;
}
#formulaire .infojoint{
	font-style: italic;
	font-size: 9px;
	color: Gray;
}
#formulaire .champ{
	margin: 15px 0px;
	border-bottom: 1px solid #e5e5e5;
}
/*----------------------------------------------------------------------*/
/* fin - formulaire */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size: 9px;
	text-align: center;
/*	letter-spacing: -1px;*/
	width: 768px;
	height: 17px;
	padding: 3px 0px 0px 0px;
	background: transparent url(../images/footer.jpg) no-repeat;
	color: #FFF;
}
#footer a{
	color: #B2D1E6;
	text-decoration: none;
}
#footer a:hover{
	color: #03395B;
	background-color: #B2D1E6;
}
#footer em {
	padding: 0px 60px;
}
#lienedito{
	color:#FFFFFF;
	margin-bottom:10px;
	font-size:0.1em !important;
	font-size:2px;
}
#lienedito a{
	font-size:0.1em;
	color:#FFFFFF;
	text-decoration: none;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/