/******************************************************

 * Alignement

 ******************************************************/

.aligndroite { 

	text-align: right; 

}



.aligncentre { 

	text-align: center; 

}



.aligngauche { 

	text-align: left; 

}



.alignjustify { 

	text-align: justify; 

}



.valignmidllewidth25alignleft { 

	text-valign: middle; 

  text-align: left; 

   width: 25%;

}



.valigncentre {

	vertical-align:middle;

}



.valignhaut {

	vertical-align:top;

}



.valignbas {

	vertical-align:bottom;

}



/* DEBUT TD 1293 CVA 05/03/2008 */

/* Style puceCarre utilisé sur la page de souscription au prélèvement automatique */

.puceCarre {

    padding-left:12px;

    background:url(../images/carre-GR.gif) no-repeat 0px 4px;

}

/* FIN TD 1293 CVA 05/03/2008 */



/* Style Gras, Souligne, Italique */

.stylegras {

    font-weight: bold;

}



.styleitalique {

    font-style: italic ;

}



.textesouligne, a.textesouligne {

    text-decoration:underline;

}





/* Style pour les messages d'erreur des formulaires. */

.alert, .alert b, .alert i{

	color:RED;

}



/* Style pour la mise en forme des listes d'adresses */

li.retrait{

    background: transparent url(../img/commun/pointille_fonce.gif) no-repeat scroll left 0.5em;

    list-style-position:inside;

    margin-left: 20px;

}



/******************************************************

 * Ajout du bouton d'aide (d'un formulaire)

 ******************************************************/

 

 /* Bouton d'aide de formulaire */

    a.help {

        background-color: transparent;

        background-image: url(../img/dolceVita/puce_help_trs.gif);

        background-repeat: no-repeat;

        background-attachment: scroll;

        background-x-position: 0%;

        background-y-position: 0%;

		float:none;

		vertical-align:middle;

		vertical-align:text-bottom !important;

		margin:0px;

    text-decoration:none;

    }

    

    a.help:link, a.help:visited,a.help:hover, a.help:active{

        text-decoration:none;

    }



    a.help span {

        visibility:hidden;

    }



 /* Bouton pour plier déplier */

/*NEZ: DI Mes services*/

    a.pli {

        background-color: transparent;

        background-image: url(../img/dolceVita/puce4_rose.gif);

        background-repeat: no-repeat;

        background-attachment: scroll;

        background-x-position: 0%;

        background-y-position: 0%;

		float:none;

		vertical-align:middle;

		vertical-align:text-bottom !important;

		margin:0px;

    text-decoration:none;

    }

    

    a.pli:link, a.help:visited,a.help:hover, a.help:active{

        text-decoration:none;

    }



    a.pli span {

        visibility:hidden;

    }

    

/* Debut Ajout V2009T2 MBE 26/02/2009 */

/* Bouton pour déplier */

/*NEZ: DI Mes services*/

    a.depli {

        background-color: transparent;

        background-image: url(../img/dolceVita/puce5_rose.gif);

        background-repeat: no-repeat;

        background-attachment: scroll;

        background-x-position: 0%;

        background-y-position: 0%;

		float:none;

		vertical-align:middle;

		vertical-align:text-bottom !important;

		margin:0px;

    text-decoration:none;

    }

    

    a.depli:link, a.help:visited,a.help:hover, a.help:active{

        text-decoration:none;

    }



    a.depli span {

        visibility:hidden;

    }    

/* Fin Ajout V2009T2 MBE 26/02/2009 */





/* Ligne séparatrice dans un formulaire */

	.sep_visual_vertically_centered{

		padding-bottom: 0;

		padding-top: 0;

		border-bottom: 1px solid #E7E5E0;

		margin-bottom: 7px;

		margin-top: 0

	}



	/* lien dans les formulaires */

	.blockForm a {

		_color:#E37633;

		color:#6F6966;

		text-decoration:none;

	}



	/*.blockForm a:hover {

		text-decoration:underline;

	}*/



