/******************************************************************************************************************************************************/
/*                                               INIATITION DES BALISES PAR DEFAUT, LES REMETTRES A ZERO						       			      */
/******************************************************************************************************************************************************/

div,a,h1,h2,p,body,dl, dt, dd, ul, li {
	margin:0;
	padding:0;
	list-style-type: none;
}

form{
	width: 0px;
	padding: 0px;
	margin: 0px;
	display:inline;
}


/******************************************************************************************************************************************************/
/*                                              		DIVISION DE STRUCTURE DU SITE WEB										       			      */
/******************************************************************************************************************************************************/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	font-size:12px;
}

.pere{								/* div qui contient l'ensemble du site, si on diminue le pourcentage tous rétréssie. */
	margin:auto;
	background-color:#FFFFFF;
}

.image_pied{
	margin:auto;
	float:left;
	background:url(images/image_pied.jpg) no-repeat;
	width:926px;
	height:29px;
}


/******************************************************************************************************************************************************/
/*                                               					LE BANDEAU													       			      */
/******************************************************************************************************************************************************/


.pere_bandeau{						/* div qui contient tous le bandeaux. */
	margin:auto;
	width:926px;
	height:193px;
	background:url(images/bandeau_simple.jpg) no-repeat;
}



.cadre_titre_bandeau{				/* cadre qui contient les titres du bandeau */
	width:100%;
	margin:auto;
	padding-top:15px;
}

.img_bandeau_1{
	margin:auto;
	margin-left:38px;

}

/******************************************************************************************************************************************************/
/*                                               					LE CONTENUE, LE TEXTE, LE MENU								       			      */
/******************************************************************************************************************************************************/

.pere_information{			/* division qui contien l'ensemble des information, droit, gauche du site */
	margin:auto;
	width:926px;
	background:url(images/ligne_principal.jpg) repeat-y;
}

.colonne_gauche{			/* information sur la colonne de gauche du site qui contient l'ensemble du texte du site */
	float:left;
	margin:auto;
	padding-left:9px;
	width:565px;
	
}

.colonne_droite{			/* information sur la colonne de droit du site qui contient lle story bord, le formulaire, la video etc... */
	float:left;
	margin:auto;
	width:345px;
}


.pied{
	clear:both;
}


/******************************************************************************************************************************************************/
/*                                            						  MENU														       			      */
/******************************************************************************************************************************************************/

.pere_menu{
	float:left;
	width:926px;
	margin-bottom:5px;
	
}

.vide_menu{
	float:left;
	width:10px;
	height:2px;
}

.cote_gauche_menu{
	float: left;
	height: 23px;
	width: 7px;
	background:url(images/btm_gauche.jpg) no-repeat;
}

.cote_droit_menu{
	float: left;
	height: 23px;
	width: 7px;
	background:url(images/btm_droit.jpg) no-repeat;
}

.onglet {
	float:left;
	padding-left:7px;
	padding-right:7px;
	height:23px; 
	font-size:10px;
	background:url(images/btm_centre.jpg) repeat-x left;
}

.text_lien, .text_lien:hover{
	float:left;
	color: #ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	text-decoration:none; 
	font-weight: bold;
}

.text_lien:hover{
	color: #444444;
}



/******************************************************************************************************************************************************/
/*                 								ENCADREMENT DES TITRES DE LA COLONNE DE DROIT									       			      */
/******************************************************************************************************************************************************/


.encadrement_titre{
	height:79px;
	background-color:#037FE5;
	background:url(images/fond_titre_formulaire.jpg) no-repeat;
	
}

.encadrement_titre_prin{
	width:560px;
}

.haut_titre_prin{
	margin:auto;
	float:left;
	width:560px;
	height:10px;
	background:url(images/haut_titre_prin.jpg) no-repeat bottom;
}

.bas_titre_prin{
	margin:auto;
	float:left;
	width:560px;
	height:9px;
	background:url(images/bas_titre_prin.jpg) no-repeat;
}



.encadrement_titre_2{
	padding-top:3px;
	padding-bottom:3px;
	width:338px;
	height:41px;
}

.haut_titre{
	margin:auto;
	float:left;
	width:338px;
	height:11px;
	background:url(images/haut_titre.jpg) no-repeat;
}

.bas_titre{
	margin:auto;
	float:left;
	width:338px;
	height:11px;
	background:url(images/bas_titre.jpg) no-repeat;
}

.logo_revenu{
	float:right;
	width:73px;
	margin-right:15px;
	height:74px;
	background:url(images/logo_revenu.jpg) no-repeat;
}

.cadre_text_logo{
	float:left;
	padding-top:10px;
}

/******************************************************************************************************************************************************/
/*                 												LES TEXTS DU SITE												       			      */
/******************************************************************************************************************************************************/

.titre_bandeau{						/* information sur le titre en bleu Activité @ domicile */
	font-size:60px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0E61DA;
	font-weight:bold;
	text-align:center;
}

.sous_titre_bandeau{				/* information sur le sous-titre en bleu Construisez une activité rentable depuis votre domicile */
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#EBF2F5;
	text-align:center;
	font-weight:normal;
}

.text_template_1{
	font-size:1.5em;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#1287EC;
}

.text_template_2{
	font-size:1.5em;
	padding-top:17px;
	padding-left:5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#1287EC;
}

