@charset "utf-8";
/* CSS Document */

{	margin: 0px; padding: 0px; text-decoration: none; outline: none;}

html, body, div, id, img, span, p, a, ul, li, h1, h2, h3, h4, h5, h6, form, label, input ,br{
margin: 0px;
padding: 0px;
text-decoration: none;
border: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}

body
{
background-image: url(images/fondbleu.png);
background-repeat: repeat-x;
background-position: center top;
/*background-color: #fffffe;*/
}

.mainpage 
{
	height:auto; width:982px; clear:both; margin:auto;
}

.header {height:auto; width:940px; margin:auto; padding:20px 0px 0px 10px;	height:111px;}

.header h1 {
	padding:0px;
	margin:0px;
	float:left;
	width:auto;
}
.header h1 a.logo {
	height:91px;
	display:block;
	width:396px;
	float:left;
	position:relative;
	cursor:pointer;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
p.slogan {
	display:block;
	font-family: arial;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #f1f8fa;
	float:right;
	padding:30px 0px 0px 0px;
}

.mainmenu {
	clear:both;
	height:39px;
}
.mainmenu ul {
	clear:both;
	padding:0px 0px 0px 18px;
	margin:0px;
	list-style:none;
}
.mainmenu ul li {
	display:block;
	float:left;
	padding:0px 7px 0px 0px;
	margin:0px;
}
.mainmenu ul li a {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:160px;
	height:39px;
	line-height:39px;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	background-image: url(../images/tabsnormal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-shadow:1px 1px 1px #7e7e7e;
}
.mainmenu ul li a:hover, .mainmenu ul li a.active {
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	width:160px;
	height:39px;
	line-height:39px;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #42a7c1;
	background-image: url(../images/tabsactive.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-shadow:0.1em 0.1em 0.1em #f2f5f6;
}

.featured {
	clear:both;
	/*background-image: url(images/featuredbg_trans.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	height:auto;
	padding:0px 0px 0px 18px;
	margin-left:auto;
}
.featuredBox {
	height:322px;
	clear:both;
	background-image: url(images/featuredbg_trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	overflow:hidden;
	margin:auto;
}


.featuredLeft {
	height:252px;
	width:658px;
	float:left;
	padding:0px 0px 0px 36px;
}
.featuredLeft h2 {
	padding:50px 0px 0px 0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #70929a;
}
.featuredLeft h2 span.green {
	padding:0px;
	margin:0px 0px 0px -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: normal;
	color: #9abb49;
}
.featuredLeft h2 span.enviro {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: normal;
	color: #4cbed9;
}
.featuredLeft p {
	padding:0px 10px 0px 0px;
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height:18px;
}
.featuredRight {
	width:225px;
	float:left;
	padding:15px 0px 0px 15px;
}
.infos {
	width:auto;
	clear:both;
	height:70px;
	margin:0px 0px 0px 0px;
}
.infos p {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #7a989f;
	line-height:40px;
	text-align:center;
}

.topicsdiv {
	height:auto;
	width:auto;
	clear:both;
	padding:0px 0px 0px 60px;
	overflow:hidden;
}
ul.topics {
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.topics li.similar {
	display:block;
	float:left;
	background-image: url(../images/divider-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:35px 30px 30px 23px;
}
ul.topics li.first {
	display:block;
	float:left;
	background-image:none;
	padding:35px 30px 30px 0px;
}
ul.topics li.first div.firsttopic {
	height:auto;
	display:block;
	float:left;
	width:auto;
	overflow:hidden;
	background-image: url(../images/smalltree-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 78px;
}
ul.topics li.first div.firsttopic p {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #8e8e8e;
	width:177px;
	line-height:18px;
	padding:0px 0px 20px 0px;
}

a.attente
{
	color:#f29400;
}

a.attente:hover
{
	color:#f29400;
}

a.seemore-org {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore1-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	padding:5px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
a.seemore-org:hover {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore1hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	padding:5px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
ul.topics li.similar div.secondtopic {
	height:auto;
	display:block;
	float:left;
	width:auto;
	overflow:hidden;
	background-image: url(../images/stem-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 78px;
}
ul.topics li.similar div.secondtopic p {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #8e8e8e;
	width:177px;
	line-height:18px;
	padding:0px 0px 20px 0px;
}
a.seemore-blue {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore2-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	padding:5px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
a.seemore-blue:hover {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/more2hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	padding:5px 0px 0px 0px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
ul.topics li.similar div.thirdtopic {
	display:block;
	float:left;
	height:auto;
	width:auto;
	overflow:hidden;
	background-image: url(../images/tree-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 78px;
}
ul.topics li.similar div.thirdtopic p {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #8e8e8e;
	width:177px;
	line-height:18px;
	padding:0px 0px 20px 0px;
}
a.seemore-green {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore3-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	position:relative;
	cursor:pointer;
	padding:5px 0px 0px 0px;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
a.seemore-green:hover {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore3hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 75px;
	position:relative;
	cursor:pointer;
	padding:5px 0px 0px 0px;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}


.container {
	clear:both;
	height:auto;
	width:921px;
	overflow:hidden;
	margin:auto;
	/*background-image: url(images/container_trans.png);*/
	/*background-color:#FFFFFF;*/
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 30px;
}

.container2 {
	clear:both;
	height:auto;
	width:918px;
	overflow:hidden;
	margin-left:19px;
	/*background-image: url(images/container_trans.png);*/
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 0px 30px;
}

.containerleft {
	height:auto;
	width:auto;
	float:left;
	overflow:hidden;
	padding:0px 25px 0px 0px;
}
.smalldivs {
	height:auto;
	width:auto;
	overflow:hidden;
	padding:30px 0px 12px 0px;
}
.smalldivs h3 {
	display:block;
	padding:0px 0px 12px 5px;
	font-family: tahoma;
	font-size: 20px;
	font-weight: normal;
	color: #939ea0;
	background-image: url(../images/h3bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px 0px 16px 0px;
}
.smalldivs p {
	display:block;
	font-family: tahoma;
	padding:14px 0px 33px 5px;
	font-size: 12px;
	width:530px;
	line-height: 18px;
	font-weight: normal;
	color: #5f5f5f;
}
a.see {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemore2-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 422px;
	position:relative;
	cursor:pointer;
	padding:5px 0px 0px 0px;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
a.see:hover {
	height:18px;
	width:92px;
	display:block;
	text-align:center;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/seemoreopthover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 422px;
	position:relative;
	cursor:pointer;
	padding:5px 0px 0px 0px;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
.containerRight {
	float:left;
	height:auto;
	width:auto;
	overflow:hidden;
	background-image: url(../images/containerRight.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding:12px 0px 0px 18px;
}
h3.sidebarheading {
	display:block;
	font-family: tahoma;
	font-size: 20px;
	font-weight: normal;
	color: #939ea0;
	width:280px;
	background-image: url(../images/h3sidebar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:22px 30px 8px 15px;
}
ul.sidebarinfo {
	list-style:none;
	padding:0px 0px 0px 5px;
	margin:0px;
}
ul.sidebarinfo li.firstsideinfo {
	display: block;
	overflow:hidden;
	clear:both;
	min-height:70px;
	padding:19px 0px 0px 0px;
}
ul.sidebarinfo li.firstsideinfo div {
	display: block;
	height:auto;
	width:auto;
	overflow:hidden;
}
ul.sidebarinfo li.firstsideinfo div img {
	display: block;
	float:left;
}
ul.sidebarinfo li.firstsideinfo div p {
	display: block;
	float:left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #8e8e8e;
	width:253px;
	padding:3px 0px 0px 0px;
}
ul.sidebarinfo li.similarbars {
	display: block;
	overflow:hidden;
	clear:both;
	min-height:70px;
	padding:19px 0px 0px 0px;
	background-image: url(../images/sidebarli.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.sidebarinfo li.similarbars div {
	height:auto;
	width:auto;
	overflow:hidden;
}
ul.sidebarinfo li.similarbars div img {
	display: block;
	float:left;
}
ul.sidebarinfo li.similarbars div p {
	display: block;
	float:left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #8e8e8e;
	width:253px;
	padding:3px 0px 0px 0px;
}
.formdiv {
	height:auto;
	width:auto;
	clear:both;
	padding:17px 0px 0px 18px;
}
form {
	height:auto;
	width:auto;
}
.namediv {
	height:auto;
	width:302px;
	overflow:hidden;
	background-image: url(../images/formdivsinput.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:13px 0px 0px 0px;
}
label.allsamelabel {
	display:block;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #b6b6b6;
	padding:0px 0px 2px 1px;
}
input.text {
	height:24px;
	width:290px;
	display:block;
	margin:5px;
	background:none;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #939ea0;
	position:relative;
}
/*textarea {
	height:67px;
	width:290px;
	
	margin:4px;
	display:block;
	background:none;
	border:none;
	position:relative;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #939ea0;
}
*/
textarea.contact {
	/*
	
	
	margin:4px;*/
	height:82px;
	width:247px;
	display:block;
	background:none;
	border:none;
	position:relative;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

input.contact {
	/*
	
	
	margin:4px;*/
	height:22px;
	width:247px;
	display:block;
	background:none;
	border:none;
	position:relative;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	
}

.textareadiv {
	height:auto;
	width:302px;
	overflow:hidden;
	background-image: url(../images/textareadiv.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:12px 0px 0px 0px;
}
input.submit {
	height:25px;
	width:79px;
	display:block;
	background-color: #fffffe;
	background-image: url(../images/submitbutton-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin:10px 0px 0px 2px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}
input.submit:hover {
	height:25px;
	width:79px;
	display:block;
	background-color: #fffffe;
	background-image: url(../images/submithover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin:10px 0px 0px 2px;
	position:relative;
	cursor:pointer;
	text-shadow:0.1em 0.1em 0.1em #7e7e7e;
}

.containerbottom {
	height:20px;
	width:953px;
	margin:auto;
	background-image: url(../images/containerbottom-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.footer DIV
.footer {height:auto;width:948px;margin:auto;padding:19px 0px 25px 0px;}
.footer p {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #cbcbcb;
	display:block;
	padding:0px 0px 0px 5px;
}