body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0px;
	background-image: url(../images/bg-rose-main.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
#header {
	text-align: left;
	width: 970px;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #bdbcbc;
	padding-top: 10px;
	padding-bottom: 10px;
}
.rose {
	color: #ed018a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
}
/* ---------------------- nav ---------------------- */
#menu-box{
	height:32px;
	color:#FFFFFF;
	width:970px;
	}

#menu-nav{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../images/bg-menu-on.gif) repeat-x left bottom;
	height: 32px;
	}

#menu-nav ul{
	display:block;
	list-style-type:none;
	width:auto;
	float:left;
	line-height:275%;
	}

#menu-nav li{
	display:block;
	float:left;
	display:block;
	list-style-type:none;
	width:auto;
	float:left;
	line-height:275%;
	margin-top: 0;
	margin-bottom: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}

#menu-nav li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	height:32px;
	padding-top: 12;
	padding-bottom: 0;
	padding-left: 11px;
	padding-right: 10px;
	}

#menu-nav li a:hover{
    display:block;
	color:#fff;
	background:transparent url(../images/bg-menu-off.gif) repeat-x left bottom;
	}

#menu-nav li a.current,#dolphinnav li a.current:hover{
	color:#ff9df0;
	background:url(../images/bg-menu-select.gif) repeat-x left top;
	}
/* ---------------------- END nav ---------------------- */
.box-top {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.pic-top {
	border: 5px solid #ED018A;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.texte-mauve {
	font-size: 11px;
	color: #FF9DF0;
}
.texte-blanc {

	font-size: 11px;
	color: #FFFFFF;
}
.titre-top {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF9DF0;
	margin: 0px;
}
.box-quiz {
	font-size: 11px;
	color: #1E0723;
	background-color: #FF9DF0;
	width: 130px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 5px;
}
.box-quiz a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.box-quiz a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.carre-trans-1 {
	background-image: url(../images/trouve-ton-look.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 11px;
	color: #1E0723;
}
.les-titre {
	font-size: 15px;
	font-weight: bold;
	color: #ED018A;
}
.look {
	background-color: #E2E2E2;
	background-image: url(../images/look2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 130px;
	line-height: 18px;
}
.look a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.look a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.les-titre2 {

	font-size: 15px;
	font-weight: bold;
	color: #1E0723;
}
.titre-fond-mauve {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1E0723;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.fond-rose {
	background-image: url(../images/bg-rose.jpg);
	padding: 5px;
}
.bloc-photo1 {
	font-size: 11px;
	color: #1E0723;
	width: 210px;
}
.bloc-photo1 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo1 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-photo2 {
	font-size: 11px;
	color: #1E0723;
	width: 250px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-left: 150px;
}
.bloc-photo2 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo2 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-photo3 {
	font-size: 11px;
	color: #1E0723;
	margin-left: 270px;
	line-height: 18px;
}
.bloc-photo3 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo3 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.titre-boite-mauve {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.boite-mauve {
	background-color: #61246F;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.boite-mauve-in {
	background-color: #b938ae;
	font-size: 11px;
	color: #1E0723;
	padding: 10px;
}
.boite-mauve-in2 {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.boite-mauve-in a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.boite-mauve-in a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.boite-mauve-in2 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.boite-mauve-in2 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.pic-bonus1 {
	border: 1px solid #61246F;
	margin-right: 5px;
}
.pic-bonus2 {
	border: 1px solid #B938AE;
	margin-left: 5px;
}
.boite-rect {
	background-color: #61246F;
	padding: 5px;
}
.titre-bloc-rect {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	background-image: url(../images/bloc-rect-pic2.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
}
.titre-bloc-rect2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.bloc-rect-acc {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/bloc-rect-pic3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #B63AAC;
	padding: 10px 10px 20px;
}
.texte {
	font-size: 11px;
	color: #1E0723;
}
.texte-box {
	font-size: 11px;
	color: #1E0723;
	background-color: #E2E2E2;
	padding: 10px;
}
.texte-box  a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.texte-box  a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.texte a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.texte a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.footer {
	background-image: url(../images/bg-rose.jpg);
	width: 100%;
	margin-top: 20px;
}
.footer-box {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #1E0723;
	padding: 20px;
	width: 930px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.footer-box a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 5px;
	margin-right: 5px;
}
.footer-box a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
	margin-left: 5px;
}
.footer-box-off {
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 5px;
	margin-left: 5px;
}
/* ---------------------- look ---------------------- */
.bloc-photo-look2 {
	font-size: 11px;
	color: #1E0723;
	width: 220px;
	background-color: #FFFFFF;
	padding: 5px;
}
.bloc-photo-look2 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo-look2 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-photolook1 {
	font-size: 11px;
	color: #1E0723;
}
.bloc-photolook1 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photolook1 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-photolook3 {
	font-size: 11px;
	color: #1E0723;
	margin-left: 100px;
	line-height: 18px;
}
.bloc-photolook3 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photolook3 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-rect-look {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/look-rect-pic2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #B63AAC;
	padding: 10px 200px 18px 10px;
}
.bloc-rect-look a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-rect-look a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
/* ---------------------- technique ---------------------- */
.les-titre3 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
.bloc-rect-tech {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/techniques-rect-pic2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #B63AAC;
	padding: 10px;
}
.bloc-photo-tech {
	font-size: 11px;
	color: #1E0723;
	width: 170px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-left: 90px;
}
.bloc-photo-tech a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo-tech a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
/* ---------------------- apprendre ---------------------- */

.bloc-decouvrez {
	background-image: url(../images/apprendre2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.decouvrez-texte {
	background-color: #E2E2E2;
	width: 300px;
	margin-left: 155px;
	font-size: 11px;
	margin-top: 9px;
	height: 165px;
	line-height: 18px;
	padding-top: 25px;
}
.decouvrez-texte a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.decouvrez-texte a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-rect-app {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/apprendre-rect-pic2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #B63AAC;
	padding: 10px;
}
.bloc-photoapp3 {
	font-size: 11px;
	color: #1E0723;
	margin-left: 165px;
	margin-top: 5px;
}
.bloc-photoapp3 a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photoapp3 a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
/* ---------------------- experte ---------------------- */
.bloc-rect-exp {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #B63AAC;
	padding: 10px;
}
.bloc-rect-exp a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-rect-exp a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
.bloc-photo-exp {
	font-size: 11px;
	color: #1E0723;
	margin-left: 270px;
	margin-top: 7px;
}
.bloc-photo-exp a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-photo-exp a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
/* ---------------------- bonus ---------------------- */
.bloc-rect-bonus {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/bonus-rect-pic2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #B63AAC;
	padding: 10px 10px 18px 125px;
}
.bloc-rect-bonus a {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #ED018A;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	margin-left: 0px;
}
.bloc-rect-bonus a:hover{
	font-size: 11px;
	color: #ED018A;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
/* ---------------------- inscription ---------------------- */