@font-face
{
	font-family: 'SansumiRegular';
	src: url('../fonts/Sansumi-Bold-webfont.eot');
	src: url('../fonts/Sansumi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Sansumi-Bold-webfont.woff') format('woff'),
		 url('../fonts/Sansumi-Bold-webfont.ttf') format('truetype'),
		 url('../fonts/Sansumi-Bold-webfont.svg#SansumiRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face
{
	font-family: 'SansumiExtraBoldRegular';
	src: url('../fonts/Sansumi-ExtraBold-webfont.eot');
	src: url('../fonts/Sansumi-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Sansumi-ExtraBold-webfont.woff') format('woff'),
		 url('../fonts/Sansumi-ExtraBold-webfont.ttf') format('truetype'),
		 url('../fonts/Sansumi-ExtraBold-webfont.svg#SansumiExtraBoldRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* ------------------------------------------------------------------------------------ */

*
{
}

body
{
	width: 1080px;
	margin: 0 auto;
}

/* PREVENT INPUT PROBLEM ON CHROMIUM */
*:focus
{
	outline: none;
}

.shared_clear
{
	clear: both;
}


/* ------------------------------------------------------------------------------------ */

.menu
{
	position: relative;
	top: 0px;

	width: 940px;

	margin: 0 auto;

	display: none;

}

.menu_container
{
	position: fixed;
	top: 0;

	width: 940px;
	height: 62px;

	background-repeat: no-repeat;
	background-image : url(../images/barre_menu.png);

	z-index: 10;
}

.menu_button_home
{
	width: 57px;
	height: 50px;

	float: left;

	margin-left: 310px;

	padding: 0 5px;

	background-repeat: no-repeat;
	background-image : url(../images/bouton_home.jpg);
}

.menu_button_psychological_help
{	
	width: 57px;
	height: 50px;

	float: left;

	padding: 0 5px;

	background-repeat: no-repeat;
	background-image : url(../images/bouton_aide_psychologique.jpg);
}

.menu_button_rebalancing
{
	width: 57px;
	height: 50px;

	float: left;

	padding: 0 5px;

	background-repeat: no-repeat;
	background-image : url(../images/bouton_equilibrage.jpg);
}

.menu_button_formation
{
	width: 57px;
	height: 50px;

	float: left;

	padding: 0 5px;

	background-repeat: no-repeat;
	background-image : url(../images/bouton_formation.jpg);
}

.menu_button_contact
{
	width: 57px;
	height: 50px;

	float: left;

	padding: 0 5px;

	background-repeat: no-repeat;
	background-image : url(../images/bouton_contact.jpg);
}

.header
{
	position: relative;

	width: 940px;
	height: 280px;

	margin: 0 auto;

	background-repeat: no-repeat;
	background-image : url(../images/fond_menu.jpg);
}

.header_menu
{
	position: absolute;
	left: 35px;
	bottom: 8px;
}

.header_menu_link
{
	width: 140px;

	float: left;

	text-align: right;

	font: 12px 'SansumiRegular', Arial, sans-serif;	

	margin-left: 27px;
}

.header_menu_link a
{
	color: #14514c;
	text-decoration: none;
}

.header_menu_link a:hover
{
	color: #e47a44;
}


/* ------------------------------------------------------------------------------------ */

.introduction
{
	width: 1080px;
	height: 280px;

	margin: 0 auto;
}

.introduction_card
{
	width: 305px;
	height: 159px;

	float: left;

	margin-top: 50px;

	padding-top: 45px;
	padding-left: 115px;

	background-repeat: no-repeat;
	background-image : url(../images/carte_contact.jpg);

	color: #14514c;
}

.introduction_card_name
{
	margin: 5px 0;

	font: 20px 'SansumiRegular', Arial, sans-serif;
}

.introduction_card_address
{
	margin: 5px 0;

	font-family: Helvetica, Arial;
	font-size: 14px;
}

.introduction_card_phone, .introduction_card_email
{
	margin: 5px 0;

	font-family: Helvetica, Arial;
	font-size: 14px;
}

.introduction_card_email a
{
	font-family: Helvetica, Arial;
	font-size: 13px;
	color: #01645f;
	text-decoration: none;
}


.introduction_text
{
	float: left;
}

.introduction_text_1
{
	margin-top: 20px;
	margin-left: 20px;

	font: 22px 'SansumiRegular', Arial, sans-serif;	

	color: #c20c23;
}

.introduction_text_2
{
	margin-top: 0px;
	margin-left: 120px;

	font: 29px 'SansumiRegular', Arial, sans-serif;	

	color: #25867d;
}

.introduction_text_3
{
	margin-top: 0px;
	margin-left: 70px;

	font: 73px 'SansumiRegular', Arial, sans-serif;	

	color: #e47a44;
}

.introduction_text_4
{
	margin-top: 0px;
	margin-left: 25px;

	font: 15px 'SansumiRegular', Arial, sans-serif;	

	color: #25867d;
}

.introduction_text_5
{
	margin-top: 10px;
	margin-left: 65px;

	font: 18px 'SansumiRegular', Arial, sans-serif;	

	color: #bf3300;
}

.introduction_text_6
{
	margin-top: 0px;
	margin-left: 125px;

	font: 18px 'SansumiRegular', Arial, sans-serif;	

	color: #bf3300;
}

/* ------------------------------------------------------------------------------------ */

.psychological_help
{
	position: relative;

	width: 940px;
	height: 748px;

	margin: 0 auto;
	margin-top: 30px;

	background-repeat: no-repeat;
	background-image : url(../images/fond_aide_psychologique.jpg);
}

.psychological_help_anchor
{
	position: absolute;
	top: -50px;
}

.psychological_help_trame
{
	position: absolute;
	top: 250px;
	left: 0px;

	width: 394px;
	height: 487px;

	background-repeat: no-repeat;
	background-image : url(../images/trame_aide_psychologique.png);
}

.psychological_help_picture
{
	position: absolute;
	top: -40px;
	left: 500px;

	width: 363px;
	height: 214px;

	background-repeat: no-repeat;
	background-image : url(../images/picto_aide_psychologique.png);
}

.psychological_help_content
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 940px;
	height: 748px;
}

.psychological_help_content_title
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font: 30px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.psychological_help_content_subtitle
{
	margin-top: 0px;
	margin-right: 440px;

	text-align: right;

	font: 20px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.psychological_help_content_introduction
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;

	line-height: 16px;

	color: #ffffff;
}

.psychological_help_content_text
{
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;

	color: #ffffff;
}

.psychological_help_content_step_instruction
{
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 16px;

	line-height: 18px;

	color: #ffffff;
}

.psychological_help_content_step_title
{
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 20px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: bold;

	line-height: 18px;

	color: #ffffff;
}

.psychological_help_content_step_text
{
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 20px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;

	color: #ffffff;
}

.psychological_help_content_step_1
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/1.png);
}

.psychological_help_content_step_2
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/2.png);
}

