@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, form, formfield, fieldset, div {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial, Times, serif;
 	color: #ffffff;
}

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


body {
	font-family:  "Arial";
	background:#000000 url(../images/fond_seance_photo_home.jpg) no-repeat scroll center top;
}

/***** La base des liens *****/
a {
	color: #099;
	text-decoration:underline;
}

a:hover {
	color:#fff;
	text-decoration:none;
}

a:active {
	color:#FA552C;
	text-decoration:underline;
}



/***** Classe H1 etc ... *****/
p {
	font-size:14px;
	padding: 10px 0px 20px 0px;
}


h1 {
	font-size:24px;
	font-weight:normal;
	margin: 15px 0px 0px 0px;
}

h2 {
	font-size:20px;
	font-weight:normal;
	color:#999;
	margin:0px;
	padding:0px;

}

h3 {

}

h4 {
	font-size: 13px;
	color: #B3B3B3;
	text-align: center;
	padding: 15px 0px 0px 0px;
	margin: 0px;

}

h5 {
	font-size: 16px;
	color: #9FF;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}

h6 {  
	
}

h6.bis {
	font-size: 16px;
	color: #F90;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}


/*-----------------------------------------------------------------------La structure de ma page dans l'ordre*/
/** SKIP VERS LA NAVIGATION **/
#skipToNav {
	position: absolute; 
	top: -500px;/*deplace le div en dehors de la zone d'affichage*/
}
/** FIN SKIP VERS LA NAVIGATION **/

/** ELEMENT + SMARTPHONE **/
#headerSmartphone{
	display:none;
}

/** ----------------------------------------------  ZONE WRAPPER **/
#wrapper {
	margin: 0 auto;/*centrer la page dans le navigateur*/
	width: 980px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	display: block;
}
/** FIN DIV WRAPPER **/



/** ----------------------------------------------  ZONE HEADER **/
#header {
	height: 400px;
	width: 980px;
	background-image: url(../images/header_background.jpg);
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#HeaderLogo{

}

/** FIN DIV HEADER **/

/** ----------------------------------------------  ZONE CONTENT **/
#content {
	width: 980px;
	float: left;
}


/** ----------------------------------------------  NAVIGATION **/
#navHaut {
	height: 46px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	/*border-bottom: dotted #FF8327 1px;
	border-top: dotted #FF8327 1px;*/
	width: 980px;
}

#navHaut ul{
	height: 46px;
	padding: 0px;
	margin: 0px;
	/*background-image:url(../images/fond_noir_trans_menu.png);*/
	
}

#navHaut li{
	display: inline;
	padding: 7px 10px 7px 10px;
	margin: 0px 0px 0px 0px;
	font-size:18px;
	line-height:47px;
	border-right: solid #699 1px;
	text-transform: none;
}

#navHaut li .selected{
	color: #ffffff;
}

#navHaut ul li a {
	color: #699;
	text-decoration:none;
}

#navHaut ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#navHaut ul li a:active {
	color:#699;
	text-decoration:underline;
}

#navHautContent {
	height: 46px;
	border-left: 1px solid #699;
	padding: 0px;
	margin: 0px;
	float: left;
	
}

/** FIN DIV NAVHAUT **/



/** ---------------------------------------------   DEBUT PRESENT PAGE **/

#PresentPage {
	width: 970px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	height: 0px;
	line-height:0px;
	display:block;
}

#PresentPage h1{
	font-size:15px;
	font-weight:normal;
	color:#99336B;
	margin:0px;
}


/** ---------------------------------------------   DEBUT PRESENT PAGE **/

#Introduction {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#Introduction p{
	color:#B3B3B3;
	margin: 10px 0px 0px 0px;
}

#Introduction img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}

#IntroductionFiche {
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
}

/** ---------------------------------------------   DEBUT PRESENT INFORMATION **/

.information {
	width: 980px;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	border-bottom: dotted #699 1px;
}

.information p{
	color:#B3B3B3;
	padding: 10px 0px 5px 0px;
}

.information h3{
	color:#FFF;
	font-weight:normal;
	padding: 10px 0px 0px 0px;
}

.MiseEnAvant{
	color:#ffffff;
	font-weight:bold;
}

/** ---------------------------------------------   DEBUT PRESENT PAGE **/

.galerie {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted #612044 1px;
}

#galerie p{
	color:#8EC775;
}

#galerie img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}

.galerieFiche {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 950px;
}

#galerieFiche p{
	color:#8EC775;
}

#galerieFiche img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
}

/** ---------------------------------------------   DEBUT PRESENT CREER FORMULE **/

#CreerFormule {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted #587A48 1px;
}

#CreerFormule p{
	color:#B3B3B3;
}

