body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#202f7e;
	background-color:#0087cb;
	background-image: url(fond.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
#conteneur{
	height:580px;
	width:980px;
	margin-top: -290px;
	margin-left: -490px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#entete{
	width:980px;
	height:76px;
	background-image:url(entete.png);
}
#home{
	position:absolute;
	display:block;
	height:76px;
	width:169px;
}
#home .transparent{
	display:block;
	height:76px;
	width:169px;
}
#menu{
	height:475px;
	width:502px;
	float:left;
}
#menu a{
	display:block;
	height:75px;
	width:295px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
	margin-left:207px;
}
.transparent{	
	display:block;
	height:75px;
	width:295px;
	border:none;
}
#maison{
	background-image:url(maison.png);
}
#maison_actif{
	background-image:url(maison_actif.png);
}
#maison:hover{
	background-image:url(maison_hover.png);
}
#voiture{
	background-image:url(voiture.png);
}
#voiture_actif{
	background-image:url(voiture_actif.png);
}
#voiture:hover{
	background-image:url(voiture_hover.png);
}
#entreprise{
	background-image:url(entreprise.png);
}
#entreprise_actif{
	background-image:url(entreprise_actif.png);
}
#entreprise:hover{
	background-image:url(entreprise_hover.png);
}
#conseiller{
	background-image:url(conseiller.png);
}
#conseiller_actif{
	background-image:url(conseiller_actif.png);
}
#conseiller:hover{
	background-image:url(conseiller_hover.png);
}
#projet{
	background-image:url(projet.png);
}
#projet_actif{
	background-image:url(projet_actif.png);
}
#projet:hover{
	background-image:url(projet_hover.png);
}
#infos{
	background-image:url(infos.png);
}
#infos_actif{
	background-image:url(infos_actif.png);
}
#infos:hover{
	background-image:url(infos_hover.png);
}
#locaux{
	background-image:url(locaux.png);
}
#locaux_actif{
	background-image:url(locaux_actif.png);
}
#locaux:hover{
	background-image:url(locaux_hover.png);
}
#contenu{
	height:475px;
	width:458px;
	float:left;
	margin-left:19px;
	overflow: auto;
}
#contenu #lienacc{
	height:475px;
	width:315px;
	float:left;
}
#contenu #lienacc a{
	width:295px;
	display:block;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
	margin-bottom:17px;
}
#contenu #lienacc #lienacc1{
	background-image:url(lienacc1.gif);
	height:58px;
}
#contenu #lienacc #lienacc1:hover{
	background-image:url(lienacc1_hover.gif);
}
#contenu #lienacc #lienacc2{
	background-image:url(lienacc2.gif);
	height:306px;
		margin-bottom:15px;
}
#contenu #lienacc #lienacc2:hover{
	background-image:url(lienacc2_hover.gif);
}
#contenu #lienacc #lienacc3{
	background-image:url(lienacc3.gif);
	height:58px;
}
#contenu #lienacc #lienacc3:hover{
	background-image:url(lienacc3_hover.gif);
}
#contenu #videos{
	height:473px;
	width:141px;
	float:left;
	border: 1px solid #000000;
}
#contenu #videos a{
	height:78px;
	width:104px;
	border: 1px solid #223280;
	display:block;
	margin-left:18px;
	margin-top:12px;
	background-color:#FFFFFF;
}
#contenu #videos a:hover{
	background-color:#223280;
}
#contenu #videos a img{
	border:none;
	margin-left:1px;
	margin-top:1px;
}
#pied{
	height:31px;
	width:980px;
	float:left;
	margin-top:17px;
}
#pied a{
	display:block;
	float:left;
	height:31px;
}
#ssmenu{
	height:31px;
	width:295px;
	float:left;
	margin-left:207px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
}
#accueil{
	margin-left:19px;
	width:90px;
	background-image:url(accueil.gif);
}
#nosoffres{
	width:107px;
	background-image:url(nosoffres.gif);
}
#votreagence{
	width:119px;
	background-image:url(votreagence.gif);
}
#contacteznous{
	width:143px;
	background-image:url(contacteznous.gif);
}

#accueil:hover{
	background-image:url(accueil_hover.gif);
}
#nosoffres:hover{
	background-image:url(nosoffres_hover.gif);
}
#votreagence:hover{
	background-image:url(votreagence_hover.gif);
}
#contacteznous:hover{
	background-image:url(contacteznous_hover.gif);
}

h1{
	margin:0px;
	padding:0px;
	width:453px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	background-color:#bfe10e;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
	margin-bottom:5px;
}
h1.offre{
	width:453px;
	margin-top:40px;
	position:absolute;
}
#offre{
	height:380px;
	width:457px;
	overflow:auto;
	position:absolute;
	margin-top:90px;
}
#info{
	height:440px;
	width:447px;
	overflow:auto;
	position:absolute;
	margin-top:5px;
	padding-right:10px;
}
#onglet{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height:30px;
	position:absolute;
	width:458px;
}
#onglet a.onglet, #onglet a.onglet2{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	background-color:#223280;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
	display:block;
	float:left;
	margin-right:5px;
	text-decoration:none;
	color:#FFFFFF;
}
#onglet a.onglet2{
	background-color:#2a3e9f;
}
#onglet a.onglet:hover{
	background-color:#2a3e9f;
}
#lienacc h1{
	margin:0px;
	padding:0px;
	width:290px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	background-color:#bfe10e;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1796d3;
	margin-bottom:10px;
}
#contenu a{
	text-decoration:none;
	color:#202f7e;
	text-decoration:underline;
}
#contenu a:hover{
	color:#FFFFFF;
}
td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
a.mail{
	float:left;
	height:35px;
	width:150px;
	background-image:url(mail.png);
	background-repeat:no-repeat;
	display:block;
	margin-top:10px;
}
a.mail span{
	margin-top:4px;
	display:block;
	margin-left:40px;
	font-weight:bold;
	float:left;
}
.tel{
	float:right;
	margin-top:10px;
	background-image:url(tel.png);
	background-repeat:no-repeat;
	height:36px;
	width:215px;
}
#tang{
	background-image: url(tang.png);
	height:88px;
	width:83px;
	margin-top:80px;
	display:block;
}
