/* CSS Document */

* {padding:0;margin:0;font-family:Arial,Verdana,Helvetica,sans-serif;}
form,body,h1,h2,h3,h4,h5,h6,p,li {font-size:11px;}
body {margin:0px;background-color:#FFFFFF;scrollbar-face-color:#EEEEEE;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-3dlight-color:#FF6600;scrollbar-darkshadow-color:#FF6600;scrollbar-track-color:#DDDDDD;scrollbar-arrow-color:#FF6600;}
.resize{max-width:950px;min-width:915px;width:expression(document.body.clientWidth >915 ? "915px":( document.body.clientWidth < 915 ? "915px" :"100%" ));}

.resize_acc{max-width:900px;min-width:875px;width:expression(document.body.clientWidth >875 ? "900px":( document.body.clientWidth < 875 ? "875px" : "100%" ));}
a {color:#000000;text-decoration:none}
a:hover {text-decoration:underline}
.chevron {color:#FD6801;font-weight:bold }
a:hover .no_url {text-decoration:none}
img {border:0}
.ongletoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.menuorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.clssearch {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-align:center;
width:100px;
height:18px;
padding:0px;
background-color:#EEEEEE;
color:#000000;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#o_navigation {margin-top:12px;width:150px;border-bottom:6px solid #EEEEEE;border-top:1px solid #DDDDDD;}
#o_navigation img {vertical-align:middle;}
#o_navigation ul {list-style:none;margin:0px;}
#o_navigation ul li {margin-left:0px; font-size:80%;vertical-align:middle;}
#o_navigation ul li a {color:#000000;text-decoration:none;font-weight:bold;}
#o_navigation ul li ul {border-top:1px solid #DDDDDD}
#o_navigation ul li ul li {font-size:85%;line-height:20px;}
#o_navigation ul li ul li a {color:#000000;text-decoration:none;font-weight:normal;vertical-align:middle;line-height:20px;height:20px;}
#o_navigation ul li a:hover,#o_navigation ul li ul li a:hover {text-decoration:underline}
#o_navigation .nav_heading {
color:#FFFFFF;
font-weight:bold; 
background:url('../images/back_head.jpg') no-repeat;
background-position:-4px 0px;
line-height:25px;
position:relative;
top:0px;
}
#o_navigation .line_whiteFFFFFF {background-color:#FFFFFF;border-bottom:1px solid #DCDCDC;}
#o_navigation .line_greyF9F9F9 {background-color:#F9F9F9;border-bottom:1px solid #DCDCDC;}
#o_navigation .line_orangeF8ECDF {

border-bottom:1px solid #F8ECDF;
}
#o_navigation .line_orangeFF6600 {background-color:#FF6600;border-bottom:1px solid #FFFFFF;color:#FFFFFF;}
#o_navigation .line_orangeFF6600 a {color:#FFFFFF;font-weight:bold }
#o_navigation a:hover .no_url {text-decoration:none;}
#o_navigation .block_title {
display:block;
padding-left:25px;
}
#o_navigation .block_1text {display:block;padding-left:22px;}
#o_navigation .block_2text {padding-left:22px;}
#o_onglet {border-left:12px solid #FFFFFF;height:36px;}

#o_onglet td.date {font-size:75%;border-bottom:1px solid #AAAAAA;height:36px;padding-bottom:5px;padding-left:26px;}
#o_onglet td.ephemeride {height:36px;font-size:70%;border-bottom:1px solid #AAAAAA;padding-bottom:5px;}
#o_onglet a.saint {}
#o_onglet .orange {color:#FF6600;padding-left:10px;padding-right:4px;}
#o_onglet a.aquarelle {font-weight:bold;color:#000000;}
#o_container {padding:5px 0px 5px 0px;height:100%;}
#o_container p {font-size:11px;}
#o_container .heading1,#o_container .heading2,#o_container .heading3 {padding-bottom:5px;text-transform:lowercase;font-size:110%;}
#o_container .heading1 a,#o_container .heading2 a {color:#666666;}
#o_container .heading1 {}
#o_container .heading2 {border-bottom:2px solid #FF6600;display:block;padding-bottom:1px;font-size:100%;font-weight:bold;}
#o_container .heading3 {}
#o_container .heading3 a {color:#666666;}
#o_container .heading4 {font-size:140%;}
#o_container .heading4 a {color:#FF6600;}
#o_container h4 {margin-top:5px;font-size:70%;}
#o_container h4 a {}
#o_container .heading1 .orange {color:#FF6600;text-transform:none;font-size:120%;}
#o_container .heading1 .grey {color:#666666;text-transform:none;font-size:120%;}
#o_container .assise {margin-top:1px }
.orange {
color:#FF6600
}
.txt11nav {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.smenu {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
color:#000000;
}
.smenupanier {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
color:#000000;
}
.smenuactif {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-align:center;
border-top:1px #F8ECDF solid;
}
.smenuleft {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-align:center;
border-left:1px #F8ECDF solid;
}
.smenuright {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-align:right;
border-right:1px #F8ECDF solid;
}
.content_acc {
padding-left:40px;
padding-top:10px;
padding-bottom:10px;
}
.image_acc_grd {
border:1px #AAAAAA solid;
}
 .cadre_acc_boutik {border:1px solid #e0e0e0; 
 padding:5px; 
  }
  .content_acc_boutik {
padding:5px;
}

<!-- Classe pour le menu déroulant -->
#imouter0 {  /* Main Menu Container */

	background-color:#ffffff;
	background-image:url(tpl/images/back_smenu.png);
	border-style:none;
	border-width:0px;
	padding:0px;
	margin:0px;

}
#imenus0 li a {  /* Main Menu Items */

	height:1px;
	color:#000000;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	border-style:solid;
	border-color:#dddddd;
	border-width:0px;
	padding:2px 8px;

}