.psychological_help_content_step_3
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/3.png);
}

.psychological_help_content_step_4
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/4.png);
}

/* ------------------------------------------------------------------------------------ */

.rebalancing
{
	position: relative;

	width: 940px;
	height: 654px;

	margin: 0 auto;

	background-repeat: no-repeat;
	background-image : url(../images/fond_reequilibrage.jpg);
}

.rebalancing_anchor
{
	position: absolute;
	top: -50px;
}

.rebalancing_trame
{
	position: absolute;
	top: 160px;
	left: 0px;

	width: 384px;
	height: 517px;

	background-repeat: no-repeat;
	background-image : url(../images/trame_reequilibrage.png);
}

.rebalancing_picture
{
	position: absolute;
	top: -20px;
	left: 580px;

	width: 220px;
	height: 193px;

	background-repeat: no-repeat;
	background-image : url(../images/picto_reequilibrage.png);
}

.rebalancing_content
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 940px;
	height: 654px;
}

.rebalancing_content_title
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font: 30px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.rebalancing_content_introduction
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;

	line-height: 16px;

	color: #ffffff;
}

.rebalancing_content_step_instruction
{
	margin-top: 70px;
	margin-left: 420px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 16px;

	line-height: 18px;

	color: #ffffff;
}

.rebalancing_content_step_title
{
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 20px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: bold;

	line-height: 18px;

	color: #ffffff;
}

.rebalancing_content_step_text
{
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 20px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;

	color: #ffffff;
}

.rebalancing_content_step_1
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/1.png);
}

.rebalancing_content_step_2
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/2.png);
}

.rebalancing_content_step_3
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/3.png);
}

.rebalancing_content_step_4
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/4.png);
}

.rebalancing_content_step_5
{
	min-height: 35px;
	margin-top: 20px;
	margin-left: 420px;

	text-align: left;

	color: #ffffff;

	background-repeat: no-repeat;
	background-image : url(../images/5.png);
}

.rebalancing_content_text
{
	margin-top: 40px;
	margin-left: 420px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;

	color: #ffffff;
}

/* ------------------------------------------------------------------------------------ */

.formation
{
	position: relative;

	width: 940px;
	height: 653px;

	margin: 0 auto;

	background-repeat: no-repeat;
	background-image : url(../images/fond_formation.jpg);
}

.formation_anchor
{
	position: absolute;
	top: -50px;
}

.formation_trame
{
	position: absolute;
	top: 250px;
	left: 0px;

	width: 329px;
	height: 334px;

	background-repeat: no-repeat;
	background-image : url(../images/trame_formation.png);
}

.formation_picture
{
	position: absolute;
	top: -20px;
	left: 550px;

	width: 255px;
	height: 214px;

	background-repeat: no-repeat;
	background-image : url(../images/picto_formation.png);
}

.formation_content
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 940px;
	height: 653px;
}