#CreerFormule p.alerte{
	color:#FF9D4A;
	font-weight:bold;
}



/** ---------------------------------------------   DEBUT PRESENT PAGE **/

#PresenteFormule {
	width: 980px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted #699 1px;
	float: left;
}

#PresenteFormule p{
	color:#8EC775;
}


#PresenteFormule img{
	border-bottom: 0px;
}


#GraphicsFormule{
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#GraphicsFormulePhoto{
	width: 60%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#699;
	height:24px;
	float:left;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

#GraphicsFormuleVideo{
	width: 40%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#7E7E7E;
	height:24px;
	float:left;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

#ZGraphicsFormulePhoto{
	width: 60%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	text-align: center;
}

#ZGraphicsFormuleVideo{
	width: 40%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	text-align: center;
}

#zoneVignette{
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float:left;
}


/** ---------------------------------------------   DEBUT PRESENT PAGE **/

#PresentDeuxColonnes {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: block;
	float: left;
}

#PresentDeuxColonnes p{
	color:#B3B3B3;
	text-align:justify;
	margin:15px 0px 5px 0px;
	padding:0px;
	
}


#PresentDeuxColonnes #DeuxColonnesGauche{
	float:left;
	display:block;
	width: 485px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#PresentDeuxColonnes #DeuxColonnesDroite{
	float:right;
	display:block;
	width: 485px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/** ---------------------------------------------   DEBUT Bandeau maquillage **/

#PresenteMaquillage {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#PresenteMaquillage img{
	border-bottom: dotted #699 1px;
	border-top: dotted #699 1px;
}


/** ---------------------------------------------   DEBUT PRESENT PAGE **/

#PresentTroisColonnes {
	width: 980px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: block;
	float: left;
}

#PresentTroisColonnes h1{
	font-size:24px;
	font-weight:normal;
	color:#ffffff;
	margin:10px 0px 10px 0px;
	padding:0px;
}

#PresentTroisColonnes p{
	font-size:16px;
	color:#B3B3B3;
	text-align:justify;
	margin:10px 0px 5px 0px;
	padding:0px;
}

#PresentTroisColonnes .TroisColonnesLigne {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: none;
	float: left;
}



#PresentTroisColonnes .TroisColonnesGauche{
	float:left;
	display:block;
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#PresentTroisColonnes .TroisColonnesCentre{
	float:left;
	display:block;
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}


#PresentTroisColonnes .TroisColonnesDroite{
	float:right;
	display:block;
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/** ---------------------------------------------   DEBUT FORMULE**/
.Formules {
	padding: 0px 0px15px 0px;
	margin: 0px 0px 0px 0px;
	border-top: dotted #699 1px;
	float: left;
	display: block;
}

.Formules p{
	color:#B3B3B3;
}


.FormulesVignette{
	width: 170px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	float: left;
	display: block;
	text-align: center;
}

.FormulesEnsDroite{
	padding: 0px;
	margin: 15px 0px 0px 0px;
	float: left;
	display: block;
	width: 800px;
}

.FormulesEnsDroite h3{
	color:#699;
	font-size:16px;
}

.FormulesEnsDroite h6{
	color:#C93;
	font-size:16px;
}


.FormulesIntro{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
}

.FormulesIntro p{
	font-size:14px;
	color: #FFF;
}


.FormulesContenu{
	width: 370px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	float: left;
	display: inline;
}




.FormulesSuggestion{
	width: 350px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	float: left;
	display: inline;
}

.FormulesZoneBouton{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	display: block;
	width: 750px;
}


.formuleZoneGalerie{
	padding: 0px;
	margin: 0px 0px 10px 20px;
	float: none;
	display: block;
}

/** ---------------------------------------------   DEBUT TABLE FORMULE **/
table {
	margin: 0 auto;
	font-size: 1em;
	line-height: 1.4em;
	border-collapse: collapse;
	border: 1px solid #566B49;
}

table .case{
	margin: 0px;
	border: 1px solid #8A482C;
}

td .casetd{
	padding: 0px;
}


thead {

}

th {
	text-align: left;
	border-left: 1px solid #9a9693;
	border-right: 1px solid #9a9693;
	padding: 6px;
	border-top: 1px solid #9a9693;
}

