/*
@Site référent : www.massage-alsace.com
@Créateur : Mr BERTHORELLY Frédéric.
@ Date : 01/03/2009
@Pour : Mlle BORTMANN Bernadette.
*/

/* 
Classes CSS des balises HTML 
*/
body
	{
		background-color:#ab5e91;
		background-image:url('images/bg.png');
		background-repeat:repeat-x;
		font-family:verdana;
		font-size:12px;
}

/*
Header du site 
Contient toutes les classes de l'entête.
*/
#header
	{
		display:block;
		margin-left:auto; 
		margin-right:auto; 
		width:804px; 
		height:70px; 
		margin-top:50px; 
		background-color:transparent;
		background-image:url('images/fond.gif');
		background-repeat:no-repeat;
}

#header #img_gauche
	{
		width:500px; 
		float:left;
	}
	
#header #img_gauche #logo_haut
	{
		width:445px; 
		height:58px;
		margin-top:5px; 
		margin-left:50px; 
		opacity:1.0; 
		filter: alpha(opacity=100);
	}
#header #text_droit
	{
		width:300px; 
		float:left;
	}
#header #text_droit p
	{
		text-indent:0px; 
		margin-left:130px; 
		font-size:10px; 
		font-family:verdana; 
		font-weight:bold; 
		text-align:left; 
		margin-top:10px;
	}
/* Fin des classes Header. Full access */

/**
Classes de la div global. 
En dessous du header et avant le footer.
*/
#conteneur
	{
		display:block;
		margin:auto; 
		width:800px; 
		height:450px; 
		margin-top:0; 
		background-color:#ffffff;
}

#conteneur .visible
	{
		width:465px; 
		height:450px; 
		float:left; 
		border-right:solid 1px #C0C0C0; 
		display:block;
		background-color:#FFFFFF;
}
#conteneur .non_visible
	{
		width:460px; 
		height:450px; 
		float:left; 
		border-right:solid 1px #C0C0C0; 
		display:none;
		background-color:#FFFFFF;
}

/** 
#conteneur #menu
Menu de l'application.
Boutons à gauche 
*/
#conteneur #menu
	{
		width:150px; 
		height:450px; 
		float:left; 
		border-right:solid 1px #C0C0C0; 
		padding:0;
		background-color:#FFFFFF;
	}
#conteneur #menu #imgAccueil
	{
		margin-top:30px;
	}
#conteneur #menu #imgTar
	{
		margin-top:2px;
	}
#conteneur #menu #imgCon
	{
		margin-top:2px;
	}
#conteneur #menu .imgMenu
	{
		margin-left:0;
	}
/* Fin des classes menu. Non pris en charge : 
les deux boutons id #imgTar et #imgCon */

/**
Classes de la div id #corps1
*/
#conteneur #corps1
	{
		overflow:auto;
		font-size:10px;
}
#conteneur #corps1 a
	{
		font-size:10px;
		font-family:verdana;
		color:#000000;
		text-decoration:none;
}
#conteneur #corps1 a:hover
	{
		font-size:10px;
		font-family:verdana;
		color:#000000;
		text-decoration:underline;	
}
#conteneur #corps1 h1
	{
		display:block;
		margin-top:20px;
		margin-left:50px;
		font-size:14px;
		font-style:italic;
		color:#432642;
}
#conteneur #corps1 p
	{
		margin-left:50px;
		margin-right:30px;
		text-indent:30px;
		text-align:justify;
	
}
#conteneur #corps1 h2
	{
		display:block;
		margin-top:20px;
		margin-left:50px;
		font-size:12px;
		font-style:italic;
		color:#432642;
}
/* Fin des classes de la div id #corps1. Full access */

/** 
Classes de la div id #corps2 
*/
#conteneur #corps2
	{
		overflow:auto;
}
#conteneur #corps2 table
	{
		margin:15px auto; 
		width:440px;
}
#conteneur #corps2 td
	{
		background-color:#ffffff;
		text-indent:10px;
		border-bottom:solid 1px #c0c0c0;
		border-left:solid 1px #c0c0c0;
		border-right:solid 1px #c0c0c0;
}
#conteneur #corps2 td.centrer
	{
		text-align:center;
}
#conteneur #corps2 td.arrondiBas
	{
		border:none; 
		background-image:url('images/conta.jpg'); 
		height:18px;
}
#conteneur #corps2 td.arrondiHaut
	{
		border:none; 
		background-image:url('images/cont.jpg'); 
		height:18px;
}
#conteneur #corps2 th
	{
		border-left:solid 1px #C0C0C0;
		border-right:solid 1px #C0C0C0;
		font-size:12px;
		font-weight:bold; 
		color:#432642; 
}
#conteneur #corps2 #th_left
	{
		text-align:center;
		width:320px;

}
#conteneur #corps2 #th_right
	{
		text-align:center;
}
#conteneur #corps2 #td_left
	{
		border-top:solid 1px #c0c0c0;
}
#conteneur #corps2 #td_right
	{
		text-align:center; 
		border-top:solid 1px #c0c0c0;
}
#conteneur #corps2 font.titre_massage
	{
		font-size:12px; 
		font-style:italic; 
		font-weight:bold; 
		color:#432642; 
		margin-left:15px;
		margin-top:5px;
}
#conteneur #corps2 font.temps_massage
	{
		font-size:9px; 
}
#conteneur #corps2 p.text_massage
	{
		width:270px; 
		margin-top:5px; 
		margin-left:20px;
		margin-bottom:10px;
		text-indent:0; 
		text-align:left;
}
#conteneur #corps2 #asterix
	{
		font-size:10px;
		text-align:left;
		text-indent:0;
}
#conteneur #corps2 p
	{
		font-size:10px;
		margin-left:30px;
		
}
/* Fin des classes de la div #corps2. Full access */	
	

