/*
Titre:      CSS : www.resonances-rh.com
Auteur:     Arsitéo  " Remy Grauwin - contact@arsiteo.com
*/


/* --- RESET --- */


* {
	margin: 0;
	padding: 0;
	}
	
p   {
	margin: 0;
	padding: 0
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
ul {
	list-style-type: none;
	}

	
/* --- STRUCTURE --- */


body         {
	color: #000;
	font-size: 13px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 19px;
	background-color: #dedede;
	background-image: url(../images/fonds/fond.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}


/* --- Images de fond --- */
#body-bilan        {
	background-image: url(../images/fonds/fond-bilan.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}

#body-coaching        {
	background-image: url(../images/fonds/fond-coaching.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}
	
#body-cohesion       {
	background-image: url(../images/fonds/fond-cohesion.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}
	
#body-formation       {
	background-image: url(../images/fonds/fond-formation.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}


#metacontainer        {
	position: relative;
	width: 960px;
	height: auto
	}


	
#container         {
	margin-top: 105px;
	position: absolute;
	width: 960px;
	height: auto
	}



	
/* --- Lateral --- */
	
#lateral         {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: auto
	}

	
	
/* --- Corpus --- */

#corpus                           {
	padding-bottom: 140px;
	position: relative;
	left: 300px;
	width: 660px;
	height: auto
	}




/* --- STORYBOARD --- */


/* --- LOGO (retour à la page d'accueil) --- */
#logo     {
	text-indent: -9999px;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 270px;
	height: 60px
	}



#logo a   {
	text-decoration: none;
	display: block;
	width: 270px;
	height: 60px
	}




/* --- MENU DE RUBRIQUES --- */
#menu                           {
	text-indent: -9999px;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 41px;
	width: 258px;
	height: 272px
	}





#menu  li a      {
	display: block;
	margin: 0;
	padding: 0;
	border: 0
	}
	

/* --- Menu : Resonances --- */
#menu-reso         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px
	}


a#menu-reso:hover, a.active#menu-reso           {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	height: 45px
	}



/* --- Menu : Nos prestations --- */
#menu-prestations         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -45px;
	height: 38px
	}

a#menu-prestations:hover, .active#menu-prestations         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -45px;
	height: 38px
	}


/* --- Menu : Bilan de competences --- */
#menu-bilan         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -83px;
	height: 24px
	}

a#menu-bilan:hover, a.active#menu-bilan         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -83px;
	height: 24px
	}
	
	
/* --- Menu : Coaching --- */
#menu-coaching         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -107px;
	height: 25px
	}

a#menu-coaching:hover, a.active#menu-coaching         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -107px;
	height: 25px
	}
	
	



/* --- Menu : Cohesion --- */
#menu-cohesion         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -132px;
	height: 24px
	}

a#menu-cohesion:hover, a.active#menu-cohesion         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -132px;
	height: 24px
	}




	
	
/* --- Menu : Formation --- */
#menu-formation        {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -156px;
	height: 31px
	}

a#menu-formation:hover, a.active#menu-formation           {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -156px;
	height: 31px
	}


/* --- Menu : Notre approche --- */
#menu-approche        {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -187px;
	height: 39px
	}

a#menu-approche:hover, a.active#menu-approche         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -187px;
	height: 39px
	}
	
	
/* --- Menu : Contact --- */
#menu-contact        {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: left -226px;
	height: 46px
	}

a#menu-contact:hover, a.active#menu-contact         {
	background-image: url("../images/menu-sprite.jpg");
	background-repeat: no-repeat;
	background-position: right -226px;
	height: 46px
	}
	
	

/* --- En-tete de Corpus --- */
#entete     {
	position: relative;
	left: 44px;
	width: 616px;
	height: 228px
	}

#body-contact #entete  {
	height: 158px
	}
	
	
	

/* --- TITRES PAGES --- */
#titre         {
	text-indent: -9999px;
	position: relative;
	top: 70px;
	width: 500px;
	height: 40px
	}


/* --- Titre Accueil --- */
#body-accueil #claim             {
	color: #fff;
	font-size: 22px;
	font-weight: 100;
	line-height: 32px;
	background-image: url("../images/trait.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 24px;
	position: relative;
	top: 70px
	}



#body-accueil #claim strong           {
	font-size: 28px;
	font-weight: bold
	}


	
