/* 
www.coiffeurvictor.be
by netux
www.netux.be
rose = ff00a2
VERT: ff00a2
BLEU: 047391
Grenad: BF0000
ORANGE: fe7e00
GRIS: 3F3F3F
GRISCLAIR: 5E5E5E
*/
body {
margin:20px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;		
letter-spacing: 0.02em;     
text-align: center; /* pour corriger le bug de centrage IE */
}

#conteneur {
width: 735px;
margin-left: auto;
margin-right: auto;
background-image:url('im/back.gif');
text-align: justify;
}

#slogan {
width: 679px;
margin-left: auto;
margin-right: auto;
background-image:url('im/back.gif');
padding-right: 28px;
padding-left: 28px;
}

#slogan h1 {
font-weight:bold; 
text-decoration: none;
color:#ff00a2;
background: #FFFFFF;
border: 0px;
font-size:7pt;
padding:0px;
margin:0px;
letter-spacing: 0em;
text-align: left;
}

#header {
width:735px;
height:115px;
background-image:url('im/header.gif');
}

#contenu {
float:right;
width:485px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
}

#menuhaut {
width:735px;
height:29px;
padding-top:7px;
background-image:url('im/menu.gif');
}

#menugauche {
float:left;
width: 183px;
padding-top: 20px;
padding-left: 27px;
padding-bottom: 20px;
clear:both;
}

#copyright{
width:735px;
height:28px;
background-image:url('im/footer.gif');
padding-top:5px;
color:#FF00A2;
clear:both;
}
p.copyright {
font-size:7pt;
letter-spacing: 0.1em;
font-weight:bold;
margin-top:-2px;
margin-left:280px;
}

a.copyright {
font-size:9pt;
font-weight:bold;
color:#FFFFFF; 
}

a.copyright:hover {
color:#B1B1B1; 
text-decoration: none;
} 

p {
padding-left:8px;
padding-right:8px;
}

a {
   font-weight:bold; 
	text-decoration: underline;
	color:#ff00a2;
}
a:hover {
   font-weight:bold; 
	color:#5E5E5E;
	text-decoration: underline;
}

strong { font-size: 8pt; color:  #ff00a2;}
strong.attention { font-size: 8pt; color: #FF0000;}

h1 { 
font-weight:bold; 
font-size:11pt;
color:#ffffff; 
display: block;
font-size:11pt;
letter-spacing: 0.05em;
background: #5E5E5E;
border: 1px solid #ff00a2;
border-width: 1px;
margin-top: 0px;
padding-top:1px;
padding-bottom:1px;
padding-left:8px;
}

 
INPUT { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #5A1E64;
	padding: 2px;
	margin: 1px;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}

SELECT {
	height: 17px;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #5A1E64;
	padding: 0px;
	margin: 0px;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}


TEXTAREA {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	border: 2px solid #DFDFDF;
	background-color:#F5F5F5;
}
/*******************
     MENU BAS
*******************/
a.menuContact {
position:relative;
float:right;
background-image:url('im/contact.gif');
height:42px;
width:43px;
margin-top:-30px;
margin-right:40px;
}
a.menuContact:hover {
position:relative;
float:right;
background-image:url('im/contactblanc.gif');
height:42px;
width:43px;
margin-top:-30px;
margin-right:40px;
}

a.menuAcces {
position:relative;
float:right;
background-image:url('im/acces.gif');
height:42px;
width:43px;
margin-top:-30px;
margin-right:10px;
}
a.menuAcces:hover {
position:relative;
float:right;
background-image:url('im/accesblanc.gif');
height:42px;
width:43px;
margin-top:-30px;
margin-right:10px;
}

/*******************
     MENU GAUCHE
*******************/

#menugauche h2 {
	color: #ffffff;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: bold;
	background: #5E5E5E;
	border: 1px solid #ff00a2;
	border-width: 1px;
	padding: 3px 3px;
	margin: 0 0 10px 0;
}

#menugauche ul { margin: 0; padding: 0px 0px 10px 0px ;}
#menugauche li {
		display : block;
		list-style-type:none;
		background: none;
		margin: 0;
		padding: 0px;
}

