@import url(panier.css); 
@import url(menu_volavion.css); 

* { margin:0; padding: 0; }
a 
{ 
	text-decoration: none; 
	font-family: Arial, Sans-Serif;
}
a:hover { text-decoration: underline; }

.exclusiviteInternet 
{
    font-family:Arial;
    color:#FF6600;
    font-weight:bold;
    font-size:11px;
}

.promo
{
    font-family:Arial;
    color:#666666;
    font-weight:bold;
    font-size:12px;
}

td
{
	vertical-align: top;
}

div.hide
{
	display: none;
}
div.image
{
    height:50px;
}

div.ImgGaucheHauteur
{
    height:100px;
    padding-top:25px;
}

a.FIS,a.CGV
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #ff6600;
	background: url(../../../../images/puceFlecheLienMenu.gif) no-repeat left center;
	padding-left: 10px;
}

/* Page MasterPage */
td.MasterPageContenu
{
	width:740px;
	padding-top:11px;
}

td.MasterPagePanier
{
	width:250px;
	padding-top:11px;
}

/* Titre de la page */ 
div.titrePage
{
	display : block;
	float:left;
	font-family: Arial, Sans-Serif;
	font-size: 26px;
	color: #ff8434;
	letter-spacing: -1px;
	font-weight: normal;
	height: 50px;
	width: 342px;
	text-align: left;
}

h1.titrePage
{
	font-family: Arial, Sans-Serif;
	font-size: 26px;
	color: #ff8434;
	letter-spacing: -1px;
	font-weight: normal;
	text-align: left;
}

h2.sousTitrePage
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #ff8434;
	letter-spacing: -1px;
	font-weight: bold;
	text-align: left;
}

div.titrePage span.sousTitrePage
{
	font-size: 18px;
	font-weight: normal;
}
div.titrePage span.valignMiddle
{
	vertical-align: middle;
}