.formation_content_title
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font: 30px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.formation_content_subtitle
{
	margin-top: 0px;
	margin-right: 440px;

	text-align: right;

	font: 20px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.formation_content_introduction
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;

	line-height: 16px;

	color: #ffffff;
}

.formation_content_text
{
	margin-top: 50px;
	margin-left: 420px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;

	color: #ffffff;
}

.formation_content_offer
{
	margin-top: 30px;
	margin-left: 420px;
	margin-right: 20px;

	text-align: left;

	font-family: Helvetica, Arial;
	font-size: 16px;

	line-height: 18px;

	color: #ffffff;
}

.formation_content_offer_stage, .formation_content_offer_consultation
{
	margin-top: 20px;
	margin-left: 0px;

	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;
}

.formation_content_offer_text
{
	font-family: Helvetica, Arial;
	font-size: 12px;

	line-height: 14px;
}

/* ------------------------------------------------------------------------------------ */

.contact
{
	position: relative;

	width: 940px;
	height: 439px;

	margin: 0 auto;

	background-repeat: no-repeat;
	background-image : url(../images/fond_contact.jpg);
}

.contact_anchor
{
	position: absolute;
	top: -50px;
}

.contact_picture
{
	position: absolute;
	top: -15px;
	left: 580px;

	width: 233px;
	height: 197px;

	background-repeat: no-repeat;
	background-image : url(../images/picto_contact.png);
}

.contact_content
{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 940px;
	height: 439px;
}

.contact_content_title
{
	margin-top: 20px;
	margin-right: 440px;

	text-align: right;

	font: 30px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.contact_content_subtitle
{
	margin-top: 0px;
	margin-right: 440px;

	text-align: right;

	font: 20px 'SansumiRegular', Arial, sans-serif;	

	color: #ffffff;
}

.contact_content_input_email_container
{
	position: relative;

	margin-top: 50px;
	margin-left: 440px;

	width: 475px;
	height: 33px;

	padding: 5px 10px;

	background-repeat: no-repeat;
	background-image : url(../images/champs_1.png);
}

.contact_content_input_subject_container
{
	position: relative;

	margin-top: 0px;
	margin-left: 440px;

	width: 475px;
	height: 33px;

	padding: 5px 10px;

	background-repeat: no-repeat;
	background-image : url(../images/champs_1.png);
}

.contact_content_input_email, .contact_content_input_subject
{
	width: 455px;
	height: 23px;

	border: 0px;

	color: #9c9e9f;
	font-size: 13px;
	font-family: Helvetica, Arial;
}

.contact_content_input_text_container
{
	position: relative;

	margin-top: 0px;
	margin-left: 440px;

	width: 475px;
	height: 106px;

	padding: 5px 10px;

	background-repeat: no-repeat;
	background-image : url(../images/champs_2.png);
}

.contact_content_input_text
{
	width: 455px;
	height: 96px;

	border: 0px;

	color: #9c9e9f;
	font-size: 13px;
	font-family: Helvetica, Arial;

	resize: none;
}

.contact_content_button_send_container
{
	position: relative;

	margin-top: 0px;
	margin-left: 440px;

	width: 475px;
	height: 32px;

	padding: 5px 10px;
}

.contact_content_button_send
{
	margin-top: 0px;
	margin-left: 125px;

	width: 228px;
	height: 32px;

	padding: 5px 10px;

	cursor: pointer;

	background-repeat: no-repeat;
	background-image : url(../images/bt_contact_off.png);
}

.contact_content_button_send:hover
{
	background-image : url(../images/bt_contact_on.png);
}

.contact_content_input_email_error, .contact_content_input_subject_error, .contact_content_input_text_error
{
	position: absolute;

	left: -180px;
	top: 3px;

	width: 150px;

	color: #FFFFFF;

	background-color: #FF0000;

	padding: 5px 10px;

	font-family: Helvetica, Arial;
	font-size: 11px;

	border: 2px #FFFFFF solid;
	border-radius: 10px;

	display: none;
}

.contact_content_button_send_status_ok
{
	margin-left: 360px;
	margin-top: 2px;
	
	float: left;
	
	width: 100px;

	color: #FFFFFF;

	background-color: #00FF00;

	padding: 5px 10px;

	text-align: center;
	
	font-family: Helvetica, Arial;
	font-size: 11px;

	border: 2px #FFFFFF solid;
	border-radius: 10px;
	
	display: none;
}

.contact_content_button_send_status_error
{
	margin-left: 360px;
	margin-top: 2px;
	
	float: left;
	
	width: 100px;

	color: #FFFFFF;

	background-color: #FF0000;

	padding: 5px 10px;
	
	text-align: center;

	font-family: Helvetica, Arial;
	font-size: 11px;

	border: 2px #FFFFFF solid;
	border-radius: 10px;
	
	display: none;
}

/* ------------------------------------------------------------------------------------ */

.footer
{
	position: relative;

	width: 940px;
	height: 17px;

	margin: 0 auto;

	background-repeat: no-repeat;
	background-image : url(../images/ombre_pied_de_page.jpg);
}