/* CSS pour le site Bouygues Telecom */

/******************/
/* P27 Parrainage */
/******************/
.parrainage h2{margin:5px 0 0 0;font-size:1.3em;color:#ff4d00;}

.parrain_titre_souligne {
	margin: 42px 0 0 0;
}

.parrain_titre_souligne p {
	margin: -14px 0 0 -1px;
	font-size: 15px;
	font-weight: bold;
	color: #7db7c7;
}

.parrain_titre_souligne img {
	display: block;
}

.parrainage p.intro{
	margin: 5px 0 0 13px;
}

/****************************************/

.parrain_haut {
    margin: 24px 0 0 11px;
    padding-bottom: 0px;
    width: 658px;
    height: 255px;
	background: url(img/parrainage/parrain_haut_2.jpg) no-repeat;
}

.info_parrain_haut{
	width:442px;
	height:218px;
	overflow:hidden;
	margin:0 0 0 216px;
	padding:10px 0 0;
}

.info_parrain_haut h4{
	margin:0 0 6px 0;
	font-size:21px;
	color:#25b5c2;
	text-transform:uppercase;
	text-align:center;
}

.info_parrain_haut h4 span{
	color:#fb4e01;
}

.info_parrain_haut p{
	margin:0 0 40px 0;
	font-size:11px;
	color:#7db7c7;
	text-align:center;
}

.info_parrain_haut p.no_ma{
	margin:0;
}

.info_parrain_haut p span{
	color:#25b5c2;
	font-size:14px;
	font-weight:bold;
}

.info_parrain_haut p span.maj{
	text-transform:uppercase;
}

.info_parrain_haut sup{
	line-height:0.8em;
	font-size:9px;
}

/****************************************/

.btn_parrain_haut{
	float:left;
	display:inline;
	width:668px;
	height:17px;
	margin:10px 0 0 0;
}

.btn_parrain_haut a.envoyer{
	float:right;
	display:inline-block;
	width:145px;
	height:17px;
	margin:0 17px 0 0;
	background:url(img/parrainage/envoyer_proche.jpg) no-repeat 0 0;
	font-weight:bold;
	font-size:11px;
	color:#009bba;
	text-align:center;
	line-height:17px;
	text-decoration:none;
	text-transform:uppercase;
}
		
/****************************************/

.vous_profiterez {
	margin: 15px 0 27px 0;
	width: 680px;
	height: 108px;
}

		.profiterez_choix {
		    float: left;
		    display: inline;
		    margin: 0 0 0 11px;
		    width: 215px;
		    height: 108px;
		    background: url(img/parrainage/profiterez_choix.gif) no-repeat;
		}
		
				.profiterez_choix p {
				    margin: 30px 0 0 84px;
				    width: 105px;
				}
		
		.profiterez_avantage {
		    float: left;
		    display: inline;
		    margin: 0 0 0 7px;
		    width: 215px;
		    height: 108px;
		    background: url(img/parrainage/profiterez_avantage.gif) no-repeat;
		}
		
				.profiterez_avantage p {
				    margin: 33px 0 0 84px;
				    width: 105px;
				}
		
						.profiterez_avantage p sup {
							 font-size: 10px;
						}
		
		.profiterez_nombre {
		    float: left;
		    display: inline;
		    margin: 0 0 0 7px;
		    width: 215px;
		    height: 108px;
		    background: url(img/parrainage/profiterez_nombre.gif) no-repeat;
		}
		
				.profiterez_nombre p {
				    margin: 33px 0 0 84px;
				    width: 105px;
				}
				
						.profiterez_nombre p sup {
							 font-size: 10px;
						}

/****************************************/

.comment_parrainer {float:left;margin: 24px 0 0 11px;}

.filleul_01,.filleul_02,.filleul_03{float:left;width:680px;margin:0 0 20px;}
		
.filleul_01_gauche{float: left;display:inline;width:132px;}
				
						.filleul_img {
						    float: left;
						    display: inline;
						    margin: 0 0 0 0;
						}
				
						.filleul_01_milieu p.filleul_01_numero1 {
						    float: right;
						    display: inline;
						    margin: 0 5px 0 0;
						    width: 16px;
						    height: 16px;
						}
						
						.filleul_01_milieu p.filleul_01_puce1 {
						    clear: both;
						    float: right;
						    display: inline;
						    margin: 12px 0 0 0;
						    width: 3px;
						    height: 3px;
						}
						
						.filleul_01_milieu p.filleul_01_puce2 {
						    clear: both;
						    float: right;
						    display: inline;
						    margin: 12px 0 0 0;
						    width: 3px;
						    height: 3px;
						}
								
						.filleul_01_droite_milieu {
						    float: left;
						    display: inline;
						    margin: 4px 0 0 0;
						    width: 500px;
						}
						
								.filleul_01_droite_milieu p{
								    float: left;
								    display: inline;
								    padding: 0 0 0 8px;
									background: url(img/parrainage/puce_bleue.gif) no-repeat 0 6px;
								    width: 500px;
								}
								
						.filleul_01_droite_bas {
						    float: left;
						    display: inline;
						    margin: 7px 0 0 0;
						    width: 510px;
						}
						
								.filleul_01_droite_bas p {
								    float: left;
								    display: inline;
								    margin: 0 0 0 8px;
								}
						
.filleul_02_gauche{float:left;display:inline;width:132px;}
				
						.filleul_img {
						    float: left;
						    display: inline;
						    margin: 0 0 0 0;
						}
				
						.filleul_02_milieu p.filleul_02_numero2 {
						    float: right;
						    display: inline;
						    margin: 0 5px 0 0;
						    width: 16px;
						    height: 16px;
						}

						.filleul_02_droite_milieu {
						    float: left;
						    display: inline;
						    margin: 4px 0 0 0;
						    width: 510px;
						}

.filleul_02_droite_milieu p {padding: 0 0 0 8px;background: url(img/parrainage/puce_bleue.gif) no-repeat 0 6px;}
								
								.filleul_02_droite_milieu p span {
								    font-weight: bold;
								}

.filleul_03{clear:left;}
.filleul_03_gauche{float:left;display:inline;width:132px;}
				
						.filleul_img {
						    float: left;
						    display: inline;
						    margin: 0 0 0 0;
						}
				
						.filleul_03_milieu p.filleul_03_numero3 {
						    float: right;
						    display: inline;
						    margin: 0 5px 0 0;
						    width: 16px;
						    height: 16px;
						}

.filleul_01_milieu ,
.filleul_02_milieu ,
.filleul_03_milieu {float:left;width:38px;height:100px;}
.filleul_01_droite,
.filleul_02_droite,
.filleul_03_droite{float:left;width:510px;}
.filleul_01_droite_haut,
.filleul_02_droite_haut,
.filleul_03_droite_haut{float:left;width:510px;margin:0;}
.filleul_01_droite_haut p,
.filleul_02_droite_haut p,
.filleul_03_droite_haut p{float:left;margin:0;font-size:16px;font-weight:bold;color:#00b1c1;}

.parrain_bas {float:left;margin: 30px 0 0 0;}

		.parrain_bas p {
		    text-align: justify;
		    color: #a0a0a0;
		}
		
				.parrain_bas p sup {vertical-align:2px;}
				
				.parrain_bas p span {
				    text-decoration: underline;
				}

.conditions {
	margin: 15px 0 0 0;
	color: #a0a0a0;
}

/***** Popup : Parrainer un ami *****/

#popup {
	margin: 0 5px 15px 15px;
}

#popup label {
   display: block;
}

