/*
Theme Name: Daily Headlines
Theme URI: http://www.proudthemes.com/2010/07/daily-headlines/
Description: Premium WordPress Magazine Theme
Version: 1.0.2
Author: ProudThemes
Author URI: http://www.proudthemes.com
Tags: black, fixed-width, three-columns, widgets
*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

* {padding:0; margin:0; border: none; outline:0; }
body {font-family: 'Muli', sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#333; }
a:hover {text-decoration:none; color: #52981f; }
h1,h2,h3,h4,h5,h6 {font-family: 'Merriweather', serif; font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }
table {border: 1px solid #333;}
td {padding: 5px; border: 1px solid #ddd; margin: 0;}
th {padding: 5px; border: 1px solid #333; text-align:center; margin: 0;background-color: #333; color: white;}
.greyback {background-color: #eee;}

#wrap {width:100%; margin: 0 auto; text-align:left;  }
#wrap div.wrap {width: 980px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; margin-bottom: 10px; }

#preheader {background: #383838; height: 30px; font-family: 'Merriweather', serif; font-size: 12px; margin-bottom: 10px; }
#preheader li {float: left; display: inline; margin-right: 10px; line-height: 30px; }
#preheader a {color: #ddd; text-decoration: none; }
#preheader a:hover {text-decoration: underline; }
#social {float: right; display: inline;}
#social li {margin-right: 0; margin-left: 10px; font-size: 11px; }
#social img {float: left; display: inline; margin: 6px 0 7px 0; }
 
#header {padding: 30px 0 20px; }
#header div.banner {float: right; display: inline; }
#logo {float: left; display: inline; text-align: left; padding-top: 5px; }
#banniere1 {
	text-align:center;
	text-transform:uppercase;
}

/* 2. Menu Area -----------------------------------------------------------------------------------------------------------------------*/
#nav {background: #fff; height: 36px; line-height: 36px; font-size: 14px; font-family: 'Merriweather', serif; margin-bottom: 40px; border-bottom: 2px solid #383838 ; }
#nav a, #nav #menuhead li.current-menu-item li a {color: #383838; text-decoration: none; padding: 10px 13px 08px; text-transform: uppercase; }
#nav a:hover, #menuhead li.current-menu-item a, #nav #menuhead li.current-menu-item li a:hover {color: #52981f; background: #fff; }
#nav #menuhead li.current-menu-item li a {background: #fff; padding: 7px 10px 5px;  }

#mainNav #search { float:right; font-size:10px; height:30px; width: 140px; position: relative; margin-top: 6px; }
#search #setop {border: solid 1px #ddd;	height:22px; width:125px; font-size: 10px; padding-left: 5px;	}
#search #searchsubmittop {position: absolute; top:5px; right:12px; }

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:36px; z-index:300; width:100%; }
#menuhead li {position:relative; float: left; display: inline; line-height: 36px; text-transform: uppercase; border-right: solid 1px #fff;}
#menuhead li li {line-height: 20px; text-transform: none; }  
#menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; border-top: solid 1px #fff;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; padding: 7px 10px 5px; }  
#menuhead li ul {width:120px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #333;}  
#menuhead ul ul {top:auto; border-top: none; }  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block; z-index: 2000;}

/* 3. jQuery Slideshow Area -----------------------------------------------------------------------------------------------------------------------*/
#slideshow .post {padding: 0; border: none; }
#slideshow .post h2.slideshow, h1.title {font-size: 40px; line-height: 40px; font-weight: normal; }
#slideshowContent .featuredPost { width: 630px; margin-bottom: 20px;}
/*#rps {background : #52981f; color : white; padding : 20px; margin: 0 15px 15px 0;}
#rps .window {background : #52981f; color : white;}
#rps .slider {background : #52981f !important; color : white;}
#rps .window .slider p, #rps .window .slider a {color: white !important;}
#rps .col p.post-title a {color : white !important;}*/

