/*
Theme Name: Aleaulaterre
Theme URI: http://www.alsacreations.fr
Description: Le thème créé par Alsacreations pour le projet A l'eau la Terre ? Ici Strasbourg.
Version: 1.0
Author: Alsacreations
Author URI: http://www.alsacreations.fr


*/

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0;
  font-size: 0.9em;
  line-height: 1.4;
  color: black; 
  background: white url(img/bg.jpg) repeat-x center top; 
  font-family: "Myriad Pro", "Trebuchet MS", Verdana, Helvetica, "Sans-serif";
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: 1.75em 0 25px 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

.discret {
  color: #777;
}
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #000; 
} 
a:visited { 
  color: #555; 
} 
a:hover, a:focus, a:active { 
  color: #80A000; 
  text-decoration: none; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
.floatright, .alignright {
  float: right;
}
.floatleft, .alignleft {
  float: left;
}
.alignright {
  margin: 0 0 5px 10px;
}
.alignleft {
  margin: 0 10px 5px 0;
}
.clearright {
  clear: right;
}
.clearleft {
  clear: left;
}
.clearboth {
  clear: both;
}

 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}


/* --- BLOCS --- */ 

#page {
  width: 960px;
  margin: 0 auto;
}

#header {
  height: 270px;
}

#content {
  width: 630px;
  padding: 0 35px 20px 35px;
  float: right;
}
#sidebar {
  width: 210px;
  padding: 0 20px 20px 30px;
  float: left;
}
#footer {
  clear: both;
  height: 265px;
  background: #D5ECF4 url(img/footer.jpg) left top no-repeat;
}

/* --- HEADER --- */ 

#header h1 {
  font-size: 1em;
  margin: 0 0 0 34px;
  padding: 20px 0 0 0;
  line-height: 1;
}

#header .description {
  text-indent: -5000px;
  position: absolute;
  left: -5000px;
  margin: 0;
  padding: 0;
}

#header .logos {
	float:right;
	margin-right:34px;
	text-align:right;
}

.aleaulaterre {
  float: right;
  margin: 20px 0 0 0;
  padding-right: 34px;
}
.engees {
  float: right;
  clear: right;
  padding: 10px 14px 0 0;
}

/* --- CONTENT --- */ 

#content h2 {
  margin: 20px 0 10px 0;
  font-size: 2.1em;
  color: #3A84B9;
}
#content h3 {
  margin: 10px 0;
  font-size: 1.5em;
  color: #819D10;
  clear:both;
  margin-top:20px;
}
#content.homepage h3 {
	clear:none;
}
#content h3 a {
  color: #819D10;
  text-decoration: none;
}
#content h3 a:hover, #content h3 a:focus {
  text-decoration: underline;
}
#content ul {
  list-style: none;
}
#content ul li {
  padding-left: 15px;
  background: url(img/puce.png) left 4px no-repeat;
}

#content.homepage .entry {
  width: 330px;
  float: left;
}
#content.homepage .actualites {
  margin-left: 350px;
  padding-left: 15px;
  border-left: 1px solid #eee;
}
#content.homepage .actualites h3 a {
  color: #666;
}

#content img.alignleft {
  margin: 0 10px 0 0;
  border: 5px solid #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:0 0 12px #ccc; 
  -webkit-box-shadow:0 0 12px #ccc; 
  box-shadow:0 0 12px #ccc; 
}

#content img.alignright {
  margin: 0 0 0 10px;
  border: 5px solid #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:0 0 12px #ccc; 
  -webkit-box-shadow:0 0 12px #ccc; 
  box-shadow:0 0 12px #ccc; 
}

#content blockquote {
  background: url(img/quote-close.png) right 85% no-repeat;
  padding-right: 35px;
  color: #7A7A7A;
  margin: 1.5em;
}
#content blockquote p:first-child {
  background: url(img/quote-open.png) left 5% no-repeat;
  padding-left: 45px;
}

a.post-edit-link {
  clear:both;
  display: block;
  padding: 5px;
  background: #DAEBF5;
  text-align: right;
  color: #295B8E;
  text-decoration: none;
}
a.post-edit-link:hover {
  background: #BADAED;
}

