/* CSS Nouvelles pages STC SAC Nous Joindre */


/*
- Commun 
- Page "Pour nous joindre" (8_7.jsp)
- Page "Service à la clientèle" (8.jsp)
- Page "Soutien technique" (8_6.jsp)

*/



/* COMMUN */

/* Lignes horizontales  : <div class="hr"><hr /></div> */

hr {
	padding: 0px;
	margin: 0px;
	height: 1px;
	}
div.hr {
	width: 100%;
	height: 1px;
	margin: 7px 0 7px 0;;
	padding: 0;
	}	
div.hr hr {
  display: none;
}	

a img {
	border: none;
	}

/* Fonts du contenu de la page  */

#contenu {
font:Arial, Helvetica, sans-serif;
font-size:10px;
}

#contenu p{
margin:0px;
}
	
#contenu a{
color:#556688;
font-weight:bold;
text-decoration:none;
}	
	
#contenu a:hover{
text-decoration:underline;
}

#contenu ul li{
list-style-image:url(/services/static/img/service-clientele/blue-arrow.gif);
}		

h3 span {
display:none;
}	

#affaires{
background:transparent url(/services/static/img/service-clientele/bg_service-affaires.gif) no-repeat scroll 0 0;
clear:both;
width:529px;	
min-height:53px;
height:auto !important;
height:33px;
}

#affaires p{
padding:5 0 0 10;
}

#affaires ul{
margin-top:8px;
}

/*  Page "Pour nous joindre" (8_7.jsp)   */

#nousjoindre #contenu #sac {
width:252px;
border-right: solid 1px #e1e1e1;
padding-right:12px;
float:left;
margin-bottom:28px;
}
#nousjoindre #contenu #stc {
width:252px;
padding-left:12px;
float:left;
}

#nousjoindre #sac h3#fr {
width:242px; 
height:75px;
background-image:url(/services/static/fr/img/service-clientele/h-nousjoindre-sac.gif);
}

#nousjoindre #sac h3#en  {
width:242px; 
height:75px;
background-image:url(/services/static/en/img/service-clientele/h-nousjoindre-sac.gif);
}

#nousjoindre #stc h3#fr {
width:242px; 
height:75px;
background-image:url(/services/static/fr/img/service-clientele/h-nousjoindre-stc.gif);
}

#nousjoindre #stc h3#en {
width:242px; 
height:75px;
background-image:url(/services/static/en/img/service-clientele/h-nousjoindre-stc.gif);
}

#nousjoindre #sac div.numerotelephone-fr{
height:33px;
width:252px;
background-image:url(/services/static/fr/img/service-clientele/h-nousjoindre-telephone-sac.gif);
margin:10 0 10 0;
}

#nousjoindre #sac div.numerotelephone-en{
height:33px;
width:252px;
background-image:url(/services/static/en/img/service-clientele/h-nousjoindre-telephone-sac.gif);
margin:10 0 10 0;
}


#nousjoindre #sac div.numerotelephone-fr span,
#nousjoindre #sac div.numerotelephone-en span{
display:none;
}

#nousjoindre #stc div.numerotelephone-fr{
height:33px;
width:252px;
background-image:url(/services/static/fr/img/service-clientele/h-nousjoindre-telephone-stc.gif);
margin:10 0 10 0;
}

#nousjoindre #stc div.numerotelephone-en{
height:33px;
width:252px;
background-image:url(/services/static/en/img/service-clientele/h-nousjoindre-telephone-stc.gif);
margin:10 0 10 0;
}


#nousjoindre #stc div.numerotelephone-fr span,
#nousjoindre #stc div.numerotelephone-en span{
display:none;
}

#nousjoindre div.options {
border:solid 1px #cccccc;
padding:7px;
margin:10px 0 10px 0;
height:212px;
}

#nousjoindre .box{
margin-top:30px;
width: 236px !important;   /*Firefox*/
width /**/:252px;		   /* IE */
}
	
.bgbottom {
background-color:#FFFFFF;
}

#nousjoindre .titre-outils {
font-size:13px;
font-weight:bold;
}	


/*   Page "Service à la clientèle" (8.jsp)   */

#serviceclientele #titrepage{
width:350px; 
float:left;
}
#serviceclientele h3#fr {
width:322px; 
height:85px;
background:transparent url(/services/static/fr/img/service-clientele/h-service-a-la-clientele-telephone.gif) no-repeat scroll 0 0;
}

#serviceclientele h3#en {
width:322px; 
height:85px;
background:transparent url(/services/static/en/img/service-clientele/h-service-a-la-clientele-telephone.gif) no-repeat scroll 0 0;
}

#serviceclientele #heures-ouverture  {
width:179px; 
float:left;
padding-top:14px;
}

#serviceclientele .titre-outils {
font-size:13px;
font-weight:bold;
margin-top:5px;
}


#serviceclientele .titre-sous-outils {
font-size:12px;
font-weight:bold;
margin-left:12px;
margin-top:5px;
}

#serviceclientele #options{
clear:both;
border:solid 1px #cccccc;
height:112px; !important
height /**/:116px;
}

#serviceclientele #options .titre-outils {
margin-left:12px;
}