/* 3. Content Area -----------------------------------------------------------------------------------------------------------------------*/
#content {margin-bottom: 50px; }
#main {float: left; display: inline; width: 670px; margin-right: 10px; }
#content div.column {float: left; display: inline; margin-right: 10px; border-top: solid 6px #333; padding-top: 10px; padding-left: 5px;  }
#main div.column {width: 325px; }
#main div.column-double {width: 660px; }
#main div.column-full {width: 960px; }
#main div.column-narrow {width: 215px; margin-right: 5px; }
#sidebar div.column {width: 295px; }
#sidebar {float: left; display: inline; width: 300px; }
#sidebar div.widget {margin-bottom: 20px; }
#content div.column-last {margin-right: 0;  }
.publabel { text-align:center; }
#content div.single {border-top: none; padding: 0; }
#sidebar div.column {margin-right: 0;}
#apropos {color:#000; padding: 0 10px 10px 10px; margin-bottom: 20px; font-size: 20px; }
#sidebar .banniere {margin-bottom: 20px;}
#sidebar #facebook {padding: 20px 0 0 20px;}
#sidebar #twitter {padding: 15px 20px 25px 43px; font-size: 18px; background: url('images/twitter-accent.png') no-repeat #fff;}
#sidebar #twitter a {color: #6297BC; text-decoration:none;}
#sidebar #twitter a:hover {color: #383838; text-decoration:underline;}
#sidebar #twitter .meta-twitter, #sidebar #twitter .twitter-timestamp {font-size: 11px; color: #666;}
#sidebar h3.headline-agenda a, #sidebar h3.headline-agenda li a {font-size: 12px; line-height: 14px; border-bottom: dotted 1px #ddd; display: block; padding-bottom: 8px;}
#sidebar h3.headline-agenda li a {padding-top: 8px;}
#sidebar .lienexpo a {font-size: 14px; padding: 0 0 10px 30px;}
#sidebar .tags_lien {color: #52981f; font-size: 13px; padding-top: 15px;}
#sidebar .tags_lien:hover {text-decoration: underline;}
.subscribe-form #email {background: #eee; border: 1px solid #ccc; padding: 10px; margin: 0 0 25px 0;width: 195px;}
.subscribe-form .mailjet-subscribe {background: #6297BC; border: 1px solid #6297BC; color: #fff; margin: 0; padding: 10px; text-transform: uppercase;}

h3.revuedepresse a {font-size: 15px;}
h2.heading-edito a {display: block; width: 320px; background-color:#6297BC; color: #fff; margin-left: -5px; padding: 5px 0 5px 10px;} 
h2.heading-edito a:hover { text-decoration:underline;}
h2.heading {margin-top: 5px; color:#52981f;}
.solution-technique {font-size: 16px;}
p.edito a {color:#6297BC;}
p.postmetadata-edito {font-size: 12px; font-family: 'Muli', sans-serif; margin: 10px 0 0;}
p.postmetadata-edito a {color:#6297BC; }
p.postmetadata-edito a:hover {text-decoration:underline;}
.pub {text-align: center;}

.pubmiddle {text-align: center; margin: 0 0 20px 0; text-transform:uppercase;}

div.templateLeft #main {float: right; margin-left: 10px; margin-right: 0;}
div.templateLeft #sidebar {float: right; }

div.customLeft #main {float: right; margin-left: 10px; margin-right: 0; }
div.customLeft #sidebar {float: right; }

div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
.postInfo h1 {margin-top: 75px;}

.posts {margin-bottom: 10px; }
.widget h2 {font-size: 16px; line-height: 22px; margin-bottom: 20px; font-family: 'Merriweather', serif; font-weight: bold; text-transform: uppercase; }
.posts .post {float: left; display: inline; margin-right: 5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
.post-innovation {float: left; display: inline; margin-right: 5px; margin-bottom: 15px; padding-bottom: 45px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
.posts .post-last {margin-right: 0; }
.posts .post h3, .posts .post h2.slideshow {font-family: 'Merriweather', serif; font-size: 20px; line-height: 26px; margin-bottom: 10px; }
.posts .post h3 a:hover {color:#666;}
.posts .post h3.headline {font-size: 14px; line-height: 20px;}
.posts .post div.cover {float: left; display: inline; margin: 0 10px 10px 0; }
.posts p.postmetadata, p.postmetadata {font-size: 12px; font-family: 'Muli', sans-serif; margin: 10px 0 15px; }
.posts p.postmetadata a, div.postInfo a, div.single a, a.highlight {color: #52981f;}
h2.heading a {color:#52981f;}
.posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {text-decoration: underline; }

.titre-lien-expo {margin: 10px 8px 30px 0; padding: 5px 30px 5px 30px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; display: block; font-size: 20px; text-align: center;}
.titre-lien-expo a {color:#52981f; }
.titre-lien-expo a:hover {text-decoration: underline;}

.featured-category .post {float: left; display: inline; width: 210px; margin-right: 10px; }
.featured-category .post-first {width: 220px; }
.featured-category .post-last {margin-right: 0;}
.featured .post h3 {font-family: 'Merriweather', serif; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }

.single {font-family: 'Muli', sans-serif; font-size: 14px; line-height: 20px; }
.single p {margin: 0 0 14px; }
.single ul, .single ol {margin-left: 20px; margin-bottom: 14px; }
.single li {list-style-position: inside;} 
.single ul li {list-style-type: square;}
.single ol li {list-style-type: decimal;} 
.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
.single h2, .single h3, .single h4, .single h5, .single h6 {margin: 14px 0; }
.single h3 {font-weight: bold; margin: 20px 0 5px 0;}
.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }
.single .wp-caption-text {font-size: 11px; color: #666; text-align: center;}
.single bigquote {display: block; width: 620px;; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #52981f; font-size: 20px; line-height: 24px; padding: 20px; margin: 20px 0 20px 0;text-align: center;}
.single alinea {margin: 20px; font-size: 12px; color: #aaa; font-style: italic;}
.single titre {margin: 0 0 10px 185px; padding: 5px 10px 5px 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 450px; display: block;}
.single partenaire {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ddd; display:block; padding: 15px; font-style: italic;}
.single .revue {color: #52981f; padding-top: 20px;}
.single .abonnement {margin-top: 40px; border-top: 1px solid #ccc; padding-top: 15px;}
.single .abonnement .abonnement_desc {float: left; margin-right: 20px; padding: 5px 0 0 0; font-weight: bold;}
.single .abonnement .action { background-color: #52981f; background: -moz-linear-gradient(100% 100% 90deg, #52981f, #68ba2c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68ba2c), to(#52981f)); -moz-border-radius: 5px; border-radius: 5px; margin-right: 10px; float: left; height: 20px; padding: 5px 10px 5px 10px;}
.single .abonnement .action a {color: #fff; text-decoration: none;}
.single .abonnement .action a:hover {text-decoration: underline;}
.single .related {margin-top: 15px; border-top: 1px dotted #ccc; padding-top: 15px;}
.single .related a {font-weight: bold;font-size: 16px;}
.single .related_title {margin-bottom: 0px;}
.single .infos-complementaires {font-size: 12px; color: #999;}
.single .titre-infos-complementaires {width: 100%; background-color: #eee; text-align: center; height: 45px; margin: 40px 0 30px 0; }
.single .titre-infos-complementaires h2 {line-height: 45px; font-style: normal;font-family: 'Merriweather', serif;}
.single p.motscles {color: #6297BC; line-height: 24px; font-size: 16px;}
.posts .post #page_motscles a {color: #000000;}
input.ninja-forms-field {border: 1px solid #999; }
.ninja-forms-form-wrap input {height: 25px !important; width: 250px !important; border-radius: 2px;}
.ninja-forms-required-items {margin-bottom: 20px;}
.ninja-forms-form-wrap input[type=submit] {background: transparent; border: 2px solid #6297BC; height: 40px !important; color: #6297BC;font-family: 'Merriweather', serif; font-size: 16px; margin: 10px 0 20px 0; width: 150px !important; cursor: pointer; padding: 5px !important;}
.ninja-forms-form-wrap input[type=submit]:hover {background-color: #6297BC; color: #fff;}
div.single .page_motscles a {color: #000000; padding-right: 11px;} 

form.petition input[type="text"] {border: 1px solid #ccc; width: 200px; height: 20px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 10px; font-family: 'Merriweather', serif;}
form.petition input[type="submit"] {color: white; background-color: #52981f; background: -moz-linear-gradient(100% 100% 90deg, #52981f, #68ba2c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68ba2c), to(#52981f)); -moz-border-radius: 5px; border-radius: 5px; margin: 0 15px 40px 0; height: 25px; padding: 5px 10px 5px 10px; font-family: 'Merriweather', serif;}
form.petition input[type="submit"] a {color: #fff; text-decoration: none;}
form.petition input[type="submit"] a:hover {text-decoration: underline;}
 
#prefooter {padding: 25px 0 20px; font-size: 12px; background-color: #f1f1f1; border-top: solid 1px #e1e1e1; color: #333; font-family: 'Muli', sans-serif; }
#prefooter div.column {float: left; display: inline; width: 315px; margin-right: 25px; }
#prefooter div.column-last {width: 300px; margin-right: 0;}
#prefooter h3 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
#prefooter .icons-about {float: left; margin-right: 5px;}

/* 4. Footer Area -----------------------------------------------------------------------------------------------------------------------*/
#footer {padding: 25px 0 10px; font-size: 12px; background-color: #383838; border-top: solid 1px #d1d1d1; color: #fff; font-family: 'Muli', sans-serif; }
#footer a {color: #CCC; text-decoration: none; }
#footer a:hover {color: #52981f;text-decoration: none; }
#footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
#footer p {text-align: left; }
#footer ul {display: block; text-align: left; margin-bottom: 15px; }
#footer ul li {display: inline; line-height: 18px; margin-right: 15px; text-transform: uppercase; }

#sideTabs {border: none; background-color: #333; padding: 6px 5px 5px; }
#sideTabs ul.featured-tabs {height: 20px;}
#sideTabs ul.featured-tabs li {cursor:pointer; float: left; display: inline; font-size: 10px; text-transform: uppercase; margin-right: 1px; padding: 5px 10px; }
#sideTabs ul.featured-tabs li:hover {background-color: #222;}
#sideTabs ul.featured-tabs li a {color: #fff; text-shadow: #000 1px 1px 1px; text-decoration:none; }
#sideTabs ul.featured-tabs li a:hover {color: #fff; }
#sideTabs ul.featured-tabs li.active a {color: #52981f; text-shadow: #fff 1px 1px 1px; }
html #sideTabs ul.featured-tabs li.active, html #sideTabs ul.featured-tabs li.active a:hover  { background-color: #f1f1f1; }
#sideTabs .featured-container {clear: left; background-color: #f1f1f1; padding: 7px;}
#sideTabs .tab_content {text-align: left; padding: 10px; border: solid 1px #e1e1e1; background-color: #fff; font-size: 11px; }
#sideTabs .tab_content ul.recent li {margin-bottom: 10px; }
#sideTabs .tab_content ul.recent img {float: left; display: inline; border: solid 4px #333; margin: 2px 10px 5px 0;}
#sideTabs .tab_content ul.recent h2 {font-size: 12px; font-weight: bold; margin-bottom: 6px; line-height: 18px; text-transform: none; }
#sideTabs .tab_content ul.recent p.postmetadata {font-size: 11px; margin:0; text-transform: none; }
#sideTabs .tab_content ul.recent p.postmetadata span.datetime {color: #777;}

.navigation { margin-bottom: 20px; }
.navigation p {font-size: 16px; text-align: center; }
.navigation a {margin: 0 5px;}

/* Comments -----------------------------------------------------------------------------------------------------------------------*/
#comments {margin-top: 40px; }
#comments h2.premier {display:block; width: 100%; background-color:#f1f1f1; color:#52981f; padding: 10px 0 10px 10px; text-transform: none; font-size: 18px; font-weight: normal; font-style: normal; text-align: center; border-top: solid 1px #ccc; }
.single ol.comments {padding: 1em 0; margin:0; }
.single ol.comments a {text-decoration: none;}
.single ol.comments a:hover {text-decoration: underline;}
.single ol.comments div.comment-body {position: relative; }
.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
.single ol.comments li ul.children {padding: 10px 0 0; }
.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


.single ol.comments {font-family: 'Merriweather', serif; }
.single ol.comments .vcard {}
.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
.single ol.comments cite.author {color: #333;}
.single ol.comments span.says {display: none; }
.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
.single ol.comments li.comment {background-color: #f1f1f1; }
.single ol.comments li.bypostauthor { background-color: #fff; }

.afterpost .navigation .alignleft a, #main .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a, .cancel-comment-reply-link a, .navigation a { background: #6297BC; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #main .reply a:hover, .cancel-comment-reply a:hover, .cancel-comment-reply-link a:hover, .navigation a:hover { background: #005599; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
.navigation {margin: 10px 0; font-size: 18px; text-align: center;  }
.navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; text-shadow: #555 1px 1px 1px; }

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #6297BC; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }

.single div.social h3 {font-weight: bold; margin-bottom: 0; text-align: center;}
.single div.social {padding: 0 10px 10px 10px; margin: 0 20px 15px 0; float: left; border: solid 1px #ddd; background-color: #f6f6f6; width:80px;}
.share-button-fb {margin-top: 5px;}
.googleplus {margin-top: 5px;}
.linkedin { margin-top: 5px;}
.addthis_perso {margin: 35px 0 0 0;}

#searchform label {display: none; }
#searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
#searchform input#s {width: 180px;}
#searchform input#searchsubmit {border: none; font-size: 10px; text-transform: uppercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#52981f; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; }
.periodTags { width:800px; /*height:78px;*/ margin:5px auto; text-transform:uppercase; text-align:center;}
.periodTags a {
	display: inline-block;
}
.custom_ads { width:480px; margin:0 auto 10px auto; }
/* Modal */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:650px; width:auto; color:#bbb; background-color:#333; border:4px solid #444; padding:0;}
#simplemodal-container .simplemodal-data {padding:0;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:0; padding:0;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}