#menugauche a {
font-size:8pt;
font-weight:bold;
color:#5E5E5E;
text-decoration: none;
}

#menugauche a:hover {
font-size:8pt;
color:#ff00a2; 
font-weight:bold;
text-decoration: none;
}

#menugauche ul {
margin: 0;
padding: 0;
list-style: none;
}
#menugauche ul li {
margin: 2px 0 6px 0; 
padding: 0;
font-weight: bold;
background-repeat: no-repeat;
background-position: 0 50%;
}
#menugauche ul li a {
padding-left: 30px; /* Largeur de l'icone et espacement */
}

/*********************
LIENS MENU HAUT
**********************/
#menuhaut ul {
width:705;
list-style: none;  
padding: 0px;
margin:0px;
margin-left: 277px;  
}
#menuhaut ul li {
margin: 2px 0 5px 0; 
padding: 0;
padding-right: 14px;
font-weight: bold;
line-height: 22px; /* Hauteur de l'icone */
float: left;
}
#menuhaut ul li a {
background-image:url('im/iconemenu.gif');
background-repeat:no-repeat;
background-position:0% 30%;
padding-left:18px;
/*padding-left: 30px;  Largeur de l'icone et espacement */
}

#menuhaut a {
font-size:10pt;
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

#menuhaut a:hover {
font-size:10pt;
color:#B1B1B1; 
font-weight:bold;
text-decoration: none;
}

/*******************
     ACTUALITE
*******************/
.news h3
{
   text-align:left;
	background: #5E5E5E;
	border: 1px solid #ff00a2;
	border-width: 0px;
	border-bottom-width:2px;
   color:#ff00a2;
   font-size:10pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
}
.news em
{
   text-align:left;
   background:#5E5E5E;
   color:#FFFFFF;
   font-size:8pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
}
.news
{
   width:95%;
   float: center;
   background-color:#F5F5F5;
	border: 2px solid #ff00a2;
   margin-bottom:15px;
   margin-left:15px;
   padding:0px;
  	text-align:justify;
}

strong.actu
{
font-size: 8pt;
color: #ffffff;
font-weight:bold;
}

/*******************
     GUESTBOOK
*******************/
.guestbook h3
{
   text-align:left;
	background: #5E5E5E;
	border: 1px solid #ff00a2;
	border-width: 0px;
	border-top-width:2px;
   color:#ff00a2;
   font-size:10pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
}
.guestbook em
{
   text-align:left;
   background:#5E5E5E;
   color:#FFFFFF;
   font-size:8pt;
   font-weight:bold;
   margin:0px;
   padding-top:1px;
   padding-bottom:1px;
}
.guestbook
{
   width:95%;
   float: center;
   background-color:#F5F5F5;
	border: 2px solid #ff00a2;
   margin-bottom:15px;
   margin-left:15px;
   padding:0px;
  	text-align:justify;
}

strong.guestbook
{
font-size: 8pt;
color: #ffffff;
font-weight: bold;
}
/********************
          BBCODE
**********************/
h1.bbcode { 
font-weight:bold; 
font-size:10pt;
color:#ff00a2; 
background:#F5F5F5;
border: 0px;
padding:0px;
margin:0px;
}

ul.bbcode {
padding: 0px;
margin: 0px;
margin-left: 25px;
}
li.bbcode {
padding: 0px;
margin: 0px;
}

.memoBar  { text-align: left;
            background-color: buttonface; }
.memoText { text-align: left;
            border-left: buttonface 1px solid;
            border-right: buttonface 1px solid;
            border-bottom: buttonface 1px solid;
            overflow-y: auto; }
.memoOut  { background-color: buttonface;
            border: 1px solid buttonface; }
.memoOver { background-color: '#ffffff';
            border: 1px solid buttonshadow; }
.memoOut1  { background-color: buttonface; }
.memoOut1  { background-color: buttonface; }