body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
body.home {
	background: url(../images/interface/fond-home.gif) repeat-x #ffffff;
}
body.propos {
	background: url(../images/interface/fond-propos.gif) repeat-x #ffffff;
}
body.corps {
	background: url(../images/interface/fond-corps.gif) repeat-x #ffffff;
}
body.contact, body.guide {
	background: url(../images/interface/fond-contact.gif) repeat-x #ffffff;
}
img {
	border:0;
}
ul, ol, p, form, h1, h2, h3, h4, input, select, textarea, option {
	margin:0;
	padding:0;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #6a6361;
	line-height: 13px;
}
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #6a6361;
	font-weight: bold;
}
#content a.nonbold:link, #content a.nonbold:visited, #content a.nonbold:hover, #content a.nonbold:active {
	color: #6a6361;
	font-weight: normal;
}
input, select, textarea, option {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6a6361;
}
.rose {
	color: #dd0375;
}

#pop-lexique {
	padding: 10px;
	text-align: left;
}

/*****************************************************
	CAMPAGNE PUB & CONCOURS
*****************************************************/
#campagne {
	background: #ffffff;
	position: absolute;
	width: 290px;
	left: 205px;
	text-align: center;
	padding: 12px 0;
	margin: 185px 0 0 100px;
}
#campagne .fermer {
	float: right;
	width: 27px;
	text-align: left;	
}
#campagne .video {
	padding: 3px 0 7px 0;
	text-align: center;	
}
p.reponse-concours {
	font-size: 13px;
	line-height: 19px;	
}
form.concours-form p.text {
	background: url(../images/interface/concours-champs.gif) no-repeat 70px 0%;
	padding-bottom: 5px;
}
form.concours-form p.text input {
	border: 0;
	padding: 0;
	margin:0 0 0 25px;	
	background: #f9f8ee;
	font-size: 14px;
	vertical-align: middle;	
}
form.concours-form input, form.concours-form img {
	vertical-align: middle;	
}
#zoom-video {
	visibility: hidden;
	position: absolute;
	background: #ffffff;	
	width: 720px;
	top: 3px;
	left: 90px; 
	padding: 10px;
	border: 1px #dd0375 solid;
}
#zoom-video #video-campagne {
	width: 720px;
	height: 608px;
}
#zoom-video .fermer {
	text-align: right;
}
#campagne-echantillons {
	position: absolute;
	margin: 65px 0 0 685px;	
}
#campagne-echantillons2 {
	position: absolute;
	margin: 65px 0 0 685px;	
}
#campagne-concours{
	position: absolute;
	margin: 470px 0 0 12px;	
}

/*****************************************************
	VISUS
*****************************************************/
.fd-lexique {
	background: url(../images/illustrations/lexique.jpg) no-repeat 0% 100%;
}

.fd-tampon {
	background: url(../images/illustrations/tampons2.jpg) no-repeat 100% 100%;
}
.fd-grossesse {
	background: url(../images/illustrations/grossesse.jpg) no-repeat 100% 100%;
}

/*****************************************************
	HEADER & PIED
*****************************************************/
#header {
	height: 60px;
}
.logo {
	position: absolute;
	top: 17px;
	left: 17px;
}
#header form {
	padding: 10px 0 0 633px;
}
#header form label {
	display: block;
	height: 24px;
}
.home #header, .home #pied {
	background: #3a4782;
}
#header select, #header input {
	height: 16px;
	line-height: 16px;
	vertical-align: 0;
	border: 1px #9590a6 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#header input {
	width: 140px;
}
#header select {
	width: 165px;
	height: 19px;
	padding:0;
}
#header label.recherche {
	float: left;
	width: 225px;
}
#header form img {
	vertical-align: top;
}
#pied li {
	list-style-type: none;
	float: left;
	padding: 3px 3px;
}
#pied ul.mentions {
	float: right;
}
#pied .mentions li {
	padding: 15px 0;
}
#pied ul {
	padding: 0 10px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#pied p {
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*****************************************************
	MENU
