/* Start of CMSMS style sheet 'reset' */
/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* CLEARING */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-table;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.nomargin{margin:0;padding:0;}
.clear{clear:both;display:block;}
/* End of 'reset' */

/* Start of CMSMS style sheet 'grid' */
/* -------------------------------------------------------------- 
  
   Grid.css
   * Creates an easy to use grid of 14 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 960px wide, with columns 
   spanning 50px, and a 20px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   
   Total width = (columns * 70) - 20
  
-------------------------------------------------------------- */

body { 
  text-align: center; /* IE Fix */
  margin:0;
}

/* A conainer should group all your columns. */
#conteneur {
background:#FFF;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 960px;     /* Total width */
}

/* Clear fix */
#conteneur:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use this to create a horizontal ruler across a column.
   BUG: Margins butchered in IE */
hr { 
  background: lightblue; 
  color: lightblue; /* IE Fix */
  clear: both;
  float: left; 
  width: 100%; 
  height: 2px; 
  margin: 8px 0 8px 0; 
  padding: 0; 
  border: none; 
}
.floatleft{float:left;}
.floatright{float:right;}

/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any compsition of columns in a layout.
   Nesting columns works like a charm (remember .first and .last). */
   
.column {
  float: left;
  margin: 0 10px;
  padding: 0;
}


/* Add this class to a column if you want a border on its 
   right hand side. This should be customized to fit your needs. */

.border {
  padding-right: 9px;
  margin-right: 0;
  border-right: 1px solid #eee;
}


/* The first and last elements in a multi-column 
   block needs one of these classes each. */

.first  { margin-left: 0; }
.last   { margin-right: 0; }


/* Use these classes to set how wide a column should be. */
.span-1   { width: 50px; }
.span-2   { width: 120px; }
.span-3   { width: 220px; }
.span-4   { width: 260px; }
.span-5   { width: 330px; }
.span-6   { width: 400px; }
.span-7   { width: 470px; }
.span-8   { width: 540px; }
.span-9   { width: 610px; }
.span-10  { width: 680px; }
.span-11  { width: 730px; }
.span-12  { width: 820px; }
.span-13  { width: 890px; }
.span-14  { width: 960px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 70px; }  
.append-2   { padding-right: 140px; } 
.append-3   { padding-right: 210px; } 
.append-4   { padding-right: 280px; } 
.append-5   { padding-right: 350px; } 
.append-6   { padding-right: 420px; } 
.append-7   { padding-right: 490px; } 
.append-8   { padding-right: 560px; } 
.append-9   { padding-right: 630px; } 
.append-10  { padding-right: 700px; }
.append-11  { padding-right: 770px; }
.append-12  { padding-right: 840px; }
.append-13  { padding-right: 910px; }

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 70px; }  
.prepend-2   { padding-left: 140px; } 
.prepend-3   { padding-left: 210px; } 
.prepend-4   { padding-left: 280px; } 
.prepend-5   { padding-left: 350px; } 
.prepend-6   { padding-left: 420px; } 
.prepend-7   { padding-left: 490px; } 
.prepend-8   { padding-left: 560px; } 
.prepend-9   { padding-left: 630px; } 
.prepend-10  { padding-left: 700px; }
.prepend-11  { padding-left: 770px; }
.prepend-12  { padding-left: 840px; }
.prepend-13  { padding-left: 910px; }


/* Use a .box to create a padded box inside a column. 
   Sticking to 18px wide gaps since that's the baseline. */ 
   
.box { 
  padding: 18px; 
  margin-bottom: 18px; 
  background: #f0f0f0; 
}


/* Nudge your elements [subtraction.com/archives/2007/0606_nudge_your_e.php]:
   All block elements (not hr) inside a col should have a 5px padding on each side.
   (Not everyone wants this, but feel free to uncomment if you do.) 

p,ul,ol,dl,h1,h2,h3,h4,h5,h6,
caption,pre,blockquote,input,textarea {
  padding-left: 5px;
  padding-right: 5px;
}
div, table {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
} */


/* Images
-------------------------------------------------------------- */

/* Use these classes to make an image flow into the column before 
   or after it. This techique can also be used on other objects. */

.pull-1  { margin-left: -70px; }
.pull-2  { margin-left: -140px; }
.pull-3  { margin-left: -210px; }

