* {
	margin:0px;
	padding:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#b6d5ee url(../images/bodyBg.jpg) top left repeat-x;
	margin-bottom:10px;
}

#main{
	width:935px;
	margin:0px auto;
}

#header{
	margin:0px auto;
	text-align:center;
}

#navigation{
background:transparent url("../images/green.jpg") repeat-x top left;	
text-align:center;
font-size:14px;
font-weight:bold;
border:1px solid #7a7a7a;
margin:0px 6px -20px;
z-index:100;
position:relative;
}

#navigation ul{
	margin:0px auto;
	width:auto;
}

#navigation ul li {
display:inline;	
text-transform:uppercase;
border-right:1px solid #808856;
line-height:33px;
padding:9px 12px 9px 9px;
}

.first{
	border-left:1px solid #808856;
}

#navigation ul li a{
	color:#ffffff;
	text-decoration:none;
/*	background:#000;*/

}

#navigation ul li a:hover{
/*		background:#fff;*/
color:#eaeaea;
}

.clear{
clear:both;	
}

#contentHolder{
/*	background:url(../images/bottomBg01.png) repeat-x bottom center;*/
/*	background:url(../images/02.png) no-repeat bottom center;
	padding:0px 0px 115px;
/*	border:1px solid green;*/
}

#back{
	background:url(../images/01.png) no-repeat bottom center;

	padding:0px 6px;
}

#content{
/*	background:url(../images/contentBg.png) repeat-y top center;*/
	background:url(../images/04.png) repeat-y top center;	
/*	border:1px solid red;*/
}

.bottomImg{
		text-align:left;
/*		border:1px solid green;*/
	/*	margin:0px -6px 7px -6px;*/
	margin:0px -1px;
}

#leftpart{
float:left;
width:197px;
margin:40px 0px 0px 16px;
}

h1{
background:url(../images/hBg.jpg) repeat-x;	
font-size:14px;
text-transform:uppercase;
padding:8px;
}

#leftpart ul{
	
}

#leftpart ul li{
list-style:none;
background:#e9e9e9;
border-bottom:1px solid #c2c2c2;
border-top:1px solid #ffffff;
padding:10px;
}

#leftpart ul li a{ color:#000; text-decoration:none;}

#leftpart ul li:hover {
	background:#fff;
	cursor:pointer;
	text-align: center;
}

.container{
border:1px solid #c2c2c2;	
}

.button{
text-align:right;
padding:40px 10px 10px 0px;
background:#e9e9e9;
}

.learnmore{
background:url(../images/btBg.png) no-repeat;
width:114px;
height:24px;
border:none;
text-transform:uppercase;
color:#ffffff;
font-size:12px;
padding-bottom:4px;
}

.learnmore:hover { color:#000; cursor:pointer;}

#middlepart{
float:left;
margin:40px 5px 0px 7px;
width:480px;
}

#middlepart a {
	color:#000;	
    text-decoration: none;
}

p{
margin:10px 0px;	
}

#rightpart{
float:right;
margin:40px 16px 0px 0px;
width:197px;
}

#rightpart .learnmore{
background:url(../images/rBtBg.png) no-repeat;
width:84px;
height:24px;
border:none;
text-transform:capitalize;
color:#ffffff;
font-size:11px;
margin:70px 15px 10px 0px;
}

#rightpart .learnmore:hover { color:#000;}

.wind1{
background:url(../images/windImg01.jpg) no-repeat center;
height:101px;
margin:10px auto;
text-align:right;
}

 

.wind2{
background:url(../images/windImg02.jpg) no-repeat center;
height:101px;
margin:10px auto;
text-align:right;
}

.space{
height:10px;	
}

#footer{
	color:#3f3f3f;
	font-size:10px;
	margin:-5px 8px 0px;
	line-height:normal;
	font-weight:bold;
}

#footer a {
	color:#3f3f3f;
	font-size:10px;
	margin:-5px 8px 0px;
	line-height:normal;
	font-weight:bold;
    text-decoration: none;
}

.copy{
	float:left;
	width:auto;
}

.design{
float:right;
margin-top:-13px;
width:auto;
}


/* ==================================================================
   PIED DE PAGE SUR TROIS COLONNES

   Ce site portait une ou plusieurs barres laterales a largeur fixe :
   sur telephone, elles poussaient le contenu hors de l'ecran. Leur
   contenu est desormais dans le pied de page, reparti sur trois
   colonnes qui se replient l'une sous l'autre quand la place manque.
   ================================================================== */

*, *::before, *::after { box-sizing: border-box; }
img, iframe, video, table { max-width: 100%; }
img { height: auto; }

.pied-3col {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0 28px;
}
.pied-col {
	flex: 1 1 240px;
	min-width: 0;
}
.pied-col > *:first-child { margin-top: 0; }

/* la colonne de contenu reprend toute la largeur */
#middlepart {
	float: none;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

/* les conteneurs gardent leur largeur, sans la subir */
#middlepart {
	width: auto;
	max-width: 480px;
}
#main {
	width: auto;
	max-width: 935px;
}

/* le pied ajoute aux pages qui n'en avaient pas */
.pied-ajoute {
	width: auto;
	max-width: 935px;
	margin: 24px auto 0 auto;
	padding: 18px 10px;
	clear: both;
}

@media screen and (max-width: 760px) {
	.pied-col { flex: 1 1 100%; }
}