*****************************************************/
#menu {
	padding-top: 142px;
	height: 300px;
	width: 200px;
	float:left;
	background: url(../images/interface/fd-menu-propos.gif) no-repeat 8px 81px;
}
.home #menu {
	background: url(../images/interface/fd-menu-home.gif) no-repeat 8px 81px;
}
.guide #menu {
	background: url(../images/interface/fd-menu-guide.gif) no-repeat 8px 81px;
}
#menu li {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menu li.propos {
	height: 70px;
}
#menu li.corps {
	height: 65px;
}
#menu li.guide {
	height: 69px;
}
#menu li.propos, #menu li.corps, #menu li.guide, #menu li.infos {
	width: 165px;
	padding-right: 20px;
	text-align: right;
	cursor: pointer;
}
#menu li ul {
	position: absolute;
	z-index:10;
	text-align: left;
	left: 176px;
	background: #ae98c7;
	width: 130px;
	margin-top: 15px;
	border: 1px #ffffff solid;
	visibility: hidden;
}
#menu li li ul {
	margin-left: 130px;
	top: 1px;
	left:0;
	margin-top: 0;
}
#menu li li.first ul {
	top: 0;
}
#menu li li a:link, #menu li li a:visited {
	padding: 5px 12px;
	text-decoration: none;
	display: block;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li li a.on:link, #menu li li a.on:visited,
#menu li li a:hover, #menu li li a:active {
	background: #eee9f3;
	color: #ae98c7;
}
#menu li li {
	background: url(../images/interface/point-menu.gif) repeat-x;
	padding: 2px 0 1px 0;
	position: relative;
}
#menu li li.first {
	background: none;
	padding: 1px 0 1px 0;
}

.guide #menu li li a.on:link, .guide #menu li li a.on:visited,
.guide #menu li li a:hover, .guide #menu li li a:active,
.contact #menu li li a.on:link, .contact #menu li li a.on:visited,
.contact #menu li li a:hover, .contact #menu li li a:active {
	background: #f9d9c9;
	color: #e24a00;
}
.guide #menu li ul, .contact #menu li ul {
	background: #e24a00;
}

.corps #menu li li a.on:link, .corps #menu li li a.on:visited,
.corps #menu li li a:hover, .corps #menu li li a:active {
	background: #eaf4db;
	color: #9bca53;
}
.corps #menu li ul {
	background: #9bca53;
}




/*****************************************************
	GENERAL
*****************************************************/
#page {
	width: 906px;
	text-align: left;
	margin:0 auto;
	position: relative;
}
#main {
	height: 514px;
}
.home #main {
	background: url(../images/interface/centre-home.jpg) no-repeat 165px 98px;
}
.propos #main {
	background: url(../images/interface/centre-propos.jpg) no-repeat 221px 21px;
}
.propos .coin1 #main {
	background: url(../images/interface/centre-propos-suite.jpg) no-repeat 221px 21px;
}
.propos .coin2 #main {
	background: url(../images/interface/centre-propos-retour.jpg) no-repeat 221px 21px;
}
.propos .coins #main {
	background: url(../images/interface/centre-propos-coins.jpg) no-repeat 221px 21px;
}
.contact #main {
	background: url(../images/interface/centre-contact.jpg) no-repeat 204px 0;
}
.guide #main {
	background: url(../images/interface/centre-guide.jpg) no-repeat 163px 0;
}
.guide .coin1 #main {
	background: url(../images/interface/centre-guide-suite.jpg) no-repeat 163px 0;
}
.guide .coin2 #main {
	background: url(../images/interface/centre-guide-retour.jpg) no-repeat 163px 0;
}
.guide .coins #main {
	background: url(../images/interface/centre-guide-coins.jpg) no-repeat 163px 0;
}
.puberte #main {
	background: url(../images/interface/centre-corps-puberte.jpg) no-repeat 215px 0;
}
.puberte .coin1 #main {
	background: url(../images/interface/centre-corps-puberte-suite.jpg) no-repeat 215px 0;
}
.puberte .coin2 #main {
	background: url(../images/interface/centre-corps-puberte-retour.jpg) no-repeat 215px 0;
}
.puberte .coins #main {
	background: url(../images/interface/centre-corps-puberte-coins.jpg) no-repeat 215px 0;
}
.adulte #main {
	background: url(../images/interface/centre-corps-adulte.jpg) no-repeat 194px 23px;
}
.adulte .coin1 #main {
	background: url(../images/interface/centre-corps-adulte-suite.jpg) no-repeat 194px 23px;
}
.adulte .coin2 #main {
	background: url(../images/interface/centre-corps-adulte-retour.jpg) no-repeat 194px 23px;
}
.adulte .coins #main {
	background: url(../images/interface/centre-corps-adulte-coins.jpg) no-repeat 194px 23px;
}
#content {
	float: left;
	width: 706px;
}
.page1, .page2 {
	float: left;
}

