/******************** Global ********************/
* 
{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	font-family:"trebuchet ms",sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
} 
body 
{
	margin: auto; /* Pour centrer notre page */
	text-align: justify;
   	margin-top: 50px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
  	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold; 
	background-color: #65655B;
}
a
{
	color: #FFFFFF;
	font-weight: bold; 
}
a:hover
{
	color: #b8b883;
}
#conteneur
{
	background: #65655B;
	margin-left: auto;
    margin-right: auto;
	width: 800px;

    position: relative;
}
p
{
	margin-top: 5px;
	padding-left: 10px; 
	padding-right: 10px; 
	text-align: justify;
}
ul
{
	margin-top: 10px;
	padding-left: 30px; 
	padding-right: 30px; 
	text-align: justify;
}

li
{
	margin-left:35px;
}
/******************** Sur Header ********************/
#surheader
{
	height: 60px;
}
#surheaderhaut
{
	width: 200px;
	height: 70%;
	background-color: #41413B;
}
.surheaderhaut
{
	float:left;
	margin: 10px;
	margin-left:20px;
}
#surheaderbas
{
	width: 100%;
	height: 30%;
	background-color: #272722;
	border-top: 1px solid #65655B ;
	border-bottom: 1px solid #65655B;
}

/******************** Bloc Gauche ********************/
#blocgauche
{
	float: left;
	background: #4e4e47;
	width: 200px;
	height: 100%;
}
#header
{
	height: 176px;
	/*background-color: #35352F;*/
	background-color: #939077;
	border-top: 1px solid #65655B;
	border-bottom: 1px solid #939077;
}
#menu
{
	height: 295px;
	background-color: #939077;
}
.menu
{
	width: 120px; 
	height: 18px;
	background-image: url(images/fleche.gif);
	padding-left:60px;
	font-weight: bold;
}
.menu span
{
	font-weight: bold;
}

