@import url("reset.css");
@import url("cadre.css");
@import url("menu.css");
@import url("contenuriche.css");

/*
--------------------------------------------------------------
					Passeport Web
					  CSS principal
					*****************
					  Octobre 2009
--------------------------------------------------------------
***  Version Logs ***

--------------------------------------------------------------
*/
* { font:11px tahoma,helvetica,clean,sans-serif;}

sup {vertical-align: super; font-size: .83em } 
sub {vertical-align: sub; font-size: .83em } 

strong {font-weight:bold;}
em {font-style:italic;}

hr {clear:both; border:0px solid; width:0px; height:0px;}

a {color:#6f6966;text-decoration:none;}
a:hover {text-decoration:underline;}

/** marquee **/

#actualite_dolcevita p span {
color:#ca007a;
font-size:14px;
font-weight: normal;
}

#actualite_dolcevita p span strong {font-size:14px;}


/*** lestitres ***/
#contenu h2 {color:#A04690;font-size:18px;padding-bottom:20px;}
#tp_2_colonne_gauche #contenu h2 {padding-top:30px;}
#contenu .plan_rubrique h2.plan_site {font-size:18px;color:#f39911;padding-bottom:10px;padding-top:20px;}
#contenu .plan_rubrique h3 a {font-weight:bold;}

/***** 4 types de liens/puces pour le moment (oct 09): 
> principal (=rose)
> secondaire (=gris)
> environnement (=vert)
> securité (=bleu)

a cela, se rajoute plusieurs fonctionnalités:
> lien dans le contenu (orange)
> lien avec puce triangle
> lien de débranchement
> lien de téléchargement
> lien FAQ
> lien graphique 
> ...
********/

/* Liens avec puce en triangle */
a.principal,a.secondaire, a.telechargement_secondaire,a.debranchement_principal, a.environnement, .principal li a {padding-left:15px; font-weight: bold; text-decoration: none;}
button.debranchement_principal {padding-left:10px; font-weight: bold; text-decoration: none;}

a.principal {background: url(../images/puce_fleche_rose.gif) no-repeat 0px 0.20em; color: #ca007a;}
.principal li a {background: url(../images/puce_fleche_rose.gif) no-repeat 0px 0.20em;}
a.secondaire{background: url(../images/puce_fleche_grise.gif) no-repeat 0px 0.20em; color: #6f6966;}
a.telechargement_secondaire{background: url(../images/puce_telechargement_gris.gif) no-repeat 0.35em; background-position:1px;color: #6B6963;}
a.telechargement_violet{background: url(../images/puce_telechargement_violet.jpg) no-repeat 0.35em; background-position:left center;color: #89156a;padding-left:20px;font-weight:bold;}
a.debranchement_principal{background: url(../images/puce_debranchement_rose.gif) no-repeat 0px 0.2em; color: #ca007a; } 
button.debranchement_principal{background: url(../images/puce_debranchement_rose.gif) no-repeat 0px 0.3em; color: #ca007a;border:0px;} 
a.environnement{background: url(../images/puce_fleche_verte.gif) no-repeat 0px 0.2em; color: #97be0d;} 
/* Liens avec une grande flèche rose */
a.grande_fleche {
background: url(../images/grande_fleche.jpg) no-repeat 0px 0.20em;
color: #ca007a;
font-weight:bold;
padding-bottom:20px;
padding-left:25px;
padding-top:5px;
text-decoration:none;
}
a.grande_fleche:hover {padding-left:26px;}

/* hover des liens */
a.principal:hover, a.secondaire:hover, a.environnement:hover {
background: url(../images/puce_orange.gif) no-repeat 0px 0.2em;
color:#e3701e;text-decoration: none;margin-left:1px;}

a.telechargement_secondaire:hover, a.debranchement_principal:hover{
background: url(../images/puce_telechargement_orange.gif) no-repeat 0px 0.2em;
color:#e3701e;text-decoration: none;margin-left:1px;}

.principal li a:hover, button.debranchement_principal:hover
{text-decoration: underline}
/*@end*/

/*texte en rose dans les pages de contenu*/
.texteprincipal {color: #ca007a;font-weight:bold;}

/*texte en orange dans les pages de contenu*/
a.textetertiaire, .textetertiaire{font-weight:bold; color:#e3701e;}
a.textetertiaire:hover{text-decoration:underline}

/*texte en vert dans les pages de contenu*/
.environnement {font-weight:bold; color:#97be0d;}


/* Liens avec puce ronde grise/fleche blanche */
.raccordement_reseau {
padding-left:14px; font-weight: bold; text-decoration: none;
background: url("../images/balledroit_gris.gif") no-repeat scroll 0em 0.1em transparent; color: #6f6966;}
	
	.raccordement_reseau:hover {text-decoration: underline}

/* moteur de reponse */
#moteur_reponse a {font-weight:bold; color: #ca007a;}
#moteur_reponse a:hover{text-decoration:underline}
#moteur_reponse h3 {
background:transparent url(../images/traitdegrade.jpg) no-repeat scroll left top;
color:#A04690;
font-size:12px;
font-weight:bold;
margin-top:10px;
padding-bottom:5px;
padding-top:5px;
}
#moteur_reponse h4
{
color:#A04690;
font-size:14px;
font-weight:bold;
padding-bottom:0px;
padding-top:10px;
}

.commentaire {color:#6F6966;font-size:80%;font-style:italic;}
.souligne {text-decoration:underline}
.mention_legal {color:#6F6966;font-size:80%;font-style:italic; padding-top:20px;}
#contenu p.notes, #contenu .notes, #contenu ul.notes {
	background: url(../images/trait_note.gif) repeat-x;
	color:#6F6966; font-size:80%; font-style:italic;
	margin-top:30px; padding-top:10px;}
	
	ul.notes li {color:#6F6966; font-size:100%; font-style:italic;}
	#contenu .notes ul li {color:#6F6966; font-size:80%; font-style:italic;}

/*picto style erreur (à compléter) 
#intro_error_telechargerfacture, #error_gestionnaire_telechargement, .alert, #fel_erreur_creercel, #erreur_contacter_webmaster, #validation_cgv .info_date {
background: url(../images/picto_info.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:20px;
padding-bottom:5px;
font-size:12px;
font-weight:bold;}*/

#intro_error_telechargerfacture, #error_gestionnaire_telechargement, .alert, #fel_erreur_creercel, #erreur_contacter_webmaster, #validation_cgv .info_date {
background-color :#feecb1;
color:#ca007a;
font-size:12px;
border: 1px solid #ca007a;
padding: 15px 20px 15px 20px;
margin-top: 20px;
}

/* liens style principal (à compléter) */
#corps_error_telechargerfacture a, #cgv_pour_validation  a.tertiaire
{padding-left:10px; font-weight: bold; text-decoration: none;
background: url(../images/puce_fleche_rose.gif) no-repeat 0px 0.35em; color: #ca007a;}

/* liens style téléchargement (à compléter) */
#cgv_pour_information a.tertiaire{padding-left:10px; font-weight: bold; text-decoration: none;}
#cgv_pour_information a.tertiaire, #cgv_pour_validation a.tertiaire
{background: url(../images/puce_telechargement_gris.gif) no-repeat 0.35em; background-position:1px;color: #6B6963;}

/* liens HOVER */
#corps_error_telechargerfacture a:hover, #cgv_pour_information  a.tertiaire:hover,
#cgv_pour_validation a.tertiaire:hover
{text-decoration: underline}

.service_plus {
display:block;
	background-image:url(../images/service_plus.jpg);
	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:47px;width:638px;}

.info_plus {
display:block;
	background-image:url(../images/info_plus.jpg);
	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:47px;width:638px;}


.infosplus {
display:block;
background-image:url(../images/infosplus.jpg);

background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:44px;width:305px;

}
.infosplus {

	display:block;
	background-image:url(../images/infos+.jpg);

	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:44px;width:310px;

}	
.questions_reponses {


	display:block;
	background-image:url(../images/questions_reponses.jpg);
	background-position:-17px top;
	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:44px;width:310px;}
	
.conseil_plus {
	display:block;
	background-image:url(../images/conseil+.gif);
	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:47px;width:638px;}

.info_prix {
	display:block;
	background-image:url(../images/info_prix.gif);
	background-repeat:no-repeat;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	height:47px;width:645px;}
	
	
#services_plus {
float:left;
border-right:1px dotted #ca007a;
width:300px;
padding-right:20px;
margin-top:30px;
}

#services_plus .service_plus, .services .service_plus {
background-image:url(../images/services_plus.jpg);
height:35px;
width:266px;}

#infos_plus {
float:left;
width:300px;
padding-left:20px;
margin-top:30px;
}
	
#infos_plus .info_plus {
background-image:url(../images/infos_plus.jpg);
height:35px;
width:266px;}

#a_telecharger {
float:left;
width:300px;
padding-left:20px;
margin-top:30px;
}
	
#a_telecharger .a_telecharger, .acces_telecharger .a_telecharger {
background-image:url(../images/atelecharger.jpg);
background-repeat:no-repeat;
background-position:left 6px;
font-size:0px;
letter-spacing: -50px;
text-decoration:none;
color:#fff;
height:38px;
width:266px;}

#contenu ul {margin:5px 0 5px 0}
#contenu ul li {line-height:1.3em;}

ul.principal li, body div#site div#page div#tp_3_colonnes div#contenu div#moteur_reponse ul li {
background-image: url(../images/puce_fleche_rose.gif);
background-repeat:no-repeat;
background-position:left 3px;
padding-left:15px;
position:relative;
}

ul.principal {padding-bottom:20px;}

/* Puce avec carré rose sans indentation */
ul.indentation_niveau1 li{ 
background-image: url(../images/bullet_carre_rose.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding-left:10px;
position:relative;}

ul.indentation_niveau1, body div#site div#page div#tp_3_colonnes div#contenu div#moteur_reponse ul  {padding-bottom:15px;}

/* Puce avec rond rose avec indentation */
ul.indentation_niveau2 li{ 
background-image: url(../images/bullet_rond_rose.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding-left:10px;
margin-left:15px;
position:relative;}

ul.indentation_niveau2 {padding-bottom:15px;}

/* Permet l'affichage des puces avec carré rose avec une image */
ul.indentation_niveau3 li{
background-image: url(../images/bullet_carre_rose.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding-left:10px;
position:relative;
margin-left:310px;}

/* liste des raccourcis des lettres pour les lexiques*/
ul.lexique { text-align:center; }
ul.lexique li {display:inline; border-right:1px solid #a5937c; padding:0 5px; }
ul.lexique li.dernier {border-right:0;}


.declenchement{clear:both;}


/* encart*/
.encart_haut {
	background-image:url(../images/encart_haut.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#CA007A;
	display:block;
	font-weight:bold;
	margin-top:20px;
	padding:15px 5px 15px 20px;}

.encart_bas{	
	background-image:url(../images/encart_bas.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:20px;
	padding:0 5px 15px 20px;
	display:block;
	position:relative;}	
/* surcharge pour les p */	
#contenu p.encart_haut {margin:20px 0 0 0;}
#contenu p.encart_bas {margin:0 0 20px 0;}
#contenu .encart_bas p {margin:0;}	
	
.encart_intro {
	background-image:url(../images/encarthaut.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-weight:bold;
	margin-top:20px;
	height:15px;
	}

.encart_contenu{	
	background-image:url(../images/encartbas.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 5px 0px 20px;
	display:block;
	}	
.encart_contenu h3{	
margin-top:0px!important;
padding-top:10px;
}
.encart_contenu img {
padding-top:5px;
}	
/* surcharge pour les p */	
#contenu p.encart_intro {margin:20px 0 0 0;}
#contenu p.encart_contenu {margin:0 0 20px 0;}
#contenu .encart_contenu p {margin:0;}
/* rappel immédiat*/	
a.rappel_immediat{
	background-image:url(../images/rappel_immediat.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	display:block;float:right;
	height:83px;
	width:183px;
	color:#fff;
	font-size:0px;
	letter-spacing:-50px;}
	
/*encadré dans les pages de contenu*/	
.encadre {border: 1px dotted #ca007a; padding: 10px;margin:15px 0 15px 0;}	

#zoe_bbc .encadre {margin-left:105px;}
#zoe_bbc {height:188px;margin-top:45px;}

/*centrer le contenu*/
.centre {text-align:center;}
	
/*Gaz tarif réglementé -- flash niveau de prix*/
#niveau_prix {margin-left:-10px;}
#contenu p.mentions_prix {margin-top:-70px;}

.cadre_contact_haut {
	background-image:url(../images/cadre_contact_haut.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:#fff;
	display:block;
	font-weight:bold;
	margin-top:20px;
	padding:7px 5px 9px 40px;
	font-size:13px;
	}

.cadre_contact{	
	background-image:url(../images/cadre_contact_bas.jpg);
	background-repeat:no-repeat;
	background-position:0px bottom;
	margin-bottom:20px;
	padding:10px 30px 6px 27px;
	display:block;
	}	
.cadre_contact p {
background-image:url(../images/icone_telephone.png);
background-repeat:no-repeat;
background-position:left top;
display:block;
padding-left:30px;
}

/* Classe icône/lien vidéo */

.video{
    background: url("../images/btn_video.gif") no-repeat scroll left top transparent;
    color: #CA007A;
    display: block;
    font-weight: bold;
    height: 30px;
    margin: 10px 0 0;
    padding: 13px 0 0 50px;
	}