@charset "UTF-8";
/* CSS Document */
/* Feuille de style generale www.eolewater.com */
/* © 2009 - Gilles EHRMANN */

html, body {
	height: 100%;
	margin: 0;
}

body {
	background-attachment: fixed;
	background-color: #61b2e7;
	background-image: url(/assets/images/templates/fonds/fond.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
}

#global { /*Container global de la page */
	min-height: 100%;
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	background-image: url(/assets/images/templates/fonds/bandeau-haut.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 174px;
}

#bandeau {
	position: relative;
	height:302px;
	z-index: 100;
}

#footer {
	width: 800px;
	bottom: 0;
	background-image: url(/assets/images/templates/fonds/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 70px;
}

#center { /*Eviter la superposition du pied de page et du contenu */
	/*padding-bottom: 60px;*/
	overflow: auto;
	height:100%;
	background: url(/assets/images/templates/fonds/bg-milieu.jpg) bottom;
	background-color:white;
	background-position: bottom;
	background-repeat: no-repeat;
	z-index:100;
}

/* Couleurs logo - Polices */


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

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

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

#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;
}

/*#eolienne {
	position:relative;
	display:inline;
	background-image:url(/assets/images/templates/logos/eolienne.png);
	overflow: visible;
	width:233px;
	height:234px;
	float:right;
	right:121px;
	z-index: 999;
}*/

#eolienne {
	position:absolute;
	background-image:url(/assets/images/templates/logos/eolienne.png);
	overflow: visible;
	width:233px;
	height:234px;
	right:121px;
	top: -170px;
	z-index: 1000;
}


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

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

#barremenu {
	position:absolute;
	width:760px;
	height:50px;
	left:50%;
	margin-left:-380px;
	top:260px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	overflow:visible;
	z-index: 990;
}

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

/* Images dans la colonne de gauche */

a img {
  border: none; /* Supprime le border autour des images liens */
}

#contenu img {
  border: 1px solid #D0C5BF;
  padding: 4px;
  background-color: #E7E1DE;
  Margin: 15px 0;
}

#contenu img.noborder {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 10px;
}

/* Liens */

a:link, a:visited {
	text-decoration: none;	
	color: maroon;
	font-weight: bold;
}

a:hover {
	color: green;
}

/* Plan du site */

.LSM_description {
	font-style: italic;
}

/* Recherche */

.FSF_pagination {
	font-style: italic;
	font-weight: bold;
}

.FSF_resultDescription {
	font-style: italic;
}

/* Acualites */

.ditto_summaryPost {
	font: italic 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left : 20px;
}
.ditto_summary {
	font: italic 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left : 24px;
}
.ditto_info {
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	margin-bottom: 10px;
	margin-left: 24px;
	margin-top: -10px;
}
.ditto_summaryPost a {
	font-weight: normal;
	font-style: normal;
}
.ditto_summaryPost h3 a {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	background:  url(/assets/images/templates/logos/goutte.gif) no-repeat;
	padding-left: 24px;
	padding-top: 6px;
	line-height: 18px;
	padding-bottom:8px;
	/*position: relative;*/
}

.ditto_summaryPost h3 a:link, .ditto_summaryPost h3 a:visited {
	color: #336699;
}
.ditto_summaryPost h3 a:hover {
	color: maroon;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #005089;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #005089;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #7bd3f7; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #7bd3f7; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #005089;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

/* Formulaire de contact */

/* Formulaire */

fieldset {
	border: 1px solid gray;
	padding: 8px;
}

input.text, textarea.text {
	font-family:Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
	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.text {
	padding:5px;
}