.gras {
	font-weight: bold;
	color: #666666;
	text-indent: 20px;
	font-size: 9px;
}
/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:verdana;
	font-size:9px;
	line-height:12px;
	color:#666666;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#3f4345;}
a:hover{text-decoration:none;}
strong {font-size:10px;}

.titre1 { font-size: 20px; color: #727272; font-weight:bold; line-height:18px;}
.titre2 { font-size: 14px; font-weight:bold;}
.orange { color: #f28f1d;}
/* ============================= main layout ====================== */

.more {background:url(images/more_bg.gif) top right no-repeat; padding-right:12px; font-size:11px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}


li {
	padding:3px 5px 3px 6px;
	background-repeat: no-repeat;
	background-position: 0px;
}
li a {color:#3a3e42; text-decoration:none; background:url(../images/list_abg.gif) no-repeat 0 5px; padding-left:8px;}
li a:hover {text-decoration:underline;}

.border {border:1px solid #a5a5a5;}

#main { margin:0 auto;}

h1 {background:url(../images/logo.gif) top left no-repeat; text-indent:-10000px; margin:0 0 0 39px; height:43px; line-height:10px; font-size:12px;}
h2 { line-height:12px; font-size:12px;}
.date {color:#FFFFFF; background:#77868d; display:inline; padding:0 5px 1px 3px;}


/* ============================= header ====================== */

#header .phone {margin:34px 115px 0 0;}
#header .slogan {margin:170px 0 0 482px;}
#header .menu {padding:5px 0 0 0;}

/* ============================= middle ====================== */



/* ============================= footer ====================== */

#footer {background:url(../images/footer_tall.gif) top repeat-x;}
#footer .indent {padding:42px 0 0 24px;}
#footer a { color:#00000e; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= index ============================= */

#index #middle .border1 .padding {padding:19px 22px 28px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index #middle .border2 .padding {padding:19px 0 1px 23px; background:url(../images/box2_bg.gif) bottom repeat-x;}
#index #middle .border3 .padding {padding:18px 28px 24px 23px; background:url(../images/box3_bg.gif) bottom repeat-x;}
#index #middle .border1 .content1 {background:url(../images/hor_line.gif) bottom repeat-x; padding:19px 0 15px 0;}
#index #middle .border1 .content2 {background:url(../images/hor_line.gif) bottom repeat-x; padding:14px 0 15px 0;}
#index #middle .border1 .content3 {padding:14px 0 15px 0;}
#index #middle .column1 .content1 p { padding:8px 0 0 0;}
#index #middle .column1 .content2 p { padding:6px 0 0 0;}
#index #middle .column1 .content3 p { padding:14px 0 0 0;}

#index #middle .border_padding {margin-top:3px;}
#index #middle .border2 .content {padding:17px 15px 24px 0;}
#index #middle .border2 .imgindent {margin:0 10px 4px 2px; float:left;}
#index #middle .border3 ul {margin:14px 0 0 0;}

/* ============================= index-1 =========================== */

#index_1 #middle .border1 .padding {padding:19px 32px 5px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_1 #middle .border2 .padding {padding:19px 0 1px 23px; background:url(../images/box2_bg.gif) bottom repeat-x;}
#index_1 #middle .border3 .padding {padding:18px 28px 24px 23px; background:url(../images/box3_bg.gif) bottom repeat-x;}
#index_1 #middle .border1 .content1 {
	height: 550px;
	padding-top: 19px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 9px;
}
#projectNomEnergy {
	height: 200px;
	background-image: url(../images/box1_bg.gif);
	overflow: auto;
	padding: 15px;
	right: 540px;
	top: 362px;
}
#projectEnergy {
	height: 200px;
	overflow: auto;
	padding: 15px;
}
#projectNomEducation {
	height: 200px;
	background-image: url(../images/box1_bg.gif);
	overflow: auto;
	padding: 15px;
	top: 362px;
	right: 430px;
}
#projectEducation {
	height: 200px;
	overflow: auto;
	padding: 15px;
}
#index_1 #middle .border1 ul {margin:7px 0 0 0;}

