@charset "utf-8";

* {
margin:0;
padding:0;
}


body {
margin:0;
padding:0;
background: #000000 url(../images/BKG01.jpg) center top no-repeat;
height:100%;
font-family:Verdana, arial, helvetica, sans-serif;
color:#FFFFFF;
font-style:normal;
font-weight:normal;

}



.old{
width:990px; 
text-align:left; 
padding-top:10px; 
padding-bottom:20px;
margin-right:auto;
margin-left:auto;
}

.old table{
margin-right:auto;
margin-left:auto;
}

.old .form{
padding:10px; 
width:800px;
margin-right:auto;
margin-left:auto;
}

.old h1{font-size:22px; font-weight:normal; font-weight:bold; color:#ff5d00;}
.old h2{font-size:18px; color:#FF5705; font-weight:bold; color:#ff5d00;}

.wrapper{
margin:0;
padding:0;
}
.contenu{
width:1000px;
margin-top:90px;
margin-right:auto;
margin-left:auto;
margin-bottom:0;
}

.header{
width:100%;
height:90px;
margin:0;

}

#logo{
margin:0;
padding:0;
position:relative;
width:300px;
height:80px;
float:left;
}

#logo h1 {
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/logo_studio.png);
background-repeat:no-repeat;
}

#logo img {
margin-top:10px;
}

.menu{
position:relative;
height:80px;
margin-left:400px;
}
.menu a {
color:#ffffff;
TEXT-TRANSFORM: uppercase;
text-indent:-10px;
text-decoration:none;
padding:5px;
}

#nav {
height:23px;
font-size:11px;
letter-spacing:1px;
line-height:1.2;
padding-top:10px;
}

#nav li { 
display:inline;
margin:0;
padding:0;
}

#nav li a {
	float:left;
	width:89px;
	height:23px;
	margin-left:10px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	}
	
#nav li#naccueil a {  width:89px; }
#nav li#nstudio a { width:89px; }
#nav li#nservices a {  width:89px; }
#nav li#nformules a {  width:89px; }
#nav li#ncontact a {  width:89px; }


#nav li a:hover, #nav li { 
background-image:url(../images/bt_over.png);
color:#ff5d00;
}

.actif_accueil { background-image:url(../images/bt_accueil.png);}
.actif_studio { background-image:url(../images/bt_studio.png);}
.actif_services { background-image:url(../images/bt_services.png);}
.actif_formules { background-image:url(../images/bt_formules.png);}
.actif_contact { background-image:url(../images/bt_contact.png);}


.principal{
position:relative;

}
.accroche{
position:relative;
}
.accroche h2{
width:100%;
height:47px;
padding:0;
margin:0;
text-indent:-9999px;
background:url(../images/accroche.png) center no-repeat;
}

.pastille{
position:absolute;
z-index:10000;
margin-left:760px;
top: 300px;
}
.footer{
padding-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:1px;
color:#FFFFFF;
}
.footer a{
color:#FFFFFF;
text-decoration:none;
}
.footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.formules{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	height:366px;

	}
	
.formules .prix{
		text-align:right;
		padding-right:20px;
		font-weight:bold;
	}
	
.formules .form_desc {
		text-align:left;
		padding:0 20px 10px; 20px;
		margin-top:60px;
		height:160px;
	}
	
#form_ment {
	font-size:10px;
		color:#999;
		text-align:right;



	}
	
.formules h2 {
	text-indent:-9999px;
	}
	
.formules .commander {
	width:157px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}	
	
	
#essentielle{
	background:url(../images/formules.png) no-repeat 0px 0px ;}
#institutionnelle{
	background:url(../images/formules.png) no-repeat -254px 0px ;}
#usuelle{
	background:url(../images/formules.png) no-repeat -508px 0px ;}
#etincelle{
	background:url(../images/formules.png) no-repeat -764px 0px ;}

.button_essentielle {
	clear: both;
	position:relative;
	display:block;
	height: 40px;
	width: 157px;
	background:url(../images/bouton_formules_essentielle.png) no-repeat;
	background-position:top;
	cursor: pointer;
}	
.button_essentielle span.hover{
	position: absolute;
	display: block;
	height: 40px;
	width: 157px;
	background: url(../images/bouton_formules_essentielle.png) no-repeat;
	background-position:bottom;
}

.button_instit {
	clear: both;
	position:relative;
	display:block;
	height: 40px;
	width: 157px;
	background:url(../images/bouton_formules_instit.png) no-repeat;
	background-position:top;
	cursor: pointer;
}	
.button_instit span.hover{
	position: absolute;
	display: block;
	height: 40px;
	width: 157px;
	background: url(../images/bouton_formules_instit.png) no-repeat;
	background-position:bottom;
}
.button_usuelle {
	clear: both;
	position:relative;
	display:block;
	height: 40px;
	width: 157px;
	background:url(../images/bouton_formules_usuelle.png) no-repeat;
	background-position:top;
	cursor: pointer;
}	
.button_usuelle span.hover{
	position: absolute;
	display: block;
	height: 40px;
	width: 157px;
	background: url(../images/bouton_formules_usuelle.png) no-repeat;
	background-position:bottom;
}
.button_etincelle {
	clear: both;
	position:relative;
	display:block;
	height: 40px;
	width: 157px;
	background:url(../images/bouton_formules_etincelle.png) no-repeat;
	background-position:top;
	cursor: pointer;
}	
.button_etincelle span.hover{
	position: absolute;
	display: block;
	height: 40px;
	width: 157px;
	background: url(../images/bouton_formules_etincelle.png) no-repeat;
	background-position:bottom;
}