#menu a
{
	color: #FFFFFF;
}
#menu a:hover
{
	color: #34b340;
	text-decoration: underline;
	background: #63635d;
}
/******************** Main ********************/
#main
{
	float:right;
	background-color: #4e4e47;
	border-top: 1px solid #65655B;
	width: 600px;	
}
#barregauche
{
	float: left;
	width: 23px;
	height: 472px;
	border-right: 1px solid #65655B;
}
#barredroite
{
	float: left;
	width: 23px;
	height: 472px;
	border-left: 1px solid #65655B;
}
#centre
{
	float: left;
	width: 552px;
}
/******************** Footer ********************/
#footer
{
	float: right;
	width: 100%;
	height: 65px;
	background-color: #65655B;
}
#footerhaut
{
	float:left;
	width: 100%;
	height: 25px;
	background-color: #272722;
	border-top: 1px solid #65655B;
	border-bottom: 1px solid #65655B;
}
#footerbas
{
	float: right;
	width: 520px;
	height: 40px;
	background-color: #4E4E47;
	text-align:right;
}
#footerbas span
{
	clear: both;
	font-size: 10px;
	margin: 10px;
}
/******************** Titre : H1 - H2 - H3 ********************/
h1 
{ 
	clear: both;
	font-size: 16px; 
	font-weight: bold; 
	margin: 0; 
	padding-top: 15px;
	padding-left: 10px; 
	padding-right: 10px; 
	text-align:left;
	color: #b8b883;
}
h2
{ 
	clear: both;
	font-size: 14px; 
	font-weight: bold; 
	margin: 0; 
	padding-top: 5px;
	padding-left: 10px; 
	padding-right: 10px; 
	text-align:left;
	color: #b8b883;
}
h3
{ 
	clear: both;
	font-size: 14px; 
	margin: 0; 
	padding-top: 10px;
	padding-left: 10px; 
	padding-right: 10px; 
	text-align:left;
	color: #b8b883;
}
/******************** Divers ********************/
.erreur
{
	font-weight: bold; 
	color: #FF0000;
	font-size: 12px;
}
.ok
{
	font-weight: bold; 
	color: #0000FF;
	font-size: 12px;
}
.jaune
{
	color: #b8b883;
}
/****************** Liens **********************/
#liens_intro
{
	width: 98%;
	border:  1px solid #FF;

}
#liens_txt
{
	float: left;
	width: 65%;

}
#liens_img
{
	float: left;
	width: 175px;
	height: 117px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
#partenaires
{
	clear: both;
	margin-top: 15px;
	float: left;
	width: 100%;

}
#partenaires_header 
{
	width: 100%;
	height: 30px;
	background-color: #2d2d27;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
}
#partenaires_furterer
{
	clear: both;
	width: 100%;
	height: 135px;
	margin-left:auto;
	margin-left:right;
	background-color: #21211c;
}
#partenaires_loreal
{
	clear: both;
	width: 100%;
	height: 135px;	
	margin-left:auto;
	margin-left:right;
	background-color: #35352f;
}
.partenaires_img
{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 100px;
	height: 100px;
	border: 1px solid #b8b883;
}
.partenaires_desc
{
	float: left;
	margin-right: 10px;
	width: 400px;
}
/****************** EDUCATION **********************/
#education_intro
{
	width: 98%;
	border:  1px solid #FF;

}
#education_txt
{
	float: left;
	width: 80%;

}
#education_img
{
	float: left;
	width: 100px;
	height: 135px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
#stages
{
	clear: both;
	float:left;
	width: 50%;

	margin-top: 10px;
	background-color: #21211c;

}
#stages_header
{
	width: 100%;
	height: 30px;
	background-color: #35352f;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
	border-right: 1px solid #262620;		
}
#centreformation
{
	float:left;
	width: 50%;
	margin-top: 10px;
	background-color: #35352f;
}
#centreformation_header
{
	width: 100%;
	height: 30px;
	background-color: #21211c;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
	border-right: 1px solid #262620;		
}
#centreformation_img
{
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.centreformation_img
{
	border: 1px solid #b8b883;
}
/****************** PHILOSOPHIE **********************/
#philosophie_intro
{
	width: 98%;
	border:  1px solid #FF;

}
#philosophie_txt
{
	float: left;
	width: 80%;

}
#philosophie_img
{
	float: left;
	width: 100px;
	height: 134px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
#maphilosophie
{
	clear: both;
	float:left;
	width: 100%;
	margin-top: 10px;
	background-color: #21211c;

}
#maphilosophie_header
{
	width: 100%;
	height: 30px;
	background-color: #35352f;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
	border-right: 1px solid #262620;		
}
#detenteetsoins
{
	float:left;
	width: 50%;
	margin-top: 10px;
	background-color: #35352f;
}
#detenteetsoins_header
{
	width: 100%;
	height: 30px;
	background-color: #21211c;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
	border-right: 1px solid #262620;		
}
/****************** Contact **********************/
#contact_intro
{
	width: 98%;
	border:  1px solid #FF;

}
#contact_txt
{
	float: left;
	width: 65%;

}
#contact_img
{
	float: left;
	width: 175px;
	height: 117px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
#formulaire
{
	clear: both;
	margin-top: 15px;
	float: left;
	width: 100%;

}
#formulaire_header 
{
	width: 100%;
	height: 30px;
	background-color: #2d2d27;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
}
#form_contact
{
	clear: both;
	float:left;
	width: 100%;

	padding-left: 10px;
	background-color: #21211c;

}
#contact
{
	clear: both;
	margin-top: 15px;
	float: left;
	width: 100%;

}
#contact_header 
{
	width: 100%;
	height: 30px;
	background-color: #2d2d27;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
}
/****************** Défilés **********************/
.defiles
{
	width: 98%;
	border:  1px solid #FF;

}
.defiles_txt
{
	float: left;
	width: 65%;

}
.defiles_txt h1 
{ 
	clear: both;
	font-size: 16px; 
	font-weight: bold; 
	margin: 0; 
	padding-top: 5px;
	padding-left: 10px; 
	padding-right: 10px; 
	text-align:left;
	color: #b8b883;
}
.defiles_img
{
	float: left;
	height: 100px;
	width: 150px;
	margin-bottom: 5px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
.defiles_separateur
{
	width: 550px;
	clear: left;
	padding-top: 20px;
	border-top: 1px dashed gray;
	height: 1%;
}
/*********** VIDEOS ***********************/
#display_video
{
	clear: both;
	float:left;
	width: 100%;

	padding-left: 10px;
	background-color: #21211c;

}
#video
{
	width: 100%;
	height: 30px;
	background-color: #2d2d27;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
}
#contact
{
	clear: both;
	margin-top: 15px;
	float: left;
	width: 100%;

}
/****************** Liens **********************/
#salons_intro
{
	width: 98%;
	border:  1px solid #FF;

}
#salons_txt
{
	float: left;
	width: 65%;

}
#salons_img
{
	float: left;
	width: 175px;
	height: 117px;
	margin-top: 20px;
	border: 1px solid #b8b883;
}
#salons
{
	clear: both;
	margin-top: 15px;
	float: left;
	width: 100%;

}
#salons_header 
{
	width: 100%;
	height: 30px;
	background-color: #2d2d27;
	border-top: 1px solid #262620;
	border-bottom: 1px solid #262620;	
}
#salon1_middle
{
	clear: both;
	width: 100%;
	height: 135px;
	margin-left:auto;
	margin-left:right;
	background-color: #21211c;
}
#salon2_middle
{
	clear: both;
	width: 100%;
	height: 135px;	
	margin-left:auto;
	margin-left:right;
	background-color: #35352f;
}
.salon2_img
{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}
.salon2_img img
{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width: 135px;
	height: 90px;
	border: 1px solid #b8b883;
}
.salon1_img
{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	width: 135px;
	height: 90px;
	border: 1px solid #b8b883;
}
.salons_desc
{
	float: left;
	margin-right: 10px;
	width: 350px;
}
/*************** ACCUEIL **********************/
#accueil
{
	width: 98%;
	border:  1px solid #FF;

}
#accueil img
{
	float: right;
	margin: 10px;
	margin-top: 5px;
	border: 1px solid #b8b883;
}
/******** FORMULAIRE **********************/
.webform p{
width: 300px;
clear: left;
margin: 10;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.webform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.webform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
float: left;
width: 180px;
}

.webform textarea{
width: 250px;
height: 107px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#flag
{
	float: right;
}
#flag img
{ 
	margin-right: 10px;
}
#surmain
{
	float:left;
	background-color: #939077;
	width:100%;
}
.videocombo
{
	margin : 10px;
}