div.titrePage a { color: #ff8434; }

/* Sous-titre de la page */ 
div.titrePage span.sousTitre
{
	font-size: 20px;
}

/* Image titre de la page */ 
div.titrePageImg
{
	text-align: left;
	display : block;
	float: left;
	height:70px;
}

div.titrePageImg a { color: #ff8434; }

/* Text sur le cote Gauche*/

div.introGauche
{
	width: 150px;
	padding-top: 22px;
	text-align: left;
}

div.introGauche p
{
	padding-bottom: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: left;
}

div.introGauche ul.offresGrises li
{
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	line-height:14px;
	padding-left:10px;
	background: url(../../../../images/puceFlecheOrange.gif) no-repeat left center;
	color: #666666;
}

div.introGauche ul.offresGrises li a{color: #666666;}

div.introGauche a.voirToutesLesOptions
{
    padding: 2px 0px;
    display: block;
	width: 130px;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color:#666666;
	border : solid 1px #cccccc ;
	text-align: center;
}

/* Texte d'introduction */
div.introPage
{
	width: 510px;
	margin-bottom:15px;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	color: #989898;
	font-weight: bold;
	text-align: left;
}

div.introPage span.desc 
{
	font-size: 12px;
}

div.introPage a { color: #989898; }

div.introPage ul li
{
	background: url(../../../../images/puceCarree.gif) no-repeat left 6px;
	color: #989898;
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	line-height:15px;
	padding-left:10px;
}

div.introPage ol li
{
	background: url(../../../../images/puceFlecheNoire.gif) no-repeat left 6px;
	color: #989898;
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	line-height:15px;
	padding-left:10px;
}
/* Blocs de contenu de la page */ 
div.contenu
{
	margin:0px auto;
	margin-bottom: 16px;
	margin-right: 8px;
	text-align: left;
}

/* Titre d'un bloc */ 
div.contenu h1
{
	color: #ff6600;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 8px;
}

div.contenu span.desc 
{
	font-size: 10px;
	line-height: 10px;
}

div.contenu h1 a { color: #ff6600; }

div.contenu a { color: #ff6600; }

div.contenu a.pdf 
{
    color: #ff6600; 
    font-size: 11px;
}

/* Listes */
div.contenu ul li
{
	background: url(../../../../images/puceCarree.gif) no-repeat left 6px;
	color: #666666;
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	padding-left:10px;
}

div.contenu ul.details a { color: #666666; }
div.contenu ul.offres a { color: #ff6600; }
div.contenu ul.details span.eme { font-size : 10px; vertical-align: text-top; }

/* Liste de details d'une offre */
div.contenu ul.details li
{
	background: url(../../../../images/puceCarree.gif) no-repeat left 6px;
	color: #666666;
	padding-bottom: 0px;
}
div.contenu ul.details li span.details24h
{
	color: #ff6600;
	font-weight: bold;
}

/* Liste de choix d'offres*/
div.contenu ul.offres
{
	margin: 4px 0px;
}

div.contenu ul.offres li
{
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	padding-left:10px;
	background: url(../../../../images/puceFlecheOrange.gif) no-repeat left center;
	color: #ff6600;
}

/* Titre avec puce multi rond */ 
div.contenu h1.titreParagraphe
{
	color: #3f4c57;
	background: url(../../../../images/puceMultiRond.gif) no-repeat left 4px;
	padding-left:34px;
}

/* Paragraphe de texte */
div.contenu p
{
	color: #666666;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
}

/* Options recommandées */
div.option
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	width: 285px;
	padding-bottom: 16px;
}

div.option img.picto
{
	display: block;
	float:left;
	margin: 5px;
}

div.option h1.titreOption
{
	font-size: 11px;
	margin: 0;
	color: #ff6600;
}

div.option span.dureeOption
{
	color: #ff6600;
	font-weight: bold;
}

div.option p
{
	padding-bottom: 5px;
}

a.decouvrir
{
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	padding-left:11px;
	background: url(../../../../images/pictoFleche.gif) no-repeat left 3px;
}

a.decouvrir.multiline
{
	display: block;
	width:75px;
}

/* Canal + */

div.contenu span.CPlus
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
}

div.contenu span.CPlus.CPlusNormal
{
	color: Black;
}

div.contenu span.CPlus.CPlusCinema
{
	color: #2242B9;
}

div.contenu span.CPlus.CPlusSport
{
	color: #309500;
}

div.contenu span.CPlus.CPlusDecale
{
	color: #FF6403;
}

div.contenu span.CPlus.CPlusHiTech
{
	color: #CB0101;
}

div.contenu span.CPlus.FootPlus
{
	color: #4cb357;
}

/* Zone auto promo */
div.autoPromo
{
	/*background: #CCCCCC;
	width: 234px;
	height: 166px;
	text-align: center;
	color: White;
	font-weight: bold;*/
	margin-top: 20px;
} 

/* Encart rappel de votre offre */
table.detailDeVotreFormule
{
	border : solid 1px #cccccc ;
	border-bottom: none;
	border-right: none;
	width:100%;
	margin-bottom: 20px;
}

table.detailDeVotreFormule td.contenu 
{
	padding: 10px 0px 0px 8px;
}


div.package
{
	width: 184px;
	margin-bottom: 10px;
}

div.package span.offre
{
	font-family : Arial, Sans-Serif;
	font-size: 13px;
	color : #ff6600;
	font-weight: bold;
	display: block;
} 

	/* Prix */
div.package span.prix
{
	font-family: Arial, Sans-Serif;
	color: #000000;
	font-weight: bold;
	display: block;
}

div.package span.prix span.avantLaVirgule { font-size : 38px; line-height:38px; }
div.package span.prix span.virgule { font-size : 22px; }
div.package span.prix span.apresLaVirgule { font-size : 22px; }
div.package span.prix span.euro { font-size : 22px; }
div.package span.prix span.ttc { font-size : 12px; }
div.package span.prix span.ht { font-size : 12px; }

div.package span.ttc { font-size : 12px; }

div.blocCommande span.petit
{
	font-family: Arial, Sans-Serif;
	color: #000000;
	font-weight: bold;
	display: inline;
	margin: 0px;
}

span.petit span.prix
{
    color: #000000;
}

div.package span.petit span.prix span.avantLaVirgule { font-size : 18px; line-height:18px; }
div.package span.petit span.prix span.virgule { font-size : 12px; }
div.package span.petit span.prix span.apresLaVirgule { font-size : 12px; }
div.package span.petit span.prix span.euro { font-size : 12px; }
div.package span.petit span.prix span.ttc { font-size : 12px; }

div.package span.plus 
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	line-height:16px;
	color: #000000;
	font-weight: bold;
	display: block;
}

div.package span.offert
{
	color: #999999;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

/* Encart le détail de votre formule */ 
div.detailFormule
{
	margin-top: 20px;
}

div.detailFormule div.titreDetail
{
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 18px;
	color: #333333;
	padding-bottom: 4px;
	margin-bottom : 3px;
	border-bottom: 1px solid #cccccc;
	width: 184px;
}

div.detailFormule div.formule
{
	background: #f8ecdf;
	padding: 9px 13px;
}

div.detailFormule div.formule ul 
{
    list-style : none;
}

div.detailFormule div.formule ul li
{
    background: url(../../../../images/puceCarree.gif) no-repeat left 6px;
	color: #666666;
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	line-height:15px;
	padding-left:10px;
}

div.detailFormule div.formule span.offre
{
	font-size: 14px;
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	line-height: 14px;
}

div.detailFormule div.formule div.descriptif
{
	margin-top:3px;
	font-size: 11px;
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	margin-bottom: 14px;
}

div.detailFormule div.formule div.descriptif a.voirDetails
{
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	background: url(../../../../images/puceFlecheNoire.gif) no-repeat left center;
	padding-left: 10px;
	display: block;
	margin-top: 4px;
}

select.listeModems
{
	width:160px;
	color: #333333;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
}

/* Onglets affichables */
div.ficheOnglet div.showOnglet
{
	width:526px;
	height:20px;
	color: #9a9a9a;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	padding-left: 7px;
	padding-top: 4px;
	margin-bottom:1px;
	cursor : pointer;
	vertical-align: middle;
	font-weight: normal;
	background: #ececec url(../../../../images/pictoPlus.gif) no-repeat 510px center;
}

div.ficheOnglet div.showOnglet h1
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #9a9a9a;
}

div.ficheOnglet div.contenuOnglet
{
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	padding: 7px 10px;
	margin-bottom: 10px;
	color: #666666;
}

div.ficheOnglet div.contenuOnglet h1, div.ficheOnglet div.contenuOnglet a
{
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color: #ff6600;
}

div.ficheOnglet ul li
{
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	line-height:14px;
	padding-left:5px;
	background: url(../../../../images/puceCarreePetite.gif) no-repeat left 6px;
	color: #666666;
}

div.ficheOnglet ul
{
	margin-bottom: 10px;
}

div.ficheOnglet div.table tr.td1
{
    background-color:#EFEFFE;
    
}

div.ficheOnglet div.table tr.td2
{
    background-color:#DEDFFE;
}

div.ficheOnglet div.table table.tableBordure
{
    border: solid 1px #CCCCCC;
}

div.ficheOnglet ul a { color: #ff6600; }

/* Mentions légales */ 
div.showMentions
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
    color: #333333;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../../../../images/pictoPlus.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top:20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	display:block;
	float:left;
	width: 100%;
}

div.showMentions a
{
    color: #333333;
    text-decoration: none;
}

div.showMentions a:hover
{
    color: #FF6600;
    text-decoration: underline;
}

div.ficheMention
{
    border-bottom: 1px solid #dedede ;
    background: #f9f9f9; 
    color: #333333;
    padding: 6px 10px 4px 20px;
    margin-bottom: 10px;
	display:block;
	float:left;
}

div.ficheMention div.contenuMention
{
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	margin-bottom: 8px;
}

div.ficheMention div.contenuMention h5
{
	color: #9A9A9A;
	font-size: 10px;
}

div.ficheMention div.contenuMention p
{
	font-size: 10px;
	color: #9A9A9A;
	text-align:justify;
}

div.ficheMention div.contenuMention a 
{ 
	color: #9A9A9A; 
}

div.ficheMention div.contenuMention br
{ 
	line-height:5px; 
}

span.mentionLegale
{
	vertical-align: top;
	font-size: 0.8em;
}

/* Bandeau gauche TV */

div.tvGauche
{
    font-family: Arial, Sans-Serif;
	text-align: left;
	width: 140px;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
	margin-top:14px;
}

div.tvGauche h2
{
	font-size: 18px;
	color: Black;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	padding:6px;
}

div.tvGauche div.tvGauchelien
{
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style:solid;
	padding:6px;
    padding-left:5px;
}

div.tvGauche a.decouvrir
{
    font-weight: normal;
}

/* Ajout au panier */
div.package div#modemDeja
{
	margin-top: 10px;
}

.Validators
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    color:Red;
}

/* Telephonie */
.telephone
{
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-align:left;
	vertical-align: middle;
}

div.package span.telephone span.prix
{
	font-family: Arial, Sans-Serif;
	color: #000000;
	font-weight: bold;
	display: block;
}

div.package span.telephone span.prix span.avantLaVirgule { font-size : 22px; line-height:22px; }
div.package span.telephone span.prix span.virgule { font-size : 18px; }
div.package span.telephone span.prix span.apresLaVirgule { font-size : 18px; }
div.package span.telephone span.prix span.euro { font-size : 18px; }
div.package span.telephone span.prix span.ttc { font-size : 12px; }
div.package span.telephone span.prix span.ht { font-size : 12px; }