#index_1 #middle .border_padding {margin-top:3px;}
#index_1 #middle .border2 .content {padding:19px 15px 21px 0;}
#index_1 #middle .border2 p {padding:0 0 12px 0;}
#index_1 #middle .border2 .imgindent {margin:0 10px 4px 2px; float:left;}
#index_1 #middle .border3 .imgindent {margin:0 9px 0 2px; float:left;}
#index_1 #middle .border3 ul {margin:14px 0 0 0;}
#index_1 #middle .cols {
	padding:0px 0 0 0;
}
#index_1 #middle .col1 .content {padding:0 20px 0 0;}

/* ============================= index-2 =========================== */

#index_2 #middle .border1 .padding {padding:19px 32px 5px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_2 #middle .border2 .padding {padding:19px 0 1px 23px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_2 #middle .border1 .content1 { padding:19px 0 15px 0;}
#index_2 #middle .border1 p {padding:0 0 13px 0;}
#index_2 #middle .border1 ul {margin:9px 0 10px 0;}

#index_2 #middle .border2 .content {padding:19px 15px 20px 0;}
#index_2 #middle .border2 .imgindent {margin:1px 10px 14px 2px; float:left;}

/* ============================= index-3 =========================== */

#index_3 #middle .border1 .padding {padding:19px 27px 5px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_3 #middle .border2 .padding {padding:19px 0 1px 23px; background:url(../images/box2_bg.gif) bottom repeat-x;}
#index_3 #middle .border3 .padding {padding:18px 28px 24px 23px; background:url(../images/box3_bg.gif) bottom repeat-x;}
#index_3 #middle .border1 .content1 { padding:19px 0 6px 0;}
#index_3 #middle .border1 .imgindent {margin:2px 9px 0 1px; float:left;}
#index_3 #middle .border1 p {padding:12px 0 11px 0;}

#index_3 #middle .border_padding {padding-top:3px;}
#index_3 #middle .border2 .content {padding:19px 15px 26px 0;}
#index_3 #middle .border3 .imgindent {margin:0 9px 0 2px; float:left;}
#index_3 #middle .border3 .content {padding:20px 0 6px 0;}
#index_3 #middle .border3 ul {margin:14px 0 0 0;}
#index_3 #middle .cols {padding:7px 0 0 0;}
#index_3 #middle .col1 .content {padding:0 30px 0 0;}


/* ============================= index-4 =========================== */

#index_4 #middle .border1 .padding {padding:19px 23px 27px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_4 #middle .border2 .padding {padding:19px 0 1px 23px; background:url(../images/box2_bg.gif) bottom repeat-x;}
#index_4 #middle .border3 .padding {padding:20px 28px 25px 23px; background:url(../images/box3_bg.gif) bottom repeat-x;}
#index_4 #middle .border1 .content1 { padding:19px 0 6px 0;}
#index_4 #middle .border1 p {padding:12px 0 0 0;}

#index_4 #middle .border_padding {margin-top:3px;}
#index_4 #middle .border2 .content {padding:19px 95px 31px 0;}
#index_4 #middle .border2 .imgindent {margin:0 9px 0 2px; float:left;}
#index_4 #middle .cols {padding:20px 0 0 2px;}

form .row {height:30px;}
form .row1 {height:95px;}

.input {width:182px; height:14px; padding:0 0 0 5px;}
textarea {width:185px; height:75px; padding:0 0 0 5px; overflow:auto}
form .div {text-align:right; padding:2px 2px 0 0;}

/* ============================= index-5 =========================== */

#index_5 #middle .border1 .padding {padding:19px 23px 19px 22px; background:url(../images/box1_bg.gif) bottom repeat-x;}
#index_5 #middle .border1 .content1 { padding:19px 0 6px 0;}
#index_5 #middle .border1 p {padding:12px 0 0 0;}
#index_5 #middle .border1 .p {padding:8px 0 0 0;}
.traitTableau {
	background-image: url(../images/trait.gif);
	background-repeat: repeat-x;
}