p.suite {
	text-align: right;
}
#content p.retour {
	padding: 0;
}
#content p.suite {
	padding: 0;
}

#content .retour a:link, #content .retour a:visited, #content .retour a:hover, #content .retour a:active,
#content .suite a:link, #content .suite a:visited, #content .suite a:hover, #content .suite a:active {
	font-weight: normal;
	text-decoration: none;
	display: block;
	height: 25px;
	width: 60px;
}

h3 {
	font-size: 14px;
	padding-bottom: 15px;
}
.centre {
text-align: center;
}
.imgLeft  {
	float: left;
	margin: 10px 10px 0 0;
}

/* marges */
.top10 {
	margin-top: 10px;
}
.top15 {
	margin-top: 20px;
}
.top20 {
	margin-top: 20px;
}
.top30 {
	margin-top: 30px;
}
.top40 {
	margin-top: 40px;
}
.top50 {
	margin-top: 50px;
}
.top75 {
	margin-top: 75px;
}
.top110 {
	margin-top: 110px;
}
.top140 {
	margin-top: 140px;
}


/*****************************************************
	HOME
*****************************************************/
.home .bienvenue h1 {
	padding: 24px 0 0 48px;
}
.home .bienvenue {
	float: left;
	width: 506px;
}
.home .actualites {
	float: left;
	background: url(../images/interface/fd-actualites.jpg) no-repeat 0 70px;
	width: 200px;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.home .actualites .echantillons {
	height: 135px;
	width: 140px;
	padding: 0 0 0 0;
}
.home .actualites .anime-echantillons {
	position: absolute;
	margin: -15px 0 0 -5px;
}
.home .actualites h2 {
	height: 55px;
}
.home .actualites li {
	list-style-type: none;
	background: url(../images/interface/fleche-rose.gif) no-repeat 0px 0px;
	padding-left: 18px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.home .actualites * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.home #content .actualites a:link p, .home #content .actualites a:visited p {
	text-decoration: none;
	font-weight: normal;
	color: #a79d99;
}
.home #content .actualites a:hover p, .home #content .actualites a:active p {
	text-decoration: none;
	font-weight: normal;
	color: #af2f92;
}
.home #content .actualites a:link h3, .home #content .actualites a:visited h3 {
	text-decoration: underline;
	font-weight: bold;
	color: #af2f92;
}
.home #content .actualites a:hover h3, .home #content .actualites a:active h3 {
	text-decoration: underline;
	font-weight: bold;
	color: #af2f92;
}

.home .actualites h3 {
	padding-bottom: 5px;
}

.home .actualites .news {
	padding: 0 42px 0 18px;
	height: 228px;
}
.swf-ladynett {
	margin:0;
	padding:0;
	display: block;
	float: left;
}