#imenus0 li a.ihover {  /* Main Menu Items [hover] */

	background-image:url(tpl/images/back_smenu.png);
	text-decoration:underline;
	border-style:solid;
	border-color:#f8ecdf;
	color:#ff8000;

}

#imenus0 li a.iactive {  /* Main Menu Items [active] */

	background-color:#fcf6ef;
	background-image:url(tpl/images/back_smenu.png);
	color:#ff8000;
	text-decoration:underline;
	border-style:solid;
	border-color:#f8ecdf;

}

#imenus0 .imbuttons {  /* Main Menu Graphic Button Content */


}

#imenus0 li ul {  /* Sub Menu Container */

	background-color:#fcf6ef;
	border-style:solid;
	border-color:#f8ecdf;
	border-width:1px;
	padding:5px;
	margin:4px 0px 0px;

}

#imenus0 ul a {  /* Sub Menu Items */

	background-color:#fcf6ef;
	color:#000000;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	border-style:solid;
	border-color:#f8ecdf;
	border-width:0px 0px 1px 0px ;
	padding:2px 5px;

}


#imenus0 ul li a.ihover {  /* Sub Menu Items [hover] */

	color:#ff8000;;
	text-decoration:underline;

}

#imenus0 ul li a.iactive {  /* Sub Menu Items [active] */

	background-color:#ffffff;
	color:#ff8000;

}

<!-- FIN classe menu déroulant -->

<!-- classe provenant de VBB -->

 .line_greye0e0e0 {border-bottom:1px solid #e0e0e0;  }
 .btable_greye0e0e0 {border:1px solid #e0e0e0; 
 padding:10px; 
 }
 
.bgreye0e0e0 {border:1px solid #e0e0e0; }

input,select
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
  border: 1px solid #C9C9C9;
 width:190px;
 height:19px;
 margin-bottom:5px;
 margin-left:10px;
 margin-right:10px;
}
.radio
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
  border: 0px solid #C9C9C9;
 width:10px;
 height:10px;
 margin-bottom:5px;
 margin-left:0px;
 margin-right:0px;
}
.inputbt
{ 
border:0px;
 width:20px;
 height:17px;
 margin:0px;
}
input.checkbox
{
	width:15px;
 	border:0px solid #C9C9C9;
}

select.true
{
  width:192px;
  height:21px
}

input.submit
{
 background-repeat:no-repeat;
 background-position:inherit;
 border: 1px solid #FFFFFF;
 height:28px;
 font-family: Helvetica,Arial, sans-serif;
 font-size:15px;
 color:#FFFFFF;
 font-weight:bold;
}

.label
{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:190px; 
	vertical-align:top;
}