.push-1  { margin: 0 -88px 0 18px; float: right; }
.push-2  { margin: 0 -158px 0 18px; float: right; }
.push-3  { margin: 0 -228px 0 18px; float: right; }

/* End of 'grid' */

/* Start of CMSMS style sheet 'typography' */
/* -------------------------------------------------------------- 
    
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
   The default font size is 12px. The baseline is set to 
   18px. When you're setting heights of elements, always 
   remember to use a multiple of the baseline (18,36,54..).
   
   The height of images shoud also be a multiple of 18.
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: .9em;
  line-height: 1.2em; /* Baseline here at 150%. This is set multiple places. */
  color: #333;
}

.arialblack{font-family: "Arial black", gadget, Helvetica, Arial, Verdana, sans-serif;}
/* Headings
-------------------------------------------------------------- */

h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111; 
  clear:both; 
}

h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { 
  color:#f60; 
}

/* Total height for each heading has to be a multiple of the baseline (18). */
/*h1 { font-size: 3em; line-height: 3em; }*/
h2 { border-bottom:1px solid #000;font-size: 1.4em; line-height: 1.7em; margin:0 0 1em; padding:0 1em 0 .2em; }
h3 { border-bottom:1px solid #f60; font-size: 1.2em; margin:0 0 .5em;padding:0 1em 0 .2em}
h4 { font-size: 1em; }
h5 { font-size: .9em; font-weight:bold; }
h6 { font-size: .9em;}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 .5em 0; text-align:left;}
p.last      { margin-bottom:0; }
p img       { float: left; margin: 18px 18px 18px 0; padding:0;}
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: .5em 0 1em .5em; list-style:none;}
li          { line-height:1.6em; }
ol          { list-style-type: decimal; }
dl          { margin: .5em 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration: none; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }
acronym {border-bottom:1px dotted;}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
   <span class="amp">&amp;</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */
/* End of 'typography' */

/* Start of CMSMS style sheet 'dtbck_defaut' */
a:active{outline:none}
a[href $='.pdf'] { padding-left: 22px; background: transparent url(image/logos/pdf.gif) no-repeat left center;}

body{
background:url(images/bg/bg_body.gif) repeat-x left top;
}

#wrapper{
margin:0 auto;
width:960px;
}

/* header */

#header{
position:relative;
text-align:left;
z-index:700
}

#header h1{
width:340px;
}

#header h1 a strong{
text-indent:-2999px;
position:absolute;
}
#header h1 a{
background:url(images/logos/logo_databack.jpg) no-repeat left top;
display:block;
height:104px;
width:339px;
}


/* menu */
a#lhome,a:visited#lhome,a:active#lhome{
background:url(/images/home.png) no-repeat left top;
left:310px;
height:40px;
position:absolute;
top:35px;
width:40px;
}
a#lhome:hover, a#lhome:focus{background:url(/images/home.png) no-repeat left bottom;}
a#lhome span{
display:none;
position:relative;
top:40px;
font-size:.8em;
}
a#lhome:hover span,a#lhome:focus span{display:block;}

#barre{
height:125px;
/*position:relative;*/
}

#barre h5{
color:#f00;
font-size:1.5em;
line-height:1.2em;
text-align:left;
z-index:3;
}

#barre h5 strong{
color:#000;
display:block;
font-size:1.4em;
font-weight:800;
}


#conteneur{position:relative;z-index:99}
/* content */
#content{
background:url(images/bg/bg_col_d.jpg) no-repeat right top;
padding-right:360px;
}

/* colonne droite */
#col_d{
position:absolute;
margin:0 0 0 1em;
padding:1.5em 0.5em 1em 1em;
top:0;
left:620px;
height:500px;
width:300px;
}

/* devis express */
#dev_exp{
background:url(images/bg/bg_devis_exp.png) no-repeat left top;
margin:0 0 0 -1.2em;
padding:1.5em 0 1.5em .5em ;
width:325px;
}
#dev_exp h3{
background:url(images/bg/bg_h_dev_exp.gif) no-repeat left top;
border:none;
font-size:1.7em;
font-weight:bold;
margin:0 0 0 3em;
padding:.2em 1.25em 1em;
}
#dev_exp h3 a,#dev_exp h3 a,:visited,#dev_exp h3 a:hover{color:#f00;}
#dev_exp p{
font-size:.75em;
margin:0;
padding:0 1em .2em 2em;
}
#dev_exp p a,#dev_exp p a:visited,#dev_exp p a:hover{color:#333}
#dev_exp a#liend,#dev_exp a:visited#liend,#dev_exp a:active#liend{
background:url(images/bullet/sav_plus.gif) no-repeat left top;
color:#f60;
display:block;
font-size:.8em;
font-weight:bold;
margin:0 0 0 15em;
padding:.25em 0 .25em 2em;
width:90px;
}
#dev_exp a:hover{
color:#999;
}

