font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 10px;*/
}
/* on désactive les bordures sur les images avec lien */
a img{
    border-width: 0px;
}

/*** liste type  puor le RTE  et les content FE ***/

ul {
  list-style-image: url(../images/services/point-orange.gif);
  list-style-position: outside;
}

li {
  padding-left:2px;
}

/* puce orange sur les listes de fichiers attachés à une page*/
a div.filelinks{
	background-image: url('../images/point-orange.gif');
	background-repeat:no-repeat;
	background-position: -17px 2px;
	padding-left: 17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: black;
    text-decoration: underline;
}
/*
a:hover div.filelinks{
    color: #FF6D01;
    text-decoration: underline;
}
*/
a:visited div.filelinks, a:active div.filelinks, a:link div.filelinks{
    color: black;
    text-decoration: underline;
}

/* styles pour tinyRTE
.tableau, .tableau tr, .tableau tr td , .tableau th {
	border : 1px solid black;
}
*/

/* champ input en général */
input{
	border: 1px solid #6b6b6b;
}

/* styles des sous menu latéral */
ul.menuEv{
	/* on fixe la position de la liste à gauche */
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 185px;
}

ul.menuEv li{
	/* on retire les puces de la liste */
	list-style-type: none;
	list-style-image: none;
	/* on positionne la puce en background - left
	   et on crée un padding pour aligner le texte correctement */
	background-image: url(../images/services/fleche-gauche.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 15px;
	/* on regle l'espacement horizontal entre les éléments de la liste */
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	/* bordure du haut pointille */
	border: 0px dotted #FFFFFF;
	border-top: 1px dotted #FFFFFF;
	/* fixer la largeur pour les pointillés horizontaux */
	width: 185px;
}

ul.menuEv .soustitre{
	/* on décale les sous titres grace à margin-left
	 et on décale le texte grâce à padding-left */
	margin-left: 10px;
	padding-left: 10px;
	/* on surcharge le background-image pour les sous titres */
	background-image: url(../images/services/b_c_blc.gif);
	/* on surcharge le border-top dotted pour les sous titres */
	border-top: 0px;
	/* tentative de fixer la hauteur */
	/*height: 10px;*/
}

/* Pavés promotion : parties promotions, accueil... */
.promotion{
    border: 1px dotted #FABF77;
}

.unite{
       font-size: 11px;
       font-weight: bold;
}

/* spécifique beige */
/* sur fond beige ou si on spécifie un cadre avec id #nobordure, alors il n'y a pas de bordure */
#fondbeige .promotion, #noborder .promotion{
    border-width: 0px;
}
/* Spécifique ORANGE */
#fondorange .promotion{
	border: 1px dotted #fff;
}
#fondorange .promotion{
	border: 1px dotted #fff;
}
#fondorange .promotion h3, #fondorange .promotion h4, #fondorange .promotion h5{
	color: white;
}

/* tout le temps */
div.promotion{
	margin:4px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	padding:3px;
	width:234px;
	/*height:15em;*/
}
table.promotion{
    margin-top: 5px;
	padding:2px;
	width:492px;
	clear:both;
	margin-left:3px;
}
.promotion h1{
	color:#000000;
	font-size:14px;
	text-align:center;
	height:2.5em;
	margin:0;
	padding:0 4px;
}
.promotion h2,.promotion h3,.promotion h4,.promotion h5,.promotion h5.ecopart{
	/*color:#fff;*/
    color: black;
	/*text-align:center;*/
    text-align:center;
	margin:0;
}

table.promotion h5.ecopart{
    text-align:right;
}

.promotion h2{
	font-size:12px;
	height:3em;
}
.promotion h3{
	font-size:18px;
	font-weight:bold;
    color: #E00025;
    text-align: center;
}
.promotion h4{
	font-size:14px;
    color: black;
}
.promotion img.visuel{
	float:right;
	/*width:60px;*/
	margin:5px 0 0 2px;
	text-align:right;
	display:block;
}
.promotion img.visuel_promo{
	/*width:60px;*/
	margin: 1px 0 0 25px;
	/*text-align:left;*/
	display:block;
}

div.promotion .ensavoirplus{
	text-align:right;
	margin:5px 0 0 0;
	padding:0;
	font-size:11px;
}
div.promotion .ensavoirplus a{
	/*color:#fff;*/
    color: red;
}
table.promotion h1{
	text-align:left;
	margin:0;
	/*height:2.5em;*/
}
table.promotion h2{
	text-align:right;
	padding:0;
	margin:0;
	/*height:2.5em;*/
}
table.promotion h3{
	/*float:right;*/
    /*width:140px;*/
    margin:5px 2px 0 0;
    text-align:right;
}
table.promotion h4{
	/*float:right;*/
    margin:5px 2px 0 0;
    text-align:right;
}
table.promotion .description, table.promotion .caracteristique{
	color:#000;
	font-size:9px;
	padding:0 4px;
	margin-top:0;
}

.promotion .ecopart{
	font-size:9px;
    text-align: right;
    height: 2.5em;
}

table.promotion .ecopart{
	/*float:left;*/
	color:#000000;
	font-size:10px;
    text-align: right;
}





/* Spécifique BLANC */
/*
#contour_fond_blanc .promotion{
	border: 1px dotted #f00;
}
#contour_fond_blanc h2, #contour_fond_blanc h4{
	color:#000;
}
#contour_fond_blanc h3{
    color: red;
}
#contour_fond_blanc div.promotion .ensavoirplus a{
	color:#000;
}
#contour_fond_blanc h3
	color: #FF0000;
}
#contour_fond_blanc h4, #contour_fond_blanc h5{
    color: #000000;
}
#contour_fond_orange h4, #contour_fond_orange h5{
    color: #000000;
}
#contour_fond_blanc table.promotion .ecopart{
	color:#000;
}
*/


