* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #fff url(../images/fond.gif) repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #474747;
	text-align: center;
	position: relative;
}

/* ENTETE */

#entete {
	margin: 0 auto;
	height: 100px;
	width: 890px;
	position: relative;
	z-index: 999;
}
#logo-gene {
	background: #fff url(../images/logo.gif) no-repeat;
	width:224px;
	height:165px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
#logo-gene h1{
	display:none;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#menuhaut {
	position: absolute;
	top: 0;
	right: 0;
	width: 646px;
	height: 40px;
	overflow: hidden;
	text-align: right;
	padding: 10px;
	font-size: 11px;
}

#menuhaut a {
	color: #474747;
}

#menuhaut a.red {
	color: #6f3597;
}

#menuhaut a img {
	vertical-align: bottom;
}

#menuespaces {
	position: absolute;
	top: 60px;
	right: 0;
	list-style-type: none;
	height: 40px;
	width: 666px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#menuespaces li {
	padding: 0;
	margin: 0;
	float: left;
}

#menuespaces a {
	display: block;
	width: 222px;
	height: 40px;
}

#menuespaces a#btpar {
	background: url(../images/menu-espaces.gif) no-repeat 0 -80px;
}
#menuespaces a#btpar:hover {
	background: url(../images/menu-espaces.gif) no-repeat 0 -40px;
}
#menuespaces a#btpar.selected {
	background: url(../images/menu-espaces.gif) no-repeat;
}
#menuespaces a#btent {
	background: url(../images/menu-espaces.gif) no-repeat -222px -80px;
}
#menuespaces a#btent:hover {
	background: url(../images/menu-espaces.gif) no-repeat -222px -40px;
}
#menuespaces a#btent.selected {
	background: url(../images/menu-espaces.gif) no-repeat -222px 0;
}
#menuespaces a#btint {
	background: url(../images/menu-espaces.gif) no-repeat -444px -80px;
}
#menuespaces a#btint:hover {
	background: url(../images/menu-espaces.gif) no-repeat -444px -40px;
}
#menuespaces a#btint.selected {
	background: url(../images/menu-espaces.gif) no-repeat -444px 0;
}

#menuespaces a span {
	display: none;
}

/* FIN ENETETE */


/* CORPS */

#corps {
	margin: 0 auto;
	width: 890px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

/*#corps.par {
	background: url(images/fond-par.gif) repeat-y;
}*/

#edito {
	margin-left: 474px;
	padding: 20px 0 40px 0;
/*	background: url(images/picto-edito.gif) no-repeat 0 30px;*/
}

#photoaccueil {
	position: absolute;
	bottom: 0;
	left: 2px;
	z-index: 100;
}

#playeraccueil {
	position: absolute;
	top: 65px;
	left: 75px;
	z-index: 110;
	width: 297px;
	height: 265px;
}

#agauche {
	float: left;
	width: 220px;
	margin: 75px 0 20px 2px;
	display: inline;
	padding: 40px 0 0 0;
}

#agauche.milieu {
	width: 424px;
	padding: 0;
	background: none;
}

#nomdep {
	background: #ea3713;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}

#bas {
	clear: both;
	width: 220px;
	height: 12px;
	overflow: hidden;
	background: url(../images/bas-agauche.gif) no-repeat;
}

ul.menu {
	width: 220px;
}

#agauche ul.menu, #agauche ul.menu ul {
	margin: 0;
	padding: 0;	
}

ul.menu li {
	list-style-type: none;
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	background: #dbcce5;
}

ul.menu a {
	border-top: 1px solid #fff;
}

ul.menu a:hover {
	text-decoration: none;
}

ul.menu a.rub {
	display: block;
	padding: 6px 10px 7px 25px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-variant: small-caps;
	background: #af8fc5 url(../images/puce-menub.gif) no-repeat 6% 50%;
	
	color: #fff;
}

ul.menu a.rub:hover {
	background: #8655a7 url(../images/puce-menub.gif) no-repeat 7% 50%;
	color: #fff;
}

ul.menu span.rub {
	display: block;
	padding: 6px 10px 7px 25px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-variant: small-caps;
	color: #6f3597;
	font-weight: bold;
	
	color: #fff;
	background: #8655a7 url(../images/puce-menub2.gif) no-repeat 5% 50%;
}

ul.menu a.ssrub {
	display: block;
	font-size: 11px;
	line-height: 13px;
	padding: 6px 10px 7px 25px;
	background: url(../images/puce-menub.gif) no-repeat 6% 50%;
	font-weight: normal;
	color: #6f3597;
	margin: 0;
}

ul.menu a.ssrub:hover {
	background: #af8fc5 url(../images/puce-menub.gif) no-repeat 7% 50%;
	color: #fff;
}


#agauche {
	background: url(../images/menu-espaces.gif) no-repeat 0 -80px;
}

.grp #agauche {
	background: url(../images/menu-groupe.gif) no-repeat;
}

.svc #agauche {
	background: url(../images/menu-services.gif) no-repeat;
}

.pmt #agauche {
	background: url(../images/menu-paiement.gif) no-repeat;
}