/*******************************************************

 * Ajustement de certains élements de formulaire. 

 *******************************************************/



	td .corps .blockField input {

		vertical-align:middle;

	}

 

	.blockForm .blockField .blockFieldInv label{

		display:block;

		float:none;

	}

	

	.blockForm .blockField .blockFieldInv label.inline{

		display:inline !important;

		float:none;

	}

	

	.blockForm .form1sur3 .blockField .blockFieldInv .inputCheckbox,

	.blockForm .form1sur3 .blockField .blockFieldInv label,

	.blockForm .form1sur3 .blockField .blockFieldInv inputText,

	.blockForm .form2sur3 .blockField .blockFieldInv inputText,

	.blockForm .form1sur2 .blockField .blockFieldInv label,

	.blockForm .form1sur2 .blockField .blockFieldInv inputText{

		width:32.3%;

	}

	

	.blockForm .form2sur3 .blockField .blockFieldInv label{

		width:66%;

	}

	.blockForm .blockField .inputText, .blockForm .blockField .blockFieldInv .select{

		border:1px solid #ccc;

	}



	.blockForm .blockField .blockFieldInv .inputCheckbox{

		float:left;

		width:32.3%;

	}





/* Lien utilisé dans les formulaires. */

/* background:transparent url(../../img/dolceVita/puce_fleche.png) no-repeat 0.2em center; */



	.boutonGris a{

    background-color: transparent;

    background-image: url(../img/dolceVita/puce_fleche.png);

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: .2em center;

		color:#fff;

    padding-left: 1em;

    padding-right: .2em;

	}



	.boutonGris a span {

		_display:inline-block; _white-space:nowrap;

		color:#fff;

	}



	.boutonGris a,

	.boutonGris a:link,

	.boutonGris a:visited,

	.boutonGris a:active,

	.boutonGris a:focus,

	.boutonGris a:hover { 

	  text-decoration : none; 

	}



/* Correction bouton formulaire <a> et <button> */

.puceBlanche a{

	padding-left:13px;

	*padding-left:14px !important;

	background:url(../img/dolceVita/puce_fleche.png) no-repeat 4px center;

}

.inputButton a{

	background-color:#746863;

	padding-right:20px;

	*padding-right:0px;

}

.inputButton a{

	*display:block;

	padding-right:3px;

	*padding-right:6px;

	padding-bottom:0px;

	*padding-bottom:1px !important;

	background-color:#746863;

	border-top:1px solid #746863;

	border-bottom:1px solid #746863;

	cursor:pointer;

	*font-size:12px !important;

}

.inputButton a, .inputButton a:hover {

	text-decoration:none;

}

.transverse a{

	color:#fff;

	margin-right:0px;

	*margin-right:-2px;

}

.entete .inputButton a

.corps .inputButton a,

.corps .ligne .groupe .inputButton a,

.groupe .corps .ligne .groupe .inputButton a,

.groupe bloc .corps .pied .ligne .inputButton a {

	margin-right:-3px;

}

.bloc .corps .groupe .inputButton a{

	margin-right:-3px;

	_font-size:1.1em;

}

.inputButton a{

	margin-right:-3px;

}



.puceBlanche button{

	padding-left:10px;

	*padding-left:12px !important;

	background:url(../img/dolceVita/puce_fleche.png) no-repeat 4px center;

}

.inputButton button{

	padding-right:2px;

	*padding-right:6px !important;

	background-color:#746863;

	border:0;

	cursor:pointer;

	*font-size:12px !important;

	

}



.transverse button{

	color:#fff;

	margin-right:0px;

	*margin-right:-2px !important;

}



.transverseFaq button{

	color:#fff;

	margin-right:-3px !important;

	*margin-right:-2px !important;

}

.inputButton button {

	margin-right:-3px;

}

.bloc .corps .groupe .inputButton button{

	margin-right:-3px;

	_font-size:1.1em;

}

.tableauMiseEnForme td .pied .ligne .inputButton a,

.tableauMiseEnForme td .pied .ligne .inputButton button {

	margin-right:0px;

}