td {
	border-top: 1px dotted #566B49;
	border-right: 1px solid #566B49;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

.TitreFormule{
	text-align:center;
	font-size:16px;
	color:#FFF;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 0px;
	font-weight: bold;
}

.EnTeteFormule{
	text-align:center;
	font-size:22px;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 0px;
}

.PrixFormule{
	font-size:20px;
	font-weight:normal;
	color:#8EC775;
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	width: 50px;
}

input.PrixFormule {
	text-align:right;
	background-color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 50px;
}

.PresentFormule{
	text-align:right;
	font-size:15px;
	font-weight:bold;
	color:#8A482C;
	padding:0px;
	border-top: 0px dotted #566B49;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.texteFormule{
	text-align:right;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
}

.boutonFormule{
	text-align:center;
	margin:0px;
	padding:0px;
}
.tableinner {
	border: 0px;
	padding:0px;
	margin: 0;
	padding: 0;
}
td.tableinner {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #566B49;
	border-left-color: #000000;
	height: 24px;
}

td.tableinnerSelectPhoto {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #566B49;
	border-left-color: #000000;
	height: 24px;
	background-color:#679055;
}

td.tableinnerSelectVideo {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #566B49;
	border-left-color: #000000;
	height: 24px;
	background-color:#62331f;
}


th.tableinner {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #566B49;
	border-left-color: #000000;
	height: 30px;
	text-align: center;
}
td.tableinnertitre {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #566B49;
	border-left-color: #000000;
	height: 40px;
}

/** ---------------------------------------------   DEBUT ZONE GALERIE FLASH **/
#flashcontent{
	height:550px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	width: 850px;
	
}

#flashcontentb{
	width:787px;
	height:550px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	
}






/** ---------------------------------------------   DEBUT ZONE FORMULAIRE **/

.zoneFormulaire {
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}


/** ---------------------------------------------   DEBUT PLAN DU SITE **/

#PlanDuSite {
	padding: 0px 0px 10px 0px;
	margin: 50px 0px 0px 0px;
	border: solid #699 1px;
	float: left;
	text-align:left;
	width:100%;
}

#PlanDuSite p{
	color:#8EC775;
}

#PlanDuSite h1{
	text-align:center;
	color:#699;
	padding: 0px 0px 10px 0px;
	border-bottom: dotted #699 1px;
}

#PlanDuSite #LesMenus{
	width:955px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	display:block;
	height: 210px;
	text-align: center;
}

#PlanDuSite #LesMenus .titreListe{
	text-align:left;
	font-size:15px;
	color:#8B2E61!important;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 10px 0px;
	border-bottom: dotted #699 1px;
	font-weight: bold;
}

#PlanDuSite #LesMenus ul{
	padding: 0px;
	margin: 10px 14px 10px 0px;
	text-align: left;
	float: left;
	display: block;
	width: 145px;
}

#PlanDuSite #LesMenus li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	text-align: left;
	list-style-type: none;
}

#PlanDuSite #LesMenus ul li a {
	color: #699;
	text-decoration:none;
}

#PlanDuSite #LesMenus ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

#PlanDuSite #LesMenus ul li a:active {
	color:#699;
	text-decoration:underline;
}


/** DEBUT FOOTER **/
#footer {
	height: 27px;
	float: left;
	width: 980px;
	margin: 0px 0px 15px 0px;
}


#footer ul{
	text-align: center;
	margin: 10px 0px;

}

#footer .Agauche{
	border-left: solid #666 1px;
	padding: 0px 5px 0px 10px;
}

#footer li{
	display: inline;
	padding: 0px 10px 0px 10px;
	color: #204a94;
	line-height: 12px;
	border-right: solid #666 1px;
	font-size: 12px;
}

#footer ul li a {
	color:#666;
	text-decoration:underline;
	
}

#footer ul li a:hover {
	color:#A23571;
	text-decoration:underline;
}

#footer ul li a:active {
	color:#612044;
	text-decoration:underline;
}



/** FIN DIV ---------------------------------------**/


/** ------------------------------------------------ FORM **/
form{
	padding:0px;
	color:#B3B3B3;
	margin: 10px auto;
	width: 100%;
}

fieldset {
	border: 0px;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	display:block;
	border:solid #612044 1px;
	width:400px;
}

legend {
	font-size: 1em;
	font-weight: bold;
	color:#8EC775;
	margin: 0px;
	padding:0px;
	line-height:30px
}

label {
	color:#B3B3B3;
	font-size:0.9em;
	display: block;
	float: left;
	text-align: left;
	width:10em;
	line-height:12px;	
}

#FormInformationsPerso input {
	display: block;
	float: left;
	width:200px;
	line-height:18px;
	padding:0px 0px 0px 5px;
}

input[type=radio],
input[type=submit],
input[type=checkbox] {
	width:auto;
}

input[type=checkbox] {
	padding:0px 0px 0px 0px;
}


input[disabled], checkbox[disabled]
{
 background-color: #000000;
 border:1px solid #8EC775;
 color: #8EC775;
 cursor: default;
} 


br {
clear: both;
}

.grasTexteAlerte {
	color: #FFF;
	font-weight: bold;
}