@charset "UTF-8";
/* CSS Document */

html{font-size:100%;font-family: arial;}


body {
	margin: 0px; /* pour viter les marges */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-family: Arial;
	font-size: 11px;
	color:#838383;
	text-align: center;
	background-image: url(../img/fondPage.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
}

h1.normal {
	font-size:20px;
	margin:15px 0 15px 0;	
}

h1.faq {
	font-size:20px;
	margin:5px 0 25px 0;	
}

h2.faq {
	font-size:14px;
	margin:25px 0 10px 0;	
}

#contentMainFAQ {
	width: 530px;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
	float:left;
}

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

.letters a {
	font-weight:bold;
}	

.letters a:hover {
	font-weight:bold;
}

.bo_tab tr {
	background-color:#ecf0f2;
	text-align:left;
}

.bo_tab .white {
	background-color:#FFF;
}
.bo_tab.white td {
	background-color:#FFF;
}

.bo_tab .second_title {
	background-color:#c4266d;
	color:#FFF;
	font-weight: 700;
}

.bo_tab thead tr {
	background-color:#333333;
	color:#FFF;
	font-weight: 700;
	text-align:center;
}
.bo_tab .left {
	background-color:#333333;
	color:#FFF;
	font-weight:700;
	text-align:left;
}
.bo_tab .right {
	background-color:#ecf0f2;
	text-align:left;
}

.bo_tab td.pair{
	background-color:#e8e8e8;
}
.bo_tab td.impair{
	background-color:#c7c7c7;
}

a {color: #d26585;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;text-decoration:none;}
a:hover {color: #b8496a;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;text-decoration:none;}

img {	border: 0px;}
	 
#FondPage{	width: 100%;}

#page{	width: 948px;	text-align: left;	margin: 0px auto;	font-family: Arial;}

#cleaner{clear: both;}

/* ==========================

 *        header

 * ========================== */
#header
{
	background-image: url(../img/fondHeader.gif);
	background-repeat:no-repeat;
	width: 948px;
	height:118px;
	padding:0px;
	margin:0px;
	
}

#headerLogo
{	
	width: 200px;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	float:left;
}

#headerLogin
{	
	width: 600px;
	padding-top: 86px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	margin: 0px;
	float:left;
}

/* ==========================

 *        MenuHaut

 * ========================== */
 
#barreMenu {
	background-image: url(../img/fondBarreMenu.gif);
	background-repeat:no-repeat;
	width: 744px;
	height: 23px;
	padding: 0px 0px 0px 204px;
	margin:0px;
}
#menu {list-style: none;height: 23px;padding: 0 ;margin: 0 ;}

#menu li {background-repeat:no-repeat;margin: 0px 0px 0px 0px;float: left;}

#menuACCUEIL {display: block;background-image: url(../img/menuAccueil.gif);background-repeat:no-repeat;height: 23px;width: 80px;}
#menuACCUEIL span { display: none; }

#menuOFFRES {display: block;background-image: url(../img/menuOffre.gif);background-repeat:no-repeat;height: 23px;width: 83px;}
#menuOFFRES span { display: none; }

#menuINSCRIPTIONS {display: block;background-image: url(../img/menuInscription.gif);background-repeat:no-repeat;height: 23px;width: 106px;}
#menuINSCRIPTIONS span { display: none; }

#menuTARIFS {display: block;background-image: url(../img/menuTarifs.gif);background-repeat:no-repeat;height: 23px;width: 72px;}
#menuTARIFS span { display: none; }

#menuBLOG {display: block;background-image: url(../img/menuBlog.gif);background-repeat:no-repeat;height: 23px;width: 66px;}
#menuBLOG span { display: none; }

#menuFAQ {display: block;background-image: url(../img/menuFaq.gif);background-repeat:no-repeat;height: 23px;width: 62px;}
#menuFAQ span { display: none; }

#menuCONTACT {display: block;background-image: url(../images/menuContact.jpg);background-repeat:no-repeat;height: 23px;width: 81px;}
#menuCONTACT span { display: none; }

#menuASSISTANCE {display: block;background-image: url(../img/menuAssistance.gif);background-repeat:no-repeat;height: 23px;width: 103px;}
#menuASSISTANCE span { display: none; }

#menuFIN {height: 23px;width: 165px;position : relative;margin: 0px;padding:0px;}

#formMenu{position: absolute;top: 2px;left:23px;}

/* ==========================

 *        Menu Gauche 

 * ========================== */
#menuGaucheTitreImage {margin:7px 0px 16px 0px;}

#menuGauche {
	background-image: url(../img/fondMenuGauche.jpg);
	background-repeat:no-repeat;
	width: 151px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
	
#menuGauche h1{font-size:11px;margin-top:8px;margin-bottom:1px;color:#656565;padding-bottom:2px; font-weight:bold}
#menuGauche li{padding:0px 0px 0px 6px; margin:0px; list-style: none ;}
#menuGauche ul{margin:0px ; padding:0px 0px 0px 0px;}
#menuGauche a {color: #999999;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;text-decoration:none;}
#menuGauche a:hover {color: #d26585;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: normal;text-decoration:none;}


/* ==========================

 *   Menu Gestion de votre compte

 * ========================== */
#menuGestion{margin:0px ; padding:0px;} 
#menuGestion h1{font-size:12px;margin:0px;color:#656565;padding:0px 0px 8px 0px; font-weight:bold}
#menuGestion li{padding:0px 0px 1px 0px;; margin:0px; list-style: none ;}
#menuGestion ul{margin:0px ; padding:0px 0px 0px 0px;}
#menuGestion a {color: #999999;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: bold;text-decoration:none;}
#menuGestion a:hover {color: #d26585;background-color: transparent;font-family: Arial, sans-serif;font-size: 11px;font-weight: 550;text-decoration:none;}

 
#menuGaucheGestion {width: 360px;float:left;margin: 16px 0px 0px 30px;padding:0px 0px 0px 0px;text-align:left;}

#menuMonProfil {width: 355px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMonProfil {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMonProfil {width: 255px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#menuMonService {width: 345px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMonService {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMonService {width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#menuMaCarteCredit {width: 315px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMaCarteCredit {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMaCarteCredit {width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#menuMesStatistiques {width: 315px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMesStatistiques {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMesStatistiques {width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}
 
#menuDroiteGestion {width: 250px;float:left;margin: 16px 0px 0px 5px;padding:0px 0px 0px 0px;text-align:left;}

#menuMesOptions {width: 315px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMesOptions {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMesOptions {width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#menuMaConsommation{width: 315px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageMaConsommation {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentMaConsommation{width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#menuParrain{width: 315px;margin: 0px 0px 15px 0px;padding:0px 0px 0px 0px;}
#menuImageParrain {width: 65px; float:left; margin: 0px 4px 0px 0px;padding: 0px;}
#menuContentParrain{width: 245px; float:left; margin: 0px 0px 0px 0px;padding:12px 0px 0px 0px;}

#titreGestionCompte {
display: block;background-image: url(../img/titreGestionDeVotreCompte.gif);background-repeat:no-repeat;height: 69px;width: 643px;}
#titreGestionCompte span { display: none; }

