/* CSS Document */


body{ 
margin: 0px;
padding: 0px;
background-color:#000;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;

} 

* {
margin:0;
padding:0;
}

div#container {
margin:auto;
width:774px;
border-left: #B5B5B5 solid 1px;
border-right: #B5B5B5 solid 1px;
}

div#header {
position:relative;
height:120px;
width:774px;
background-color:#0668b3;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
background-position:bottom;
font-size:2px;
border-bottom:thin 1px;
}

div.cols {
	float:left;
	display:block;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	width:1px;
}

div.containerColsThumbs {
	position:relative;
	display:block;
	width:254px;
	height:375px;
	background:#fff;
}

div#colsThumbs {
	position:relative;
	display:block;
	width:254px;
	background:#fff;
}

div.graphiqueThumbs {
	clear:both;
	position:relative;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:254px;
}

div.graphiqueThumbs a {
	float:left;
	display:block;
	margin:0px 5px 0px 0px;
	padding:0px;
	width:73px;
	text-align:center;
}
div.graphiqueThumbs img {
	border:none;
}

div.displayPage {
	clear:both;
	position:relative;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:224px;
}

div.displayPage a.suivant {
	float:right;
	margin:0px;
	padding:0px;
	width:50px;
}

div.displayPage a.precedent {
	float:left;
	margin:0px;
	padding:0px;
	width:65px;
}

div.displayPage span {
	position:absolute;
	left:93px;
	top:0px;
	font-weight:bold;
	font-size:11px;
}

#elist {
	position:absolute;
	width: 250px;
	height:100px;
	left:519px;
	margin-top: 7px;
	line-height:0.83em;
	top: 10px;
}

#elist ul {
margin: 0px;
padding: 0px;
}

#elist ul li{
text-indent: .4em;
list-style-image:url(../img/fleches.gif);
padding: 0.1em 0em;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
line-height:1.5em;
}

div#felash {
color:#cacaca;
position:relative;
height:94px;
width:774px;
background-color:#cacaca;
font-size:2px;
}

#meniou {
color:#fff;
margin-top:8px;
margin-left:5px;
position:relative;
height:19px;
width:769px;
background-color:#000;
font-size:10px;
}

#meniou span {
margin-left: 2px ;
margin-top: 2px;
padding: 0px;
}

#meniou a:link {
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
#meniou a:visited {
color: #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
#meniou a:hover, a:active {
color: #86A2BF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration:none;
}
#contenu2 {
position:relative;
background-color:#FFFFFF;
width: 774px;
height:auto;
}
#contenu {
position:relative;
background-color:#FFFFFF;
width: 774px;
height:auto;
}
#column1 {
position:absolute;
width: 275px;
height:337px;
left:0px;
top:5px;

}
#column2 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/ordi.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column3 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/imprim.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column4 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/frog.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column5 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/cocci.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column6 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/flower.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column7 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/tournesol.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column8 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
background-image:url(../img/internet.jpg);
background-repeat:no-repeat;
background-position:top;
}
#column10 {
position:relative;
width: 774px;
left:0px;
top:50px;
background-color:#FFF;
}
#contenu p {
margin-left:320px;
margin-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0C457E;
line-height:1.8em;
}
#contenu h1 {
margin-left:320px;
margin-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0C457E;
line-height:1.8em;
}

#contenu h2 {
margin-left:320px;
margin-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0080ff;
font-weight:bold;
line-height:2em;
}

#contenu h3 {
margin-left:320px;
margin-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0080ff;
font-weight:bold;
line-height:2em;
}

#contenu ul li {
margin-left:340px;
margin-right:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0C457E;
line-height:1.8em;
list-style-type:disc;
}

#contenu2 p {
margin:0px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0C457E;
line-height:1.8em;
}
#contenu2 h1 {
margin:0px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0C457E;
line-height:1.8em;
}

#contenu2 h2 {
margin:0px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#0080ff;
font-weight:bold;
line-height:2em;
}

#contenu2 h3 {
margin:0px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#0080ff;
font-weight:bold;
line-height:2em;
}

#contenu2 ul li {
margin:0px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0C457E;
line-height:1.8em;
list-style-type:disc;
}

#footer {
position:relative;
background-color:#0668B3;
width: 774px;
height:18px;
border-bottom: #9D9D9D solid 1px;
border-top:#ccc solid 2px;
}

#footer a {
	color:#fff;
	padding:3px 0 3px 5px;
	float:left;
}

#footerC {
float:right;
width:230px;
height:18px;
background-color:#000;
color:#ccc;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
}
#footerC p{
padding: 3px;
}

a:link {
color: #737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration: none;
}
a:visited {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a:hover, a:active {
color: #996666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}