#content div.wp-caption {
  border: 1px solid #ccc;
  text-align: center;
  padding-top: 5px;
  margin: 10px 0 20px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:3px 3px 10px #ccc; 
  -webkit-box-shadow:3px 3px 10px #ccc; 
  box-shadow:3px 3px 10px #ccc; 
}
#content div.wp-caption p {
  color: #555;
  font-style: italic;
}
#content div.alignleft {
  margin: 0 10px 0 0;
}
#content div.alignright {
  margin: 0 0 0 10px;
}

#content p.linklove {
  display: none;
}

/* --- Tableaux --- */ 

#content table {
border: 1px solid #133A65 !important;
}
#content table td {
  border: 1px solid #BADAED !important;
  padding: 4px 6px !important;
}


/* --- NEWS et COMMENTAIRES --- */ 

#respond {
  margin-top: 50px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

#respond textarea {
  border: 1px solid #3A84B9;
  padding: 0.3em;
}
#respond input#submit {
  padding: 5px 15px;
  background: #3A84B9;
  color: #fff;
  border: none;
  cursor: pointer;
}
#respond input#submit:hover {
  background: #23649D;
}

/* --- SIDEBAR --- */ 

#sidebar ul {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
}
#sidebar li {
  color: #23649D;
}
#sidebar li a {
  color: #23649D;
  text-decoration: none;
  font-size: 1.1em;
}
#sidebar li a:hover, #sidebar li a:focus {
  text-decoration: underline;
}

#sidebar li li {
  color: #48494A;
  font-weight: bold;
}
#sidebar li li a {  
  font-size: 1em;
  color: #48494A;
  padding-left: 20px;
  background: url(img/puce-off.png) left center no-repeat;
  font-weight: normal;
}
#sidebar li li a:hover, #sidebar li li a:focus {
  background: url(img/puce-on.png) left center no-repeat;
}

#sidebar ul ul ul {
  list-style-type: circle;
}
#sidebar ul ul ul li {
  margin-left: 35px;
  background: none;
}
#sidebar ul ul ul li a, #sidebar ul ul ul li a:hover, #sidebar ul ul ul li a:focus {
  padding: 0;
  background: none;
}


#sidebar li.page-item-1717 > a {
  color: #F38B08;
}
#sidebar li.page-item-37 > a {
  color: #7F9A17;
}

#sidebar form#searchform {
  margin: 30px 0 0 0;
}
#sidebar form#searchform label {
  font-size: 1.1em;
  color: #494949;
}
#sidebar form#searchform input#s {
  width: 150px;
  padding: 4px 2px;
  border: 1px solid #3A84B9;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
#sidebar form#searchform input#searchsubmit {
  padding: 4px 3px;
  background: #3A84B9;
  border: none;
  color: #fff;
  cursor: pointer;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

#sidebar form#searchform input#searchsubmit:hover {
  background: #61ACDF;
}

#sidebar #telechargement {
  margin-top: 50px;
}

#sidebar #telechargement p, #sidebar #rss p {
  font-size: 1.1em;
  color: #494949;
  margin: 0 0 5px 0;
}
#sidebar #rss p {
  margin: 0;
}
#sidebar #rss ul {
  padding-left: 60px;
  min-height: 48px;
  background: url(img/rss.png) left top no-repeat;.
}

#sidebar #telechargement ul {
  padding-left: 60px;
  min-height: 48px;
  background: url(img/ico-boxdl.png) left top no-repeat;
}
#sidebar #telechargement li, #sidebar #telechargement li a, #sidebar #rss li a {
  color: #989898;
}


/* --- FOOTER --- */ 

#footer {
  position: relative;
}

#footer p {
  margin: 0 20px 0 340px;
  font-size: 1.0em;
  color: #A2BCD5;
}
#footer p a {
  color: #A2BCD5;
}
#footer p.presentation {
  padding: 110px 0 0 0;
  font-weight: bold;
  margin-bottom: 15px;
  color: #4777A5;
}
#footer p.mentions {
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 0.9em;
}
#footer p.savoirplus {
  float: right;
  padding-left: 15px;
  background: url(img/ico-fleche.png) left center no-repeat;
  color: #A2BCD5;
}
#footer p.savoirplus a {
  color: #A2BCD5;
}
#footer img#hulot {
  float: left;
  position: relative;
  top: 110px;
  left: 90px;
}
div.piclenselink a.piclenselink {
  display: none;
}