.blockForm  .pied .ligne .inputButton a,

.blockForm  .pied .ligne .inputButton button {

	margin-right:-3px;

}



.groupe .groupe .blockForm .pied .ligne .inputButton a,

.groupe .groupe .blockForm .pied .ligne .inputButton button {

	margin-right:-3px;

}



.groupe .groupe .groupe form .blockForm  .pied .ligne .inputButton a,

.groupe .groupe .groupe form .blockForm  .pied .ligne .inputButton button,

.groupe .groupe form .groupe .blockForm .tableauMiseEnForme tr td .blockForm .pied .ligne .inputButton a,

.groupe .groupe form .groupe .blockForm .tableauMiseEnForme tr td .blockForm .pied .ligne .inputButton button{

	margin-right:0px;

}



.groupe .groupe form .blockForm table tr td .inputButton button,

.groupe .groupe form .blockForm .inputButton button {

	padding-bottom:0px;

}



.groupe .blockForm .corps .ligne .inputButton button{

	padding-bottom:1px;

	*margin-bottom:-1px !important;

}



.groupe .groupe #blocContact .corps form .blockForm .corps .inputButton button

/* .groupe .groupe form .blockForm .inputButton button */ {

    padding-bottom:1px;

    *padding-bottom:0px;

    padding-top:1px;

    *padding-top:0px;

}



.groupe #blocContact .corps form .blockForm table td .inputButton a {

    *padding-right:5px;

}



.groupe #blocContact .corps form .blockForm table td .transverse a {

    *margin-right:-2px;

}



.groupe #blocContact .corps form .blockForm table td .inputButton {

   *padding-right:3px;

}



/*******************************************************

 * Ajustement des tableaux.

 *******************************************************/

 

  .boutonGrisTexte a{

		font-weight:bold;

		text-decoration:none;

		color:#6F6966;

		/* color:#ffffff; */

		background: transparent url(../img/dolceVita/sym_puce_fleche_gris.png) no-repeat 0pt 0.35em;

	}

    

    .blockTable caption .boutonGrisTexte a{

		font-weight:bold;

		text-decoration:none;

		color:#ffffff;

        padding-left:3px;

        *padding-left:4px !important;

        background:url(../img/dolceVita/puce_fleche.png) no-repeat 4px center;

	}



	.boutonGrisTexte a span {

		color:#6F6966;

	}



	.boutonGrisTexte a:hover{

		text-decoration:underline;

		color:#6F6966;

	}



	.boutonGrisTexte a span{

		margin-left:1em;

	}



	.boutonGrisTexte a span span{

		margin-left:0em;

	}

	

    .blockTable table td .retrait {

        padding-left:1em;

    }

 /* Affichage du lien saisir mon index <option souscription ma releve */

   

   .boutonOrangeTexte a{

		font-weight:bold;

		text-decoration:none;

		color:#E67B37;

        padding-left:10px;

        *padding-left:11px !important;

		background: transparent url(../img/dolceVita/puce_fleche2.png) no-repeat 0pt 0.35em ;

	}

    

   .lienGrisTexte a{

		font-weight:bold;

		text-decoration:none;

		color:#6F6966;

  }    

    .blockTable caption .boutonOrangeTexte a{

		font-weight:bold;

		text-decoration:none;

		color:#ffffff;

        padding-left:3px;

        *padding-left:4px !important;

        background:url(../img/dolceVita/puce_fleche2.png) no-repeat 4px center;

	}



	.boutonOrangeTexte a span {

		color:#E67B37;

	}



	.boutonOrangeTexte a:hover{

		text-decoration:underline;

		color:#E67B37;

	}



	.boutonOrangeTexte a span{

		margin-left:1em;

	}



	.boutonOrangeTexte a span span{

		margin-left:0em;

	}

    

 /* Affichage en blanc des liens contenus dans le caption. */

    .blockTable caption span,

    .blockTable caption a span, 

    .blockTableConso caption a span {

        display:inline;

        color: #ffffff;

    }

    

    .blockTable caption a span, 

    .blockTableConso caption a span {

        display:inline;

        color: #ffffff;

    }



	.blockTable caption a:hover{

		text-decoration:underline;

		color:#ffffff;

	}



    .blockTable caption.boutonGrisTexte a {

        padding-left:13px;

        *padding-left:14px !important;

        background:url(../img/dolceVita/puce_fleche.png) no-repeat 4px center;

    } 



    .blockTable tr th.thCaption {

        background-color:#E76B25;

    }

  

