/* ____________________solid HEADER IMAGES PAGES INTERNES _________________________________ */

		#bandeau_top_container a:link, #bandeau_top_container a:visited{
			color:#30397c;
		}
		
			#bandeau_top_content{
				background:url(../images/templates/robot_coach_fonctionnement_header_description.jpg) no-repeat top left;
			}


				.page_titre_before, .page_titre_after {
					background: #30397c;
				}

				.bandeau_top_texte{
					text-align: center;
					margin:80px 40px 0 0;
					width: 270px;
				}

		.bandeau_top_texte .button {
			background-image:url(../images/templates/robot_coach_fonctionnement_fleche_video.png);
			/*border:1px solid #30397c;*/
		}


/* ____________________ - TITRE PAGE - ____________________ */

		#page_titre{
			background: url(../images/templates/robot_coach_fonctionnement_titre_fond.jpg) repeat-x bottom left #abb6c1;
		}

			#page_titre h1 {
				color: #34347e;
			}
		
				#page_titre_content{
					background: #fff;
				}

					#page_titre h1 span {
						background: #34347e;
					}


	/* ____________________ - SECTION UN DEUX TROIS - ____________________ */


				#fonctionnement_un_deux_trois{
					background-image: url(../images/templates/robot_coach_fonctionnement_telephone_01.png);
					background-repeat:no-repeat;
					background-position: bottom left;
					background-color: #e7ebef;
				}
		
									.un_deux_trois_fleche{
										position: absolute;
										z-index: 10;
										top:70px;
										right:100px;
										opacity:0;
										-webkit-transition: all 400ms ease;
										   -moz-transition: all 400ms ease;
											-ms-transition: all 400ms ease;
											 -o-transition: all 400ms ease;
												transition: all 400ms ease;
									}
		
									#fonctionnement_un_deux_trois li:hover .un_deux_trois_fleche {
										opacity:1;
										right:30px;
									}
		
						.fonctionnement_buttons_x_2 > div {
							padding:70px 0;
						}



	/* ____________________ - COACHING MAIL - ____________________ */


				#fonctionnement_coaching_mail {
					position: relative;
					margin: 0 0 60px 0;
					overflow: auto;
					background: url(../images/templates/robot_coach_fonctionnement_coaching_fond.gif) repeat-x top left #fff;
				}

					.fonctionnement_coaching_mail_texte{
						width: 64%;
						margin: 0 0 80px 0;
						padding: 120px 0 0 0;
					}

						.fonctionnement_coaching_mail_texte p{
							float: left;
							width: 45%;
							margin-right:20px;
						}

					.fonctionnement_coaching_mail_image{
						position: absolute;
						z-index: 10;
						top: 0;
						right: 0;
						width: 33%;
						text-align: center;
					}

						.fonctionnement_coaching_mail_image img{
							max-width: 220px;
						}

						#fonctionnement_coaching_mail .button{
							float: right;
							margin:30px 6%;
						}


						#fonctionnement_coaching_mail .button:link, #fonctionnement_coaching_mail .button:visited {
							color:#36c;
							border:2px solid #fff;
							background-image:url(../images/templates/robot_coach_button_fleche_bleu_electrique.png );
						}
						
						#fonctionnement_coaching_mail .button:hover, #fonctionnement_coaching_mail .button:active {
							color:#fff;
							border:2px solid #fff;
							background-color:#36c;
							background-image:url(../images/templates/robot_coach_button_fleche_blanc.png );
						}




@media screen and (max-width: 1280px) {

				#fonctionnement_un_deux_trois{
					background-size: 30%;
				}

}


@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 900px) {

}

@media screen and (max-width: 768px) {
				.fonctionnement_coaching_mail_texte p{
					width: auto;
					float: left;
					margin-right: 0;
				}
}

@media screen and (max-width: 640px) {


			.bandeau_top_image{
				background: #34347e;
			}

				#fonctionnement_un_deux_trois{
					background-image:none;
				}

									#fonctionnement_un_deux_trois li:hover .un_deux_trois_fleche {
										opacity:0;
									}

			.fonctionnement_coaching_mail_image{
				text-align: center;
				right:0;
				top:0px;
			}
				.fonctionnement_coaching_mail_image img{
					width:90px;
				}

			.fonctionnement_coaching_mail_texte{
				border-top:1px solid transparent;
				width: auto;
				margin: 0 0 0 0;
			}

			#fonctionnement_coaching_mail .button{
				float: none;
				margin:30px 0;
			}
}