.gauche{float: left;}
.droite{float: right;}
.center{text-align: center;}
.clearboth{clear: both}


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


.message {
	font-size: 18px;
	padding-top: 20px;
	padding-left: 10px;
}

.dm {
	height: 40px;
	
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 20px;
	padding-top: 40px;
}

.bouton {
	clear: both;
	margin-left: 150px;
	border: 0px;
	background-color: transparent;
	background-image: url(../images/code/bouton_b.png);
	width: 105px;
	height: 28px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	margin-top: 4px;
}

.bouton_r {
	clear: both;
	border: 0px;
	background-color: transparent;
	background-image: url(../images/code/bouton_r.png);
	width: 105px;
	margin-left: 35px;
	height: 28px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	margin-top: 4px;
}

.formullaire p{padding-top: 8px;}

#titre {
	font-weight: bold;
	font-size:14px; 
	color: #000000; 
	background-color: #FFFFFF; 
	width: 200px;
}

.ombre {
	margin-top: 110px;
	margin-left:10px;
	padding-right: 3px;
	padding-bottom: 3px;
	width:200px;
	background-image: url(../images/code/ombre.png);
}


.erreur {
	margin-left:10px;
	padding-right: 3px;
	padding-bottom: 3px;
	width:400px;
	background-image: url(../images/code/ombre.png);
}
.erreur p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size:11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	width: 400px;
	color: red;
	text-align: center;
}

.obligatoire {
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
	margin-left: 10px;
	width:100px;
	height: 17px;
	background-image: url(../images/code/ombre.png);
}
.obligatoire p {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	width: 100px;
	text-align: center;
}


.formullaire1 {
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
}
.formullaire1 .bloc {float: left; padding-right : 20px;}
.formullaire1 input{width: 171px;}
	
.formullaire1 .num_portable{margin-top: 20px; width: 100px; margin-left: 20px;}	

/************* Pour la page des codes DVD offerts *******/
.rondelle h2 {
	font-size: 14px;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}
.rondelle h3 {
	font-size: 11px;
	padding: 0px 10px 5px 10px;
	margin: 0px;
}
.rondelle .visu_rondelle {font-size: 11px; text-align: center; padding-left: 10px; width: 150px;}
.rondelle .visu_clip {margin-right: 10px; margin-left: 30px; border: 2px solid white;}
	

#num_tel {
	width: 350px;
	padding-left: 70px;
	padding-top: 30px;
	height: 200px;
}

#newsletter_form {
	width: 350px;
	padding-left: 70px;
	padding-top: 75px;
	height: 200px;
}

#num_tel  #num {width: 300px; margin-top: 15px; margin-bottom: 10px;}
#num_tel  #msisdn {width: 300px; margin-top: 15px; margin-bottom: 10px;}
#newsletter_form  #email { width: 249px;}
#newsletter_form  #champs_email {float: left;  margin-top: 15px; margin-bottom: 10px;}

.submit {
	border: none;
	background-color: transparent;
	cursor: pointer;
	width: 147px;
	height: 35px;
	background-image: url(../landing_pages/valider.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 160px;
}

#formulaires {
	width: 425px;
	height: 481px;
	padding-left: 28px;
	padding-top: 0px;
	background-image: url(../landing_pages/fd_formu.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	
.blanc{color: #FFF}
.rouge{color: red}
.noir{color: #000}
.brun{color: #6f0303}
.bleu {color: #375b77;}
.rose {color: #e2007a;}
.jaune{color: #ffa414;}

.gauche{float: left;}
.droite{float: right;}
.clearboth{clear: both}

.center{text-align:center;}

.typo{font-family: Verdana, Arial, Helvetica, sans-serif; }
.typo2{font-family: Tahoma, Arial;}
.typo3{font-family: Arial, Tahoma;}

.size9{font-size:9px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size18{font-size:18px;}
.size24{font-size:24px;}
.size32{font-size:32px;}