/* partenaires */
#partenaire{
background:url(images/design/partenaires.png) no-repeat left top;
margin:1em 0 0;
padding:20px 0 0 30px
}

#partenaire h4 a{
color:#666;
font-weight:800;
font-size:1.1em;
text-decoration: none;
}

#partenaire a{
color:#333;
font-size:.8em;
padding:.5em 1em 0 .8em;
text-decoration: none;
}

/* telephone */
#tel{
background:url(images/bg/bg-tel.png) no-repeat left top;
font-weight:bold;
height:58px;
margin:0 0 1em -1em;;
padding:.9em 0 0 3em;
width:290px;
}

#tel dt{
clear:left;
color:#f60;
float:left;
width:120px;
}
#tel dd{
background:url(images/bullet/icone-tel.gif) no-repeat left center;
color:#333;
float:right;
margin:0 1em 0;
padding:0 0 0 1.3em;
}

/* pertes informatiques */
#perte{
background:url(images/bg/bg-perte.gif) no-repeat right top;
color:#666;
font-weight:bold;
line-height:1.5em;
letter-spacing:1px;
padding:1.5em 0 1.5em;
width:90%;
}
#perte strong{
color:#f60;
font-size:1.7em;
}
#perte em{
color:#f60;
display:block;
font-size:1.3em;
font-style:normal;
}

/* niveaux de services */
#nivserv{margin:1.5em 0 0;}
#nivserv h3{
background:url(images/bg/bg_h_dev_exp.gif) no-repeat left top;
border:none;
color:#666;
font-size:1.3em;
font-weight:bold;
margin:0 0 0 .7em;
padding:.5em 1em 1.2em .8em;
}
#nivserv dl{margin-top:1.4em;}
#nivserv dt{
background:url(images/bullet/fleche_orange.gif) no-repeat left center;
color:#f60;
font-weight:bold;
letter-spacing:1px;
padding-left:1.5em;
}
#nivserv dd{
padding:5px 1.5em;
}
/* marques */
img#marques{margin:4em 0 1em 1em;}

/* systemes */
#systeme{
bottom:0;
left:2.5em;
position:relative;
}

/* Plan site */
.map{margin:1em 0 0 3em;padding:0 0 2em;}
.map li{margin:0 0 .3em;}
.map li a{
background:url(images/bullet/fleche_grise.gif) no-repeat left center;
color:#666;
font-weight:bold;
padding-left:1.2em;
}
.map li a:hover{color:#000;letter-spacing:1px;}
.map li a:visited{color:#f60;}

/* références */
#ref h3{font-weight:bold;}
#ref ul li{
background:url(images/bullet/fleche_grise.gif) no-repeat left center;
padding-left:1em;
}
#col1,#col2{float:left;}
#col1{width:315px;margin-right:.5em;}
#col2{width:267px;}


#stat{
background:url(images/design/stats.png) no-repeat left top;
padding:.5em 0 0 4em;
}
#stat dt{margin:0 1em 1em 0;width:130px;float:left;}
#stat dd{margin:0 0 1.2em;}

/* partenariat */
#partenariat{padding:0 0 2em;}

#h5partenariat{
background:url(images/bg/bg-h5-partenaire.jpg) no-repeat left .7em;
padding:1.5em 0 .5em 4.5em;
}

#partenariat ul li{
background:url(images/bullet/fleche_grise.gif) no-repeat left center;
color:#666;
font-weight:bold;
padding-left:1.2em;
}
#partenariat dt{color:#f60;font-size:1.1em;margin:0 0 .5em 1em;}
#partenariat dd{margin:0 1em 1.5em 1.5em;}

/* Charte */
#barre #h5chart{
background:url(images/design/cadenas.gif) no-repeat left 1em;
padding:1.5em 0 .2em 3em;
}
#charte h4,#charte h5,#charte h6{margin:0 0 1em;}
#charte p{margin:1em 0;padding:5px;}