#sousTitreGestionCompte {font-size: 12px; color:#d26585; width:455px;font-weight: bold; padding:30px 0px 0px 2px; float:left;}
#boutonRetourGestionCompte { width:180px;font-weight: bold; padding:30px 0px 0px 2px; float:left; text-align:right;}


#ContentgestionMesOptions {
	width: 610px;
	float:left;
	margin: 0px;
	line-height: 15px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* ==========================

 *         content

 * ========================== */

#content {
	background-image: url(../img/fondContent.gif);
	background-repeat:repeat-y;
	width: 930px;
	padding: 0px 8px 0px 10px;
	margin:0px;
}

#titreHome {
display: block;background-image: url(../img/titreHomeDecouvreznosoffres.gif);background-repeat:no-repeat;height: 50px;width: 711px;}
#titreHome span { display: none; }

#contentMain {width: 708px;padding: 0px 0px 0px 0px;margin:0px;	float:left;}
#blocMainBas {
background-image: url(../img/fondBoiteBas.gif);background-repeat:no-repeat;width: 684px;height:69px;padding:0px;margin:0px;}
#blocMainBasGauche {width: 320px;height:39px;padding: 30px 0px 0px 20px;margin:0px; float:left; text-align:left;}
#blocMainBasDroite {width: 320px;height:39px;padding: 30px 20px 0px 0px;margin:0px; float:left; text-align:right;}

#contentMainOffres {width: 544px;padding: 0px 0px 0px 10px;margin: 10px 0px 0px 0px;float:left;}
#contentMainAdmin {width: 680px;padding: 0px 0px 0px 10px;margin: 10px 0px 0px 0px;float:left;}
#contentMainOffresForfaits {padding: 0px;margin: 0px;}
#contentMainOffresOptions {padding: 0px;margin: 0px;}
#imageTitreMainOffresForfaits {margin: 0px 0px 0px 0px;}
#imageTitreMainInscription {margin: 0px 0px 15px 0px;}
#imageTitreMainOffresOptions {margin: 40px 0px 0px 0px;}

