/*
Theme Name: strasbourg2030
Theme URI: http://www.strasbourg2030.com
Description: Page d'accueil spécifique regroupant les différentes rubriques abordées sur le site
Version: 2.0
Author: Simon Andreieff
Author URI: http://www.radioair.net

Creation Theme by Simon Andreieff || http://www.radioair.net
*/
html{margin:0;padding:0;}
body{font-family: arial, sans-serif;background: #f2f2f2;margin:0;padding:0;}
h2, h3{font-size: 1.2em;color: #4d4d4d;}
h2 a, h3 a,h4 a{text-decoration: none;color: #4d4d4d;}
#page{max-width: 1150px;min-height: 750px;margin: 0 auto;position: relative;}
#flup{position: fixed;right: 31%;top: 15em;}
#flup:hover{cursor: pointer;}
.legende{position: relative;top: -.7em;}
table{border-collapse: collapse;margin: 0 0 2em 2em;}
table caption{padding-bottom: .5em;font-weight: bold;text-align: left;}
table, th, td{border: 1px solid silver;}
th, td{font-weight: normal;padding: .3em 0;}
td{width: 6em;text-align: center;}
.total-table{text-align: right;font-weight: bold;padding-right: .2em;}
.margevert1{margin: 2em 0;}
.margevert2{margin-top:5em;}
/* ************************************ ENTETE ************************************ */
#header{background: #cccccc;color: #333333;margin-bottom: 1em;}
#titre{background: #669900;padding: .6em 0;margin-bottom: 0;}
#titre a{text-decoration:none;padding: 1em;color: #FFF;text-shadow: 0 1px 0 #4d4d4d;}
.tete{display: inline-block;padding: 0 2.25em;}
#copyright{float:right;}
/* ************************************ ACCUEIL *********************************** */
#accueil{text-align: center;}
#lettre_cloture{
  text-align: left;
  width: 70%;
  margin: 0 auto 4rem;
}
#date_lettre_cloture{
  text-align: right;
  margin: 1rem 0 2rem;
}
#lettre_cloture p{
  text-indent: 1em;
}
#dna191026{
  margin: 0 auto 2rem;
  padding: 0;
  width: 100%;
  max-width: 1100px;
}
#dna191026 img{width:100%;}
#dna191026 figcaption{padding: .7rem;font-style: italic;}
.accrub{display: inline-block;width: 31%;;margin: 0 1em 1em 0;vertical-align: top;position: relative;}
.acctitre{//display: block;text-align: left;padding: 0;font-size: 1.1em;height: 3em;margin: 0;}
.acctitra{text-decoration: none;//color: #4d4d4d;padding: .5em;display: block;height: 3em;background: white;}
.acctitra:hover{background: #669900;color: white;transition: background .2s linear;//text-shadow: 0 1px 0 #4d4d4d;}
.accimg:hover{opacity: .8;transition: opacity .2s linear;}
.accpdf{position: absolute; top: 20%;left: 40%;}
/* **** BLOG ******* */
#blog{width: 100%;height: 455px;margin: 1.5em 1em 1em 0;background: #f2f2f2;overflow: hidden;position: relative;}
#blog h2{margin: 0;padding: 0;}
#titr_blog{text-decoration: none;text-align: center;color: #4d4d4d;font-size: 1.2em;background: white;line-height: 2em;display: block;margin: 0;}
#titr_blog:hover{color: white;background: #669900;transition: background .2s linear;}
#content_blog_art{height: 350px;position: relative;}
#blog_art{padding: 0;margin: 1em 0 0 .6em;width: 3420px;list-style-type: none;position: absolute;}
#blog_art li{display: inline-block;width: 360px;height: 290px;vertical-align: top;background: white;margin: 0 1em 0 0;overflow: hidden;padding: 0;}
.titr_art_acc{text-decoration: none;text-align: left;font-size: 1.2em;color: #4d4d4d;padding: .3em .5em .7em;display: block;height: 3em;margin: 0;}
.titr_art_acc:hover{color: white;background: #669900;;transition: background .2s linear;}
.nav_blog_art{width:150px;height: 50px;overflow: hidden;position: relative;bottom: 1%;left: 43.5%;}
#acc_art_prec{float: left;}
#acc_art_suiv{float: right;}
#art_recents{text-align: left;padding-left: 1.3em;color: #4d4d4d;}
.acc_img:hover{opacity: .8;transition: opacity .2s linear;}
.blog_fl:hover{cursor: pointer;}
/* ************************************ PAGES ************************************* */
.img_pdf_page{position: relative;top: 1em;}
.pdf_page{font-family: arial, sans-serif;}
.pdf_page a{target:blank;}
#content-page{width: 65%;min-height: 800px;font-family: arial, sans-serif;}
#content-page img{max-width: 95%;}
/* ********************* LOGEMENTS VACANTS ******************* */
#logvac_pres_div{width:100%;height:300px;}
.logvac_pres{float:left;width:48%;}
#logvac_pres{text-indent:0;margin-right:.7em;}
#logvac_pres_ill{position:relative;top:.5em;}
#logvac_video{clear:float;}
#logvac_video iframe{position:relative;left:-1em;}
#logvac_synth{width: 100%;}
#logvac_synth ul{margin: 0;padding: 0;}
#logvac_synth ul li{margin: 0;padding: 0;display: inline-block;width: 48%;//border: 1px solid silver;vertical-align: top;padding: 0 .2em;}
#logvac_cr{width: 100%;}
#logvac_cr ul{margin: 0;padding: 0;}
#logvac_cr ul li{margin: 0;padding: 0;display: inline-block;width: 48%;//border: 1px solid silver;vertical-align: top;padding: 0 .2em;}
.logvac_h4{text-decoration: none;}
.logvac_h4:hover{color:#558000;}
.lls{color:#558000;}
.lls:hover{color:#446600;}
.txtindnul{text-indent: 0;}
.retour-page{font-size: 1em;font-weight: normal;}
.retour-page a:hover{text-decoration: underline;}
.logvac-dossier li{margin-bottom: .4em;}
/* ************************************ BLOG ARTICLES ***************************** */
#content{width: 65%;min-height: 750px;font-family: arial, sans-serif;}
#content img{max-width: 95%;}
.sidebar{float: right;width: 30%;}
.post{background: white;padding: .5em 1em;margin-bottom: 1em;}
.post-content{margin-bottom: 2em;font-family: arial, sans-serif;}
.post-content p{text-indent: 1em;}
.post-content li{}
.postmetadata{font-size: small;}
/* ************************************ SIDEBAR *********************************** */
.sidebar ul{list-style-type: none;}
.sidebar li{margin-bottom: .7em;}
.sidebar a{text-decoration: none;color: #4d4d4d;}
.sidebar a:hover{text-decoration: underline;}
#search{margin: 2em 0;}
.categories ul{padding-left: 0;}
/* ************************************ COMMENTAIRES ****************************** */
#comment{max-width: 95%;}
.nocomments, #comments, .commentlist, .commentlist a, .navcom, #respond, #respond a, .postmetadata a{color: #4d4d4d;}
/* ************************************ PIED DE PAGE ****************************** */
#footer{margin-bottom: 0;color: #f2f2f2;height:110px;}
#footer a{color: #cccccc;}
.pied{float: left;margin: 0;}
#pied_g{width: 60%;background: #cccccc;height:110px;}
.ma_mm{margin-left: 1em;}
#pied_d{width: 40%;background: #669900;height:110px;color: #cccccc;}
#pied_d ul li{list-style-type: none;}
#pied_d a:hover{color:#fff;}
#wp{float: right;position: relative; top: -.1em;margin-right: 1em;}