/** 
Classes de la div #corps3. Contient le formulaire de contact.
*/
#conteneur #corps3 #contact table
	{
		margin:15px auto; 
		width:440px;
}
#conteneur #corps3 #contact td
	{
		background-color:#ffffff;
		text-indent:10px;
		border-left:solid 1px #c0c0c0;
		border-right:solid 1px #c0c0c0;
}
#conteneur #corps3 #contact td.norightBorder
	{
		border-right:none;
		width:150px;
}
#conteneur #corps3 #contact td.noleftBorder
	{
		border-left:none;
		width:290px;
		text-align:left;
}
#conteneur #corps3 #contact td.borderBack
	{
		border-bottom:solid 1px #432642;
}
#conteneur #corps3 #contact td.arrondiBas
	{
		border:none; 
		background-image:url('images/conta.jpg'); 
		height:20px;
}
#conteneur #corps3 #contact td.arrondiHaut
	{
		border:none; 
		background-image:url('images/cont.jpg'); 
		height:20px;
}
#conteneur #corps3 #contact input, textarea, select
	{
		margin-left:0px;
		width:200px;
		border:solid 1px #C0C0C0;
		background-color:#FFFFFF;
	}
#conteneur #corps3 #contact input:hover, select:hover, textarea:hover
	{
		width:200px;
		border:solid 1px #C0C0C0;
		background-color:#fcd6fb;
	}
#conteneur #corps3 #contact input:focus, select:focus, textarea:focus
	{
		width:200px;
		border:solid 1px #C0C0C0;
		background-color:#fcd6fb;
	}
#conteneur #corps3 #contact #valide
	{
		margin-left:0px;
		width:70px;
		border:solid 1px #432642;
		font-size:10px;
		color:#432642;
		background-color:#FFFFFF;
	}
#conteneur #corps3 #contact #init
	{
		margin-left:62px;
		width:70px;
		border:solid 1px #432642;
		font-size:10px;
		color:#432642;
		background-color:#FFFFFF;
	}
#conteneur #corps3 #contact #init:hover
	{
		margin-left:62px;
		width:70px;
		border:solid 1px #FFFFFF;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:underline;
		background-color:#432642;
	}
#conteneur #corps3 #contact #valide:hover
	{
		margin-left:0px;
		width:70px;
		border:solid 1px #FFFFFF;
		font-size:10px;
		color:#FFFFFF;
		text-decoration:underline;
		background-color:#432642;
	}
#conteneur #corps3 #contact label
	{
		font-size:10px;
}
#conteneur #corps3 #contact p
	{
		margin-top:5px;
		margin-left:20px;
	}
#conteneur #corps3 p
	{
		font-size:10px;
		/*margin-left:50px;
		margin-right:10px;
		text-indent:30px;*/
		text-align:center;
}
#conteneur #corps3 hr
	{
		width:400px; 
		margin:auto;
}
/* Fin des classes de la div #corps3. Full access. */
	

/**
conteneur de la div à droite.
Elle contient les images de fond
selon les choix de l'utilisateur.
*/
#conteneur #droite
	{
		width:180px; 
		height:450px; 
		float:left; 
		background-image:url('images/bambou.gif');
		background-repeat:no-repeat;
		background-position:bottom right;
		background-color:#FFFFFF;
}
/* Fin de la classe droite. full access */

/** 
Classes de la div #footer du site.
*/
#footer
	{
		width:800px;
		height:50px;
		margin:0 auto;
		background-image:url('images/fond_bas.gif');
		background-repeat:no-repeat;
		background-position:right;
}
#footer #text_footer
	{
		width:50%; 
		float:left;
}
#footer #text_footer #nosex
	{
		width:35px; 
		height:35px; 
		margin-left:30px; 
		margin-top:5px;
}
#footer #img_footer
	{
		width:50%; 
		float:left;
}
#footer #img_footer #logo_footer
	{
		margin-left:50px; 
		margin-top:3px; 
		width:270px; 
		height:45px; 
		opacity:1.0; 
		filter: alpha(opacity=100);
}
/* Fin des classes #footer. Full access.*/

/**
Classes de la div #contexte.
*/
#contexte
	{
		display:block;
		width:800px;
		margin:auto;
}
#contexte .align_contexte
	{
		margin-left:0; 
		font-size:9px; 
		text-align:center;
}
#contexte .align_contexte a
	{
		color:#FFFFFF;
}
#contexte .align_contexte a:hover
	{
		color:#FF0000;
		text-decoration:none;
}
/* Fin des classes #contexte. Full access.*/

/**
Classe de la page contre indication.
*/	
#contre_indication 
	{
		width:400px;
		height:320px;
		border:solid 1px #000000;
		font-size:10px;
		color:#000000;
		background-color:#d168d0;
}