.titre_prin_1{
	margin-right:5px;
	margin-bottom:3px;
	padding-left:10px;
	padding-top:5px;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/fond_titre.jpg) no-repeat;
	height:54px;
}

.titre_prin_lettre{
	margin-right:5px;
	padding-left:10px;
	text-align:center;
	padding-top:13px;
	padding-bottom:3px;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/cente_titre_prin.jpg) repeat-y;
	color:#FFFFFF;
}

.titre_prin_cadre_2{
	margin-bottom:-3px;
	padding-left:10px;
	padding-top:12px;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/fond_titre.jpg) no-repeat;
	height:54px;
}




.titre_prin_2{
	padding:3px 10px;
	margin-right:5px;
	margin-top:3px;
	margin-bottom:3px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:2px;
	background-color:#037FE5;
	border:1px #FFFFFF solid;
	text-align:center;
}


.text_contenue{											
	color:#000000;
	text-align:justify;
	line-height:18px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
}

.text_contenue_2{											
	color:#000000;
	font-size:1.1em;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	
}

.text_contenue_3{											
	color:#000000;
	text-align:justify;
	line-height:18px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
}

.text_info_form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#000000;
}



/******************************************************************************************************************************************************/
/*                 												DIVISION DU PLAYER												       			      */
/******************************************************************************************************************************************************/

.player{
	margin-left:22px;
	width:70%;
}

.text_player{
	margin:auto;
	margin-top:10px;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000000;
}


.bouton_commander{
	margin:auto;
	margin-left:15px;
	width:300px;
	height:80px;
	background:url(images/bouton_commander.gif) no-repeat center;
	border:0px;
	cursor:pointer;
}

/******************************************************************************************************************************************************/
/*                 												DIVISION DES BOUTONS											       			      */
/******************************************************************************************************************************************************/



.bouton_commander_2{
	margin:auto;
	width:300px;
	height:80px;
	background:url(images/new_btcommander_blanc.gif) no-repeat center;
	border:0px;
	cursor:pointer;
}

.lien_template_1{
  color: #1E45B4;
  font-weight: bold;
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center; /* Le texte des onglets est centré */
  font-size:12px;
}

.lien_template_1:hover{
  color: #0F0D0E;
  font-weight: bold;
  width:100px; 
  text-decoration:none ;
  text-align:center; 
 font-size:12px;
}

.lien_template_1_select{
  color: #0F0D0E;
  font-weight: bold;
  width:100px; 
  text-decoration:none ;
  text-align:center; 
 font-size:12px;
}

.lien_suivant{
	float:left;
	background:url(images/suivant.jpg) no-repeat center;
	display:block;
	text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
	text-align:center; /* Le texte des onglets est centré */
	width:214px;
	height:182px;
}

.lien_suivant:hover{
	background:url(images/suivant_select.jpg) no-repeat center;
	display:block;
	text-decoration:none ;
	width:214px;
	height:182px;
}

.espace_bouton_suivant{
	float:left;
	width:200px;
	height:10px;
}

.btm_son{
	 width:36px;
	 height:28px;
	 margin-left:30px;
	 background:url(images/bouton_son.jpg) no-repeat center;	
}



/******************************************************************************************************************************************************/
/*                                              		HISTOIRES A SUCCES	DE LA PAGE ETAPE 1								       			      */
/******************************************************************************************************************************************************/

.cadre_story_text {
	width:90%;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-top:20px;
	text-align:justify;
}

.cadre_story_text_2{
	width:90%;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:20px;
	text-align:justify;
}

.imageflottante{
	float:right;
	margin-left:15px;
} 

.cadre_story_text_3 {
	width:90%;
	margin:auto;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:20px;
	color:#000000;
	text-align:justify;
}





.btm_img{
	cursor:pointer;
}

.img_bande{
	margin-left:75px;
}

.img_pack{
	margin-left:30px;
}


/******************************************************************************************************************************************************/
/*                                              			HISTOIRES A SUCCES	DE LA STYLE DE VIE								       			      */
/******************************************************************************************************************************************************/

.cadre_story_pere{
	margin:auto;
	width:100%;
}

.cadre_story_pere_2{
	margin:auto;
	width:72%;
	padding-left:10px;
	padding-right:10px;
}

.cadre_photo_story{
	float:left;
	margin-left:10px;
	margin-top:10px;
}


.cadre_info_prin_pere{
	float:left;
	width:100%;
}

.cadre_text_info_prin{
	float:left;
	width:413px;
}

.cadre_img_info_prin{
	float:left;
	width:145px;
}



/******************************************************************************************************************************************************/
/*                                              				PIED DE PAGES													       			      */
/******************************************************************************************************************************************************/

.pere_pied_page{
	float:left;
	margin:auto;
	width:100%;
}

.text_pied{
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

.text_pied_bleu{
	color:#0000FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.text_pied_rouge{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}



/******************************************************************************************************************************************************/
/*                                              			FORMULAIRE DE DEMANDE D'INFORMATION									       			      */
/******************************************************************************************************************************************************/


.cadre_info_connue{
	float:left;
	width:100%;
}

.cadre_info_connue_demi{
	float:left;
	width:50%;
}

.cal_info { 
	float: left;
	padding-left:20px;
	text-align:left;
}

.text_rouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
}