/* Général */
body{margin:0;height: 100%;width: 100%;font-size:1em;font-family:Arial, Helvetica, sans-serif;color:#999;}
a{text-decoration:none;}
.ui-content{padding:0;color:#333333;}
h1{padding:0;margin-bottom:0;color:#CCCCCC;}
h2{font-size: 0.9em;line-height: 100%;}
ul{margin:0;padding:0;list-style-type:none;}
img{width: 100%;height: auto;}
.border{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border: 2px solid #CCC;border-width: 2px !important;}
.smooth{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}


/* Content */
.ui-content {padding: 75px 0 50px;}
.ui-content #comments{padding: 0 2%;margin: auto;max-width: 800px;}
.ui-header,.ui-footer{position:fixed;width:100%;z-index: 2;}

/* Header */
.ui-header{top:0;}
.ui-header #tetiereLogo {display:block;height: 46px;}
.ui-header #tetiereLogo.detail .lien{left: 0%;text-align: right;padding-top: 1px;width: 70px;height: 26px;color: white;float: left;position: relative;top: 15px;font-size: .8em;}
.ui-header #tetiereLogo a{}

.ui-header #tetiereLogo a.lien.retour{background-position: -70px -550px;}
.ui-header #tetiereLogo a.lien.retour:hover{background-position: -70px -33px;}
.ui-header #tetiereLogo a.lien.partage{background-position: -70px -520px;padding-left: 16px;margin-left: 2%;}
.ui-header #tetiereLogo a.lien.partage:hover{background-position: -70px -490px;}
.ui-header #tetiereLogo a.logo{position: absolute;display:block;text-indent:-90000em;background-position: center -436px;width: 90px;right: 0;height: 40px;}

.ui-header #navigation { display: table; width: 100%}
.ui-header #navigation ul.menuNav{border-top:1px solid white;height: 29px;margin:0;display:table-row;}
.ui-header #navigation ul.menuNav li{height:25px;display:table-cell;float: none;width: auto;}
.ui-header #navigation-listCommunes li,#navigation li{float:left;display:inline;width:40%;text-align:center;font-weight:bold;text-transform:uppercase;}
.ui-header #navigation li a{text-transform:uppercase;border-right:1px solid white;text-decoration:none;display:block;color:white;margin:.4em 0 0;padding:0;letter-spacing: 0px;font-size: 0.8em;font-weight: bold;}
.ui-header #navigation li.last a{border:none;}

/* Footer */
.ui-footer{bottom:0;height: 46px;}
.ui-footer li{height: 36px;float:left;width: 20%;text-align:center;}
.ui-footer li.communes{background-position: center -158px;}
.ui-footer li.communes.selected,.ui-footer li.communes:active,.ui-footer li.communes:hover{background-position: center -203px;}
.ui-footer li.facebook{background-position: center -302px;}
.ui-footer li.facebook.selected,.ui-footer li.facebook:active,.ui-footer li.facebook:hover{background-position: center -332px;}
.ui-footer li.twitter{background-position: center -362px;}
.ui-footer li.twitter.selected,.ui-footer li.twitter:active,.ui-footer li.twitter:hover{background-position: center -392px;}
.ui-footer li.reporter{background-position: center -239px;}
.ui-footer li.reporter.selected,.ui-footer li.reporter:active,.ui-footer li.reporter:hover{background-position: center -269px;}
.ui-footer li.info {background-position: center -570px;}
.ui-footer li.info.selected,.ui-footer li.info:active,.ui-footer li.info:hover{background-position: center -570px;}
.ui-footer li a.ui-link{font-size: 0.8em;padding-top: 30px;display:block;color: white !important;font-weight:normal}

/* Liste */
article.item-list{min-width: 300px;max-height: 250px;border-bottom:1px solid #CCCCCC;}
article.item-list a.lienContent{max-height: 250px;display: block;margin:0;padding: 2%;overflow:hidden;}
article.item-list a.lienContent:hover,.pager li:hover {cursor:pointer;background-color: #E2E2E2;}
article.item-list a.lienContent .text-list{display: inline-block;font-size: 1em;width: 60%;min-width: 175px;float: left;padding:0;margin-top: 0.5%;}
article.item-list a.lienContent .text-list .h2-list{   white-space: nowrap;      overflow: hidden;   text-overflow: ellipsis;font-weight: 700;color: #5D5D5D;margin: 0;display: block;   width: 95%;padding-bottom: 2%;text-shadow: white 0px 1px 0px;}
article.item-list a.lienContent .text-list.no-image {margin: 0;width:100%;}
article.item-list a.lienContent .text-list.no-image .h2-list{padding-bottom: 1%;}
article.item-list a.lienContent .text-list .item-extract{max-height: 50px;  overflow: hidden;  color: #5D5D5D;font-size: 0.6em;line-height:120%;display: block;width: 95%;}
article.item-list a.lienContent .img-list{max-width: 250px;display: block;width: 35%;margin: 0 2% 0 0;float:left;}
article.item-list a.lienContent .img-list img.border{width: 98%;border-width: 1px !important;}
article.item-list span.onglet{position: relative;width: 20px;display: block;height: 26px;left: 95%;background-position: center 0px; margin: 4% 0;}

/* Detail */
article.detail{margin: auto;max-width: 800px;display:block;padding: 2%;}
article.detail .article-title{clear:both;font-size: 1.8em;line-height:120%;font-weight:bold;margin:0;color:#333333;}
article.detail .article-meta{font-size: 1em;display:block;margin:0 0 1em;}
/*article.detail .article-signature{margin-bottom:25px;font-size: 1em;color: #888C92;}*/
article.detail .article-image-container{display:block;margin:1.25em 0;}
article.detail .article-image-caption{text-align: right;font-size: 1em;line-height:1.45em;}
article.detail .article-image-credits{font-size:.8em;display:block;}
article.detail p{margin-bottom:15px;font-size: 1em;line-height:1.4em;}
article.detail a,a.lienDetail{font-size:1em;font-weight:normal;color: #0083CA;}
article.detail a:hover{text-decoration:underline;}
article.detail h3 a{font-size:1.4em;}
article.detail img{height:auto;max-width: 99%;display:block;width: 99%;margin:0 0 1em;}
article.detail .img-list{width:35%;float:left;margin:0 1em 0 0;}
article.detail .mbl,.detail .mvl,.detail .mal{margin-bottom:1.25em;}
article.gallerie {}
article.gallerie div.gallerie-conteneur{text-align:center;}
article.gallerie div.gallerie-conteneur a{width:120px;height:120px;display:inline-block;border:7px solid #303030;box-shadow:0 1px 3px rgba(0,0,0,0.5);border-radius:4px;position:relative;text-decoration:none;background-position:center center;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;overflow:hidden;margin: 6px;}
article.gallerie div.gallerie-conteneur a:after{background-color:#303030;border-radius:7px;bottom:-136px;box-shadow:0 1px 2px rgba(0,0,0,0.3);color:#FFFFFF;content:attr(title);display:inline-block;font-size:10px;max-width:90px;overflow:hidden;position:relative;text-align:center;white-space:nowrap;padding:2px 10px;}
article.gallerie div.gallerie-conteneur a img.gallerie-image {height: 100%;width: auto;max-width: initial;}
article.node-webform {}
article.node-webform h1{font-size: 1.8em;margin: 6% 0;}

/* Comunnes */
.ui-content .text-listCommunes {}
.ui-content .text-listCommunes ul li {}
.ui-content .text-listCommunes ul li a {line-height: 400%;display: block;padding: 0 5%;border-bottom: 1px solid #AAA;}
.ui-content .text-listCommunes ul li a:hover{cursor: pointer;background-color: #E2E2E2;}

/* Pager */
.pager {text-align: center; display: table; width: 100%;}
.pager li {font-size: 1.2em;display: table-cell;padding:25px 0;width: 50%;}
.pager li:first-child { border-right: 1px solid #ccc}
.pager li.pager-item{/*font-size: 18px;*/}
.pager li.pager-next{/*display: block;*/}

/* Login */
form#user-login {max-width: 380px;margin: auto;padding: 0 2%;}
form#user-login .form-item{padding-bottom: 15px;}
form#user-login .form-item #edit-pass, #edit-name{width:100% !important;}
form#user-login .form-item label{font-weight: bold;}

input[type=text].error { box-shadow : 0 0 5px #c33; border: solid 1px #f00; }
select.error , .errorSpan { color: #c33; box-shadow : 0 0 5px #c33; border: solid 1px #f00;}

#epicMenu { position: fixed; top: 6px; left: 10px;z-index: 50px; }
#epicMenu a     { color: #ccc; display: inline-block; padding: 5px; margin: 2px 0; background: #191919 ; cursor: pointer; }
#epicMenu a.on  { color: #fff; padding: 7px; margin: 0; background: #900 ; box-shadow: 0 0 5px #191919; }

#autocomplete {
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    margin: 10px 0;
    padding: 0px;
    border-radius: 20px;
    position: relative;
    border: 1px solid #CCC;
    border-top-width: 0px;
    background: #F9F9F9;}

#autocomplete li {
    border: 0px solid #CCC;
    font-weight: bold;
    color: #222;
    text-shadow: 0 1px 0 white;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    list-style: none;
    position: relative;
    text-align: left;
    border-bottom-width: 1px;
    margin: 0;
    padding: .7em 15px;
    display: block;
    cursor: pointer; }

#autocomplete li:last-child  { border-radius: 0 0 20px 20px; border: none;}
#autocomplete li:first-child { border-radius: 20px 20px 0 0;}
#autocomplete li:hover { background: #ccc;}

#admin-menu { display: none; }

article.lienConnexion {padding-top: 0; position: relative; top: -15px; }

/*
    body > div[data-url='/add/mobile-article'] .ui-header,
    body > div[data-url='/add/mobile-article'] .ui-footer  { position: relative; }
    body > div[data-url='/add/mobile-article'] #epicMenu   { position: absolute; }
    body > div[data-url='/add/mobile-article'] .ui-content { padding:  0; }
*/

/**google_dfp**/

.google_dfp{
    text-align:center;
    margin:10px 0;
}

#pub_header #close_ad {
    font-family: 'Open Sans',sans-serif;
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    height: 30px;
    width: 30px;
    background-color: black;
    color: white;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
}



/* Scribble Live */
body section.widget-scribblelive {
    background: #fff;
    margin: 0 -2%;
    padding: 2%;
    border-bottom:  1px solid #e9e9e9 !important;
    border-top:     1px solid #e9e9e9 !important;
}
body section.widget-scribblelive * {
    box-sizing: border-box;
}
body .widget.widget-scribblelive .icon-time {
    font-size: 33px;
}
body .widget.widget-scribblelive .sl_title {
    font-size: 18px;
}
body section.widget-scribblelive .sl_date {
    font-size: 16px;
}
body section.widget-scribblelive .sl_post .sl_post_time {
    font-size: 13px;
    line-height: 2em;
}
body section.widget-scribblelive .sl_post h1 {
    font-size: 20px;
}
body section.widget-scribblelive .sl_post h2 {
    font-size: 18px;
}
body section.widget-scribblelive .sl_post h3 {
    font-size: 16px;
}
body section.widget-scribblelive .sl_post p,
body section.widget-scribblelive .sl_post h4 {
    font-size: 15px;
}
body section.widget-scribblelive ul.sl_post_links li a,
body section.widget-scribblelive a.sl_post_reaction_link {
    font-size: 32px;
}
body section.widget-scribblelive .sl_show_more_link_button {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
}