.label_s
{
	color:#ff6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.label_produit
{
	color:#ff6600;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
}

.etoile
{
	color:#ff6600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

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

img
{
	border-width: 0px;
}

.titre
{
 font-family:Helvetica,Arial, sans-serif;
 font-size:13px;
 color:#FFFFFF;
 background-color:#b3b3b3;
 height:18px;
}

a.titre
{
 color:#FFFFFF;
 text-decoration:none;
}

a.titre:hover
{
 color:#333333;
 text-decoration:underline;
}


.la_une
{
	color:#333333;
	font-family:"Helvetica 45 Light", Arial, sans-serif;
	font-size:21px;
	font-weight:bold;
	margin:5px 0px 20px 0px;
}

.table-radio
{
	border-width:thin;
	border-color:#c2c2c2;
}

.navigation
{
	color:#000000;
	font-family: Helvetica,Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0px 3px 0px 3px
}

a.navigation
{
	color:#000000;
	text-decoration:underline;
}

.ligne
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 vertical-align:middle;
}

.cadrelog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #dddddd;
	background-color:#f9f9f9
}


.alignmiddle
{ 
	vertical-align:middle;
}

/* background pour les autres produits */

.autres_produits
{
	background-image:url(../images/fil_bloc4.jpg);
	background-repeat:repeat;
	font-weight:bold;
}

.text{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 text-align:justify;
}

textarea
{
 border: 1px solid #C9C9C9;
 width:190px;
 margin-bottom:7px;
 margin-left:10px;
 margin-right:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
}

.etape
{
 background-repeat:no-repeat;
 height:18px;
 width:20px;
 color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 padding-top:1px;
}
/* pour la page panier */


.cadre_gauche
{
border-bottom:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:3px;
height:18px;
}

.cadre_droite
{
border-bottom:1px solid #e0e0e0;
/*border-right:1px solid #e0e0e0;*/
padding:3px;
height:18px;
}
input.text
{
 border: 1px solid #C9C9C9;
 width:190px;
 height:19px;
 margin-bottom:7px;
 margin-left:10px;
 margin-right:10px;
}
<!-- FIN classe provenant de VBB -->

/*################################### DEBUT SYLE IHM ###################################*/

/*******************************************************
*************** Style pages d'erreur *******************
*******************************************************/