#popup strong {
   color: Red;	
}

#popup ul.photos {
	position: absolute;
	left: 450px;
	top: 250px;
}		 
	 
#popup ul.photos li {
	width: 60px;
	height: 68px;
	text-align:center;
	border: 1px solid #B9BDBE;
	background-color: #fff;
	margin-bottom: 10px;
}	

.popup_parrainage .visuel {
	float:left;
	width:165px;
	margin-top:10px;
	text-align:center;
}

.popup_parrainage ul.champs01 {
	margin: 60px 0 0 6px;
}

.popup_parrainage ul.champs01 li {
	margin-top:10px;
}

.popup_parrainage ul.champs01 li input {
    border: 1px solid #a5acb2;
	width: 230px
}

.popup_parrainage ul.champs02 {
	margin:5px 0px 20px 6px;
}

.popup_parrainage ul.champs02 li textarea {
    border: 1px solid #a5acb2;
	width:394px;
	height:60px;
}

.model_05.popup_envoyer_ami {
	margin:0px;
}
#popup_parrainage_fond_haut {
	float: left;
	display: inline;
	width: 430px;
	height: 12px;
	background : url(img/parrainage/popup_parrainer_fond_haut.png) no-repeat 10px bottom;
	margin: 3px 0 0 0;
}
#popup_parrainage_fond_milieu {
	float: left;
	display: inline;
	width: 430px;
	background : url(img/parrainage/popup_parrainer_fond_milieu.png) repeat-y 10px 0px;
}
#popup_parrainage_fond_bas {
	float: left;
	display: inline;
	width: 430px;
	height: 10px;
	background : url(img/parrainage/popup_parrainer_fond_bas.png) no-repeat 10px 0px;
}

#popup.parrainage_popup h1 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #019AA2;
	/*text-align: center;*/
	text-align: left;
	margin-left: 5px;
}

#popup.parrainage_popup h2 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;	
	color: #019aa2;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
}

#popup.parrainage_popup p.cnil {
	width: 400px;
	/*margin-left: 13px;*/
	text-align: justify;
	color: #AEAEAE;
	/*margin-right:6px;*/
	margin-left:5px;
}

#popup.parrainage_popup .actions {
	 margin-top: 7px;
	 text-align: right; /* Déplace les boutons sur la droite */
	 width: 400px;
	 /*width: 343px;*/     /* Une largeur pour positionner les boutons correctement */
	 padding-bottom: 15px;
	 /*margin-right:6px;*/
	 margin-left:5px;
}	

#popup.parrainage_popup .box_centre {
	width:410px;
	text-align: justify;
}