/* --- Titre Bilan de competences--- */

	

/* --- Titre Notre approche --- */
#body-approche #titre         {
	background-image: url("../images/titres/approche-titre.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	
/* --- Titre Resonances --- */
#body-resonances #titre         {
	background-image: url("../images/titres/resonances-titre.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}


/* --- Titre Contact --- */
#body-contact #titre         {
	background-image: url("../images/titres/contact-titre.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	
/* --- Titre Mentions legales --- */
#body-mentions #titre         {
	background-image: url("../images/titres/mentions-titre.gif");
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	

/* --- Chapo --- */
#chapo       {
	color: #e3dfdf;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 20px;
	position: relative;
	top: 80px;
	width: 616px;
	height: 40px
	}



#body-bilan #chapo        {
	color: #333
	}



/* --- Contenu --- */
#contenu    {
	position: relative;
	left: 44px;
	width: 616px;
	height: auto
	}


/* --- ACCUEIL : CALL PRESTATIONS --- */

#call-prestations                         {
	margin-bottom: 33px;
	margin-left: 8px;
	width: 610px;
	height: 28px
	}



#call-prestations  li         {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	height: 28px
	}

	
#call-prestations  a       {
	text-indent: -9999px;
	margin-right: 10px;
	float: left
	}



a#call-bilan   {
	background-image: url("../images/prestations.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 205px;
	height: 28px
	}
	
	
a#call-coaching    {
	background-image: url("../images/prestations.gif");
	background-repeat: no-repeat;
	background-position: -205px top;
	width: 95px;
	height: 28px
	}
	

a#call-cohesion    {
	background-image: url("../images/prestations.gif");
	background-repeat: no-repeat;
	background-position: -301px top;
	width: 164px;
	height: 28px
	}	
	
a#call-formation    {
	background-image: url("../images/prestations.gif");
	background-repeat: no-repeat;
	background-position: -466px top;
	width: 105px;
	height: 28px
	}


/* --- MENU DE NAVIGATION (sous-rubriques) --- */

#navigation                       {
	margin-bottom: 33px;
	width: 600px;
	height: 28px
	}
	

#navigation li        {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	height: 28px
	}

	
#navigation a     {
	float: left;
	text-indent: -9999px
	}	



/* --- Navigation BILAN DE COMPETENCES --- */
/* --- Intro --- */
a#nav-bilan-intro    {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 59px;
	height: 28px
	}

a:hover#nav-bilan-intro, a.active#nav-bilan-intro   {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 59px;
	height: 28px
	}


/* --- Le bilan de compétences --- */
a#nav-bilan-bilan     {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -59px top;
	width: 224px;
	height: 28px
	}

a:hover#nav-bilan-bilan, a.active#nav-bilan-bilan   {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -59px bottom;
	width: 224px;
	height: 28px
	}


/* --- Le deroulement --- */
a#nav-bilan-deroul     {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -283px top;
	width: 151px;
	height: 28px
	}

a:hover#nav-bilan-deroul, a.active#nav-bilan-deroul   {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -283px bottom;
	width: 151px;
	height: 28px
	}
	
	
/* --- Notre méthode --- */
a#nav-bilan-methode     {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -434px top;
	width: 152px;
	height: 28px
	}

a:hover#nav-bilan-methode, a.active#nav-bilan-methode   {
	background-image: url("../images/nav-bilan.gif");
	background-repeat: no-repeat;
	background-position: -434px bottom;
	width: 152px;
	height: 28px
	}


/* --- Navigation COACHING --- */
#body-coaching #navigation  a       {
	margin-right: 6px;
	}

/* --- Intro --- */
a#nav-coaching-intro    {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 56px;
	height: 28px
	}

a:hover#nav-coaching-intro, a.active#nav-coaching-intro   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 56px;
	height: 28px
	}
	
/* --- Coaching individuel --- */
a#nav-coaching-individuel   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -57px top;
	width: 173px;
	height: 28px
	}

a:hover#nav-coaching-individuel, a.active#nav-coaching-individuel   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -57px bottom;
	width: 173px;
	height: 28px
	}
	

/* --- Coaching de groupe --- */
a#nav-coaching-groupe   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -231px top;
	width: 177px;
	height: 28px
	}

a:hover#nav-coaching-groupe, a.active#nav-coaching-groupe   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -231px bottom;
	width: 177px;
	height: 28px
	}