#serviceclientele #options #services-automatise{
margin-left:12px;
margin-top:5px;
width:180px; 
float:left;
}
#serviceclientele #options #liens{
width:300px; 
border-left:solid 1px #cccccc;
float:left;
}
#serviceclientele #options #liens ul{
margin-left:22px;
margin-top:5px;
}

#serviceclientele #enligne {
clear:both;
padding-top:20px;
height:162px; !important
height /**/:166px;
}

#serviceclientele #enligne #abonnement{
width:175px; 
float:left;
}

#serviceclientele #enligne #facturation{
width:175px; 
border-left:solid 1px #cccccc;
float:left;
}

#serviceclientele #enligne #espaceclient{
border-left:solid 1px #cccccc;
float:left;
}

#serviceclientele #enligne #autres-services{
width:200px;
clear:both;
}

#serviceclientele #enligne #abonnement ul,
#serviceclientele #enligne #facturation ul,
#serviceclientele #enligne #espaceclient ul{
margin-left:28px;
}

#serviceclientele #autres-services ul{
margin-left:28px; !important
margin-left /**/:32px;
}

#serviceclientele #besoinstc{
background:transparent url(/services/static/img/service-clientele/bg_besoin-stc.gif) no-repeat scroll 0 0;
clear:both;
width:529px;	
min-height:74px;
height:auto !important;
height:66px;
}

#serviceclientele #besoinstc p{
padding:5 0 0 52;
}

#serviceclientele #besoinstc .titre-outils
#serviceclientele #nouvelles .titre-outils {
font-size:13px;
font-weight:bold;
margin-left:0px;
margin-top:5px;
}

#serviceclientele #nouvelles{
padding:15 10 15 0;
width:340px;
float:left;
}
#serviceclientele #pub{
padding:25 10 15 0;
width:179px;
float:left;
}

/*   Page "Soutien technique" (8_6.jsp)   */


#soutientechnique #titrepage{
width:350px; 
float:left;
}

#soutientechnique h3#fr {
width:320px; 
height:90px;
background:transparent url(/services/static/fr/img/service-clientele/h-soutien-technique-s.gif) no-repeat scroll 0 0;
}

#soutientechnique h3#en {
width:320px; 
height:90px;
background:transparent url(/services/static/en/img/service-clientele/h-soutien-technique-s.gif) no-repeat scroll 0 0;
}

#soutientechnique #options #liens{
width:300px; 
border-left:solid 1px #cccccc;
float:left;
}

#soutientechnique #options #liens ul{
margin-left:22px;
margin-top:5px;
}

#soutientechnique #heures-ouverture  {
width:179px; 
float:left;
padding-top:6px;
}

#soutientechnique #enligne {
clear:both;
padding-top:20px;
height:162px; !important
height /**/:166px;
}

#soutientechnique #enligne #abonnement{
width:175px; 
float:left;
}

#soutientechnique #enligne #facturation{
width:175px; 
border-left:solid 1px #cccccc;
float:left;
}

#soutientechnique #enligne #espaceclient{
border-left:solid 1px #cccccc;
float:left;
}

#soutientechnique #enligne #autres-services{
width:200px;
clear:both;
}

#soutientechnique #enligne #abonnement ul,
#soutientechnique #enligne #facturation ul,
#soutientechnique #enligne #espaceclient ul{
margin-left:28px;
}

#soutientechnique #options{
clear:both;

height:112px; !important
height /**/:116px;
}

#soutientechnique #options .titre-outils {

font-size:13px;
font-weight:bold;
}



#illico{
width:258px; 
height:140px;
float:left;
background: url(/services/static/img/service-clientele/cell-illico.gif) no-repeat scroll 0 0;

}

#internet{
width:258px; 
height:140px;
float:left;
margin-left:13px;
background: url(/services/static/img/service-clientele/cell-internet.gif) no-repeat scroll 0 0;

}

#sans-fil{
width:258px; 
height:140px;
float:left;
background: url(/services/static/img/service-clientele/cell-tsf.gif) no-repeat scroll 0 0;

}

#telephonie{
width:258px; 
height:140px;
float:left;
margin-left:13px;
background: url(/services/static/img/service-clientele/cell-tpc.gif) no-repeat scroll 0 0;

}

#cell-content{

margin-left:30%;
margin-top:10%;

}

#cell-content .titre-sous-outils{
font-size:14px;
font-weight: bold;

}


#soutientechnique #besoinsac, #serviceclientele #besoinsac{
background:transparent url(/services/static/img/service-clientele/bg_besoin-sac.gif) no-repeat scroll 0 0;
clear:both;
width:529px;	
min-height:65px;
height:auto !important;
height:66px;
}

#soutientechnique #besoinsac p, #serviceclientele #besoinsac p{
padding:5 0 0 52;
}

#soutientechnique #besoinsac .titre-outils,
#serviceclientele #besoinsac .titre-outils,
#soutientechnique #nouvelles .titre-outils {
font-size:13px;
font-weight:bold;
margin-left:0px;
margin-top:5px;
}

#soutientechnique #nouvelles{
padding:15 10 15 0;
width:340px;
float:left;
}

#soutientechnique #pub{
padding:25 10 15 0;
width:179px;
float:left;
}