#adroite {
	width: 646px;
	float: right;
	display: inline;
	margin: 20px 0 40px 0;
	position: relative;
}

#adroite.milieu {
	width: 424px;
}

ul.listedeliens, ul.listedequestions {
	margin: 20px 0;
}

ul.listedeliens li, ul.listedequestions li {
	list-style-type: none;
	float: left;
	clear: left;
	margin: 0 0 1px 0;
	padding: 0;
	width: 100%;
}

ul.listedeliens a, ul.listedequestions a {
	display: block;
	background: #f3f3f3 url(../images/puce-fleche.gif) no-repeat 10px 50%;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px 5px 30px;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}

ul.listedeliens a:hover {
	background: #ac8bc3 url(../images/puce-flecheb.gif) no-repeat 10px 50%;
	color: #fff;
}

ul.listedequestions a:hover {
	background: #ac8bc3 url(../images/puce-flecheb.gif) no-repeat 10px 50%;
	color: #fff;
}

ul.listedeliens span.url, ul.listedequestions span {
	font-size: 11px;
	display: block;
	float: right;
	clear: right;
	width: 30%;
	color: #474747;
	line-height: 16px;
	font-weight: normal;
	margin-left: 10px;
}

ul.listedeliens span.descriptif{
	float:left;
	text-align:left;
	white-space:normal;
	font-weight:normal;
}
ul.listedeliens p {
	font-size: 11px;
	display: block;
	color: #474747;
	line-height: 16px;
	font-weight: normal;
	text-align: justify;
	padding-left: 30px;
	background: #f3f3f3;
	clear: both;
	margin-top: -3px;
	border-bottom: 2px solid #ddd;
}

ul.listedeliens p a {
	display: inline;
	background: none;
	border: 0;
	padding: 0;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #ea3713;
}

ul.listedeliens p a:hover {
	background: none;
	color: #ea3713;
	cursor: pointer;
}

ul.listederef a {
	font-size: 11px;
	color: #ea3713;
	font-weight: bold;
	text-decoration: underline;
}


ul.listedequestions a span, ul.listedeliens a span {
	text-align: right;
	width: auto;
	white-space: nowrap;
	padding-right: 10px;
	float: right;
	font-size: 11px;
	color: #474747;
	font-weight: bold;
}

ul.listedequestions a:hover span, ul.listedeliens a:hover span {
	color: #fff;
}

ul.listedequestions li p {
	display: none;
	padding-left: 30px;
}

ul.listedequestions li.selected a, ul.listedequestions li.selected a:hover {
	background: #f3f3f3 url(../images/puce-fleche.gif) no-repeat 10px 50%;
	border-bottom: 0;
	font-weight: bold;
	color: #6f3597;
}

ul.listedequestions li.selected p {
	display: block;
	background: none;
}

ul.listedequestions li.selected p a, ul.listedequestions li.selected p a:hover {
	background: none;
	padding: 10px 0 0 0;
	text-align: right;
}


ul.listedeliens img {
	float: left;
	margin-right: 10px;
	border: 1px solid #f6f6f6;
}

ul.listedeliens span.cliquezici img {
	float: none;
	margin-top: 8px;
	border: 0;
}

ul.listedeliens span.cliquezici {
	width: 120px;
	text-align: right;
}

div.col {
	float: left;
	width: 48%;
}

div.col3 {
	float: left;
	width: 30%;
}

/* FIN CORPS */

/* BANDEAU */

#bandeau {
	clear: both;
	width: 100%;
	background: #ad8bc3 url(../images/fond-bandeau.gif) repeat-x;
}

#contenubandeau {
	width: 890px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: url(../images/pourunenouvellevie.gif) no-repeat;
}


#contenubandeau p {
	color: #fff;
	margin: 5px 20px 10px 20px;
	padding: 0;
	font-size: 12px;
	text-align: left;
}

#contenubandeau a {
	color: #fff;
}

div.onglet{
	float: left;
	margin-top: 41px;
	width: 220px;
	display: inline;
	padding-bottom: 3px;
}

a.onglet {
	display: block;
	width: 220px;
	height: 80px;
	float: left;
}

a.onglet span {
	display: none;
}

#ongletDevis {
	background: url(../images/onglets.gif) no-repeat;
}

#ongletDevis:hover {
	background: url(../images/onglets.gif) no-repeat -220px;
}

#ongletAgent {
	background: url(../images/onglets.gif) no-repeat -440px;
}

#ongletAgent:hover {
	background: url(../images/onglets.gif) no-repeat -660px;
}

#presdechezvous {
	position: absolute;
	right: 0;
	top: -28px;
	width: 250px;
	height: 68px;
	background: url(../images/presdechezvous.gif) no-repeat;
}

#presdechezvous form {
	margin: 39px 10px 0 69px;
}

#presdechezvous select {
	font-size: 11px;
	padding: 1px;
}

#nouvelleadresse {
	float: right;
	margin-top: 41px;
	display: inline;
}

#pied {
	clear: both;
	width: 890px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}


a {
	font-weight: bold;
	text-decoration: none;
	color: #6f3597;
}

a:hover {
	text-decoration: underline;
}

