/* CSS Document */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
color:#74a3bf;
padding-left:50px;
padding-bottom:10px;
margin-left:5px;
background-image:url(../images/gelule.gif);
background-repeat:no-repeat;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-style:italic;
line-height: 25px;
color:#FF0000;
padding-left:50px;
padding-top:4px;
background-image:url(../images/gimra-puce.gif);
background-repeat:no-repeat;
margin-bottom:10px;
margin-left:5px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style:normal;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_titre.gif);
background-repeat:no-repeat;
padding-left:25px;
margin-bottom:0px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style:italic;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_infos.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left:18px;
margin-bottom:-10px;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style:normal;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_infos.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left:18px;
margin-top:7px;
margin-bottom:-10px;
}

hr {
border: none;
background-color:#666666;
color:666666;
height:1px;
width: 80%;
}

.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#999999;
font-style:italic;
text-align:left;
margin-bottom:0px;
}

/* links */
a:link, a:visited {
color: #0000CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
a:hover {
color: #990000;
}

html, body {
margin: 0;
padding: 0;
}
body {
background-color:#eaf4fb;
background-image:url(../images/fond-2.gif);
background-repeat:repeat;
}
#wrapper {
width: 960px;
margin: auto;
background-image:url(../images/ombre.gif);
background-repeat:no-repeat;
background-position: 0% 3%; /* origin 0 3*/
}
#wrapper-bas {
width: 100%;
margin: auto;
background-image:url(../images/ombre-bas.gif);
background-repeat:no-repeat;
background-position: 0% 96%;
}

#body {
margin-top: -14px;
padding: 0;
width: 100%;
background-color:#ffffff;
}
#container {
width: 900px;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #000000;
background-color:#ffffff;
border-left-color:#000000;
border-left-style:solid;
border-left-width:1px;
border-right-color:#000000;
border-right-style:solid;
border-right-width:1px;
}
#footer {
position:relative;
width: 100%;
height:100px;
margin-top:-18px;
margin-left:29px;
background-image:url(../images/footera.gif);
background-repeat:no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #000000;
}
	#footer ul {
	list-style-type:none;
	}
	#footer ul li {
	display:inline;
	}

	#plan {
	position:absolute;
	top: 20px;
	left: 280px;
	width: 600px;
	}
	#industries {
	position:absolute;
	top: 70px;
	left: 540px;
	width: 400px;
	color:#003300;
	font-size: 1.7em;
	}
	#adress {
	position:absolute;
	top: 80px;
	left: 25px;
	width: 450px;
	color:#000000;
	font-size: 0.8em;
	}
	#footer a:link, #footer a:visited {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}
	#footer a:hover {
	color: #990000;
	}

	
#header {
position:relative;
width: 100%;
margin-top: 0px;
height: 142px;
border-left-color:#000000;
border-left-style:solid;
border-left-width:1px;
border-right-color:#000000;
border-right-style:solid;
border-right-width:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#000000;
border-top-style:solid;
border-top-width:1px;
background-image:url(../photos/fond_header.jpg);
}
	#logo {
	width: 157px;
	heigh: 84px;
	position:absolute;
	top: 10px;
	left: 10px;
	}
	#header-text {
	width: 250px;
	position:absolute;
	top: 55px;
	left: 180px;
	color:#003300;
	}
	#flag {
	width: 30px;
	heigh: 18px;
	position:absolute;
	top: 120px;
	left: 15px;
	}
	#menu {
	width: 800px;
	position:absolute;
	top:118px;
	left:10px;
	}
		#menu ul  {
		list-style:none;
		margin-top:0px;
		}
		#menu li {
		display:inline;
		padding-left: 5px;
		padding-right: 5px;
		}
		#menu a:link, #menu a:visited {
		padding: 0 5px 0 5px;
		color:#003300;
		text-decoration:none;
		font-size:1.0em;
		}
		#menu a:hover  {
		color:#FF0000;
		/*background-color:#CCCCCC;*/
		}

#leftcolwrap {
float: left;
margin-top: 0px;
margin-bottom: 0px;
width: 299px;
/*background-color:#ffffff;*/
}
#leftcol {
width: 299px;
background-color:#c1e1f8;
background-image:url(../images/gelules.gif);
background-repeat:no-repeat;
padding-top:117px;
margin-top:0px;
border-right: solid #000000 1px;
}
	#leftcol a:link {
	text-decoration:none;
	font-family:0.9em;
	}
	.leftcontainer {
	width: 270px;
	margin: auto;
	}
	#botleftcol {
	width: 300px;
	height:35px;
	float:left;
	margin-top:-5px;
	background-image:url(../images/bottom-leftcol.gif);
	background-repeat:no-repeat;
	}
	#offre {
	width: 100%;
	margin:auto;
	}
		#offre table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		color:#999999;
		font-style:normal;
		text-align:left;
		margin-bottom:0px;
		}
		#offre th {
		color:#000000;
		font-size: 0.8em;
		font-style:normal;
		margin-bottom:0px;
		}
		#offre a:link, #offre a:visited {
		color:#003300;
		text-decoration:none;
		font-style:normal;
		}
		#offre a:visited {
		color:#006600;
		}
		#offre a:hover  {
		color:#FF0000;
		}
	#contact {
	width: 97%;
	margin:auto;
	margin-left: 3%;
	}
		#contact p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color:#000000;
		font-style:normal;
		text-align:left;
		margin-bottom:0px;
		}
		#contact a:link {
		font-size: 1.0em;
		}
		
	#microscop {
	width:200px;
	margin-left:20px;
	margin-top:20px;
	}
	#toc {
	width: 100%;
	margin:auto;
	}
		#toc ul  {
		list-style-type:circle;
		margin-left:-12px;
		}
		#toc li {
		padding-left: 2px;
		padding-right: 2px;
		}
		#toc a:link, #toc a:visited {
		color:#003300;
		text-decoration:none;
		font-style:italic;
		font-size:1.0em;
		}
		#toc a:hover  {
		color:#FF0000;
		}

#rightcol {
position:relative;
float: right;
margin-top: 0px;
margin-bottom: 0px;
padding-top:117px;
width: 599px;
background-color:#ffffff;
background-image:url(../photos/puy-de-dome.jpg);
background-repeat:no-repeat;
}
	.rightcontainer {
	width: 550px;
	margin: auto;
	}

.clear {clear: both; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearl {clear: left; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearr {clear: right; margin:0; height:0; font-size: 1px; line-height: 0px;}
.float {margin: 0 10px 0 0;float: left;}
.floatr {margin: 0 0 0 10px;float: right;}


/* image map */
#desc { /* uitlisé dans image map*/
font-size: 20px;
font-weight: bold;
}
.sm {/* pour image map page equipe*/
display: block;
}