/* --- Ethique et cadre --- */
a#nav-ethique-cadre   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -409px top;
	width: 150px;
	height: 28px
	}

a:hover#nav-ethique-cadre, a.active#nav-ethique-cadre   {
	background-image: url("../images/nav-coaching.gif");
	background-repeat: no-repeat;
	background-position: -409px bottom;
	width: 150px;
	height: 28px
	}


/* --- Navigation NOTRE APPROCHE --- */
/* --- Intro --- */
a#nav-approche    {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 59px;
	height: 28px
	}

a:hover#nav-approche, a.active#nav-approche  {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 59px;
	height: 28px
	}

/* --- La Gestalt --- */
a#nav-approche-gestalt     {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: -59px top;
	width: 105px;
	height: 28px
	}

a:hover#nav-approche-gestalt, a.active#nav-approche-gestalt   {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: -59px bottom;
	width: 105px;
	height: 28px
	}



/* --- L'analyse systémique --- */
a#nav-approche-systemique     {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: -164px top;
	width: 208px;
	height: 28px
	}

a:hover#nav-approche-systemique, a.active#nav-approche-systemique   {
	background-image: url("../images/nav-approche.gif");
	background-repeat: no-repeat;
	background-position: -164px bottom;
	width: 208px;
	height: 28px
	}


/* --- DESIGN EDITORIAL --- */

#exergue      {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	}




/* --- Titres h(x) --- */


#body-accueil h1    {
	color: #930060;
	font-size: 19px;
	margin-top: 39px;
	margin-bottom: 2px;
	height: 23px;
	}
	
	
	
h1     {
	color: #930060;
	font-size: 19px;
	margin-top: 39px;
	margin-bottom: 2px;
	height: 23px
	}


h2     {
	color: #000;
	font-size: 15px;
	margin-top: 13px;
	}

h3      {
	color: #000;
	font-size: 13px;
	font-style: italic
	}


/* --- Paragraphes --- */
#contenu p    {
	margin-bottom: 13px
	}

#contenu p.zerobas    {
	margin-bottom: 0px
	}
	
.conclusion    {
	margin-top: 26px
	}

/* --- Liste a point --- */
.liste     {
	margin-bottom: 13px
	}

.liste li     {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 16px;
	}

/* --- Liens textuels --- */
a:link     {
	color: #930060;
	text-decoration: none
	}



a:visited  {
	color: #930060;
	text-decoration: none
	}


a:hover   {
	color: #930060;
	text-decoration: underline
	}


/* --- Titres h1 avec pastille --- */
h1.etape-1 span    {
	background-image: url("../images/numeros.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	height: 23px;
	text-indent: -9999px;
	}
	
h1.etape-2 span     {
	background-image: url("../images/numeros.gif");
	background-repeat: no-repeat;
	background-position: left -23px;
	text-indent: -9999px;
	padding-left: 30px;
	height: 23px
	}
	
h1.etape-3 span     {
	background-image: url("../images/numeros.gif");
	background-repeat: no-repeat;
	background-position: left -46px;
	text-indent: -9999px;
	padding-left: 30px;
	height: 23px
	}
	
h1.etape-4 span     {
	background-image: url("../images/numeros.gif");
	background-repeat: no-repeat;
	background-position: left -69px;
	text-indent: -9999px;
	padding-left: 30px;
	height: 23px
	}


/* --- PORTRAIT LISDALIA COUDRON --- */

#body-resonances img    {
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
	border: solid 2px #fff
	}


#portrait     {
	margin-top: 60px;
	padding-bottom: 40px;
	position: relative
	}

#portrait dl    {
	font-size: 12px;
	}

#portrait dt     {
	font-weight: bold
	}
	
#portrait dd      {
	margin-bottom: 4px
	}
	
	

/* --- MENTIONS --- */

#mentions      {
	color: #333;
	font-size: 12px;
	font-family: Georgia;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 24px;
	left: 60px;
	width: 259px;
	height: auto
	}

#mentions a:link      {
	color: #333;
	text-decoration: none
	}




#mentions a:visited   {
	color: #333;
	text-decoration: none
	}



#mentions a:hover    {
	color: #fff
	}

	

/* --- CARTE Google --- */

#carte       {
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 60px
	}

#carte iframe       {
	border: solid 2px #fff
	}