/*****************************************************
	A PROPOS DE NETT
*****************************************************/
.propos .page1 {
	padding-top: 81px;
}
.propos .page2 {
	padding-top: 90px;
}
.propos h1 {
	padding-left: 14px;
	height: 110px;
}
.propos .color, .propos .suite, .propos .retour, .propos h3, .propos #content a:link, .propos #content a:visited, .propos #content a:hover, .propos #content a:active {
	color: #dd0375;
}
.propos #content .retour a:link, .propos #content .retour a:visited, .propos #content .retour a:hover, .propos #content .retour a:active,
.propos #content .suite a:link, .propos #content .suite a:visited, .propos #content .suite a:hover, .propos #content .suite a:active {
	color: #dd0375;
}
.propos .navpages, 
.propos #content #mes-questions .navpages a:link, .propos #content #mes-questions .navpages a:visited, .propos #content #mes-questions .navpages a:hover, .propos #content #mes-questions .navpages a:active,
.propos #content .navpages a:link, .propos #content .navpages a:visited, .propos #content .navpages a:hover, .propos #content .navpages a:active {
	color: #6a109c;
	font-weight: normal;
}
.propos #content #mes-questions .navpages a:link, .propos #content #mes-questions .navpages a:visited, .propos #content #mes-questions .navpages a:hover, .propos #content #mes-questions .navpages a:active,
.propos #content .navpages a:link, .propos #content .navpages a:visited, .propos #content .navpages a:hover, .propos #content .navpages a:active {
	text-decoration: underline;
}
/*.propos .retour {
	background: url(../images/interface/retour-propos.gif) no-repeat;
}
.propos .suite {
	background: url(../images/interface/suite-propos.gif) no-repeat 100% 0%;
}*/

/* historique / qualité exepertise */

.propos #content .fleche li {
	list-style-type: none;
	padding: 0 0 5px 14px;
	background: url(../images/interface/fleche-mauve.gif) no-repeat 0 3px;
}
.gouttes img {
	vertical-align: top;
}

.propos .texte .page1 {
	padding-left: 80px;
	width: 260px;
	padding-right: 50px;
	height: 350px;
}
.propos .texte h1 {
	padding-bottom: 10px;
}
.propos .texte p {
	padding: 0 0 10px 0;
}
.propos .texte .page2 {
	width: 250px;
}

.propos .pagePub {
	padding-left: 60px;
	width: 310px;
	padding-right: 20px;
	float:left;
	padding-top: 81px;

}
.propos .nav {
	clear: both;
}
.propos #content .nav p.retourVide {
	padding-left: 102px;
	width: 265px;
	padding-top: 14px;
	float: left;
}
.propos #content .nav p.retour {
	padding-left: 42px;
	width: 320px;
	padding-top: 0;
	float: left;
}
.propos .gamme p.suite, .propos .gamme2 p.suite, .propos .gamme p.retour, .propos .gamme2 p.retour {
	margin: 0;
}
.propos #content .nav p.retour a {
	padding-left: 60px;
	padding-top:14px;
}
.propos #content.texte .nav p.suite a {
	padding-top:0;
	padding-right: 50px;
}
body.propos #content.gamme .nav p.suite {
	padding-left: 190px;
	padding-top: 0;
	float: left;
}
body.propos #content.gamme2 .nav p.suite {
	padding-left: 175px;
	padding-top: 0;
	float: left;
}
.propos #content.texte .nav p.suite {
	padding-left: 185px;
	padding-top: 0;
	float: left;
}

.propos .gamme p, .propos .gamme2 p, .propos .gamme h3, .propos .gamme2 h3 {
	margin-left: 5px;
	margin-right: 5px;
}
.propos .gamme .visu-gamme {
	margin-left: 38px;
	margin-top: 19px;
	margin-bottom: 20px;
}
.propos div.gamme2 .page2 {
	padding-top: 79px;
	width: 300px;
}

