/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

  .glossymenu { 
    list-style-type: none;
    margin: 5px 0;
    padding-top: 0;
    padding-left: 0;
    width: 150px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    }

  .glossymenu li a { padding: 3px 0 3px 10px;
    background: white url(images/glossyback.gif) repeat-x left bottom;
    font: bold 13px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
    color: white;
    display: block;
    width: auto;
    text-decoration: none;
    }

  * html .glossymenu li a { /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 150px;
    }

  .glossymenu li a:visited, .glossymenu li a:active { color: white;
    }

  .glossymenu li a:hover { background-image: url(images/glossyback2.gif);
   color: black;
    }

  body { border: 0;
    margin: 0;
    padding: 0;
    font-family: verdana,tahoma,arial,helvetica,sans-serif;
    font-size: 90%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    }

  h1 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 150%;
    }

  h2 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 140%;
    }

  h3 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 130%;
    }

  h4 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 120%;
    }

  h5 { text-align: center;
    font-family: tahoma,verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    }

  p, h1, h2, h3, h4, h5 { margin: 5px;
    line-height: 1.5em;
    }

  p:first-letter, h1:first-letter, h2:first-letter, h3:first-letter { color: #FB902D;
    font-size: 125%;
    }

  .logo { border: 3px outset navy;
    background: transparent url(images/logo.jpg) no-repeat scroll 0%;
    float: left;
    margin-top: 3px;
    width: 145px;
    height: 84px;
    }
    
 .logotop { border: 1px outset navy;
    background: transparent url(images/logo.jpg) no-repeat;
	 top:3px;
	 left:5px;   
    width: 145px;
    height: 84px;
    position: absolute;
    z-index:20;
    }
    
  #framecontentLeft { width: 150px;
    background-color: #355dd5;
    color: white;
    top: 90px;
    left: 0;
    overflow: hidden;
    position: fixed;
    height: 100%;
    }

  #framecontentTop { background: url(images/headbar.jpg) repeat;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    overflow: hidden;
    color: white;
    padding-left: 150px;
    position: absolute;
    }

  #framecontentBottom { background: url(images/bottombar.jpg) repeat;
    padding-left: 150px;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: 70px;
    overflow: hidden;
    color: white;
    position: absolute;
    
    }

  #framecontentBottom a { color: white;
    }

  #maincontent { border-top: 1px solid navy;
    border-left: 1px solid navy;
    border-bottom: 1px solid navy;
    background: #F8F8F8;
    position: fixed;
    top: 90px;
    left: 150px;
    right: 0;
    bottom: 70px;
    overflow: auto;
    text-align: justify;
    
    }

  .contentpict {margin: 10px;
   float: left;
   text-align: left;
   }   

  .contentpict li {
   display: inline;
   margin: 15px;
   list-style-type: none;
   min-width: 200px;
   max-width: 600px
   }
   
  .contentpict a {
   text-decoration: none;
   color: black;
   }

	.contentpict img {
	border: none;
	padding-top: 10px;
	}

  .innertube { margin: 8px;
   }
/* début pour les probleme d'affichage dans internet explorer */

  * html body { padding: 90px 0 70px 150px;
    position:relative;
    height: 81%;
    min-width: 840px;
    }

  * html #maincontent { height: 99.9%;
    width: 99.9%;
    }

  * html #framecontentTop, * html #framecontentBottom { width: 99.9%;
    }

  * html #framecontentLeft {
    position: absolute;
    }
/* fin pour les probleme d'affichage dans internet explorer */   

    .probleme {
    margin-top: 50px;
    color: silver;
    font-style: normal;
    text-decoration: blink;
    }
    
    table.comparatif{
    cellspacing:0;
    border-collapse:collapse;
	 border: 1px solid black;
	 }
/* pour google ads */
	.googleads {
	height:48px;
	width:370px;
	float: left;
	z-index: 10;
	margin-top: 20px;
	}
	
	.googleadsleft {
	float: left;
	margin: 5px;
	}
	
	.googleadstop {
	float: left;
	margin: 7px;
	}
	
/* pour simplepie */

	div.header {
		border-bottom:1px solid #999;
	}
 
	div.item {
		padding:5px 0;
		border-bottom:1px solid #999;
	}
	
	div.chunk {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	}

	div.topchunk {
	margin:0 !important;
	}

div#sp_input {
	background-color:#ffc;
	border:2px solid #f90;
	padding:5px;
	text-align:center;
}

div#sp_input input.text {
	border:1px solid #999;
	background:#e9f5ff url(feed.png) no-repeat 4px 50%;
	width:75%;
	padding:2px 2px 2px 28px;
	font:18px/22px "Lucida Grande", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}
div#header {
	background:#fff url(top_gradient.gif) repeat-x top left;
	margin:0;
	padding:0;
}
div.focus {
	margin:0;
	padding:10px 20px;
	background-color:#efe;
}
.ncfeeds a {
	color:#000;
}

table.tarifs {
	width: 50%;
	border-collapse: collapse;
	padding:0;
	margin:0;
}

table.tarifs caption {
width: 50%;
background-color: #ffc555;
text-align: center;
padding: 3px;
border: 1px solid black;
margin-top: 20px;
}
td.libelle {
width: 35%;
text-align: center;
padding: 3px;
border: 1px solid black;
}


td.ttc {
width: 15%;
text-align: right;
padding: 3px;
border: 1px solid black;
}