/* style general de la page */
* {padding: 0px; margin: 0px;}
body {margin: 0; padding: 0px; font: 12px Arial, Helvetica, sans-serif; color: #424242;}
a {text-decoration: none; color: #0750d9;}
a:hover {text-decoration: underline;}
img {border: 0px;}
form {display: inline;}
.none {display : none;}
/* style general de la page */

/* centrage de page */
.center_page {text-align: center; background: url(../img/bg_top.gif) repeat-x ;}
/* centrage de page */

/* largeur de la page */
.width_page {width: 980px; text-align: left; margin: auto; background:  #FFFFFF;}
/* largeur de la page */

/* header : haut de page */
.header {background: url(../img/top_hp.gif) no-repeat #919191; margin: 0px;}
.header {height: 90px;}
.header_links {height: 62px; color: #454545; background: url(../img/bg_top_lien.gif) no-repeat 616px 43px;}
.header_links p {margin: 0px; padding: 49px 15px 0px 0px; text-align: right;}
.header_links a:link, .header_links a:visited, .header_links a:active {color: #CBCBCB; padding: 0px 10px;}
.header_links a:hover {color: #CBCBCB;}
/* header : haut de page */

/* blocks */
.body_x {background: url(../img/bg_hp.gif); float: left; width: 980px;}
.body_1 {width: 410px; height: 384px; float: left; background: url(img/bloc_offre.gif) no-repeat 7px 15px; overflow: hidden; padding: 36px 0px 0px 255px;}
.body_1 .contenu {background: url(../img/alicebox.gif) no-repeat; float: left; width: 410px; padding-top: 59px;}
.body_1 .contenu .block {background: url(../img/picto_ensavoirplus.gif) no-repeat 0px 18px; float: left; width: 410px; padding-bottom: 17px;}
.body_1 .contenu h1 {font-size: 15px; color: #EE1D23; text-transform: uppercase; padding: 0px; margin: 0px; width: 410px; float: left; clear: both;}
.body_1 .contenu h1 a {color: #EE1D23; text-decoration: none;}
.body_1 .contenu h1 a:hover {color: #EE1D23; text-decoration: underline;}
.body_1 .contenu .text {width: 268px; float: left; padding-left: 57px; background: no-repeat 0px 6px;}
.body_1 .contenu .telephonie {background-image: url(../img/picto_tel.gif);}
.body_1 .contenu .television {background-image: url(../img/picto_tv.gif);}
.body_1 .contenu .internet {background-image: url(../img/picto_net.gif);}
.body_1 .contenu .text ul {margin: 0px; padding: 4px 0px 0px 0px;}
.body_1 .contenu .text li {background: url(../img/puce_rouge.gif) no-repeat 0px 5px; margin: 0px; padding: 0px 30px 0px 8px; list-style-type: none; line-height: 14px;}
.body_1 .contenu .link {width: 85px; float: left;}
.body_1 .contenu .link p {padding-top: 4px; font-size: 11px;}
.body_1 .mention p {padding-left: 58px;color: #EE1D23; text-transform: uppercase;}
.body_2 {width: 268px; height: 362px; padding: 63px 22px 0px 20px; float: left; background: url(../img/bloc_abo.gif) no-repeat 4px 15px; overflow: hidden;}
.body_2 .block_1 {height: 113px;}
.body_2 .block_1 .saisie {float: left; width: 220px; height: 28px; text-align: right; padding: 20px 0px 0px 0px;}
.body_2 .block_1 .saisie input {background: url(img/champs.gif) transparent; height: 20px; width: 88px; padding: 4px 0px 0px 22px; border: 1px #C0C0C0 solid;}
.body_2 .block_1 .validation {float: left; width: 48px; height: 27px; text-align: right; padding: 21px 0px 0px 0px;}
.body_2 .block_1 .message {float: left; width: 268px; height: 15px; background: no-repeat 104px 5px; clear: both;}
.body_2 .block_1 .erreur {background-image: url(../img/erreur.gif); height: 30px;}
.body_2 .image {padding: 20px 0px 0px 50px;}
.body_2 .image a {display: block; width: 148px; height: 20px; background: url(../img/btn.gif); text-align: center; padding: 6px 0px 0px 12px;}
.body_2 .block_1 .input_conserve {float: left; width: 20px;}
.body_2 .block_1 .text_conserve {float: left; width: 248px; font-size: 11px;}
.body_2 .block_2 {height: 93px; padding: 15px 0px 0px 0px;}
.body_2 .block_3 {height: 104px; padding: 15px 0px 0px 0px;}

.promo {height: 182px; padding: 0px 4px 0px 12px; float: left;}
.promo a {display: block; width: 227px; height: 182px;}
.promo a.contrat {background: url(../img/promo_contrat.gif);}
.promo a.contrat:hover {background: url(../img/promo_contrat_on.gif);}
.promo a.alicemonde {background: url(../img/promo_alicemonde.gif);}
.promo a.alicemonde:hover {background: url(../img/promo_alicemonde_on.gif);}
.promo a.norton {background: url(../img/promo_norton.gif);}
.promo a.norton:hover {background: url(../img/promo_norton_on.gif);}
.promo a.vod {background: url(../img/promo_vod.gif);}
.promo a.vod:hover {background: url(../img/promo_vod_on.gif);}
.promo a.qualite {background: url(../img/promo_qualite.gif);}
.promo a.qualite:hover {background: url(../img/promo_qualite_on.gif);}
/* blocks */

/*footer*/
.footer {float: left; width: 980px; font-size: 11px;}
.footer .bottom {background: url(../img/bg_ml.gif) no-repeat bottom; float: left;}
.footer .bottom .button {float: left; width: 300px; height: 45px;}
.footer .bottom .button p {padding: 11px 0px 0px 12px;}
.footer .bottom .button p img {vertical-align: -8px; padding-left: 10px;}
.footer .bottom .button p a {font-weight: bold; color: #FFFFFF;}
.footer .bottom .links {float: left; width: 680px; height: 45px;}
.footer .bottom .links p {padding: 11px 14px 0px 0px; text-align: right; color: #989898;}
.footer .bottom .links p img {vertical-align: -2px; padding: 0px 4px 0px 10px;}
.footer .bottom .links p a:link, .footer .bottom .links p a:visited, .footer .bottom .links p a:active {color: #4B4B4B; text-decoration: underline;}
.footer .bottom .links p a:hover {color: #4B4B4B; text-decoration: none;}
.footer .bottom .mention {width: 980px;}
.footer .bottom .mention p {padding: 10px 15px 20px 15px;}
.footer .droit {text-align: right; float: left; width: 980px;}
.footer .droit p {padding: 5px 15px 0px 0px; color: #7B7B7B;}
/*footer*/

/*new TAB*/
.tab7 {background: url(../img/tab_07.gif) no-repeat;}
.tab8 {background: url(../img/tab_08.gif) no-repeat;}

.tab_top_left {background-position: left top; padding-left: 10px; height: 10px;}
.tab_top_right {background-position: right top; height: 10px;}
.tab_mid_left {background-position: left -10px; padding-left: 10px;}
.tab_mid_right {background-position: right -10px;}
.tab_bot_left {background-position: left bottom; padding-left: 10px; height: 10px;}
.tab_bot_right {background-position: right bottom; height: 10px;}
/*new TAB*/
.campotest {
	background-image: url(images/champs.gif);
	background-repeat: no-repeat;
}