.propos div.gamme2 .page1 {
	padding-right: 26px;
}
.propos .pub {
	height: 340px;
	width: 250px;
	overflow: auto;	
}
.propos .pub img {
	vertical-align: middle;
}
.propos .pub img.temoin {
	vertical-align: top;
	float: left;
	margin-right: 5px;
}
.propos .pub p {
	clear: both;
}
.propos #mes-questions li {
	list-style-type: none;
	background: url(../images/interface/fleche-mauve.gif) no-repeat 0 2px;
	padding-left: 16px;
}
.propos #reponse0 {
	width: 250px;
}
/* sélecteur */
.propos form.selecteur label {
	display: block;
	clear:both;
}
.propos form.selecteur div {
	float: left;
	width: 40px;
	text-align: center;
}
.propos form.selecteur div input {
	height: 14px;
}
.propos form.selecteur label img {
	display: block;
	float: left;
}
.propos .gamme form.selecteur h3 {
	margin: 0;
	padding: 25px 0 10px 0;
}
.propos .gamme form.selecteur p {
	margin-top: 5px;
}
.propos .gamme form.selecteur p.submit {
	clear:both;	
	text-align: center;
	padding-top: 20px;

}

/* demande échantillons */

#formEchantillon label {
	float: left;
	width: 97px;
}
#content #formEchantillon p {
	clear: both;
	padding: 8px 0 0 0 !important;
	padding: 6px 0 0 0;
}
#formEchantillon .submit {
	text-align: center;
	margin: 10px 0 0 0;
}
#formEchantillon .submit img {
	margin: 0 5px;
}
#formEchantillon input {
	border: 1px #AE98C7 solid;
	padding: 1px;
	width: 120px;
}
#formEchantillon .partenaires input {
	border: 0;
	padding: 0;
	width: auto;
}
#formEchantillon input#numero, #formEchantillon input#cp {
	width: 40px;
}
#formEchantillon input#jour, #formEchantillon input#mois, #formEchantillon input#annee {
	width: 16px;
}
#formEchantillon input#annee {
	width: 32px;
}
div.scroll-mentions {
	width: 250px;
	height: 340px;
	overflow: auto;
}
.scroll-mentions p.mentions, .scroll-mentions p.mentions *, .scroll-mentions div.mentions {
	font-size: 10px;
	line-height: 10px;
}

/*****************************************************
	CONTACT
*****************************************************/

.contact #content {
	padding-left: 160px;
	width: 546px;
	padding-top: 21px;
}
.contact #content h1 {
	height: 48px;
}
.contact #content form {
	padding: 0 0 0 5px;
	width: 340px;
}
.contact #content form label {
	display: block;
}
.contact #content form label input, .contact #content form label textarea {
	float: left;
	width: 210px;
	border: 1px #ffffff solid;
}

.jourmois
{
	float:none !important;
	width: 20px !important;
	border: 1px #ffffff solid;
}

.annee
{
	float: none !important;
	width: 40px !important;
	border: 1px #ffffff solid;
}


.contact #content form label input {
	padding: 2px 0;
}
.contact #content form label textarea {
	height: 60px;
}
.contact #content form label span {
	display: block;
	color: #ffffff;
	text-align: right;
	width: 100px;
	padding-right: 5px;
	float: left;
}
.contact #content form label.nom {
	height: 24px;
}
.contact #content form label.mail {
	height: 32px;
	margin:5px 0 0 0;
}
.contact #content form label.message {
	height: 65px;
}

.contact #content form p.oblig {
	color: #ffffff;
	font-size: 10px;
	padding: 5px 0 0 100px;
}
.contact #content form p.submit {
	padding: 0 0 0 100px;
}
.contact #content form p.submit img {
	margin-right: 5px;
}
.contact #content form .info {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 15px;
}
.contact #content form .pub {
	color: #ffffff;
	margin-bottom: 10px;
}
.contact #content form .adresse {
	color: #ffffff;
}
.contact #content form p.adresse {
	margin-top: 12px;
}
.scroll-contact {
	width: 345px;
	height: 361px;
	overflow: auto;
	margin-top: 25px;
}