/**** tableau avec traits horizontaux ********/
td.bordhoriz {
border-bottom:1px solid #C2C2C2;
border-top:0px;
border-left:0px;
border-right:0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 10px;
}
td.bordhorizfondgris {
border-bottom:1px solid #C2C2C2;
border-top:0px;
border-left:0px;
border-right:px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 40px;
background-color:#FBFBFB;
}
/****** cadre rouge *****/
td.cadrerouge {
border:1px solid #B63D40;
padding-left: 5px;
padding-right: 5px;
}
/****** text gris fond orange clair *****/
.textgrisfondorangeclair {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#606060;
text-align:left;

padding-left: 5px;
background-color: #FBF4EC;
padding-top: 5px;
padding-bottom: 5px;
}
/**** message d'erreur (texte rouge avec image exclamation) *******/
.msgerreur {
font-family:Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
color:#CC0000;
text-align:left;

padding-left: 24px;
background-image: url(http://www.orange.sn/tpl/images/exclamation.gif);
background-position: left;
background-repeat: no-repeat;

padding-top: 5px;
padding-bottom: 5px;
}
/***** lien retour (texte retour avec image <) ****/
a.msgretour {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#606060;
text-decoration:none;    
text-align:left;

padding-left: 12px;
background-image: url(http://www.orange.sn/tpl/images/puce_retour.gif);
background-position: left;
background-repeat: no-repeat;
}
a.msgretour:hover  {    
color:#F49055;    
text-decoration:underline;    
}
/****** zone de texte ********/
input.txt {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:left;
border:1px solid #C2C2C2;
}
/****** zone de recherche (zone de texte avec étoile) *****/
input.txt_search {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:left;
border:1px solid #C2C2C2;

}
/****** titre gris *******/
.title {
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
font-weight:bold;
color:#868686;
text-align:left;
}
/****** titre erreur url ******/
.titleerreururl {
font-family:Helvetica, Arial, sans-serif;
font-size:30px;
font-weight:bold;
color:#F49055;

padding-left: 100px;
padding-top: 20px;
padding-bottom: 20px;
background-image: url(http://www.orange.sn/tpl/images/exclamation2.gif);
background-position: left;
background-repeat: no-repeat;
text-align:left;
}
/***** texte simple ********/
.texte {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:left;
}
/****** liste avec puce *****/
li.textpuce {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:left;

padding-left: 15px;
background-image: url(http://www.orange.sn/tpl/images/arrow_a_ob.gif);
background-position: left;
background-repeat: no-repeat;
}
/*******************************************************
************ Style partie moteur de recherche **********
*******************************************************/

/***** texte noir ********/
a.texte_rech_noir {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF6500;
text-align:left;
/*padding-left: 20px;*/
}
a.texte_rech_noir:hover  {    
text-decoration:underline;
color:#FF6500;    
}
/**** dimension zone resultat ********/
.tab_moteur {
border-top:0px;
padding-left:10px;
width:790px;
}
/**** position bouton moteur ********/
.div_moteur{
position:absolute;left:910px;top:23px;}
/***** texte simple ********/
.texte_rech {
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;
/*padding-left: 20px;*/
}
/***** lien texte orange et souligné au survol********/
a.lien_rech {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#FF6500;
text-align:left;
padding-left: 20px;
}
a.lien_rech:hover  {    
text-decoration:underline;    
}
/***** lien texte noir et orange souligné au survol ********/
a.lien_rech2 {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:left;
padding-left: 20px;
}
a.lien_rech2:hover  {    
text-decoration:underline;
color:#FF6500;    
}
/**** traits de séparation des résultats ********/
td.trait_separ {
border-bottom:1px solid #FF6500;
border-top:0px;
border-left:0px;
border-right:0px;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 15px;
}
/**** zone de navigation recherche ********/
td.zone_navig {
border-bottom:1px solid #A8A8A8;
border-top:1px solid #A8A8A8;
border-left:0px;
border-right:0px;
padding-left: 0px;
}

/***** lien texte noir et orange souligné au survol ********/
a.lien_compte_mobile {
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#000000;
text-align:left;
padding-left: 20px;
}
a.lien_compte_mobile:hover  {    
text-decoration:underline;
color:#FF6500;    
}

/*################################### FIN SYLE IHM ###################################*/

/*######################### style assistance #############################################*/

.assistance {
color:#333333;
font-weight:bold; 
background:url('../images/back_head.jpg') no-repeat;
background-position:-8px 0px;
line-height:25px;
position:relative;
top:0px;
}

.faq {
display:block;padding-left:22px;
}

.faq2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

A.faq {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-left:25px
}

A.faq:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
padding-left:25px
}

.titre_assistance {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#666666;
}

.titre_faq {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#666666;
}

.tab{
border:1px solid #F0F0F0;
padding:10px;}
.tab_cpte{
width:820px;
}
.hr_orange{
width:945px;
}
.hr_contact{
clear: both;width: 770px;border: 0;border-bottom: 1px #D8D8D8 solid;height: 1px; padding-top:1px;
}
.hr_gris{
width:930px;
}
.pad_tv{
 margin-top:31px;
 }
 .tab_produit{
width:955px;
}
.div_deroulant{
display:none;width:955px;top:0px;height:20px;
}
.tab_assis{
width:778px;
margin-left:20px;
}
 .btable_greye0e0e0 {border:1px solid #e0e0e0; 
 padding:10px; 
 margin:10px 20px 10px 10px;
 }

 .line_greye0e0e0 {border-bottom:1px solid #e0e0e0;}

 A.txt11nav {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

A.txt11nav:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF6600;
}

 .btable {border:1px solid #e0e0e0; 
 padding:20px; 
 margin:10px 20px 10px 10px;
 }

/*######################## fin style assistance ####################################*/

/*######################## facture internet ####################################*/
.lien_page {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
}

A.lien_page {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

A.lien_page:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
.titre
{
 font-family:Helvetica,Arial, sans-serif;
 font-size:13px;
 color:#FFFFFF;
 background-color:#b3b3b3;
 height:18px;
}
a.titre
{
 color:#FFFFFF;
 text-decoration:none;
}
a.titre:hover
{
 color:#333333;
 text-decoration:underline;
}

A.ligne
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#ff6600;
 text-decoration:none;
}
A.ligne:hover
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 text-decoration:none;
}
.la_une
{
	color:#333333;
	font-family:"Helvetica 45 Light", Arial, sans-serif;
	font-size:21px;
	font-weight:bold;
	margin:5px 0px 20px 0px;
}
.inputfac
{ 
border:0px;
 width:88px;
 height:26px;
 margin:0px;
}

/*######################## fin facture internet ####################################*/
li{ margin-left:10px; } 
.entrep_text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}



#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 999990;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 430px;
	position: relative;
	top: 40%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 999991;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}