p {
	text-align: justify;
	margin: 10px 0;
	line-height: 18px;
}

h1 {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 32px;
	font-weight: normal;
	color: #6f3597;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ddd;
	margin: 13px 0 0 0;
}

#adroite h1 {
	text-align: right;
}

h2 {
	font-size: 18px;
	font-weight: normal;
/*	padding: 10px 0;*/
	margin: 20px 0;
	color: #999;
}

h2 strong {
	color: #6f3597;
}

li h2 {
	padding: 5px 0;
	clear: none;
	font-size: 16px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
	color: #6f3597;
	font-weight: normal;
	padding: 8px 16px 8px 0;
	margin: 20px 0 10px 0;
	background: url(../images/fond-h3.gif) no-repeat top right;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	color: #6f3597;
	margin: 10px 0;
}

.grp #agauche h4 {
	color: #234175;
	font-size: 14px;
}

ol {
	margin-left: 25px;
}

ul {
	margin-left: 18px;
	list-style-type: square;
}

li {
	margin: 5px 0;
}

li li {
	list-style-type: circle;
}

ul p {
	background: #f9f9f9;
	font-size: 12px;
	margin: 0;
	padding: 10px 18px;
}


#agauche p, #agauche ul {
	text-align: left;
	font-size: 11px;
	margin: 10px 0;
	padding: 0;
}

#agauche ul {
	margin-left: 14px;
}

#agauche ul.listedeliens {
	margin-left: 0;
}

img.encadre {
	background: #fff;
	padding: 1px;
	border: 2px solid #ddd;
}

img.adroite {
	float: right;
	margin: 5px 0 5px 20px;
	clear: right;
	display: inline;
}

img.agauche {
	float: left;
	margin: 5px 20px 5px 0;
	clear: left;
	display: inline;
}

.clearboth, .clearleft, .clearright {
	clear: both;
	height: 1px;
	overflow: hidden;
	background: #fff;
	visibility: hidden;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.visible {
	visibility: visible;
}

#dhtmltooltip {
  position: absolute;
  visibility: hidden;
  z-index: 10000;
  background: #8554a7;
  border: 1px solid #fff; 
  /*width: 150px;*/
  padding: 5px;
  color: #fff;
  font-size:11px;
  font-weight: bold;
  text-align: center;
}

/* CONTACT */
div.contact {
	background: #f3f3f3;
	margin: 20px 0 10px 0;
	padding: 10px 18px;
	clear: both;
	border: 1px solid #eee;
	border-bottom: 2px solid #ddd;
	position: relative;
}

div.contact img.portrait {
	position: absolute;
	right: 0;
	bottom: 0;
}

* html div.contact img.portrait { /* IE 6- hack */
	position: relative;
	right: auto;
	bottom: auto;
	float: right;
	margin-top: -23px;
	padding: 1px;
}

div.contact ul {
	margin: 10px 0 10px 25px;
	font-size: 12px;
}

div.contact li.tel {
	list-style: url(../images/icone_tel.gif);
}

div.contact li.fax {
	list-style: url(../images/icone_fax.gif);
}

div.contact li.email {
	list-style: url(../images/icone_email.gif);
}


/* FORMULAIRES */

form {
	margin: 0;
	padding: 0;
	clear: both;
}

fieldset {
	margin: 10px 0;
	padding: 20px 15px;
	border: 1px solid #ddd;
	text-align: right;
}

fieldset p {
	font-size: 9px;
	color: #ea3713;
	width: 35%;
	border: 0;
	margin: 2px 0;
	padding: 0;
	text-align: left;
	line-height: 11px;
	float: left;
	clear: left;
}

fieldset div {
	clear: both;
}

legend, .submit {
	font-size: 11px;
	font-weight: bold;
	background: #8554a7;
	color: #fff;
	padding: 2px 4px;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

label {
	font-size: 12px;
	width: 35%;
	border-bottom: 1px dashed #ddd;
	padding: 2px 0 1px 0;
	margin: 0;
	float: left;
	text-align: left;
	clear: left;
}

#form_paiement label, #form_paiement fieldset p {
	width: 45%;
}

#form_paiement fieldset input {
	width: 50%;
}

.oblig {
	font-weight: bold;
	letter-spacing: 1px;
}

input, textarea, select {
	border: 1px solid #ddd;
	background: #EEEEEE;
	line-height: 18px;
}

fieldset input, fieldset textarea, fieldset select {
	width: 60%;
	margin: 0 0 5px 0;
}

.submit {
	float: none;
	width: auto;
	color: #fff;
	cursor: pointer;
}
.colonne-footer{
	font-size:11px;
	text-align:left;
	width:220px; 
	float:left;
}
.colonne-footer li{
	list-style-type:none;
	font-size:10px;
	
}

#nouveau-pied {
	margin-left: 0;
	color: #747474;
}

#nouveau-pied a {
	font-size: 10px;
	font-weight: normal;
	color: #747474;
}

.h2dem {
	font-size: 18px;
	font-weight: normal;
/*	padding: 10px 0;*/
	margin: 0;
	padding:0;
	color: #999;
}