/*****************************************************
	GUIDE
*****************************************************/
#mes-questions {
	width: 210px;
	height: 275px;
	overflow: auto;
}
#reponse0 {
	width: 210px;
	height: 335px;
	overflow: auto;
}
#mes-questions ul {
	padding-right: 5px;
}
#mes-questions li {
	list-style-type: none;
	background: url(../images/interface/fleche-questions.gif) no-repeat 0 2px;
	padding-left: 16px;
}
#content #mes-questions a:link, #content #mes-questions a:visited {
	font-weight: normal;
	text-decoration: none;
}
#content #mes-questions a.on:link, #content #mes-questions a.on:visited,
#content #mes-questions a:hover, #content #mes-questions a:active {
	font-weight: normal;
	text-decoration: underline;
}
.liste-reponses {
	display: none;	
}
.guide .page1 {
	padding-left: 90px;
	padding-top: 69px;
	width: 222px;
}
.guide .page1 h1 {
	padding-left: 48px;
	height: 65px;
}
.guide .page2 {
	padding-top: 75px;
	padding-left: 80px;
	width: 215px;
	height: 335px;
}
.guide #content p {
	padding: 0 0 10px 0;
}
.guide #content h3 {
	font-size: 14px;
	color: #e24a00;
	padding: 8px 0;
}
.guide .nav {
	clear: both;
}
.guide #content .nav p.retourVide {
	padding-left: 127px;
	width: 205px;
	padding-top: 36px;
	float: left;
}
.guide #content .nav p.retour {
	padding-left: 52px;
	width: 280px;
	padding-top: 0;
	float: left;
}
.guide #content .nav p.retour a {
	padding-left:50px;
	padding-top: 16px;
}
.guide #content .nav p.suite {
	padding-left: 200px;
	padding-top: 20px;
	float: left;
}
.guide #content .nav p.suite a {
	padding-right: 40px;
}
/*.guide .retour {
	background: url(../images/interface/retour-guide.gif) no-repeat 112px 0;
}
.guide .suite {
	background: url(../images/interface/suite-guide.gif) no-repeat 224px 0;
}*/
#pop-lexique h3,
#pop-lexique a:link, #pop-lexique a:visited,
#pop-lexique a:hover, #pop-lexique a:active,
.guide #content a:link, .guide #content a:visited,
.guide #content a:hover, .guide #content a:active,
.guide #content p.retour, .guide #content p.suite, .guide .color,
.guide #content .retour a:link, .guide #content .retour a:visited, .guide #content .retour a:hover, .guide #content .retour a:active,
.guide #content .suite a:link, .guide #content .suite a:visited, .guide #content .suite a:hover, .guide #content .suite a:active {
	color: #e24a00;
}

#pop-lexique p, #pop-lexique ul {
	margin: 0;
	padding: 5px 0;
}
#pop-lexique {
	height: auto !important;
	min-height: 220px;
	height: 220px;
	border: 5px #E24A00 solid;
}
#pop-lexique h3 {
	margin: 0;
	padding: 0 0 10px 0;
}
#pop-lexique .fd-lexique {
	background: none;
}
#pop-lexique #reponse0 {
	width: auto;
	height: auto;
	overflow: visible;
}
#pop-lexique p.fermer {
	text-align: right;
	padding-top: 0;
}
#pop-lexique .fermer a:link, #pop-lexique .fermer a:visited {
	text-decoration: none;
}
#pop-lexique .fermer a:hover, #pop-lexique .fermer a:active {
	text-decoration: underline;
}


/*****************************************************
	MON CORPS
*****************************************************/

.corps #content p {
	padding: 8px 0;
}
.corps h3 {
	font-size: 14px;
	padding: 10px 0;
}

.corps #content .fleche li {
	list-style-type: none;
	padding: 0 0 5px 14px;
}

/* adulte */

.adulte .page1 {
	padding-left: 83px;
	padding-top: 63px;
	width: 230px;
}
.adulte .page1 h1 {
	padding-left: 10px;
	height: 72px;
}
.adulte .page2 {
	padding-left: 100px;
	width: 230px;
	padding-top: 75px;
	height: 355px;
}
.adulte h3 {
	color: #ff8711;
}
.adulte h2 {
}
.adulte #content .fleche li {
	background: url(../images/interface/fleche-mauve2.gif) no-repeat 0 3px;
}