.contentInscription p {padding:0 5px 0 5px;}
.contentInscription p.error {background-color:#f8dae4;padding: 5px;}

#contentMainInscription {
	width: 688px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	float:left;
}


#contentMainOptions {
	width: 544px;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	float:left;
}

#forfaitSimple {
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	float:left;
}

#forfaitDuo {
	width: 190px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	float:left;
}

#personnagesHome {
	width: 138px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	float:left;
}

#forfaitTotal {
	width: 198px;
	padding: 0px;
	margin:0px;
	float:left;
}

#annaboxHome {
	background-image: url(../img/nouvelleAnnaboxHome.gif);
	background-repeat:no-repeat;
	width: 140px;
	height:73px;
	line-height:13px;
	padding: 2px 46px 0px 12px;
	margin: 0px 0px 0px 0px;
}

#optionsAnnatel {
	display: block;
	background-image: url(../img/optionsAnnatelHome.gif);
	background-repeat:no-repeat;
	width: 320px;
	padding: 40px 15px 0px 20px;
	margin:10px 0px 10px 0px;
	line-height: 14px;
	float:left;
}

#optionsAnnatel span { display: none; }

#blogAnnatel {
	display: block;
	background-image: url(../img/blogAnnatelHome.gif);
	background-repeat:no-repeat;
	width: 291px;
	padding: 40px 10px 0px 20px;
	margin:10px 0px 10px 0px;
	line-height: 14px;
	float:left;
}

#blogAnnatel span { display: none; }

/* ==========================

 *        Colonne Droite

 * ========================== */

#contentRight {
	width: 218px;
	padding: 0px;
	margin:0px 0px 0px 4px;
	float:left;
}
#NouveauteDroite {width: 218px;padding: 0px;margin:0px ;}	
#nouveauteContentDroite {
background-image: url(../img/fondNouveaute.gif);background-repeat:repeat;width: 193px;padding: 0px 8px 0px 15px;margin: 0px;}

#PromotionDroite {width: 218px;padding: 0px;margin:0px ;}
#PromotionContentDroite {
background-image: url(../img/fondNouveaute.gif);background-repeat:repeat;width: 193px;padding: 0px 8px 0px 15px;margin: 0px;}

	
#jeMabonne {
	display: block;
	background-image: url(../img/jeMabonneHome.gif);
	background-repeat:no-repeat;
	height: 205px;
	width: 190px;
	padding: 48px 10px 0px 16px;
	margin:0px 0px 10px 0px;
	line-height: 14px;
}
#jeMabonne span { display: none; }

#fondJeMabonne {
	background-image: url(../img/fondJeMabonne.gif);
	background-repeat:repeat;
	width: 193px;
	padding: 0px 8px 0px 15px;
	margin:0px 0px 0px 0px;
}

#maSelection {
	display: block;
	background-image: url(../img/maSelection.gif);
	background-repeat:no-repeat;
	height: 47px;
	width: 218px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#maSelection span { display: none; }

#fondSelectionGris {
background-image: url(../img/fondMaSelectionGris.gif);background-repeat:repeat;width: 184px;padding: 4px 15px 0px 17px;margin:0px;}
#fondSelection {
background-image: url(../img/fondNouveaute.gif);background-repeat:repeat;width: 193px;padding: 0px 8px 0px 15px;margin:0px;}
#basBoiteDroiteGrise {width: 218px;padding:0px;margin:0px;}
#maSelectionForfaits {padding: 0px 0px 10px 0px;}
#maSelectionOptions {padding: 0px 0px 10px 0px;}
#maSelectionAccessoires {width: 188px; padding: 10px 0px 4px 0px;}
#maSelectionTotal {width: 188px; text-align:center; padding: 0px 0px 4px 0px; font-size: 12px; color:#d26585; font-weight:bold;}

#serviceCommercial {
	display: block;
	background-image: url(../img/serviceCommercial.gif);
	background-repeat:no-repeat;
	height: 69px;
	width: 204px;
	padding: 40px 0px 0px 12px;
	margin: 0px 0px 2px 0px;
	line-height: 16px;
}
#serviceCommercial span { display: none; }

#illustrationServiceCommercial { margin:2px 0px 6px 0px; text-align:center; }


/* ==========================

 *         Footer

 * ========================== */
 
#footer {
	background-image: url(../img/fondFooter.gif);
	background-repeat:no-repeat;
	width: 938px;
	height: 8px;
	text-align:right;
	padding: 18px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* ==========================

 *        Boutons 

 * ========================== */