/* accueil #fondblanc */
/*
#fondblanc .tplAccueilMagLigne,#fondblanc .tplAccueilMagCol{
  border-bottom: 1px dotted #FABF77;
  border-left: 1px dotted #FABF77;
}
*/


/* pour l'accueil blanc */
/*
.tplAccueilMagLigne h2,.tplAccueilMagLigne h4 {
	color: #000;
}
.tplAccueilMagLigne h3 {
	color : #f00;
}
*/

/* Fin pavés promotion*/

/* texte contenant la mention légale du carburant */
.accroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#064290;
	padding-left:10px;
	font-weight:bold;
	text-align:center;
	width: 200px;
}

/* fil d'arianne */
.filarianne{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #064290;
	font-weight: bold;
}
.filarianne a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #064290;
	text-decoration: underline;
	font-weight: bold;
}
.filarianne a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #064290;
	font-weight: bold;
}
.filarianne a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #064290;
	text-decoration: none;
	font-weight: bold;
}

.titre {
	font-size: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #146B84;
}

div#menu dl dt a{
font-size: 9pt;
line-height: 18px;
}

#menu dl,#menu  dt,#menu  dd,#menu  ul,#menu  li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 98px;
z-index:10;
width: 779px;
font-family: Arial;
/*font-size: 10pt;*/
}
#menu dl {
float: left;
width: 129px;
height: 20px;
background-color: #ffffff;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:#ffffff;
width: 124px;
height: 20px;
background-color: #5BB0C8;
margin: 0;
padding-right:3px;
}
/*
#menu dd {
border-right:1px solid #042A5E;
border-bottom:1px solid #042A5E;
}
*/
#menu li {
text-align: left;
background-color: #5BB0C8;
padding-left:3px;
border-top:1px solid #ffffff;
height: 20px;
/*Pour Firefox, mettre plus grand pour agrandir la zone, pb sous IE6*/
width: 200px;
}
#menu li a, #menu dt a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover, #menu dt:hover {
background-color: #BADEE8;
color:#ffffff;
font-weight: bold;
}
/* rubrique active : fond blanc, texte bleu */
#menu dl dt.active a{
   color: #146B84;
}
#menu dl dt.active{
   background-color: #BADEE8;
   color: #146B84;
}
/************************************************************/
BODY
{
scrollbar-face-color : #064290 ;
scrollbar-shadow-color : #000000 ;
scrollbar-highlight-color : #DCEFF5  ;
scrollbar-3dlight-color : #DCEFF5  ;
scrollbar-darkshadow-color : #000000 ;
scrollbar-track-color : #064290 ;
scrollbar-arrow-color : #DCEFF5 ;
margin:0;
background-color: #064290
}
/*************************************************************/

#base {position:absolute; left:0px; top:0px; width:779px; height:0px; z-index:2}
#enseignes {
position:absolute;
top:300px;
left:610px;
width:197px;
height:0px;
z-index:1;
background-color: #FFFFFF;
border: 1px solid #000000;
overflow: visible;
visibility: hidden;

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

/****************************************/
/********** Entetes Textes Hx ***********/
/****************************************/
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}

/*
h1 .titre{
	font-size: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #146B84;
}
*/

/************************************/
#tableauService{
 clear: both;
}


/***************************Styles des sous menu de pages courrante (ACT.*) *************************/

.services_menu_act{
 color: #007cc2;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
}
.conseils_menu_act{
 color: #ba4d8e;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
}
.infoslocales_menu_act{
 color: #ff6c00;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
}

/***************************************************************************************************/
/*********************************************Texte*******************************************/
/***************************************************************************************************/

.blanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #ffffff;
text-decoration: none;
}

.blanc:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;font-style: normal;line-height: normal;
font-weight: normal;font-variant: normal;text-transform: none;
color: #ffffff;text-decoration: underline;
}


.blancbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
text-decoration: none;
}
.noir {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.noirbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.vert {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #146B84;
text-decoration: none;
}
.vertbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #146B84;
text-decoration: none;
}
.vertboldgrd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #146B84;
text-decoration: none;
}
.vertboldgrd2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #146B84;
text-decoration: none;
}

.rougebold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #E00025;
text-decoration: none;
}
.marrine {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #002164;
text-decoration: none;
}
.marrinebold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #002164;
text-decoration: none;
}
.bleubold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #064290;
text-decoration: none;
}
.orangebold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FF6C00;
text-decoration: none;
}
.orangebold2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF6C00;
	text-decoration: none;
}
.orangeboldgrd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FF6C00;
text-decoration: none;
}
.blancboldgrdgrd {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
text-decoration: none;
}
.violetbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #620073;
text-decoration: none;
}
.vertfonce {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #156751;
text-decoration: none;
}
.vertfoncebold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #156751;
text-decoration: none;
}
.violet {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #620073;
text-decoration: none;
}
.mauveconseil {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #7E1152;
text-decoration: none;
}
.mauveconseilbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #7E1152;
text-decoration: none;
}
.rougeboldgrd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #F45600;
text-decoration: none;
}
.blancboldgrdrayer {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
text-decoration: line-through;
}
.blancboldgrd {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
text-decoration: none;
}

.rouge {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #D00021;
text-decoration: none;
}

/************* Cora Recrute **************/
.jaunebold{
  color: yellow;
  font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
}

/******************* styles pour bijouterie le Carré d'Or ****************/

.gris {
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #979696;
	text-decoration: none;
	;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}
.grisfonce {
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #545454;
	text-decoration: none;
	;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}

/*************** Autres styles ******************/

.spacer{
clear:both;
}
.center{
text-align:center;
}