#colchart{
background:url(images/bg/bg-charte.jpg) no-repeat left bottom;
height:560px;
margin-left:-1em;
padding-top:3em;
width:320px;
}

#colchart a{
color:#000;
display:block;
font-size:.9em;
font-weight:bold;
margin:1em 0 2em 1em;
}
#colchart a:hover{
color:#f60;
}



/* Mentions legales */
#mentions p{font-size:.9em;padding:5px;}
#mentions h3{margin:1em 0;display:block;font-weight:bold;}
#mentions h4{font-weight:bold;}

/* footer */

#footer{
background:url(images/bg/bg_footer.gif);
height:70px;
position:relative;
width:100%;
}

#footer #a_top,#footer #a_top:active,#footer #a_top:visited{
background:url(images/bg/bg_top_f.gif) no-repeat right top;
color:#f00;
float:right;
font-size:.7em;
margin:0 1em 0 0;
padding:5px 45px 5px 0;
position:relative;
zoom:1;
}

#footer #a_top:hover{
background:url(images/bg/bg_top_f.gif) no-repeat right -27px;
color:#000;
}

#tel_f{
font-size:.7em;
font-weight:bold;
float:left;
margin:1em 2em 0 1.5em;
}
#tel_f li{
background:url(images/bullet/f-tel.gif) no-repeat left center;
color:#333;
line-height:1.1em;
margin:.2em 0;
padding-left:1.4em;
text-align:left;
}
#tel_f li#mail_f{background:none;padding:0;}
#tel_f #mail_f a{
background:url(images/bullet/f-mail.gif) no-repeat left center;
color:#666;
font-size:1.1em;
font-weight:400;
padding-left:1.5em !important;
}


.menu_f { float:left;margin:.5em 1em}
.menu_f li{
line-height:.85em;
margin:0;
text-align:left;
}
.menu_f li a,.menu_f li a:visited{
background:url(images/bullet/rond_footer.gif) no-repeat left center;
color:#999;
font-size:.85em;
font-weight:600;
padding-left:15px;
}
.menu_f li a:hover{color:#333;}

#s_menu_f{
right:0;
position:absolute;
top:3em;
}
#s_menu_f li{
float:left;
margin:0 .3em 1em 0;
}
#s_menu_f li a{
color:#666;
display:block;
font-size:.8em;
}
#s_menu_f a:visited,#s_menu_f a:hover{color:#000;}

#boutexped1{
background:url(images/bg/bg_exped.png) no-repeat left top;
display:block;
height:62px;
margin:0 0 1em -.5em;
padding:1em 0 .8em 6em;
width:236px;
}
#boutexped1 h3{border:none;margin:0 0 5px;}
#boutexped1 h3 a, #col_d #boutexped1 h3 a{
color:#f00;
font-size:1.4em;
font-weight:bold;
}
#boutexped1 p{margin:0 0 2px;}
#boutexped1 p a, #col_d #boutexped1 p a{
color:#000;
margin:0 0 0 .5em;
padding:0;
}

#boutexped1 a#ldownl, #col_d  #boutexped1 a#ldownl{
font-size:.8em;
margin:0 0 0 -6em;
}
/* End of 'dtbck_defaut' */

/* Start of CMSMS style sheet 'tarifs' */
#barre h5{
background:url(images/bg/bg-h5-tarifs.gif) no-repeat left 5px;
padding:1.5em 0 3em 3.2em;
}
#col_g{height:800px;}

#col_d{
background:url(images/bg/bg-cold-tarifs.jpg) no-repeat center bottom;
height:720px;
}

#content p{margin:1em;}
#content p a{color:#f60;}
#content p a:hover{border-bottom:1px dashed #000;}

#regl{margin:1em 0 2em 1em;}
#regl li{
background:url(images/bullet/v_vert.gif) no-repeat left;
margin:.3em 0 .2em 1em;
padding-left:1.3em;
}
/* tableaux */
#content table{
border:none;
margin:0 .5em 1em;
padding-bottom:1em;
}

table#frais{
width:600px;
}
table#fourc{width:490px;}

table td{
padding:5px;
text-align:center;
vertical-align:middle;
}
td small{font-size:.8em;}
td strong{display:block;}

td acronym{
font-size:.9em;
border-bottom:1px dotted;
}

td.middle{vertical-align:middle;}

table .header{
background:#e6e6e6;
border:1px solid #fff;
}

table .griclair, table .grifonc, table .vert, table .fin{
border:1px solid #fff;
color:#fff;
}