/* Mise en forme */

  .ligneOrange {

		color: #ffffff;

		background-color: #e76b25;

		font-weight: bold;

		border-right:1px solid #fff;

  }

  

  .ligneOrange td {

		border-right:1px solid #fff;

		color: #ffffff;

  }



  .tableauMiseEnForme  td {

    padding: 0;

  }

  .tableauMiseEnForme {

    border-collapse:collapse;

    border: 0;

  }

  .width7 {

    width: 7%;

  }

  .width4 {

    width: 4%;

  }

  .width8 {

    width: 8%;

  }

  .width14 {

    width: 14%;

  }

  .width15 {

    width: 15%;

  }

  .width16 {

    width: 16%;

  }

  .width17 {

    width: 17%;

  }

  .width20 {

    width: 20%;

  }

  .width22 {

    width: 22%;

  }

  .width23 {

    width: 23%;

  }

  .width24 {

    width: 24%;

  }

  .width25 {

    width: 25%;

  }

  .width28 {

    width: 28%;

  }

  .width29 {

    width: 29%;

  }

  .width30 {

    width: 30%;

  }

  .width33 {

    width: 33%;

  }

  .width35 {

    width: 35%;

  }

 .width37 {

    width: 37%;

  }

  .width39 {

	width: 39%;

  }

  .width40 {

	width: 40%;

  }

  .width42 {

	width: 42%;

  }

  .width46 {

	width: 46%;

  }

  .width50 {

	width: 50%;

  }

  .width55 {

	width: 55%;

  }

  .width93 {

	width: 93%;

  }

  /*tableau de mise en forme Emagazine*/

  .width60 {

	width: 60%;

  }

  /**/

  .width66 {

    width: 66%;

  }

  .width61 {

	width: 61%;

  }

  .width100 {

    width: 100%;

  }

  .width99 {

    width: 99%;

  }

  .width93 {

    width: 93%;

  }

  

  .paddingleft25 {

    padding-left:25%;

  }

  

/* Suppression du caption. */

  .noCaption,

  .noVisible {

    /* visibility:hidden; */

    display: none;

  }



    /* Actu des marques */



  .actuDesMarques {

    background-image: url('/portailClients/ShowProperty/BEA Repository/Racine Gaz de France/Actualite des marques//Image_Fond');

  }

  

/* Tableau de données */

  .tableauDonnee {

  	border: 0;

	border-spacing: 0px;

  }

  

  .tableauDonnee  td {

    padding: 5px;

  }

  .hiddenFel {

    visibility: hidden;

    display: none;

  }

  

/*******************************************************

 * Divers.

 *******************************************************/



/* Style modification Carte Bancaire (CB) */

.styleModifCB {

	padding:5px 0 5px 0;

}



/* Exposant. */

    .numeroPDL{

      vertical-align: super;

      font-size: 65%;

      font-weight : normal;

    }



    .blockTable table caption span.numeroPDL{

        display:inline;

    }

    

    .blockTable table caption span.libellecouleur{

        display:inline;

        color:#fff;

    }

    

    .stylegras abbr,

    .stylegras dfn,

    .stylegras dfn abbr {

        font-weight: bold;

    }

    

    .noDisplay {

        display:none;

    }

    

    .noBorder{

        border:0;

    }



    .noTitre {

        display:none;

    }



.buttonTexteSym a{

	margin-left:0.8em;

}

.buttonTexteSym{

	color:#E37633;

	font-weight:bold;

	text-decoration:none;

	background:transparent url(../img/dolceVita/puce_fleche2.png) no-repeat 0 0.35em;

}

.buttonTexteSym a:hover {text-decoration:underline;}



.boutonBlancTexteSym a{

	margin-left:0.8em;

}

.boutonBlancTexteSym{

	color:#fffff;

	font-weight:bold;

	text-decoration:none;

	background:transparent url(../img/dolceVita/puce_fleche2.png) no-repeat 0 0.35em;

}

.boutonBlancTexteSym a:hover {

	text-decoration:underline;

}



.zoneDroite {

  float:right; 

  padding-left:25px;

}



.zoneGauche {

  display:inline;

}



.zoneAlignement {

  clear: both;

}



/*************************

* Emagazine

************************/

/*Images du sommaire*/

	.imgSommaireEmag {

		border: 0;

		margin: 3px 0px 3px 3px;

	}

    

/*************************

* Header : Banniere & Logo ...

************************/

	.SymphoBanniere {

		width: 964px;

		position: absolute;

		overflow: hidden;

		left: 0px;

		top: 21px;

	}

	

	.SymphoBanniere img {

	}

    

	.SymphoLogo img {

		position: absolute;

		top: 0px;

		left: 15px;

	}

	

	#blocLogoSlogan  {

	position:relative;

	top: 24px;

	}



    /* ACN :  Ajout de la class sansLienACN */

    #logo a, #logo .sansLienACN{

        display:block;

        height:41px;

        /* height:65px; */

    }

    

/* Anomalie recette 1599 JER 06/06/2008 */

	#entete {

		z-index:1;

	}

/* FIN Anomalie recette 1599 */

/*******************************************************

 * Correction suite aux modification des styles fullsix.

 *******************************************************/



#corps #contenu .page3col #colonneDroite,

#corps #contenu .page2col #colonneDroite {

	background-color: transparent;

	background-image: url(../img/dolceVita/px_degradeD.png);

	background-repeat: repeat-x;

	background-attachment: scroll;

	background-position: left bottom;

	background-x-position: left;

	background-y-position: bottom;

}



/*************************

* Plan du site

************************/

.ul_planDuSite{

  margin-left: 40px;

  border-left: 1px solid #E7E5E0;

  border-bottom: 2px solid #E7E5E0;

  padding-left:10px;

  overflow: hidden;

}

.image_plan_du_site{

    width: 170px;

    float: left;

    overflow: hidden;

}



.blockList ul li.plan .blockSubList li.niveau3 {

  background:transparent none repeat scroll 0% 50%;

  height:1em;

  margin-top:0.2em;

  padding-left:10px;

}



.blockList ul li.plan .blockSubList li.niveau4 {

  background:transparent none repeat scroll 0% 50%;

  height:1em;

  margin-top:0.2em;

  padding-left:20px;

}



/*******************

* Anciens styles (à vérifier si on garde le report ?)

*******************/

.sstitreorangegras { 	

	padding: 5px 5px 5px 0;

	color: #EA743B;

	font-size: 12px;

	font-weight: bold

}



.stitre { 	

	padding: 0 5px 5px 0;

	color: #EA743B;

	font-size: 14px;

	font-weight: bold

}

.titreh1 { 	

	padding: 0 5px 10px 0;

	color: #EA743B;

	font-size: 18px

}



/* Style Beesnet */



.navleft_n2_off_cm {

	padding-left: 20px;

	background: url(../images/dot_gray.gif) no-repeat 13px 5px;

	font-weight: normal

}

.navleft_n2_on_cm{

	padding-left: 20px;

	background: url(../images/dot_orange.gif) no-repeat 13px 5px;

	font-weight: normal

}

.navleft_n2_on_cm a{

	color: #EA743B;

	font-weight: normal

}

.navleft_n2_off_cm a{

	color: #7E776E;

	font-weight: normal

}



.navleft_n2_off {

	padding-left: 20px;

	background: url(../images/dot_gray.gif) no-repeat 13px 5px;

	font-weight: normal

}

.navleft_n2_on{

	padding-left: 20px;

	background: url(../images/dot_orange.gif) no-repeat 13px 5px;

	font-weight: normal

}

.navleft_n2_on a{

	color: #EA743B;

	font-weight: normal

}

.navleft_n2_off a{

	color: #7E776E;

	font-weight: normal

}



.s_nav{

	margin: 5px 0

}



.s_nav_cm{

	margin: 5px 0

}



.s_nav li{

    list-style-type: square;

	margin-bottom: 5px;

	padding-bottom: 2px;

	border-bottom: 1px solid #E7E5E0

}



/*******************

* Demande et réclamation

*******************/



.listesFAQ {

    width: 200px

}



.libellecouleurgras, .libellecouleurgras p {

  font-weight: bold;

}



/* Debut Ajout V2009T2 AJA 06/03/2009 */

.ablock { 

  cursor: pointer;

  color: #E97433;

}



/* Fin Ajout V2009T2 AJA 06/03/2009 */

    

/** TD RECETTE 7584**/

.libellecouleurgras h2 {

 font-weight: bold;

}

/**FIN TD**/

.normal{

	font-weight: normal

}



/*******************

* Plan de site

*******************/

#planDuSite .corps ul li{

	padding-top: 0.2em;

	padding-bottom: 0.5em;

	padding-left: 1.5em;

}



#planDuSite .corps ul li span a{

	font-size:1.1em;

	font-weight:bold;

	color:#E97433;

	text-decoration: none;

}



#planDuSite .corps ul li ul li{

	padding-top: 0.2em;

	padding-bottom: 0.7em;

}



#planDuSite .corps ul li ul li span a{

	color:#6F6966;

	font-weight:bold;

	text-decoration:none;

	background:transparent url(../img/dolceVita/puce1_orange.gif) no-repeat scroll 0.3em 0.2em;

	padding-left: 1.5em;

}



#planDuSite .corps ul li ul li ul li{

	padding-bottom: 0;

	padding-left:1.7em;

}



#planDuSite .corps ul li ul li ul li span a{

	color:#6F6966;

	font-weight:normal;

	text-decoration:none;

	background:transparent url(../img/commun/chevronGris.png) no-repeat scroll left 0.4em;

	display:inline;

	padding-left:0.6em;

}



/*******************

* Identification

*******************/

.identification{

	background:url(../img/dolceVita/visu_login2.jpg) no-repeat;

	height:154px;

	width:223px;

}



/*******************

* Calendar.jsp

*******************/



.cal_txt_center { text-align:center; }

.cal_txt_right  { text-align:right; }



.cal_no_border { border:0; }