.adulte #content .fleche li.nopuce {
	background: none;
}
.adulte .nav {
	clear: both;
}
.adulte #content .nav p.retourVide {
	padding-left: 113px;
	width: 200px;
	padding-top: 0;
	float: left;
}
.adulte #content .nav p.retour {
	padding-left: 53px;
	width: 260px;
	padding-top: 0;
	float: left;
}
.adulte #content .nav p.retour a {
	padding-left: 60px;
}
.adulte #content .nav p.suite {
	padding-left: 230px;
	padding-top: 0;
	float: left;
}
.adulte #content .nav p.suite a {
	padding-right: 50px;
}
/*.adulte .retour {
	background: url(../images/interface/retour-adulte.gif) no-repeat 70px 0;
}
.adulte .suite {
	background: url(../images/interface/suite-adulte.gif) no-repeat 100% 0;
}*/
.adulte #content p.retour, .adulte #content p.suite,
.adulte #content .retour a:link, .adulte #content .retour a:visited, .adulte #content .retour a:hover, .adulte #content .retour a:active,
.adulte #content .suite a:link, .adulte #content .suite a:visited, .adulte #content .suite a:hover, .adulte #content .suite a:active {
	color: #374A8F;
}
.adulte #content a:link, .adulte #content a:visited,
.adulte #content a:hover, .adulte #content a:active,
.adulte .color {
	color: #827dd1;
}



/* puberté */

.puberte .page1 {
	padding-left: 70px;
	padding-top: 83px;
	width: 270px;
}
.puberte .page1 h1 {
	padding-left: 30px;
	height: 70px;
}
.puberte .page2 {
	padding-left: 55px;
	width: 250px;
	padding-top: 90px;
	height: 350px;
}
.puberte #content a:link, .puberte #content a:visited,
.puberte #content a:hover, .puberte #content a:active,
.puberte .color {
	color: #8757a0;
}
.puberte h3 {
	color: #9bca53;
}
.puberte #content .fleche li {
	background: url(../images/interface/fleche-mauve.gif) no-repeat 0 3px;
}
.puberte #content .fleche li.nopuce {
	background: none;
}
.puberte .nav {
	clear: both;
}
.puberte #content .nav p.retourVide {
	padding-left: 110px;
	width: 205px;
	padding-top: 4px;
	float: left;
}
.puberte #content .nav p.retour {
	padding-left: 50px;
	width: 265px;
	padding-top: 0;
	float: left;
}
.puberte #content .nav p.retour a {
	padding-top: 4px;
	padding-left: 60px;
}
.puberte #content .nav p.suite {
	padding-left: 235px;
	padding-top: 0;
	float: left;
}
.puberte #content .nav p.suite a {
	padding-right: 50px;
}
/*.puberte .retour {
	background: url(../images/interface/retour-puberte.gif) no-repeat 70px 0;
}
.puberte .suite {
	background: url(../images/interface/suite-puberte.gif) no-repeat 100% 0;
}*/
.puberte #content p.retour, .puberte #content p.suite,
.puberte #content .retour a:link, .puberte #content .retour a:visited, .puberte #content .retour a:hover, .puberte #content .retour a:active,
.puberte #content .suite a:link, .puberte #content .suite a:visited, .puberte #content .suite a:hover, .puberte #content .suite a:active {
	color: #a30c49;
}
/*****************************************************
	MISE A JOURS FEVRIER 2010
*****************************************************/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
}
a.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:underline
	color: #ffffff;
}

a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:underline
	color: #ffffff;
}

.cgulien {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6a6361;
}
a.cgulien {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:underline
	color: #6a6361;
}

a.cgulien:visited {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration:underline
	color: #6a6361;
}

select#cboMonth { width:40px !important;}
select#cboDay { width:35px !important;}
select#cboYear { width:57px !important;}


select#mois { width:40px !important;}
select#jour { width:35px !important;}
select#annee { width:57px !important;}