table .griclair{
background:url(images/bg/bg-griclai.gif) left top;
}
table .grifonc{
background:url(images/bg/bg-grifonc.gif) left top;
}
table .vert{
background:url(images/bg/bg-vert.gif) no-repeat left top;
}
table th{
height:55px;
}

table th.header{
background:url(images/bg/bg-head-tarif.gif)repeat-x left bottom;
text-align:center;
vertical-align:bottom;
}

table th.griclair{
background:url(images/bg/bg-exp-tarif.gif) no-repeat center bottom;
text-indent:-4000px;
width:90px;
}
table th.grifonc{
background:url(images/bg/bg-urg-tarif.gif) no-repeat center bottom;
text-indent:-4000px;
width:90px;
}
table th.vert{
background:url(images/bg/bg-stan-tarif.gif) no-repeat left bottom;
text-indent:-4000px;
border-right:none;
width:100px;
}


#tarif{
background:url(images/bg/bg-head-bot-tarif.gif) repeat-x left top;
}
tr.fin td.header{
background:url(images/bg/bg-head-bot-tarif.gif) repeat-x left 95%;
}
tr.fin td.griclair{
background:url(images/bg/bg-griclai-bot.gif) repeat-x left top;
}
tr.fin td.grifonc{
background:url(images/bg/bg-grifonc-bot.gif) repeat-x left top;
}
tr.fin td.vert{
background:url(images/bg/bg-vert-bot.gif) no-repeat left top;
height:53px;
}
/* End of 'tarifs' */

/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */    
   width: 100%;
}

#menuwrapper{
padding:0;
position:absolute;
top:35px;
left:355px;
width:585px;
z-index:10;
}

#menuwrapper dfn{display:none;}

#primary-nav{position:relative;}
#primary-nav ul{border-bottom:2px solid #ccc;}

#primary-nav li{
border-left:2px solid #ccc;
float:left;
list-style:none;
margin:0 5px 0 5px;
padding:0 10px 0 0;
position:relative;
z-index:100;
}

#primary-nav li a:link,
#primary-nav li a:visited,
#primary-nav li a:active{
background:url(images/bullet/fleche_menu.gif) no-repeat 5px 3px;
color:#666;
display:block;
font-size:1.1em;
font-weight:bold;
padding:10px 0 0 10px;
position:relative;
text-decoration:none;
}
#primary-nav li.menuparent a:hover,
#primary-nav li a:hover,
/*#primary-nav li.menuactive a,
#primary-nav li a.menuactive,*/
#primary-nav li.menuactive a.menuactive,
#primary-nav li.menuparent a.menuparent:hover{
background:none;
color:#f60;
}

#primary-nav li.menuactive li a.menuactive{
color:#f60;
padding:10px 0 0 10px;
}

#primary-nav li.menuactive li a{
color:#666;
}

#primary-nav li.menuparent a{
background:url(images/bullet/fleche_menu.gif) no-repeat 5px 3px;
color:#666;
display:block;
font-size:1.1em;
font-weight:bold;
padding:10px 0 0 10px;
position:relative;
text-decoration:none;
}


/* some parts by Alexander Endresen */
/* The wrapper clears the floating elements of the menu */

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li ul li {background:#fff; width:170px;}

#primary-nav li ul li a:link,
#primary-nav li ul li a:visited{
background:none;
font-size:1em;
padding:5px 0 0 5px;
}

#primary-nav li ul li a:hover{
color:#f60;
padding:5px 0 0 5px;
}


/* Unless you know what you do, do not touch this */ 
#primary-nav ul{ 
position: absolute; 
margin: 0 0 0 -2px;
top:31px;
display: none; 
z-index:1000;
}

#primary-nav ul ul{ 
margin:-1px 0 0 0;
padding-right:1em;
left:100%;
top:5px;
width:80px;
}
	
#primary-nav li li{ 
margin:-1px 0 0 0;
float: none; 
position: relative; 
}

/* Styling the basic apperance of the menu elements */
	
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth{ 
background:#fff url(images/cms/arrow.gif) no-repeat center right;  
}

#primary-nav ul li.menuparent li{width:140px;}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li{ 
   float: left; 
   clear: both; 
}
#primary-nav li li a{height: 1%;}
/* bug IE */
#primary-nav a{ 
display: block; 
margin: 0; 
padding: 5px 10px;
text-decoration: none; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */