@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 marquee p {
color:#ca007a;
font-size:12px;
}


/*** 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:10px; 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.35em; color: #6f6966;}
a.telechargement_secondaire{background: url(../images/puce_telechargement_gris.gif) no-repeat 0.35em; background-position:1px;color: #6B6963;}
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.35em; color: #bdbe00;} 

a.principal:hover, a.secondaire:hover, a.telechargement_secondaire:hover, a.debranchement_principal:hover, a.environnement:hover, .principal li a:hover, button.debranchement_principal:hover
{text-decoration: underline}

/*texte en orange dans les pages de contenu*/
a.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:#bdbe00;}


/* moteur de reponse */
#moteur_reponse h3{margin-top:30px;}
#moteur_reponse h4{margin-top:20px; padding:0;}
#moteur_reponse a {font-weight:bold;color:#e3701e;}
#moteur_reponse a:hover{text-decoration:underline}



.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, .notes, 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;}


/*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.png);
	background-repeat:no-repeat;
	height:45px;
	font-size:0px;
	letter-spacing: -50px;
	text-decoration:none;
	color:#fff;
	width:280px;
	}




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

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

ul.principal 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, body div#site div#page div#tp_3_colonnes div#contenu div#moteur_reponse ul 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;}

/* 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;}	
	
/* 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;}