.cal_bg_1 { background-color:#ffffff; }

.cal_bg_2 { background-color:#0000aa; }

.cal_bg_3 { background-color:#f0f0f0; }

.cal_bg_4 { background-color:#FFFFDD; }

.cal_bg_5 { background-color:#d0d0d0; }



.cal_style_1 { border-style:solid; border-width:0; border-color:#3366FF; cursor:pointer; }

.cal_style_2 { z-index:+5999; position:absolute; visibility:hidden; }

.cal_style_3 { cursor:pointer; }

.cal_style_4 { font-family:arial; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0; }

.cal_style_5 { font-family:verdana; font-size:10px; }

.cal_style_6 { padding:0px; }

/* .cal_style_7 { font-family:arial; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0; } */

.cal_style_8 { padding:5px; }

.cal_style_9 { padding:2px; font-family:arial; font-size:11px; }

.cal_style_10 { white-space: nowrap; }



.cal_ft_color_1 { color:#ff0000; }

.cal_ft_color_2 { color:#909090; }

.cal_ft_color_3 { color:#ffffff; }





/*******************

* Bloc promotionnel

*******************/



.blockPromoTexte .corps a {

	color: #e67f35;

}



/*******************

* Style contenu dans les blocs blockPromoTexte

*******************/



.blockPromoTexte .corps a {

	color: #e67f35;

    text-decoration: none;

}



.blockPromoTexte .corps a:hover {

	color: #e67f35;

	text-decoration: underline;

}





.blockPromoTexte .corps {

	padding-left: 0.6em;

	padding-right: 0.6em;

}



/*****************************************

* Ajustement a la charte F6 du menu lateral de la homepage

******************************************/

#menuSite.menuHome ul{

	padding-bottom:0;

}



#menuSite.menuHome {

	border:0px;

}



#corps #contenu #colonneGauche #menuCorps .entete h2 a {

	float:none;

	color:#fff;

	margin-left:0.5em;

	padding:0.5em 0;

	font-weight:bold;

	font-size:1em;

	text-decoration:none;

	position:relative;

}

/*Ano 13032 DEBUT*/

#corps #contenu .page3col #colonneGauche {

	word-wrap: break-word;/*IE*/

}



#menu_ UL#menu1 LI.li_menu1 UL.ul_ssmenu1 LI.li_ssmenu1 A.a_ssmenu1 {

	overflow: hidden;/*Firefox*/

	word-wrap: break-word;/*IE*/

}

/*Ano 13032 FIN*/



/*****************************************

* Style des titres a ne pas afficher dans le rendu graphique

******************************************/

.horsChamp {

	position:absolute;

	left:-10000px;

}



/*****************************************

* Adaptation temporaire pour la V4 des styles F6

* Suppression ou modification en V4bis

******************************************/



/* bloc droit de l'actualite des marques */

.blockMeaUnivers .droit ul.shown ul {

    display:block;

}





.blockMeaUnivers .droit {

    color:#FFFFFF;

}



/******************************************************

 * Liste avec chevron

 ******************************************************/



ul.listeLienChevron li{

  background:transparent url(../img/dolceVita/puce1_orange.gif) no-repeat scroll left 2px;

  padding-left:15px;

}



.listeLienChevron li a {

  color:#6F6966;

  line-height:1.22em;

  text-decoration:underline;

  font-weight: bold;

}



.pageNavigation, .pageNavigation a {

  color:#6F6966;

  line-height:1.22em;

  font-weight: bold;

}



.lienMotsCles a {

  color:#6F6966;

  line-height:1.22em;

  text-decoration:underline;

}



/******************************************************

 * Redirection OSP

 ******************************************************/



.ospSubmit button {

  text-decoration: none;

  background: transparent url(../img/dolceVita/puce_fleche2.png) no-repeat left 0.35em;

  color: #E37633; 

  border-width: 0;

  font-weight: bold;

  margin-left:0.8em;

  padding-left:15px;

}



.ospSubmit button:hover {text-decoration:underline;}



#contenu .pageHome #centre { z-index: 200; }



a.pli,a.depli {

	display:block;

	visibility:visible;

	margin-right:5px;

	float:left;

	width:12px;

    overflow:scroll;

	overflow:hidden;

	vertical-align:middle;

}

/******************************************************

 * mise en forme FormulaireModele.jspf

 ******************************************************/

.top{background: url(../img/dolceVita/dot_.gif) 0 0 repeat-x; width: auto}

.bottom {background: url(../img/dolceVita/dot_.gif) 0 100% repeat-x}

.left {background: url(../img/dolceVita/dot_.gif) 0 0 repeat-y}

.right {background: url(../img/dolceVita/dot_.gif) 100% 0 repeat-y}

.bottomLeft {background: url(../img/dolceVita/bottomLeft.gif) 0 100% no-repeat}

.bottomRight {background: url(../img/dolceVita/bottomRight.gif) 100% 100% no-repeat}

.topLeft {background: url(../img/dolceVita/topLeft.gif) 0 0 no-repeat}

.topRight {background: url(../img/dolceVita/topRight.gif) 100% 0 no-repeat; padding:10px} 

.relative { position:relative; top:5px; left:50px; background-color:white; font-family:Arial; color:Chocolate; font-weight:bold}

.E11{color:white;  background-color: Chocolate; font-weight:bold;font-family:Arial;line-height:2}