@charset "UTF-8";
/* CSS Document */
/* © 2008 Gilles Ehrmann */


body {
	background-attachment: fixed;
	background-color:#61b2e7;
	background-image: url(img/fond.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-position:top;
	margin:0;
	padding:0;
}

#bandeau, #photo {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#page, #pied {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	z-index:1000;
	float:none;
}

/* Bandeau logo */
#bandeau {
	background-image:url(img/bandeau-haut.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:174px;
}

#logo {
	position:relative;
	width:400px;
	height:170px;
	background-image:url(img/logo-top.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	left:10px;
}

/* Bandeau image + diaporama */
#photo {
	background-image:url(img/dune-bandeau.jpg);
	background-repeat:no-repeat;
	height:302px;
}

#poteau {
	position:relative;
	width:11px;
	height:302px;
	background-image:url(img/pied-eolienne.jpg);
	background-repeat:repeat-y;
	float:left;
	left:565px;
}

#diapo {
	position:relative;
	display:inline;
	width:224px;
	height:302px;
	float:right;
}

/* Contenu principal */
#page {
	clear:both;	
	background-image:url(img/bg-milieu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFF;
	min-height:400px;
	height:auto !important; /* Pour que Firefox garde la hauteur auto */
	height:400px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
 #coldroite {
	 float:right;
	 width:214px;
	margin-left:10px;
	padding-left:10px;
	padding-right:5px;
	 margin-top:10px;
	 border: 1px solid #1B4F85;
	 text-align:left;
 }


/* Image de l'Eolienne */

#eolienne {
	position:relative;
	display:inline;
	background-image:url(img/eolienne.jpg);
	width:233px;
	height:174px;
	float:right;
	right:121px;
}


/* Menu */

#barremenu {
	position:absolute;
	width:745px;
	/ height:300px;
	left:50%;
	margin-left:-375px;
	top:430px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	overflow:visible;
	background-color:#FFF;
	padding:5px;
	border: 1px solid #000;
}

#barremenu.texte {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
}

/* Pied de page */

#pied {
	position:relative;
	background-image:url(img/footer.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:50px;
	margin-bottom:0px;
	clear:both;
}

#logo-footer {
	position:relative;
	float:left;
	background-image:url(img/logo-footer.gif);
	background-repeat:no-repeat;
	top:-10px;	
	width:150px;
	height:50px;
}

#menu-footer {
	position:relative;
	display:inline;
	width:550px;
	height:30px;
	float:right;
}

#menu-footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #214F86;
	text-align:right;
}

#menu-footer a:link, #menu-footer a:visited {
	text-decoration:none;
	font-size:11px;
	color: #214F86;
}

#menu-footer a:hover {
	color:#61B2E7;
}

/* Couleurs logo - Polices */

.eolecolor {
	color:#91d4f2;
}

.watercolor {
	color: #004f88;
}

.errorcolor {
	color:#930;
}

#page h1 {
	font:Arial, Helvetica, sans-serif bold italic 14px;
}
#page h2 {
	font:Arial, Helvetica, sans-serif bold italic 13px;
}

#page {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
}
/* Menu déroulant */

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:780px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:146px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
	margin:0px;
    }

.menu li li ul{
    position:absolute;
    margin-left:144px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:146px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
	
    }
    
.menu li li{
    display:block;
    float:none;
	margin-top:-2px;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color:#eee ;
    border:1px #666 solid;
    color:#000;
    display:block;
	width:146px;
    /width:142px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #9cf;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }

/* Formulaire */

input.champ, textarea.champ {
	font-family:Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size:10px;
	border: 1px solid #004f88;
	background: #91d4f2 url(img/bg-milieu.jpg) bottom center no-repeat inherit;
	width:350px;
	margin:7px 5px 0 0;
	padding-left: 4px;
}

textarea.champ {
	padding:5px;
}

/* Polices de caractère */

.tahoma11px {
	font-family:Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
}

/* Liens */

#coldroite a:link, #coldroite a:visited {
	font-weight:bold;
}

#coldroite a:hover {
	color:#9AD3F0;
}